@charset "utf-8"; /* @import url("ticketmall_sub.css"); */ @import url("common.css"); /* ---------------------------------------------------------------------------------------------------------------------------------------- ●●●●● 필독! ●●●●● ticketmall.css : 메인 index 및 공통레이아웃요소 (header, top, quick, footer) 디자인 ticketmall_sub.css : - 기본 index 파일을 제외한 모든 페이지 디자인 - 상품리스트는 메인용/서브용을 따로 구성한다 (향후 메인만 수정해서 사용할 경우를 위함) common.css : - 쇼핑몰의 기능적인 공통 레아아웃 요소 (장바구니, 회원, 게시판, 팝업 등) - 이 css는 프로그램과 직접연동되는 부분이므로 가능하면 수정하지말것. ---------------------------------------------------------------------------------------------------------------------------------------- */ /* 업다운버튼 화면고정 */ .go_updown {position:fixed; right:0; bottom:0; margin:10px;} .go_updown a {display:block; text-align:center; background:#44464c; width:60px; height:35px; overflow:hidden; margin-bottom:1px;} .go_updown a img {margin-top:10px;} .go_updown a:hover {background:#ff008a} /* 기본설정 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ html {height:100%; width:100%; margin: 0; padding: 0; min-width:1300px; } body {margin:0; padding:0; background:#fff; position:relative;} img {border:0;} p,form,span {margin:0;padding:0;} div,table {margin:0;padding:0; border-spacing:0; border-collapse:collapse; border:none; } ul,ol,li,td,dl,dt,dd {list-style:none; margin:0; padding:0; text-align: left;} input,select,textarea {margin:0;padding:0; vertical-align:middle;} body,p,pre,form,span,div,table,ul,ol,li,td,input,textarea,select {font-family:dotum; font-size:12px; color:#666; word-wrap:break-word; word-break:break-all;} em {font-style:normal} label {display:inline-block; overflow:hidden; cursor:pointer} span,a {display:inline-block;} /* 폼요소기본 */ label {cursor:pointer; overflow:hidden; display:inline-block;} label:hover {color:#ff008a !important} input[type=text],input[type=search] {border:0; background:#fff;} input[type=submit] {border:0; cursor:pointer;} input[file] {height:25px;} a {cursor:pointer;} a:link, a:visited {color:#666; text-decoration: none;} a:hover, a:active {color:#e60012; text-decoration: none;} #wrap {width:100%; position:relative;} .lineup {display:inline-block; background:#none;} .layout_fix {width:1000px; margin:0 auto; position:relative;} /* 이미지롤오버 */ .roll_off {display:block;} .roll_over {display:none;} a:hover .roll_off {display:none;} a:hover .roll_over {display:block;} .roll_hit .roll_off {display:none;} .roll_hit .roll_over {display:block;} .active .roll_off {display:none;} .active .roll_over {display:block;} /* */ /* 헤더(공통) @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ #header {height:34px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; position:relative;} #header .layout_fix {z-index:960} #header em {float:left; overflow:hidden; margin:0 7px; font-size:11px; color:#cccccc; line-height:34px;} #header a {letter-spacing:-1px; font-size:11px; color:#707070; } #header .left {overflow:hidden;} #header .left a {float:left; display:inline-block; font-size:11px; line-height:34px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:0 13px; } #header .left a:first-child {border-right:none; } #header .left a img{padding-right:3px;} #header .left a:hover{background:#efefef;} #header .right { position:absolute; top:0; right:0; } #header .right a {margin-left:25px; float:left; line-height:34px;} #header .btn_login {margin-top:6px; position:relative; background:transparent url('../images/login.png') left top no-repeat; padding:0 7px 0 10px; font-weight:bold; color:#2c2c2c; letter-spacing:-1px; font-size:11px; line-height:22px !important;} #header .btn_login .edge {display:inline-block; background:url('../images/login.png') no-repeat; background-position:-77px 0; width:3px; height:21px; margin-right:-3px; position:absolute; top:0; right:0;} #header .cart {color:#ec0000; overflow:hidden; background:transparent url('../images/header_cart.gif') left 8px no-repeat; } #header .cart b {float:left; margin-left:23px;} #header .cart_num {position:relative; color:#fff; letter-spacing:0; display:inline-block; font-weight:bold; font-family:tahoma; font-size:11px; background:transparent url('../images/header_cart_num.png') left top no-repeat; height:13px; line-height:12px !important; padding:0 0 0 6px; margin:10px 7px 0 2px;} #header .cart_num .edge {background:transparent url('../images/header_cart_num.png') no-repeat; background-position:-40px 0; width:7px; height:13px; margin-right:-7px; position:absolute; top:0; right:0; } #header .menu_sub {position:relative; display:inline-block; float:left;} #header .menu_sub > a {background:transparent url('../images/arrow_down.gif') right 15px no-repeat; padding-right:10px;} #header .menu_sub:hover .over {display:block} #header .menu_sub .over {display:none; position:absolute; width:80px; background:#fff; border:1px solid #4c4c4c; left:50%; top:0; margin-left:-31px; z-index:999;} #header .menu_sub .over a {display:block; width:100%; border-top:1px dashed #b1b1b1; line-height:22px; margin:0; text-align:center; color:#585858;} #header .menu_sub .over a:hover {background:#f7f7f7} #header .menu_sub .over .first {background:#898989; height:34px; line-height:34px; color:#fff; border-top:none;} #header .menu_sub .over .first:hover {background:#4c4c4c;} #header .menu_sub .over .second{border-top:none;} /* 탑영역(공통) @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ #top {background:#fff; height:100px;} #top .layout_fix { z-index:300; background:#000} #top .left_menu_wrap{ float:left; overflow:hidden; width:250px; padding-top:44px; } #top .left_menu_wrap a{float:left; text-align:center;} #top .left_menu_wrap .bar{float:left; background:#d2d2d2; width:1px; height:10px; margin:2px 13px 0 13px;} #top .logo { float:left; overflow:hidden; padding:29px 0 0 115px;} /*실시간 인기상품 ------------------ */ #top .ranking {position:absolute; right:0; top:0; width:208px; margin:34px 0 0 0; padding:7px 10px; cursor:pointer; background:#f7f7f7; border:1px solid #cacaca; z-index:10000; } #top .ranking:hover .over {display:block} #top .ranking .box{padding-top:2px;} #top .ranking .title {float:left; line-height:18px; background:transparent url('../images/icon_exc.png') left center no-repeat; font-size:11px; font-weight:bold; letter-spacing:-1px; padding:1px 0 0 17px; color:#323232; margin:0 10px 0 0} #top .ranking .item { color:#333; letter-spacing:-1px; font-size:12px;} #top .ranking .num {background:#ff008a; width:22px; text-align:center; font-weight:bold; line-height:15px; height:15px; color:#fff; font-family:verdana; font-size:10px; margin-right:8px;} #top .ranking .over {display:none; position:absolute; left:-1px; top:-1px; width:230px; background:#fff; border:2px solid #4b4b4b; cursor:default; z-index:10000;} #top .ranking .over dt {background:#f7f7f7; text-align:center; font-size:14px; font-weight:bold; padding:; border-bottom:1px solid #cfcfcf; line-height:42px; letter-spacing:-1px; color:#333} #top .ranking .over dt b {color:#ff008a} #top .ranking .over dd {border-bottom:1px solid #eaeaea; position:relative; background:url('../images/arrow_right.gif') 210px center no-repeat; } #top .ranking .over .item {font-size:11px; color:#333; display:block !important; overflow:hidden; padding:5px 13px; letter-spacing:-1px; } #top .ranking .over .item:hover {background:#4b4b4b url('../images/arrow_right.gif') 210px center no-repeat; color:#fff;} #top .ranking .over dd:hover .item_over {display:block;} #top .ranking .over .num {background:#ff008a; width:22px; text-align:center; line-height:15px; color:#fff; font-weight:bold; font-family:verdana; font-size:10px; margin-right:10px;} #top .ranking .over .time {text-align:center; font-size:11px; color:#a2a2a2; padding:9px 0; border-bottom:0; background:none;} #top .ranking .item_over {display:none; position:absolute; left:0; top:0; border:3px solid #4b4b4b; background:#4b4b4b; margin-left:-105px;} #top .ranking .item_over b {display:block; text-align:center; font-weight:bold; color:#ffd800; font-family:verdana; font-size:11px; padding:6px 0 4px 0;} /* 네비(공통) @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ #nav {height:50px; } #nav .layout_fix {z-index:200;} #nav .category {position:relative;} #nav .category .depth1 {background:transparent url('../images/nav_border.gif') left top repeat-y; width:154px; float:left; position:relative; height:50px;} #nav .category .depth1 a {overflow:hidden; height:50px; z-index:200; } #nav .category .depth1 a img {float:left;} #nav .category .depth1 .roll_hit {display:none;} #nav .category .depth1:hover .roll_off {display:none;} #nav .category .depth1:hover .roll_over {display:block;} #nav .category .depth1:hover .depth2 {display:block;} #nav .category a {height:50px;} #nav .category .over {display:none;} #nav .category .hit .roll_off {display:none} #nav .category .hit .roll_over {display:none} #nav .category .hit .roll_hit {display:block} #nav .category .hit:hover .roll_hit {display:block} #nav .category .hit:hover .roll_off {display:none} #nav .category .hit:hover .roll_over {display:none} #nav .category .hit:hover .depth2 {display:none} #nav .category .depth2 {display:none; width:340px; background:#fff; border:2px solid #535353; position:absolute; left:0; top:48px; padding:20px 0; z-index:199; } #nav .category .depth2 a {width:150px; float:left; height:40px; line-height:40px; border-bottom:1px solid #d7d7d7; padding:2px 0; margin:0 10px; color:#666} #nav .category .depth2 a:hover {color:#ff2a00; font-weight:bold; background:#f8f8f8; letter-spacing:-1px;} #nav .category .depth2 a img {float:left; margin-right:5px;} #nav .category .shadow_left {width:15px; position:absolute; left:-15px; top:0} #nav .category .shadow_left img {height:100%;} #nav .category .shadow_right {width:15px; position:absolute; right:-15px; top:0} #nav .category .shadow_right img {height:100%;} #nav .category .no_icon {width:150px;} #nav .category .no_icon a {width:130px; text-align:center; padding:0; height:35px; line-height:35px;} #nav .special { position:absolute; top:0; right:-78px; } #nav .special a {float:left; width:50%; height:50px; text-align:center;} #nav .special a img {vertical-align:top} #nav .category .border{position:absolute; left:0; top:0; width:150px; height:2px; background:#fff; margin-top:-2px;} /* 검색 및 배너영역------------------------------------------------------------ */ .top_second{height:100px; background:#ff008a url('../images/dashed.png') 0 98px repeat-x; border-bottom:2px solid #402b2d; overflow:hidden; clear:both} .top_second .layout_fix{ margin:0 auto;} /* 왼쪽배너 */ .top_second .left_banner{float:left; color:#000; position:relative;} .top_second .left_banner .btn_wrap{position:absolute; left:0; top:0; margin-top:16px;} /* .top_second .left_banner .btn_wrap a{float:left; background:url(../images/prevnext_icon01.png) no-repeat; width:17px; height:15px;} .top_second .left_banner .btn_wrap a:hover {background:url(../images/prevnext_icon02.png) -18px 0 no-repeat;} .top_second .left_banner .btn_wrap a:hover:first-child{background:url(../images/prevnext_icon02.png) 0 0 no-repeat;} */ .top_second .left_banner .prev{ margin-right:1px;} .top_second .left_banner .hit{background:url(../images/prevnext_icon02.png) no-repeat;} .top_second .left_banner .btn_wrap .next{background-position:-18px 0; } /* 오른쪽배너 */ .top_second .right_banner{float:right; color:#000; position:relative;} .top_second .right_banner .btn_wrap{position:absolute; right:0; top:0; margin-top:16px;} /* .top_second .right_banner .btn_wrap a{float:left; background:url(../images/prevnext_icon01.png) no-repeat; width:17px; height:15px;} .top_second .right_banner .btn_wrap a:hover {background:url(../images/prevnext_icon02.png) -18px 0 no-repeat;} .top_second .right_banner .btn_wrap a:hover:first-child{background:url(../images/prevnext_icon02.png) 0 0 no-repeat;} */ .top_second .right_banner .prev{ margin-right:1px;} .top_second .right_banner .hit{background:url(../images/prevnext_icon02.png) no-repeat;} .top_second .right_banner .btn_wrap .next{background-position:-18px 0; } /* 검색 영역 */ .top_second .search_area {position:absolute; top:0; left:50%; margin:27px 0 0 -182px; width:363px; } .top_second .search_area .search_box { background:url(../images/search_box.png) 0 0 no-repeat; overflow:hidden; width:333px; height:46px; } .top_second .search_area .search_box input {float:left; width:270px; height:35px; line-height:35px; background:transparent; color:#ed0000; padding:0 15px 0 20px; margin-top:6px; font-weight:bold;} .top_second .search_area .btn_search {position:absolute; right:0; top:0; } .top_second .search_area .btn_search img { } /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ 메인 롤링배너 영역 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ .main_rolling{ background:url('../images/pattern.jpg') 0 0 repeat; overflow:hidden; padding-bottom:32px; border-bottom:1px solid #dbdbdb;} .main_rolling .layout_fix{width:1000px; margin:0 auto; padding-top:33px; } .main_rolling .bn_left{float:left; } .main_rolling .bn_left .first {margin-bottom:5px; position:relative;} .main_rolling .bn_left .first .btn_wrap{position:absolute; right:7px; top:7px;} .main_rolling .bn_left .first .btn_wrap a{float:left;} .main_rolling .bn_left .first .btn_wrap .prev{background:url('../images/left_prevnext.png') no-repeat; width:21px; height:17px; margin-left:8px;} .main_rolling .bn_left .first .btn_wrap .next{background:url('../images/left_prevnext.png') no-repeat; width:21px; height:17px; background-position:-22px 0; margin-left:1px;} .main_rolling .bn_left .first .btn_wrap .num{float:left; font-family:verdana; font-size:11px; line-height:16px; } .main_rolling .bn_left .first .btn_wrap .num b{color:#ff008a; font-weight:bold;} .main_rolling .bn_left a img{border:1px solid #d3d3d3; } /* 롤링 버튼 */ .main_rolling .bn_left .second{position:relative;} .main_rolling .bn_left .second .nate {position:absolute; left:0; bottom:0; text-align:center; margin:6px; } .main_rolling .bn_left .second .nate a {float:left; text-align:center; margin-right:2px; } .main_rolling .bn_left .second .nate a img{ border:none;} .main_rolling .bn_center{float:right; width:771px; position:relative;} .main_rolling .bn_center a img{border:1px solid #d3d3d3;} .main_rolling .bn_center .bn_label{ position:absolute; left:0; top:0; margin:-14px 0 0 23px;} .main_rolling .bn_center_thumb {float:right; } .main_rolling .bn_center_thumb a{float:left; position:relative;} .main_rolling .bn_center_thumb a img{float:left; border-right:1px solid #636363; border-top:1px solid #636363; border-bottom:1px solid #636363; } .main_rolling .bn_center_thumb a:first-child{border-left:1px solid #636363; } .main_rolling .bn_center_thumb .hit_before{background:url('../images/hit_before.png') 0 0 repeat; width:153px; height:80px; position:absolute; left:0; top:0;} .main_rolling .bn_center_thumb .over{display:none;position:absolute; left:50%; top:0; margin:-7px 0 0 -6px; background:url('../images/over_tri.png') 0 0 no-repeat; width:13px; height:7px; } .main_rolling .bn_center_thumb .border{display:none; position:absolute; left:-1px; top:0; border:4px solid #f60; width:146px; height:72px;} .main_rolling .bn_center_thumb a:hover .hit_before{display:none;} .main_rolling .bn_center_thumb a:hover .over{display:block;} .main_rolling .bn_center_thumb a:hover .border{display:block;} .main_rolling .bn_center_thumb .hit .over{display:block;} .main_rolling .bn_center_thumb .hit .border{display:block;} .main_rolling .bn_center_thumb .hit .hit_before{display:none;} .main_rolling .bn_center_thumb .active .over{display:block;} .main_rolling .bn_center_thumb .active .border{display:block;} .main_rolling .bn_center_thumb .active .hit_before{display:none;} /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ end 메인 롤링배너 영역 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* ●●●●●●●●●●●●●●●●●●●●●●●●● 좌측 사이드 메뉴 (공통) ●●●●●●●●●●●●●●●●●●●●●●●●● */ #fly_left {position:absolute; top:0; left:50%; margin:320px 0 0 -630px; overflow:hidden; width:100px;} #fly_left .banner a {display:block; margin-bottom:1px;overflow:hidden;} #fly_left .banner a img {float:left;} #fly_left .event {margin-top:111px;} #fly_left .event a {display:block; overflow:hidden;} #fly_left .event a img {float:left;} /* ●●●●●●●●●●●●●●●●●●●●●●●●● //좌측 사이드 메뉴 (공통) ●●●●●●●●●●●●●●●●●●●●●●●●● */ /* ●●●●●●●●●●●●●●●●●●●●●●●●● 좌측 사이드 (공통_출첵) ●●●●●●●●●●●●●●●●●●●●●●●●● */ /* #fly_check {position:absolute; top:0; left:50%; margin:1037px 0 0 -630px; overflow:hidden; width:100px; } */ #fly_check .icon_menu{border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;} #fly_check .icon_menu a {display:block; overflow:hidden; border-top:1px solid #c8c8c8;} #fly_check .icon_menu a img {float:left;} /* ●●●●●●●●●●●●●●●●●●●●●●●●● //좌측 사이드 메뉴 (공통) ●●●●●●●●●●●●●●●●●●●●●●●●● */ /* ●●●●●●●●●●●●●●●●●●●●●●●●● 우측 오늘본메뉴 (공통) ●●●●●●●●●●●●●●●●●●●●●●●●● */ /* 우측퀵메뉴 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ #fly_right {z-index:299; position:absolute; top:0; left:50%; margin:320px 0 0 530px; width:100px !important;} #fly_right > a {display:block; clear:both; margin-bottom:10px} #fly_right .quick_menu {overflow:hidden; width:100px;} #fly_right .quick_menu li {height:25px; line-height:28px; overflow:hidden; background:#363636; list-style-type:none; border-bottom:1px solid #232121;} #fly_right .quick_menu a {overflow:hidden; width:100%; vertical-align:top; text-align:center; } #fly_right .quick_menu a em { overflow:hidden; font-size:11px; letter-spacing:-1px; color:#afafaf;} #fly_right .quick_menu a em:hover{color:#fff;} /* 장바구니버튼부분 */ #fly_right .quick_menu span { font-weight:bold; color:#ffd800; font-family:verdana; padding:0;} #fly_right .quick_menu .cart{height:26px; background:#ff008a url('../images/cart.png') 14px 10px no-repeat; border:none; padding:12px; line-height:1;} #fly_right .quick_menu .cart em { padding-left:30px; font-family:calibri; font-size:13px; font-weight:bold; text-transform:uppercase; color:#fff; } #fly_right .quick_menu .cart p { padding:3px 0 0 30px; color:#ffd800; font-size:11px; letter-spacing:-1px; } #fly_right .today_view {background:#fff; width:98px; height:299px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; } #fly_right .today_view .title{text-align:center; border-bottom:1px solid #d7d7d7; line-height:27px; font-family:Calibri; color:#707070; font-weight:bold; margin-bottom:10px; } #fly_right .item_area{ height:231px;} #fly_right .item {margin:5px 0 0 9px; position:relative; height:54px;} #fly_right .item .photo {display:block; width:80px; height:54px; overflow:hidden;} #fly_right .item .photo img {width:80px; height:54px !important; vertical-align:top} #fly_right .item:hover .over {display:block;} #fly_right .item .over {display:none; position:absolute; left:0; top:0; } #fly_right .item .over .border {display:block; border:2px solid #ff008a; width:76px; height:50px; margin-top:0px;} #fly_right .item .over .border img {width:100%; height:100%} #fly_right .item .over .ic_del {position:absolute; top:0; right:0; } #fly_right .item .over .info {position:absolute; height:54px; background:#ff008a; right:0; top:0; margin:0px 89px 0 0; width:180px; } #fly_right .item .over .info dt {color:#fff; letter-spacing:-1px; padding:14px 10px 2px 11px; line-height:12px;} #fly_right .item .over .info dd {font-size:14px; color:#ffd800; font-weight:bold; font-family:verdana; padding:0 0 0 11px;} #fly_right .item .over .info dd em{font-size:13px; font-family:dotum;} #fly_right .item .over .info .tri{position:absolute; right:0; top:0; margin:23px -5px 0 0;} /*오늘본상품 페이지 */ #fly_right .today_view .pagenate {overflow:hidden; margin-bottom:8px; } #fly_right .today_view .pagenate .num {float:left; color:#939393; font-family:Tahoma; font-size:10px; margin-left:13px;} #fly_right .today_view .pagenate .num b {color:#000} /*오늘본상품 이전 다음 버튼 */ #fly_right .today_view .pagenate .tov_btn{ margin-top:7px; overflow:hidden; } #fly_right .today_view .pagenate .tov_btn a{} #fly_right .today_view .pagenate .tov_btn .today_prev{float:left; margin-left:10px;} #fly_right .today_view .pagenate .tov_btn .today_next{float:right; margin-right:10px;} #fly_right .none_view {font-family:dotum; font-size:11px; color:#9f9f9f; letter-spacing:-2px; line-height:14px; text-align:center; margin-top:65px; height: 176px;} #fly_right .none_view img {margin-bottom:10px} #fly_right .topposition {margin-top:20px; overflow:hidden} #fly_right .topposition .btn_top {display:block; width:100px; height:35px; background:url('../images/quick_topdown.gif') 0 0 no-repeat;} #fly_right .topposition .btn_down {display:block; width:100px; height:36px; background:url('../images/quick_topdown.gif') 0 -35px no-repeat;} /* ●●●●●●●●●●●●●●●●●●●●●●●●● end 우측 퀵메뉴 (공통) ●●●●●●●●●●●●●●●●●●●●●●●●● */ /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ 메인 베스트 영역 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ .main_best_area{margin-top:40px; overflow:hidden; position:relative; } /*베스트상품 부분*/ .main_best{width:1000px; margin:0 auto; } .main_best .title{padding:; float:left; background:#fff;} /*베스트상품 탭부분*/ .main_best .tab {float:right; height:36px; } .main_best .tab a{float:left; line-height:36px; text-align:center; width:105px; background:#ddd; margin-left:1px; color:#000;} .main_best .tab .hit{background:#363636; line-height:36px; margin-top:0; width:105px; color:#fff; } .main_best .tab a:hover{color:#ff008a} /* 탭아래 보더 */ .main_best .border{width:1000px; height:2px; background:#363636; margin-bottom:26px;} /* 상품리스트 */ .main_best .smart_item { padding-bottom:15px;} .main_best .border_t {position:absolute; left:0; top:0; height:1px; width:100%; background:transparent url('../images/border_w.png') repeat-x; z-index:300} .main_best .border_b {position:absolute; left:0; bottom:0; height:1px; width:100%; background:transparent url('../images/border_w.png') repeat-x; z-index:300} .main_best .border_l {position:absolute; left:0; top:0; height:100%; width:1px; background:transparent url('../images/border_h.png') repeat-y; z-index:300} .main_best .border_r {position:absolute; right:0; top:0; height:100%; width:1px; background:transparent url('../images/border_h.png') repeat-y; z-index:300} .main_best .item_box {width:245px; height: 317px; /* height:256px; */ float:left; position:relative; background:#fff; border:1px solid #d1d1d1; margin-left:4px;} .main_best .item_box:first-child{margin-left:0;} .main_best .item_box .item_none {width:245px; height:317px; background:#fafafa url('../images/item_none.png') center center no-repeat;} /* 마우스오버 : 상품 */ .main_best .item_box:hover .over {display:block;} .main_best .item_box:hover .name dt {color:#ff008a;} .main_best .item_box .over {display:none; width:243px; height:315px; border:2px solid #ff008a; background:transparent; position:absolute; left:-1px; top:-1px; z-index:300; } .main_best .item_box .over img {width:100%; height:100%;} .main_best .item_box .photo {width:100%; position:relative;} .main_best .item_box .photo > img {width:100%;} /* 할인률 표시 */ .main_best .item_box .discount{position:absolute; top:-5px; left:-1px; width:66px; height:37px; background:url('../images/discount.png') 0 0 no-repeat; z-index:500; text-align:center;} .main_best .item_box .discount b{ color:#fff; font-size:26px; font-family:calibri; font-weight:bold; letter-spacing:-1px; float:left;} .main_best .item_box .discount em{font-size:14px; font-family:calibri; font-weight:bold; color:#fff; float:left; padding:6px 0 0 3px;} .main_best .item_box .discount img{margin:11px 0 0 6px; float:left;} /* 마감임박 오픈 등 mark표시 */ .main_best .item_box .upper_icon {position:absolute; top:0; right:0; width:52px; margin:5px;} .main_best .item_box .upper_icon img {float:right; margin-top:2px;} .main_best .item_box .upper_icon img:first-child{margin-top:0;} .main_best .item_box .upper_soldout {position:absolute; top:0; left:0; background:transparent url('../images/soldout_bg.png') no-repeat; width:100%; height:100%; z-index:3000; text-align:center;} .main_best .item_box .upper_soldout img {margin-top:60px;} /* 상품정보 */ .main_best .item_box .info {background:#fff; overflow:hidden;} .main_best .item_box .name {overflow:hidden; padding:9px 0 2px 11px;} .main_best .item_box .name dt {color:#000; letter-spacing:-1px;} /* 가격 */ .main_best .item_box .price{margin:6px 0 0 11px; } /* 가격부분 버튼모양 배경 */ .main_best .item_box .price .btn_price { position:relative; background:transparent url('../images/btn_price.png') left top no-repeat; font-weight:bold; color:#fff; letter-spacing:-1px; font-size:11px; line-height:23px !important; padding:0 3px 0 12px; margin-right:12px;} .main_best .item_box .price .btn_price .edge {display:inline-block; background:url('../images/btn_price.png') no-repeat; background-position:-118px 0; width:12px; height:23px; margin-right:-12px; position:absolute; top:0; right:0;} /* 할인전 가격 ---------------- */ .main_best .item_box .price .btn_price_before {position:relative; background:transparent url('../images/btn_price_before.png') left top no-repeat; font-weight:bold; color:#fff; letter-spacing:-1px; font-size:11px; line-height:23px !important; padding:0 3px 0 12px; margin-right:12px; } .main_best .item_box .price .btn_price_before .edge {display:inline-block; background:url('../images/btn_price_before.png') no-repeat; background-position:-118px 0; width:12px; height:23px; margin-right:-12px; position:absolute; top:0; right:0;} /* before 가격 가로줄 */ /* .main_best .item_box .price .btn_price_before .border{position:absolute; background:transparent url('../images/btn_price_border01.png') left center repeat-x; left:5px; top:11px; z-index:510; width:100%; display: none; } */ .main_best .item_box .price .btn_price_before .border{ position:absolute; left:10px; width: 90%; top:11px; z-index:510; height: 0; border-bottom: 1px solid #fff; background: red; } .main_best .item_box .price em{font-size:13px; font-family:dotum; padding-right:6px;} .main_best .item_box .price span{font-family:verdana; color:#fff;} /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ end 메인 베스트 영역 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ 메인_게시판 추출 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* 공지사항 온라인문의 추출 박스 */ .main_community{background:url('../images/pattern01.jpg') 0 0 repeat; overflow:hidden; padding:50px 0 38px 0; margin-top:40px; } .main_community .notice {width:1000px; margin:0 auto; overflow:hidden; clear:both;} .main_community .notice .left {float:left;} .main_community .notice .right {float:right;} .main_community .notice .notice_tie{margin-top:4px; margin-left:10px; float:right; width:228px;} .main_community .notice .title { display:inline-block; } .main_community .notice li {list-style-type:none; overflow:hidden; color:#4f4d40; } .main_community .notice li a{ width:157px; letter-spacing:-1px; padding:0px 0 16px 12px; } .main_community .notice .i_box .border{width:228px; height:2px; background:#402b2d; margin:5px 0 19px 0;} .main_community .notice .i_box a { float:left; background:url(../images/bullet.gif) 3px 5px no-repeat; color:#4f4d40; font-family:dotum;} .main_community .notice .i_box .more {float:right; background:none; font-size:15px; font-weight:bold; font-family:Calibri; color:#4e4646; margin:3px 3px 0 0 ;} .main_community .notice .i_box .more a{ } .main_community .notice .i_box a:hover{color:#ff008a;} .main_community .notice .i_box li span{float:right; color:#989790; font-family:Verdana; font-size:11px; letter-spacing:-1px; } .main_community .notice .i_box .banner{float:left;} .main_community .notice .i_box .banner img{float:left;} /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ end 메인_게시판 추출 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ 메인_중간배너 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ .mid_banner{width:1000px; margin:0 auto; text-align:center;} .mid_banner .banner_area{padding-top:50px;} .mid_banner .banner_area a{float:left; margin-left:5px; margin-left: 0;} .mid_banner .banner_area a:first-child{margin-left:0px;} .mid_banner .banner_area a img{float:left;} /* 이전다음 롤링버튼------------------------------------------- */ .mid_banner .paginate {display:inline-block; overflow:hidden; padding:23px 0 30px 0;} .mid_banner .paginate b {color:#666666} .mid_banner .paginate a {display:block; background:transparent url('../images/prevnext_icon.jpg') no-repeat; float:left; } .mid_banner .paginate .prev {background-position:0 0; width:30px; height:23px; margin-right:14px;} .mid_banner .paginate .prev:hover {background-position:0 -23px;} .mid_banner .paginate .next {background-position:-30px 0; width:30px; height:23px; margin-left:16px;} .mid_banner .paginate .next:hover {background-position:-30px -23px;} .mid_banner .paginate .hit {background:transparent url('../images/paginate_icon.png') 0 0 no-repeat; width:11px; height:10px; margin:6px 0 0 2px;} .mid_banner .paginate .off {background:transparent url('../images/paginate_icon.png') -10px 0 no-repeat; width:11px; height:10px; margin:6px 0 6px 2px;} .mid_banner .paginate .off.active {background:transparent url('../images/paginate_icon.png') 0 0 no-repeat; width:11px; height:10px; margin:6px 0 6px 2px;} /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ end 메인_중간배너 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ 탭구분 상품리스트 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ .main_tab {overflow:hidden; padding-top:50px; border-top:1px solid #e2e2e2;} .main_tab .layout_fix {overflow:hidden; width:1002px;} .main_tab a {float:left; margin:0 1px; overflow:hidden} .main_tab a img {float:left;} .main_tab .border {background:#3c3c3c; height:2px; width:1000px; margin-left:1px; clear:both;} /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ end 탭구분 상품리스트 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ 상품리스트 (메인) ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ .main_item {} .main_item .layout_fix { width:1014px; padding:32px 0 0px 0; overflow:hidden; } .main_item .item_box {width:324px; height:480px; float:left; position:relative; background:#fbfbfb; margin:0 7px 34px 7px;} .main_item .item_box:hover .over {display:block;} .main_item .item_box:hover .name dt {color:#ff008a; text-decoration:underline; color:#ff008a;} .main_item .item_box .over {display:none; width:320px; height:476px; border:2px solid #ff008a; background:transparent; position:absolute; left:0; top:0; z-index:300} .main_item .item_box .over img {width:100%; height:100%;} .main_item .item_box .photo {width:324px; height:330px; position:relative;} .main_item .item_box .photo a {float:left; overflow:hidden;} .main_item .item_box .upper_icon {position:absolute; top:0px; right:0; width:138px; margin:3px 4px 0 0;} .main_item .item_box .upper_icon img {margin:2px 0px 0 2px; float:right; /* float:left; */} .main_item .item_box .upper_rank {position:absolute; top:0px; left:0; width:62px; height:47px;background:transparent url('../images/upper_rank.png') no-repeat; z-index:2010; margin-top:-4px;} .main_item .item_box .upper_rank b {color:#fff; font-weight:bold; font-size:11px; letter-spacing:-1px; display:inline-block; padding:12px 0 0 17px; text-align:center} .main_item .item_box .upper_soon {position:absolute; bottom:0; left:0; } .main_item .item_box .upper_soon img {position:absolute; bottom:0; left:0; padding: 0; margin: 0; } .main_item .item_box .upper_soldout {position:absolute; top:0; left:0; background:transparent url('../images/soldout_bg.png') repeat; width:100%; height:100%; z-index:2000; text-align:center;} .main_item .item_box .upper_soldout img {margin-top:90px;} .main_item .item_box .info {padding:11px 0 0 10px; overflow:hidden; height:104px; border-left:1px solid #bbb; border-right:1px solid #bbb; background:#fff; } .main_item .item_box .name {overflow:hidden; height:50px; } .main_item .item_box .name dt {font-size:18px; font-weight:bold; padding-bottom:10px; letter-spacing:-2px; color:#000; } .main_item .item_box .name dd {font-size:11px; display:block; color:#9d9d9d; letter-spacing:-1px;} .main_item .item_box .price {overflow:hidden; } .main_item .item_box .price dt {float:left; font-size:41px; font-weight:bold; font-family:verdana; color:#ff008a; letter-spacing:-1px; line-height:1; padding-top:3px; } .main_item .item_box .price dd {float:right; text-align:right; font-weight:bold; font-size:14px; padding:17px 0 0 0; color:#454545; margin-right:5px; } .main_item .item_box .price dd em {font-size:14px; color:#8a8a8a; font-weight:bold; font-family:verdana; text-decoration:line-through; margin-right:12px;} .main_item .item_box .price dd b {color:#333; font-family:verdana; font-size:18px; letter-spacing:-1px; font-weight:bold; padding-right:4px;} .main_item .item_box .price dt b{color:#ff008a; font-family:verdana; font-size:20px; letter-spacing:-1px; font-weight:bold; } .main_item .item_box .price img{padding:11px 0 0 2px;} .main_item .item_box .total {color:#00202e; font-size:11px; letter-spacing:-1px; height:33px; line-height:33px; padding-left:9px; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-top:1px solid #e2e6ea; background:#f3f5f7; position:relative; } .main_item .item_box .total b {color:#1ba2e0; font-family:verdana; letter-spacing:-1px; margin-right:4px; font-size:12px;} .main_item .item_box .btn_wish {position:absolute; right:5px; top:5px; margin:0; z-index:1000; /* background:url('../images/ic_wish_bg.png') no-repeat; margin:5px 6px 0 0; */width:23px; height:23px;} .main_item .item_box .btn_wish img{/* padding:7px 0 0 5px; */} .main_item .item_box .hit {/* background:url('../images/ic_wish_bg_on.png') no-repeat; */ } /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ end 상품리스트 (메인) ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ 메인(지역별베스트) ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ .localarea{ background:#f2f2f2; padding:18px 0 16px 0; margin-top:16px;} .localarea .title{margin-left:7px; padding-bottom:13px;} .localarea .tabmenu {width:999px; overflow:hidden; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-top:2px solid #ef2011; background:#fcfcfc; margin-bottom:38px; position:relative; margin-left:7px; } .localarea .tabmenu .menu_wrap a {display:inline-block; float:left; height:50px; line-height:50px; padding:0 24px; border-right:1px solid #dedede; letter-spacing:-1px; color:#5f5f5f; background:url('../images/tab_bg.jpg') 0 0 repeat-x;} .localarea .tabmenu .menu_wrap a:hover {background:#3c3c3c; color:#fff} .localarea .tabmenu .menu_wrap .hit {background:#fff; padding:0 30px; font-size:14px; font-weight:bold; color:#000;} .localarea .tabmenu .menu_wrap .hit:hover{ background:#fff; color:#000;} .localarea .more{position:absolute; right:0; top:0; margin:11px 10px 0 0;} .localarea .more a {font-size:11px; letter-spacing:-1px; color:#636363; line-height:29px; height:29px; border:none; background:url('../images/more.png') 0 0 no-repeat; padding-top:2px; width:70px;} .localarea .more a:hover{color:#ff008a;} .localarea .more a em{margin-left:13px;} .localarea .more a img{float:right; margin-top:10px; margin-left:0px; margin-right:15px} /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ end 메인(지역베스트) ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* ◎◎◎◎◎◎◎◎◎◎◎◎◎ 하단 광고 ◎◎◎◎◎◎◎◎◎◎◎◎◎ */ /* 광고배너영역 ----------------------------------*/ .plus_ad {width:1000px; margin:0 auto; margin-bottom:50px;} .plus_ad .ad_banner {overflow:hidden;} .plus_ad .ad_banner .title {margin-top:52px; } .plus_ad .ad_banner .thumb { } .plus_ad .ad_banner .thumb_img {float:left; overflow:hidden; margin-left:28px; position:relative; margin-top:20px; width:229px; height:118px; background:url('../images/none_view.jpg') no-repeat; } .plus_ad .ad_banner .thumb_img a{float:left; width:229px; height:118px;} .plus_ad .ad_banner .thumb img{float:left; /* border:1px solid #e1e1e1; */ } .plus_ad .ad_banner .thumb_img:first-child {margin-left:0} .plus_ad .ad_banner .thumb .border{width:227px; height:116px; border:1px solid #e51841; position:absolute; left:0; top:0; background:url('../images/ad_more.png') 192px 83px no-repeat; display:none;} .plus_ad .ad_banner .thumb a:hover .border{display:block;} /* 하단 고객센터 배너-------------------------- */ .main_cs {overflow:hidden; position:relative; width:998px; margin:0 auto; border:1px solid #d7d7d7; } .main_cs .layout_fix {overflow:hidden; width:1002px; background:#fff; position:relative;} .main_cs .layout_fix dt {float:left; text-align:center; border-right:1px solid #ebebeb;} .main_cs .layout_fix dt a{ padding:25px 45px;} .main_cs .layout_fix dd {float:left; padding:25px 43px; } .main_cs .cscenter {position:absolute; right:0; top:0; width:138px; font-size:11px; letter-spacing:-2px; color:#999; font-weight:bold; margin:13px 104px 0 0;} .main_cs .cscenter p {display:block; color:#ff008a; font-size:20px; font-family:verdana; font-weight:bold; margin-bottom:1px;} .main_cs .cscenter em{font-family:Verdana; float:right; font-size:11px; letter-spacing:-1px; } .main_cs .cscenter span{ float:left; width:65px; font-size:11px; letter-spacing:-1px; color:#999; margin-top:3px; width:58px;} .main_cs a:first-child {border-left:none} /* ●●●●●●●●●●●●●●●●●●●●●●●●●●● footer (공통) ●●●●●●●●●●●●●●●●●●●●●●●●●●● */ #footer {clear:both; overflow:hidden;-webkit-text-size-adjust:100%;} #footer .menu {background:#323a46; text-align:center; margin-top:50px; height:46px; } #footer .menu a {display:inline-block; font-size:12px; font-family:dotum; letter-spacing:-1px; color:#fff; padding:17px 0; float:left; text-align:center;} #footer .menu a:hover {color:#999;} #footer .menu .bar {float:left; background:#646b76; width:1px; height:11px; margin:17px 10px 0 10px;} #footer .copyright {background:#fff; padding:44px 0; overflow:hidden} #footer .copyright .logo {float:left; margin-right:70px;} #footer .copyright .info {float:left; font-size:12px; color:#666; font-family:dotum; line-height:20px;} #footer .copyright .info em {display:inline-block; font-size:12px; color:#ccc; font-family:dotum; margin:0 10px; } #footer .copyright .info b {display:block; overflow:hidden; font-weight:normal; color:#999; font-size:11px; line-height:18px; margin:12px 0 15px 0;} #footer .copyright .info a{margin-right:1px; margin-top:10px;} #footer .copyright .info span{padding-top:2px;} #footer .copyright .info span img{padding-left:1px;} #footer .copyright .info span img:first-child{padding-left:0;} /* ●●●●●●●●●●●●●●●●●●●●●●●●●●● end footer (공통) ●●●●●●●●●●●●●●●●●●●●●●●●●●● */ /* ■■■■■■■■■■■■■■■ 서브메인_메뉴 ■■■■■■■■■■■■■■■■ */ /* 쇼핑 2뎁스메뉴 */ .sub_shop_main { background:#fff; border-bottom:1px solid #aeaeae;} .sub_shop_main .depth2 {width:1000px; margin:0 auto; overflow:hidden; text-align:center} .sub_shop_main .depth2 {overflow:hidden; text-align:center; padding:17px 0} .sub_shop_main .depth2 a {float:left; overflow:hidden; display:inline-block; border-left:1px solid #ebebeb; border-bottom:1px solid transparent; border-top:1px solid transparent; border-right:1px solid transparent; /* width:78px; */ padding: 10px 15px; /* height:61px; */ font-size:12px; letter-spacing:-1px; text-align:center; color:#8d8c8c;} .sub_shop_main .depth2 a:first-child {border-left:0} .sub_shop_main .depth2 a:hover {border:1px solid #ff008a; font-weight:bold; color:#ff008a; letter-spacing:-2px;} .sub_shop_main .depth2 .ic {display:inline-block; text-align:center; vertical-align:middle; width:40px; height:40px;} .sub_shop_main .depth2 .hit {border:1px solid #ff008a !important; font-weight:bold; color:#ff008a; letter-spacing:-2px;} .sub_shop_main .depth2 .hit:hover{border:1px solid #ff008a !important; font-weight:bold; color:#ff008a; letter-spacing:-2px;} .sub_shop_main .depth2 em {display:block; margin-top:3px} /* ■■■■■■■■■■■■■■■ 서브메인_롤링 ■■■■■■■■■■■■■■■■ */ .sub_rolling{ background:url('../images/pattern.jpg') 0 0 repeat; overflow:hidden; padding-bottom:40px; border-bottom:1px solid #dcdcdc; margin-bottom:13px;} .sub_rolling .layout_fix{width:1000px; margin:0 auto; padding-top:37px; } .sub_rolling .left{float:left; position:relative;} .sub_rolling .left .btn_wrap{position:absolute;left: 0; right: 0; top: 0;} .sub_rolling .left .btn_wrap .prev{background:url('../images/sub_rolling_prevnext.png') no-repeat; width:20px; height:49px; float:left; position:absolute; left:0; top:0; margin-top:151px; z-index: 100;} .sub_rolling .left .btn_wrap .next{background:url('../images/sub_rolling_prevnext.png') no-repeat; background-position:-60px 0; width:20px; height:49px; float:left; position:absolute; right: 0; top:0; margin-top:151px; z-index: 100;} /* 이전 다음 버튼 */ .sub_rolling .left .btn_wrap .prev:hover{background-position:-20px 0;} .sub_rolling .left .btn_wrap .next:hover{background-position:-40px 0;} /*서브 롤링 버튼 */ .sub_rolling .left .btn_icon {position:absolute; left:21px; bottom:13px; } .sub_rolling .left .btn_icon a {display:inline-block; float:left; background:transparent url('../images/sub_rolling.png') no-repeat; width:14px; height:16px; margin-right:4px;} .sub_rolling .left .btn_icon .off {background-position:0 0} .sub_rolling .left .btn_icon .hit {background-position:-14px 0} .sub_rolling .left .btn_icon .off.active {background-position:-14px 0} .sub_rolling .right{float:right; position:relative;} .sub_rolling .right .btn_wrap{position:absolute; right:0; top:0; margin:6px 6px 0 0;} .sub_rolling .right .btn_wrap .prev{background:url('../images/left_prevnext.png') no-repeat; width:21px; height:17px; float:left; margin-left:7px;} .sub_rolling .right .btn_wrap .next{background:url('../images/left_prevnext.png') no-repeat; width:21px; height:17px; background-position:-22px 0; float:left; margin-left:1px;} .sub_rolling .right .btn_wrap .num{float:left; font-family:verdana; font-size:11px; line-height:16px; color:#fff } .sub_rolling .right .btn_wrap .num b{ font-weight:bold;} /* ■■■■■■■■■■■■■■■ 서브메인_상품리스트 ■■■■■■■■■■■■■■■■ */ .sub_main_product {width:1000px; margin:0 auto; padding-top:51px; background:url('../images/sub_title_bg.png') 0 bottom repeat-x; overflow:hidden; position:relative;} .sub_main_product .title {font-size:16px; font-weight:bold; letter-spacing:-1px; color:#000; float:left; padding-bottom:10px;} .sub_main_product .title b{color:#ff008a;} /* 버튼(추천_신규_마감) */ .sub_main_product .arrange {float:right; margin-bottom:11px; position:absolute; right:0; bottom:0; margin-right:14px;} .sub_main_product .arrange a{float:left; position:relative; background:url('../images/ar_off.png') left top no-repeat; padding:0px 2px 0 14px; color:#4c4c4c; letter-spacing:-1px; font-size:11px; line-height:21px !important; margin-left:16px; } .sub_main_product .arrange .edge {display:inline-block; background:url('../images/ar_off.png') no-repeat; background-position: -109px 0; width:11px; height:21px; margin-right:-11px; position:absolute; top:0; right:0;} /* 마우스 오버시 */ .sub_main_product .arrange a:hover{background:url('../images/ar_over.png') left top no-repeat; color:#fff} .sub_main_product .arrange a:hover .edge{background:url('../images/ar_over.png') no-repeat; background-position: -109px 0; width:11px; height:21px; margin-right:-11px; position:absolute; top:0; right:0;} .sub_main_product .arrange a img{float:left; display:none; padding-right:5px; margin-top:5px;} /* hit상태일때 */ .sub_main_product .arrange .hit img{display:block;} .sub_main_product .arrange .hit{background:url('../images/ar_over.png') left top no-repeat; color:#fff; } .sub_main_product .arrange .hit .edge{background:url('../images/ar_over.png') no-repeat; background-position: -109px 0; width:11px; height:21px; margin-right:-11px; position:absolute; top:0; right:0;} /* ■■■■■■■■■■■■■■■ end 서브메인_상품리스트 ■■■■■■■■■■■■■■■■ */ /* ■■■■■■■■■■■■■■■ 서브메인_페이지네이트 ■■■■■■■■■■■■■■■■ */ /* 페이지네이트 (상품형-크게) */ .product_paginate {text-align:center; padding:22px 0 75px 0; overflow:hidden; position:relative; clear:both} .product_paginate a {float:left;} .product_paginate .nextprev {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #b0b0b0; float:left;} .product_paginate .nextprev .btn {float:left;} .product_paginate .nextprev .btn .ok {display:none;} .product_paginate .nextprev .click .ok {display:block;} .product_paginate .nextprev .click .no {display:none;} .product_paginate .nextprev .ok {width:53px; height:43px; border-right:1px solid #dbdbdb; background:#fff} .product_paginate .nextprev .ok:hover {background:#f5f5f5;} .product_paginate .nextprev .icon {background:transparent url(../images/paginate.png) no-repeat; width:20px; height:20px; margin-top:12px;} .product_paginate .nextprev .no {width:53px; height:43px; border-right:1px solid #dbdbdb; background:#fff} .product_paginate .nextprev .ok .ic_first {background-position:0 0} .product_paginate .nextprev .ok .ic_prev {background-position:-20px 0} .product_paginate .nextprev .ok .ic_next {background-position:-40px 0} .product_paginate .nextprev .ok .ic_last {background-position:-60px 0} .product_paginate .nextprev .no .ic_first {background-position:0 -20px; } .product_paginate .nextprev .no .ic_prev {background-position:-20px -20px} .product_paginate .nextprev .no .ic_next {background-position:-40px -20px} .product_paginate .nextprev .no .ic_last {background-position:-60px -20px} .product_paginate .number {float:left; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #b0b0b0; margin:0 15px; } .product_paginate .number a {line-height:43px; color:#333; padding:0 20px; font-size:20px; font-family:calibri; border-right:1px solid #dbdbdb; background:#fff} .product_paginate .number a:hover { background:#f5f5f5} .product_paginate .number .hit {color:#f00; font-weight:bold;} /* ■■■■■■■■■■■■■■■ end 서브메인_페이지네이트 ■■■■■■■■■■■■■■■■ */ /* ■■■■■■■■■■■■■■■ 서브리스트_지역선택 카테고리 ■■■■■■■■■■■■■■■■ */ /* 지역 메뉴 */ .nav_depth_local {} .nav_depth_local .layout_fix {background:#fff; border-bottom:1px solid #aeaeae; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:15px 0} .nav_depth_local .set {overflow:hidden; margin:0 15px; position:relative; background:#fbfbfb url('../images/depth3_border.png') left bottom repeat-x; } .nav_depth_local a {display:inline-block; } .nav_depth_local .first {position:absolute; left:0; top:50%; width:110px; text-align:center; margin-top:-6px; letter-spacing:-1px;} .nav_depth_local .first .hit {color:#ce0000; font-weight:bold;} .nav_depth_local .second {background:#fff; overflow:hidden; padding:10px 20px; margin-left:110px; background:#fff url('../images/depth3_border.png') left bottom repeat-x;} .nav_depth_local .second a {width:18%; float:left; line-height:25px; letter-spacing:-0.5px; background:transparent url('../images/common/ic_nav_local.png') left center no-repeat; padding-left:12px;} .nav_depth_local .second em {color:#999; font-family:tahoma; font-size:11px; margin-left:6px;} .nav_depth_local .second .hit {background:transparent url('../images/common/ic_nav_local_on.png') left center no-repeat; color:#ce0000; font-weight:bold; letter-spacing:-1px; text-decoration:underline} .nav_depth_local .second .hit em {color:#000 !important} .nav_depth_local .clear_line {background:#fff; width:100%; height:1px; position:absolute; left:0; bottom:0; margin-bottom:15px; z-index:100} /* 서브카테고리영역 : 2뎁스메뉴 */ .sub_list{width:1000px; margin:0 auto;} .sub_list .nav_depth2 {margin:35px 0 0 0; background:#fbfbfb; overflow:hidden; position:relative;} .sub_list .nav_depth2 a {width:16.6%; float:left; line-height:38px; height:38px; text-indent:16px; color:#333; font-size:11px;} .sub_list .nav_depth2 a:hover {background:#f7f7f7; color:#ff008a;} .sub_list .nav_depth2 .hit {background:#ff008a !important; color:#fff; letter-spacing:-1px;} .sub_list .nav_depth2 .hit:hover {letter-spacing:-1px; color:#fff} .sub_list .nav_depth2 .hit em {color:#fff; padding-left:10px; letter-spacing:0;} .sub_list .nav_depth2 em {font-size:11px; color:#999; font-weight:normal; margin-left:-5px; padding-left:10px;} .sub_list .page_category .nav_depth2 .design {position:absolute; background:transparent url('../images/border_opacity.png') left top repeat; z-index:1000} .sub_list .bd_l {width:1px; height:100%; left:0; top:0} .sub_list .bd_t {height:1px; width:100%; left:0; top:0} .sub_list .bd_r {width:1px; height:100%; right:0; top:0} .sub_list .bd_b {height:1px; width:100%; left:0; bottom:0} .sub_list .bd_h1 {width:1px; height:100%; left:16.6%; top:0} .sub_list .bd_h2 {width:1px; height:100%; left:33.3%; top:0} .sub_list .bd_h3 {width:1px; height:100%; left:49.8%; top:0} .sub_list .bd_h4 {width:1px; height:100%; left:66.4%; top:0} .sub_list .bd_h5 {width:1px; height:100%; left:83%; top:0} .sub_list .bd_w1 {width:100%; height:1px; left:0; top:38px;} .sub_list .bd_w2 {width:100%; height:1px; left:0; top:76px;} .sub_list .bd_w3 {width:100%; height:1px; left:0; top:114px;} .sub_list .bd_w4 {width:100%; height:1px; left:0; top:152px;} /* ■■■■■■■■■■■■■■■ 서브리스트_지역선택 카테고리 ■■■■■■■■■■■■■■■■ */ /* ■■■■■■■■■■■■■■■ 서브 여행메인_상품리스트 ■■■■■■■■■■■■■■■■ */ .sub_travel_main {width:1000px; margin:0 auto; padding-top:51px; background:url('../images/sub_title_bg.png') 0 bottom repeat-x; overflow:hidden; position:relative;} .sub_travel_main .title {font-size:18px; font-weight:bold; letter-spacing:-1px; color:#000; float:left; padding-bottom:10px;} /* 버튼(추천_신규_마감) */ .sub_travel_main .arrange {float:right; margin-bottom:11px; position:absolute; right:0; bottom:0; margin-right:14px;} .sub_travel_main .arrange a{float:left; position:relative; background:url('../images/ar_off.png') left top no-repeat; padding:0px 2px 0 14px; color:#4c4c4c; letter-spacing:-1px; font-size:11px; line-height:21px !important; margin-left:16px; } .sub_travel_main .arrange .edge {display:inline-block; background:url('../images/ar_off.png') no-repeat; background-position: -109px 0; width:11px; height:21px; margin-right:-11px; position:absolute; top:0; right:0;} /* 마우스 오버시 */ .sub_travel_main .arrange a:hover{background:url('../images/ar_over.png') left top no-repeat; color:#fff} .sub_travel_main .arrange a:hover .edge{background:url('../images/ar_over.png') no-repeat; background-position: -109px 0; width:11px; height:21px; margin-right:-11px; position:absolute; top:0; right:0;} .sub_travel_main .arrange a img{float:left; display:none; padding-right:5px; margin-top:5px;} /* hit상태일때 */ .sub_travel_main .arrange .hit img{display:block;} .sub_travel_main .arrange .hit{background:url('../images/ar_over.png') left top no-repeat; color:#fff; } .sub_travel_main .arrange .hit .edge{background:url('../images/ar_over.png') no-repeat; background-position: -109px 0; width:11px; height:21px; margin-right:-11px; position:absolute; top:0; right:0;} /* ■■■■■■■■■■■■■■■■ 상품리스트 (여행) ■■■■■■■■■■■■■■■■ */ .sub_travel_item {padding-bottom:43px;} .sub_travel_item .layout_fix { width:1022px; padding:20px 0 0px 0; overflow:hidden; } .sub_travel_item .item_box {width:489px; height:480px; float:left; position:relative; background:#fbfbfb; margin:0 11px 21px 11px;} .sub_travel_item .item_box:hover .over {display:block;} .sub_travel_item .item_box:hover .name dt {color:#ff008a;} .sub_travel_item .item_box .over {display:none; width:485px; height:476px; border:2px solid #ff008a; background:transparent; position:absolute; left:0; top:0; z-index:300} .sub_travel_item .item_box .over img {width:100%; height:100%;} .sub_travel_item .item_box .photo {width:489px; height:330px; position:relative;} .sub_travel_item .item_box .photo a {float:left; overflow:hidden;} .sub_travel_item .item_box .upper_icon {position:absolute; top:0px; right:0; width:138px; margin:3px 4px 0 0;} .sub_travel_item .item_box .upper_icon img {margin:2px 0px 0 2px; float:left;} .sub_travel_item .item_box .upper_rank {position:absolute; top:0px; left:0; width:62px; height:47px;background:transparent url('../images/upper_rank.png') no-repeat; z-index:2010; margin-top:-4px;} .sub_travel_item .item_box .upper_rank b {color:#fff; font-weight:bold; font-size:11px; letter-spacing:-1px; display:inline-block; padding:12px 0 0 17px; text-align:center} .sub_travel_item .item_box .upper_soon {position:absolute; bottom:0; left:0; } .sub_travel_item .item_box .upper_soldout {position:absolute; top:0; left:0; background:transparent url('../images/soldout_bg.png') repeat; width:100%; height:100%; z-index:2000; text-align:center;} .sub_travel_item .item_box .upper_soldout img {margin-top:90px;} .sub_travel_item .item_box .info {padding:11px 0 0 10px; overflow:hidden; height:104px; border-left:1px solid #bbb; border-right:1px solid #bbb; background:#fff; } .sub_travel_item .item_box .name {overflow:hidden; height:50px; } .sub_travel_item .item_box .name dt {font-size:18px; font-weight:bold; padding-bottom:10px; letter-spacing:-1px; color:#000; } .sub_travel_item .item_box .name dt:hover{text-decoration:underline; color:#ff008a; } .sub_travel_item .item_box .name dd {font-size:11px; display:block; color:#9d9d9d; letter-spacing:-1px;} .sub_travel_item .item_box .price {overflow:hidden; } .sub_travel_item .item_box .price dt {float:left; font-size:41px; font-weight:bold; font-family:verdana; color:#ff008a; letter-spacing:-1px; line-height:1; padding-top:3px; } .sub_travel_item .item_box .price dd {float:right; text-align:right; font-weight:bold; font-size:14px; padding:17px 0 0 0; color:#454545; margin-right:5px; } .sub_travel_item .item_box .price dd em {font-size:14px; color:#8a8a8a; font-weight:bold; font-family:verdana; text-decoration:line-through; margin-right:12px;} .sub_travel_item .item_box .price dd b {color:#333; font-family:verdana; font-size:18px; letter-spacing:-1px; font-weight:bold; padding-right:4px;} .sub_travel_item .item_box .price dt b{color:#ff008a; font-family:verdana; font-size:20px; letter-spacing:-1px; font-weight:bold; } .sub_travel_item .item_box .price img{padding:11px 0 0 2px;} .sub_travel_item .item_box .total {color:#00202e; font-size:11px; letter-spacing:-1px; height:33px; line-height:33px; padding-left:9px; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-top:1px solid #e2e6ea; background:#f3f5f7; position:relative; } .sub_travel_item .item_box .total b {color:#1ba2e0; font-family:verdana; letter-spacing:-1px; margin-right:4px; font-size:12px;} .sub_travel_item .item_box .btn_wish {position:absolute; right:0; top:0; margin:0; z-index:1000; background:url('../images/ic_wish_bg.png') no-repeat; margin:5px 6px 0 0; width:23px; height:23px;} .sub_travel_item .item_box .btn_wish img{padding:7px 0 0 5px;} .sub_travel_item .item_box .hit {background:url('../images/ic_wish_bg_on.png') no-repeat; } /* ■■■■■■■■■■■■■■■■ end 상품리스트 (여행) ■■■■■■■■■■■■■■■■ */ /* ■■■■■■■■■■■■■■■■ 상품_상세보기페이지(view) ■■■■■■■■■■■■■■■■ */ .sub_conts{padding-top:24px; position:relative; } .sub_conts .item_view {background:#fff; width:958px; border:1px solid #d7d7d7; overflow:hidden; padding:0 20px 37px 20px; } /*상품정보박스 -------------------------------------------------------------------------------*/ /* 할인률 표시 */ .sub_conts .item_view .discount{position:absolute; top:0; right:0; margin:-4px 16px 0 0; width:111px; height:90px; background:url('../images/view_discount.png') 0 0 no-repeat; z-index:500; text-align:center;} .sub_conts .item_view .discount b{ color:#fff; font-size:44px; font-family:Tahoma; font-weight:bold; float:left; line-height:90px; } .sub_conts .item_view .discount em{font-size:21px; font-family:Verdana; color:#fff; float:left; padding:40px 0 0 0px;} .sub_conts .item_view .discount img{margin:34px 0 0 15px; float:left;} /* 왼쪽 사진영역 */ .sub_conts .item_view .photo_box {float:left; overflow:hidden; width:479px; position:relative; padding-top:20px;} .sub_conts .item_view .photo_box .large {width:479px; height:488px; overflow:hidden} .sub_conts .item_view .photo_box .large img {width:100%;} .sub_conts .item_view .photo_box .ic_tag {overflow:hidden; position:absolute; left:0; top:0} .sub_conts .item_view .photo_box .ic_tag img {float:left; margin-right:2px;} /* 소셜공유 */ .sub_conts .item_view .share_sns {overflow:hidden; margin-top:17px;} .sub_conts .item_view .share_sns a {float:left; overflow:hidden; width:46px; height:47px; margin-left:7px; background:url('../images/sns.png') no-repeat;} .sub_conts .item_view .share_sns a:first-child{margin-left:0;} .sub_conts .item_view .share_sns .ic_fb {background-position:0 0;} .sub_conts .item_view .share_sns .ic_tw {background-position:-53px 0;} .sub_conts .item_view .share_sns .ic_sms {background-position:-105px 0;} /* 오른쪽 정보영역 */ .sub_conts .item_view .info_box {float:right; overflow:hidden; width:449px; padding-top:16px;} /* 현재구매현황 */ .sub_conts .item_view .info_box .buyinfo {overflow:hidden; background:#f2f2f2; border:1px solid #d8d8d8; text-align:center; display:block; padding:12px 0 12px 21px; } .sub_conts .item_view .info_box .total {float:left; font-weight:bold; color:#666; font-size:12px; letter-spacing:-1px; padding-right:200px; } .sub_conts .item_view .info_box .total em {color:#ff5f36; margin:0 3px; font-size:18px; line-height:18px; margin-top:-3px; font-family:verdana; letter-spacing:-1px;} .sub_conts .item_view .info_box .timer {float:left; font-weight:bold; color:#666; font-size:12px; letter-spacing:-1px; padding-top:3px;} .sub_conts .item_view .info_box .timer em {color:#333; margin:0 3px; font-size:16px; margin-top:-3px; font-family:verdana; font-weight:bold;} /* 상품명 */ .sub_conts .item_view .info_box .name {overflow:hidden; display:block; padding-top:33px; margin-bottom:14px;} .sub_conts .item_view .info_box .name dd {display:block; font-weight:bold; color:#000; font-size:35px; letter-spacing:-3px;} .sub_conts .item_view .info_box .name dt { font-size:14px; letter-spacing:-1px; color:#8d8c8c; font-weight:normal; padding-top:7px; } /* 상품 가격 */ .sub_conts .item_view .info_box .price_box {overflow:hidden; position:relative; min-height:83px;} .sub_conts .item_view .info_box .price_box em {font-weight:normal; font-family:verdana; font-size:18px} .sub_conts .item_view .info_box .price_box .price {overflow:hidden; } .sub_conts .item_view .info_box .price_box .price dd {color:#ff008a; font-size:26px; font-weight:bold; float:left;} .sub_conts .item_view .info_box .price_box .price dd b {font-family:tahoma; font-size:40px;} .sub_conts .item_view .info_box .price_box .price dt {letter-spacing:-1px; font-size:14px; color:#666; float:left; font-weight:bold; margin:19px 0 0 7px; } .sub_conts .item_view .info_box .price_box .price dt em {font-size:11px; font-family:dotum; font-weight:normal; letter-spacing:-1px;} .sub_conts .item_view .info_box .price_box .price dt del {font-size:20px; font-family:Tahoma; font-weight:normal;} /* 옵션선택 박스 */ .sub_conts .item_view .info_box .option {overflow:hidden; } .sub_conts .item_view .info_box .option span { width: 100%; } .sub_conts .item_view .info_box .option select {margin-bottom:3px; background:transparent; width:100%; padding:5px; border:1px solid #d1d1d1; color:#666;} .sub_conts .item_view .info_box .guide_text {padding:7px 0; color:#7b7b7b; font-family:dotum; font-size:11px; letter-spacing:-1px} .sub_conts .item_view .info_box .guide_text em { color:#ff008a;} .sub_conts .item_view .info_box .add_opt {float:right; display:inline-block; clear:both; overflow:hidden; margin:0 0 10px 0} /* 2014-05-30 추가 */ /* 수량조절 박스 */ .sub_conts .updown_box {position:absolute; right:0; top:50%; margin:-9px 98px 0 0; width:40px !important; z-index:999} .sub_conts .updown_box .updown_input {float:left !important; border:1px solid #d1d1d1; background:#fff; width:15px; height:18px; line-height:20px; font-size:11px; color:#555; padding:0 5px;} .sub_conts .updown_box .updown {display:inline-block; width:12px !important; overflow:hidden;} .sub_conts .updown_box .updown a {display:inline-block; background: transparent url('../images/btn_updown.gif') no-repeat; width:12px; height:11px; float:left; } .sub_conts .updown_box .updown .btn_up {background-position:0 0;} .sub_conts .updown_box .updown .btn_down {background-position:0 -12px;} .sub_conts .updown_box .updown .btn_up:hover {background-position:-12px 0;} .sub_conts .updown_box .updown .btn_down:hover {background-position:-12px -12px;} /* 옵션추가하면 보이는 부분 */ .sub_conts .info_box .option_list {clear:both; background:#f9f9f9; overflow:hidden;} .sub_conts .info_box .option_list li {border-top:1px dashed #c9c9c9; overflow:hidden; padding:10px 0; position:relative; padding-right:10px;} .sub_conts .info_box .option_list li:hover {background:#f9f9f9} .sub_conts .info_box .option_list span {float:left;} .sub_conts .info_box .option_list .option_name {color:#666; line-height:16px; margin-right:160px; margin-left:8px;} .sub_conts .info_box .option_list .option_price {width:70px; text-align:right; color:#000; position:absolute; right:0; top:50%; margin:-6px 30px 0 0;} .sub_conts .info_box .option_list .btn_delete {display:inline-block; margin-top:3px; position:absolute; right:0; top:50%; margin:-9px 8px 0 0} /* 총 합계금액 */ .sub_conts .item_view .info_box .price_sum { text-align:right; font-weight:bold; color:#333; letter-spacing:-1px; font-size:14px; padding-top:7px; border-top:2px solid #333; } .sub_conts .item_view .info_box .price_sum b {color:#ff008a; font-size:25px; font-family:verdana; padding:0 2px;} .sub_conts .item_view .info_box .btn_area {overflow:hidden; text-align:center; margin-top:24px;} .sub_conts .item_view .info_box .btn_area a {display:inline-block; float:left; text-align:center;} .sub_conts .item_view .info_box .btn_area img {float:left} .sub_conts .item_view .info_box .btn_area .btn_wish {margin-right:5px;} .sub_conts .item_view .info_box .btn_area .btn_cart {margin-right:5px;} .sub_conts .item_view .info_box .btn_area .btn_order {} /* 상품상세보기_베스트관련상품 -------------------------------------------------------------------------------*/ .sub_conts .left_area{ padding-top:30px; } .sub_conts .pd_area {border:1px solid #d4d4d4; width:822px; background:#fff; margin:0 0 30px 0; position:relative; float:left; display:;} .sub_conts .related_pd {text-align:center} .sub_conts .pd_area .arrow_left {position: absolute; top:80px; left:20px} .sub_conts .pd_area .arrow_right {position: absolute; top:80px; right:20px} .sub_conts .pd_area .title {border-bottom:1px solid #d4d4d4; display:block; height:48px; line-height:48px; padding-left:20px; font-size:15px; font-weight:bold; color:#333; letter-spacing:-1px} .sub_conts .pd_area .title b {color:#ff008a} .sub_conts .related_pd {padding:30px 0 30px 0; text-align:center; position:relative} .sub_conts .related_pd .item_box {text-align:center; float:left;/* margin:0 8px; */} .sub_conts .related_pd .item_box .thumb {width:125px; overflow:hidden;} .sub_conts .related_pd .item_box .thumb img {float:left; width:100%} .sub_conts .related_pd .item_box .thumb span{ background:url('../images/no_img_rel.png') center center no-repeat; width:125px; height:125px;} .sub_conts .related_pd .item_box .no_img {display:inline-block; width:125px; height:125px; background:url('../images/no_img_rel.png') center center no-repeat;} .sub_conts .related_pd .item_box .name {margin-top:15px; color:#999; font-family:dotum; font-size:11px; } .sub_conts .related_pd .item_box .name a:hover {color:#666} .sub_conts .related_pd .item_box .price {color:#333; font-size:11px; font-family:verdana; margin-top:5px; font-weight:bold; letter-spacing:-1px} .sub_conts .related_pd .line_up {display:inline-block; *zoom:1; *display:inline;} /* 상품상세보기_오른쪽 추가상품 노출 ★★★★★★ */ .sub_conts .left_area .view_right {float:right; overflow:hidden; background:#fff; width:144px; border:1px solid #d7d7d7; padding:0 10px 20px 10px; } .sub_conts .left_area .view_right .title {margin-top:20px; font-size:14px; font-weight:bold; color:#333; letter-spacing:-1px} .sub_conts .left_area .view_right .title b {color:#ff008a} .sub_conts .left_area .view_right .item_box {margin-top:20px; position:relative;} .sub_conts .left_area .view_right .item_box dt {border:1px solid #d7d7d7; width:142px; overflow:hidden;} .sub_conts .left_area .view_right .item_box dt img {width:142px; float:left;} .sub_conts .left_area .view_right .item_box dt a {width:142px; float:left;} .sub_conts .left_area .view_right .item_box dd {margin-top:5px; overflow:hidden; word-break:break-all;} .sub_conts .left_area .view_right .item_box a {color:#333; letter-spacing:-1px; overflow:hidden;} .sub_conts .left_area .view_right .item_box a:hover {color:#ff008a} .sub_conts .left_area .view_right .item_box .buyinfo {overflow:hidden; margin-top:5px; color:#999; font-size:11px;} .sub_conts .left_area .view_right .item_box .buyinfo em {font-weight:bold; color:#0099ff;} .sub_conts .left_area .view_right .item_box .upper_discount {position:absolute; left:0; top:-3px; width:34px; height:23px; font-family:tahoma; background:transparent url('../images/common/recommen_upper.gif') no-repeat; color:#fff; font-size:11px; text-align:center; line-height:22px; padding-right:3px;} .sub_conts .left_area .view_right .item_box .upper_discount em {font-family:dotum; letter-spacing:-2px; padding-right:4px;} /* 상품상세보기_탭상세정보 ★★★★★★ */ .sub_conts .view_left {background:#fff; border:1px solid #d7d7d7; width:822px; float:left; overflow:hidden; margin:0 0; border-top:none; } .sub_conts .view_left .detail_tab {width:100%; overflow:hidden; border-top:1px solid #d7d7d7; background:#f6f6f6 url('../images/common/tab_line.gif') left bottom repeat-x} .sub_conts .view_left .detail_tab .tabmenu {float:left; overflow:hidden;} .sub_conts .view_left .detail_tab .tabmenu a {float:left; height:48px; overflow:hidden; width:410px; text-align:center} .sub_conts .view_left .detail_tab .tabmenu a:first-child{border-right:1px solid #d7d7d7;} .sub_conts .view_left .detail_tab .tabmenu a img {margin-top:15px; text-align:center; margin-left:174px;} .sub_conts .view_left .detail_tab .tabmenu a .off {display:block} .sub_conts .view_left .detail_tab .tabmenu a .over {display:none} .sub_conts .view_left .detail_tab .tabmenu a:hover .off {display:none} .sub_conts .view_left .detail_tab .tabmenu a:hover .over {display:block} .sub_conts .view_left .detail_tab .tabmenu .hit {background:#fff url('../images/common/tab_hit.gif') left top repeat-x; border-bottom:none} .sub_conts .view_left .detail_tab .tabmenu .hit .off {display:none} .sub_conts .view_left .detail_tab .tabmenu .hit .over {display:block} .sub_conts .view_left .share_sns {float:right; overflow:hidden; margin:8px 8px 0 0} .sub_conts .view_left .share_sns a {float:left; overflow:hidden; width:30px; height:30px; margin-left:3px; background:#fff url('../images/sns.gif') no-repeat;} .sub_conts .view_left .share_sns .text {float:left; line-height:30px; font-size:11px; letter-spacing:-1px; margin-right:5px;} .sub_conts .view_left .share_sns .ic_fb {background-position:0 0;} .sub_conts .view_left .share_sns .ic_tw {background-position:-30px 0;} .sub_conts .view_left .share_sns .ic_sms {background-position:-60px 0;} .sub_conts .view_left .share_sns .ic_em {background-position:-90px 0;} .sub_conts .view_left .guide_title {overflow:hidden; vertical-align:middle; margin:0 0 5px 20px} .sub_conts .view_left .detail_conts {margin:40px 0 0 0; overflow:hidden} .sub_conts .view_left .detail_conts .guide {margin:20px; overflow:hidden; background:#fafafa; border:1px solid #d7d7d7;} .sub_conts .view_left .detail_conts .guide dl {float:left; width:50%;} .sub_conts .view_left .detail_conts .guide dt {background: #eee url('../images/stitle_icon.gif') 15px center no-repeat; color:#fff; font-weight:bold; padding:13px 0 10px 38px; border-bottom:1px solid #d7d7d7; font-weight:bold; color:#333} .sub_conts .view_left .detail_conts .guide dd {padding:20px; line-height:20px;} /*구매정보 이용안내*/ .sub_conts .view_left .detail_conts .detail_guide {margin:0 20px; overflow:hidden; background:#f6f6f6; border:1px solid #d7d7d7; width:779px; padding-bottom:30px} .sub_conts .view_left .detail_conts .detail_guide dl {float:left; overflow:hidden; width:340px; margin-left:40px} .sub_conts .view_left .detail_conts .detail_guide dl:first-child {margin-left:30px} .sub_conts .view_left .detail_conts .detail_guide dt.top {background:#333; width:100%; color:#fff; font-weight:bold; height:23px; line-height:23px; padding:0 10px; margin-bottom:15px} .sub_conts .view_left .detail_conts .detail_guide dt {font-weight:bold; margin:30px 0 3px 0;} .sub_conts .view_left .detail_conts .detail_guide dd {padding:3px;} .sub_conts .view_left .detail_conts .detail_img {overflow:hidden; margin-top:50px; text-align:center;} .sub_conts .view_left .detail_conts .detail_img img {max-width:100%;vertical-align: top;} .sub_conts .view_left .detail_map {overflow:hidden; margin-top:100px; border-bottom:1px solid #d7d7d7} .sub_conts .view_left .detail_map .map {overflow:hidden; margin:20px; height:400px; background:#ccc} .sub_conts .view_left .detail_map .address {overflow:hidden; margin:40px 30px;} .sub_conts .view_left .detail_map .address dt {display:block; border-bottom:1px solid #d7d7d7; font-weight:bold; font-size:14px; color:#333; padding-bottom:15px; margin-bottom:15px} .sub_conts .view_left .detail_map .address dd {padding:5px 0; } .sub_conts .view_left .detail_map .address dd b {display:inline-block; width:85px} .sub_conts .view_left .guide_area {background:#fafafa; padding:20px 20px 40px 20px;} .sub_conts .view_left .guide_area .guide_txt {margin:20px 50px 0 50px; overflow:hidden;} .sub_conts .view_left .guide_area .guide_txt dt {font-size:19px; font-weight:bold; color:#000; margin-bottom:15px; letter-spacing:-2px; background: transparent url('../images/icon_exc.png') left 3px no-repeat; padding-left:20px;} .sub_conts .view_left .guide_area .guide_txt dt b {color:#ff008a} .sub_conts .view_left .guide_area .guide_txt dd {background: transparent url('../images/bullet01.gif') 20px center no-repeat; padding:3px 27px; color:#888; } .sub_conts .view_left .guide_area .btn_area {margin-top:30px;overflow:hidden; text-align:center} /* ■■■■■■■■■■■■■■■■ 검색결과페이지 검색결과 탑영역 ■■■■■■■■■■■■■■■■ */ .search_top {background:#54555b;} .search_top .layout_fix {padding:30px 0; text-align:center;} .search_top .layout_fix > img {margin-bottom:20px;} .search_top .search_area {width:500px; margin:0 auto;} .search_top .search_area .search_box {background:#fff; overflow:hidden;} .search_top .search_area .search_box input {float:left; width:358px; height:40px; line-height:40px; background:transparent; color:#333; padding:0 10px; color:#ff008a; font-weight:bold;} .search_top .search_area .btn_search {float:left;} /* ■■■■■■■■■■■■■■■■ 프로모션페이지 기획전 비쥬얼 추가 ■■■■■■■■■■■■■■■■ */ .promotion_visual {width:1000px; margin:0 auto; text-align:center; padding-top:20px;} /* ■■■■■■■■■■■■■■■■ 오늘마감 탑영역 ■■■■■■■■■■■■■■■■ */ .todayclose_top {background:#ff7e00;} .todayclose_top .layout_fix {padding:10px 0;} .todayclose_top .timer {position:absolute; background:transparent url('../images/timer_bg.png') left top no-repeat; top:50%; right:0; width:210px; height:76px; margin-top:-40px; overflow:hidden;} .todayclose_top .timer span {display:inline-block; color:#ef2011; font-weight:bold; font-size:30px; font-family:verdana; margin:31px 0 0 0; width:60px; text-align:center; float:left;} .todayclose_top .timer .h {margin-right:15px;} .todayclose_top .timer .m {margin-right:15px;} .todayclose_category {width:1000px; margin:0 auto; padding-top:20px;} .todayclose_category a:hover {text-decoration:underline; color:#ff008a} .todayclose_category .ctg_box {position:relative; width: 170px; /* width:200px; */ float:left; margin-left:5px; z-index:2200;} .todayclose_category .ctg_box:hover .over {display:block} .todayclose_category .ctg_box .over {display:none; position:absolute; left:0; top:0; background:#fff; /* width:200px; */ width: 170px; margin:39px 0 0 -2px; border:1px solid #ccc; } .todayclose_category .ctg_box .over a {display:block; border-bottom:1px solid #ddd; padding:8px 10px;} .todayclose_category .ctg_box .over a:hover {background:#efefef} .todayclose_category .btn_ctg {position:relative; display:block; float:left; background:transparent url('../images/category_bg.png') right top no-repeat; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#000; width:100%; text-indent:20px;} .todayclose_category .btn_ctg .out {position:absolute; left:0; top:0; display:inline-block; background:transparent url('../images/category_bg.png') left top no-repeat; width:2px; height:40px; margin-left:-2px;} .todayclose_category .btn_all {margin-right:5px; position:relative; display:inline-block; float:left; background:transparent url('../images/category_bg2.png') left top no-repeat; width:120px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#fff; text-align:center;} .todayclose_category .btn_all .out {position:absolute; right:0; top:0; display:inline-block; background:transparent url('../images/category_bg2.png') right 0 no-repeat; width:2px; height:40px; margin-right:-2px;} .none_contents{text-align:center; font-size:15px; color:#999; padding:50px 0 70px 0; line-height:20px;} .none_contents img{margin-bottom:20px;} /* ■■■■■■■■■■■■■■■ 서브메인_메뉴(하단) ■■■■■■■■■■■■■■■■ */ /* 쇼핑 2뎁스메뉴 */ .sub_main_bottom { height:97px; border-top:1px solid #aeaeae; } .sub_main_bottom .depth2 {width:1000px; margin:0 auto; overflow:hidden; text-align:center} .sub_main_bottom .depth2 {overflow:hidden; text-align:center; padding:17px 0} .sub_main_bottom .depth2 a {float:left; overflow:hidden; display:inline-block; border-left:1px solid #ebebeb; border-bottom:1px solid transparent; border-top:1px solid transparent; border-right:1px solid transparent; width:78px; height:61px; font-size:12px; letter-spacing:-1px; text-align:center; color:#8d8c8c;} .sub_main_bottom .depth2 a:first-child {border-left:0} .sub_main_bottom .depth2 a:hover {border:1px solid #ff008a; font-weight:bold; color:#ff008a; letter-spacing:-2px;} .sub_main_bottom .depth2 .ic {display:inline-block; text-align:center; vertical-align:middle; width:40px; height:40px;} .sub_main_bottom .depth2 .hit {border:1px solid #ff008a !important; font-weight:bold; color:#ff008a; letter-spacing:-2px;} .sub_main_bottom .depth2 .hit:hover{border:1px solid #ff008a !important; font-weight:bold; color:#ff008a; letter-spacing:-2px;} .sub_main_bottom .depth2 em {display:block; margin-top:3px} .top_second .left_banner .btn_wrap .prev, .top_second .left_banner .btn_wrap .next{float:left; background:url(../images/prevnext_icon01.png) no-repeat; width:17px; height:15px;} .top_second .left_banner .btn_wrap .prev:hover, .top_second .left_banner .btn_wrap .next:hover {background:url(../images/prevnext_icon02.png) -18px 0 no-repeat;} .top_second .left_banner .btn_wrap .prev:hover{background:url(../images/prevnext_icon02.png) 0 0 no-repeat;} .top_second .left_banner .btn_wrap .next{background-position:-18px 0; } .top_second .right_banner .btn_wrap .prev, .top_second .right_banner .btn_wrap .next{float:left; background:url(../images/prevnext_icon01.png) no-repeat; width:17px; height:15px;} .top_second .right_banner .btn_wrap .prev:hover, .top_second .right_banner .btn_wrap .next:hover {background:url(../images/prevnext_icon02.png) -18px 0 no-repeat;} .top_second .right_banner .btn_wrap .prev:hover{background:url(../images/prevnext_icon02.png) 0 0 no-repeat;} .top_second .right_banner .btn_wrap .next{background-position:-18px 0; } /* 모바일버전보기 추가 2015-01-12 */ #backToMobile { box-sizing: border-box; box-shadow: inset 0 2em 2em rgba(0,0,0,.5); padding: 5em; text-align: center; background: #333; } #backToMobile > a { display: inline-block;display: inline-block; padding: 1em 1.5em; border-radius: .5em; background: #fff; box-shadow: 0 0 1em rgba(0,0,0,.8); text-align: center; margin: 0 auto; font-size: 5em; } #backToMobile > a:active { margin-top: .5em; }