{*** 레드나인 css | mcss.css ***} /* 170905 morenvy */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; } html { width:100%; height:100%; } li { list-style:none; } img,fieldset { border:none; vertical-align:top; } table { border:0; border-spacing:0; border-collapse:collapse; } th,td { border:0; vertical-align:top; line } .cboth { clear:both;*zoom:1 } .cboth:after { content:" "; display:block; clear:both; } .fleft {float:left;} .fright {float:right;} .pdt5 {padding-top:5px;} .pdt10 {padding-top:10px;} .pdt15 {padding-top:15px;} .pdt20 {padding-top:20px;} .pdt40 {padding-top:40px;} .pdb4 {padding-bottom:4px;} .pdb5 {padding-bottom:5px;} .pdb10 {padding-bottom:10px;} .pdb20 {padding-bottom:20px;} .pdb40 {padding-bottom:40px;} .content {margin:0 auto;} /* 상단 */ #mheader { margin:0px;padding:0px;position:relative;} #mheader .section { height:32px;border-bottom:1px solid #e9e9e9;} #mheader .section a {color:#111;font-size:12px;display:block;line-height:32px;padding:0 10px;} #mheader .section .inner1 {float:left;} #mheader .section .inner1 li {border-right:1px solid #e9e9e9;border-bottom:1px solid #fff;} #mheader .section .inner2 {float:right;} #mheader .section .inner2 li {float:left;border-left:1px solid #e9e9e9;position:relative;} #mheader .section .inner2 li:first-child {border-left:0;} #mheader .section .inner2 li.top_cart {float:right;position:static;width:auto;height:auto;} #mheader .section .inner2 li.top_cart a {display:block; height:32px; text-align:center; padding:0 10px; border-right:0px; color:#222;} #mheader .section .inner2 li.top_cart img {height:15px;vertical-align:middle;padding:0 3px 0 0;} #mheader .section1 {height:100%;line-height:38px;} #mheader .section1 .logo {vertical-align:middle; line-height:85px;float:left;margin-left:7px;} #mheader .section1 .logo img {height:48px; vertical-align:middle;} #mheader .gd-flipcover-btn {position:static;} #mheader .search-area {float:right;display:block;border:0;background:none;border-bottom:2px solid #ed1c24;z-index:1;height:38px;margin:24px 16px 0 0;} #mheader .search-area #search-box {margin:0 32px 0 0;line-height:38px;border:0;} #mheader .search-area #search-box input {border:0;color:#999;font-size:12px;} #mheader .search-area #search-box-btn {background-color:#fff;border:0;width:auto;height:28px;} #mheader .section3 ul {font-size:0;} #mheader .section3 ul li {display:inline-block;text-align:center;height:40px;width:25%;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #mheader .section3 ul li:nth-child(1) {background:#ed1c24 url('./mimg/icon_allcate.png') no-repeat 16px center;background-size:14px 10px;} #mheader .section3 ul li:nth-child(2) {background-color:#33353d;border-left:1px solid #ed1c24;} #mheader .section3 ul li:nth-child(3) {background-color:#33353d;border-left:1px solid #030304;} #mheader .section3 ul li:nth-child(4) {background-color:#222222;border-left:1px solid #030304;} #mheader .section3 ul li a {font-size:12px;color:#fff;text-align:center;height:40px;line-height:40px;font-weight:bold;display:block;} #mheader .section3 ul li:nth-child(1) a {padding-left:20px;} #mheader .section4 ul {font-size:0;} #mheader .section4 ul li {display:inline-block;text-align:center;height:40px;width:25%;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #mheader .section4 ul li:nth-child(4) {background-color:#ffea00;} #mheader .section4 ul li a {font-size:13px;color:#333;text-align:center;line-height:40px;display:block;} /* 메인 갤러리형 상품명 전부 출력 + 정렬 + 여백 */ .list_goodsscroll .swipe_gs .list_content {text-align:center;margin:0 auto;font-size:0;} .list_goodsscroll .swipe_gs .list_content .list_item {height:auto;height:100%;width:48% !important;margin:0 1% 2% 1%;vertical-align: top; text-align:center;display:inline-block;float:none;} .list_goodsscroll .swipe_gs .list_content .list_item .item_name {overflow:visible;white-space:normal;text-align:center;padding:0 !important;width:100% !important;-webkit-line-clamp:10;} .list_goodsscroll .swipe_gs .list_content .list_item .item_img {padding:0;padding-bottom:10px;} .list_goodsscroll .swipe_gs .list_content .list_item .item_img img {border:1px solid #dedede;} .list_goodsscroll .swipe_gs .list_content .list_item .item_price {padding:5px 0 10px 0 ;font-weight: bold;} /* 메인 */ #main {width:100%;margin:0 auto;} #main .main_menu {width:100%;} #main .main_menu li {width:19.7%; float:left; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} #main .main_menu li:first-child {border-left:0;} #main .main_menu ul {float:left;} #main .main_menu li img {width:100%;} /* 메인 상품진열 타이틀 */ #main .main_title {text-align:center;margin:30px auto 10px;} #main .main_title img {width:100%;} /* 메인 배너 01,02 */ #main .main_banner {width:96%;margin:10px auto 0;font-size:0;} #main .main_banner a {width:49%;float:right;} #main .main_banner a:first-child {float:left;} #main .main_banner a img {width:100%;} /* 메인 브랜드 배너 */ #main .main_brend {width:96%;margin:10px auto 0;font-size:0;} #main .main_brend ul {width:49%;float:right;} #main .main_brend ul:first-child {float:left;} #main .main_brend ul li {width:48%;float:right;} #main .main_brend ul li:first-child {float:left;} #main .main_brend ul li a img {width:100%;} /* 메인 긴배너 */ #main .main_long_banner {width:100%;margin:20px auto;} #main .main_long_banner img {width:100%;} .list_tab {clear:both; position:static;width:96%;margin:0 auto;background-color:#fff;border:1px solid #e9e9e9;} .list_tab .tab_title {height:36px;padding:0;margin:0;} .list_tab .tab_title .title_wrap { float:left; color:#999;width:33% !important;border:0; border-bottom:1px solid #cecece;border-right:1px solid #cecece;border-top:1px solid #cecece;padding:0;margin:0;background-color:#fff; border-top:2px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .list_tab .tab_title .title_active { background-color:#fff; width:33% !important; float:left; color:#ed1c24;border-bottom:1px solid #fff; border-top:2px solid #ed1c24;} .list_tab .tab_title .title_wrap:first-child {border-right:1px solid #cecece; /*border-left:1px solid #cecece;*/} .list_tab .tab_title .title {height:36px; line-height:36px; font-size:12px; font-weight:bold; float:left; width:100%; text-align:center; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .list_tab .list_tabcontent {padding:10px 0;margin-top:0px;margin-bottom:0px; position:relative;} .list_tab .list_tabcontent .swipe_tab .list_content .list_item {margin-bottom:15px;float:left;margin:0 0.6% 2%; width:48% !important; /*background-color:#fafafa;*/} .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_img {padding:8px 8px 10px 8px;background-color:#fff; } .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_img img {width:100%;border:1px solid #dedede;} .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_name {width:100% !important;text-align:center;color:#222; padding:5px 8px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_price {text-align:center;font-size:15px; color:#ff9999; padding:3px 0 10px 8px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_consumer {text-align:center;font-size:13px; padding:5px 0 0 8px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #main .list_title {display:none;} .animation-banner .anchor-container {position:static !important;text-align:center;margin:-20px auto 0 !important;} .animation-banner .anchor-container .anchor-button {display:inline-block !important;float:none !important;text-align:center;border:2px solid #555 !important;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;} .animation-banner .anchor-container.circle .anchor-button { background-image:none !important;background-color:#888; } .animation-banner .anchor-container.circle .anchor-button.active { background-image:none !important;background-color:#fff; } .list_banner .list_page {margin:0;} /* 하단 */ #footer {margin:20px 0 0 0 !important; padding:0; border-top:0;background-color:#fff;} #footer img {width:100%;} #footer .section1 {padding:0;width:100%;margin:25px auto;} #footer .section1 .bt_cscenter {float:left;width:50%;height:160px;text-align:center;} #footer .section1 .bt_cscenter h2 {font-size:14px;padding:0 0 15px;text-align:center;color:#333;} #footer .section1 .bt_cscenter .phone {font-size:18px;color:#ed1c24;margin:5px auto 10px;padding:5px 10px;display:inline-block;text-align:center;} #footer .section1 .bt_cscenter .phone a {color:#ed1c24;} #footer .section1 .bt_cscenter p {font-size:12px;color:#555;padding:0 0 15px;line-height:16px;text-align:center;} #footer .section1 .bt_cscenter p span {color:#111;} #footer .section1 .bt_bank {float:left;width:50%;background:url("./mimg/top_line.gif") no-repeat left 0 top 50%; background-size:1px 200px;} #footer .section1 .bt_bank h2 {font-size:14px;padding:0 0 25px;text-align:center;color:#333;} #footer .section1 .bt_bank p {font-size:12px;color:#555;padding:0 0 15px;line-height:16px;text-align:center;} #footer .section1 .bt_call {margin:0 auto;text-align:center;width:80%;} #footer .section1 .bt_cs {margin:0 auto;text-align:center;width:80%;} #footer .section1 .bt_cs img, #footer .section1 .bt_call img {width:100%;margin:0 auto;text-align:center;padding:0px 0 0 0;} #footer .section2 {height:35px; line-height:35px; margin-top:10px;border-top:3px solid #ed1c24;border-bottom:1px solid #d8d8d8;} #footer .section2 ul {font-size:0;text-align:center;} #footer .section2 ul li {display:inline-block;color:#a3a3a3; padding:0px 3px;text-align:center;font-size:11px;line-height:35px;} #footer .section2 ul li a {color:#a3a3a3;font-size:11px;line-height:35px;text-align:center;} #footer .section2 ul li a b {color:#555;} #footer .section3 { text-align: center; margin: 30px 0px 5px 0px; width: 100%; height: 25px; } #footer .section3 ul {font-size:0;} #footer .section3 ul li { display: inline-block; font-size: 0px; margin: 0px 3px; } #footer .section3 ul li img {height:25px;width:25px;border:1px solid #e9e9e9} #footer .section4 {padding:15px 0px 15px 0; color:#a3a3a3; line-height:20px;font-size:11px; text-align:center;border-top:1px solid #d8d8d8;} #footer .section4 a {color:#888;font-size:11px;} #footer .copyright {color:#555;} /* 상품상세 상품정보출력 */ .content-detail { margin: 15px 0px;width:100%;} .content-detail img { max-width: 100%; } /* 상품 리스트화면 상품명 전부나오기 */ section#goodslist .goods-area .goods-list-item .goods-list-info .goods-nm {overflow:visible !important;white-space:normal !important; height:100% !important;} /* 메인, 목록페이지 가격색상 */ .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_price, #relativegoods .goods-item .goods-price .red, .list_imgscroll .list_content_wrap .swipe_is .list_content .list_item .item_price, .list_goodsscroll .swipe_gs .list_content .list_item .item_price, .list_more .list_content_wrap .swipe_more .list_content .list_item .item_price, section#goodslist .goods-area .goods-item .goods-price .red {color:#222 !important;} .goods-hashtag {text-align:center;} .goods-hashtag div {text-align:center;display:inline-block;float:none !important;} /* 메인페이지 진열 스타일 */ .list_more .list_content_wrap .swipe_more .list_content .list_item {position:relative;} .list_more .list_content_wrap .swipe_more .list_content .list_item .item_name {color:#222 !important;overflow:visible;white-space:normal;height:auto;line-height:18px;margin-bottom:5px;} .item_price {font-size:15px !important;} #main .list_more .list_content_wrap {width:98%;padding:0;margin-left:2%;} #main .list_more .list_content_wrap .swipe_more .list_content .list_item .item_text-wrap {margin:0 auto;padding:10px 0;width:100%;} /* 상품상세페이지 상세정보 버튼 */ .mlongdesc_img {padding:30px 0;width:100%;} .mlongdesc_img img {width:100%;} section#goodsview2 .goods-other-wrap {overflow:hidden;} /* 게시판 좌측버튼 우측으로 */ section#page_title .btn_back, section#page_title .btn_index {left:auto !important;right:70px;} /* 분류 타이틀 */ #page_title {width:100%;margin:0 auto;} #page_title .top_title {background-color:#fff; text-align: center; line-height:42px; color:#575757 !important;overflow:hidden;} section#subcategory-list .top_title {width:100%;margin:0 auto;} /* 상세 타이틀 */ section#goodsview2 .top_title {padding:0 !important;overflow:visible !important;white-space:normal !important; height:100% !important;background-color:#fff !important;} section#goodsview2 .top_title .goods_nm {text-align: center; padding:10px 0 8px 0; color:#575757 !important;margin:0 auto;} /* 관련상품 상품명 가운데정렬 */ #relativegoods .goods-item .goods-nm {text-align:center;} #relativegoods .goods-item .goods-img {padding-bottom:5px;} /* 메인 스크립트 배너 pc브라우저에서도 전체화면으로 나오게 */ .animation-banner, .animation-banner div {width:100% !important;} .animation-banner {overflow:visible !important;} .animation-banner .square.anchor-container {width:90% !important;position:static !important;margin:10px auto !important;text-align:center;} .animation-banner .square.anchor-container .anchor-button {float:none !important;display:inline-block;text-align:center;background-image:url('') !important;width:40px;height:5px;background-color:#c9c8c8;} .animation-banner .square.anchor-container .active.anchor-button {background-color:#666;} /* 슬라이드 */ .gd-flipcover { position:absolute; top:0;left:0;height:100%;width:75%;background:#fff;z-index:10000;overflow-y:auto;visibility:hidden; padding:4%; /*box-shadow:0 5px 5px rgba(0,0,0,.5) reflow에 의한 퍼포먼스 저하. 안드로이드 스크롤바 버그.*/ -webkit-overflow-scrolling:touch; -webkit-transform:translate3d(-100%,0,0); -moz-transform:translate3d(-100%,0,0); -ms-transform:translate3d(-100%,0,0); -o-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out } .gd-flipcover .section ul {padding:0;margin:0;} .gd-flipcover .section li {float:left;border:1px solid #000;width:35%;margin:0 3% 0 0;} .gd-flipcover .section li a { color:#000; line-height:31px; font-size: 12px; display: block;text-align:center;} .gd-flipcover .section li img {height:25px;vertical-align:middle;} .gd-flipcover .section li.login {background-color:#000;} .gd-flipcover .section li.login a {color:#fff;} .gd-flipcover .section li.register {border:0;} .gd-flipcover .section li.register a {text-align:left;} .gd-flipcover .section li.close {border:0;float:right;width:10%;text-align:right;padding-top:4px;} .gd-flipcover .section1 {margin:15px auto 20px;} .gd-flipcover .section1 ul {padding:0;margin:0;} .gd-flipcover .section1 ul li {float:left;width:19%;margin:0 6% 0 0;text-align:center;} .gd-flipcover .section1 ul li:nth-child(4) {width:24%;margin:0;} .gd-flipcover .section1 ul li img {height:40px;} .gd-flipcover .section1 ul li a {color:#000; line-height:20px; font-size: 12px; display: block;text-align:center;} .gd-flipcover .section2 {border:1px solid #c3c3c3;} .gd-flipcover .section2 .tab_inner {background-color:#fafafa;font-size:0;} .gd-flipcover .section2 .tab_inner a { width: 33%;line-height:40px;text-align:center;display: inline-block;font-size:12px; color:#8f8f8f; font-weight: bold; border-left:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;border-top:0;} .gd-flipcover .section2 .tab_inner a:first-child {border-left:0;} .gd-flipcover .section2 .tab_inner a.open {color:#000;border-bottom:1px solid #fff;background-color:#fff;color:#000;} .gd-flipcover .section2 .tab_community, .gd-flipcover .section2 .tab_mypage {display:none;} .gd-flipcover .section2 ul li {line-height:40px;border-top:1px solid #c3c3c3} .gd-flipcover .section2 ul li:first-child {border:0;} .gd-flipcover .section2 ul li a {line-height:40px;font-size:12px;color:#000;padding-left:10px;display:block;} .gd-flipcover .section2 ul li a .cnt {float:right;font-size:11px;color:#555;padding-right:10px;} .gd-flipcover .section3 {margin:25px 0;font-size:12px;color:#000;line-height:16px;} .gd-flipcover .section3 p {margin-bottom:20px;border:1px solid #cecece;width:150px;text-align:center;} .gd-flipcover .section3 p img {height:30px;border-right:1px solid #cecece;float:left;} .gd-flipcover .section3 a {font-size:12px;color:#000;line-height:30px;text-align:center;font-weight:bold;display:block;} .gd-gnb #category-menu {display:none;} .gd-gnb .gnb-arr {display:none;} .gd-gnb ul li {padding:0;margin:0;position:relative;} .gd-gnb ul li a {height:40px;padding-right:23px !important;overflow:hidden;} .gd-gnb li > a .sprite-icon {margin:0;} .gd-gnb li .sub-icon {position:absolute;top:0px;right:0px;} .gd-gnb li .sub-icon .slideup {background:url('./mimg/slide/slideup.png') no-repeat;display:inline-block;} .gd-gnb li .sub-icon .slideup {width:15px;height:15px;background-position:0px 2px;} .gd-gnb .dep2 > li > a {border-bottom:0;} .gd-gnb .dep2 li a {padding:0px;background:#fff} .gd-gnb .dep2 [class^=dep] li a .sprite-icon {background-position:0px 2px;width:15px;padding-top:0px;margin-left:0px} .gd-gnb .dep2 li a .sprite-icon.open {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .gd-gnb .dep2 li a .sprite-icon {-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out} .gd-gnb .dep3 li a {background-color:#fafafa;padding-left:20px !important;} .gd-gnb .dep3 li:first-child {border-top:1px solid #c3c3c3 !important;} .gd-gnb .dep4 li a {background-color:#ececec;padding-left:30px !important;} .gd-gnb .dep5 li a {background-color:#ddd;padding-left:40px !important;}