{*** 알럽다이어리css | mcss.css ***} /* 160412 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;} .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 {padding:0;margin:0 0 5px;width:100%;background-color:#fff;left:0 !important;} #mheader .section {height:25px; width:100%; line-height:25px; border-bottom:1px solid #d5d5d5;} #mheader .section ul {position:static;top:0;left:0;height:25px;} #mheader .section ul li {float:right;background:none;} #mheader .section ul li:first-child {float:left;} #mheader .section ul li a {line-height:25px;font-size:12px;color:#949494;padding:0 10px;border-left:1px solid #d5d5d5;display:block;} #mheader .section ul li:first-child a {border:0px;border-right:1px solid #d5d5d5;} #mheader .section ul li .login {color:#555;} #mheader .section1 {padding:0 2%;} #mheader .section1 .logo {float:left;padding:0 0 0 5px;vertical-align:middle;line-height:95px;} #mheader .section1 .logo img {height:45px;vertical-align:middle;} #mheader .section1 .area_search {float:right; padding:35px 0px 0 0;} #mheader .section1 .area_search #search-box {float:left;} #mheader .section1 .area_search #search-box input {width:140px; height:24px; padding:0 0 0 4px; border:3px solid #d4d4d4; border-right:0; font-size:12px; line-height:25px; -webkit-border-radius:0; -webkit-appearance:none;} #mheader .section1 .area_search #search-box-btn {float:left;height:24px;border-radius:0px;border:3px solid #d4d4d4;border-left:0;} #mheader .section2 { width:100%;height:40px;background:#78cdd1; } #mheader .section2 ul { height:40px;} #mheader .section2 li { float: left; text-align: center;background:url('./mimg/bar.png') no-repeat left center; background-size:1px;} #mheader .section2 li:first-child { width:10%;margin-left:2%;background: #444 none !important;} #mheader .section2 li:first-child a {color:#fff;line-height:40px;font-size:0;} #mheader .section2 li:first-child img {width:20px;vertical-align: middle;} #mheader .section2 li a {color:#fff; font-size:12px;font-weight:bold;line-height: 40px;display:block;padding:0;} #mheader .section2 li:nth-child(2) { background: none; } #mheader .section2 .gd-flipcover-btn {position:static;} #mheader .section2 .gd-flipcover-btn img {height:15px;} /* 메인 갤러리형 상품명 전부 출력 + 정렬 + 여백 */ .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;} /* 목록 갤러리형 상품명 전부 출력 + 정렬 + 여백 */ section#goodslist .goods-area {margin-top:10px;} section#goodslist .goods-area .goods-row {padding:0;margin:0 auto;width:100%;} section#goodslist .goods-area .goods-item {float:left;margin:0 0.8% 2% !important;border:1px solid #dedede;background-color:#fafafa;width:31% !important;} section#goodslist .goods-area .goods-item .goods-img {width:92%;padding:4%;background-color:#fff;border-bottom:1px solid #dedede; } section#goodslist .goods-area .goods-item .goods-img img {width:98.5%;border:1px solid #dedede;} section#goodslist .goods-area .goods-item .goods-nm {text-align:left;font-size:12px;font-weight:bold;color:#222; padding:5px 3.5%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} section#goodslist .goods-area .goods-item .goods-nm a {color:#222;} section#goodslist .goods-area .goods-item .goods-price {text-align:left;font-size:13px; color:#ff9999; padding:0 0 10px 3.5%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} section#goodslist .goods-area .goods-item .goods-consumer {text-align:left;font-size:13px; padding:0px 0 0 3.5%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 메인 더보기형 상품명 전부 출력 + 정렬 + 여백 */ .list_more .list_content_wrap {width:98%;padding:0 1%;} .list_more .list_content_wrap .swipe_more .list_content {text-align:center;margin:0 auto;font-size:0;} .list_more .list_content_wrap .swipe_more .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_more .list_content_wrap .swipe_more .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_more .list_content_wrap .swipe_more .list_content .list_item .item_img {padding:0;padding-bottom:10px;} .list_more .list_content_wrap .swipe_more .list_content .list_item .item_img img {border:1px solid #dedede;} .list_more .list_content_wrap .swipe_more .list_content .list_item .item_price {padding:5px 0 10px 0 ;font-weight: bold;} .list_more .list_content_wrap .swipe_more .list_content .list_item .item_text-wrap {width:100%;margin:0 auto;padding:0;} .list_more .list_content_wrap .swipe_more .list_content .list_item .item_price {color:#333;padding:0 0 10px 0;} /* 메인 */ #main {margin:0 auto;} #main .main_line {margin-top:7px;} #main .main_ban {width:97.4%;text-align:center;margin:10px auto;font-size:0;margin-top:35px;} #main .main_ban img {width:100%;} #main .main_ban a {display:inline-block;width:100%;} #main .main_center { margin: 0 0 20px; } #main .main_center img {width:100%;} .list_title {display:none;} /* 하단 */ #mfooter {margin:30px 0 0 0; padding:0; border:0; background:#fff;} #mfooter .section {background:#78cdd1;} #mfooter .section a {color:#fff !important;} #mfooter .section .inner {float:left; width:50%; padding:20px 3%; color:#fff; font-size:11px; box-sizing:border-box;} #mfooter .section .inner:first-child {border-right:1px solid #bce6e8;} #mfooter .section .inner h3 {margin:0 0 10px; color:#f6f9c7; font-size:13px; font-weight:700;} #mfooter .section .inner h3 span {margin:0 0 0 2px; color:#fff; font-size:11px;} #mfooter .section .inner .num {margin:0 0 20px; color:#fff; font-size:24px;} #mfooter .section .inner .tel {display:inline-block; margin:0 0 20px; padding:0 2px 0 0; border:1px solid #fff; color:#fff; font-size:11px;} #mfooter .section .inner .tel span {display:inline-block; padding:2px; background:#fff; color:#78cdd1; font-weight:700;} #mfooter .section .inner .tel a {color:#fff; font-size:11px;} #mfooter .section .inner .li {color:#fff; font-size:11px; letter-spacing:-1px;} #mfooter .section .inner b {color:#fff; font-size:11px;} #mfooter .section .inner .bank {margin:0 0 5px;} #mfooter .section .inner .bank2 {margin:0 0 30px;} #mfooter .section .inner .bank b, #mfooter .section .inner .bank2 b {font-size:14px; letter-spacing:1px;} #mfooter .section .inner .name {text-align:left; margin-bottom:15px;} #mfooter .section2 {padding:10px 3% 8px; border-bottom:1px solid #d5d5d5;} #mfooter .section2 li {float:left; color:#666; font-size:11px;} #mfooter .section2 li {display:inline-block;} #mfooter .section2 li a {color:#666; font-size:11px;} #mfooter .section2 li:nth-child(2) a {color:#333;} #mfooter .section2 li:nth-child(4) {float:right;} #mfooter .section2 img {height:14px;vertical-align:middle;} #mfooter .section3 {padding:14px 6px 14px; padding-left:3%; color:#666; font-size:12px; line-height:16px;} #mfooter .section3 a {color:#666;} #mfooter .section3 b {color:#878787; font-size:11px;} #mfooter .section3 b span {color:#d74142;} /* 상품상세 상품정보출력 */ .detail_view { margin: 15px 0px;width:100%;} .detail_view 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, section#goodslist .goods-area .goods-item .goods-price .red {color:#222 !important;} /* 상품상세페이지 상세정보 버튼 */ .mlongdesc_img {padding:30px 0;width:100%;} .mlongdesc_img img {width:100%;} /* 게시판 좌측버튼 우측으로 */ section#page_title .btn_back, section#page_title .btn_index {left:auto !important;right:70px;} /* 분류 타이틀 */ #page_title .top_title { background: url('./mimg/bg_titlearea.png') no-repeat 10px 13px; background-size: 15px auto;background-color:#fff; text-align: left; padding-left: 30px; line-height:42px; color:#575757 !important;overflow:hidden; } section#subcategory-list .top_title {text-align:left;padding:0 20px;} /* 상세 타이틀 */ 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 { background: url('./mimg/bg_titlearea.png') no-repeat 10px 12px; background-size: 15px auto; text-align: left; padding:10px 10px 8px 30px; color:#575757 !important;} /* 관련상품 상품명 가운데정렬 */ #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 .square {width:60px !important;} .animation-banner .square.anchor-container .anchor-button { background:#8c8c8c url('') !important;width:12px;height:12px;background-color:#8c8c8c;display:inline-block;border-radius:50%; } .animation-banner .square.anchor-container .active.anchor-button { background:#f6503f url('') !important;width:12px;height:12px;background-color:#f6503f;display:inline-block; } .animation-banner .anchor-container { left:50% !important; margin:0 0 0 -30px !important; bottom:-20px !important;} .animation-banner {overflow:visible !important;} /* 더보기 스타일 변경 */ section#goodslist .goods-area .more-btn, section#boardlist .more-btn {width:300px; margin:auto; text-align:center; height:35px; color:#808591; line-height:35px; font-size:15px; font-weight:bold; border:1px solid #808591;background:#fff; border-radius:3px; font-family:dotum; margin-top:15px;} /* 슬라이드 */ .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;}