/* @import url("/LIB/CSS/common.css"); */ @import url("/LIB/CSS/flexslider.css"); @import url("/LIB/CSS/board.css"); @font-face{ font-family:'NanumBarunGothic'; src:url('/LIB/FONT/NanumBarunGothic.eot'); } @font-face{ font-family:'NanumGothic-Bold'; src:url('/LIB/FONT/NanumGothic-Bold.eot'); } @font-face{ font-family:'modernpics'; src: url('/LIB/FONT/modernpics-webfont.eot'); src: url('/LIB/FONT/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('/LIB/FONT/modernpics-webfont.woff') format('woff'), url('/LIB/FONT/modernpics-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face{ font-family:'icon2'; src: url('/LIB/FONT/Entypo-webfont.eot'); src: url('/LIB/FONT/Entypo-webfont.eot?#iefix') format('embedded-opentype'), url('/LIB/FONT/Entypo-webfont.woff') format('woff'), url('/LIB/FONT/Entypo-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .wrap{ position:relative; min-width:1420px; } .Wrap{ position:relative; width:100%; } .centerWrap{position:relative; width:1200px; margin:0 auto; } .centerWrap:after{ content:""; display:block; clear:both; } .centerWrap.guide{position:relative; width:1100px; min-height:400px; margin:0 auto; padding:20px 0; line-height:20px } .centerWrap.guide table{margin:15px 0} .centerWrap.guide table td{ line-height:25px } .boardWrap{position:relative; width:1100px; min-height:400px; margin:0 auto; padding-bottom:20px } .boardWrap:after{ content:""; display:block; clear:both; } .mobile-bottom-fix{display:none;} body{color:#3b3b3b; font-size:12px; } /*### 헤더부분CSS ###*/ header{ position:relative; width:100%; min-height:170px; } .mb_on{display:none;} .pc_on{display:inline-block;} .d-flex{display:flex;} .mTab_mb_on{display:none;} /* 컨텐츠 랩 */ .container{ position:relative; width:100%; min-height:800px; clear:both; margin:0; padding:0} .container.height100{ height:100%; } .mainBg{ z-index:-1; position:fixed; top:0; width:100%; height:100%; background-size:contain; opacity:.0; } .mainBg li{ width:100%; height:100%; /* background-size:contain; */ } .pc-block{display:block;} .m-block{display:none;} /* Main */ .mainBox{ position:absolute; width:540px; min-height:150px; top:45%; left:50%; margin-left:-300px; padding:20px 30px; background:url(/img/white_70.png) ; font-family:'malgun gothic'; border:3px solid #008375 } .mainBox:after{clear:both; content:''; display:block } .mainBox h1{position:absolute; z-index:6 ; top:-75px; left:2px} .mainBox p{ color:#444 ; padding:0 5px; margin-bottom:5px; line-height:18px } .mainBox p.hana{ color:#d70035 ; margin-bottom:10px ; font-weight:bold} .mainBox div{opacity:1; line-height:30px} .mainBox div label b{margin:0 5px;} .mainBox div input{width:280px; height:28px; line-height:30px; border:1px solid #aaa; padding:2px; background:#fff; opacity:0.8} .mainBox div button{ line-height:28px; border:1px solid #008375; padding:2px 30px; background:#008375; color:#fff; cursor:pointer } .mainBox div button:hover{ background:#094c45; color:#fff } .mainBox .find_pw{display:block; line-height:30px; margin-top:30px} .mainBox .find_pw button{line-height:20px; border:1px solid #444; padding:2px 20px; background:#474747; color:#fff; cursor:pointer; margin-left:20px } #header { width:100%; height:127px; position:relative; z-index:999; } /* HEAD */ #header { width:100%; height:127px; position:relative; z-index:999; } #content_wrap { width:100%; min-height:600px; position:relative; } #footer { width:100%; height:237px; position:relative; clear:both; background:#ff0000; } #header .util_wrap { height:29px; background:#f5f5f5; border:1px #dcdcdc solid; border-width:1px 0; overflow:hidden} #header .util { width:1100px; height:29px; margin:0 auto; position:relative; overflow:hidden; } #header .util_member { float:left; height:29px; } #header .util_member a { font-family:"돋움", Dotum; font-size:11px; color:#000000; margin-right:1px; background:#fff; /*padding:10px 19px 6px 19px;*/ display:inline-block; } #header .util_member a:hover, #header ul.util_menu li a:hover, #header .header_middle ul.header_csmenu li a:hover { color:#f02800; } #header ul.util_menu { float:right; background:#ffffff; border-left:1px #dcdcdc solid; height:29px; } #header ul.util_menu li { display:inline-block;float:left; border-right:1px #dcdcdc solid; padding:0 8px 0 10px; } #header ul.util_menu li.favorite { padding: 0 0 0 10px !important; } #header ul.util_menu li a { font-family:"돋움", Dotum; font-size:11px; color:#666666; display:inline-block; line-height:30px;} #header ul.util_menu li a.favorite_txt, #header ul.util_menu li a.favorite_txt:hover { font-family:"돋움", Dotum; font-size:11px; color:#ff7f00; background:url(/img2/icon_favorite.gif) no-repeat 0 9px; padding:0 5px 0 15px; } #header ul.util_menu span.cart_no { background:url(/img2/util_cart_bg.gif) no-repeat; font-family:"돋움", Dotum; font-size:11px; color:#ffffff; padding:3px 5px 5px 5px; } #header .util_member a.favorite_txt { font-family:"돋움", Dotum; font-size:11px; color:#333; background:#dfdfdf url(/img/icon_fav.png) no-repeat 5px 9px; padding:10px 9px 8px 21px; } #header .header_middle { width:1100px; height:60px; margin:0 auto; position:relative; overflow:hidden; } #header .header_middle H1 { float:left; } #header .header_middle form { float:left; } #header .header_middle p.header_search { background:url(/img2/search_bg.gif) no-repeat; width:343px; height:32px; margin:16px 0 0 122px; } #header .header_middle p.header_search .search_input { display:inline-block; float:left; padding:1px 0 0 5px; margin:3px 4px 0 3px; border:1px #e02904 solid; background:#ffffff; width:278px; height:23px; } #header .header_middle p.header_search a.search_btn { display:inline-block; float:left; font-family:"돋움", Dotum; font-size:11px; color:#ffffff; line-height:34px; padding-left:15px; padding-right:5px;} #header .header_middle ul.header_csmenu { float:right; margin-top:21px; } #header .header_middle ul.header_csmenu li { display:inline-block; padding-left:28px; } #header .header_middle ul.header_csmenu li a { font-size:16px; font-weight:bold; color:#333333; } .gnb_wrap { width:100%; height:40px; background:#972d57; } .category-bar {position:relative; width:1100px; margin:0 auto; } .category-bar ul.nav{position:absolute; left:161px; } .category-bar ul.nav li:first-child .dropdown{margin-top:-20px} .top_mobile_menu,.select_gnb{display:none} .mobile_logo{display:none} .category-bar{ position:relative; width:1100px; height:40px; } .category-bar .euro-category{ float:left; } .category-bar .euro-category h2{ display:inline-block; float:left; background:#009b9d; text-align:center; width:161px; height:40px; font:bold 16px/16px malgun gothic; color:#fff;} .category-bar .euro-category h2.sub_top{ cursor:pointer; } .category-bar .euro-category h2 a{ display:inline-block; z-index:2; font:bold 16px/16px malgun gothic; color:#fff; line-height:36px; padding:0 30px 0 10px; cursor:default; } .category-bar .euro-category h2.sub_top a{ cursor:pointer; } .category-bar .euro-category h2 .category-icon{ display:inline-block; width:17px; height:14px; margin-top:11px; margin-left:15px;} .category-bar .euro-category h2 .category-arrow{ display:inline-block; width:22px; height:14px; margin-top:7px; background:url(/img/category-arrow.png) no-repeat; } .category-box{display:none; position:absolute; width:160px; height:450px;z-index:2; margin-top:41px } .category-box.index{ display:block; } .category-layer{position:relative; width:160px; height:446px; border:1px solid #e0e0e0; border-width:0 1px 1px 1px; z-index:9; background:#fff; font-size:13px; color:#2b2b2b; z-index:9 } .depth{ display:none; position:absolute; top:0; left:160px; z-index:1; box-shadow:3px 3px 8px rgba(0,0,0,.18);} .depth .depth-list{left:160px; padding:10px 0 10px 2px; width:934px; height:426px; background:#fff; border:1px solid #e0e0e0; border-width:0 1px 1px 1px ; overflow:hidden } .depth .depth-list:after{ clear:both; display:block; content:""; } .depth-list ul{float:left; padding-top:5px; padding-left:30px; z-index:3; } .depth-list ul:after{ clear:both; display:block; content:""; } .depth-list ul li{float:left ; width:170px; height:170px; margin:10px 18px; color:#666; padding:5px; vertical-align:top; border:0 ;text-align:center; overflow:hidden } .depth-list ul li:after{ clear:both; display:block; content:""; } .depth-list ul li a{ display:block; letter-spacing:-0.05em; border:0; line-height:18px ; color:#666; font-size:13px; font-weight:normal; cursor:pointer ;text-align:center;} .depth-list ul li a:hover{ color:#f14949; } .depth-list ul li a img{width:150px; height:150px; border:1px solid #e0e0e0; display:block; margin:0 10px 8px } .depth-list ul li a span{display:block ;color:#d85c7b ; letter-spacing:0em;} .depth-list ul li.last a{margin:55px 15px 25px; background:#05c0c9; color:#fff; border-radius:5px; line-height:55px; font-size:16px; font-weight:bold } .depth .depth-list .depth-banner{ position:absolute; display:block; width:499px; height:500px; top:0px; right:0px; z-index:2; overflow:hidden; } .depth .depth-list .depth-banner a{ position:absolute; top:0px; right:0px; display:block; padding:0; width:499px; height:500px; background:0; } .depth .depth-list .depth-banner img{ vertical-align:top; } .depth .cate_title {clear:both; width:96%; padding:5px 0 0 8px ; } .depth .cate_title a{ color:#f25130; font-weight:bold; font-size:20px; line-height:24px; cursor:pointer} .depth-list span a{float:left; width:130px; padding:5px 0 5px 25px; line-height: 21px; font-size:12px ;cursor:pointer} .depth-list ul.brand_wrap{float:left; width:100%; min-height:140px; height:auto; padding-top:13px; z-index:3; } .depth-list ul.brand_wrap li{float:left; width:116px; height:100%; } .depth-list ul.brand_wrap li a{display:block;line-height:20px;} .depth-list ul.brand_wrap li a.s_title{display:block;width:96%; height:24px; padding:0 2%; margin:2px 0; line-height:24px; background:#999; font-weight:bold; font-size:16px; color:#fff} .depth-list ul.brand_wrap li:first-child{line-height:18px; height:auto; background:none; color:#333; text-align:left} .category-layer .shopping-menu{ display:block; padding:0; border-bottom:0px solid #ddd; z-index:99} .category-layer li{height:40px; border-bottom:1px dotted #dcdcdc; } .category-layer a.first-depth{ width:100%; display:inline-block; line-height:40px; font-size:13px; font-weight:normal; color:#555; letter-spacing:-0.05em; background:#fff; font-family:Verdana,malgun gothic, Dotum} .category-layer a.first-depth span{display:inline-block; float:left; width:42%; text-align:right; } .category-layer a.first-depth span.center{display:inline-block; width:10%;} .category-layer a.first-depth span.last{display:inline-block; text-align:left; padding-left:5px; width:90%} /*.category-layer li:last-child a.first-depth{width:95% } */ .category-layer a:hover{color:#f14949; } .hover a.first-depth{width:100%; font-weight:bold; color:#fff; font-size:14px; background-color: #05c0c9; background-repeat:no-repeat; letter-spacing:-0.08em; transition-delay:0s; transition-duration:0.1s; transition-property:padding-left 1s; transition-timing-function:cubic-bezier(0.25,0.1,0.25,1) ; z-index:99!important; } .category-etc{ float:left; width:999px; } .category-etc:after{ content:""; display:block; clear:both; } .none{ display:block; text-indent:-999em; width:0; height:0; overflow:hidden; font-size:0px; } /*즐겨찾기, 상단우측메뉴*/ .top{ position:relative; clear:both; border-bottom:1px solid #e0e0e0; width:100%;} .top a{ display:inline-block;color:#555555; /*margin-right:14px;*/ } .top img.doore_go{ padding-top:11px; } .top .faivo a{ margin-right:6px; } .top .faivo a:hover{ text-decoration:none; } .top .top_nav{ float:right; } .top .top_nav a{ padding:0px 8px 0px 5px; font:normal 12px/45px "굴림", "돋움", verdana; color:#555555; background:url(/img/ftbar_01.png)no-repeat right 16px } .top .top_nav a.member{font-weight:bold ;color:#972d57; cursor:default } .top .top_nav a span{ font-family:'icon'; padding:0px 5px 0px 5px; font-size:21px ; color:#e76888} .top .top_nav a:hover{ text-decoration:none; } .top .top_nav a.last{ padding-right:0px; background:none; } .top .top_nav a b.cartNO{width:15px; height:17px; border-radius:4px; background:black; display:inline-block; color:#fff; text-align:center; line-height:23px;font-size:12px; margin-left:5px; margin-top:12px;} ul.left_menu li{float:left; } .admin_txt{ float:right; font:bold 16px/40px malgun gothic; margin-right:15px; color:red} .admin_txt img{vertical-align:middle} #lnbWrap{display:none;} .topbanner{margin:0 auto; padding:0; width:100%; min-height:1px; text-align:center; background:#ded4c8; } .topbanner a{min-height:178px; width:1100px;margin:0; padding:0 } /*배너,로고*/ .top_main{ position:relative; width:100%;} .top_main .top_banner_right{ position:absolute;top:2px; right:0 ; height:74px;overflow:hidden } .top_main h1.logo{ display:inline-block; width:220px; height:52px; cursor:pointer; margin:20px 0;} .top_main h1.logo img{ width:100%; margin-top:10px; height:auto;} /*왼쪽메뉴*/ #lnb{display:none;} /* 검색 */ .top_main fieldset { position:absolute; top:20px; left:320px; width:400px; height:38px; font-family:dotum,Helvetica,sans-serif; padding:0px 0px 0px 0px; border:3px solid #009b9d } .top_main legend {text-indent:-9999px;height:0px;width:0px;overflow:hidden;} .top_main fieldset span {float:left; } .top_main .search_input {width:350px; height:32px; padding:3px 6px; border:none} .top_main .search_btn {width:32px; height:38px; display:inline-block; background:url(/img/look.png) center 8px no-repeat;} .top_main .best_search{ width:400px; height:28px; display:block; margin-top:5px; line-height:24px; overflow:hidden} .top_main .best_search b{display:inline-block; float:left; padding-right:10px; color:#009b9d;font-size:11px} .top_main .best_search a{display:inline-block; float:left; padding-right:8px; font-size:11px; color:#777} .top_main .best_search a:hover{color:#972d57} .mobile_search{ display:none; } .mobile_menu{ display:none; } .searchBox{ display:none; } /*헤더 메뉴*/ .TopMenu{ position:relative; width:100%; margin-top:6px; padding:0px 0px; background:#e4362d; } .mobile_top_menu{ display:none; } .mobile_sub_menu{ display:none; } .main_content_visual{ position:relative; width:100%; height:450px;} .main_content_visual .slideVisual{ width:100%; height:450px; cursor:pointer} .main_content_visual .slideVisual .main_bg{ position:relative; width:100%; height:100%; } .main_content_visual .main_brand_box{position:absolute; top:1px; margin-left:50%; left:310px; width:240px; height:180px; background:#05c0c9; color:#fff} .main_content_visual .main_brand_box .clips{ width:11%; } .main_content_visual .main_brand_box .brand_title{font-size:16px; font-weight:bold; line-height:30px; padding:15px 0 0 20px; letter-spacing:-0.1em;} .main_content_visual .main_brand_box .brand_title i{margin-right:7px; font-size:22px;} .main_content_visual .main_brand_box ul{margin:0 15px} .main_content_visual .main_brand_box ul li{float:left; width:49%; height:16px; padding:5px 0 4px 0; vertical-align:middle } .main_content_visual .main_brand_box ul li strong{display:inline-block; padding:0 2px 0 0; margin:0; width:14px; height:16px; line-height:19px; text-align:center; letter-spacing:-0.15em; font-weight:bold; background:#fbb215; color:#fff; border-radius:3px; } .main_content_visual .main_brand_box ul li a{margin-left:3px; display:inline-block; color:#fff ; line-height:16px;letter-spacing:-0.08em;} .main_content_visual .main_pb_box{position:absolute; bottom:0; margin-left:50%; left:310px; width:240px; height:271px; background:#76767e; color:#fff} .main_content_visual .main_pb_box .brand_title {font-size:16px; font-weight:bold; line-height:30px; padding:15px 0 0 20px; letter-spacing:-0.1em;} .main_content_visual .main_pb_box .brand_title a {font-size:16px; font-weight:bold; letter-spacing:-0.1em; color:#fff} .main_content_visual .main_pb_box .brand_title i{margin-right:7px; font-size:22px;} .main_content_visual .main_pb_box ul{margin:0 0 0 15px} .main_content_visual .main_pb_box ul li{float:left; width:90px; height:100px; margin:5px 6px; text-align:center } .main_content_visual .main_pb_box ul li a{width:100%; display:block; letter-spacing:-0.05em; border:0; line-height:18px ; color:#efefef; font-size:11px; font-weight:normal; text-align:center; cursor:pointer } .main_content_visual .main_pb_box ul li a:hover{ color:#fff; } .main_content_visual .main_pb_box ul li a img{width:80px; height:80px; border:1px solid #777; display:block; margin:0 5px 5px } .main_content_visual .main_pb_box ul li a:hover img{border:1px solid #fff; } /* .main_content_visual .mainBanner{ float:left; width:347px; height:362px; } .main_content_visual .mainBanner ul li{ display:block; width:100%; height:120px; margin-bottom:0px; cursor:pointer; } .main_content_visual .mainBanner ul li.last{ margin-bottom:0px; } */ /* 메인 롤링 */ .banner_list.listbox_01{padding-top:425px;} .banner_list:after{display:block;clear:both;content:''} .banner_list li .num,.control button{display:inline-block;overflow:hidden;width:auto;height:21px;font-size:12px;line-height:25px;vertical-align:top; color:#333; text-align:center} .banner_list li{display:inline;float:left; padding-left:-360px} .banner_list li:first-child{margin-left:0} .banner_list li a{text-decoration:none} .banner_list li a:hover{ cursor:default; } .banner_list li .num{position:absolute;z-index:10;width:350px;height:25px;background:#efefef;cursor:pointer; margin-left:50%; cursor:pointer;left:-40px } .banner_list li .num._2{} .banner_list li:first-child .num{ left:-390px} .banner_list li .num.on{width:350px;background:#009b9d;color:#fff; cursor:pointer; } .banner_list li .pic{position:absolute;left:0;top:0; width:100%; height:450px;} .banner_list li .pic img{position:absolute; width:700px; height:450px; margin-left:50%; cursor:pointer; left:-360px; cursor:pointer } /*.control{position:absolute; top:345px;right:10px; z-index:20} .control button{width:21px;height:21px; border:0;} .control button.stop{background-position:0 -16px} .control button.play{background-position:-2px -16px}*/ /*뮤비*/ .newProduct{ position:relative; width:98%; min-height:223px; background:none; } .movie_list{ display:block; width:98%; margin-top:50px;} .movie_list dt{ display:block; padding:0px 20px 20px 27px; font:bold 20px/20px 'NanumGothic-Bold',malgun gothic; color:#404040; letter-spacing:-1px; background:url(/img/movie.gif)no-repeat;} .movie_list dd{ border-top:2px solid #393939; } .movies {width:174.5px; height:230px; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;} .movieImg{ width:174.5px; height:180px; cursor:pointer} .mo1 {background:url('../../img/movie1.jpg') no-repeat 50%;} .mo2 {background:url('../../img/movie2.jpg') no-repeat 50%} .mo3 {background:url('../../img/movie3.jpg') no-repeat 50%;} .mo4 {background:url('../../img/movie4.jpg') no-repeat 50%;} .mo5 {background:url('../../img/movie5.jpg') no-repeat 50%;} .mo6 {background:url('../../img/movie6.jpg') no-repeat 50%;} .mo1:hover {background:url('../../img/movie1over.jpg') no-repeat 50%; } .mo2:hover {background:url('../../img/movie2over.jpg') no-repeat 50%; } .mo3:hover {background:url('../../img/movie3over.jpg') no-repeat 50%; } .mo4:hover {background:url('../../img/movie4over.jpg') no-repeat 50%; } .mo5:hover {background:url('../../img/movie5over.jpg') no-repeat 50%; } .mo6:hover {background:url('../../img/movie6over.jpg') no-repeat 50%; } .movies img { float:left; height:180px; width:100%;} .moff{ border-left:0;} .moviesTitle {float:left; text-align:center; width:174.5px; line-height:50px; font-size:15px; font-weight:bold; font-family:'malgun gothic'; background:#2c4487; color:#fff; z-index:99999999999999999;} /*전체메뉴보기*/ .layout_up{ display:none; position:absolute; width:100%; height:100%; top:192px; z-index:9999999999; } .layout_up .center_wrap{ position:relative; height:auto; } .close_btn{ display:inline-block; z-index:100; width:22px; height:22px; position:absolute; top:10px; right:10px; } .sitemap_list_b{ float:none; position:relative; width:1027px; min-height:250px; padding:10px 0; margin:0 0 0 170px; background:#fff; border:2px solid #e4362d; border-width:0 2px 2px 2px; } .sitemap_list_b dl{ display:block; float:left; width:100%; } .sitemap_list_b dl.last{ margin:0px; } .sitemap_list_b dl dt{ display:none; width:94%; height:45px; padding:0 3%; background:#505050; color:#fff; line-height:40px; font-size:17px; vertical-align:middle; text-indent:5px; font-family:Malgun gothic; font-weight:bold;} .sitemap_list_b dl dd{ display:block; width:100%; height:auto; padding:1% .3%; background:#fff; box-sizing:border-box;} .sitemap_list_b dl dd a{ display:none; width:90%; height:45px; line-height:40px; vertical-align:middle; font-family:Malgun gothic; text-indent:5px; border-bottom:1px solid #e0e0e0; margin:0 auto; font-size:17px;} .sitemap_list_b dl.etc dd a{ display:none; } .sitemap_list_b dl dd a.menu_bar{ display:none; color:#101010; } .sitemap_list_b dl dd a.menu_bar.customer{ margin:0 auto; padding-left:5%;} .sitemap_list_b dl dd a.menu_bar_on{ display:none; font-weight:bold; color:#e4362d; } .sitemap_list_b dl dd a:hover{ color:#e4362d; } .sitemap_list_b dl dd a:last-child{ border-bottom:0; } .sitemap_list_b dl dd i { display:inline-block; float:right; line-height:40px; } .sitemap_list_b dl dd:after{ display:block; content:""; clear:both; } .hidden_sub_menu{ display:block; float:left; width:168px; height:230px; padding:10px 0; margin:5px 1px 0 1px; box-sizing:border-box; border-right:1px dotted #333; } .hidden_sub_menu li{ display:block; width:90%; height:30px; margin:0 auto; font-family:Malgun gothic; font-size:13px; line-height:26px; color:#606060; text-align:center; } .hidden_sub_menu li:hover{ cursor:pointer; color:#e4362d; } .hidden_sub_menu.a06{ border-right:0px; } /*메인배너*/ .bannerWrap{width:100%; background:#f8f8f8; border:1px solid #e0e0e0; border-width:1px 0} .bannerWrap li{float:left; width:50%;} .bannerWrap li img{width:550px; height:128px; cursor:pointer} .bannerWrap li:first-child img{width:549px; height:128px; border-right:1px solid #e0e0e0} /*카테고리별 베스트상품*/ /*tab_style*/ .tab_wrap {position:relative; padding:0; margin:0; } .tab_wrap:after{content:"";display:block;clear:both;} .tab_wrap span {float:right; line-height:56px; padding:0 10px} .tab_menu {position:relative; height:119px; border-bottom:1px solid #e5e5e5; background:#f9f9f9} .tab_menu li {float:left; width:156px; border:1px solid #e0e0e0; border-width:0 0 1px 1px ;background-color:#f9f9f9; background-image:url(/img/best_list_icon02.png); background-position: center top; background-repeat:no-repeat; text-align:center; cursor:pointer} .tab_menu li a{display:block;overflow:hidden;height:32px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;text-align:center;color:#747484; vertical-align:middle;*width:auto; padding:88px 0 0 0} .tab_menu li:first-child{ border:1px solid #e0e0e0; border-width:0 0 1px 0 ;} .tab_menu li.on{position:relative;background-color:#fff; background-image:url(/img/best_list_icon_on02.png); height:121px; border-bottom:0;} .tab_menu li.on a{color:#333; font-weight:bold; padding:88px 0 0 0;height:32px; } .tab_menu li.m01{background-position: center 15px; } .tab_menu li.m02{background-position: center -115px} .tab_menu li.m03{background-position: center -260px} .tab_menu li.m04{background-position: center -395px} .tab_menu li.m05{background-position: center -535px} .tab_menu li.m06{background-position: center -685px} .tab_menu li.m07{background-position: center -815px} .info_box .tit_p{text-align: left; position: relative; top: 10px; font-size: 17px;font-weight:500;} .info_box .con_box{text-align: left; margin: 30px 0 20px; border:1px solid #e0e0e0;box-sizing:border-box;padding:20px;line-height:24px;} .info_box .txt_p{text-align:left;display:block;padding-top:20px;line-height:24px;} .mTab {display:inline-block;position:relative;width:100%;height:34px; margin:20px 0px;border-bottom:1px solid #a0a0a0; } .mTab:after{content:"";display:block;clear:both;} .mTab li {float:left;margin-right:1px;border:1px solid #1dc0c3;border-bottom:0; border-left:0; padding:0 20px;background-color:#009b9d; cursor:pointer} .mTab li a{display:block;overflow:hidden;height:33px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;font-size:13px; font-family:malgun gothic; letter-spacing:-0.02em;text-align:center;color:#fff; vertical-align:middle;*width:auto;} .mTab li.selected{position:relative;background-color:#fff;height:32px;border-top:3px solid #009b9d;border-bottom:0;border-left:1px solid #bbb;border-right:1px solid #bbb;} .mTab li.selected a{height:34px;line-height:32px;color:#009b9d; font-weight:bold} /*추가클래스*/ dl.basic_goods dd span.label_co.search_type{display:inline-block; width:auto; font:normal 11px/16px Malgun Gothic; background:#fff; border:solid 1px #ccc; color:#888; vertical-align:top; margin:-2px 0 0 0; padding:0px 2px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; vertical-align:top;} /*일반상품*/ .normalProduct{ clear:both; position:relative; width:100%; height:280px; padding:0px; margin-bottom:30px } .normalProduct .big_banner{ float:left; width:260px; height:280px; margin-right:10px; } .normalProduct .big_banner a img{width:260px; height:260px; cursor:pointer; } .normalProduct .nProduct{ float:left; width:830px; height:280px; background:#fff; overflow:hidden } .normalProduct .nProduct ul{ display:block; margin-left:40px } .normalProduct .nProduct ul li{ display:inline-block; float:left; width:220px; height:280px; margin:0 10px; } .normalProduct .nProduct li a{ width:100%; height:170px; padding:7px 0px 3px 0; background:#fff; text-align:center; } .normalProduct .nProduct li a img{ display:block;width:220px; height:220px; border:1px solid #e0e0e0;text-align:center; } .normalProduct .nProduct li .productTitle {display:block; padding:5px 5px 4px 5px; height:14px; font:normal 14px/16px malgun gothic; color:#4d4c4c; letter-spacing:-0.1em; overflow:hidden; } .normalProduct .nProduct li .price{ padding:2px 5px 15px 5px; } .normalProduct .nProduct li span.productPrice {display:block;font-weight:bold; font-size:18px; color:#333; margin-top:5px; letter-spacing:-0.06em; } .normalProduct .nProduct li span.productPrice b.price01{ text-decoration:line-through; color:#c0c0c0; } .normalProduct .nProduct li span.productPrice i{ display:inline-block; padding:0px 2px; color:#999; } .normalProduct .nProduct li span.productPrice b.price02{ font-size:14px; color:#e81a1a;letter-spacing:-1px; } /* 베스트상품 */ .bestProduct{position:relative; width:100%; padding:0; font:normal 14px/16px Malgun Gothic; letter-spacing:-0.05em; text-align:center; margin-top:20px; margin-left:-10px } .bestProduct:after{display:block;clear:both;content:''} .bestProduct .first{margin-left:-10px; } .bestProduct .first:after{display:block;clear:both;content:''} .bestProduct li{ float:left; margin:0 0 30px 10px; width:210px; position:relative; } .bestProduct li:after{display:block;clear:both;content:''} .bestProduct li span.proImg{ display:block; height:208px; padding:0px; text-align:center; border:1px solid #dbdbdb; } .bestProduct li span.proImg img{width:208px; height:208px; cursor:pointer } .bestProduct li span.proName{ display:block; width:98%; height:34px; padding:10px 5px 0; font-size:13px line-height:18px; color:#4d4c4c; letter-spacing:-1px; overflow:hidden; word-wrap:break-word;} .bestProduct li span.proName .freeDlvr{ } .bestProduct li span.proPrice{ display:block; padding:1px 5px 0px; font-size:18px; color:#010101; } .bestProduct li .price_w{display:block; width:98%; min-height:16px;text-align:center;} .bestProduct li .price{ display:inline-block; padding:0 1%; font-size:13px; color:#999; } .bestProduct li .sale{display:inline-block; padding:0 1%; font-weight:bold; font-size:16px; } .bestProduct li .event{display:block; padding:3px 1%; font-size:11px; color:#f02800; margin-left:12px; height:14px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden } .jcarousel-skin-tango.best { clear:both; width:100%; height:100%; padding:0px;} .jcarousel-skin-tango.best .jcarousel-prev-horizontal{ display:none; } .jcarousel-skin-tango.best .jcarousel-next-horizontal{ display:none; } .jcarousel-skin-tango.best li strong.saleTag{ display:block; position:absolute; top:0px; left:0px; width:50px; height:50px; background:#999999; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; text-align:center; letter-spacing:-1px; } .jcarousel-skin-tango.best li strong.saleTag span.best_txt{ display:block; padding:3px 0px; font:normal 15px/15px 'NanumGothic-Bold',malgun gothic; color:#fff; } .jcarousel-skin-tango.best li strong.saleTag span.best_number{ display:block; padding:0px 4px 3px 0px; font-size:22px; line-height:22px; font-style:italic; text-align:center; text-shadow:1px 1px #575757;} .jcarousel-skin-tango.best li.best01 strong.saleTag{ background:#4172ce; } .jcarousel-skin-tango.best li.best01 strong.saleTag span.bestNumberBG{ display:block; width:100%; height:17px; background:url(/img/bestNumberBG.png) no-repeat top left; } /*베스트상품*/ .newProduct_list_cate { padding-bottom:0px;} .newProduct_list_cate{ display:block; width:100%; padding:50px 0px 20px 0px; } .newProduct_list_cate dt{ display:block; font:bold 23px/23px 'NanumGothic-Bold',malgun gothic; color:#404040; letter-spacing:-1px; } .newProduct_list_cate dt span{ display:inline-block; font-size:18px; color:#da0b0b; vertical-align:middle; padding-left:5px; } .newProduct_list_cate dd{ display:inline-block; width:100%; height:100%; border:1px solid #e4e4e4;} /*카테고리별 상품*/ .main_title{width:100%; height:56px; border-bottom:2px solid #e0e0e0; text-align:center; margin:10px 0 25px} .main_title strong{font:bold 27px/52px Malgun Gothic ; text-align:center; padding:0 10px 10px; color:#d85c7b; border-bottom:3px solid #d85c7b} .main_title strong.title{ color:#009b9d; border-bottom:3px solid #009b9d} .main_title strong.best{ color:#ea8229; border-bottom:3px solid #ea8229} .categoryProduct{ position:relative; width:100%; height:660px; padding:0 0 30px 0; border:1px solid #e0e0e0;box-sizing:border-box; overflow:hidden} .categoryProduct .nProduct.category{display:none; width:100%; height:640px; padding:30px 0px 10px 0; } .categoryProduct .nProduct.category.tab_001{ display:block } .categoryProduct .nProduct.category ul{ display:block; float:left; } .categoryProduct .nProduct.category ul li{ display:inline-block; float:left; width:200px; margin:8px; cursor:pointer; border-left:1px dotted #ccc;text-align:center;} .categoryProduct .nProduct.category ul li:hover{ } .categoryProduct .nProduct.category ul li:first-child{ border-left:0px dotted #ddd ;margin:8px 10px 8px 20px; } .categoryProduct .nProduct.category ul li span{display:block;text-align:center; } .categoryProduct .nProduct.category ul li span.proImg{ display:block;height:160px; padding:2px 0px; text-align:center; } .categoryProduct .nProduct.category ul li span.proImg img{ width:150px; height:150px; } .categoryProduct .nProduct.category ul li span.proName{ display:block; height:14px; padding:5px 5px; font:bold 14px/18px 'NanumGothic-Bold',malgun gothic; color:#4d4c4c; letter-spacing:-1px; overflow:hidden; } .categoryProduct .nProduct.category ul li span.proPrice{ display:block; height:60px; padding:3px 5px 0px 5px; font-size:16px } .skin-category li{ position:relative;margin:0 auto; float:left; width:209px; min-height:270px; cursor:pointer; background:#fff; border-right:1px solid #e4e4e4; text-align:center;} .skin-category li span.newImg{ display:block; width:100%; height:auto; padding:14px 0px 0 0; background:#fff; text-align:center; } .skin-category li span.newImg img{ width:200px; height:auto;} .skin-category li span.productName {display:block; height:35px; padding:3px 5px 0 5px; text-align:center; font:bold 14px/16px 'NanumGothic-Bold',malgun gothic; color:#4d4c4c; letter-spacing:-1px; overflow:hidden; } .skin-category li span > img.sticker {padding-right:3px;} .skin-category li span .saletag{ display:block; height:30px; margin-left:25px; font:normal 35px 'NanumGothic-Regular',malgun gothic; color:#db026b; letter-spacing:-1px;float:left; padding:0 0 10px 0;} .skin-category li span.productPrice{ display:inline-block;text-align:left;width:85px; padding:5px 0 0 0;} .skin-category li span.productPrice b.price01{ text-decoration:line-through; color:#c0c0c0; } .skin-category li span.productPrice b.price02{ font-size:18px; color:#444343;letter-spacing:-1px;line-height:150%;} /*탭리스트*/ .tab_point{ position:relative; width:100%; height:5px; } .pub_tab {display:block; width:100%; margin:0px 0px; *zoom:1; } .pub_tab:after {content:" "; display:block; clear:both;} .pub_tab li {float:left;position:relative;z-index:1; width:267px; margin-right:10.5px;} .pub_tab li.last{ margin-right:0px; } .pub_tab li.on {z-index:2} .pub_tab li a { display:block;position:relative; padding:14px 0 15px; font:bold 16px/18px 'NanumGothic-Bold',malgun gothic; color:#676767; background:#f5f5f5; text-align:center; border-bottom:none;border:1px solid #dcdcdc; line-height:19px;} .pub_tab li a:hover { background:#ecebeb; color:#676767; border:1px solid #ecebeb;} .pub_tab li a.tx2 {padding:5px 0;} .pub_tab li.on a { background:#fff; color:#000; border:2px solid #da0b0b;border-bottom:none;} .pub_tab li a span {position:absolute;bottom:-6px;left:50%;margin-left:-5px;width:0;height:0;} .pub_tab li.on a span {position:absolute;bottom:-6px;left:50%;margin-left:-5px; width:9px;height:5px;} .mg_t{margin-top:20px; display:block;} /*브랜드리스트*/ .main_brand .newProduct_list a.more_btn{ display:inline-block; margin:0px 0px 0px 15px; vertical-align:middle; } /*.bestProduct .newProduct_list dt.bestTitle{font:bold 21px/21px 'malgun gothic'; margin-bottom:15px; background:url('/img/good.gif') no-repeat; padding-left:40px; height:35px; line-height:35px;}*/ .newProduct_list dt span.best_red_bg{background:#ed4239; width:100px; color:#fff; font:bold 14px/26px "Malgun gothic"; text-align:center; height:26px; margin:0 auto 15px auto; border-radius:5px; font-weight:bold; display:block;} .newProduct_list dt span.titleproduct{display:inline-block; text-align:center; font:bold 19px/12px 'Malgun gothic'; letter-spacing:-1.5px;border-bottom:2px dotted #4a4a4a; padding-bottom:20px; width:100%; margin:0 auto 40px auto;} .newProduct_list dd{float:left; width:240px; border:1px solid #ccc; margin-right:15px; margin-bottom:40px; height:355px; padding:0px 20px; position:relative;} .newProduct_list .ddF {margin-right:0;} .productBtn {position:absolute; bottom:20px; right:20px;} /*베스트상품*/ .wrdLatest2{position:absolute; top:0; left:5px; width:50px; height:60px; background-image:url(/img/best_icon4.png); background-repeat:no-repeat; background-position:5px top; background-size:90%; z-index:12} .wrdLatest2.img0{background-image:url(/img/best_icon1.png) } .wrdLatest2.img1{background-image:url(/img/best_icon2.png) } .wrdLatest2.img2{background-image:url(/img/best_icon3.png); } .productTitle { height:40px; font-size:13px; font-family: 'malgun gothic'; font-weight:bold; margin-top:10px; overflow:hidden; } .productTitle:hover{ cursor:pointer; color:#d51c1c; } .productTitle a {display:inline-block; color:#000;} .productTitle a:hover { cursor:pointer; color:#d51c1c;} .price { width:160px; color:#222; margin-top:0px; overflow:hidden;} .ProductImg { display:block; width:260px; height:260px; margin:0 auto; text-align:center; overflow:hidden;} .ProductImg:hover{ cursor:pointer; } .ProductImg img{ width:80%; height:80%; margin-top:20px;} .brand_list{ display:block; width:100%; height:240px; } .brand_list li{ display:inline-block; width:132px; height:50px; margin-bottom:70px; border-right:1px solid #f4f4f4; cursor:pointer; } .brand_list li.last{ border-right:0px; } .brand_list li span{ display:block; width:100%; height:53px; padding-bottom:10px;text-align:center; } .brand_list li strong{ display:block; width:100%; height:20px; font:bold 13px/16px 'NanumGothic-Bold',malgun gothic; color:#6e6e6e; text-align:center; } /* 엠디추천상품 */ .mdproduct{width:100%; height:auto; clear:both; margin-top:30px; margin-bottom:30px;} .moreBtn {width:96.2%; clear:both; border:1px solid #ccc; } .moreBtn a {height:40px; line-height:45px; text-align:center; font-size:14px; font-weight:bold; color:#000; width:100%; display:block; background:url('/img/moreB.jpg') no-repeat 53.5% 50%; } .moreBtn2 {width:100%; clear:both; border:1px solid #ccc;} .moreBtn2 a {height:40px; line-height:45px; text-align:center; font-size:14px; font-weight:bold; color:#000; width:100%; display:block; background:url('/img/moreB.jpg') no-repeat 53.5% 50%; } /*메인 이벤트 배너 하단*/ .main_banner_bottom{ position:relative; width:100%; height:200px; padding:40px 0px 10px 0px; } .main_banner_bottom span{ display:inline-block; width:360px; height:146px; margin-right:5px; background:#eee; cursor:pointer;} .main_banner_bottom span.last{ margin-right:0px; } /*하단 왼쪽배너*/ .left_box{float:left; width:902px; margin-right:10px;} /*하위메뉴*/ .bottom_menu{ position:relative; width:100%; min-height:140px;margin-top:30px; padding:20px 0px; background:#f9f9f9; border-top:1px solid #e0e0e0} /*고객센터*/ .bottom_menu .customer_center{ float:left; width:31.3%; height:118px; padding:20px 3% 0px 0px; } .bottom_menu .customer_center dl dt{ display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumGothic-Bold',malgun gothic; color:#5c5c5c; letter-spacing:-1px; } .bottom_menu .customer_center dl dt strong{ display:inline-block; padding:4px 8px 0px 0px; vertical-align:top;} .bottom_menu .customer_center dl span.call{ display:inline-block; font:normal 27px/29px 'NanumGothic-Bold',malgun gothic; color:#999; letter-spacing:-2px; } .bottom_menu .customer_center dl span.call_info{ display:block; padding:0px 0px 0px 0px; font:normal 13px/18px 'NanumGothic-Bold',malgun gothic; color:#818181; line-height:18px; letter-spacing:-1px;} .bottom_menu .customer_center dl span.call_info b{ display:block; padding:5px 0px 0px 0px; color:#009b9d;} /*입금계좌*/ .bottom_menu .customer_center.bank{ } .bottom_menu .customer_center.bank dl dt{ display:block; padding-top:4px; } .bottom_menu .customer_center.bank dl span.call b{ display:inline-block; font:normal 18px/23px 'NanumGothic-Bold',malgun gothic; color:#009b9d; } .bottom_menu .customer_center.bank dl span.call_info{ padding:3px 0px 0px 0px; font:normal 13px/18px 'NanumGothic-Bold',malgun gothic; } /*그외 메뉴*/ .bottom_menu .other_menu{ float:left; width:30.3%; line-height:16px; height:90px; padding:20px 0px 0px 0px; } .bottom_menu .other_menu dl dt{ display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumGothic-Bold',malgun gothic; color:#5c5c5c; letter-spacing:-1px; } .bottom_menu .other_menu dl dt strong{ display:inline-block; padding:4px 8px 0px 0px; vertical-align:top;} .bottom_menu .other_menu dl dd a{ display:block; padding:2px ; line-height:18px } .bottom_menu .other_menu dl dd a b{ display:inline-block; font-weight:normal } .bottom_menu .other_menu dl dd a span{float:right; display:inline-block; line-height:18px } /*하단 퀵*/ .address dl.mg_t01{margin-top:5px; line-height:24px; } .address dl.mg_t{margin-top:10px; padding-top:20px; line-height:24px;border-top:1px solid #ddd;} .copy p{line-height:24px; padding-bottom:5px;} .copy p.copyright{ border-bottom:0; padding-top:15px;} .quick dl dt span.bg_01{background:url(/img/quick_01_off.png)no-repeat center center; display:block; width:70px; height:80px; margin-top:20px;} .quick dl dt span.bg_01:hover{background:url(/img/quick_01_on.png)no-repeat center center;} .quick dl dt span.bg_02{background:url(/img/quick_02_off.png)no-repeat center center; display:block; width:70px; height:80px;} .quick dl dt span.bg_02:hover{background:url(/img/quick_02_on.png)no-repeat center center;} .quick dl dt span.bg_03{background:url(/img/quick_03_off.png)no-repeat center center; display:block; width:70px; height:80px;} .quick dl dt span.bg_03:hover{background:url(/img/quick_03_on.png)no-repeat center center;} .quick dl dt span.bg_04{background:url(/img/quick_04_off.png)no-repeat center center; display:block; width:70px; height:80px;} .quick dl dt span.bg_04:hover{background:url(/img/quick_04_on.png)no-repeat center center;} /*푸터*/ footer{clear:both; position:relative; width:100%; min-height:230px; padding-top:0px;margin-top:100px;} footer .centerWrap.borderW{border:1px solid #d1d1d1; border-width:0 1px;padding:15px 0px 12px 0; } footer .footer_menu{ position:relative; background:#fff; border-top:1px solid #444; border-bottom:1px solid #d1d1d1;margin-bottom:25px; } footer .footer_menu a{ display:inline-block; padding:12px 25px 8px; color:#666666; background:url(/img/gray_bar.png) no-repeat top right; text-align:center} footer .footer_menu a.pac{ color:#af233e; } footer .footer_menu a.last{ background:none; } footer .footer_menu a:hover{ text-decoration:underline; } footer .footer_banner{ position:relative; width:825px; padding:15px 0px; } footer .footer_banner a{ display:inline-block; width:130px; height:35px; margin-right:5px; border:1px solid #ebebeb; cursor:default; } footer h2{display:inline-block; float:left; padding:0 5px; margin-right:10px;} footer h2 a img{width:140px;} footer address{ position:relative; display:inline-block; float:left; padding:5px 5px 0px 20px; color:#999999; line-height:19px; font-style:normal; font-size:11px; } footer address a{ color:#999999; } footer address a:hover{ text-decoration:underline; } footer address b{ color:#888; } footer address strong{ display:inline-block; } footer address span{ display:inline-block; float:left; margin:0 5px 0 0;letter-spacing:-0.02em } footer address small{display:block; color:#888; } .footer_mobile_menu{display:none} footer .lgpay{ display:inline-block; position:absolute; top:-53px; right:0px; width:245px; height:77px; padding:13px; border:1px solid #ebebeb; font:normal 12px/13px malgun gothic; color:#636560; } footer .lgpay b{ display:block; padding-bottom:4px; color:#646665; } footer .lgpay a{ display:block; padding-top:4px; text-decoration:underline; } footer .lgpay a:hover{ color:#ff5000; cursor:pointer; } .quick{float:right; width:300px;} .quick dl{display:inline-block; text-align:center; } .quick dl dt{ text-align:center; } .quick dl dd.qbn01:hover{background:url(/img/quick_01_on.png)no-repeat;} .ft_menu{border:1px solid #ddd; border-width:1px 0px 1px; padding:10px 0; margin:15px 0; clear:both;} .ft_menu li{display:inline-block; margin-right:10px;padding-right:10px; margin-top:5px;background:url(/img/ftbar_01.png)no-repeat right 1px;} .ft_menu li a{text-decoration:none; color:#484848; } /* 좌측 퀵메뉴 */ .quick_wrap_left{position:absolute; top:60px; left:-90px; width:80px; z-index:20;} .quick_wrap_left.fixeds{ display:block; position:fixed; top:10px; left:50%; margin-left:-690px; z-index:20;} .quick_menu_left{ display:block; width:80px; } .quick_menu_left li{ height:55px; padding:10px 9px 10px 9px; margin-bottom:5px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; } .quick_menu_left li:hover{ cursor:pointer; } .quick_menu_left li.m_01{ background:#af0404; border:1px solid #ccc; } .quick_menu_left li.m_02{ background:url(/img/m_02_bg.png); border:1px solid #da8313; } .quick_menu_left li.m_03{ background:url(/img/m_03_bg.png); border:1px solid #5ead18; } .quick_menu_left li.m_04{ background:url(/img/m_04_bg.png); border:1px solid #125fb4; } .quick_menu_left li.m_05{ background:#3a3a3a; border:1px solid #ccc; height:150px;} .quick_menu_left li b{ display:block; width:100%; cursor:pointer;} .quick_menu_left li.m_01 b{ background:url(/img/m_05_icon.png) no-repeat center; height:70%;} .quick_menu_left li.m_02 b{ background:url(/img/m_02_icon.png) no-repeat center; } .quick_menu_left li.m_03 b{ background:url(/img/m_03_icon.png) no-repeat center; } .quick_menu_left li.m_04 b{ background:url(/img/m_04_icon.png) no-repeat center; } .quick_menu_left li.m_05 b{ background:url(/img/m_02_icon.png) no-repeat top; padding-top:40px; text-align:center; height:17px;} .quick_menu_left li.m_05 .m_05N {font-size:24px; margin-top:13px; font-weight:bold; font-family:'malgun gothic'; text-align:center; line-height:22px;} .quick_menu_left li a{ clear:both; display:block; width:100%; margin-top:0px; text-align:center; color:#fff; font-family:'malgun gothic'; } .quick_menu_left li a:hover{ color:#fff; margin-top:0;} /* 우측 퀵메뉴 */ .quick_wrap{ position:absolute; top:60px; right:-110px; width:96px; z-index:20;} .quick_menu{ display:block; width:90px; } .quick_wrap.fixeds{ display:block; position:fixed; top:10px; right:50%; margin-right:-660px; z-index:20;} .quick_menu li{ padding:8px 5px 5px 5px; background:#009b9d; color:#fff; border-bottom:1px solid #179b9d; letter-spacing:-0.05em; text-align:center} .quick_menu li a{ color:#fff;} .quick_menu li b{ display:inline-block; font-weight:normal; } .quick_menu li b.cartNO{display:inline-block; font-weight:bold; float:right; color:#ff0404; cursor:pointer; } .quick_menu li.latest_img{ width:74px; height:209px; background:#fff; border:1px solid #c0c0c0; overflow:hidden; } .quick_menu li.latest_img img { width:74px; height:auto; } .quick_menu li.latest_img a{ display:block; width:75px; height:60px; margin-bottom:12px; overflow:hidden; border:1px solid #eee; } .quick_menu li.m_03 a{ display:block; width:100%; color:#fff; font-weight:normal; text-align:center; } .quick_menu li.m_03 img{ width:74px; height:74px; margin:2px 0 } .quick_menu li span.noshow{ display:block; color:#bbbbbb; text-align:center; margin-top:110%;} .quick_menu:after{ content:""; display:block; clear:both; } .quick_wrap .e_catalog img{ width:90px; margin:1px 0} .quick_wrap .e_catalog_w{ background:#096465; height:55px; display:block; width:90px; border-bottom:1px solid #ccc; } .quick_wrap .e_catalog_w i{background-image:url(/img/e_bookicon.png); background-repeat:no-repeat; background-position:center 5px; background-size:30%; width:90px; height:30px; display:block;} .quick_wrap .e_catalog_w p{color:#fff; font-size:11px; text-align:center; letter-spacing:-0.5px; margin-top:3px;} .quick_wrap .custer01{ height:97px; } .quick_wrap .custer01 i{ background:url(/img/customer_service.png) center 5px no-repeat; height:36px; } .quick_wrap .custer01 .number{ font-size:16px; font-weight:bold; } .bubble_wrap2{ display:block; position:absolute; width:262px; min-height:110px; right:86px; z-index:9998 !important; display:none; top:-7px; } .bubble_wrap2 .bubble_box{ float:left; width:230px; min-height:110px; background:#fff; padding:10px; border:1px solid #ddd; box-shadow:2px 2px 2px rgba(0,0,0,0.3); border-radius:5px; } .bubble_wrap2 .bubble_box img{ background:#ccc; border-radius:50%; width:64%;} .bubble_wrap2 .bubble_box img:hover{ background:#000; } .bubble_wrap2 .bubble_box a.close_bubble{ position:absolute; right:17px; top:8px; font-size:20px; line-height:20px; cursor:pointer; color:#ccc; z-index:1000; width:34px; height:auto;} .bubble_wrap2 .bubble_box dl dt{ display:block; width:100%; padding-bottom:7px; font-size:18px; font-weight:bold; line-height:24px; font-family:"나눔고딕"; color:#343434; } .bubble_wrap2 .bubble_box dl dd span.call{ display:block; width:100%; padding-bottom:2px; } .bubble_wrap2 .bubble_box dl dd span.call strong{ display:inline-block; padding-right:2px; font-weight:normal; font-size:36px; line-height:36px; font-family:"나눔고딕"; letter-spacing:-2px; color:#096465; } .bubble_wrap2 .bubble_box dl dd span.call_info{ display:block; margin-top:4px; padding:5px; color:#555; line-height:18px; color:#555; line-height:18px; background:#f9f9f9; border-radius:4px; } .bubble_wrap2 .arrow{ background:url(/img/bubble_arrow.png) right center no-repeat; position:absolute; right:0px; top:48px; width:11px; height:17px; z-index:10000; } /*퀵서치*/ .quick_search {clear:both; width:98%; line-height:32px; position:relative; margin:0; padding:8px 1%; background:#f9f9f9; border:1px solid #ccc; border-radius:3px; vertical-align:top } .quick_search:after {content:"";display:block;clear:both;} .quick_search select {float:left; display:inline-block; margin:0 5px 0 0; height:28px;padding:1px 1px 1px 5px; width:135px; border:1px solid #aaa;border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; } .quick_search input {float:left; display:inline-block; margin:0 5px 0 0; height:22px; line-height:26px;padding:2px 3px; width:175px; border:1px solid #aaa; color:#999;border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;} .quick_search button{float:left; display:inline-block; min-width:60px; margin:0 5px 0 0; padding:0 10px; border:1px solid #999; background:#333; color:#fff; line-height:26px; border-radius:2px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; } .quick_search span {float:left; margin:0 5px 0 0; } .quick_search button:hover{background:#666;} /*########################################################## 서브페이지 ##########################################################*/ /* 카테고리 메뉴 */ .categoryMenu { width:100%; height:420px; clear:both; margin-top:20px; position:relative;} .categoryMenu .cate ul { background:#f00; clear:both;} .categoryMenu .gogo a {display:block; width:330px; height:180px; float:left; margin-left:30px; border:0px solid #ccc; margin-bottom:30px; background:url('../../img/gogo.jpg') no-repeat;} .categoryMenu .cate ul li {width:165px; height:180px; margin:0 10.5px 0 0; border:1px solid #ccc;} .categoryMenuWrap {width:100%;} li.cate {background:#fff; width:355px; height:180px; float:left; margin-left:1.5px; border:0px solid #ccc; margin-bottom:30px;} li.ml {margin-left:0;} .cateRed {float:left;} .cateTitle {background:url(/img/gradation_bg.gif) repeat-x; font-weight:bold; color:#fff; font-family:'malgun gothic'; height:29px; line-height:29px; text-align:center; font-size:15px; display:block;} .cateTitle:hover {background:url(/img/gradation_bg_on.gif) repeat-x} .cateTitle.blue{ background:url(/img/gra_blue.png) repeat-x; color:#ffe13d; } .cateTitle.blue:hover{ background:url(/img/gra_blue_on.png) repeat-x; } .cateImg {padding-left:20px; padding-top:13px;} .close_category{ display:none; } /*서브페이지*/ .SubWrap{ clear:both; position:relative; width:100%; min-height:500px;/* padding-bottom:100px; */} .subContent{ position:relative; min-width:1100px; padding:20px 0; } .subconBoard{ position:relative; margin:0 auto;} /* 상품 기본 리스트 */ .sub_title{ clear:both; position:relative; width:100%; margin:0px auto 0px; padding:40px 0; } .sub_title.search{ border-bottom:0; } .sub_title:after{ content:""; display:block; clear:both; } .sub_title h1.title_1{display:inline-block; width:100%; font-size:24px; color:#383838;text-align:center;} .sub_title h1.title_1 button{display:inline-block; margin:0 0 0 10px ; padding:0 10px; font:bold 15px/30px 'NanumGothic-Bold',malgun gothic; color:#fff; background:#009b9d; border-radius:5px; text-align:center; border:1px solid #179b9d} .sub_title h1.title_1 button:hover {background:#096465} .sub_title h1.title_1 strong{ color:#ec407a; } .sub_title h1.title_1 b{ font-size:20px; color:#009b9d; } .sub_title .path{ float:right; width:30%; text-align:right; line-height:25px; margin-top:7px; } .path a{ display:inline-block; color:#444; } .path a.home{ display:inline-block; padding-left:15px; background:url(/img/orange_btnArrow.png) no-repeat 0px 7px; } .path .arrow_r{ display:inline-block; padding:0px 3px; } /*카테고리박스*/ .category_box{ float:left; width:100%; border:1px solid #e0e0e0; border-width:1px 0 0 1px; padding:0; margin:20px 0; box-sizing:border-box; width:100%;} .category_box ul li{ display:block; float:left; width:184px;box-sizing:border-box; text-align:center;height:40px; line-height:45px; border:1px solid #e0e0e0; border-width:0 1px 1px 0;box-sizing:border-box; margin:-1px 0 0 -1px; cursor:pointer;} .category_box ul li:hover{ color:#009b9d;} .category_box ul li.first{ width:100%; background:#1a2829; font-weight:bold; color:#fff; box-sizing:border-box; } .category_box ul li.on{ background:#05c0c9; font-weight:bold; color:#fff; box-sizing:border-box; } .category_box ul li a{ display:block; float:left; width:184px; height:40px; position:absolute; text-align:center; padding:0; margin:0; box-sizing:border-box; } /* 회원가입 유형 탭 */ .tab_join{ clear:both; position:relative; width:99%; overflow:hidden; margin:20px 0 0 1%; } .tab_join li{ display:inline-block; float:left; width:30%; margin:0 1%; font:normal 16px/18px Malgun Gothic; color:#222; padding:10px 0px; cursor:pointer; border:solid 1px #d1d1d1; text-align:center; letter-spacing:-1px; background:#fafafa; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; } .tab_join li.one{ background:#f4fdff; border-color:#ccd8e4; } .tab_join li.two{ background:#f4fdff; border-color:#ccd8e4; } .tab_join li.three{ background:#f2f2f2; } .tab_join li.line{width:0; height:70px; border:1px solid #ddd; overflow:hidden; } .tab_join li:hover{ color:#fff; border:solid 1px #1678d3; border-width:1px; background:#1678d3; } .tab_join li.on{ color:#333; border-bottom:solid 2px #448dd1; background:#f9f9f9; font:bold 18px/18px Malgun Gothic; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; margin:0 auto; } .tab_join li.on:hover{ border:solid 1px #d1d1d1; border-bottom:solid 2px #448dd1; } .tab_join li.on:hover span{ color:#333; } .tab_join li span{ font:bold 18px/18px Malgun Gothic; padding-bottom:1px;display:block; color:#333;} .tab_join li:hover span{ color:#fff; } .tab_join_list{ position:relative; width:98%; padding:0px 1% 0px 1%; min-height:70px; } .tab_join_list:after{ content:""; display:block; clear:both; } .tab_join_list li{ display:none; } .tab_join li:before{ display:block; font:normal 50px 'icon2',Arial; vertical-align:middle; padding:0 0 10px 0; color:#448dd1; text-align:center; } .tab_join li:hover:before{ color:#fff; } .tab_join li.on:before{ color:#448dd1; } .tab_join li.one:before{ content:"+"; } .tab_join li.two:before{ content:","; } .tab_join li.three:before{ content:"Z"; } .tab_join li.line:before{ content:""; } /*가격대별보기메뉴의 카테고리박스*/ .category_box_price{ clear:both; position:relative; width:100%; border:1px solid #e2e2e2; border-width:0px 1px 1px 1px; } /*.category_title{ position:relative; display:block; width:100%; font:bold 14px/20px 'NanumGothic-Bold',malgun gothic; color:#484848; text-align:center; padding:5px 0px 5px 0px; background:url(/img/category_top_bg.png) repeat; }*/ .category_box_price ul{ display:block; width:1000px; padding:15px 20px 15px 20px; overflow:hidden; margin:0 auto; } .category_box_price ul li{ float:left; display:inline-block; width:150px; padding:5px 0px 8px 10px; font:normal 13px/16px malgun gothic; background:url(/img/dotted_red.png) no-repeat center left; letter-spacing:-1px;} .category_box_price ul li:hover{ cursor:pointer; color:#ff5000; letter-spacing:-1px; } .category_box_price ul li.on{ font-size:15px; font-weight:bold; color:#2071cb; letter-spacing:-1px; } /* ### 서브컨텐츠박스 ###*/ .subContentBox{ position:relative; width:100%; padding:20px 0px 70px 0px; clear:both;box-sizing:border-box;} /*오시는길*/ .contact_map{ display:block; margin:0 auto;} .contact_map dt{ display:block; text-align:center; border:1px solid #dedede;box-sizing:border-box;} .contact_map dt iframe{width:100%;} .contact_map dd{ display:block; } .contact_map dd span{ display:block; float:right; width:100px; padding:6px 10px 8px 10px; margin-right:5px; text-align:center; font:bold 13px/15px malgun gothic; background:#23b400; cursor:pointer; border:1px solid #23b400;} .contact_map dd span a{ color:#fff; } .contact_map dd ul{ clear:both; display:block; padding:30px 0 0;margin-top:30px;padding:0;border-top:2px solid #008b7c; } .contact_map dd ul li{ display:block; padding:15px 0px; font-size:16px; color:#3d3d3d; border-bottom:1px solid #ededed;} .contact_map dd ul li b{ display:inline-block; width:120px;color: #000000; font-weight: 600;} table.board_table td{border-width:0 0 1px 0;} /*영업시간*/ .time_table{ display:block; width:90%; margin:50px auto 0px auto; border:1px solid #e2e2e2; overflow:hidden; } .time_table li{ float:left; display:inline-block; width:45.7%; min-height:200px; padding:20px; background:#fcfcfc; } .time_table li:first-child{ border-right:1px solid #efefef;} .time_table li strong{ display:block; width:80px; height:80px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; background:#2cbfb5; margin:0 auto; } .time_table li strong i{ display:inline-block; margin:15px 0px 0px 18px; font-size:45px;color:#fff; } .time_table li strong i.fa.fa-phone{ margin:18px 0px 0px 22px; } .time_table li p{ width:280px; padding:40px 0px 0px 0px; font:normal 14px/22px malgun gothic; margin:0 auto; overflow:hidden; } .time_table li p b{ display:inline-block; float:left; padding:0px 20px 0px 0px; font-size:16px; color:#ff5000; } .time_table li p span{ display:inline-block; float:left; } .time_table li p span a{ display:inline-block; padding-left:8px; background:url(/img/dotted_mint.gif) no-repeat center left; } .time_table li p.customerCenter{ width:400px; } .time_table li p.customerCenter a.qnago{ display:inline-block; float:left; padding:3px 6px 5px 5px; margin:18px 0px 0px 30px; background:#333; font-size:12px; color:#fff; } .time_table li p.customerCenter a.qnago:hover{ background:#414040; } /*이용안내*/ .rule_list{ display:block; padding:30px 0px 30px 30px;} .rule_list dt{ display:block; padding-bottom:20px; font:bold 18px/21px 'nanumgothic-bold',malgun gothic; color:#ea3636; } .rule_list dd{ display:block; padding-bottom:40px; line-height:21px; } /*하위메뉴얼*/ .menual_list{ display:flex; overflow:hidden; margin:0 auto; padding:30px 0px; } .menual_list li{ float:left; display:inline-block; width:25%; padding:14px 0; color:#7a7a7a; text-align:center; background:#fcfcfc; border:1px solid #f2f1f1;border-width: 1px 0;cursor:pointer;} .menual_list li:hover{color:#008b7c;} .menual_list li.on{ background:#008b7c;border:1px solid #008b7c; color:#fff; } .menual_list li.last{ margin-right:0; } /*회사소개*/ .intro_title{ margin-top:50px; padding:350px 70px 20px 70px; font:15px/30px 'Nanumgothic-Bold',Malgun gothic; color:#6b6b6b; text-align:center; background:url(/img/com_01.jpg) no-repeat top center; } .intro_title span{ display:block; font-size:40px; padding:0 0 20px 0;} /*이메일무단수집*/ .email_send{ position:relative; padding-top:220px;margin-top:40px; font:normal 14px/25px malgun gothic; text-align:center; background:url(/img/email_bg.gif) no-repeat top center; } .email_send b{ color:#d51c1c; } .email_send span{ display:block; padding-top:10px; color:#273f82; } /*########################################################## 마이페이지 ##########################################################*/ /*로그인레이어*/ .layerWrap{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.15); z-index:9989999; overflow-y:auto; padding:0px; margin:0; } .layerWrap .centerWrap{width: 400px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);} .layerWrap .centerWrap.Bnone{ position:relative; background:none; padding:183px 0 0 0; width:410px; } .layerClose{position:absolute; top:0; right:0; padding:0; width:50px; height:50px; background:url(/doore4/img/close02.png) no-repeat center; border:none; cursor:pointer; z-index:9999999;} .layerWrap .centerWrap.Bnone .layerClose{ position:absolute; top:140px; right:-15%; margin-right:0px; background:none; z-index:2; color:#fff; } .layerClose:hover{ color:#e51827; } .layerWrap .centerWrap.Open{ position:relative; background:none; padding:193px 0 0 0; width:600px; min-height:400px } .layerWrap .centerWrap.Open .layerClose{ position:absolute; top:140px; right:-1%; margin-right:0px; background:none; z-index:2; color:#fff; } /* 로그인 */ .loginbox{width:100%; margin:0px auto; background:#eee; box-sizing:border-box;} .loginbox:after{ content:""; clear:both; display:block; } .loginbox h2{width:100%; padding:13px 0 13px 5%; color:#fff; background:#fff; box-sizing:border-box;} .loginbox h2 img{display:block;} .loginbox .formLogin{padding:5%; box-sizing:border-box;} .loginbox .formLogin ul{ position:relative; width:100%; margin:0px auto 10px; box-sizing:border-box;} .loginbox .formLogin ul:after{ content:""; clear:both; display:block; } .loginbox .formLogin ul li{ } .loginbox .formLogin ul li button{width:100%; background:#444; color:#fff; border-color:#444; height:35px; line-height:1; margin-bottom:10px; cursor:pointer;} .loginbox .formLogin padding_left{ padding-left:77px; } .loginbox .formLogin ul label{ padding-bottom:4px; font:bold 12px/20px Malgun Gothic; color:#666; } .loginbox .formLogin ul label:hover{ color:#009b9d; } .loginbox .formLogin ul label b{ display:inline-block; width:30%; vertical-align:middle; color:#444; } .loginbox .formLogin ul input[type=text],.formLogin input[type=password]{ width:100%; margin:0 0 10px 0; vertical-align:top; border:1px solid #bbb;box-sizing:border-box;outline:none;height:35px;} .loginbox .formLogin ul input[type=text]:hover,.formLogin input[type=password]:hover, .loginbox .formLogin ul input[type=text]:focus,.formLogin input[type=password]:focus{ border-color:#009b9d; background:#ebf4ff; } .loginbox .formLogin ul input[type=checkbox]{ vertical-align:top; } .loginbox .formLogin p{font:normal 12px/16px Malgun Gothic; color:#666; padding:4px 0; letter-spacing:-0.7px; vertical-align:middle; } .loginbox .formLogin p:after{ content:""; clear:both; display:block; } .loginbox .formLogin p:first-child{ font:normal 14px/16px Malgun Gothic; color:#333; } .loginbox .formLogin p button{ float:right; width:100px; margin:0; border:solid 1px #c5c5c5; background:#fff; color:#636363; vertical-align:middle; cursor:pointer;} .loginbox .formLogin p button:hover{ background:#444; color:#fff; } .formLogin .sns{clear:both;display:block;width:100%; height:48px; margin:10px 0; cursor:pointer;line-height:44px; font-size:15px; box-sizing:border-box; text-align:center;background:#444; color:#fff; border:0; border-radius:23px;background: none;border-radius: 5px;} .formLogin .sns01{background:#19ce60;border: 1px solid #19ce60;} .formLogin .sns02{background:#fae100;border: 1px solid #fae100;color:#1e1e1e;} .formLogin .sns03{background:#315295;border: 1px solid #315295;} .formLogin .sns04{ background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat;} .ftCon{border: 1px solid #ddd; max-height: 700px; overflow-y: scroll; padding: 20px 20px !important; box-sizing: border-box;} .third-area{} .third-area p{color:#454545; margin:0 0 12px;} .third-area p a{color:blue; text-decoration:underline;} /* 상단 고정 구매 */ .fixed_buy{position: fixed; border-bottom:1px solid #e0e0e0; width: 100%; top: 0; left:0;z-index: 99999; background: #fff; padding:20px 0;display:none;} .fixed_buy.on{display:block;} .fixed_buy .top{border:none;overflow:hidden;} .fixed_buy .img_box{width:50px;height:50px;overflow:hidden;float:left;} .fixed_buy .img_box img{width:100%;height:100%;} .fixed_buy .product_info{float:left; padding-left: 20px; font-size: 18px;} .fixed_buy .top .left{float:left;} .fixed_buy .top .right{float:right;} .fixed_buy .product_info .product_name{padding:0;} .fixed_buy .product_info dd{font-size:20px;padding-top:10px;} .fixed_buy .product_info .price{font-weight:500;padding-right:14px;} .fixed_buy .product_info .price_original{color:#999;text-decoration: line-through;} .fixed_buy .btn_buy{display: block;padding: 14px 0;width: 140px;font-size: 18px;background: #d60034;color: #fff;text-align: center;} .fixed_buy .btn_buy.on{background: url(/doore4/img/close02.png) no-repeat center center;width:50px;height:50px;text-indent:-9999px;padding:0;} .fixed_buy .bottom{clear: both; border: 1px solid #ddd; box-sizing: border-box; margin-top: 14px;background:#f8f8f8;padding:20px;display:none;} .fixed_buy .bottom .normal_pc ul.normal{border:none; width:100%; display:flex;} .fixed_buy .bottom .normal_pc ul.normal li{border-right:1px solid #ddd; border-bottom:0;} .fixed_buy .bottom .normal_pc ul.normal li:first-child{width:66.7%; padding:0 20px 0 0;} .fixed_buy .bottom .normal_pc ul.normal li:first-child em{margin: 0 10px;font-size: 12px;position: relative;top: -2px;color:#999;} .fixed_buy .bottom .normal_pc ul.normal li:first-child p{display:block;margin-top:10px;} .fixed_buy .bottom .normal_pc ul.normal li:last-child{width:33.3%; border-right:0; padding:0 0 0 20px;} .fixed_buy .bottom .normal_pc ul.normal li:last-child > p{display:block;width:100%;overflow:hidden;margin-bottom:10px;font-size:18px;} .fixed_buy .bottom .normal_pc ul.normal li:last-child > p:nth-child(2){font-size:20px;margin-bottom:10px;} .fixed_buy .bottom .normal_pc ul.normal li:last-child > p b{float:right;color:#de0000;font-weight:500;} .fixed_buy .bottom .normal_pc ul.normal li .btn_box{display: flex; flex-wrap: wrap; justify-content: space-between;} .fixed_buy .bottom .normal_pc ul.normal li .btn_box button{width: 48.5%;box-sizing: border-box;margin-top: 10px;background: #999;border: none;color: #fff;padding: 10px 0;font-size: 15px;cursor:pointer;font-family: 'Noto Sans KR', sans-serif;} .fixed_buy .bottom .normal_pc ul.normal li .btn_box button:first-child{background:#d60034;font-weight:600;} .fixed_buy .bottom .normal_pc ul.normal li .btn_box button:nth-child(2){background:#008b7c;} .fixed_buy .bottom .normal_pc ul.normal li .count-wrap{display:flex; margin:0 0 4px;} .fixed_buy .bottom .normal_pc ul.normal li button.plus{ width:22px; height:22px; font:bold 16px/22px Verdana,Arial; color:#666; background:#f1f2f4; border:1px solid #dedede; margin:0; box-sizing:border-box;} .fixed_buy .bottom .normal_pc ul.normal li button.minus{ width:22px; height:22px; font-size:22px ; font-weight:100; font-family:Verdana,Arial; color:#666; background:#f1f2f4; margin:0; border:1px solid #dedede;box-sizing:border-box; } .fixed_buy .bottom .normal_pc ul.normal li input[type=text].qty{ width:40px; margin: 0 -5px 0 -4px;} .fixed_buy .bottom .normal_pc ul.normal li input[type=text]{ border:solid 1px #dedede; padding:0px 0px 0px 0px; height:20px; vertical-align:top; outline:none;} .fixed_buy .bottom .normal_pc ul.normal li select{width:100%; outline: none;font-size:14px;height: 32px;box-sizing: border-box;position: relative; border-radius: 0;border: 1px solid #ddd;padding: 0 5px;} .fixed_buy .bottom .normal_pc ul.normal li .fixed-scroll{display:flex; height:100%;} .fixed_buy .bottom .normal_pc ul.normal li .product-summary{flex-basis:50%; border-right:1px solid #ddd; padding:0 20px 0 0; margin:0 20px 0 0; box-sizing:border-box; font-size:14px; line-height:1.4; color:#333;} .fixed_buy .bottom .normal_pc ul.normal li .fixed-option-wrap{flex-basis:50%;} /*회원가입테이블*/ .joinWrap{ position:relative; width:100%; clear:both;} table.info{ width:100%; margin:30px auto; } table.info.small{ border:solid 1px #b1c5d1; width:70%; min-width:780px; margin:1px 0 10px 3px; } table.info caption{ color:#333; padding:0px 0px 20px 0px; } table.info caption span{ padding-left:10px; font-size:13px; line-height:28px; } table.info caption span.inni a{ background:#ff9100; color:#fff; padding-left:0;} table.info.a2{margin:10px auto; } table.info.a2 caption{ font:bold 14px/22px Malgun Gothic; color:#d3495d; padding:0px 0px 20px 0px; } table.info.a2 th{ width:80px; } table.info.small caption{ font:bold 14px/16px Gulim; padding:7px 0 0 0; background:#5ab1e3; color:#fff; text-align:center; vertical-align:middle; } /* table.info caption.co_regi:before{ content:")"; font:normal 24px 'icon',Arial; color:#ff932a; } */ table.info caption b.glasses:before{ display:inline-block; padding:0px 8px 0px 0px; content:"s"; font:normal 24px 'icon',Arial; color:#ff932a; } table.info th{ width:18%; background:#f7f7f7; padding:7px 0px 7px 20px; vertical-align:middle; text-align:left; border-bottom:solid 1px #e0e0e0; } table.info th.must:before{ content:"*"; color:#e01e27;padding:0px 3px 0px 0px; } table.info td{ padding:5px 0px 5px 20px; border-bottom:solid 1px #e0e0e0; line-height:24px;} table.info.small th{ width:130px; padding:7px 0px 5px 10px; border:solid 1px #b1c5d1; border-width:1px 0 0 0; background:#f0f9ff; color:#4f6584; font-weight:normal; } table.info.small td{ padding:7px 0px 5px 5px; background:#f9fdff; border-left:solid 1px #c2d2db; border-top:solid 1px #c2d2db;} table.info.small td div{ font:normal 11px/14px Dotum; color:#648cb5; } table.info .none th,table.info .none td{ border-bottom:none; } table.info td.top{ background:#f3fafe; border-bottom:solid 1px #666; font:bold 14px/30px Malgun Gothic; color:#1a55c1; } table.info td.noData.company{ padding-bottom:20px; } table.info td.noData.company:before{ content:"s" } table.info td input[type=text], table.info td input[type=password]{ width:50px; border:solid 1px #b3b3b3; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/20px Dotum; color:#333; } table.info td input[type=tel]{border:1px solid #e0e0e0; height:28px; line-height:28px; padding:1px 2px;} table.info td input[type=text].wide60{ width:60%; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/20px Dotum; color:#333; } table.info td textarea.wide62{ width:80%; border:solid 1px #b3b3b3; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/20px Dotum; color:#333; } table.info td textarea.wide100{ width:98%; border:solid 1px #b3b3b3; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/20px Dotum; color:#333; } table.info td .wide100.order-textarea{width:98%; height:150px; border:solid 1px #b3b3b3; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/20px Dotum; color:#333; box-sizing:border-box; overflow-y:auto;} table.info td .terms-box{width:95%; height:150px; font:normal 12px/20px Dotum; border:1px solid #bababa; padding:2px 0px 2px 5px; margin:5px 0px; overflow-y:auto; box-sizing:border-box;} table.info td input[type=text].wide80{ width:80%; } table.info td input[type=text].wide20,table.info td input[type=password].wide20{ width:20%; } table.info td .tip input[type=text].wide20{ width:30%; margin:-2px 0px; } table.info td.pageNum a{ color:#494949; } table.info td.pageNum a:hover{ color:#1487e8; } table.info td.last{border-bottom:2px solid #b5b5b5 } table.info tr:last-child th, table.info tr:last-child td{ border-bottom:solid 1px #666; } table.info.border{border-top:solid 1px #e0e0e0; border-width:1px 1px 0px 1px } table.info.border tr:last-child th, table.info.border tr:last-child td{ border-bottom:solid 1px #e0e0e0; } table.info.border.grn{ border-color:#b5b5b5; } table.info.bold.grn{border-color:#b5b5b5;} table.info tr.bold_line th, table.info tr.bold_line td{ border-bottom:solid 1px #bfbfbf; } /* new_type*/ table.info{ width:100%; border:solid 1px #e0e0e0; margin:30px auto;border-spacing : 0; } table.info.small{ border:solid 1px #b1c5d1; width:70%; min-width:780px; margin:1px 0 10px 3px; } table.info.bold{border:solid 1px #666; border-width:1px 0 0;} table.info.bold.grn{ border-color:#ccc; } table.info caption{ color:#333; padding:0px 0px 10px 0px; }/*수정 x */ table.info.small caption{ font:bold 14px/16px Gulim; padding:7px 0 0 0; background:#5ab1e3; color:#fff; text-align:center; vertical-align:middle; } /* table.info caption.co_regi:before{ content:")"; font:normal 24px 'icon',Arial; color:#ff932a; } */ table.info caption b.glasses:before{ display:inline-block; padding:0px 8px 0px 0px; content:"s"; font:normal 24px 'icon',Arial; color:#ff932a; } table.info th{ width:150px; background:#f7f7f7; padding:7px 0px 7px 20px; vertical-align:middle; text-align:left; border-bottom:solid 1px #e0e0e0; } table.info th.must:before{ content:"*"; color:#e01e27; padding:0px 3px 0px 0px; } table.info td{ padding:7px 0px 7px 20px; border-bottom:solid 1px #e0e0e0; vertical-align:middle; text-align:left; } table.info.small th{ width:130px; padding:7px 0px 5px 10px; border:solid 1px #b1c5d1; border-width:1px 0 0 0; background:#f0f9ff; color:#4f6584; font-weight:normal; } table.info.small td{ padding:7px 0px 5px 5px; background:#f9fdff; border-left:solid 1px #c2d2db; border-top:solid 1px #c2d2db;} table.info.small td div{ font:normal 11px/14px Dotum; color:#648cb5; } table.info .none th,table.info .none td{ border-bottom:none; } table.info td.top{ background:#f3fafe; border-bottom:solid 1px #666; font:bold 14px/30px Malgun Gothic; color:#1a55c1; } table.info td.noData.company{ padding-bottom:20px; } table.info td.noData.company:before{ content:"s" } table.info td input[type=text],table.info td input[type=password]{outline:none; width:50px; height:28px; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; padding:1px 0px 1px 5px; font:normal 12px/30px Dotum; color:#333; } table.info td input[type=text].wide60{ width:60%; } table.info td textarea.wide62{ width:80%; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/30px Dotum; color:#333; } table.info td input[type=text].wide80{ width:80%; } table.info td input[type=text].wide20,table.info td input[type=password].wide20{ width:20%; } table.info td .tip input[type=text].wide20{ width:30%; margin:-2px 0px; } table.info td.pageNum a{ color:#494949; } table.info td.pageNum a:hover{ color:#1487e8; } table.info tr:last-child th{border-bottom:solid 1px #e0e0e0;} table.info tr:last-child td{border-bottom:solid 1px #e0e0e0;} label.check1{ display:block; } table.info td textarea.wide100{ display:block; margin:5px 0px; width:95%; min-height:150px; border:1px solid #bababa; font-family:Dotum; color:#3c3c3c} table.info .gubun_line th{ border-bottom:solid 1px #bfbfbf; } table.info .gubun_line td{ border-bottom:solid 1px #bfbfbf; } table.info td strong.title{display:inline-block; font:bold 13px/18px Malgun gothic; color:#d3495d; } table.info td strong.title i{ display:inline-block; padding-right:5px; } table.info td span.policy2 a{display:inline-block ; margin-left:25px ; padding-top:10px; color:#999; text-decoration:underline} table.info td span.policy2 a:hover{ color:red; } label.check1{ display:block; } table.info.a02{ width:100%; border:solid 1px #e0e0e0; margin:30px auto; } table.info td textarea.wide100{ display:block; margin:5px 0px; width:95%; min-height:150px; border:1px solid #bababa; font-family:Dotum; color:#3c3c3c} table.info .gubun_line th{ border-bottom:solid 1px #bfbfbf; } table.info .gubun_line td{ border-bottom:solid 1px #bfbfbf; } table.info td strong.title{display:inline-block; font:bold 13px/18px Malgun gothic; color:#1f6dc9; } table.info td strong.title i{ display:inline-block; padding-right:5px; } table.info td span.policy2 a{display:inline-block ; margin-left:25px ; padding-top:10px; color:#999; text-decoration:underline} table.info td span.policy2 a:hover{ color:red; } table.info.bold tr:last-child th, table.info.bold tr:last-child td{ border-bottom:solid 1px #ccc; } table.info tr.bold2 th{border-top:solid 2px #666;} table.info.bold tbody.bordernone tr:last-child th,table.info.bold tbody.bordernone tr:last-child td{border-bottom:solid 1px #e0e0e0; } table.info td.totalAccount{} table.info td.totalAccount strong{font-size:15px; font-weight:700; color:#dd102d;} table.info td.totalAccount span{font-size:13px;} /* 상품사전접수 */ .accept-wrap .pop-layer .pop-container { padding: 15px; overflow-y: scroll;max-height:1000px} .accept-wrap .pop-layer .btn-r { width: ; position:absolute; right:0; top:0;} .accept-wrap .pop-layer { display: none; position:absolute; top: 0; left: 50%; width:800px; background-color: #fff; border:1px solid #555; z-index: 1000; transform: translate(-50%, 180px);} .accept-wrap a.btn-layerClose{ display: inline-block; height: 35px; width: 36px; color: #fff; line-height: 25px; background: #555 url(/doore4/Manage/img/close.png) no-repeat center; background-size: 25px;} .accept-wrap .anniv_img ul{display:flex; flex-direction:row;} .accept-wrap .anniv_img ul li{width:auto; display:flex; width:19.2%; margin:0 1% 24px 0; position:relative;} .accept-wrap .anniv_img ul li:nth-of-type(5n+0){margin-right:0;} .accept-wrap .anniv_img ul li a{display:flex; flex-wrap:wrap; justify-content:center; align-content:space-between; box-sizing:border-box; text-align:center;} .accept-wrap .anniv_img ul li a img{border:1px solid #eee; width:100%;} .accept-wrap .anniv_img ul li a span{ font-size: 14px; padding: 4px 0 20px; display:block; font-weight: 400; min-height: 34px; color:#454545} .accept-wrap .anniv_img ul li a.btn-layerClose { display: inline-block; height: 35px; width: 36px; color: #fff; line-height: 25px; background: #555 url(/doore4/Manage/img/close.png) no-repeat center; background-size: 25px;} .accept-wrap .accept-down{display:flex; align-items:baseline; font-size:18px; margin:0 0 30px;} .accept-wrap .accept-down i{font-size:16px; border:1px solid #888; border-radius:50px; padding:4px; margin:0 0 0 5px;} .accept-wrap .anniv_dday{ font-size: 15px; font-weight:bold; letter-spacing: -1px;} .accept-wrap .anniv_dday .anniv_dday_box{margin:10px 0;} .accept-wrap .anniv_dday .gray{ vertical-align: middle;} .accept-wrap .anniv_dday b{display:inline-block; padding:2px 14px; background:#555; color:#fff; border-radius:10px;} .accept-wrap .anniv_dday button.check{ border: 0; display: block; margin: 0 auto; background:#7d153e; color: #fff; padding: 5px 40px; border-radius: 7px; cursor:pointer;} .accept-wrap .anniv_title{color:#555; margin: 20px auto; text-align: center;} .accept-wrap .anniv_title .anniv_tit_n{font-size: 20px; font-weight: 500;} .accept-wrap .anniv_title select{outline: none; font-size: 12px; height: 32px; box-sizing: border-box; position: relative; top: 1px; border-radius: 0; border: 1px solid #ccc; padding: 0 5px; margin: 4px 0 0; } .accept-wrap.accept-wrap2 .anniv_title{padding:0; margin:auto;} .accept-wrap table.info{ width:100%; vertical-align:middle; border-top:solid 1px #d4d4d4; border-collapse:collapse; border-spacing:0; } .accept-wrap table.info caption{ padding:8px 10px; letter-spacing:-1px; background:#d9d9d9; color:#000; font-weight:bold; font-size:16px;} .accept-wrap table.info th{width:260px; background:#f5f5f5; color:#000; padding:8px; border-right:solid 1px #e4e4e4; vertical-align:middle; border-bottom:solid 1px #e4e4e4;font-weight:normal;font-size: 14px; line-height:1.3;} .accept-wrap table.info td{ border:solid 1px #e9e9e9; border-width:0px 1px 1px 0px; padding:8px; vertical-align:middle; background:#fff;} .accept-wrap table.info td input[type=text], .accept-wrap table.info td input[type=password]{min-width:160px; padding:1px 2px; border:1px solid #ddd; height:28px; margin:1px } .accept-wrap table.info td textarea{width:100%; padding:5px 0.5%; border:1px solid #ddd; background:#fff; color:#333; box-sizing:border-box; margin:0;} .accept-wrap table.info td button{display:inline-block; border:1px solid #ccc; background:#eaebee; color:#333; cursor:pointer; letter-spacing:-0.08em; line-height:19px ;padding:2px 8px 3px; font-size:11px; margin:1px -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; top:1px; } .accept-wrap table.info p.tip{font-size:12px; color:#de0000; line-height:24px;} .accept-wrap table.info .last_border{ border-bottom:1px solid #e5e5e5; } .accept-wrap table.info .bullet{color:red; font-size:16px} .accept-wrap table.info .tit{display:block; font-size:18px; color:#c51162; font-weight:bold; line-height:28px} .accept-wrap table.info .font_big{font-size:14px; color:#ff8040} .accept-wrap table.info .productP{margin:2px 0;} .accept-wrap table.info .productP span{min-width:300px;display:inline-block;} /* ######## 버튼 ######### */ .centerBtn{ clear:both; position:relative; width:100%; margin:0px auto; text-align:center; padding:20px 0px; overflow:hidden; } .centerBtn:after{ content:""; display:block; clear:both; } .centerBtn button{ display:inline-block; min-width:15%; border:solid 1px #8f8f8f; background:#8f8f8f; color:#fff; outline:none; cursor:pointer; font-size:15px; vertical-align:top; padding:14px 0;; margin:0 5px; border-radius:3px;} .centerBtn button.check{ display:inline-block; border:solid 1px #008b7c; background:#008b7c; } .centerBtn button.check.am2{ display:none; background:#e51b24; } .centerBtn button.delet2{ background:#525252; border-color:#3c3c3c; } input[type=submit].check{ display:inline-block; min-width:15%; padding:0 10px; border:solid 1px #d51c1c; background:#d85c7b; color:#fff; outline:none; cursor:pointer; font:bold 16px/38px 'icon', Malgun Gothic; vertical-align:top; margin:0 5px; border-radius:3px; } input[type=submit].check2{ display:inline-block; min-width:15%; padding:0 5%; border:solid 1px #d51c1c; background:#d51c1c; color:#fff; outline:none; cursor:pointer; font:bold 16px/38px 'icon', Malgun Gothic; vertical-align:top; margin:0 5px; border-radius:3px; } /*결제버튼*/ #btn_card{ display:inline-block; } /* ######## 버튼 ######### */ .centerBtn2{ clear:both; position:relative; width:100%; margin:0px auto; text-align:center; padding:5px 0px; overflow:hidden; } .centerBtn2:after{ content:""; display:block; clear:both; } .centerBtn2 button{ display:inline-block; min-width:15%; border:solid 1px #d51c1c; background:#d51c1c; color:#fff; outline:none; cursor:pointer; font:bold 16px/38px Malgun Gothic; vertical-align:top; padding:0 7px; margin:0 5px;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;} .centerBtn2 button.check{ display:inline-block; min-width:15%; padding:0 5px; border:solid 1px #d51c1c; background:#d51c1c; color:#fff; outline:none; cursor:pointer; font:bold 16px/35px 'icon', Malgun Gothic; vertical-align:top; margin:0 5px; border-radius:3px; } .centerBtn2 button.delet2{ background:#525252; border-color:#3c3c3c; } button.gray{ display:inline-block; min-width:60px; background:#eee; color:#666; border:solid 1px #999; cursor:pointer; font:normal 11px/18px Malgun Gothic; vertical-align:top; padding:0 3px; margin:3px 3px 0px 3px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; text-align:center; } /*###### 텍스트영역 textarea #######*/ textarea.wide200{ display:block; margin:5px auto 0px auto; width:95%; min-height:700px; border:1px solid #bababa; font-family:Dotum; color:#3c3c3c } .goodsList{ clear:both; position:relative; width:100%; padding:0; } .goodsList:after{ content:""; display:block; clear:both; } .goodsList .tab_002, .goodsList .tab_003, .goodsList .tab_004, .goodsList .tab_005{padding-top:100px;} .footer_box .tabMenu{ position:relative; width:100%; margin:0px auto; text-align:center; background:#f8f8f8 url(/img/gradation_top.png) repeat-x top; overflow:hidden; } .footer_box .tabMenu:after{ content:""; display:block; clear:both; } .footer_box .tabMenu li{ display:inline-block; float:left; width:20%; border-width:1px 0px; padding:0; /*border-bottom:solid 3px #0d953d;*/ } .footer_box .tabMenu li a{display:inline-block; width:100%; padding:20px 0; color:#444; letter-spacing:-0.5px; } .footer_box .tabMenu li.on{ position:relative; width:20%;box-sizing:border-box;border-top:solid 1px #008b7c; border-bottom:solid 1px #fff; border-left:solid 1px #1c7dbc; border-right:solid 1px #1c7dbc; background:#fff; } .footer_box .tabMenu li.on:before{ display:block; content:""; position:absolute; top:-4px; left:-1px; right:-1px; background:#008b7c; height:3px; } .footer_box .tabMenu li.on a{ color:#008b7c; } /* #################################### 기본 상품 리스트 ################################# */ ul.product_list{display: flex; flex-wrap: wrap; margin: 0 -8px;} .basic_goods{ margin: 0 0 40px 0; position: relative; cursor: pointer; width:20%; padding: 0 8px 10px; box-sizing: border-box;} .basic_goods:after{ content:""; display:block; clear:both; } .basic_goods:hover{ border-color:#888; } .basic_goods.row5{ width:23.5%; margin:20px 0.9% 20px 0.37%; min-height:260px;} .basic_goods dt{width:100%; padding-top:100%; position:relative; border:solid 1px #e9e9e9; box-sizing:border-box; overflow:hidden;} .basic_goods dt:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.015); z-index:1;} .basic_goods:hover dt:before{background:rgba(0, 0, 0, 0.7);} .basic_goods:hover dt{box-shadow:0 3px 3px rgba(0,0,0,0.15);} .basic_goods dt img{width: 100%; height:auto; display: block; position: absolute; top: 0; left: 0;} .basic_goods dd .sale_ment{ display:none } .basic_goods dd .company{display:none;} .basic_goods dd .name{height: 48px; line-height:24px;padding: 0; margin: 20px auto 12px; font-size: 16px; font-weight: 400; color: #383838; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box!important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;width: 100%;padding-right: 15px; box-sizing: border-box; } .basic_goods .info_text{height: 34px;line-height: 16px;padding: 0;margin: 10px auto 12px;font-size: 14px;font-weight: 300;color: #999;white-space: normal;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;box-sizing: border-box;} .basic_goods dd.price{ display:block; width:100%; text-align:center; font:normal 14px/18px dotum; color:#999; height:21px; padding-top:0px;} .basic_goods dd.sale{text-align:center; font:bold 14px/18px Arial; padding-top:3px; } .basic_goods dd .sale div{display: block; font-size: 20px; font-weight: 700; line-height: 1; color: #383838;letter-spacing:-1px;margin:10px 0;} .basic_goods dd.sale .point_box b{ display:block; width:30%; font:normal 11px/16px Malgun Gothic; background:#41a41a; color:#fff; padding:0px 3px; letter-spacing:-1px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; margin:2px auto; } .basic_goods dd.sale .point_box{ font-size:12px; color:#333; } .basic_goods dd .detail_info{ display:none; } .basic_goods dd.price_box .price{color:#999;} .basic_goods dd.price_box .event_box{color:#de0000;margin:10px 0;display:block;} .basic_goods dd.btn_box{position:absolute; top:30%; left:50%; transform:translate(-50%, -50%); box-sizing:border-box; opacity:0; z-index:2;} .basic_goods dd.btn_box a{width:74px; color:#fff; display:block; padding:5px 0px; margin:0 0 5px; border:1px solid #fff; box-sizing:border-box; font-size:13px; font-weight:300; text-align:center; transition:all .1s ease;} .basic_goods dd.btn_box a:hover{background:#d60034;color:#fff;border:1px solid #d60034;} .basic_goods:hover dd.name{ color:#000; } .basic_goods:hover dd.btn_box{opacity:1;} .title_img img{display:block;} .basic_goods dd .otherPrice{display:block; font-size:18px; font-weight:500; line-height:1; color:#008000; letter-spacing:-1px; margin:10px 0;} /* 검색 화면단 상품 리스팅 처리 */ .product_list.search_mode{ width:100%; padding:0 0 50px 0; display:block;margin:0;} .product_list.search_mode .basic_goods{ position: relative; display:block; clear:both; width:100%; min-height:40px; padding:5px 0; text-align:left; margin:0 auto; border:none; border-bottom:solid 1px #ddd; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;} .product_list.search_mode .basic_goods.row5{ width:100%; margin:0; } .product_list.search_mode .basic_goods:first-child{ border-top:solid 1px #ddd; position: relative;} .product_list.search_mode .basic_goods dt{ height:auto; float:left; display:inline-block; margin:0 auto; padding:0; text-align:center; width:200px;height:200px; box-sizing:border-box;} .product_list.search_mode .basic_goods:hover dt{box-shadow:none;} .product_list.search_mode .basic_goods dt img{ width:100%; height:100%; padding:0; max-height:200px;} .product_list.search_mode .basic_goods dd{ float:left; width:11%; height:auto; display:inline-block; vertical-align:top; max-height:200px;min-height:200px;} .product_list.search_mode .basic_goods dd.price{ float:right; display:block; padding:8px 1% 0px 0px ;font-size:14px; text-align:right; } .product_list.search_mode .basic_goods dd.checkBox{ z-index:1; } .product_list.search_mode .search_type{ display:inline-block; } .product_list.search_mode .basic_goods dd.name{font-weight:bold; color:#333; margin-right:0; width:50%; padding: 0 14px; box-sizing: border-box;} .product_list.search_mode .basic_goods .info_text{width: 100%;padding-right: 14px;box-sizing: border-box;height: auto;-webkit-line-clamp: initial;} .product_list.search_mode .basic_goods .info_text p{font-weight: 400; color: #999; font-size: 14px;} .product_list.search_mode .basic_goods dd .detail_info{ display:none; width:100%; padding:3px 0 0 0; font:normal 11px/16px Dotum; color:#666; } .product_list.search_mode .basic_goods:hover dd.name{ letter-spacing:0px; } .product_list.search_mode .basic_goods dd.co_logo{ width:14%; text-align:left; } .product_list.search_mode .basic_goods dd.sale{ display:block; float:right; min-width:20%;margin-top:0px; padding:4px 1% 0 0; text-align:right; } .product_list.search_mode .basic_goods dd.sale b{ width:50%; text-align:center; float:right; } .product_list.search_mode .basic_goods dd.sale .point_box{ float:right; } .product_list.search_mode .basic_goods dd.btn_box, .product_list.search_mode .basic_goods dd.icon_box, .product_list.search_mode .basic_goods dd.price_box{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center;justify-content: center;} .product_list.search_mode .basic_goods dd.btn_box a{ opacity: 0; border: 1px solid #dedede; padding: 6px 10px; text-align: center; font-size:14px; margin: 5px 0; color:#fff;} .product_list.search_mode .basic_goods:hover dd.btn_box a{opacity:1} .product_list.search_mode .basic_goods dd.btn_box a.buy{background: #d60034; color: #fff; border: 1px solid #d60034;} .product_list.search_mode .basic_goods dd.btn_box{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); min-width: 200px;opacity:1;background:none;border:none;} .product_list.search_mode .basic_goods dd.icon_box span{display:block;text-align:center;margin:5px 0;color:#fff;} .basic_goods dd.icon_box{display:flex; flex-wrap:wrap;} .basic_goods dd.icon_box span img{margin:0 3px 3px 0;} .product_list.search_mode .basic_goods dd.icon_box span img{display: block; margin: 5px 0;} .basic_goods dd.icon_box b.soldOut{background: #dedede; border: 1px solid #dedede; padding: 2px 8px; border-radius: 3px; font-size: 13px;} .basic_goods dd.icon_box b.out_b{height:20px; line-height:20px; display:inline-block; background:#d60034;padding:0 8px;border-radius:3px;font-size:12px;color:#fff; margin:0 3px 3px 0; vertical-align:top;} .basic_goods dd.icon_box span.icon01{background:#5dd5d5;} .basic_goods dd.icon_box span.icon02{background:#f39e9e;} .basic_goods dd.icon_box span.icon03{background:#88d9b3;} .basic_goods dd.icon_box span.icon04{background:#ffb307;} .basic_goods dd.icon_box span.icon05{background:#8bc34a;} .basic_goods dd.name .icon_img{display:none;} .product_list.search_mode .basic_goods dd.price_box .price{color:#999; width:100%;} .product_list.search_mode .basic_goods dd.price_box .event_box{color:#de0000;} .product_list.search_mode .basic_goods dd.info_dd{position: absolute; left: 214px; top: 50px; width: 48%; max-height: 140px; min-height:140px;} .product_list.search_mode .basic_goods:hover{ background:#f9f9f9; border-bottom:solid 1px #ddd; } .product_list.search_mode .basic_goods:hover dd.name{ color:#2071cb; } .product_list.search_mode .basic_goods dd .sale_ment{ display:block } /*상품리스트 버튼*/ .sort_btn{ display: block; padding: 8px 0; width: 100%; border-bottom: 1px solid #008b7c; text-align: right; margin: 0 0 20px;} .sort_btn button{background: #fff; padding: 5px 8px;color: #474747;min-width: 50px;letter-spacing: -1px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;border: solid 1px #ddd;cursor: pointer;vertical-align: top;} .sort_btn button:hover{ background:#fff; color:#d60034; border-color:#d60034; } .sort_btn button.on{ border:solid 1px #d60034; background:#d60034; color:#fff; font-weight:bold; } .sort_btn button.l_mod{ position:relative; background:#fff; border-color:#ddd; color:#273f82; font-size:0; padding:2px 0px 1px 0px; min-width:23px; height:25px; border-radius:0px; background-repeat:no-repeat;width:30px;height:30px;background-size: 15px; background-position: center center;} /* .sort_btn button.l_mod:hover{ background:#e30000; } .sort_btn button.l_mod:hover:before{ } */ .sort_btn button.l_mod.active{ background-color: #72c2b8;} .sort_btn button.l_mod.list{background-image:url(/img/button10.png);} .sort_btn button.l_mod.thumb{background-image:url(/img/button11.png);} .sort_btn button.l_mod i{ font-size:11px; color:#273f82; vertical-align:top; line-height:18px; display:none;} .sort_btn button.l_mod.active i{ font-size:11px; color:#fff; vertical-align:top; line-height:18px; display:none;} .product_list_exp{display:block; width:98%; height:35px; text-align:left; font:bold 18px/18px Malgun gothic; line-height:22px;} .product_list_exp i{ display:inline-block; padding:0 6px; font-weight:normal; font-size:16px; font-family:'serif',malgun gothic; } /* 페이징 처리 */ .paging{ position:relative; width:100%; margin:0px auto; text-align:center; padding:10px 0px 50px 0px; } .paging:after{ content:""; display:block; clear:both; } .paging b{ display:inline-block; padding:0px 10px; font:normal 12px/24px Malgun Gothic; color:#333; border:solid 1px #c0c0c0; background:#f8f8f8; cursor:pointer; } .paging span{ display:inline-block; padding:0px 8px; font:bold 12px/24px Malgun Gothic; color:#333; border:solid 1px #ddd; cursor:pointer; } .paging span:hover{ color:#ff5000; border:solid 1px #ff5000; font-weight:bold; } .paging span.on{ color:#fff; border:solid 1px #ff5000; background:#ff5000; font:bold 13px/24px Malgun Gothic; } .paging b:hover{ color:#fff; border:solid 1px #ff5000; background:#ff5000; } .paging_box{clear:both; position:relative; width:100%; margin:0 auto; padding:10px 0; text-align:center; } .paging_box_copy{ clear:both; position:relative; width:100%; margin:0 auto; padding:0px 0; text-align:center; } .paging_box_copy:after{ content:""; display:block; clear:both; } .paging_box_copy .paging{ padding:15px 0px 0px 0px; } hr.skip{display:none;} /* 상세 뷰페이지 */ .centerWrap .view_top{width:100;/* padding-top:20px */} .leftWrap_01{ position:relative; float:left; width:40%; padding:20px 0px; } .rightWrap_01{ position:relative; float:right; width:60%; padding:8px 0px; } .noData{ text-align:center; font-size:15px;color:#666; padding:70px 0px; letter-spacing:-1px; width:100%;} .noData.noCart{ padding:70px 0px; } .noData.noCart i{ display:none;} .rightWrap_01 .info_text{font-size: 15px;line-height: 24px; margin-top: 5px;color: #999;} .rightWrap_01 b.brand{display:block;} .rightWrap_01 div.icon_img{display: flex; flex-direction: row; align-items: stretch; height: 20px; margin-top: 11px; padding-bottom: 10px;} .rightWrap_01 div.icon_img img{ margin-right: 4px;} .rightWrap_01 div.icon_img b.out_b{background: #d60034; border: 1px solid #d60034; padding: 0px 8px; border-radius: 3px; font-size: 11px; color: #fff; margin-right: 2px; line-height: normal;} .baner_top_img {width:100%; margin:0 auto} .baner_top_img img {width:100%; height:auto; margin:0 auto} /* 상세 세부 이미지 */ .title_popup{ position:relative; color:#fff; display:block; text-align:center; font:bold 18px/22px Malgun Gothic; letter-spacing:-1.5px; padding:6px 0px 7px 0px; background:#3f3f3f; margin:0; } .white_close{ display:none !important; } .goods_title_img{ position:relative; width:95%; margin:0; } .goods_title_img dt{ position:relative; width:100%; height:450px; padding:0; overflow:hidden; cursor:pointer; text-align:center; } .goods_title_img dt img{position:relative; height:auto; max-height:100%; max-width:100%; text-align:center; } .goods_title_img dt:after{ position:absolute; top:0px; left:0px; padding:10px 8px; content:"확대보기"; color:#fff; background:url(/img/black_30.png);display:none;} .goods_title_img dt:hover{ border-color:#afafaf; } .goods_title_img dt:hover:after{ background:#008b7c; display:block;} .goods_title_img dd{ } .goods_title_img dd a{ display:inline-block; width:50px; height:50px; border:solid 1px #ddd; margin:15px 5px 0px 5px; ; vertical-align:top; text-align:left; } .goods_title_img dd a:hover, .goods_title_img dd a.on{ border-color:#afafaf; } .goods_title_img dd a img{ width:100%; height:100%; } .zoom{ position:relative; width:100%; margin:0 auto; max-width:850px; padding:0; background:#fff; } .zoom .goods_title_img{ position:relative; width:750px; margin:0 auto; } .zoom .goods_title_img dt{ position:relative; width:100%; height:auto; border:none; overflow:hidden; } .zoom .goods_title_img dt:after{ content:""; padding:0px; cursor:pointer; } .zoom .goods_title_img dt img{ position:relative; width:auto; max-width:100%; height:auto; border:solid 0px #ddd; } .zoom .goods_title_img dd a{ display:inline-block; width:62px; height:62px; border:solid 1px #ddd; margin:5px 5px ; ; vertical-align:top; text-align:left; } .zoom .goods_title_img dd:after{ content:""; display:block; clear:both; } .type_zoom{} .type_zoom .goods_title_img{} .type_zoom .goods_title_img .target{width:100%;height:450px;overflow:hidden;} .type_zoom .goods_title_img .target .photo{width:100%; height:450px; background-size:cover; background-repeat:no-repeat; background-position:center;} .goodsList{ clear:both; position:relative; width:100%; padding:0; } .goodsList:after{ content:""; display:block; clear:both; } /* 상품 상세 정보 4개 탭 */ .originT{ display:none; position:relative; width:100%; overflow:hidden; } .originT:after{ content:""; display:block; clear:both; } .tab_product4{ position:relative; width:100%; margin:0px auto; text-align:center;background:#f8f8f8 url(/img/gradation_top.png) repeat-x top; overflow:hidden; } .tab_product4:after{ content:""; display:block; clear:both; } .tab_product4 li{ display:inline-block; float:left; width:33.3%; border:solid 1px #999; border-width:1px 0px; padding:2px 0; /*border-bottom:solid 3px #0d953d;*/ } .tab_product4 li a{display:inline-block; width:100%; padding:10px 0px; color:#444; letter-spacing:-0.5px; } .tab_product4 li.on{ position:relative; width:33%; border:solid 1px #273f82; border-width:3px 0px 0px 0px; border-bottom:solid 1px #fff; border-left:solid 1px #273f82; border-right:solid 1px #273f82; background:#fff; } .tab_product4 li.on:before{ display:block; content:""; position:absolute; top:-4px; left:-1px; right:-1px; background:#273f82; height:3px; } .tab_product4 li.on a{ color:#008b7c; } .tab_product4 li a:hover{ color:#111; background:#fff; } .tab_product4 li.on a:hover{ color:#008b7c; } .tab_product4 li a b{ display:inline-block; padding:0px 5px; color:#eb5912; letter-spacing:0px; } .Tdata{ position:relative; width:100%;padding:40px 0 40px 0; min-height:130px; overflow:hidden; } .Tdata:after{ content:""; display:block; clear:both; } .Tdata h3{ display:none; color:#579407; text-indent:4%; text-align:left; } .Tdata h3:before{ content:""; font:normal 16px 'icon',Arial; color:#134ccf; } .product_info_1{ clear:both; min-height:200px; /*text-align:center; */ text-align:center; } .product_info_1 img{ margin-left:0px; } .Tdata.product_info_5{ padding:40px 0 0 0; margin-bottom:20px; } /* 상품후기 작성 폼 */ .reviewList{ position:relative; width:100%; overflow:hidden; background:#f9f9f9; } .reviewList:after{ content:""; display:block; clear:both; } .reviewList li{ position:relative; border:solid 1px #ddd; border-width:0px; overflow:hidden; font:normal 12px/18px Malgun Gothic; padding:10px 3% 5px 3%; background:#fff; } .reviewList li:first-child{ border-top:none; } .reviewList li:after{ content:""; display:block; clear:both; } .reviewList li:nth-child(even){ background:#fff; } .reviewList li .no_data{ text-align:center; font:normal 14px/30px Malgun Gothic; color:#777; min-height:100px; } .reviewList li .no_data:before{ display:block; content:"="; font:normal 50px/30px 'icon',Arial; color:#d4d7da; text-align:center; margin:50px 0 0 0;} .reviewList li strong{ display:inline-block; background:url(/img/arrow_sb.png) no-repeat 0px 6px; padding:0px 0px 0px 8px; color:#286cc0; float:left; } .reviewList li strong i{ display:inline-block; padding-right:5px; } .reviewList li button{ float:right; border-color:#96c882; background:#f4ffef url(/img/gradation_top.png) repeat-x top; color:#419c3e; padding:3px 6px; margin-bottom:2px; } .reviewList li .Rememo{ clear:both; float:left; display:block; width:98%; font:normal 12px/18px Malgun Gothic; text-align:left; padding:5px 8px 8px 8px; margin-top:8px; color:#777; background:#fafafa; border:1px dotted #d3d3d3; border-radius:5px; word-break:break-all} .reviewList li .date{ float:left; color:#999; display:inline-block; padding:0px 2px; } .reviewList li span{ float:left; color:#999; display:inline-block; padding:0px 3px; } .reviewList li.admin_re{ padding-left:50px; } .reviewList li.admin_re strong{ padding-left:16px; background:url(/img/green_arrow.png) no-repeat center left; color:#7ba433; } .reviewList li.admin_re .Rememo{ margin-top:8px; background:#f6f9ee; } button.gray{ display:inline-block; background:#eee; color:#666; border:solid 1px #999; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;margin: 0;height: 32px;box-sizing: border-box;min-width: auto;position: relative;top: 3px;padding: 0 10px;font-size: 13px; } button.gray.print{ min-width:118px; padding:1px 0px 3px 0px; margin-top:3px; font:normal 12px/18px Malgun Gothic; background:#e9ecef url(/img/gradation_top.png) repeat-x top; color:#3d586f; border-color:#a5b5c3; } button.gray.print:hover{ background:#e6f4ff; color:#2c8ad9; } button.gray.w50{ min-width:13%; font:bold 13px/27px Malgun Gothic; background:#399216; color:#fff; } button.gray:hover{ background:#fff; color:#333; } button.blue2{ min-width:60px;margin:1px; padding:8px 10px; border:1px solid #273f82; margin:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; background:#eaf0ff; color:#273f82; cursor:pointer; vertical-align:top; } button.blue{ background: #1f5fbc; border: 1px solid #1f4782; color:#fff} button.red2{ min-width:60px;margin:1px; padding:8px 10px; border:1px solid #822727; margin:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; background:#ffeaea; color:#822727; cursor:pointer; vertical-align:top; } .float_left{float:left} .float_right{float:right;} button.red{ min-width:60px; height:24px; color:#fff; padding:2px 0 3px 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border:solid 1px #e44651; background:#fd636e; cursor:pointer; vertical-align:top;} button.red:hover{ background:#dd2a37; } button.block{ display:block; margin:2px auto} span.status.red{clear:both; min-width:60px; height:18px; color:#b71c1c; font:normal 11px/14px Malgun Gothic; padding:0 2px 1px 2px; border-radius:1px; background:#ffebee; vertical-align:top; margin:1px;} /* 상품후기 */ .star_01{ display:inline-block; width:17px; height:14px; background:url(/doore4/img/star.png) no-repeat center right; margin:2px 2px 0 2px; cursor:pointer; } .star_02{ display:inline-block; width:31px; height:14px; background:url(/doore4/img/star.png) center right; margin:2px 2px 0 2px; cursor:pointer; } .star_03{ display:inline-block; width:46px; height:14px; background:url(/doore4/img/star.png) center right; margin:2px 2px 0 2px; cursor:pointer; } .star_04{ display:inline-block; width:61px; height:14px; background:url(/doore4/img/star.png) center right; margin:2px 2px 0 2px; cursor:pointer; } .star_05{ display:inline-block; width:76px; height:14px; background:url(/doore4/img/star.png) center right; margin:2px 2px 0 2px; cursor:pointer; } /* 관련 상품 */ .related_product{clear:both;box-sizing:border-box;overflow:hidden;position:relative;margin:0 0 30px; padding-top:30px;} .related_product h3{font-size:20px; padding: 20px 0 30px;position:absolute;} .related_product h3 em{color:#008b7c;font-weight:500;} .related{width:100%;box-sizing:border-box;clear:both;overflow:hidden;position:relative;padding-top:70px;} .related .swiper-pagination{width: 80px;font-size: 20px;bottom:auto;top:20px;right:44px;left:auto;} .related .productBox p.productTit{ height: 48px; line-height: 24px; padding: 0; margin: 10px auto 12px; font-size: 16px; font-weight: 400; color: #383838; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box!important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;width: 100%;box-sizing: border-box;} .related .productBox p.priceInfo{font-size:20px;} .related .productBox p.priceInfo span{color:#e00000;font-weight:500;display:inline-block;margin-bottom:8px;font-size:15px;} .related .productBox p.priceInfo b{display:block; margin-bottom: 5px;} .related .productBox p.priceInfo em{color:#bababa;text-decoration:line-through;font-weight:300;font-size:15px;text-decoration-thickness: 1px;display:block;margin-bottom:3px;} .related .productBox .sticker{box-sizing: border-box;display: flex; flex-direction: row; align-items: center; margin: 10px 0;} .related .productBox .sticker b.soldOut{background: #dedede; border: 1px solid #dedede; padding: 3px 8px; border-radius: 3px; font-size: 12px; margin-right:2px;} .related .productBox .sticker b.out_b{background:#d60034;border:1px solid #d60034;padding:3px 8px;border-radius:3px;font-size:12px;color:#fff; margin-right: 2px;} .related .productBox .sticker img{ margin-right: 2px;} .related .productBox .sticker p{padding:6px 10px;margin-right:4px;float:left;font-size:12px;color:#fff;border-radius:3px;} .related .productBox .sticker p.blue{background:#1f70ae;} .related .productBox .sticker p.pink{background:#e15094;} .related .productBox .sticker p.yellow{background:#d19548;} .related .productBox .detailInfo{height: 34px; line-height: 16px; padding: 0; margin: 10px auto 0; font-size: 14px; font-weight: 300; color: #999; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box!important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; box-sizing: border-box;} .related .productImg2{height:231px; width:100%;box-sizing:border-box;overflow:hidden;border:1px solid #d4d4d4;} .related .productImg2 img{transition:all .2s ease;width:100%;} .related .productImg2:hover img{transform:scale(1.1);} .related .swiper-button-next, .related .swiper-button-prev{width:40px;height:40px;top:10px;margin-top:0;} .related .swiper-button-next, .related .swiper-container-rtl .swiper-button-prev{background:url("/doore4/img/button07.png") no-repeat;left:auto;right:0;} .related .swiper-button-next:hover, .related .swiper-container-rtl .swiper-button-prev:hover{background:url("/doore4/img/button06.png") no-repeat;} .related .swiper-button-prev, .related .swiper-container-rtl .swiper-button-next{background:url("/doore4/img/button05.png") no-repeat;right:130px;left:auto;} .related .swiper-button-prev:hover, .related .swiper-container-rtl .swiper-button-next:hover{background:url("/doore4/img/button04.png") no-repeat;} .related .swiper-button-prev:after, .related .swiper-container-rtl .swiper-button-next:after, .related .swiper-button-next:after, .related .swiper-container-rtl .swiper-button-prev:after{content:'';} /* 테이블 */ table{ width:100%; margin:0px auto; border-spacing:0;vertical-align:top; } table caption{ position:relative; text-align:left; letter-spacing:-0.5px; } table.normal{ border:solid 1px #999; border-width:1px 0px; border-bottom:0; } table.normal.center td{ text-align:center; } table.normal.right td{ text-align:right; } table.normal.w_95{ width:92.5%; margin:0; background:#fdfdfd /*url(/img/bg_pattern_21.png)*/; border-color:#ddd; } table.normal.w_95 caption{ font:bold 12px/18px Gulim; padding:13px 0px 0px 8px; color:#555; vertical-align:bottom; } table.normal.w_95 caption b{ display:inline-block; margin:4px 0 0 0; } table.normal.w_95 caption button{ margin:0 2px 5px 0; border-color:#96c882; background:#f4ffef url(/img/gradation_top.png) repeat-x top; color:#419c3e; } table.normal.w_95 td{ color:#666; } table.normal caption{ padding:0 0 20px; background:#fff; color:#111; font-size:30px;letter-spacing:-0.8px; line-height:40px;} table.normal th{ width:95px;padding:14px 0;text-align:left; color:#000; border:solid 1px #eee; border-width:0px 0px 1px 0px; font-weight:normal; vertical-align:middle;font-size:16px; } table.normal td{ padding:14px 0; text-align:left; color:#000; border:solid 1px #eee; border-width:0px 0px 1px 0px; font-size:16px;} table.normal td.price{ font:normal 14px/20px Arial; color:#204cc8; } table.normal td.sale_price{color:#e81e3b; } table.normal td.sale_price .price_vat{ color:#454545; font-size:12px; } table.normal td.sale_price .under_txt{ color:#454545; font-size:11px; font-style:normal;} table.normal td.tit{ background:#2c4487; color:#fff; vertical-align:middle; } .order_nn{ position:relative; border:1px solid #b1b1b1; text-align:center; padding:1% 0; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } table.normal td.sale_price2{ color:#999; text-decoration:line-through; } table.normal td.sale_price b{ display:inline-block; font:normal 12px/16px Malgun Gothic; background:#d92c1a; color:#fff; padding:1px 3px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .red_nemo{ display:inline-block; background:#e81e3b; font:normal 12px/20px Arial; color:#fff; padding:0px 5px; margin:0px 5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .red_nemo.gray{ background:#fff; font:normal 12px/20px Arial; border:solid 1px #75c163; color:#2f8f19; } table.normal td.optionBox{ vertical-align:middle; background:#f2fcff; padding:0px 0px 0px 0px; font-weight:bold; border:solid 1px #999; border-width:1px 0px; } table.normal th.account_price{ color:#000; letter-spacing:-0.12em; vertical-align:middle; } table.normal td.account_price{ color:#e81e3b; text-align:right; letter-spacing:-1px; padding:10px 15px 10px 0; font-size:24px;} table.normal td.account_price span.vat_txt{font-size:15px; color:#000; font-weight:normal; line-height:0; } table.normal td.point{ font:bold 13px/22px Dotum; vertical-align:middle; } table select{outline: none;font-size: 15px;height: 32px;box-sizing: border-box;position: relative;top: 1px;border-radius: 0;border: 1px solid #ddd;padding: 0 5px;} table.normal td input[type=text].qty{ width:40px; margin: 0 -5px 0 -4px;} table.normal .sky_bg{ background:#fff; height:40px; } table.normal .sky_bg th{ color:#478aef; } table.normal td button.plus{ width:22px; height:22px; font:bold 16px/22px Verdana,Arial; color:#666; background:#f1f2f4; border:1px solid #dedede;box-sizing:border-box;} table.normal td button.minus{ width:22px; height:22px; font-size:22px ; font-weight:100; font-family:Verdana,Arial; padding-bottom:8px; color:#666; background:#f1f2f4; border:1px solid #dedede;box-sizing:border-box; } table.normal td input[type=checkbox]{ margin:-2px 0 3px 0; vertical-align:middle; } table.normal td label{ vertical-align:bottom; } table.normal strong.num_pro{ display:block; color:#5ca435; font:bold 20px/30px Verdana,Arial; letter-spacing:-1px; padding:5px 0 0 0; } table.normal button.gray{ background:#fff; color:#888; border-color:#b4b9bd; } table.normal td.point{color:#ff6000; letter-spacing:-0.18em; font-size:11px } table.normal .line2 th{ border-style:solid; border-color:#c1c1c1; } table.normal .line2 td{ border-style:solid; border-color:#c1c1c1; } table.normal .line2 .stickerselect{width:140px; } /*구매버튼*/ .buy_btn{ position:relative; margin:15px auto 10px; text-align:right; display:flex;justify-content: space-between;} .buy_btn button{ display:block; width:24.065%; background:#44ad2f; color:#fff; border:solid 0px #fff; outline:none; cursor:pointer; vertical-align:top; padding:14px 0; margin:0 0.2%;font-size:16px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .buy_btn button.check{ background:#d60034; } .buy_btn button.cart{ background:#e8e8e8; color:#000; } .buy_btn button.wish{ background:#05c0c9; } .buy_btn button.sopping{ background:#008b7c; } td input.count{ padding:0px 2px 0px 2px; height:16px; line-height:19px; } /*장바구니*/ /* table.cartlist{ margin:10px 0px; } table.cartlist caption{ font:bold 18px/22px Malgun Gothic; padding:0px 0px 8px 2px; } table.cartlist caption strong{ padding:0px 5px 8px 0; color:#ec407a } */ div.cartlist{ margin:10px 0px; } div.cartlist span{ font:bold 18px/22px Malgun Gothic; padding:0px 0px 8px 2px; } div.cartlist span strong{ padding:0px 5px 8px 0; color:#ec407a; } table.cartlist{ margin:15px 0 0; border-bottom:1px solid #aaa } table.cartlist caption{font-size:14px; padding:10px 0 20px;} table.cartlist caption .warning{font:bold 14px/28px Malgun Gothic; padding:0px 0px 8px 2px; color:#000; position:relative; } table.cartlist caption .warning:after{ content:""; display:block; clear:both; } table.cartlist caption .warning input{width:20px; border:1px solid #ca1a1a; margin:0 0 8px 0; padding:3px} table.cartlist caption .warning strong{display:inline-block; font:bold 18px/22px Malgun Gothic; padding:0px 0px 8px 0; color:#ca1a1a} table.cartlist caption .warning a{display:inline-block; color:#ca1a1a; background:#feffbe} table.cartlist caption .warning img{display:inline-block; margin:0 10px 5px 0} table.cartlist caption .warning .warning_notice{ display:inline-block; } table.cartlist caption .warning .warning_txt{ padding-left:68px; margin-top:-10px; font-size:12px; } table.cartlist td .cartlist_mm{ display:block;} table.cartlist td .cartlist_mm li{ display:inline-block; float:left; } table.cartlist td .cartlist_mm li.img{ width:20%; } table.cartlist td .cartlist_mm li.option_list{ width:77%; text-align:left; } table.cartlist td .cartlist_mm li.pricem{ width:10%; height:30px; padding-top:30px; font:bold 15px/15px Malgun gothic; color:#ff5000;} table.cartlist td .cartlist_mm li.del_btn{ float:right; width:5%; height:30px; padding-top:30px; } table.cartlist td .discount{display:block; color:#000; font-weight:bold} table.cartlist td .discount a{display:inline-block; background:#ff5d46; color:#fff; font-weight:normal; font-size:11px; line-height:14px; padding:2px 2px 0 ; letter-spacing:-1px} table.cartlist .icon_img{ text-align:left; display:block;} table.cartlist .icon_img img{margin-right:2px;} table.cartlist td .pay{line-height:26px; display:block } table.cartlist td .pay strong{color:red; font-weight:bold; display:inline-block } /* 면세 장바구니 */ table.cartlist2{ margin:5px 0px; border-bottom:1px solid #aaa } table.cartlist2 th{ background:#4c4c4c; font:bold 12px/18px Malgun Gothic; padding:7px 0px 7px 0px; color:#fff; line-height:17px;white-space:nowrap;text-overflow:ellipsis; } table.cartlist2 td.p_top{vertical-align:top; } table.cartlist2 td.p_top2{vertical-align:top; } table.cartlist2 td.p_top2 a img{ width:80px; height:80px; vertical-align:top; } table.cartlist2 td.name{ font:bold 12px Dotum; min-width:400px; text-align:left; } table.cartlist2 td.last{ background:#fbfff0; font:bold 20px/26px Malgun Gothic; } table.cartlist2 td{ text-align:center; padding:10px 0px; font:normal 12px Gulim; vertical-align:middle; border-bottom:dotted 1px #d0d0d0; line-height:17px; } table.cartlist2 td.total{ font:bold 13px Arial; color:#0147b0; text-align:center; padding:5px 0px 0px 0px; } table.cartlist2 td.account{ color:#333; font:bold 13px/26px Malgun Gothic; text-align:right; padding:15px 45px 15px 0px; } table.cartlist2 td.account b{ font:normal 13px/26px Malgun Gothic; color:#3970c2; } table.cartlist2 td.last span{ color:#dd102d; font:bold 24px/28px verdana; background:url(/img/blit_price.gif) no-repeat 0px 5px; padding:0px 0px 2px 18px; } table.cartlist2 td.last{ /*border-bottom:solid 1px #1467b2;*/font:bold 14px/30px Arial; background:#fbfff0; border:solid 1px #c5c5c5; border-width:1px 0px; } .basicItem button.count.delet{ display:none; } /*적립금조회 15.08.25*/ table.cartlist caption.point_box{ width:40%; padding:12px 0px; margin:10px auto 20px auto; text-align:center; border:2px solid #fabb13; background:#fffef1; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; vertical-align:middle; } table.cartlist caption.point_box strong{ float:left; display:inline-block; margin-left:18%; width:39px; height:41px; background:url(/img/point_icon.png) no-repeat center left;} table.cartlist caption.point_box div{ float:left; padding:7px 0px 0px 10px; margin-left:1%;} table.cartlist caption.point_box:after{ clear:both; } table.cartlist.a2 caption span.right{ float:right; font:normal 12px/20px Malgun Gothic; color:#42474d; letter-spacing:0px; margin-right:10px; } table.cartlist.a2 caption span.right i{ color:#d3495d; } table.cartlist tr:hover{ } /* table.cartlist tr th:first-child{ width:1%; } table.cartlist tr th:nth-child(2){ width:15%; } table.cartlist tr th:nth-child(3){ width:32%; } table.cartlist tr th:nth-child(4){ width:11%; } table.cartlist tr th:nth-child(5){ width:9%; } table.cartlist tr th:nth-child(6){ width:6%; } */ table.cartlist tr:nth-child(odd){ /*background:#fafafa;*/ } table.cartlist th{ background:#f5f5f5; color:#000;padding:14px 0;border-top:1px solid #008b7c;font-weight:600;vertical-align:middle;border-bottom:1px solid #e4e4e4;white-space:nowrap;text-overflow:ellipsis; } table.cartlist th.last{ width:50px; } /* table.cartlist th.midium{ min-width:80px; } */ table.cartlist th.first{ width:100px; } table.cartlist td{text-align:center; padding:10px 4px; font-size:14px; font-weight:400; vertical-align:middle; border-bottom:solid 1px #ededed; line-height:17px; } table.cartlist td .rev{ text-align:left; width:580px; word-wrap: break-word } table.cartlist td.pro_name{ background:#fbfff0; text-align:left; min-width:190px; /* display:inline-block; */ padding-left:10px; /* min-height:29px; */ } table.cartlist td.btn_mobile{text-align:center; } table.cartlist td.btn_mobile span,table.cartlist td.btn_mobile font{display:block} table.cartlist td.btn_mobile button{display:block; float:none; margin:1px auto} table.cartlist td.btn_mobile .btn_status{display:block; float:none; margin:1px auto; color:#af233e; } table.cartlist td.p_top{vertical-align:top; } table.cartlist td.p_top2{vertical-align:top; } table.cartlist td img{ width:80px; height:80px; vertical-align:top; } table.cartlist td.name{min-width:auto; text-align:left; } table.cartlist td.name a{ color:#333; } table.cartlist td.name a img{width:17px; height:auto; display:block;} table.cartlist td.name:hover{ /*text-decoration:underline;*/ color:#333; } table.cartlist td input.count{ padding:0px 2px 0px 2px; height:16px; line-height:19px; } table.cartlist td input.write{ padding:0px 2px 0px 2px; height:18px; line-height:17px; margin-top:0px; background:#edf6ff; } table.cartlist td input.plus{ width:15px; height:15px; } table.cartlist td.total{font-size:14px; font-weight:500; color:#d60034; text-align:center; padding:5px 0px 0px 0px; } table.cartlist td.top_m{ padding-top:22px; } table.cartlist td.account{font-size:13px; font-weight:500; color:#333; text-align:right; padding:15px 45px} table.cartlist td.account .account-con{display:flex; justify-content:space-between; align-items:center;} table.cartlist td.account .account-con .account-con-l{display:flex; align-items:center;} table.cartlist td.account .account-con .account-con-r{} table.cartlist td.account span{ font:bold 15px/24px 'Noto Sans KR'; } table.cartlist td.account b{ font:normal 13px/26px Malgun Gothic; color:#3970c2; } table.cartlist td.last span{ color:#eb1616; } table.cartlist td .icon_img{height:20px;display:flex;} table.cartlist td .icon_img img{height:auto;width:auto;margin-right:4px;} table.cartlist td span.date{ display:block; color:#999; font-size:11px; } table.cartlist td span.bank{ display:block; color:#3574c1; font-size:11px; } /*table.cartlist td[rowspan]{ border:dotted 1px #d0d0d0; }*/ table.cartlist td.order_no{ text-align:left; padding-left:10px; } table.cartlist td.order_no b{ display:block; } table.cartlist td.order_no b span{ display:block; width:70px; font:normal 11px/14px Arial; color:#888; word-break:break-all; word-wrap:break-word; margin:0 auto; cursor:pointer; } table.cartlist td.order_no span:hover{ text-decoration:underline; color:#164cd3; } table.cartlist td.order_info b{ display:block; } table.cartlist td .point_notice li{ font:normal 12px Malgun Gothic; color:#666; text-align:left; padding:0 0 5px 0; } table.cartlist td .point_notice li label{ display:block; } table.cartlist td .point_notice li:before{ content:"%"; font:normal 12px 'modernpics',Arial; padding-right:3px; color:#1097e4; } table.cartlist td .point_notice li .p_right{ text-align:right; } table.cartlist td .point_notice li b{ color:#0574e6; } table.cartlist td .point_notice li input[type=text]{ width:10%; } table.cartlist td span.order_option{ display:block; color:#999; font:normal 12px/15px Malgun Gothic } table.cartlist td span.order_option:before{ content:"필수옵션"; font:normal 11px/14px Malgun Gothic; background:#fff; border:solid 1px #85a7d0; color:#778eab; display:inline-block; padding:0px 3px 2px 3px; margin:2px 3px 0px 0px; } span.order_num{ float:left; display:block; color:#4d9ae8; font:normal 12px/18px Malgun Gothic; cursor:pointer; } span.order_num:before{ content:"주문번호"; font:normal 11px/13px Malgun Gothic; background:#4d9ae8; border:none; color:#fff; display:inline-block; padding:2px 3px 2px 3px; margin:2px 2px 0px 0px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; text-decoration:none!important; } table.cartlist .inv{display:block; color:blue; padding-top:5px} span.order_tax{ display:block; color:#fff; font:normal 12px/13px Malgun Gothic } span.order_tax:before{ content:"과세"; font:normal 11px/13px Malgun Gothic; background:#79ec40; border:solid 1px #79ec40; color:#778eab; display:inline-block; padding:2px 3px 1px 3px; margin:2px 3px 0px 2px; } span.order_free{ display:block; color:#fff; font:normal 12px/13px Malgun Gothic } span.order_free:before{ content:"면세"; font:normal 11px/13px Malgun Gothic; background:#ecb240; border:solid 1px #ecb240; color:#fff; display:inline-block; padding:2px 3px 1px 3px; margin:2px 3px 0px 2px; } /*qna*/ .qna_q{background:url(/img/icon_qna_q.png) no-repeat left 3px; text-align:left; padding:3px 5px 3px 18px; font-size:11px; border-bottom:1px dotted #ddd; width:460px; word-wrap: break-word } .qna_a{background:url(/img/icon_qna_a.png) no-repeat left 3px; text-align:left; padding:3px 5px 23px 18px; font-size:11px;width:460px; word-wrap: break-word } .pointRed{ color:#fa5757;} .qna_list{ display:block; } .qna_list li{ display:inline-block; float:left; } .qna_list li.name{ width:20%; padding-left:10px; text-align:left; font-weight:bold; color:#ff5000; } .qna_list li.result{ width:60%; } /*옵션*/ .optionBox.goods-view-optionBox{ vertical-align:middle; padding:0px 0px 0px 0px; font-weight:bold; border:solid 1px #999; border-width:1px 0px; } .goods-view-optionBox .optionArea{ position:relative; padding:12px 12px 8px 12px; vertical-align:middle; border:1px solid #dedede;background:#fff; overflow:hidden; margin:5px 0;} .goods-view-optionBox .optionArea:after{ content:""; clear:both; display:block; } .goods-view-optionBox .option_qty{ clear:both; } /* .basicItem{ position:relative; margin:0px 0px 0px 0px; text-align:left; } .basicItem:after{ content:""; clear:both; display:block; } .basicItem .option_qty{ padding-right:55px; } .optionArea li{ float:left; } .optionArea li:first-child{ float:left; width:12%; color:#777; padding:0px; } .optionArea.mustItem{ position:relative; padding:0px 0px 0px 0px; border:none; margin:-2px 0 0 0; } .optionArea.mustItem:before{ position:relative; top:5px; left:0px; display:inline-block; font-size:11px; content:"필수옵션"; color:#fff; background:#2cbfb5; padding:0px 2px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; letter-spacing:-1px;} .optionArea.mustItem ul{ overflow:hidden; padding:0px 5px 0px 0px; } .optionArea.mustItem ul li{ padding:5px 0px 0 0; color:#666; } .optionArea.mustItem ul li.first{ width:94%; } .optionArea.mustItem ul li.price{ width:94%; } .optionArea.mustItem ul li.price .option_qty{ text-align:left; } .optionArea.mustItem ul li.price .option_price:before{ position:relative; top:0px; left:0px; margin-right:3px; display:inline-block; font-size:11px; content:"단가"; color:#fff; background:#2cbfb5; padding:0px 2px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; letter-spacing:-1px;} */ /*옵션*/ .order-view-table .optionArea{width:100%; display:flex; position:relative; margin:0 auto; padding:3px 8px; border-top:solid 1px #eee; color:#888; box-sizing:border-box} .order-view-table .optionArea:after{clear:both; content:""; display:block; } .optionArea .optionArea-l{display:flex; flex-grow:1; max-width:100px;} .optionArea .optionArea-l span{width:100%; display:block; padding:5px; word-break:break-word; box-sizing:border-box;} .optionArea .optionArea-r{flex-grow:1;} /* .order-view .option_qty{float:right;} */ .order-view .option_qty{display:block; margin:8px 0 0;} .order-view .order-point{font-size:13px; font-weight:300; color:#555; margin:8px 0 0;} .order-view-table .option_qty{ float:right;} .optionArea .optionArea{padding:3px 0 3px 8px ; font:normal 11px/18px Malgun Gothic; vertical-align:middle; border-top:solid 1px #eee; color:#999; vertical-align:middle } .basicItemW{display:block; width:100%} .basicItemW:after{content:''; clear:both; display:block;} /* .basicItem{float:right; display:inline-block} */ .basicItem{display:inline-block} .basicItem:after{content:''; clear:both; display:block; } .optionArea ul{display:flex; font-size:11px;} .optionArea li{width:40%; position:relative;} .optionArea li:first-child{width:60%; color:#777; padding:0px; } .optionArea.mustItem{display:block; padding:0px 0px 0px 50px; border:none; margin:-2px 0 0 0; } .optionArea.mustItem:before{ position:absolute; top:5px; left:0px; display:inline-block; font-size:11px; content:"필수옵션"; color:#fff; background:#2cbfb5; padding:0px 3px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; letter-spacing:-1px;} .optionArea.mustItem ul{ overflow:hidden; padding:0px 0px; } .optionArea.mustItem ul li{ padding:5px 0px 0 0; color:#666; } .optionArea .price{width:130px} .optionArea p.price_area{width:100px; display:inline-block; text-align:right;} /* 주문/배송조회 */ .order-view-table{} .order-view-table tr{} .order-view-table tr th{} .order-view-table tr td{} .order-view-table tr td:nth-of-type(1){width:10%;} .order-view-table tr td:nth-of-type(2){width:60%;} .order-view-table tr td:nth-of-type(3){width:10%;} .order-view-table tr td:nth-of-type(4){width:10%;} .order-view-table tr td:nth-of-type(5){width:10%;} .order-view-table2 tr td:nth-of-type(1){width:5%;} .order-view-table2 tr td:nth-of-type(2){width:10%;} .order-view-table2 tr td:nth-of-type(3){width:55%;} .order-view-table2 tr td:nth-of-type(4){width:10%;} .order-view-table2 tr td:nth-of-type(5){width:10%;} .order-view-table2 tr td:nth-of-type(6){width:10%;} /* 기본 수량 */ .basicItem input[type=text].qty{ width:22px; height:14px; font:12px/12px Malgun Gothic; } .basicItem button.count.small{ font-weight:normal; height:18px; margin-right:0px; } .optionArea.mustItem ul li input[type=text].qty, .optionArea.choiceItem ul li input[type=text].qty{ width:22px; height:16px; font:12px/12px Malgun Gothic; } .optionArea.mustItem ul li button.count, .optionArea.choiceItem ul li button.count{ font-weight:normal; height:20px; } .optionArea.choiceItem{padding:0 5px 0px; border:solid 1px #ddd; border-width:1px 0px; background:#f9f9f9; margin:5px 0px 0px 0px; } .optionArea.choiceItem:first-child{ border-width:0px 0px 1px 0px; margin:10px 0px 0px 0px;} .optionArea.choiceItem ul{ border-top:dotted 1px #ddd; overflow:hidden; padding:5px 5px 5px 0px; } .optionArea.choiceItem ul:first-child{ border-top:none; } .optionArea.mustItem ul li .option_name b{ display:inline-block; font-weight:normal; color:red; padding:0px 5px 0px 1px; } .optionArea.choiceItem ul li .option_name b{width:76px; word-break:break-word; margin:0 10px 0 0; display:inline-block; font-weight:normal; color:#d60034;} .order_img_box_wrap{} .order_img_box_wrap dt{float:left; vertical-align:top ; width:20%; min-width:90px; max-width:100px} .order_img_box_wrap dt img{width:80px; padding:5px} .order_img_box_wrap dd{float:left; text-align:left; width:80%;} .order_img_box_wrap dd p{ padding:5px } .order_img_box_wrap dd .option_box{display:block; width:100%; border-top:1px dotted #aaa; margin-top:3px; padding:5px; color:#4784ff; font-size:11px; line-height:13px} .order_img_box_wrap dd .option_box2{display:block; width:100%; border-top:0px dotted #aaa; margin-top:0px; padding:1px 0 1px 15px; color:#999; font-size:11px; line-height:13px} .order_img_box_wrap dd .option_box2 p{display:block;padding:0} /* 장바구니 옵션 가격 */ .option_price{ position:relative; display:inline-block; font-size:14px; color:#bf510e; min-width:90px; text-align:left; } .mobile_on{ display:none; } .optionArea .option_name{display:flex; margin:0 0 10px;} .optionArea .option_name p{} .optionArea .option_left{float:left;} .optionArea .option_right{float:right;} .optionArea .option_right .close_ico_s{cursor:pointer;} .m_option_price{ display:none; } button.count.delet_option{ border-color:#e24f29; background:#e24f29; width:18px; color:#fff; } /* .optionArea.choiceItem:before{content:"추가구성"; position:absolute; top:10px; left:0px; display:inline-block; font-size:11px; color:#2093d4; background:#fff; border:solid 1px #2093d4; padding:0px 2px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; letter-spacing:-1px; } */ .tablewrap{ position:relative; margin:8% 0 1% 0; } .tablewrap2{ position:relative; margin:2% 0 1% 0; } table.normal tr.fff{ background:#fff;} table.normal tr.fff th,table.normal tr.fff td{ border:solid 1px #999; border-width:1px 0px;border-bottom:0; } table.normal td .option_name{ display:block; min-width:92px; vertical-align:middle; color:#0f65a1; color:#000; padding-bottom:10px; font-size:14px;} table.normal td .option_name b{ display:inline-block; padding:2px 3px; background:#fff; border:solid 1px #2483c6; color:#0f65a1; margin:0px 6px 3px 0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } table.normal td .option_name b:before{ content:"옵션 : "; } select.goods_option{ width:100%; font:normal 13px/24px Arial; padding:3px 3px 3px 5px; margin-bottom:5px;} table.normal td input[type=text]{ border:solid 1px #dedede; padding:0px 0px 0px 0px; height:20px; vertical-align:top; outline:none;} button.count{ background:#f8f8f8; border:solid 1px #777; outline:none; cursor:pointer; font:bold 12px/20px Malgun Gothic; vertical-align:top; padding:0px 3px; margin:0px 0px 4px 0px; color:#333; } button.count.small{ margin:0px 0px 0px 5px; font:bold 12px/16px Malgun Gothic; border-width:1px; color:#666; border-color:#ccc; } button.count.delet{ font:normal 11px/20px Malgun Gothic; color:#fff; border:solid 1px #ea5454; background:#ea5454; float:right; margin-right:8px; } button.count:hover{ background:#e6f4ff; border-color:#2887d8; color:#0c62aa; } button.basic_01{ font:normal 11px/27px Malgun Gothic; outline:none; padding:0 1px; cursor:pointer; border-radius:0; color:#777; border:solid 1px #ddd; background:#eee url(/img/gradation_top.png) repeat-x top; vertical-align:middle; margin:0; } button.basic_01.delet{ color:#666; padding:0 5px; font-weight:bold; border-width:1px 1px 1px 0; margin:0 1px 0 0; } button.basic_01:hover{ border:solid 1px #3f6ed8; background-color:#e1f7ff; color:#214fc4; } button.basic_01.modify{ color:#fff; border:solid 1px #3f9be9; background:#3f9be9; } button.basic_01.delet:hover{ margin:0; } .badge-detail{line-height:42px; background:#222; color:#fff; text-align:center;} /*재검색*/ .title_2{ float:left; display:inline-block; font:bold 24px/26px Malgun Gothic; color:#1e69c7; letter-spacing:-1.5px; } .category_name_1{ display:inline-block; padding:3px 20px 6px 20px; font:bold 16px/18px Malgun Gothic; color:#fff; vertical-align:middle; background:#d12b22; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;} .title_2 strong{ color:#df0e00; font:bold 16px/24px Malgun Gothic; vertical-align:bottom; } .title_2 b{ color:#df0e00; } .title_2 .row_menu{ display:inline-block; padding:0px 10px 0px 10px;} .title_2 .row_menu a{ display:inline-block; padding:5px 10px; margin:0px 15px; font:normal 14px/18px Malgun gothic; color:#636363; background:url(/img/red_arrow_right.png) no-repeat 0px 11px; } .title_2 .row_menu a:hover{ color:#ff5000; } .title_2 .row_menu a.on{ font-weight:bold; color:#ff5000; background:url(/img/mint_arrow_right.png) no-repeat 0px 11px; } .memo2{ padding:0px 0px 0px 1px; color:#666; float:left; } .memo2 b{ color:#ec1226; } .reSearch{float:right ;width:240px; border:1px solid #ccc;} .reSearch input{border:none; padding:4px 4px;width:200px;} .reSearch input.search_btn {border:none; padding:4px ;border-left:none;height:18px; width:18px} /*장바구니*/ table.cartlist td span.order_num:hover{ color:#25890d; } .nameBox{ position:relative; width:100%; margin:0 0 10px;} .nameBox:after{content:""; display:block; clear:both;} .nameBox .status{ background:#e76888; color:#fff; font-size:11px; letter-spacing:-0.1em; padding:2px 2px 1px; line-height:12px } .product_name{ display:block; width:100%; word-break:break-all; padding:10px 0 4px 0px; } .product_name .company{ display:inline-block; font:normal 11px/16px Malgun Gothic; background:#fff; border:solid 1px #ccc; color:#888; vertical-align:top; margin:-4px 3px 0 0; padding:0px 2px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; letter-spacing:-0.15em } .product_name .more{ color:#f14b1e; } table.cartlist td.last{font-size:14px; font-weight:500; background:#fbfff0; border:solid 1px #c5c5c5; border-width:1px 0px; } table.cartlist td.last span{ color:#dd102d; font:bold 24px/28px verdana; background:url(/img/blit_price.gif) no-repeat 0px 5px; padding:0px 0px 2px 18px; } .flower_option{ clear:both; position:relative; width:100%; padding:2px 0 0 0; display:none } .flower_option:after{ content:""; display:block; clear:both; } .flower_option li{ font:normal 11px/16px Malgun Gothic; color:#888; } .flower_option li > b{ display:inline-block; content:""; font:normal 11px/11px Malgun gothic; color:#509bd0; background:#fff; border:solid 1px #bde2ff; padding:2px; margin:0 3px 2px 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .belong{ display:block; width:70px; font:normal 11px/12px Malgun gothic; color:#509bd0; background:#fff; border:solid 1px #bde2ff; padding:2px; margin:2px auto 0; word-break:break-all; word-wrap:break-word; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .point_data{ display:block; font:normal 11px Arial; color:#1187da; text-align:right; } .point_data:before{ display:inline-block; content:"적립"; font:normal 11px/11px Malgun gothic; color:#509bd0; background:#fff; border:solid 1px #bde2ff; padding:1px 2px 1px 2px; margin:0 3px 0 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .point_data:after{ content:"p"; } .discount_data{ display:block; padding-bottom:3px; font:normal 11px Arial; color:#eb4e3e; text-align:right; } .discount_data:before{ display:inline-block; content:"할인"; font:normal 11px/11px Malgun gothic; color:#eb4e3e; background:#fff; border:solid 1px #eb4e3e; padding:1px 2px 1px 2px; margin:0 3px 0 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .discount_data:after{ content:"원"; } /*주문배송조회부분*/ .order_list_oja{ display:block; } .order_list_oja li{ display:inline-block; float:left; text-align:left; } .order_list_oja li.imgView{ width:12%; text-align:center; } .order_list_oja li.name{ width:45%; } .order_list_oja li.order_info{ width:25%; } .order_list_oja li.payment{ width:10%; } .order_list_oja li.last{ width:8%; } /* 아이디/비번 찾기 */ .id_pw_find{ position:relative; width:100%; margin:30px auto 20px; border:solid 1px #d7d7d7; padding:10px 0% 10px 1%;color:#333; background:#fafafa;box-sizing:border-box;clear:both;} .id_pw_find:after{ content:""; display:block; clear:both; } .id_pw_find li{ position:relative; border:solid 1px #d7d7d7; width:42.7%; float:left; padding:30px 3%; background:#fff; margin:0 1% 0 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; } .id_pw_find li.id_01{ background:#fff url(/img/id_bg.png) no-repeat right 23px; } .id_pw_find li.pw_01{ background:#fff url(/img/pw_bg.png) no-repeat right 19px; } .id_pw_find li:first-child{ margin:0px 0px 10px 0px; } .id_pw_find li h2{ color:#3a3a3a; margin:0px 0px 10px 0px; } .id_pw_find li h2 b{ color:#d3495d; } .id_pw_find li p{ color:#888; margin:0px 0px 30px 0px; border-bottom:solid 1px #ddd; padding-bottom:15px; } .id_pw_find li > div{ position:relative; width:100%; } .id_pw_find li input[type=text]{ width:56%; border:solid 1px #999; min-height:30px; padding:0px 0px 0px 5px; vertical-align:middle; outline:none;} .id_pw_find li input[type=text]:hover,.id_pw_find li input[type=text]:focus{ border-color:#008b7c; background:none; } .id_pw_find li button{ position:absolute; top:0; right:0; margin:4px 0; width:25%; padding:27px 0; background:#444; color:#fff; border:none; cursor:pointer;} .id_pw_find li label{ display:block; padding:4px 0;} .id_pw_find li label b{ display:inline-block; width:80px; } .id_pw_find li input[type=email]{ width:56%;padding:0px 0px 0px 5px; border:solid 1px #999; min-height:30px; vertical-align:middle;} /*마이페이지 메뉴*/ .step{position:relative; width:100%; display:flex;} .step:after{ content:""; display:block; clear:both; } .step li{flex-grow:1; position:relative; cursor:pointer; text-align:center;padding:20px 0;margin-bottom:20px;background:#f6f6f6;border-bottom:1px solid #dedede;box-sizing:border-box;} .step li span{ position:absolute; top:0px; left:12px; display:inline-block; width:67px; height:67px; display:none;} .step li span.step_01{ background:url(/img/my_step_02.png) no-repeat top center; } .step li span.step_02{ background:url(/img/step_img_02.png) no-repeat top center; } .step li span.step_03{ background:url(/img/step_img_03.png) no-repeat top center; } .step li span.join_01{ background:url(/img/join_step_01.png) no-repeat top center; } .step li span.join_02{ background:url(/img/join_step_02.png) no-repeat top center; } .step li span.join_03{ background:url(/img/join_step_03.png) no-repeat top center; } .step li span.my_01{ background:url(/img/my_step_01.png) no-repeat top center; } .step li span.my_02{ background:url(/img/my_step_02.png) no-repeat top center; } .step li span.my_03{ background:url(/img/my_step_03.png) no-repeat top center; } .step li span.my_04{ background:url(/img/my_step_04.png) no-repeat top center; } .step li span.my_05{ background:url(/img/my_step_05.png) no-repeat top center; } .step li span.my_06{ background:url(/img/my_step_06.png) no-repeat top center; } .step li span.my_07{ background:url(/img/my_step_07.png) no-repeat top center; } .step li span.my_08{ background:url(/img/my_step_08.png) no-repeat top center; } .step li span.my_09{ background:url(/img/my_step_09.png) no-repeat top center; } .step li span.my_10{ background:url(/img/my_step_10.png) no-repeat top center; } .step li span.my_11{ background:url(/img/my_step_11.png) no-repeat top center; } .step li:hover{background:url(/img/step_bg_hover.gif) no-repeat top center; text-align:center;} .step li.on{ background:url(/img/step_bg_on.gif) no-repeat top center; text-align:center;border:1px solid #009b9d;border-bottom:1px solid #fff; } .step_text{float:left; padding-top:40px} .step_text p{display:block; padding:5px 0 0 12px; color:#ff6d00} .step_text p strong{display:block;line-height:24px;color:#333} .step_text p a{color:#fff; font-weight:bold; background:#ff9100; padding:3px 1px 0px 1px; line-height:18px} .step_text p a:hover{ background:#ffb74d;} table caption span.smallBlue{ color:#d51c1c; letter-spacing:0px; font-weight:700;} button.od_cancle{ padding:5px 5% 2px 5%; font:normal 11px/13px dotum; color:#fff; background:#f34941; border:1px solid #f55a53; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } button.od_cancle.ok{ background:#0b7bda; border-color:#0f63aa; } button.od_cancle.green{ background:#5abe33; border-color:#3d921b; } button.order_cancle{ padding:5px 5% 2px 5%; font:normal 11px/13px dotum; color:#fff; background:#f34941; border:1px solid #f55a53; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } table.cartlist tr td span.order_result{ display:block; padding:8px 0px; color:#1fa6c6; cursor:pointer; } /*상품평*/ .tab {display:inline-block;position:relative;width:100%;margin:20px 0px;border-bottom:1px solid #ccc; } .tab:after{content:"";display:block;clear:both;} .tab li {float:left;border:1px solid #ccc;border-bottom:0; background-color:#f7f7f7; cursor:pointer;padding: 13px 0;min-width:120px;} .tab li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px; letter-spacing:-0.02em;text-align:center;color:#444;} .tab li.on{position:relative;background-color:#fff;border-top:1px solid #d51c1c;border-bottom:0;border-left:1px solid #d51c1c;border-right:1px solid #d51c1c;} .tab li.on::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#fff;} .tab li.on a{color:#d51c1c; font-weight:bold} .review_list{ display:block; } .review_list li{ display:inline-block; float:left; text-align:left; } .review_list li.name{ width:30%; padding:5px 5px 5px 10px; font-weight:bold; color:#ff5000; } .review_list li.content{ width:50%; padding:5px 5px 5px 10px; } /*네이버페이 2015.08.25*/ .naverPay{} .naverPay.naver-viewTop{margin:16px 0 10px;} .naverPay.naver-viewTop .npay_type_B_2{width:50%!important; height:auto!important;} .naverPay.cart{width:100%; margin:12px 0 0;} .naverPay .npay_storebtn_bx{width:100%!important; border-bottom:1px solid #888!important;} @media (max-width:800px) { .buy_btn{margin: 20px auto 18px!important;} .naverPay.naver-viewTop{margin:0 0 10px;} .naverPay.naver-viewTop .npay_type_B_2{width:100%!important;} } /*브랜드 리스트 2015.08.26*/ .brand_menu{ display:none; z-index:999; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(/img/black_85.png); overflow-y:scroll; } .brand_menu .centerWrap{ margin:0px auto; width:1020px; padding:0px 0px; background:#fff; } .brand_list2{ position:relative; width:100%; height:100%; } .brand_list2 .sitemapTitle{ display:block; text-align:center; background:#333; font:normal 26px/30px Malgun gothic; color:#fff; padding:14px 0px 25px 0px; } .brand_list2 .sitemapClose{ position:fixed; top:15px; right:50%; font-size:30px; margin-right:-500px; vertical-align:top; cursor:pointer; color:#da0b0b; z-index:11; } .brand_list2 .sitemapClose:hover{ color:#38c3ae; } .brand_list2 ul{ display:block; width:95%; height:100%; padding:20px 0px; margin:0px auto; overflow:hidden; } .brand_list2 li{ display:block; padding-bottom:30px; width:100%; height:100%; background:#f9f9f9; } .brand_list2 li strong{ display:block; font-size:15px; font-weight:bold; padding:5px 0px; margin-bottom:20px; background:#da0b0b url(/img/red_gra.png) repeat-x; color:#fff; text-align:center; } .brand_list2 li a{ display:inline-block; width:182px; padding:5px 0px 1px 8px; font-size:12px; color:#333; } .brand_list2 li a:hover{ background:#333; color:#ffea38; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;} .fixed{ display:none; } /*슬라이드*/ .jcarousel-skin-tango{float:right; margin-top:10px;} .jcarousel-skin-tango li{text-align:center; font-size:11px; font-family:dotum; vertical-align:middle} .jcarousel-skin-tango li span.price{color:#74AA15; font-size:11px; font-weight:bold} .jcarousel-skin-tango li img{} .jcarousel-skin-tango .jcarousel-container-horizontal { width:240px; padding: 0px 0px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 156px; height:900px; padding: 20px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width:220px; height: 72px } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 112px; height:900px; } .jcarousel-skin-tango .jcarousel-item { width: 200px; height: 72px } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 21px; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 0; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 5px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 30px; right: 0px; width: 20px; height: 20px; cursor: pointer; background: transparent url(/img/next_horz_btn.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 30px; left: 0px; width: 20px; height: 20px; cursor: pointer; background: transparent url(/img/prev_horz_btn.png) no-repeat 0 0; } /*서브페이지*/ /*기획전*/ .exhibition{ position:relative; width:100%; overflow:hidden; } .exhibition h2{ width:600px; height:120px; margin:20px auto;} .exhibition ul{ width:100%; float:left; margin:20px 0px 20px 0px; } .exhibition ul li{ display:block; float:left; width:380px; height:221px; margin:4.5px; border:1px solid #d6d6d6; box-sizing:border-box; overflow:hidden;} .exhibition ul li img{ width:100%; height:100%; } .exhibition ul li:hover{ border-color:#ff1130; cursor:pointer; } /*네비 카테고리*/ #sub-category-box{ clear:both; position:relative; width:100%; height:40px; padding:10px 0 15px 0; } #sub-category-box:after{ clear:both; content:""; display:block; } #sub-category-box .productList{ display:block; float:left; width:40%; height:30px; padding:0; font:bold 24px/24px Malgun gothic; color:#4c4c4c; letter-spacing:-1px; } #sub-category-box .nav-menu{ display:block; float:left; width:auto; height:30px; padding:0; } .nav-menu > li{ float:left; display:block; width:100px; margin:0 4px; padding-bottom:5px; } .nav-menu > li a{font:normal 12px/20px dotum; color:#222; } .nav-menu > li:first-child{ width:60px; } .nav-menu > li i.homeicon{ display:inline-block; width:12px; height:16px; margin-right:7px; background:url(/img/nav-bg.png) no-repeat 0px 4px; } .nav-menu > li.first, li.second, li.last{ display:inline-block; zoom:1; position:relative; width:auto; margin:0 10px 0 10px; } .nav-menu > li span.dropdown-arrow{ display:inline-block; width:12px; height:15px; margin-left:13px; background:url(/img/nav-bg.png) no-repeat right -41px; } .nav-menu li i.nav-arrow{ display:inline-block; width:12px; height:15px; margin-left:13px; background:url(/img/nav-bg.png) no-repeat right -21px; } .drop-row-menu{ display:block; clear:both; position:absolute; min-width:120px; width:130px; padding:15px; top:25px; left:-2px; background:#fff; border:1px solid #646464; /*box-shadow:3px 3px 3px rgba(0,0,0,0.2); */ } .drop-row-menu:after{ display:block; content:""; clear:both;} #first-box ,#second-box , #last-box { display:none; z-index:2; } .drop-row-menu > li > a{ display:block; width:100%; height:18px; padding:5px 0; } .drop-row-menu > li > a:hover, a.active{ font-weight:bold; letter-spacing:-1px; } /* 상품 상세 정보 4개 탭 */ .originT{ display:none; position:relative; width:100%; overflow:hidden; } .originT:after{ content:""; display:block; clear:both; } .tab_product4{ position:relative; width:100%; margin:0px auto; text-align:center; background:#f8f8f8 url(/img/gradation_top.png) repeat-x top; overflow:hidden; } .tab_product4:after{ content:""; display:block; clear:both; } .tab_product4 li{ display:inline-block; float:left; width:20%; border:solid 1px #dadada; border-width:1px 0px; padding:0; /*border-bottom:solid 3px #0d953d;*/ } .tab_product4 li a{display:inline-block; width:100%; padding:20px 0; color:#444; letter-spacing:-0.5px; } .tab_product4 li.on{ position:relative; width:20%;box-sizing:border-box;border-top:solid 1px #008b7c; border-bottom:solid 1px #fff; border-left:solid 1px #1c7dbc; border-right:solid 1px #1c7dbc; background:#fff; } .tab_product4 li.on:before{ display:block; content:""; position:absolute; top:-4px; left:-1px; right:-1px; background:#008b7c; height:3px; } .tab_product4 li.on a{ color:#008b7c; } .tab_product4 li a:hover{ color:#111; background:none; } .tab_product4 li.on a:hover{ color:#008b7c; } .tab_product4 li a b{ display:inline-block; padding:0px 5px; color:#eb5912; letter-spacing:0px; } .Tdata{ position:relative; width:100%; padding:40px 0 40px 0; min-height:130px; overflow:hidden; text-align:center; } .Tdata:after{ content:""; display:block; clear:both; } .Tdata h3{ display:none; color:#579407; text-indent:4%; text-align:left; } .Tdata h3:before{ content:""; font:normal 16px 'icon',Arial; color:#134ccf; } .product_info_1{ clear:both; min-height:200px; /*text-align:center; */ } .product_info_1 img{ margin-left:0px; } .Tdata.product_info_5{padding:40px 0 0 0; margin-bottom:20px; } /*레이어팝업*/ #mw_form {clear:both; margin:0 auto; padding:0; } .mw{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%; z-index:99999;} .mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)} .mw .fg{position:absolute;top:20%;left:50%;width:600px; margin:5px 0 0 -300px;padding:20px;border:10px solid #ccc;background:#fff} .mw .fg a{position:absolute;top:5px;right:5px; font-size:32px; color:#000} .mw .fg.tax{top:5%} .total_w{ display:none; } /*입점하기*/ .join_regist{width:96%; height:150px; overflow-y:scroll; border:1px solid #e4e4e4; padding:5px; margin-bottom:8px;} .info span.policy_t a{display:inline-block ; margin-left:25px ; color:#999; text-decoration:underline} /*배송지정보*/ table td.top2 input.d_wd_01{width:350px;} /*페이징처리*/ .pageNumber{ text-align:center; } .paginate{clear:both; position:relative;margin:0 auto;padding:20px 0 0 0;text-align:center; } .paginate>span{display:inline-block;margin:0 10px;vertical-align:top} .paginate>span strong,.paginate>span a{display:inline-block;margin-left:0;width:32px;height:32px;border:1px solid #ddd;font-family:tahoma;line-height:32px} .paginate>span strong{position:relative;background-color:#666;border-color:#666;color:#fff} .paginate>span a{color:#444} .paginate>span.button_first,.paginate>span.button_prev,.paginate>span.button_next,.paginate>span.button_last{margin:0} .paginate>span.button_first a,.paginate>span.button_prev a,.paginate>span.button_next a,.paginate>span.button_last a{overflow:hidden;display:block;width:34px;height:34px; background-image:url(/img/item_list.png); background-repeat:no-repeat; border:0 none; text-indent:-999em; } .paginate>span.button_first a{background-position:0px -50px} .paginate>span.button_prev a{background-position:-40px -50px} .paginate>span.button_next a{background-position:-80px -50px} .paginate>span.button_last a{background-position:-120px -50px} .paginate a:hover,.paginate>span.button_first a:hover,.paginate>span.button_prev a:hover,.paginate>span.button_next a:hover,.paginate>span.button_last a:hover{background-color:#f5f5f5} /*주문정보*/ .left_or_tt{float:left; margin-left:10px; } .right_or_ft{float:right;} .close{ width:75%; } /*면세 타이틀*/ .od_title_tt{margin-top:60px;} .qna_sort_wrap .qna_search{position:relative;} .qna_sort_wrap .qna_search .l_s_input{width:200px; float:right; position:relative; margin-bottom:7px; padding:0 10px;border:1px solid #ccc;background:#fff;margin-right:30px} .qna_sort_wrap .qna_search input{position:relative;width:100%;height:32px;padding:0;border:none;background:none;text-align:left;line-height:1} .qna_sort_wrap .qna_search .l_s_btn{position:absolute;top:0;right:0;border:1px solid #ccc;width:32px;height:32px;margin:0;cursor:pointer} .qna_sort_wrap .qna_search .l_s_btn img{width:30px} .qnaList{position:relative; width:100%; margin:0 auto; border-top:1px solid #008b7c; } .qnaList thead th{ padding:14px 5px; border-bottom:1px solid #eee; background:#f9f9f9 ;line-height:18px} .qnaList .qna_cont_th{width:50%; max-width:400px; text-align:left; word-wrap: break-word;} .qnaList td{padding:8px 8px; border-bottom:1px solid #ccc; line-height:18px; text-align:center; word-break:break-all;} .qnaList tr:hover td{ cursor:pointer; background:#f9f9f9} .qnaList td.review_title{ text-align:left; color:#666} .qnaList td.Rememo{text-align:left; padding-left:10px; vertical-align:middle} .qnaList td.Rememo img{18px; vertical-align:middle; margin: 0 5px 0 0;} .qnaList td.answer_logo img{height:21px} .qnaList td.answer_q{padding:10px 1% 10px 48px; line-height:18px; background:#f9f9f9 url(/img/board/icon_qna_answer.png)no-repeat 20px 13px; box-sizing: border-box; text-align:left} .qnaList tr:hover td.answer_q{width:100%; padding:10px 1% 10px 48px; line-height:18px; background:#f9f9f9 url(/img/board/icon_qna_answer.png)no-repeat 20px 13px; box-sizing: border-box; text-align:left} .goodsWriteForm {float:right; padding:5px} .qnaList td textarea{width:98%; min-height:120px; text-align:left; padding:10px; border:1px solid #ddd} .qnaList select {min-width:160px; height:30px; margin:0 0 3px; padding:3px; font-size:16px; line-height:28px; color:#df1e94} table.qnaList td span.option_name{ display:block; color:#999; font:normal 12px/15px Malgun Gothic } table.qnaList td span.option_name:before{ content:"옵션"; font:normal 11px/15px Malgun Gothic; color:#fff; background:#2cbfb5; display:inline-block; padding:0px 3px 2px 3px; margin:2px 3px 0px 0px; border-radius:3px;} table.qnaList td span.option_name b{ font-weight:normal; color:red; padding:0px 5px 0px 1px; } table.qnaList td.pr-name { text-align:left; color:#666 } .badge-answer{font-size:11px; line-height:1; color:#fff; background:#d60034; border-radius:4px; padding:2px 6px 3px; margin:0 0 0 10px;} .sub_title{ clear:both; position:relative; margin: 0px auto;padding: 5px 0;} .sub_title select{border:none;outline:none;cursor:pointer;font-size:14px;} .sub_title p{padding:15px 0 5px 0} .sub_title .arrow_r{margin:0 10px;} .sub_title.search{ border-bottom:0; padding:20px 0 10px;margin-top:10px; } .sub_title:after{ content:""; display:block; clear:both; } h1.title_1{padding:40px 0 45px; color:#000; vertical-align:top; text-align:center;font-size:24px;} h1.title_1 b{ font-size:20px; color:#ec407a; } .category-list{ clear:both; position:relative; width:100%; margin:0px 0;background:#fff; box-sizing:border-box;margin: 0 auto 40px;border: none;padding-top: 20px; } .category-list-product{ display:inline-block; width:100%; border-left:1px solid #e0e0e0; vertical-align:middle; } .category-list-product li{ position:relative; float:left; width:20%; height:37px; box-sizing:border-box; } .category-list-product li a{ display:block; width:100%; height:37px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#343434; padding-left:5%; overflow:hidden;box-sizing:border-box;line-height:36px; position:relative;} .category-list-product li a::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;} .category-list-product li a:hover::after{border:1px solid #008b7c;} .category-list-product li.on a{ position:absolute; height:36px; border:1px solid #343434; box-sizing:border-box;} .category-list-product li.on a{background-color:#008b7c; border:1px solid #008b7c; color:#fff; left:-1px; } .category-list-product li:first-child, .category-list-product li:nth-child(2), .category-list-product li:nth-child(3), .category-list-product li:nth-child(4),.category-list-product li:nth-child(5){border-top:1px solid #e0e0e0;} .introduce_product{height:20px; line-height:20px; border-radius: 3px; background: #109cff; display: inline-block; color: #fff; padding:0 8px; font-size:12px;} /* 중간관리자 메뉴 */ .middle-admin-wrap .tab{margin:0 auto 22px;} .middle-admin-wrap .qna_sort_wrap{display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap;} .middle-admin-wrap .qna_sort_wrap .qna_total{flex-grow:1; display:flex; align-items:center; box-sizing:border-box;} .middle-admin-wrap .qna_sort_wrap .qna_total p{flex-grow:1; font-size:15px; font-weight:500;} .middle-admin-wrap .qna_sort_wrap .qna_total span{color:#d51c1c;} .middle-admin-wrap .qna_sort_wrap .qna_total .qna_period{margin:0 10px 0 0;} .middle-admin-wrap .qna_sort_wrap .qna_total .qna_period input{height:34px; border:1px solid #ccc; box-sizing:border-box;} .middle-admin-wrap .qna_sort_wrap .qna_search .l_s_input{margin-bottom:0;} .mr-10{margin-right:10px;} .mr-20{margin-right:20px;} ul.cart-bt-wrap{width:100%; display:flex; margin:0 0 10px;} ul.cart-bt-wrap.cart-bt-wrap2{margin:40px 0 10px;} ul.cart-bt-wrap li{margin:0 4px 0 0;} button.cart-bt{border:1px solid #ccc; background:#fff; color:#333; font-size:12px; padding:5px 10px; margin:1px; cursor:pointer;} @media (max-width:1200px) { ul.cart-bt-wrap.cart-bt-wrap2{padding:40px 0 0; border-top:1px solid #ccc;} } .state-area{color:#0095ff;} .state-area .state-del{color:red;} .form-check { padding:0; vertical-align:text-top; } .form-check label { font-weight: 400; color: #6e6e6e } .form-check input[type=checkbox] { position: absolute; left: 0; margin: 0; display: none } .form-check input[type=checkbox]:checked+label, .form-check input[type=checkbox]:not(:checked)+label { position: relative; padding-left: 20px; cursor: pointer; display: inline-block; text-align: left; vertical-align:text-top; } .form-check input[type=checkbox]:checked+label:before, .form-check input[type=checkbox]:not(:checked)+label:before { content: ""; position: absolute; left: 0; top: 1px; width: 18px; height: 17px; background:#008b7c; border: 1px solid #008b7c; border-radius: 2px; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out } .form-check input[type=checkbox]:checked+label:after, .form-check input[type=checkbox]:not(:checked)+label:after { position: absolute; content: ""; top: 5px; left: 4px; height: 6px; width: 10px; border: 2px solid #fff; border-color: #fff; border-top: none; border-right: none; -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out } .form-check input[type=checkbox]:not(:checked)+label:after { opacity: 0; -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0) } .form-check input[type=checkbox]:checked+label:after { opacity: 1; -webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1) } .form-radio { padding: 0 } .form-radio label { font-weight: 400; color: #6e6e6e } .form-radio input[type=radio] { position: absolute; left: 0; margin: 0; display: none } .form-radio input[type=radio]:checked+label, .form-radio input[type=radio]:not(:checked)+label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; text-align: left } .form-radio input[type=radio]:checked+label:before, .form-radio input[type=radio]:not(:checked)+label:before { content: ""; position: absolute; left: 0; top: 2px; width: 17px; height: 17px; border: 1px solid #e1e1e1; border-radius: 50%; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out } .form-radio input[type=radio]:checked+label:after, .form-radio input[type=radio]:not(:checked)+label:after { position: absolute; content: ""; top: 7px; left: 5px; height: 7px; width: 7px; background: #008b7c; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out } .form-radio input[type=radio]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0) } .form-radio input[type=radio]:checked+label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .form-check-label>a { color: #008b7c; } .form-check-label>a:hover { color: #008b7c; } .cart-wrap{margin:100px auto 0; display:flex; justify-content:space-between;} .cart-wrap.cart-wrap2{margin:20px auto 0;} .cart-list{width:880px;} .cart-tab { width: 100%; display:flex; align-items:center; background:none; color: #333; border: none; border-top: 2px solid #333; border-bottom:1px solid #eee; box-sizing: border-box; cursor: pointer; padding: 18px; margin:25px 0 0; font-size: 15px; text-align: left; outline: none; transition: 0.4s; } .cart-tab:first-of-type{margin:0;} .cart-tab span.form-check{margin:0 6px 0 0;} .cart-tab h2{flex-grow:1; display:inline; font-size:18px; font-weight:500; font-family:'Noto Sans KR';} .cart-tab:after { content:""; flex-grow:1; max-width:0; border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 6px; margin-top:4px; float:right; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .cart-open, .cart-tab:hover { } .cart-open:after { margin-top:-2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } @media (max-width:800px) { .cart-tab:after{padding:4px; margin-right:6px;} } .cart-view { max-height: 0; /*padding: 0 18px;*/ overflow: hidden; transition: max-height 0.2s ease-out; } @media (max-width:1200px) { .cart-view{background:#f3f3f3;} } .cart-table{} .cart-table > thead{} .cart-table > thead tr{} .cart-table > th{} .cart-table > tbody{} .cart-table > tbody > tr{border-bottom:1px solid #eee;} .cart-table > tbody > tr:last-of-type{border-bottom:none;} .cart-table > tbody > tr > td{padding:20px 0 20px 20px; box-sizing:border-box; vertical-align:top;} .cart-table > tbody > tr > td:first-of-type{padding:20px 0 20px 18px;} .cart-table > tbody > tr > td:last-of-type{} .cart-table > tbody > tr > td:nth-of-type(1){width:90px;} .cart-table > tbody > tr > td:nth-of-type(2){width:;} .cart-table > tbody > tr > td:nth-of-type(3){width:160px;} .cart-table > tbody > tr > td:nth-of-type(4){width:120px; padding:20px 18px 20px 20px;} .cart-table > tbody > tr > td .cart-thumb{position:relative; vertical-align:top;} .cart-table > tbody > tr > td .cart-thumb .cart-label{position:absolute; top:0; left:0; width:100%; height:100%;} .cart-table > tbody > tr > td .cart-thumb .cart-label label{position:absolute; top:0; left:0; z-index:10; width:100%; height:100%;} .cart-table > tbody > tr > td .cart-thumb .cart-label label input{} /* .cart-table > tbody > tr > td .cart-thumb .cart-img{display:block; width:90px; height:90px; position:relative;} */ .cart-table > tbody > tr > td .cart-thumb .cart-img{width:90px; padding-top:100%; display:block; position:relative; overflow:hidden;} .cart-table > tbody > tr > td .cart-thumb .cart-img:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.025); z-index:1;} .cart-table > tbody > tr > td .cart-thumb .cart-img img{width:100%; max-width:100%; vertical-align:top; position:absolute; top:0; left:0;} .cart-table > tbody > tr > td .cart-thumb .cart-img .cart-img-thumb{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .store{display:inline-block; font-size:13px!important; line-height:1!important; color:#fff; padding:3px 6px!important; margin:0 2px 8px 0;} .store.store-m-0{margin:0;} .store.store-01{background:#F12E24;} .store.store-02{background:#41bf1b; color:#fff;} .store.store-03{background:#18F2E6; color:#000;} .store.store-04{background:#9B30F2; color:#fff;} .store.store-04{background:#3580c6; color:#fff;} .store.store-05{background:#ff8000; color:#fff;} .store.store-tax{background:#ffed18; color:#222;} .store:last-of-type{margin:0 0 8px;} .cart-table > tbody > tr > td .cart-name{} .cart-table > tbody > tr > td .cart-name:after{content:""; display:block; clear:both;} .cart-table > tbody > tr > td .cart-name a{} .cart-table > tbody > tr > td .cart-name a strong{font-size:13px; font-weight:500; color:#222; display:block; margin:0 0 6px;} .cart-table > tbody > tr > td .cart-name a p{font-size:13px; font-weight:400; color:#555;} .cart-table > tbody > tr > td .cart-name .out_b{font-size:12px; color:#d60034;} .cart-table > tbody > tr > td .cart-name .icon_img{margin:6px 0 0 ;} .cart-table > tbody > tr > td .cart-name .icon_img span{margin:0 4px 0 0 ;} .cart-table > tbody > tr > td .cart-name .icon_img .soldOut{font-size:16px; font-weight:700; color:red;} .cart-table > tbody > tr > td .cart-name h3{margin:8px 0 0;} .cart-table > tbody > tr > td .cart-name h4{font-size:13px; font-weight:300; color:#555; margin:8px 0 0;} .cart-table > tbody > tr > td .cart-option-wrap{width:100%; border-top:1px solid #eee; margin:8px 0 0; padding:6px 0 0;} .cart-table > tbody > tr > td .cart-option{} .cart-table > tbody > tr > td .cart-option th{font-size:13px; font-weight:500; color:#555; text-align:left; position:relative; padding:4px 4px 4px 0; word-break:break-all;} .cart-table > tbody > tr > td .cart-option th.must{} .cart-table > tbody > tr > td .cart-option th.must:before{content:"*"; color:red; display:inline-block; position:absolute; top:7px; left:-7px;} .cart-table > tbody > tr > td .cart-option td{font-size:13px; font-weight:400; color:#555; padding:4px;} .cart-table > tbody > tr > td .cart-option td span{} .cart-table > tbody > tr > td .cart-option td h3{margin:0 0 0 6px;} .cart-table > tbody > tr > td .cart-option td input[type="text"]{width:100%;} .cart-table > tbody > tr > td .cart-option td textarea{margin-top: inherit;} .cart-table > tbody > tr > td .cart-option td .input-bt{margin:0 10px 0 0;} .cart-table > tbody > tr > td .cart-option dd{display:flex; align-items:center; font-size:13px; font-weight:400; color:#555; padding:4px;} .cart-table > tbody > tr > td .cart-option dd span{flex-grow:1;} .cart-table > tbody > tr > td .cart-option dd h3{flex-basis:84px; white-space:nowrap; text-align:right; margin:0 0 0 6px;} .cart-table > tbody > tr > td .cart-option .number-input{display:inline-flex;} .cart-table > tbody > tr > td .cart-option .number-input, .cart-table > tbody > tr > td .cart-option .number-input * {box-sizing: border-box;} .cart-table > tbody > tr > td .cart-option .number-input button{ outline:none; -webkit-appearance: none; background-color: transparent; border:1px solid #eee; align-items: center; justify-content: center; width:24px; height:24px; cursor: pointer; margin: 0; position: relative; } .cart-table > tbody > tr > td .cart-option .number-input button:before, .cart-table > tbody > tr > td .cart-option .number-input button:after { display: inline-block; position: absolute; content: ''; width:8px; height:1px; background:#555; transform:translate(-50%, -50%); } .cart-table > tbody > tr > td .cart-option .number-input button.plus:after { transform: translate(-50%, -50%) rotate(90deg); } .cart-table > tbody > tr > td .cart-option .number-input input{ max-width:58px; padding:8px 4px; border: solid #eee; border-width:1px 0; font-size:13px; height:24px; font-weight: 400; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .cart-table > tbody > tr > td .cart-option .number-input input::-webkit-inner-spin-button, .cart-table > tbody > tr > td .cart-option .number-input input::-webkit-outer-spin-button { -webkit-appearance: none; } .cart-table td.cart-price{vertical-align:middle; text-align:center;} .cart-table td.cart-price h2{font-size:20px; font-weight:500;} .cart-table td.cart-price .number-input{display:inline-flex; margin:10px 0 0;} .cart-table td.cart-price .number-input, .cart-table td.cart-price .number-input * {box-sizing: border-box;} .cart-table td.cart-price .number-input button{ outline:none; -webkit-appearance: none; background-color: transparent; border:1px solid #ddd; align-items: center; justify-content: center; width:34px; height:34px; cursor: pointer; margin: 0; position: relative; } .cart-table td.cart-price .number-input button:before, .cart-table td.cart-price .number-input button:after { display: inline-block; position: absolute; content: ''; width:10px; height:1px; background:#555; transform:translate(-50%, -50%); } .cart-table td.cart-price .number-input button.plus:after { transform: translate(-50%, -50%) rotate(90deg); } .cart-table td.cart-price .number-input input{ max-width:62px; padding:8px 4px; border: solid #ddd; border-width:1px 0; font-size:15px; height:34px; font-weight: 400; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .cart-table td.cart-price .number-input input::-webkit-inner-spin-button, .cart-table td.cart-price .number-input input::-webkit-outer-spin-button { -webkit-appearance: none; } .cart-table td.cart-delivery{vertical-align:middle; text-align:center;} .cart-table td.cart-delivery h2{font-size:14px; font-weight:500; color:#555;} /* 주문 - 쿠폰, 적립금, 예치금*/ .pay-table{width:100%; border:1px solid #eee;} .pay-table tr{} .pay-table tr th, .pay-table tr td{border:1px solid #eee; box-sizing:border-box; word-break:keep-all;} .pay-table tr th{width:170px; font-size:13px; font-weight:400; line-height:1.2; color:#444; padding:12px 4px; background:#f7f7f7; vertical-align:middle;} .pay-table tr td{padding:10px;} .pay-table tr td input[type=text], .pay-table tr td input[type=password], .pay-table tr td input[type=number]{min-width:50px; width:100px; height:32px; font-size:12px; line-height:32px; color:#333; text-indent:10px; outline:none; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; box-sizing:border-box;} .pay-table tr td button{height:32px; font-size:13px; vertical-align: baseline; border:1px solid #e0e0e0; background:#fff;} .pay-table tr td select{height:32px; padding:0 10px;} .coupon-box{} .coupon-box .coupon-box-t{display:flex; align-items:center; flex-wrap:wrap;} .coupon-box .coupon-box-t select{min-width:40%;} .coupon-box .coupon-box-t p{font-size:13px; color:#555; margin:0 0 0 6px;} .coupon-box .coupon-box-t p strong{font-weight:500;} .coupon-box .coupon-box-t .coupon-sel{background:#f5f5f5;} .coupon-box .coupon-box-b{width:100%; margin:8px 0 0;} .coupon-box .coupon-box-b p{font-size:14px; color:#ca2424;} .coupon-box .coupon-box-b strong{font-size:14px; color:#333;} .point-box{} .point-box input:not(input[type="checkbox"]){min-width:20%!important;} .all-point{display:flex; align-items:center;} .all-point input[type="checkbox"]{margin: 0 3px 0 0;} .all-point label{font-size:13px; color:#555;} .sub-total{background:#f3f3f3; text-align:center; font-size:14px; font-weight:500; padding:16px;} .sub-total .empty-cart{display:block; padding:14px 16px;} .sub-total .order-alternate{display:flex; justify-content:space-between; align-items:center; width:calc(100% - 4%); border-top:1px solid #ccc; padding:16px 0 0; margin:16px auto 0;} .sub-total .order-alternate .order-alternate-l{display:flex; align-items:center; font-size:13px; font-weight:500;} .sub-total .order-alternate .order-alternate-l dt{} .sub-total .order-alternate .order-alternate-l dd{display:flex; align-items:center;} .sub-total .order-alternate .order-alternate-l dd .input-bt{display:flex; align-items:center; margin:0 10px 0 0;} .sub-total .order-alternate .order-alternate-l dd .input-bt:last-of-type{margin:0;} .sub-total .order-alternate .order-alternate-r{} .sub-total p{font-size:13px; font-weight:400; margin:6px 0 0;} .sub-total p br{display:none;} .sub-total select{ outline: none; font-size: 12px; height: 30px; box-sizing: border-box; position: relative; top: 1px; border-radius: 0; border: 1px solid #ddd; padding: 0 5px; margin:4px 0 0; } .total-order-price{width:100%; background:#008b7c; color:#fff; text-align:center; font-size:18px; font-weight:500; padding:14px; box-sizing:border-box;} /* 사은품 */ .gift-area{width:100%; display:flex; flex-wrap:wrap;} .gift-area li{flex-basis:20%; padding:0 5px; margin:0 0 15px; box-sizing:border-box;} .gift-area li label{display:block; background:#fff; padding:10px; border:1px solid #e9e9e9; box-sizing:border-box;} .gift-area li .gift-area-t{position:relative;} .gift-area li .gift-area-t:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.02);} .gift-area li .gift-area-t img{width:100%; display:block;} .gift-area li .gift-area-b{text-align:center;} .gift-area li .gift-area-b p{ height:2.4em; font-size:12px; font-weight:500; line-height:1.2; color:#d60034; margin:10px 0 6px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .gift-area li .gift-area-b p span{} .gift-area li .gift-area-b input[type="checkbox"]{height:auto; line-height:0; margin:0;} @media (max-width:800px) { .gift-area li{flex-basis:33.33%;} } @media (max-width:560px) { .gift-area li{flex-basis:50%;} } .order-report{border-top:1px solid #ccc; padding:16px 2% 0; margin:16px auto 0; box-sizing:border-box;} .order-report dl{display:flex; justify-content:space-between; align-items:center; margin:0 0 6px;} .order-report dl dt{font-size:14px; font-weight:400; color:#555;} .order-report dl dd{font-size:14px; font-weight:500; color:#333;} .order-report dl dd.order-report-radio{display:flex;} .order-report dl dd.order-report-radio .input-bt{display:flex; align-items:center; margin:0 8px 0 0;} .order-report dl dd.order-report-radio .input-bt:last-of-type{margin:0;} .order-report dl.cart_total_minus{} .order-report dl.cart_total_minus dt{} .order-report dl.cart_total_minus dd{color:#257cff;} .blue-label{color:#257cff;} .order-report dl.cart_total_total{border-top:1px solid #ddd; margin:2% 0 0; padding:2% 0 0;} .order-report dl.cart_total_total dt{font-size:16px; font-weight:500; color:#333;} .order-report dl.cart_total_total dd{font-size:20px; font-weight:500; color:#d31e1e;} .order-report-m{border-top:none; padding:0; margin:0;} .order-report-m dl{} .order-report-m dl dt{} .order-report-m dl dd{} .order-report-m dl.cart_total_total{} .order-report-m dl.cart_total_total dt{font-size:15px;} .order-report-m dl.cart_total_total dd{font-size:16px;} .order-summary{width:290px;} .order-summary-in{width:290px; background:#f6f6f6; padding:14px; box-sizing:border-box; z-index:100;} .order-summary-in.side-fix{position:fixed; top:30px;} .summary-top{margin:0 0 100px;} .summary-top h2{font-size:16px; font-weight:500; color:#333; margin:2px 0 10px;} .summary-top div{background:#fff; padding:13px; margin:0 0 10px;} .summary-top div h3{font-size:14px; font-weight:500; color:#555; margin:0 0 10px;} .summary-top div ul{display:flex; flex-wrap:wrap;} .summary-top div ul li{width:56px; height:56px; margin:0 4px 4px 0; position:relative; box-sizing:border-box; display:block; overflow:hidden;} .summary-top div ul li:nth-of-type(4n+0){margin:0 0 2%;} .summary-top div ul li:before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.03); position:absolute; top:0; left:0;} .summary-top div ul li img{width:100%; display:block;} .summary-top div ul li span{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} /* .summary-top ul{display:flex; flex-direction:column;} .summary-top ul li{display:flex; flex-direction:column; border-bottom:1px solid #eee; padding:0 0 10px; margin:0 0 10px;} .summary-top ul li:last-of-type{border-bottom:none; padding:0; margin:0;} .summary-top ul li p{font-size:13px; font-weight:400; color:#555; margin:0 0 6px; word-break:break-all;} .summary-top ul li span{font-size:11px; font-weight:400; color:#888; margin:0 0 6px; display:block;} .summary-top ul li strong{font-size:13px; font-weight:500; color:#008b7c;} */ /* .summary-top strong{font-size:13px; font-weight:500; color:#222; display:block; margin:0 0 6px;} .summary-top p{font-size:13px; font-weight:400; color:#555;} .summary-top ul{width:100%; display:table; table-layout:fixed; margin:16px 0 0;} .summary-top ul li{display:table-cell; padding:0 3px;} .summary-top ul li .btn{ width:100%; height:35px; display:block; border:1px solid #ccc; background:#fff; color:#222; font-size:12px; line-height:1; font-weight:bold; letter-spacing:-0.3px; text-align:center; cursor:pointer; box-sizing:border-box; } .summary-top ul li .btn:hover{ background:#008b7c; border-color:#008b7c; color:#fff;} */ .summary-mid{} .summary-mid dl{display:flex; justify-content:space-between; margin:0 0 6px;} .summary-mid dl dt{font-size:13px;} .summary-mid dl dd{font-size:15px;} .summary-bot{border-top:1px solid #ccc; padding:12px 0 0; margin:12px 0 0;} .summary-bot dl{display:flex; justify-content:space-between; align-items:center; margin:0 0 20px;} .summary-bot dl dt{font-size:15px; font-weight:500; color:#af0808;} .summary-bot dl dd{font-size:20px; font-weight:700; color:#af0808;} .summary-bot button{ width:100%; height:46px; display:block; border:1px solid #af0808; background:#af0808; color:#fff; font-size:16px; line-height:1; font-weight:bold; letter-spacing:-0.3px; text-align:center; cursor:pointer; box-sizing:border-box; } .summary-bot button:hover{ background:#333; border-color:#333; color:#fff;} .order-text{} .order-text li{font-size:14px; line-height:1.2; color:#333; margin:0 0 4px;} .order-list{width:100%;} .order-title { width: 100%; display:flex; align-items:center; background:none; color: #333; border-top: 2px solid #333; border-bottom:1px solid #eee; padding: 18px; margin:25px 0 0; box-sizing: border-box; } .order-title:first-of-type{margin:0;} .order-title h2{display:block; font-size:20px; font-weight:500; font-family:'Noto Sans KR';} .cart-view.order-view{ max-height:inherit; } /* 팝업창 디자인 */ .layerWrap .centerWrap.proList{ position:relative; background:none; margin:0; width:600px; } .layerWrap .centerWrap.proList .layerClose{width:auto; height:auto; font-size:23px; padding:8px; position:absolute; top:0; right:0; background:none; z-index:2; color:#fff; } .popup_wrap{position:relative; width:100%; margin:0px auto; min-height:400px; background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,.5);} .popup_wrap:after{ content:""; clear:both; display:block; } .popup_wrap table{margin:auto;} .popup_wrap .popup_title{clear:both; background:#333; width:100%; margin:0 ; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#fff ; text-indent:10px; letter-spacing:-0.02em; z-index:1 } .popup_wrap .popup_title .close_btn{position:fixed; right:10px; top:12px; width:30px; height:30px; background-image:url(/img/page/close_popup_ico.png); background-repeat:no-repeat; background-position:center top; cursor:pointer} .popup_wrap .popup_title .close_btn:hover{background-position:center -40px} .popup_wrap .popup_contents{clear:both; position:relative; padding:2% 2%;} .popup_wrap .popup_contents .list_coupon_cate{} .popup_wrap .popup_contents .list_coupon_cate li{margin:0 0 10px;} .popup_wrap .popup_contents .list_coupon_prod{display:flex; flex-direction:column;} .popup_wrap .popup_contents .list_coupon_prod li{display:flex; align-items:center; padding:8px; border-bottom:1px solid #ddd; box-sizing:border-box;} .popup_wrap .popup_contents .list_coupon_prod li:last-of-type{border-bottom:0;} .popup_wrap .popup_contents .list_coupon_prod li div{width:80px; flex-shrink:0; border:1px solid #eee;} .popup_wrap .popup_contents .list_coupon_prod li div img{width:100%; display:block;} .popup_wrap .popup_contents .list_coupon_prod li p{flex-grow:1; padding:8px; box-sizing:border-box;} @media (max-width:800px) { .popup_wrap .popup_contents .list_coupon_prod li div{width:58px;} } .layerWrap .centerWrap.deliveryChange-box{position:relative; background:none; margin:0; width:740px;} .layerWrap .centerWrap.deliveryChange-box .layerClose{width:auto; height:auto; font-size:23px; padding:8px; position:absolute; top:0; right:0; background:none; z-index:2; color:#fff; } .layerWrap .centerWrap.deliveryChange-box table{} .layerWrap .centerWrap.deliveryChange-box table td{} .layerWrap .centerWrap.deliveryChange-box table td input{width:auto;} @media (max-width:1200px) { .layerWrap .centerWrap.deliveryChange-box{width:96%; padding:0;} } .popup{position:absolute; background:#fff; z-index:110; box-shadow:3px 3px 3px rgba(0,0,0,0.2); } .popup a{font-size:0;} .popup_footer{display:flex; justify-content:space-between; background:#333; color:#fff; padding:6px 10px; box-sizing:border-box; overflow:hidden;} .popup_footer label{display:inline-flex; align-items:center; font-size:13px; font-weight:300; color:#fff;} .popup_footer label span{margin:0 0 0 2px;} .popup_footer a.popclose{display:inline-block; width:46px; line-height:24px; border:1px solid #ddd; font-size:13px; font-weight:300; color:#fff; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; text-align:center;} @media (max-width:800px) { .popup_foot{} .popup_foot form{ background: #EEE; padding: 6px 0px;} .popclose{} .popup{width:96%; top:50%!important; left:50%!important; transform:translate(-50%, -50%);} .popup a, .popup img{width:100%; display:block;} } @media (max-width:1200px) { .cart-wrap{display:block;} .cart-list{width:100%;} .cart-table{} .cart-table > ul{display:flex; flex-wrap:wrap; justify-content:flex-end; background:#fff; border-bottom:1px solid #eee;} .cart-table > ul:last-of-type{border-bottom:none;} .cart-table > ul > li{padding:2%; box-sizing:border-box;} .cart-table > ul > li:first-of-type{padding:2% 0 2% 2%;} .cart-table > ul > li:last-of-type{padding:0 0 2%;} .cart-table > ul > li:nth-of-type(1){width:;} .cart-table > ul > li:nth-of-type(2){width:calc(100% - (90px + 2%));} .cart-table > ul > li:nth-of-type(3){width:calc(100% - (90px + 2%));} .cart-table > ul > li .cart-thumb{position:relative; vertical-align:top;} .cart-table > ul > li .cart-thumb .cart-label{position:absolute; top:0; left:0; width:100%; height:100%;} .cart-table > ul > li .cart-thumb .cart-label label{position:absolute; top:0; left:0; z-index:10; width:100%; height:100%;} .cart-table > ul > li .cart-thumb .cart-label label input{} .cart-table > ul > li .cart-thumb .cart-img{width:90px; padding-top:100%; display:block; position:relative; overflow:hidden;} .cart-table > ul > li .cart-thumb .cart-img:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.02);} .cart-table > ul > li .cart-thumb .cart-img img{width:100%; max-width:100%; vertical-align:top; position:absolute; top:0; left:0;} .cart-table > ul > li .cart-thumb .cart-img .cart-img-thumb{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .cart-table > ul > li .store{margin:0 0 8px;} .cart-table > ul > li .store span{font-size:13px; color:#fff; padding:3px 6px; display:inline-block;} .cart-table > ul > li .store span.store-01{background:#F12E24;} .cart-table > ul > li .store span.store-02{background:#5DF230; color:#000;} .cart-table > ul > li .store span.store-03{background:#18F2E6; color:#000;} .cart-table > ul > li .store span.store-04{background:#9B30F2; color:#fff;} .cart-table > ul > li .cart-name{} .cart-table > ul > li .cart-name a{} .cart-table > ul > li .cart-name a strong{font-size:13px; font-weight:500; color:#222; display:block; margin:0 0 6px;} .cart-table > ul > li .cart-name a p{font-size:13px; font-weight:400; color:#555;} .cart-table > ul > li .cart-name h3{margin:6px 0 0;} .cart-table > ul > li .cart-name h4{font-size:13px; font-weight:300; color:#555; margin:6px 0 0;} .cart-table > ul > li .cart-name .icon_img{margin:6px 0 0 ;} .cart-table > ul > li .cart-name .icon_img span{margin:0 4px 0 0 ;} .cart-table > ul > li .cart-name .icon_img .soldOut{font-size:16px; font-weight:700; color:red;} .cart-table > ul > li .cart-option-wrap{width:100%; border-top:1px solid #eee; margin:8px 0 0; padding:6px 0 0;} .cart-table > ul > li .cart-option{display:flex; align-items:center;} .cart-table > ul > li .cart-option dt{width:94px; flex-shrink:0; font-size:13px; font-weight:500; color:#555; text-align:left; position:relative; padding:4px 4px 4px 0; word-break:break-all;} .cart-table > ul > li .cart-option dt.must{} .cart-table > ul > li .cart-option dt.must:before{content:"*"; color:red; display:inline-block; position:absolute; top:7px; left:-7px;} .cart-table > ul > li .cart-option dt{font-size:13px; font-weight:400; color:#555; padding:4px;} .cart-table > ul > li .cart-option dd span{} .cart-table > ul > li .cart-option dd h3{margin:0 0 0 6px;} .cart-table > ul > li .cart-option dd input[type="text"]{width:100%;} .cart-table > ul > li .cart-option dd textarea{margin-top: inherit;} .cart-table > ul > li .cart-option dd .input-bt{display:flex; align-items:center; word-break:break-all; margin:0 10px 0 0;} .cart-table > ul > li .cart-option dd{width:100%; display:flex; flex-wrap:wrap; align-items:center; font-size:13px; font-weight:400; color:#555; padding:4px;} .cart-table > ul > li .cart-option dd span{flex-grow:1;} .cart-table > ul > li .cart-option dd h3{flex-basis:84px; white-space:nowrap; text-align:right; margin:0 0 0 6px;} .cart-table > ul > li .cart-option .number-input{display:inline-flex;} .cart-table > ul > li .cart-option .number-input, .cart-table > ul > li .cart-option .number-input * {box-sizing: border-box;} .cart-table > ul > li .cart-option .number-input button{ outline:none; -webkit-appearance: none; background-color: transparent; border:1px solid #eee; align-items: center; justify-content: center; width:24px; height:24px; cursor: pointer; margin: 0; position: relative; } .cart-table > ul > li .cart-option .number-input button:before, .cart-table > ul > li .cart-option .number-input button:after { display: inline-block; position: absolute; content: ''; width:8px; height:1px; background:#555; transform:translate(-50%, -50%); } .cart-table > ul > li .cart-option .number-input button.plus:after { transform: translate(-50%, -50%) rotate(90deg); } .cart-table > ul > li .cart-option .number-input input{ max-width:58px; padding:8px 4px; border: solid #eee; border-width:1px 0; font-size:13px; height:24px; font-weight: 400; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .cart-table > ul > li .cart-option .number-input input::-webkit-inner-spin-button, .cart-table > ul > li .cart-option .number-input input::-webkit-outer-spin-button { -webkit-appearance: none; } .cart-table li.cart-price{display:flex; justify-content:flex-end; align-items:center;} .cart-table li.cart-price h2{min-width:110px; font-size:20px; font-weight:500; margin:0 0 0 10px; text-align:right;} .cart-table li.cart-price .number-input{display:inline-flex; margin:0;} .cart-table li.cart-price .number-input, .cart-table li.cart-price .number-input * {box-sizing: border-box;} .cart-table li.cart-price .number-input button{ outline:none; -webkit-appearance: none; background-color: transparent; border:1px solid #ddd; align-items: center; justify-content: center; width:30px; height:30px; cursor: pointer; margin: 0; position: relative; } .cart-table li.cart-price .number-input button:before, .cart-table li.cart-price .number-input button:after { display: inline-block; position: absolute; content: ''; width:10px; height:1px; background:#555; transform:translate(-50%, -50%); } .cart-table li.cart-price .number-input button.plus:after { transform: translate(-50%, -50%) rotate(90deg); } .cart-table li.cart-price .number-input input{ max-width:50px; padding:8px; border: solid #ddd; border-width:1px 0; font-size:15px; height:30px; font-weight: 400; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .cart-table li.cart-price .number-input input::-webkit-inner-spin-button, .cart-table li.cart-price .number-input input::-webkit-outer-spin-button { -webkit-appearance: none; } .total-order-price{width:calc(100% - 20px); font-size:16px; padding:12px 10px; margin:0 auto 10px;} .total-order-price2{width:100%; margin:0 auto;} /* 하단 고정 .order-summary{width:100%; position:fixed; bottom:0; left:0; right:0; z-index:200; box-shadow:0 0 10px rgb(0 0 0 / 30%); margin-top:auto!important;} */ .order-summary{width:100%; margin-top:auto; background:#f3f3f3;} .order-summary-arrow{width:36px; height:14px; background:#f3f3f3; border-radius:6px 6px 0 0; padding:4px; box-shadow:0 0 10px rgb(0 0 0 / 30%); display:flex; justify-content:center; align-items:center; position:absolute; top:-21px; left:50%; transform:translate(-50%, 0); z-index:-1; display:none; } .order-summary-arrow:after{content:""; width:9px; height:9px; border:solid #000; border-width:0 1px 1px 0; display:inline-block; transform:rotate(45deg); -webkit-transform:rotate(45deg); margin-top:-2px; } .order-summary-arrow.arrow-turn{} .order-summary-arrow.arrow-turn:after{margin-top:8px; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .order-summary-in{width:100%; padding:12px 10px 10px; background:#f3f3f3;} .order-summary-in.side-fix{position:relative; top:auto;} .summary-top{margin:0 0 14px;} .summary-top h2{font-size:15px; margin:0 0 8px;} .summary-top div{padding:10px;} .summary-top div ul{width:100%; display:block; flex-wrap:inherit; overflow:hidden; overflow-x:auto; font-size:0; white-space:nowrap;} .summary-top div ul li{width:80px; display:inline-block; margin:0 10px 0 0;} .summary-top div ul li:nth-of-type(4n+0){margin:0 10px 0 0;} .summary-mid dl dt{font-size:15px;} .summary-mid dl dd{font-size:15px;} .summary-bot{padding:10px 0 0; margin:10px 0 0;} .summary-bot dl{margin:0 0 10px;} .summary-bot dl dt{font-size:16px;} .summary-bot dl dd{font-size:20px;} .summary-bot button{height:auto; font-size:17px; padding:12px 10px;} /* 하단고정 footer.cart-footer{padding-bottom:320px;} */ footer.cart-footer{padding-bottom:;} } @media (max-width:800px) { .cart-table > ul > li{padding:2% 0 2% 2%;} .cart-table > ul > li:first-of-type{padding:2% 0;} .cart-table > ul > li:nth-of-type(1){width:;} .cart-table > ul > li:nth-of-type(2){width:calc(100% - (60px));} .cart-table > ul > li:nth-of-type(3){width:calc(100% - (60px));} .cart-table > ul > li .cart-thumb .cart-img{width:60px;} .sub-total{font-size:14px; padding:15px 10px;} .sub-total p br{display:block;} .sub-total .order-alternate{flex-direction:column;} .sub-total .order-alternate .order-alternate-l{margin:0 0 6px;} .sub-total .order-alternate .order-alternate-l dd .input-bt{margin:0 6px 0 0;} table.cartlist td.account .account-con{flex-direction:column;} table.cartlist td.account .account-con .account-con-l{margin:0 0 6px;} .cart-tab{padding:2% 0;} .cart-tab h2{font-size:16px;} .summary-top div ul li{width:58px; margin:0 10px 0 0;} .summary-top div ul li:nth-of-type(4n+0){margin:0 10px 0 0;} .order-text{width:96%; margin:10px auto 10px;} select.Online_bank{width:calc(100% - 8px); font-size:13px;} table.info td label{word-break:keep-all; white-space:nowrap;} table.info td input[type=text], table.info td input[type=password]{width:80px;} table.info td input[type=text].wide60{width:calc(100% - 5px - 8px);} table.info td input[type=text].wide20, table.info td input[type=password].wide20{width:80px;} table.info td textarea.wide62{width:calc(100% - 5px);} table.info td.totalAccount strong{display:block;} /* 팝업창 디자인 */ .layerWrap .centerWrap.proList{width:92%; height:auto; min-height:auto; margin:0; padding:0; } /*.layerWrap .centerWrap.proList .layerClose{ position:absolute; top:10px; right:-2%; }*/ } @media (max-width:400px) { .sub-total{font-size:12px; padding:12px 10px;} .total-order-price{font-size:15px; padding:12px 10px;} }