.contWid{width:1200px; margin:0 auto; overflow:hidden;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* 익스플로러 스타일*/ } :root{ /* --main-color:#57168a; */ --main-color:#623486; --main-light:#d5c2e4; --hover:#ff9fba; --font-color:#202020; --font-grey:#888; --light-grey:#eaeaea; --border-grey:#d1d1d1; --red:#d80003 } .red{color:var(--red);} /* 상단 로그인바 user-nav */ header #user-nav{width:100%; height:32px; line-height: 32px; background:#f7f7f7; color:#555; font-size:12px;} header #user-nav .favor{float:left;} header #user-nav .user-list{float:right;} header #user-nav .user-list li{float:left;} header #user-nav .user-list li a{display:inline-block; padding:0 10px;} header #user-nav .user-list li a:hover{color:#000;} header .logo-box{height:100px; position:relative; text-align:center; background:#fff;} header .logo-box .call{float:left; margin-top: 35px;} header .logo-box .call .num{font-size:34px; color:#f00003; margin-top:5px;} header .logo-box .call p:first-child{color:var(--font-grey); font-size:16px; font-family: 'NS_B';} header .logo-box .logo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:10px;} header .logo-box .logo img{width:75%;} /* search 검색 */ header .logo-box .global-sch{width:250px; height:36px; border-bottom:2px solid var(--main-color); float:right; overflow:hidden; margin-top: 50px; font-size:12px;} header .logo-box .global-sch input[type="search"]{padding-left: 10px; float:left; font-size:14px; line-height:36px; width:200px; height: 36px;} header .logo-box .global-sch input::placeholder{color:#c0c0c0;} header .logo-box .global-sch .sch-btn{background-color:var(--main-color); background:center 2px/85% no-repeat url('/images/search-icon.png'),var(--main-color); width:35px; height:35px; border-radius:8px; float:right; cursor:pointer;} /* gnb */ /* header nav{border-top:1px solid #eaeaea; border-bottom:2px solid #ffcc4a; height: 50px; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.08);} *//* 스크롤 이동시 그림자효과 */ header nav{border-top:1px solid #eaeaea; border-bottom:2px solid var(--main-color); height: 50px; background:#fff; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.08); color:var(--font-color);} header nav ul li{float:left; font-family:'NS_B';} header nav ul li:first-child{margin-right:26px;} header nav ul li span{border-radius:18px; padding: 10px 0 8px; background:var(--main-color); color:#fff;} header nav ul li span:hover{background:var(--hover);} header nav ul li span:hover a{color:#fff;} header nav ul li a{display:inline-block; padding:0 24px; line-height:48px; font-size:16px;} header nav ul li:nth-of-type(11) a{padding-right:0px;} header nav ul li a:hover{color:var(--hover);} /* yd-cate 용도별 카테고리 */ header .yd-cate {height:135px; padding-top:10px; overflow: visible;} header .yd-cate li{float:left; margin-right:24px; width:180px; height:125px; overflow:hidden; position:relative;} header .yd-cate li:hover{box-shadow:none;} header .yd-cate li:nth-of-type(1){background:#f7f7f7;} header .yd-cate li:nth-of-type(2){background:#ffefef;} header .yd-cate li:nth-of-type(3){background:#fffbeb;} header .yd-cate li:nth-of-type(4){background:#fffbeb;} header .yd-cate li:nth-of-type(5){background:#effaea;} header .yd-cate li:last-child{margin-right:0; background:#eff8ff;} header .yd-cate li span{position:absolute; right:0px; top:0px; font-family: 'NS_B'; display:block; width:100%; height:125px; line-height:125px; padding:0 10px; text-align:right;} /* 메인배너 main-banner */ #main-banner{background:#f9f9f9; height:545px; padding-top:30px; margin-top:10px;} #main-banner .main-banner-btn{margin-top:10px; width:200px;} #main-banner .main-banner-btn li{float:left; width:40px; height:40px; border:1px solid #e0e0e0; margin-left:-1px;} #main-banner .main-banner-btn li.num{width:80px; background:#fff; text-align:center; line-height:38px; font-size:16px; color:#555;} #main-banner .main-banner-btn li.num small{font-size:15px; color:#999; font-weight:500;} #main-banner .main-banner-btn li button{width:38px; height:38px; background:url('/images/ban-btn.jpg') no-repeat;} #main-banner .swiper-container{margin: 0 auto; box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);} #main-banner .main-banner-btn li #swiper_Run_Btn.on{background:url('/images/ban-btn2.jpg') no-repeat;} /* 메인 베스트 플라워 main-best-flower */ .main-section{width:1200px; margin:120px auto 0;} .main-section h1{font-size:30px; padding-bottom:20px; line-height:30px; text-align:center; background:url('/images/main_title_bg.jpg') no-repeat; background-position:0 8px; font-family: 'NS_EB';} .main-section h1 span{padding:0 40px; background:#fff;} .main-section .new-pd{float:left; margin-right:26px; margin-bottom:30px;} .main-section .new-pd:nth-child(4n){margin-right:0;} .main-section .new-pd:nth-child(2), .main-section .new-pd:nth-child(6){margin-right:27px;} .main-section .pd-line{overflow:hidden; clear:both;} .main-section .df-btn{width:280px; background:#fff; border:1px solid #d1d1d1; border-radius:0; display:block; margin:0 auto; cursor:pointer; margin-top:40px;} #main-best-flower{} #main-best-flower .best-nav{overflow:hidden;} #main-best-flower .best-nav li{float:left; color:#fff; font-size:16px; background:#505050; border-radius:5px; text-align:center; width:235px; height:40px; line-height:40px; margin-right:6px; cursor:pointer; font-family: 'NS_B';} #main-best-flower .best-nav li:last-child{margin-right:0;} #main-best-flower .best-nav li:hover{background:var(--main-light);} #main-best-flower .best-nav li.on{background:var(--main-color);} #main-best-flower .best-tab{overflow:hidden; margin-top:40px;} #main-best-flower .best-tab ul{width:235px; float:left; margin-right:6px;} #main-best-flower .best-tab ul:last-child{margin-right:0;} .product_box .pd_img{overflow: hidden; margin-bottom:5px; width:235px; height:235px; border: 1px solid #eaeaea;} .product_box .pd_img:hover{border: 2px solid var(--main-color);} .product_box .pd_img img{width:100%;} .product_box .pd_icon{height:12px; margin-bottom:5px; padding-left:5px;} .product_box .pd_name{font-size:16px; color:#202020; font-family:'NS_B'; padding-bottom:8px; border-bottom:1px solid var(--light-grey); padding-left:5px;} .product_box .pd_price{font-size:18px; padding-top:15px; padding-left:5px;} .product_box .pd_price del{font-size:14px; color:var(--font-grey); margin-right:10px;} .product_box .pd_price .num{ color:#df0000;} .sale_tag_box{position:relative;} .sale_tag{background:url('/images/product_icons/tag_sale.jpg') no-repeat; background-position:top right; color:#fff; display:block; width:30px; height:29px; line-height:29px; position:absolute; top:0; right:0; font-size:10px; text-align:center;} .main-line-ban{margin:100px auto; width:1200px; height:100px; border-radius:10px; clear: both; background-image:url('/images/blooming-love.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center center; text-align:center; cursor:pointer;} .main-line-ban p{color:#fff; text-shadow: 1px 1px 4px rgb(0 0 0 / 55%);} .main-line-ban p:first-child{font-size:30px; font-weight:600; padding-top:20px;} .main-line-ban p:last-child{font-size:18px; font-weight:400; letter-spacing:2px; margin-top:10px;} /* df 형식 특별전 */ #main-special-exhibition{clear:both;} #main-special-exhibition > div{overflow:hidden;} #main-special-exhibition > div > ul{width:390px; margin-right:15px; float:left;} #main-special-exhibition > div > ul:last-child{margin-right:0px;} #main-special-exhibition .pd-name{padding-left:0; font-size:18px; font-weight:bold; margin-top:10px;} #main-special-exhibition .pd-exp{font-size:16px; height: 40px; width:380px;} /* wb 특별전 */ #main-exhibition{clear:both;} #main-exhibition .exh-nav{overflow:hidden; height:120px; padding:10px 90px 0; margin-bottom:15px;} #main-exhibition .exh-nav li{float:left; margin:0px 10px; position:relative; } #main-exhibition .exh-nav li.on:before, #main-exhibition .exh-nav li:hover:before{content:''; display:block; width:100%; height:3px; background:var(--main-color); position:absolute; top:-8px; left:0;} #main-exhibition .exh_wrap{width:100%; overflow:hidden;} #main-exhibition .exh_wrap .exh_img{width:550px; height:650px; float:left;} #main-exhibition .exh_wrap .exh_img img{width:100%;} #main-exhibition .exh_wrap .exh_list{float:left; overflow:hidden; width:650px;} #main-exhibition .exh_wrap .exh_list ul{width:315px; height:320px; background:#fafafa; float:left; margin:0 0 10px 10px; border:1px solid #fafafa;} #main-exhibition .exh_wrap .exh_list ul:hover{border:1px solid #eaeaea;} #main-exhibition .exh_wrap .exh_list ul li{text-align:center; margin-top:10px;} #main-exhibition .exh_wrap .exh_list ul li:first-child{margin-top:0; padding:18px 15px 10px; height:265px;} #main-exhibition .exh_wrap .exh_list ul li:last-child{background:var(--main-color); width:235px; color:#fff; margin:0 auto; padding:10px;} #main-exhibition .exh_wrap .exh_list ul li img{width:235px; height:235px;} #main-exhibition .exh_wrap .exh_list .pd-name{font-family: 'NS_B'; padding-left: 0px; display:inline-block; max-width:50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; color:#fff1c3;} #main-exhibition .exh_wrap .exh_list .pd-price{font-family: 'NS_EB'; vertical-align: middle;} .main-mdpick{background:url('/images/main-md-bg.jpg'); background-repeat: repeat-x; height:500px;} .main-mdpick .main-section{padding-top:70px; position:relative;} .main-mdpick .main-section h2{position:absolute; top:70px; left:426px; font-size: 30px; font-weight: 500;} .main-mdpick .main-section h2 p{margin-bottom:10px;} .main-mdpick .main-section h2 p:first-child{font-weight: 600;} .main-mdpick .main-section > ul{position:absolute; top:185px; right:0;} .main-mdpick .main-section > ul li{float:left; position:relative; padding:5px 8px; font-size:18px; color:#fff; cursor:pointer;} .main-mdpick .main-section > ul li.on{color:#285232;} .main-mdpick .main-section > ul li.on:before{content:''; display:inline-block; width:10px; height:10px; background:#285232; border-radius:50%; position:absolute; left:50%; transform:translateX(-50%); top:-10px;} .main-mdpick .main-section .main-mdpick-pd{ height:450px;} .main-mdpick .main-section .main-mdpick-pd img{width:100%;} .main-mdpick .main-section .main-mdpick-pd div{float:left; margin-right:26px; border-radius:10px; overflow:hidden; width:400px; height:400px; box-shadow:8px 8px 12px rgb(0 0 0 / 10%)} .main-mdpick .main-section .main-mdpick-pd ul{float:left; margin-right:18px; margin-top:190px;} .main-mdpick .main-section .main-mdpick-pd ul:last-child{margin-right:0;} .main-mdpick .main-section .main-mdpick-pd ul li:first-child{border-radius:5px; overflow:hidden; border:1px solid #eaeaea; width:180px; height:180px;} .main-mdpick .main-section .main-mdpick-pd ul li:last-child{margin-top:15px;} .main-mdpick .main-section .num{font-size:16px; text-align:center;} /* .main-gallery-wrap{background-image: linear-gradient(to right, #fff, #fff, #f1f2f9, #f1f2f9, #f1f2f9);} */ .main-gallery-wrap{background:#fff;} .main-gallery-wrap .main-section{height:500px;} .main-gallery-wrap .main-section .main-gall-cont{padding:40px 0px 0px; width:1200px; float:right; overflow: hidden;} .main-gallery-wrap .main-section .main-gall-cont .main-gall-img{padding:15px; overflow:hidden; height:320px; border:1px solid var(--border-grey); transition: .3s all; background:#fff;} .main-gallery-wrap .main-section .main-gall-cont .main-gall-img:last-child{margin-right:0;} .main-gallery-wrap .main-section .main-gall-cont .main-gall-img:hover{border-color:var(--main-color); box-shadow: 1px 11px 5px -5px rgba(0,0,0,0.18); -webkit-box-shadow: 1px 11px 5px -5px rgba(0,0,0,0.18); -moz-box-shadow: 1px 11px 5px -5px rgba(0,0,0,0.18);} .main-gallery-wrap .main-section .main-gall-cont .main-gall-img a{display:block; width:200px; height:260px; overflow:hidden; position:relative; background:var(--light-grey);} .main-gallery-wrap .main-section .main-gall-cont .main-gall-img img{width:100%; position:absolute; top:50%; transform:translateY(-50%);} .main-gallery-wrap .main-section .main-gall-cont .main-gall-img p{margin-top:8px; line-height: 1.4; font-size:12px;} .main-gallery-wrap .main-section .main-gall-cont button{background: url('/images/ban-btn.jpg') no-repeat; width:40px; height:40px; border:1px solid #eaeaea; transition: all .3s} .main-gallery-wrap .main-section .main-gall-cont button:hover{border:1px solid var(--main-color);} /* footer 푸터 */ .customer{width:1200px; height:330px; font-family: 'NS_B'; margin:80px auto; overflow:hidden; display:flex; justify-content: space-between; flex-wrap: wrap;} .customer > div{float:left; height:100%;} .customer > div:last-child{border-right:0;} .customer .cs-center{padding:40px 55px; width:330px; position:relative; background:url('/images/cs-center.jpg') no-repeat;} .customer .cs-center h1, .customer .cs-account h1{font-size:16px; font-family: 'NS_EB'; margin-bottom:20px;} .customer .cs-center a.num{color:#f00003; font-size:34px; font-weight:800;} .customer .cs-center p{font-size:18px} .customer .cs-center p{margin-bottom:10px;} .customer .cs-center ul{margin:20px 0; font-size:15px;} .customer .cs-center ul li{margin-bottom:10px;} .customer .cs-center ul li span{margin-right:2px;} .customer .cs-notice,.customer .cs-icon{overflow:hidden;} .customer .cs-icon ul{width:212px; height:330px; overflow:hidden; display:flex; justify-content: space-between; flex-wrap: wrap;} .customer .cs-icon ul li{float:left; width:100px; } .customer .cs-icon > div{clear:both; overflow:hidden;} .customer .cs-account{padding:40px; width:290px; background:url('/images/cs-bank.jpg') no-repeat;} .customer .cs-account p{margin-bottom:15px;} .customer .cs-account dl{margin-bottom:12px;} .customer .cs-account dl .bank{margin-bottom:4px; font-weight: 500;} .customer .cs-account dl .num{font-size:18px;} .customer button{position:absolute; left:50%; bottom:40px; transform:translateX(-50%); background:var(--main-color);} footer{background:#f0f0f0; padding:50px 0; color:#202020; font-size: 14px;} footer ul{width:100%; border-bottom:1px solid #202020; overflow: hidden;} footer ul li{float:left;} footer ul li a{padding:5px 10px; display:inline-block; line-height: 30px;} footer ul .en{font-size:24px;} footer ul .en a{padding-left:0;} footer .foot-info{margin-top:15px;} footer .foot-info p, address{margin-bottom:10px;} footer .foot-info p span{padding-right:15px;} footer .foot-info p button{ padding:2px 8px; background:none; color:#202020; border:1px solid #202020; border-radius:10px; font-size:12px;} /* 마이페이지 */ .mainCont .mypage-title{height:150px;background:#ffeda5; margin-bottom:30px; padding:20px 0 20px 20px;} .mainCont .mypage-title .nameCard, .mainCont .mypage-title .point-notice{border-right:1px solid #fff; height:110px; padding: 10px; float:left;} .mainCont .mypage-title .nameCard{width:580px;} .mainCont .mypage-title .nameCard h3{font-size:32px; font-weight:500; height:40px; line-height:40px;} .mainCont .mypage-title .nameCard .sm-btn{color:#fff; vertical-align: middle; font-size:14px;} .mainCont .mypage-title .nameCard p{margin-top:5px; line-height:40px; font-size:16px; font-weight:500;} .mainCont .mypage-title .point-notice{width:300px; color:#333;} .mainCont .mypage-title .point-notice p{font-size:20px; font-weight:600; text-align:center; margin-top:5px; line-height:1;} .mainCont aside.leftMenu{width:200px; height:400px; background:#f9f9f9; float:left; padding:30px; font-size:16px; border: 1px solid #eaeaea; border-radius:0 80px 0 0; color:#000;} .mainCont aside.leftMenu p.en{font-weight:600; font-size:22px;} .mainCont aside.leftMenu ul{padding:30px 0;} .mainCont aside.leftMenu ul li{margin-bottom:12px;} .mainCont aside.leftMenu ul li:last-child{margin-bottom:0;} .mainCont aside.leftMenu ul li:hover{color:#ffcc4a;} .mainCont aside.leftMenu-img{width:200px; height:400px; float:left;} .rightCont{float:right; width:960px; padding:15px 0; font-size:18px;} .rightCont .mypg-table-wrap .tb-title{margin-bottom:15px; padding: 0 5px;} .rightCont .mypg-table-wrap .tb-title .view-more{float: right; margin-top: -5px; line-height: 28px; color:#333; font-size:14px; background:#fff;} .rightCont .mypg-table-wrap .tb-title .rect-btn{float: right;} .rightCont .mypg-table-wrap .mypg-table{border-top:2px solid #333; width:100%; text-align:center; font-size:14px; border-collapse:collapse;} .rightCont .mypg-table-wrap .mypg-table tr th{padding:20px 0; border-bottom:1px solid #dbdbdb; background:#f9f9f9;font-size:18px;} .rightCont .mypg-table-wrap .mypg-table tr td{padding:15px 0; border-bottom:1px solid #eaeaea; vertical-align: middle;} .rightCont .mypg-table-wrap .mypg-table a:hover{color:#ffb400;} .rightCont .mypg-table-wrap .favorite{overflow:hidden; padding-top:20px;} .rightCont .mypg-table-wrap .favorite li{float:left; margin-right:15px; width:180px; height:180px; position:relative; border:1px solid #eaeaea; margin-bottom:15px;} .rightCont .mypg-table-wrap .favorite li:nth-child(5n){margin-right:0;} .rightCont .mypg-table-wrap .favorite li img{width:100%;} /* 좋아요 위시리스트 하트 */ .thumb{position:relative; text-align:center;} .thumb .like{display: inline-block; position: absolute; top: 8px; right: 8px; line-height:33px; height:30px; width:30px; background:rgba(0,0,0,0.2); font-size:16px; border-radius:50%; cursor:pointer; z-index:3;} .thumb .like:active, .thumb .like:focus{outline:none;} .thumb .far.fa-heart{color:#fff;} /* 기본 테두리 하트 == 좋아요 누를시 class명을 바꿔주면 됨! */ .thumb .fas.fa-heart{color:#ffd264;} /* check시 하트색상 */ .favorite .thumb a:hover:after{content:''; display:inline-block; background:rgba(255,255,255,0.5); /* background:rgba(0,0,0,0.3); */ width:100%; height:100%; position: absolute; left:0; top:0; z-index:2;} /* 장바구니 */ .rightCont .mypg-table-wrap .basket .num{font-size:16px;} .rightCont .mypg-table-wrap .basket td{vertical-align:middle;} .rightCont .mypg-table-wrap .basket td.bask-sum{padding:40px; font-size:20px; background:#fff;} .rightCont .mypg-table-wrap .basket td.bask-sum .num{font-size:24px;} .rightCont .mypg-table-wrap .basket .cart-info{text-align:left; height:180px; padding:15px 0 15px 25px;} .rightCont .mypg-table-wrap .basket .cart-info li{margin-bottom:10px;} .rightCont .mypg-table-wrap .basket .cart-info li.prod-code{font-weight: 500; font-size:14px; color:#999;} .rightCont .mypg-table-wrap .basket .cart-info li.prod-name{font-weight: 500; font-size:18px;} .rightCont .mypg-table-wrap .basket .cart-info li.member-benefit{font-size:14px; color:#72be6b;} .prod-quantity{height:34px; position:relative; width:110px;text-align:center; margin-top:20px; overflow:hidden; border:1px solid #eaeaea;} .prod-quantity .num{line-height:34px; } .minus-btn, .plus-btn{width:32px; height:32px; border-radius:50%; background:#fff; position:absolute; color:#bdbdbd; outline:0; cursor:pointer;} .minus-btn{left:0;} .plus-btn{right:0;} .bask-img{width:180px; margin-left:30px;} .cart-opt{text-align:left; padding:0 30px;} .cart-opt li{margin-bottom:10px;} .cart-opt li:last-child{margin-bottom:0; letter-spacing:-0.5px;} .cart-opt li button{float:right;background:#fff; outline:0; padding: 4px; line-height: 14px; height: 20px; } /* customer 탭 */ .customerCont .tb-title{margin-bottom: 15px; padding: 0 5px; font-size:18px;} .customerCont > img{border-bottom:1px solid #eaeaea;} .customerCont ol{overflow:hidden; width:100%; margin-top:30px;} .customerCont .tab-nav li{float:left; width:285px; margin-left:20px;} .customerCont .tab-nav li:first-child{margin-left:0px;} .customerCont .tab-nav li .tab-nav-num{color:#fff; background:#999; border-radius:20px; padding:5px 15px; font-size:16px;} .customerCont .tab-nav li .tab-txt{padding:5px 15px 10px; font-size:20px;} .customerCont .tab-nav li:hover .tab-nav-num, .customerCont .tab-nav li.on .tab-nav-num{background:var(--main-color);} .customerCont .tab-nav li:hover .tab-txt, .customerCont .tab-nav li.on .tab-txt{color:var(--main-color);} .customerCont .tab-nav li a, .customerCont .tab-nav li span{display:inline-block; width:100%; } .customerCont .tab-cont{clear:both; margin-top:30px;} .customerCont .tab-cont li{float:left; width:285px; margin-left:20px; border:1px solid #eaeaea; border-radius:8px; height:150px; padding:20px; cursor:pointer; font-size: 18px; word-break: keep-all;} .customerCont .tab-cont li:first-child{margin-left:0px;} .customerCont .tab-cont li:hover{background:var(--main-light); border:1px solid var(--main-light);} .customerCont .tab-cont li:hover .num{color:#fff;} .customerCont .tab-cont li.on{background: #ffe56a;} .customerCont .tab-cont li.on .num{color:#fff;} .customerCont .tab-cont .num{color:#ccc; padding-bottom:15px;} .customerCont .tab-cont .card-title{line-height:1.4;} .customerCont .tab-cont .card-content{ display: none; padding: 30px 20px; border-top:2px solid #333; border-bottom:1px solid #eaeaea; margin-top: 15px;} .customerCont .tab-cont .card-content.on{ display: block; width: 100%;} .customerCont .tab-cont .card-content p{line-height:24px; font-size: 16px; word-break: keep-all;} .customerCont .tab-cont .card-content p:first-child{ font-weight:500; margin-bottom:20px;} .customerCont .tab-cont .card-content p .num{color: #ffcc4a ;} .customerCont .tab-cont .card-content p i {font-size:20px; float:right; padding:0 5px;}/* X 설명창 닫기*/ .customerCont .tab-cont .card-content p .high-light{box-shadow: inset 0 -8px 0 #ffe1e1;} .customerCont .tab-cont .card-content p .card-link{font-weight:500;} .customerCont .tab-cont .card-content p .card-link:hover{color:#f00003; box-shadow:none;} /* 계산서 요청 2022-02-04 안 쓸 예정. 추후 삭제 */ .customerCont .taxes ol li{height:70px; line-height:70px; text-align:center; padding:0;} /* 온라인 상담 --*/ #personal-wrap{padding-bottom:40px;}/* 개인정보수집 및 이용*/ #personal-wrap h5{text-align:left; margin-bottom:10px;} #personal-wrap .personal-info{ border-top:2px solid #d1d1d1; border-collapse: collapse; width:100%;} #personal-wrap .personal-info tr th, .personal-info tr td{border: 1px solid #eaeaea; padding:10px; font-weight:400; color:#999;} #personal-wrap .personal-info tr th{color:#202020; background:#f7f7f7;} #personal-wrap .personal-info tr th:first-child, .personal-info tr td:first-child{border-left:0;} #personal-wrap .personal-info tr th:last-child, .personal-info tr td:last-child{border-right:0} #personal-wrap p label em{margin-top:0px; margin-right: 5px;} .mid850 #table850 table{width:100%; text-align:left; border-top: 2px solid #d1d1d1; font-size:16px;} .mid850 #table850 tr td{border-bottom: 1px solid #eaeaea; vertical-align: middle; padding: 15px;} .mid850 #table850 tr th{background: #fafafa; border-bottom: 1px solid #eaeaea; vertical-align: middle; padding: 15px;} .mid850 #table850 textarea{width:100%; height: 180px; padding: 10px 15px;} .mid850 #table850 .df-input{height:36px; line-height:36px; margin:0;} .mid850 #table850 .df-btn{width:350px; margin: 40px auto 0; background: #333; color: #fff;} #photo_gallery{padding-top:0;} .customerCont .gallery{padding:40px 0 0; overflow:hidden; margin:0 auto; clear:both;} .customerCont .gallery ul{float:left; margin-bottom:50px; overflow:hidden; width: 232px; padding: 15px; margin-right: 10px; height: 320px; border: 1px solid var(--border-grey); transition: .3s all;} .customerCont .gallery ul:nth-child(5n){margin-right:0} .customerCont .gallery ul:hover{border: 1px solid var(--main-color); box-shadow: 1px 11px 5px -5px rgba(0,0,0,0.18); -webkit-box-shadow: 1px 11px 5px -5px rgba(0,0,0,0.18); -moz-box-shadow: 1px 11px 5px -5px rgba(0,0,0,0.18);} .customerCont .gallery ul:hover li img{filter:brightness(110%);} .customerCont .gallery ul li{margin-bottom:12px;} .customerCont .gallery ul li:first-child{overflow:hidden; width:200px; height:260px; text-align:center; position:relative; background: var(--light-grey);} .customerCont .gallery ul li img{width:100%; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: .3s all;} .customerCont .gallery ul .title{width: 100%; font-size:13px; /* word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */} .customerCont .gallery ul .date{text-align:center; color:#FD6E05; font-size:14px;} .gallery-wrap .sch_gall{float:right;} .gallery-wrap .sch_gall .sch_gallery{border:1px solid #ddd; padding:10px 15px; height:42px; float:left; width:220px;} .gallery-wrap .sch_gall .gall_sch_btn{height:42px; width:100px; color:#fff; background:#202020;} /* sub 페이지*/ .sm-img{width:280px;height:280px; border:1px solid #eaeaea;} .sm-img:hover{border:1px solid var(--main-color);} .sm-img img{width:100%;} .md-img{width:320px; height:320px; border:1px solid #eaeaea; margin:0 auto;} .md-img img{width:100%;} .lg-img{width:1000px;} /* li[class^="pd-"]{margin-top:5px;} */ .pd-icon{height:15px; margin-top:10px; margin-bottom:5px; padding-left:10px;} .pd-icon img{margin-right:5px;} .pd-name, .pd-price{font-size:16px; padding-left: 10px; font-family: 'NS_B';} .pd-exp{display: -webkit-box; width:280px; color:#999; margin-top:10px; line-height: 1.2; height:32px; word-wrap: break-word; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical;} .pd-price{margin-top:10px;} .pd-price span.num{font-size:18px; font-family: 'NS_EB';} .pd-price .del{color:#555; font-size:15px; font-weight:normal;} .pd-price del{color:#999; font-size:15px; margin-right:8px; font-family: 'NS';} .pd-point{margin-top:8px; padding-left: 10px;} .pd-point .point-icon{display:inline-block; width:16px; height:16px; line-height:16px; background:var(--main-color); color:#fff; font-weight:900; text-align:center; border-radius:4px; font-size:11px; } .pd-point .num{color:#999;font-size:14px; vertical-align: middle;} .new-pd .pd-name, .new-pd .pd-price{padding-left: 0px; margin-top:10px;} #MDpick{height: 380px;} #MDpick ul{width:280px; float:left; margin-right:27px;} #MDpick ul:nth-child(2){margin-right:26px;} #MDpick ul:last-child, .best-flower-line ul:last-child{margin-right:0;} .best-flower-line{margin-bottom:50px; height: 400px;} .best-flower-line:last-child{height: 405px; margin-bottom:0px; border-bottom:0;} .best-flower-line ul{width:220px; float:left; margin-right:25px;} .best-flower-line ul .sm-img{width:220px; height:220px; overflow:hidden;} .best-flower-line h3{font-size:22px; color:var(--main-color); margin:20px 0 15px; background:url('/images/best_title.jpg') no-repeat; width:280px; height:52px; line-height:52px; background-size: contain; font-family: 'NS_EB';} .best-flower-line h3.title-y{background:url('/images/best_title.jpg') no-repeat; background-size: contain; } .best-flower-line h3.title-g{background:url('/images/best_title.jpg') no-repeat; background-size: contain; } .best-flower-line h3 a{display:block; padding-left:110px;} .best-flower-line .pd-name{margin-top:15px; padding-bottom:10px; border-bottom:1px solid var(--border-grey); font-family: 'NS_B';} .best-flower-line .pd-price span.num{color:#df0000;} .mainCont .sub-title{margin-top:-30px; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #555; font-size:20px; font-weight: 600;} .mainCont .sub-title .en{font-size:24px; color:#f00003; font-weight: 700 !important; padding-right:10px;} .mainCont .sub-title .en i{font-style: italic;} .mainCont .sub-ban{margin:10px auto;} .sub-pd{margin-top:50px;} .sub-pd #sub-header{padding-bottom:10px; margin-bottom:50px; border-bottom:1px solid #555; overflow:hidden;} .sub-pd .pd-list-title{float:left; color:#9f9f9f; padding-top: 20px;} .sub-pd .pd-list-title .num{color:#ff9fba;font-weight:500;} .sub-pd .pd-list-btn{float:right;} .sub-pd .pd-list-btn li{float:left;width:110px; height:35px; line-height:33px; text-align:center; border:1px solid #eaeaea; margin-right:-1px; position:relative; color:#a0a0a0;} .sub-pd .pd-list-btn li:hover{color:#202020;} .sub-pd .pd-list-btn li a{display:inline-block; width:100%;} .sub-pd .pd-list-btn li:last-child{margin-right:0;} .sub-pd .pd-list-btn li.on:before{content:''; display:inline-block; width:100%; height:4px; background:#ffdae4; position:absolute; top:0; left:0; } .sub-pd .pd-list-btn li.on{color:#202020;} /* .sub-pd .pd-list-btn li.on, .sub-pd .pd-list-btn li:hover{color:#ffb400;} */ .sub-pd-list{overflow:hidden;} .sub-pd-list ul{ margin-bottom: 40px; height: 385px; width:280px; float:left; margin-right:27px;} .sub-pd-list ul:nth-child(2n){margin-right:26px;} .sub-pd-list ul:nth-child(4n){margin-right:0;} /* sub-detail */ .product_descript{margin-top:20px; font-size:14px;} .product_descript:first-child{margin-top:40px;} .category_msg{padding:20px 15px; line-height:25px; border-top:1px solid #555; border-bottom:1px solid #555; margin-top:20px;} .image-info, .purchase-table-wrap{float:left;} .image-info{margin: 0 100px 0 40px; width: 420px;} .image-info .info{margin-top:20px; padding-bottom:5px; } .image-info .info li{margin-bottom:10px; padding-left:20px;} .image-info .detail-warning-msg{margin-top:20px; padding:15px; border: 2px dashed #f00003; text-align:center;} .image-info .detail-warning-msg p{line-height:1.2;} .image-info .detail-warning-msg p span{color:var(--main-color); font-weight:bold;} .image-info .detail-warning-msg .fruit-msg li{text-align:left; line-height: 1.4;} .image-info .detail-warning-msg .fruit-msg strong{color: #3191e4;font-weight: bold; font-size:14.5px;} .image-info .detail-warning-msg .fruit-msg li span{float:right;font-weight: bold;} .purchase-table-wrap{width:600px; font-size:16px;} .purchase-table-wrap h3#pd-title{font-size:24px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #eaeaea;} .purchase-table-wrap .pd-code{font-size:16px; float:right; padding-top:7px;font-weight:normal;} .purchase-table-wrap .pd-code .num{color:#999;font-family:'NS_B';} .purchase-table-wrap > form > table{margin-bottom:30px;} .purchase-table-wrap > form > table > tbody > tr{border-bottom:1px solid #eaeaea;} .purchase-table-wrap > form > table > tbody > tr > th{vertical-align:middle; text-align:left;} .price-table{border:1px solid #eaeaea; text-align:center; margin:15px 0 5px;} .price-table tr th{border-bottom:1px solid #eaeaea; height:48px; vertical-align:middle; background:#fafafa; text-align:center;} .price-table tr th.oneprice{width:340px;} .price-table tr td{width:170px; border-right:1px solid #eaeaea; vertical-align:middle; padding:8px 0;} .price-table .p01 td{padding-top:20px;} .price-table .p03 td{padding-bottom:16px;} .price-table tr td:first-child{background:#f9fbff;} .price-table tr td:last-child{ border-right:none;} .price-table tr td label{display:inline-block; width:120px; margin:0 auto;} .price-table tr td label em{float:left;} .price-table tr td label .num{float:right; font-weight:normal; } .purchase-table-wrap p.p04{color:#999; font-size:14px; margin-bottom:15px;} .purchase-table-wrap p.p04 span{color:#ed0000;} .purchase-table-wrap .prod-quantity{margin:15px 0;} .purchase-option{margin:15px 0; overflow:hidden;} .purchase-option li{float:left; /* width:120px; */ margin-right:10px; margin-bottom:5px;} .purchase-option li:last-child{margin-right:0;} .purchase-option li select{border:1px solid #eaeaea; height:34px; outline:none; color:#999; background: url('/images/select-arrow.jpg') no-repeat 100% 50%; background-size: 24px; -webkit-appearance: none; -moz-appearance: none; /* padding-left:5px; */ padding:0 24px 0 12px; width:auto;} .purchase-option li select::-ms-expand{display: none;} .purchase-option li select:active, .purchase-option li select:focus{border-color:#ffcc4a;} .purchase-table-wrap #Total_Pay{text-align:right; color:#f00003; font-family:'NS_EB'; font-size:36px; letter-spacing:0.5px; margin-bottom:20px;} .purchase-table-wrap .pd-exp{padding:25px 35px; color:#202020; width:100%; height:auto; background:#ffeda5; margin-top:0; margin-bottom:15px;} /* sub-detail 구매버튼 */ .buy-btn-wrap{height:44px; float:right;} .buy-btn-wrap li{width:120px; float:left; border:1px solid #333; border-radius:5px; font-size:18px; margin-left:10px; text-align:center;} .buy-btn-wrap li:first-child{width:90px;} .buy-btn-wrap li button{color:#202020; background:none; font-size:18px; width: 100%; height: 40px; line-height: 42px; display: block;} .buy-btn-wrap li a{display:block; width:100%; height:100%;} .buy-btn-wrap li:last-child{background:#202020; color:#fff;} /* favor 좋아요 버튼 클릭시 on style */ .buy-btn-wrap .favor.on{background:#202020;} .buy-btn-wrap .favor.on button{color:#fff;} .buy-btn-wrap li .fas{color:#ff3562;} .detail-wrap{width:100%;} .detail-wrap .detail-tab{padding-top:20px; border-top:1px solid #202020; clear:both; margin-top:80px; overflow:hidden;} .detail-wrap .detail-tab li{width:282px; height:50px; border:1px solid #eaeaea; background:#fafafa; text-align:center; float:left; margin-right:24px; border-radius:4px; font-size: 15px;} .detail-wrap .detail-tab li.on{border:1px solid #ffcc4a; background:#ffcc4a;} .detail-wrap .detail-tab li.on a{color:#202020;} .detail-wrap .detail-tab li:last-child{margin-right:0;} .detail-wrap .detail-tab li a{color:#888; display:block; width:100%; height:100%; line-height:48px;} .detail-wrap table th{background:#fafafa;} .detail-wrap table.detail-table{width:100%; margin-top:40px; border-top:1px solid #eaeaea;} .detail-wrap table.detail-table tr{border-bottom:1px solid #eaeaea;} .detail-wrap table.detail-table tr th, .detail-wrap table.detail-table tr td{padding:20px 30px; vertical-align: middle;} .detail-wrap table.detail-table tr td p{margin-bottom:8px;} .detail-wrap table.detail-table tr td p:last-child{margin-bottom:0;} .detail-wrap table.detail-table .emphasis{background:#f00003; border-radius:18px; color:#fff; font-weight:500; padding:5px 10px; margin-right:10px;} .red-em{color:#f00003;} .detail-wrap table.exchange-table p{line-height:1.4; margin-bottom:10px;} /* sub_datail */ .plant_care{width:280px; overflow:hidden; border-radius:15px 15px 0 0; float:left; margin-right:24px; margin-bottom:24px;} .plant_care:nth-child(4n){margin-right:0;} .plant_care p{height:30px; line-height:30px; text-align:center; font-size:15px; font-weight:bold;} .plant_care dl{border:1px solid #eaeaea;} .plant_care dl dt img{width:100%; border-bottom:1px solid #eaeaea;} .plant_care dl dd{padding:2px 10px;} /* buy 페이지 */ .order-info{margin-top:40px;} .order-info01{margin-top:80px;} .order-info h3{font-weight:400; margin-bottom:10px;} .order-info h3 small{color:#999;} .order-info02 .df-input[name="to-day"], .order-info02 .df-input[name="to-time"]{width:120px; border-radius:0; border: 1px solid #eaeaea; color:#999;} .select-line .selectbox{font-size:16px; padding-left: 15px;} .select-line .red-em{font-size:14px; margin-top:10px; margin-bottom:0px; height:16px;} .order-info02 .margin-left{margin-left:10px !important;} .ribbon-card{margin-right:20px;} .ribbon-card input[name="ribbon-card"]{margin-right:5px;} .LR-table .payment-line p{height: 25px;} .payment-line em{margin-top:-5px;} .payment-line label span{font-size:14px; color:#0066CC; margin-left:10px;} .payment-line .buy-tab{padding:10px 15px 15px; border-bottom:1px dashed #dbdbdb; margin-bottom:15px;} .payment-line .buy-tab .red-em, .bill-tab-cont .red-em{font-size:14px;} .payment-table{width:700px;} .rightCont .mypg-table-wrap .mypg-table .payment-table th{font-size: 14px; font-weight:normal; width:100px; background:#fff; border:none; padding:0;} .rightCont .mypg-table-wrap .mypg-table .payment-table td{border:none; padding:0 !important;} .LR-table .payment-table .df-input{width:80px;} .LR-table .payment-table .selectbox{border-radius:5px;} .bill-tab-wrap label{margin-right:10px;} .bill-tab-wrap em{margin-top:-5px;} .bill-tab-wrap .bill-tab-cont{display:none; margin-top:15px;} .bill-tab-wrap .bill-tab-cont .df-input{width:240px;} .bill-tab-cont .payment-table tr th{width:140px !important;} input[id="bill01"]:checked ~ .bill-cont01{display:block;} input[id="bill02"]:checked ~ .bill-cont02{display:block;} input[id="bill03"]:checked ~ .bill-cont03{display:block;} .quick-wrap{top:322px; /* left:calc(50% + 650px); */ position:fixed; width:120px;/* height:310px; */} .quick-wrap .recent-view{background:#f9f9f9; text-align:center;} .quick-wrap .recent-view h1{height:38px; line-height:38px;} .quick-wrap .recent-view img{width:100px; height:100px; border:1px solid var(--light-grey);} .recent-view-swiper{height:125px; width:100px;} /* .recent-view-swiper .swiper-wrapper{} */ .recent-view-swiper .swiper-pagination-bullet{background: #d1d1d1; opacity: 1; width: 5px; height: 5px;} .recent-view-swiper .swiper-pagination-bullet-active{background: #555555;} .quick-wrap .quick-btn{margin:5px 0; overflow:hidden; display:none;} .quick-wrap .quick-btn div{float:left; width:58px; height: 58px;} .quick-wrap .quick-btn div:first-child{margin-right:4px;} .topBtn{clear:both; background:var(--main-light); border:1px solid var(--main-light); text-align:center; font-family:'S-CoreDream-4Regular'; height:30px; line-height:30px; font-weight:bold; letter-spacing:1px; color:#000; cursor:pointer; font-size:15px; transition:all .3s;} .topBtn:hover{background:#fff; border:1px solid var(--main-light);} .err-pop{text-align:center; background:#d10003; color:#fff; height:36px; line-height:36px; font-size:12px; letter-spacing:-1px; margin-top:5px;} .err-pop-wrap{position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.65); z-index: 999999999999; opacity: 0; visibility: hidden; transition: visibility 0s, linear 0.25s, opacity 0.25s 0s; font-size:12px} .err-pop-wrap img{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .show-err-pop{visibility: visible; opacity:1; } .msg_btn{padding-left:80px;} .msg_btn button{ padding: 4px 8px; border-radius:15px; background:#f5f5f5; border:1px solid #d1d1d1; font-family: 'NS_B', 'Raleway', sans-serif; font-size:14px;} td.df-buy-ribbon span{height: 145px; line-height: 145px; float: left;} td.df-buy-ribbon img{width: 80px; float: right;} /* 이용약관 페이지 /customer/customer-center05.php */ .term{border-top: 2px solid #333; padding:40px; font-size:14px; background:#fafafa; height:800px; overflow-y:scroll;} .term h1{font-weight:bold; font-size:15px; margin-top:15px; margin-bottom:10px;} .term p{margin-bottom:10px !important;} /* 사랑의 연탄나눔 페이지 */ .accordion-body{background:#f7f7f7;} .accordion-body p{margin-bottom:5px;}