/* HY-ssence ver.1.0 "BN_"로 시작하는 class명은 관리자 등록배너입니다. */ @charset "utf-8"; /* 공통페이지 스타일 */ @import url("default_shop.css"); /* 나눔명조폰트(필수!) */ @font-face {font-family:Nanumj; src:url('NanumMyeongjo.eot'); src:url('NanumMyeongjo.eot') format('eot'); src:url(NanumMyeongjo.woff) format('woff') } @font-face {font-family:Nanumjbold; src:url('NanumMyeongjoBold.eot'); src:url('NanumMyeongjoBold.eot') format('eot'); src:url(NanumMyeongjoBold.woff) format('woff') } /* 기본설정 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ body {margin:0; padding:0; background:#ffffff; min-width:1300px; 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:0px none; } ul,ol,li,td,dl,dt,dd {list-style:none; margin:0; padding:0;} input,select,textarea {margin:0;padding:0; vertical-align:middle;} body,p,pre,form,span,div,table,ul,ol,li,td,input,textarea {font-family:dotum; font-size:12px; color:#666; word-wrap:break-word; word-break:break-all;} select {font-size:12px; color:#797979; font-family:Verdana, dotum;} img, fieldset {vertical-align:top; border:0 none} a {cursor:pointer;} a:link, a:visited {color:#666; text-decoration: none;} a:hover, a:active {color:#f6445e; text-decoration: none;} #Warp {width:100%;} .layout_fix {width:1100px; margin:0 auto;} .list_visual img { max-width: 1100px; } /* 등록된내용없는경우 공통 */ .none_contents {text-align:center; font-size:15px; color:#999; padding:50px 0 70px 0; line-height:20px;} .none_contents img {margin-bottom:20px;} /* 공통 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ #header {height:40px; line-height:40px; background:#EFEFEF; border-bottom:1px solid #ccc;} #header .top_left {float:left; overflow:hidden} #header .top_left a {float:left; overflow:hidden} #header .top_right {float:right; overflow:hidden} #header .top_right a {float:left; overflow:hidden; color:#666; margin-left:18px; font-size:11px} #header .top_right b {color:#666} #top {background:#eaf7ff; height:120px;} #top .layout_fix {position:relative; z-index:100} #top .logo {position:absolute; top:0; left:0; margin:20px 0;} #top .logo img { max-width: 220px; } .nav {width:1100px; margin:0 auto; text-align:center; height:94px; z-index:100; padding-bottom:10px;} .nav .nav_wrap {display:inline-block; *display:inline; *zoom:1;} .nav .depth1 {position:relative; float:left; border-top:0px solid #fff;} .nav .depth1:hover {border-top:0px solid #b6395f;} .nav .depth1:hover .depth2 {display:block;} .nav .depth1 > a {float:left; overflow:hidden; padding:0px 0px 44px 0px;} .nav .depth1 > a img {max-width:137px;} .nav .depth1 > a.rollover img {float:left;} .nav .depth1 > a.rollover img.over { display:none; } .nav .depth1 > a.rollover:hover img { display:none; } .nav .depth1 > a.rollover:hover img.over { display:inline; } /*.nav .depth2 {display:none;background: url('../images/ca_bg.png') repeat;min-width:137px; position:absolute; top:0; left:0; margin-top:94px; text-align:left; padding: 13px 0; z-index:110; height:180px;}*/ .nav .depth2 {display:none;background:#eaf7ff;;min-width:137px; position:absolute; top:0; left:0; margin-top:94px; text-align:left; padding: 13px 0; z-index:110; } .nav .depth2 a {display:block; color:#333; text-align:left; padding:7px 10px; font-size:110%; font-weight:600; border-bottom:1px solid #d2eeff} .nav .depth2 a:hover {background-color:#ffd5e3; color:#000} /* 검색하기 */ #top .search_area {position:absolute; top:0; left:50%; margin-left:-198px; margin-top:40px;} #top .search_box {height:46px; width:396px; position:relative;background: url('../images/search_bg.png') no-repeat;} /*#top .search_box {height:26px; width:250px; border:1px solid #ccc; background: url('../images/design_img.gif') no-repeat; position:relative}*/ #top .search_box input {float:left; background:transparent; border: medium none; height: 26px; width:250px; line-height:26px; margin:10px 0 0 20px; color: #666;} #top .search_box .btn_search {position:absolute; right:20px; top:2px; background:#fff url('../images/btn_search.png') no-repeat; border:none; width:18px; height:19px; cursor:pointer} /* 매장 */ #top .fran {position:absolute; top:0; left:50%; margin-left:280px; margin-top:10px; } /* 상단 오른쪽 배너 */ #top .right_banner {position:absolute; top:0; right:0; margin-top:10px; } /* #navi {background:#eaf7ff; height:130px;} #navi .layout_fix {position:relative; z-index:100} */ /* 퀵메뉴 ------------------------------------------------------- */ #quick {z-index:300; position:absolute; top:0; left:50%; margin:600px 0 0 565px; width:78px;} #quick.fixed {position:fixed!important; top:0!important; margin-top:20px!important;} #quick .title {text-align:center; height:30px; border-bottom:1px dashed #d7d7d7;} #quick .title img {margin-top:10px} #quick .quick_menu {overflow:hidden; width:80px} #quick .quick_menu a {width:100%; display:block; font-size:11px; font-family:dotum, verdana; color:#815742; letter-spacing:-1px; text-align:center; padding:7px 0;} #quick .quick_menu .btn_my {background:#d8b792;} #quick .quick_menu .btn_order {background:#d8b792; border-top:1px solid #be9a7a;} #quick .quick_menu .btn_cart {background:#b6395f; position:relative;} #quick .quick_menu .btn_cart .counter {width:22px; height:22px; position:absolute; left:0; top:0; background: transparent url('../images/cart_counter.png') left top no-repeat; margin:8px 0 0 45px; } #quick .quick_menu .btn_cart .counter b {display:inline-block; color:#965220; font-weight:bold; font-family:dotum; font-size:11px; margin-top:4px; margin-left:-1px; text-align:center; letter-spacing:0;} #quick .quick_menu .btn_gotop {background:#f8f8f8; height:30px; width:78px; border-left:1px solid #d9d8d7; border-right:1px solid #d9d8d7; border-bottom:1px solid #d9d8d7; padding:0} #quick .quick_menu .btn_gotop img {margin-top:10px} #quick .today_view {background:#fff; width:78px; border:1px solid #d9d8d7; border-bottom:1px solid transparent} #quick .item {margin:7px; position:relative;} #quick .item .photo {display:block; text-align:center; height:64px; width:64px; overflow:hidden; border:1px solid #fff} #quick .item .photo img {width:64px; height:64px;} #quick .item:hover .over {display:block;} #quick .item .over {display:none; position:absolute; left:0; top:0; } #quick .item .over .border {display:block; border:1px solid #413c35; width:64px; height:62px; margin-top:1px;} #quick .item .over .border img {width:100%; height:100%} #quick .item .over .ic_del {position:absolute; top:0; right:0; margin:1px;} #quick .item .over .info {position:absolute; height:64px; background:#3b3b3b; right:0; top:0; margin:1px 66px 0 0; width:170px; } #quick .item .over .info dt {font-size:11px; color:#fff; letter-spacing:-1px; padding:10px 10px 3px 10px; line-height:14px;} #quick .item .over .info dd {font-size:11px; color:#ffd800; font-weight:bold; padding:0 10px;} #quick .paginate {overflow:hidden; text-align:center; margin:20px 8px 10px 8px;} #quick .paginate em {font-style:normal; float:left; overflow:hidden; font-family:tahoma; font-size:11px; color:#aaa; } #quick .paginate b {color:#666666} #quick .paginate .btn_area {float:right} #quick .paginate .btn_area a {float:left;height:13px;} #quick .paginate .prev { background:transparent url('../images/btn_scr.gif') no-repeat; width:14px; background-position:0 0;} #quick .paginate .prev:hover {background-position:0 -13px;} #quick .paginate .next { background:transparent url('../images/btn_scr.gif') no-repeat; width:15px; background-position:-14px 0;} #quick .paginate .next:hover {background-position:-14px -13px;} #quick .none_view {text-align:center; font-family:dotum; font-size:11px; color:#999; letter-spacing:-2px; line-height:14px; padding:20px 0;} #quick .none_view img {margin-bottom:10px} #main_img {width:1100px; margin:0 auto; text-align:center;} #main_img ul li{float:left} #main_img .m_left_banner{clear:both;padding-right:7px} #main_img .lb1{padding-bottom:5px} /* 메인비쥬얼 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ #main_img #main_visual {/*position:relative; top:0; left:0; margin:0 auto; background:#82685b*/overflow:hidden; height:550px; min-width:1096 position:relative;width:1096px; border:solid #ddd 1px} #main_img #main_visual .over {width:1096px; height:550px;background-color:transparent;background-size:cover;background-position: center center; background-repeat: no-repeat; position:absolute; left:0; top:0; z-index:300; overflow: hidden;} #main_img #main_visual .over img { width:1096px; min-width: 1096px; height:100%; } /*#main_img #main_visual .visaul01 {display:inline-block; width:880px; height:398px; background:#82685b url('../images/visual01.jpg') center top no-repeat; min-width:880px;} #main_img #main_visual .visaul02 {display:inline-block; width:880px; height:398px; background:#82685b url('../images/visual02.jpg') center top no-repeat; min-width:880px;}*/ #main_img #main_visual .roll_btn {position:absolute; top:820px; left:50%;} #main_img #main_visual .roll_btn a {padding:4px} #main_img #main_visual .roll_btn .on {background:transparent url('../images/roll_btn.jpg') -16px 0 no-repeat; width:8px; height:8px; display:inline-block;} #main_img #main_visual .roll_btn .off.active {background:transparent url('../images/roll_btn.jpg') -16px 0 no-repeat; width:8px; height:8px; display:inline-block;} #main_img #main_visual .roll_btn .off {background:transparent url('../images/roll_btn.jpg') 0 0 no-repeat; width:8px; height:8px; display:inline-block;} /* 메인상단 리스트 */ .mainlist {clear:both;overflow:hidden; padding:30px 0 0px 0} .mainlist .main_fix {width:1140px; margin:0 auto;} .mainlist .m_list {width:1140px; float:left; overflow:hidden} .mainlist .item_box {position:relative; float:left; margin:0 20px 0px 20px; position:relative; text-align:center; } .mainlist .over {position:absolute; top:0; left:0; width:251px; height:251px; z-index:300} .mainlist .item_box .thumb {overflow:hidden; width:251px; height:251px; overflow:hidden; } .mainlist .item_box .info {margin-top:10px} .mainlist .item_box a {width:250px; display:block; color:#818074; font-size:12px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .mainlist .item_box a:hover {color:#000} .mainlist .item_box .price {color:#69685c; font-size:22px; font-family:Nanumj, '나눔명조'; } /*.m_center {background:transparent url('../images/bnbar_bg.gif') repeat-x; width:100%; height:140px; margin-bottom:0px; margin-top:30px;}*/ .m_center {width:100%; height:140px; margin-bottom:0px; margin-top:0px;background:#efefef; } .m_center .cs_tel {width:270px; text-align:center; float:left; overflow:hidden; font-size:21px; color:#7a7164; padding:15px 0; } .m_center .cs_tel .tel {font-family:Nanumj, '나눔명조';font-size:14px; margin-top:3px; text-align:left;} .m_center .cs_tel .info {font-size:13px; margin-top:3px; text-align:left;} .m_center a {float:left; overflow:hidden;padding:0;margin:0;line-height:100%;height:140px!important;} .m_center .bn_center {border-right:1px solid #f3f2eb; padding:0;margin:0;} .soldout { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,.6); z-index: 1; } .soldout img { position: absolute; left: 50%; top: 50%; margin: -42px 0 0 -42px; } /* 메인 고객센터 */ #cs_center {background:#fff3fd; overflow:hidden; margin-top:0px; padding:50px 0;} #cs_center .layout_fix {padding-bottom:0} #cs_center .layout_fix > div {float:left; overflow:hidden; padding:0 50px 0 55px} #cs_center .layout_fix > div:first-child {padding-left:0;} #cs_center .bank dd {padding:5px 0!important; line-height:18px} /*#cs_center .all_nav {float:left; overflow:hidden;}*/ #cs_center .bank .icon_area {float:left; overflow:hidden; margin-right: 24px} #cs_center .bank .info_area {overflow:hidden; color:#ff7e9a; font-size:13px; font-weight:600;} #cs_center .bank .info_area dt {margin-bottom:25px} #cs_center .bank .info_area dd {vertical-align:top; margin:5px 0} #cs_center .bank .info_area a {display:block; color:#ff7e9a; font-size:12px;} #cs_center .bank .info_area a:hover {color:#ff7e9a} #cs_center .all_nav dd {padding:5px 0!important; line-height:100%;} /*#cs_center .all_nav {float:left; overflow:hidden;}*/ #cs_center .all_nav .icon_area {float:left; overflow:hidden; margin-right: 24px} #cs_center .all_nav .info_area {overflow:hidden; color:#ff7e9a; font-size:12px;} #cs_center .all_nav .info_area dt {margin-bottom:25px} #cs_center .all_nav .info_area dd {vertical-align:top; margin:2px 0} #cs_center .all_nav .info_area a {display:block; color:#ff7e9a; font-size:12px;} #cs_center .all_nav .info_area a:hover {color:#ff7e9a} #cs_center .notice dd {padding:5px 0!important; line-height:18px} /*#cs_center .all_nav {float:left; overflow:hidden;}*/ #cs_center .notice .icon_area {float:left; overflow:hidden; margin-right: 24px} #cs_center .notice .info_area {overflow:hidden; color:#ff7e9a; font-size:12px;} #cs_center .notice .info_area dt {margin-bottom:25px} #cs_center .notice .info_area dd {vertical-align:top; margin:5px 0} #cs_center .notice .info_area a {display:block; color:#ff7e9a; font-size:12px;} #cs_center .notice .info_area a:hover {color:#ff7e9a} /* 리스트 공통 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ .list_fix {width:1124px; margin:0 auto; overflow:hidden; padding-bottom:20px} .main_title {width:1100px; margin:0 auto; padding:3px 0 10px 0; } .main_title .bg_wrap {display:block; text-align:left; background:transparent url('../images/title_bg.gif') repeat left bottom; height:39px} .main_title .bg_wrap img {margin-top:10px} .main_title .more {float:right; margin:-25px 10px 0 0; font-weight:600} /* 썸네일형 */ .list_area .list_fix .item_box {float:left; overflow:hidden; width:257px; margin:20px 12px 10px 12px; text-align:center} .list_area .list_fix .item_box .thumb {position:relative; overflow:hidden; width:257px; height:257px; background:#fff; border:1px solid #dddddd;} .list_area .list_fix .item_box .thumb > img {width:100%} .list_area .list_fix .item_box .thumb .no_image {display:inline-block; width:100%; height:257px; background:#fafafa url(../images/no-image.png) center center no-repeat;} .list_area .list_fix .item_box .thumb:hover .btn_view {display:block;} .list_area .list_fix .item_box .thumb .btn_view {display:none; width:100%; height:40px; position:absolute; right: 0; left:0; bottom:0; background: transparent url('../images/thumb_bg.png') left top no-repeat;} .list_area .list_fix .item_box .thumb .btn_view a {display:inline-block; width:49%; float:left; text-align:center; height:40px; line-height:40px; font-size:12px; font-family:dotum; letter-spacing:-1px; color:#ccc;} .list_area .list_fix .item_box .thumb .btn_view a:hover {color:#fff;} .list_area .list_fix .item_box .thumb .btn_view a:first-child {border-right:1px solid #646464;} .list_area .list_fix .item_box .info {margin-top:10px} .list_area .list_fix .item_box a {width:auto; display:block; color:#818074; font-size:12px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .list_area .list_fix .item_box a:hover {color:#000} .list_area .list_fix .item_box .price {color:#69685c; font-size:22px; font-family:Nanumj, '나눔명조'; margin-top:2px} .list_area .list_fix .item_box .price em {font-style:normal; color:#69685c; font-size:12px; font-family:dotum; text-decoration:line-through} .list_area .list_fix .item_box .price b {font-weight:normal; color:#b6395f; } .list_area .list_fix .item_box .tag_ic {margin:10px 0} .list_area .list_fix .item_box .tag_ic img {float:left; margin:0 1px } .list_area .list_fix .item_box .lineup {display:inline-block; text-align:center; *display:inline;*zoom:1;} /* 썸네일형 */ .list_area .list_fix .item_box {float:left; overflow:hidden; width:257px; margin:20px 12px 10px 12px; text-align:center} .list_area .list_fix .item_box .thumb {position:relative; overflow:hidden; width:257px; height:257px; background:#fff; border:1px solid #dddddd;} .list_area .list_fix .item_box .thumb > img {width:100%} .list_area .list_fix .item_box .thumb .no_image {display:inline-block; width:100%; height:257px; background:#fafafa url(../images/no-image.png) center center no-repeat;} .list_area .list_fix .item_box .thumb:hover .btn_view {display:block;} .list_area .list_fix .item_box .thumb .btn_view {display:none; width:100%; height:40px; position:absolute; right: 0; left:0; bottom:0; background: transparent url('../images/thumb_bg.png') left top no-repeat;} .list_area .list_fix .item_box .thumb .btn_view a {display:inline-block; width:49%; float:left; text-align:center; height:40px; line-height:40px; font-size:12px; font-family:dotum; letter-spacing:-1px; color:#ccc;} .list_area .list_fix .item_box .thumb .btn_view a:hover {color:#fff;} .list_area .list_fix .item_box .thumb .btn_view a:first-child {border-right:1px solid #646464;} .list_area .list_fix .item_box .info {margin-top:10px} .list_area .list_fix .item_box a {width:auto; display:block; color:#818074; font-size:12px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .list_area .list_fix .item_box a:hover {color:#000} .list_area .list_fix .item_box .price {color:#69685c; font-size:22px; font-family:Nanumj, '나눔명조'; margin-top:2px} .list_area .list_fix .item_box .price em {font-style:normal; color:#69685c; font-size:12px; font-family:dotum; text-decoration:line-through} .list_area .list_fix .item_box .price b {font-weight:normal; color:#b6395f;} .list_area .list_fix .item_box .tag_ic {margin:10px 0} .list_area .list_fix .item_box .tag_ic img {float:left; margin:0 1px } .list_area .list_fix .item_box .lineup {display:inline-block; text-align:center; *display:inline;*zoom:1;} /* 썸네일형 */ .list_fix .item_box {float:left; overflow:hidden; width:257px; margin:20px 12px 10px 7px; text-align:center} .list_fix .item_box .thumb {position:relative; overflow:hidden; width:255px; height:255px; background:#fff; border:1px solid #dddddd;} /* .list_fix .item_box .thumb {position:relative; overflow:hidden; width:257px; height:257px; background:#fff; border:1px solid #dddddd;} */ /*.list_fix .item_box .thumb {position:relative; overflow:hidden; width:257px; height:257px; background:#fff; border:1px solid #dddddd;}*/ .list_fix .item_box .thumb > img {width:100%} .list_fix .item_box .thumb .no_image {display:inline-block; width:100%; height:257px; background:#fafafa url(../images/no-image.png) center center no-repeat;} .list_fix .item_box .thumb:hover .btn_view {display:block;} .list_fix .item_box .thumb .btn_view {display:none; width:100%; height:40px; position:absolute; right: 0; left:0; bottom:0; background: transparent url('../images/thumb_bg.png') left top no-repeat;} .list_fix .item_box .thumb .btn_view a {display:inline-block; width:49%; float:left; text-align:center; height:40px; line-height:40px; font-size:12px; font-family:dotum; letter-spacing:-1px; color:#ccc;} .list_fix .item_box .thumb .btn_view a:hover {color:#fff;} .list_fix .item_box .thumb .btn_view a:first-child {border-right:1px solid #646464;} .list_fix .item_box .info {margin-top:10px} .list_fix .item_box a {width:auto; display:block; color:#818074; font-size:12px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .list_fix .item_box a:hover {color:#000} .list_fix .item_box .price {color:#69685c; font-size:22px; font-family:Nanumj, '나눔명조'; margin-top:2px} .list_fix .item_box .price em {font-style:normal; color:#69685c; font-size:14px; font-family:dotum; text-decoration:line-through} .list_fix .item_box .price b {font-weight:normal; color:#b6395f; font-size:18px;} .list_fix .item_box .tag_ic {margin:10px 0} .list_fix .item_box .tag_ic img {float:left; margin:0 1px } .list_fix .item_box .lineup {display:inline-block; text-align:center; *display:inline;*zoom:1;} /* 리스트형 */ .type_list {width:1100px; margin:0 auto; padding:0 0 50px 0; overflow:hidden;} .list_item_box {float:left; overflow:hidden; width:550px; height:236px; border-bottom:1px solid #e2e2e2; position:relative;} .list_item_box .thumb {position:relative;float:left; overflow:hidden; width:180px; height:180px; background:#fff; margin-top:27px} .list_item_box .thumb > img {width:100%} .list_item_box .thumb .no_image {display:inline-block; width:100%; height:180px; background:#fafafa url(../images/no-image.png) center center no-repeat;} .list_item_box .info {float:left; overflow:hidden; margin:30px 0 0 30px;} .list_item_box .star {display:block; background:transparent url(../images/default_shop/default_shop_pack.png) -610px -60px no-repeat; display:inline-block; width:57px; height:10px; float:left; overflow:hidden;} .list_item_box .star_color {background:transparent url(../images/default_shop/default_shop_pack.png) -610px -80px no-repeat; display:inline-block; width:57px; height:10px; float:left;} .list_item_box .num {overflow:hidden; font-family:verdana; color:#999; font-size:10px; letter-spacing:-1px; margin-left:5px} .list_item_box .pdname {display:block; clear:both; margin-top:7px} .list_item_box .pdname b {display:block; color:#333; font-size:15px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:300px} .list_item_box .pdname em {display:block; margin-top:3px; font-style:normal; font-size:11px; color:#9f9f9f; letter-spacing:-1px} .list_item_box .tag_ic {margin-top:7px; overflow:hidden;} .list_item_box .tag_ic img {float:left; margin-right:3px} .list_item_box .price {position:absolute; top:0; left:0; margin:135px 0 0 210px; } .list_item_box .price .before {text-decoration:line-through; font-size:11px; font-family:Nanumj, '나눔명조'; color:#999} .list_item_box .price .after {font-size:22px; font-family:Nanumj, '나눔명조'; color:#b6395f} .list_item_box .btn_area {position:absolute; top:0; left:0; margin:177px 0 0 210px} /* 서브 리스트페이지 */ #section {padding-bottom:60px; overflow:hidden; padding-top:20px;} .list_visaul {overflow:hidden} /* 카테고리 타이틀 */ .ctg_title_area {font-size:24px; font-weight:bold; color:#666; margin-top:40px; } .ctg_title_area em {font-style:normal; color:#ccc} .ctg_title_area img {float:left; margin-right:5px;} /* 리스트제어 */ .list_ctr {overflow:hidden; margin:10px 0 20px 0; } .list_ctr .ctrl_area {overflow:hidden; background:#f8f8f8; border-bottom:1px solid #dcdcdc;} .list_ctr .total_num {float:left; height:40px; line-height:40px; padding:0 10px; color:#333; background:#efefef; border-right:1px solid #dcdcdc;} .list_ctr .total_num b {font-family:tahoma; font-size:14px;} .list_ctr .left {float:left;} .list_ctr .left a {float:left; display:inline-block; height:40px; line-height:40px; font-size:11px; font-family:dotum; letter-spacing:-1px; color:#909090; padding:0 12px; margin-right:5px; background: transparent url('../images/ctr_icon_off.png') right center no-repeat; } .list_ctr .left .on {background: transparent url('../images/ctr_icon_on.png') right center no-repeat; color:#e30000;} .list_ctr .right {float:right; padding-right:10px;} .list_ctr .right select {float:left; letter-spacing:-1px; border:1px solid #ccc; padding:3px 4px; width:120px; margin:8px 10px 0 0; vertical-align:top;} .list_ctr .right a {float:left; margin-top:8px;} /* 리스트에서 카테고리 추출 */ .sub_category {margin:10px 0 45px 0; background: #fff url('../images/bd_bg.gif') right top repeat-y;} .sub_category .depth2 {border-top:1px solid #ddd; overflow:hidden; background: transparent url('../images/bd_bg.gif') left bottom repeat-x;} .sub_category .depth2 a {border-bottom:1px solid #ddd; display:inline-block; float:left; line-height:35px; height:35px; width:20%; text-align:center; font-size:11px; font-family:dotum; letter-spacing:-1px; background:transparent url('../images/bd_bg.gif') left top repeat-y; color:#666} .sub_category .depth2 a:hover {color:#000} .sub_category .depth2 .hit {color:#fff; font-weight:bold; background:#838383 url('../images/bd_bg.gif') left top repeat-y;} .sub_category .depth2 .hit b {color:#fff;} .sub_category .depth2 .hit:hover {color:#fff; font-weight:bold; background:#838383 url('../images/bd_bg.gif') left top repeat-y;} .sub_category .depth3 {background:#eaf7ff; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd} .sub_category .depth3 a {display:inline-block; float:left; line-height:25px; height:25px; color:#444444; font-size:11px; font-family:dotum; letter-spacing:-1px; text-align:left; width:11%; padding:5px 0 5px 15px; font-weight:600} .sub_category .depth3 a:hover {color:#000} .sub_category b {font-weight:normal; font-family:tahoma; font-size:10px; display:inline-block; margin-left:3px; color:#666;} /* 리스트 페이지 네이트 */ #section .paginate {overflow:hidden; margin-top:20px; margin-bottom:50px; text-align:center;} #section .paginate .fix {display:inline-block;} #section .paginate a {overflow:hidden; display:inline-block; border:1px solid #ddd; background:#fff; text-align:center; height:40px; line-height:40px; float:left; margin:0 2px; padding:0 15px; color:#737373; font-family:verdana; font-size:15px; } #section .paginate a:hover {background:#fafafa; color:#666;} #section .paginate .on {color:#333; font-weight:bold;} #section .paginate a img {margin-top:10px;} /* 상세보기페이지 */ .view {width:1098px; overflow:hidden; background:#fff; border:1px solid #e2e2e2; padding-bottom:30px; margin-bottom:100px;} /* 상품위치 */ .view .ctg_location {background:#f8f8f8; font-size:11px; text-align:right; padding:10px; border-bottom:1px solid #e2e2e2;} .view .ctg_location b {color:#ccc; margin:0 10px; font-style:none;} .view .ctg_location select {width:150px; color:#666; font-size:11px; font-family:dotum; padding:1px; border:1px solid #cccccc;} .item_info_area {overflow:hidden; margin-bottom:15px; padding:40px;} .item_info_area .photo_box {float:left; width:500px; height:510px;} .item_info_area .photo_large {overflow:hidden; margin-bottom:20px; width:500px; border:0px solid #dadada;} .item_info_area .photo_large img {width:100%; height:510px;} .item_info_area .photo_large .no_image {display:inline-block; width:100%; height:510px; background:#f6f6f6 url(../images/no-image.png) center center no-repeat;} .item_info_area .photo_thumb {text-align:center; overflow:hidden; margin-top: 10px;} .item_info_area .photo_thumb .fix {display:inline-block;} .item_info_area .photo_thumb img {width:55px; height:55px; margin:0 2px; border:1px solid #dadada; cursor:pointer; float:left;} /*.item_info_area .share_sns {overflow:hidden; text-align:center; margin-top:20px; } .item_info_area .share_sns a {display:inline-block; margin:0 2px;}*/ .share_sns {overflow:hidden; text-align:left; margin:20px 0 0 50px; } .share_sns a {display:inline-block; margin:0 2px;} /* 가격정보등 */ .item_info_area .info_box {float:right; width:470px;} .item_info_area .icon_area {overflow:hidden; padding-top:10px; } .item_info_area .icon_area .icon_tag {overflow:hidden;} .item_info_area .icon_area .icon_tag img {float:left; margin-right:5px} .item_info_area .product_name {font-size:25px; color:#333; font-family:Nanumjbold; margin-bottom:25px; margin-top:10px; padding-bottom:32px; border-bottom:1px solid #e2e2e2} .item_info_area .product_name em {font-family:dotum; font-style:normal; display:block; overflow:hidden; font-weight:normal; color:#999; font-size:11px; margin-top:10px} .item_info_area .product_info {overflow:hidden;} .item_info_area .product_info li {overflow:hidden; } .item_info_area .product_info li:first-child {border-top:none;} .item_info_area .opt {font-size:11px; color:#8f8e8e; float:left; width:70px; padding:10px; font-family:dotum; letter-spacing:-1px;} .item_info_area .divi {width:1px; display:inline-block; background:#d8dadb; height:10px; margin-top:11px; float:left;} .item_info_area .conts {padding:8px 6px 8px 15px; overflow:hidden; display:block;} .item_info_area .element {padding:6px 6px 6px 15px; overflow:hidden; display:block;} .item_info_area .txt_price_before {color:#8b8b8b; text-decoration:line-through} .item_info_area .txt_price_before b {font-weight:normal; font-family:Nanumj, '나눔명조';} .item_info_area .txt_price_after {color:#000; font-weight:bold;} .item_info_area .txt_price_after b {float:left; margin-top:-5px; font-family:Nanumj, '나눔명조'; font-size:22px; letter-spacing:-1px; margin-right:5px;} .item_info_area .txt_point {color:#666;} .item_info_area .txt_point b {font-family:nanumj; font-weight:normal;} .item_info_area .txt_delivery {font-size:11px; color:#009ac6;} .item_info_area .txt_origin {color:#666;} .item_info_area .txt_unit {float:left; color:#000; padding-left:5px; height:20px; line-height:20px; } .item_info_area .add_option {border:1px solid #cccccc; padding:2px; width:100%; color:#666;} .item_info_area .input_num {float:left; border:1px solid #ccc; background:#f4f4f4; font-family:verdana; font-weight:bold; width:20px; height:20px; line-height:20px; color:#666; padding:0 5px;} .item_info_area .updown {float:left; width:20px;} .item_info_area .updown a {display:inline-block; background: transparent url(../images/updown.gif) no-repeat; width:20px; height:11px;float:left;} .item_info_area .updown .btn_up {background-position:0 0;} .item_info_area .updown .btn_down {background-position:0 -11px;} .item_info_area .updown .btn_up:hover {background-position:-20px 0;} .item_info_area .updown .btn_down:hover {background-position:-20px -11px;} /* 추가옵션부분 업다운버튼 */ .item_info_area .input_num02 {float:left; border:1px solid #cccccc; background:#fff; font-family:verdana; width:20px; height:20px; line-height:20px; color:#666; padding:0 5px; margin:7px 0 0 0} .item_info_area .updown02 {float:left; width:20px;margin:7px 0} .item_info_area .updown02 a {display:inline-block; background: transparent url(../images/updown.gif) no-repeat; width:20px; height:11px;float:left;} .item_info_area .updown02 .btn_up02 {background-position:0 0;} .item_info_area .updown02 .btn_down02 {background-position:0 -11px;} .item_info_area .updown02 .btn_up02:hover {background-position:-20px 0;} .item_info_area .updown02 .btn_down02:hover {background-position:-20px -11px;} .item_info_area .option_list {margin-top:10px; background:#f4f4f4; overflow:hidden; border-top:1px solid #d2d2d2;} .item_info_area .option_list li {border-top:1px dashed #c9c9c9; overflow:hidden; padding:0 10px;} .item_info_area .option_list li:first-child {border-top:none;} .item_info_area .option_list span {float:left;} .item_info_area .option_list .option_name {font-family:dotum; font-size:11px; color:#999999; width:290px; line-height:16px; padding:10px 0} .item_info_area .option_list .option_num {margin-left:16px;} .item_info_area .option_list .option_price {font-size:11px; width:65px; text-align:right; font-family:verdana; color:#666666; padding:10px 0} .item_info_area .option_list .btn_delete {display:inline-block; float:right; padding:10px 0 10px 6px} .item_info_area .price_sum {border-top:1px solid #d2d2d2; text-align:right; font-weight:bold; color:#666; font-size:12px; padding:35px 0 40px 0;} .item_info_area .price_sum b {margin-left:10px; color:#000; font-size:30px; font-family:Nanumj, '나눔명조'; letter-spacing:-1px} .item_info_area .price_sum em {font-size:23px; font-style:normal; font-weight:normal; color:#ff6600; margin-left:5px; letter-spacing:-2px} .item_info_area .btn_area {overflow:hidden; margin-top:10px;} .item_info_area .btn_area a {display:inline-block; height:50px; line-height:50px; font-family:Nanumjbold; float:left; text-align:center; color:#fff;} .item_info_area .btn_area .btn_wish {float:right; width:138px; height:48px; color:#666; background:#fff; font-size:20px; border:1px solid #ccc} .item_info_area .btn_area .btn_cart {width:160px; background:#3b3b3b; margin-right:5px; font-size:20px;} .item_info_area .btn_area .btn_order {width:160px; background:#f14f4f; margin-right:5px; font-size:20px;} .item_info_area .btn_area .btn_order img {margin-right:5px} /* 상단상세정보탭 */ .item_detail_area { margin:40px 40px 7px 40px; overflow:hidden; background:#fff;} /* 2013-07-30 */ .item_detail_area .lineup {display:inline-block; *display:inline; *zoom:1} /* 구분탭 */ .item_detail_area .group_tab {overflow:hidden; border-bottom:1px solid #8c8c8c} .item_detail_area .group_tab li {width:204px; float:left;} .item_detail_area .group_tab li a {display:block; height:40px; line-height:40px; text-align:center; border-left:1px solid #fff; font-size:12px; font-family:dotum;} .item_detail_area .group_tab li:first-child a {border:none; } .item_detail_area .group_tab li:first-child {width:202px} .item_detail_area .group_tab .tab_off {background:#eaeaea; color:#666;} .item_detail_area .group_tab .tab_on {background:#a5a5a5; color:#fff; font-weight:bold} .item_detail_area .group_tab .total_num {background:none; font-size:12px; margin-left:5px; font-family:dotum;} .item_detail_area .group_tab .tab_on .total_num {background:none; font-size:12px; color:#fff; font-family:dotum; margin-left:5px; font-weight:bold;} .item_detail_area .detail_img {margin:30px 0; overflow:hidden;} /* 2013-07-30 */ .item_detail_area .detail_img img {max-width: 100%;} .item_detail_area .detail_board {margin:15px 0 30px 0;} .item_detail_area .detail_guide {margin:20px 0;} .item_detail_area .detail_guide .hit {font-weight:bold; color:#ff6600;} .item_detail_area .detail_guide .stitle {font-size:13px; font-weight:bold; color:#333; margin:15px 0;} .item_detail_area .detail_guide .stitle img {float:left; margin-right:5px;} .item_detail_area .detail_guide .stitle b {color:#ff0000} .item_detail_area .detail_guide .guide_tb {width:100%; border-top:1px solid #ededed; margin-bottom:20px;} .item_detail_area .detail_guide .guide_tb td {border-bottom:1px solid #ededed; padding:5px; vertical-align:middle; font-size:11px} .item_detail_area .detail_guide .guide_tb .item {color:#000000; background-color:#f6f7f8; text-align:center;} .item_detail_area .detail_guide .text_box {width:100%; margin-bottom:20px;} .item_detail_area .detail_guide .text_box li {float:none; color:#666; font-size:11px; letter-spacing:-1px; background: transparent url(../images/bullet.gif) 5px center no-repeat; padding-left:13px; line-height:20px;} /* 관련상품 */ .product_area {padding:0px 0 10px 0; position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .product_area .item_box {text-align:left; float:left; /* margin:0 5px; */} .product_area .item_box .thumb {width:125px; overflow:hidden;} .product_area .item_box .thumb img {float:left; width:100%} .product_area .item_box .name {margin-top:15px; color:#999; font-family:dotum; font-size:11px; } .product_area .item_box .name a:hover {color:#666} .product_area .item_box .price {color:#333; font-size:11px; font-family:verdana; margin-top:5px; font-weight:bold; letter-spacing:-1px} .item_detail_area .arrow_left {float:left; margin-top:50px} .item_detail_area .arrow_right {float:right; margin-top:50px} .item_detail_area .arrow_left .disabled, .item_detail_area .arrow_right .disabled {display: none;} /* 공통푸터 */ #footer {background:#fff; overflow:hidden; padding-bottom:50px} #footer .foot_menu {background:#ffd5e3; height:50px; line-height:50px; text-align:center;} #footer .foot_menu a {display:inline-block; color:#ff7992; font-weight:600;} #footer .foot_menu a:hover {color:#ff7992} #footer .foot_menu em {color:#4b4945; font-style:normal; padding:0 15px} #footer .copyright {width:1100px; margin:0 auto; padding-top:40px;} #footer .copyright .logo {float:left; margin-right:80px;} #footer .copyright .info {float:left; line-height:18px; color:#666666; font-family:dotum} #footer .copyright .info em {font-style:normal; margin:0 10px; color:#6b6761} #footer .copyright .info b {color:#88827a; margin:10px 0; display:block; font-size:11px; font-weight:normal} #footer .copyright .info .btn_area {margin:6px 0} /* 공통페이지 레이아웃 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ #sub_section {overflow:hidden; background:#fafafa; padding:30px 0 100px 0; border-top:1px solid #e2e2e2} /* 일반 디자인페이지일 때 감싸주기(ex:회사소개/모바일안내 페이지등) */ #sub_section .article_wrap {background:#fff; border:1px solid #e2e2e2; padding:20px } /* 왼쪽메뉴 */ #sub_section .aside {width:215px; float:left; overflow:hidden;} #sub_section .aside .common_menu {overflow:hidden; margin-bottom:40px;} #sub_section .aside .common_menu .title_img {background:#3b3b3b; border:1px solid #424242; text-align:center; padding:20px 0;} #sub_section .aside .common_menu .menu {border:1px solid #d4d4d4;} #sub_section .aside .common_menu .menu li {color:#4d4d4d; height:30px; background:#fff; border-top:1px solid #d4d4d4; overflow:hidden;} #sub_section .aside .common_menu .menu li:first-child {border:none;} #sub_section .aside .common_menu .menu a {display:block; height:30px; line-height:30px; color:#4d4d4d; text-indent:10px; position:relative; } #sub_section .aside .common_menu .menu a:hover {background:#f4f4f4; color:#333;} #sub_section .aside .common_menu .menu .hit {background:#f4f4f4; font-weight:bold; color:#000;} #sub_section .aside .common_menu .menu .hit:hover {color:#ff0000;} #sub_section .aside .common_menu .counter {position:absolute; top:50%; right:0; margin:-9px 15px 0 0;display:inline-block; background: transparent url(../images/counter_bg.png) left top no-repeat; height:19px; line-height:19px; font-size:11px; font-family:dotum; color:#fff; font-weight:normal; letter-spacing:-1px; margin-left:10px; padding-left:2px;} #sub_section .aside .common_menu .counter b {letter-spacing:0;} #sub_section .aside .common_menu .counter .right {display:inline-block; background: transparent url(../images/counter_bg.png) right top no-repeat; width:10px; height:19px; position:absolute; top:0;} #sub_section .aside .common_menu .counter2 {position:absolute; top:50%; right:0; margin:-9px 15px 0 0;display:inline-block; background: transparent url(../images/counter_bg2.png) left top no-repeat; height:19px; line-height:19px; font-size:11px; font-family:dotum; color:#fff; font-weight:normal; letter-spacing:-1px; margin-left:10px; padding-left:2px;} #sub_section .aside .common_menu .counter2 b {letter-spacing:0;} #sub_section .aside .common_menu .counter2 .right {display:inline-block; background: transparent url(../images/counter_bg2.png) right top no-repeat; width:10px; height:19px; position:absolute; top:0;} /* 페이지 2013-08-01 추가 */ #sub_section .article .common_page_title {overflow:hidden; border-bottom:1px solid #d3d3d3; margin-bottom:20px;} #sub_section .article .common_page_title .left {float:left; font-size:20px; font-weight:bold; color:#333;} #sub_section .article .common_page_title .left img {float:left; margin-right:6px;} #sub_section .article .common_page_title .right {float:right; font-size:11px; font-family:dotum; letter-spacing:-1px; color:#bbb; padding:15px 0 5px 0;} #sub_section .article .common_page_title b {color:#ccc; margin:0 10px; font-style:none;} #sub_section .article .common_page_title select {width:150px; color:#666; font-size:11px; font-family:dotum; padding:1px; border:1px solid #cccccc;} #sub_section .common_bigtitle {text-align:center; overflow:hidden; padding-bottom:15px; font-size:25px; font-weight:bold; color:#333;} #sub_section .article {width:860px; float:right; overflow:hidden} /* 자주묻는질문탑 이미지 */ #sub_section .cscenter_top {overflow:hidden; margin-bottom:20px; position:relative;} #sub_section .cscenter_top .call {position:absolute; color:#333; font-weight:bold; font-size:13px; top:0; left:0; margin:160px 0 0 410px} #sub_section .cscenter_top .call b {color:#f14f4f; font-family:helvetica; font-size:36px; display:block; line-height:35px;}