/* 20210609 morenvy 윤정환 */ @charset "utf-8"; #wrap { position:relative; width:100%; min-width:1280px; min-height:550px; margin:0 auto;} body {min-width:100%;} #container { position:relative; width:100%; max-width:1680px; min-width:1280px; margin:0 auto; zoom:1; border:none;} #container:after {content:""; display:block; clear:both;} #container #contents {float:none; margin:0 auto;} #contents {width: auto;} #header .inner, #mfooter .inner, #container, body.center .centerCategory .wyGrid, body.center .promotionArea .wyGrid {padding:0;} html { overflow-y:scroll; } /* 세로스크롤을 항상 표시해주므로 가로폭의 변화를 주지 않게하여 중앙정렬위치를 고정 */ .gnb, .header_top_cont, .header_search_cont, .main_goods_cont, .sub_content, .content_info, .foot_list ul, .foot_cont, .foot_certify{width: auto;} /* 점선없애기 */ a:hover {text-decoration:none;} a:focus {outline:none;} a {blr:expression(this.onFocus=this.blur());} area:focus {outline:none;} area {blr:expression(this.onFocus=this.blur());} input:focus, img:focus, embed:focus, map:focus {outline:none;} .cboth {clear:both;*zoom:1} .cboth:after {content:" ";display:block;clear:both;} .fleft {float:left;} .fright {float:right;} .m_off {display:none !important;} .pdt20 {padding-top:20px;} .pdt30 {padding-top:30px;} .pdt40 {padding-top:40px;} .pdt50 {padding-top:50px;} .pdt60 {padding-top:60px;} .pdt70 {padding-top:70px;} .pdt80 {padding-top:80px;} .pdt100 {padding-top:100px;} .width1300 {width:1300px; margin:0 auto;} input, select, textarea, body, code {font-family:'Montserrat','Noto Sans KR',sans-serif;} a, a:hover {text-decoration:none;} .move {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} /* 타이틀 스타일 */ .main_title {text-align:center; margin:0px auto 35px !important; font-size:0px; position:relative;} .main_title .title_t01 {color:#1a1a1a; font-size:20px; font-weight:700; text-align:center; line-height:1; } .main_title .title_t02 {width:20px; height:1px; background-color:#1a1a1a; margin:18px auto;} .main_title .title_t03 {color:#8a8a8a; font-size:16px; font-weight:300; text-align:center; line-height:1.5; } /* 상단 */ #mheader {position:relative;} #mheader .mh_sec01 { max-width:1680px; font-size:0px; margin:0 auto; height:auto !important; position:relative;} #mheader .mh_sec01 .top_logo { position:absolute; z-index:1; top:50%; transform: translate(0%,-50%);} #m_onoffmulti_top {background-color:#1c1e13; height:auto; text-align:center; } #m_onoffmulti_top .top_event {position:relative;} #m_onoffmulti_top .top_event a { display:block; color:#fff; font-weight:400; font-size:13px; line-height:42px;} #m_onoffmulti_top .top_event .closebtn {position:absolute; top:0px; right:0px; color:#fff; font-weight:400; font-size:13px; line-height:42px; padding-right:18px; background:url('../img/mimg/top_close.png') right center; background-repeat:no-repeat; cursor:pointer;} /* 상단 카테고리 메뉴 */ #mheader .mh_cate {margin:0px 0px 0px; position:relative; /*text-align:center;*/ font-size:0px;} #mheader .mh_cate > ul {margin:0 auto;/* text-align:center;*/ position: relative; } #mheader .mh_cate li { display:inline-block; position: relative; } #mheader .mh_cate li > a {font-size:13px; font-weight:400; color:#1a1a1a; height:120px; line-height:120px; margin:0px 22px; display:block;} #mheader .mh_cate .community { position:absolute; top:120px; left:0px; /* min-width:150px; */ white-space: nowrap; z-index:10; background:rgba(255,255,255,1); opacity:1; visibility:hidden; border:1px solid #e8e8e8; padding:30px; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);} #mheader .mh_cate li:hover .community {opacity:1; visibility:visible;} /* 카테고리 자동출력 */ #mheader .community {margin-bottom: 0;} #mheader .community ul {min-width: 61px;} #mheader .community li {padding: 0; } #mheader .community ul li{position:relative; display:block; font-size:0px; text-align: left; margin-top: 13px;} #mheader .community ul > li:first-child{margin-top: 0;} #mheader .community ul > li > a{margin: 0;} #mheader .community ul > li > a{display:block; height: auto; color:#8a8a8a; font-size:13px; line-height: 1;} #mheader .community ul li:hover a{color:#1a1a1a;} #mheader .mh_cate #mcategory .right_ban { float:left; text-align:left; display: inline-block; vertical-align: top; padding-left:22px;} #mcategory { display:inline-block; width:auto; } #mcategory #slideCateList {display: inline-block;} #mcategory .categoryList {text-align:left; display: inline-block;} #mcategory .categoryList > li { display:inline-block; font-size:0px;} #mcategory .categoryList > li > a {display:block; color:#1a1a1a; font-size:13px;} #mcategory .categoryList ul {display:none;} #mcategory .categoryList li:first-child .depth1 {left: 57px;} #mcategory .categoryList .depth1 {position:absolute; top:118px; left:50%; z-index:11; min-width:100px; width:auto; margin-left:-69px; padding:30px !important; background-color:#fff; border:1px solid #e5e5e5; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);} #mcategory .categoryList .depth1 .left_menu{float: left;width: 91px;} #mcategory .categoryList .depth1 li ul {display:none;} #mcategory .categoryList .depth1 li {position:relative; display:block;} #mcategory .categoryList .depth1 li a {display:block; margin: 0 0 13px 0; padding: 0px !important; height:13px ;color:#9a9a9a; font-size:13px; line-height:13px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} #mcategory .categoryList .depth1 li:last-child a{margin: 0;} #mcategory .categoryList .depth1 li a.active {color: #1a1a1a;} #mcategory .categoryList .depth1 li ul {position:absolute; top:-11px; left:100% !important; z-index:11; min-width:128px; width:auto; padding:10px 0px; background:#fff; background-color:#fff; border:1px solid #e5e5e5; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);} #mcategory .categoryList .depth2 li a{margin: 0 22px 13px 22px !important;} #mcategory .categoryList .depth2 li:last-child a{margin-bottom: 0px !important;} /* 상단 로그인 메뉴 */ #mheader .mh_sec01 .login_menu {position:absolute; right:0px; z-index:1; top:50%; transform: translate(0%,-50%);} #mheader .mh_sec01 .login_menu li {float:left; font-size:0px; margin-left:23px;} #mheader .mh_sec01 .login_menu li a {color:#5a5a5a; font-weight:400; font-size:13px; line-height:1; display:block; height:20px; line-height:20px;} #mheader .mh_sec01 .login_menu li.search_icon {margin-left:38px; width: 20px; height: 19px; background: url('../img/mimg/top_search.png') no-repeat; cursor: pointer;} /* 상단 검색창 */ #search_box {display:none; position:absolute; top:162px; z-index:1000; width:100%; background-color:#fff; border-top:1px solid #e8e8e8; box-sizing:border-box;} #search_box .box_inner { height:100%; padding:80px 0px 130px; position:relative;} #search_box .box_inner2 {width:560px; margin:0 auto; font-size:0px; } #search_box .search_cont{position: absolute; width: 100%; background-color: #fff;} #search_box .search_close {position:absolute; top:80px; right:0px; cursor:pointer; z-index:100;} #search_box .search_title {color:#1a1a1a; font-size:26px; font-weight:700; text-align:center; line-height:1; position:relative;} #search_box .search_input {margin-top:60px;} #search_box .search_input fieldset {position: relative;} #search_box .search_input .top_srarch_text {width: 560px; height: 62px; margin: 0; padding: 0; border:0; background-color: #ededed; text-indent: 20px; font-size: 17px; color: #9a9a9a;} #search_box .search_input .btn_top_srarch{position: absolute; top: 21px; right: 20px; opacity: 0.4;} #search_box .search_pop {margin-top:60px;} #search_box .search_pop .title {color:#1a1a1a; font-size:18px; font-weight:700; text-align:left; line-height:1; padding-bottom:10px;} #search_box .search_pop .pop_title a{display:inline-block; padding:18px 18px 0px 0px; font-size:16px; color:#8a8a8a; line-height:1;} #search_box .search_pop .pop_title a:hover {color:#1a1a1a;} .search_bg {position:fixed; height:100%; width:100%; z-index:25; display:none; background-color: rgba(26, 26, 26, 0.5);} .search_pop ul.fleft{display: -webkit-inline-box;} /* 상단 : FIXED */ #comment_top { border-bottom:1px solid #fff !important; } #comment_top.fixed {position:fixed; margin:0; width:100%; top:0; left:0; right:0; background-color:#fff; z-index:1000; border-bottom:1px solid #e8e8e8 !important;} #comment_top.fixed .mh_sec01 {height:80px;} #comment_top.fixed .mh_cate #mcategory ul.categoryList > li > a { height:80px; line-height:80px;} #comment_top.fixed .mh_cate > ul > li > a {height:80px; line-height:80px;} #comment_top.fixed .mh_cate #mcategory, #comment_top.fixed .mh_cate .community { top:80px;} #comment_top.fixed #search_box {top:80px;} #comment_top.fixed #mcategory .categoryList .depth1{top:80px;} /* 하단 */ #footer_wrap{border: none;} #mfooter { text-align:left; margin-top:140px; width:100%; } #mfooter .mf_sec01 {background-color:#f6f6f6; padding:100px 0 90px;} #mfooter .mf_sec01 .inner {margin:0 auto; max-width:1680px; } #mfooter .mf_sec01 .ft_logo a {color:#1a1a1a; font-weight:700; font-size:12px; line-height:1;} /* 하단영역 : 회사정보 */ #mfooter .mf_sec01 .ft_info {padding-top:11px; color:#5a5a5a; font-size:12px; line-height:2; font-weight:400;} #mfooter .mf_sec01 .ft_info span {padding:0px 8px;} #mfooter .mf_sec01 .ft_info a {color:#5a5a5a;} /* 하단영역 : 반품주소 */ #mfooter .mf_sec01 .ft_return {padding-top:35px; color:#5a5a5a; font-size:12px; line-height:1; font-weight:400;} /* 하단 우측영역 */ #mfooter .mf_sec01 .ft_comm {padding-left:120px;} #mfooter .mf_sec01 .ft_comm li {text-align:left; font-size:0px;} #mfooter .mf_sec01 .ft_comm li a {display:block; font-size:12px; font-weight:400; color:#5a5a5a; line-height:1; padding-bottom:12px;} #mfooter .mf_sec01 .ft_comm li a.privacy {font-weight: bold;} #mfooter .mf_sec01 .ft_comm li a:hover {color:#111;} #mfooter .mf_sec01 .ft_comm.xans-layout-boardinfo {margin: 0; padding-bottom: 0; border: 0;} #mfooter .mf_sec01 .ft_comm.xans-layout-boardinfo li {padding: 0;} /* 하단 고객센터 */ #mfooter .mf_sec01 .ft_cs {font-size:12px; font-weight:400; color:#5a5a5a;} #mfooter .mf_sec01 .ft_cs .t1 {color:#1a1a1a; font-weight:700; line-height:1;} #mfooter .mf_sec01 .ft_cs .t2 {line-height:2; padding-top:20px;} #mfooter .mf_sec01 .ft_cs .t3 {line-height:2; padding-top:30px;} /* 하단 카피라이트 */ #mfooter .mf_sec02 {background-color:#fff; padding:45px 0 100px;} #mfooter .mf_sec02 a {color:#5a5a5a;} #mfooter .mf_sec02 .inner {margin:0 auto; max-width:1680px; font-size:12px; font-weight:400; color:#5a5a5a; line-height:2;} /* 위로가기 아이콘 */ .right_fixed {position:fixed; bottom:40px; right:30px; z-index:10; } /* 진열대 공통 */ .item_cont{position: relative; padding: 0; } .item_photo_box { border:none;} .item_info_cont {display:block; text-align:left !important; padding: 0px;} .item_tit_box a {outline:none;} .item_tit_box .item_brand { margin-bottom:5px; color:#222; } .item_tit_box .item_name { font-size:15px; color:#1a1a1a; padding-top:28px; line-height:1; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5%;} .item_tit_box .item_name_explain {font-size:13px; color:#8a8a8a; padding-top:13px; line-height:1; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5%; } /* 갤러리형 진열대 */ .galley_type .goods_list_cont ul > li{position: relative; padding: 0; width: 24% !important; margin-left: 17px;} .galley_type .goods_list_cont ul > li:nth-child(4n+1){margin-left:0px;} .item_gallery_type .item_cont{position: relative; padding: 0; } .item_gallery_type .item_photo_box { border:none; width: 100%;} .item_gallery_type .item_info_cont {display:block; text-align:left !important; padding: 0px;} .item_gallery_type .goods_list_cont ul li {margin:0 0 80px 0; outline:none;} .item_gallery_type .item_tit_box a {outline:none;} #wrap .chosen-container .chosen-results li.active-result{width: 100% !important; margin-left: 0;} /* 리스트형 진열대 (메인영역 04 : 배너상품)*/ .main_grid3 .goods_list_cont{box-sizing:border-box; padding:0px 40px 40px 40px;} .main_grid3 .goods_list_cont{min-width: auto;} .main_grid3 .goods_list_cont > li {display: block; clear:both; height:150px; margin-bottom:40px; text-align:left;} .main_grid3 .goods_list_cont .item_photo_box {position:relative; padding:0 0px; float:left; width:150px;} .main_grid3 .goods_list_cont .item_photo_box .salebox {right: 10px;} .main_grid3 .goods_list_cont .item_photo_box .info_icon {display: none;} .main_grid3 .goods_list_cont .item_info_cont {width:200px; padding:0 0px; font-size:0px; float:left; margin:10px 0px 0px 28px;} .main_grid3 .goods_list_cont .item_info_cont .item_name {display: block; font-size:15px; color:#1a1a1a; line-height:1; font-weight:400; padding-top: 0; padding-right:5%;} .main_grid3 .goods_list_cont .item_info_cont .item_name_explain {display: block; font-size:13px; color:#8a8a8a; padding-top:13px; line-height:1; font-weight:300; padding-right:5%;} .main_grid3 .goods_list_cont .item_info_cont .item_name, .main_grid3 .goods_list_cont .item_info_cont .item_name_explain{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .main_grid3 .goods_list_cont .item_info_cont .item_money_box span {font-size:12px !important; color:#1a1a1a; padding-top:28px !important; line-height:1 !important; font-weight:400 !important; margin-top: 0 !important; padding-left: 9px !important; } .main_grid3 .goods_list_cont ul li .salebox{left: 100px; bottom: -10px;} .main_grid3 .goods_list_cont .item_money_box .item_price {display: inline-block; font-size:15px; color:#1a1a1a; padding-top:28px; line-height:1; font-weight:700 } .main_grid3 .goods_list_cont .item_info_cont .item_price span {font-size:15px !important; color:#1a1a1a !important; !important; line-height:1 !important; font-weight:700 !important;} .main_grid3 .goods_list_cont .item_info_cont .spec li div.color {font-size:0px; padding-top:30px;} .item_list_type {overflow:unset;} .item_list_type .item_info_list{width: 91%; padding: 0;} .item_list_type .item_money_box{padding: 0;} .main_grid3 .goods_list_cont .item_info_cont .item_price span{padding: 0 !important;} .item_list_type .item_photo_box a img{border: none; width: 100%;} .goods_list_cont .item_list_type li{padding:0 ;width: 86%; border: none;} /* 공통 상품진열 순위 */ .rank_product .rank_icon .numb, .item_cont .num { padding:3px 0; position:absolute; z-index: 1; top:20px; left:20px; z-index:6; font-size: 12px; font-weight:700; color: #000; line-height:1; } /* 공통 진열대 스타일*/ .goods_list {padding-bottom:0;} .goods_list_tit {display:block} .item_photo_box > a > img {max-width:100%; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;} .item_photo_box > a > img:hover {transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -o-transform:scale(1.06);} .item_money_box { padding:0; } .item_money_box .item_price { display: inline-block; font-size:15px; color:#1a1a1a; padding-top:28px; line-height:1; font-weight:700 } .item_money_box .item_price span {display: inline-block; font-size:15px; color:#1a1a1a; line-height:1; font-weight:700 } .item_info_cont .item_money_box span { padding-left: 9px !important; } .goods_list_cont .item_info_cont .item_price span{padding: 0 !important;} .goods_list .color{font-size:0px; padding-top:30px; margin: 0;} .goods_list .color > div{width:18px; height:4px; border:1px solid #e5e5e5; display:inline-block; margin: 0 4px 0 0;} .item_icon_box{position: absolute; bottom:0; left:0 } .item_icon_box img {display: block; float: left; } /* 상품 공통 할인률 스타일 */ .goods_list_cont ul li .salebox{z-index: 1; position: absolute; right: 20px; bottom: -22px;} .goods_list_cont ul li .salebig{display: block; width: 40px; height: 40px; border-radius: 40px; text-align: center;font-size: 12px; line-height: 40px; font-weight: 300; color: #fff; background-color: #3a3a3a;} /* 공통 상품진열 퀵메뉴 */ .item_soldout .item_link {z-index:2222;} .item_photo_box:hover .item_link {display: block; opacity:1; top:50%;} .item_link {position:absolute; z-index:2; top:55%; left:35%; margin-top:-20px; width: 50%; text-align:center; font-size:0px; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; font-size:0px; } .item_link img{margin: 0 5px;} .item_link button, .item_link a {float: left;} .item_link a img {margin-top: 0 !important; vertical-align: middle; width: 36px !important; height: 36px !important;} .btn_basket_get {width: 33px; height: 33px; border-right:0;} .btn_basket_cart {width:33px; margin:0 13px;} .btn_layer .delivery_list {min-height: 78px;} .add_wish_layer .btn_confirm, .option_layer_cont .btn_confirm {border: 1px solid #333; background: #333;} .add_wish_layer .btn_confirm:hover, .option_layer_cont .btn_confirm:hover {border: 1px solid #111; background : #111;} .chosen-container .chosen-results {width: 100%;} .add_cart_layer .btn_cancel:hover, .add_wish_layer .btn_cancel:hover {border: 1px solid #111; color: #111;} /* 탭메뉴 */ .m_tab01 {font-size:0; text-align:left; margin-top:58px;} .item_vl_tab_type .goods_tab_tit li:first-child{left:-20px} .item_vl_tab_type .goods_tab_tit{color:#8a8a8a; font-size:16px !important; cursor:pointer; position: absolute; display:block; top: 245px; left: 10px; font-weight:400; width:238px; height:42px; line-height:42px; text-indent:20px; box-sizing:border-box;} .item_vl_tab_type .goods_tab_tit li a{ font-size:16px; padding: 0; border-bottom: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .item_vl_tab_type .goods_tab_tit li.on { border:1px solid #1a1a1a; } .item_vl_tab_type .goods_tab_tit li.on a{color:#1a1a1a !important; font-weight: normal; background:none; } .item_vl_tab_type .goods_tab_tit li:hover a{color:#1a1a1a;} .tabcontent01 {display:none; margin-top:0px; } .tabcontent01.current {display: block;} .tab_menu_area {float:left; font-size:0px;} .tab_menu_area .txt01 {line-height:1.3; font-size:46px; color:#1a1a1a; font-weight:300;} .tab_menu_area .txt02 {line-height:1; font-size:18px; color:#8a8a8a; font-weight:300; padding-top:30px;} .goods_tab_cont .item_link {left:33%;} /* 탭진열대 스와이퍼 스타일 */ .swiper03 {float:right; width:1255px;} .swiper03 li.swiper-slide {margin-bottom:80px;} .swiper03 li.swiper-slide:nth-child(odd) {padding-top:140px;} .swiper03 .prdList > li {margin-top: 0;} .swiper03 .swiper-scrollbar { left:0px !important; bottom:0px !important; height:1px !important; width:100% !important; background:#fff; border-top: 1px solid #ffffff; border-bottom: 1px solid #e8e8e8;} .swiper03 .swiper-scrollbar-drag {background: rgba(230, 195, 168, 1); border-radius:0px; height:2px;} /* 분류페이지 추천상품(말풍선형) */ .recmd_rolling {margin-bottom:100px !important;} .recmd_rolling .swiper-scrollbar { left:0px !important; bottom:0px !important; height:1px !important; width:100% !important; background:#fff; border-top: 1px solid #ffffff; border-bottom: 1px solid #e8e8e8;} .recmd_rolling .swiper-scrollbar-drag {background: rgba(230, 195, 168, 1); border-radius:0px; height:2px;} .recmd_rolling .swiper-slide .item_photo_box {width: auto; padding: 0; margin: 0 10px;} .best_item_view .goods_list_cont ul li{margin-bottom: 80px;} .best_item_view .goods_list_cont ul li:first-child {margin-left: 0;} .recmd_rolling .swiper-slide .item_photo_box{margin: 0;padding: 0;} .recmd_rolling .item_photo_box{border: none;} .recmd_rolling .item_cont{padding: 0;} .best_item_view{margin-bottom: 130px;} /* 분류 타이틀 공통 */ .sub_title {position:relative; margin:0 auto !important; max-width:1720px; letter-spacing:0px !important; color: #1a1a1a; font-size:26px; font-weight:700; text-align:center; line-height:1; padding:20px 0px 70px !important;} .sub_title span { font-size:22px; font-weight:300; color:#222; } /* 분류페이지 상단 꾸미기 영역 */ .addition_zone { margin:93px 0 142px; padding:0; } .addition_zone img {width:100%;} /* 분류페이지 타이틀 */ .goods_list_item_tit { padding: 55px 0 30px; margin: 0; text-align: center; } .goods_list_item_tit h2 { color: #1a1a1a; font-size: 26px; font-weight: 700; line-height: 1;} .best_item_view .best_item_view_tit{display: none;} /* 분류페이지 중분류 */ .goods_list_item_tit + .list_item_category { width:100%; max-width:1700px; margin:20px auto 50px; padding:0; font-size:0; line-height:0; text-align:center; border:0; } .list_item_category ul {border: 0; text-align: center; padding-bottom: 100px;} .list_item_category li { width: auto; margin: 0 6px; padding: 0;} .list_item_category li:first-child { margin-left:0; } .list_item_category li a { display: block; padding: 10px 20px; font-size: 13px; color: #1a1a1a; font-weight: 400; line-height: 1; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 22px; transition : all 0.3s; } .list_item_category li a:hover { color: #1a1a1a; border-color: #1a1a1a; background-color: #fff; text-decoration: none;} .list_item_category li.on a{color: #1a1a1a; border-color: #1a1a1a; background-color: #fff; text-decoration: none;} /* 분류페이지 정렬 */ .goods_pick_list { width:100%; max-width:1700px; margin:0 auto; } .goods_pick_list .pick_list_box { border-top:0; } .goods_pick_list .pick_list_box .pick_list_num { float:left; margin:5px 0; padding:0; font-size:13px; font-weight:400; color: #8a8a8a; } .goods_pick_list .pick_list_box .pick_list_num strong { color: #1a1a1a; font-weight: 700; } .goods_pick_list .pick_list_box .pick_list {float:right;} .goods_pick_list .pick_list_box .pick_list li {margin:0;} .goods_pick_list .pick_list_box .pick_list li label {padding:0 10px; font-size:14px; font-weight:400; color:#999; background:url('../img/mimg/sort_bg.png') no-repeat 0 50%;} .goods_pick_list .pick_list_box .pick_list li label.on { font-weight:400; color:#111; background:url('../img/mimg/sort_bg.png') no-repeat 0 50%;} .goods_pick_list .pick_list_box .pick_list li:first-child label {background:none !important;} .list_item_category ul{padding: 0 0 50px 3px !important;} .goods_pick_list .pick_list_box{border: none ;} .goods_list + .pagination{border: none;} /* 분류페이지 일반상품 */ .goods_list_item .goods_list .goods_list_cont .item_gallery_type ul li .salebox{right:40px;} /* 페이지네이션 */ .pagination li {font-size: 12px; font-weight: 700; color: #757575; } .pagination li:hover a{background-color: #f0f2f2; } .pagination li.on span {color: #1a1a1a !important; font-size: 12px; font-weight: 700; background-color:#fff; border-bottom:0 !important ; padding: 10px 0 !important;} .pagination li a{width: 33px; background-color:#fff} /* 회사소개, 오시는길 */ .page_title {font-size:46px; color:#1a1a1a; font-weight:300; text-align:center; line-height:60px; letter-spacing:-0.010em;} .page_txt01 {font-size:18px; color:#5a5a5a; font-weight:300; text-align:center; line-height:36px; letter-spacing:-0.010em; padding:60px 0px 90px;} .page_txt02 {font-size:18px; color:#5a5a5a; font-weight:300; text-align:center; line-height:36px; letter-spacing:-0.010em; padding:90px 0px;} .page_txt02.last {padding-bottom:0px;} .page_txt03 {font-size:18px; color:#5a5a5a; font-weight:300; text-align:center; line-height:36px; letter-spacing:-0.010em; padding:0px 0px 90px;} .page_txt03 span {color:#1a1a1a; font-weight:400; padding-right:12px;} .page_txt03 span.space {padding-left:18px;} .page_ban img {width:100%;} .page_map {border:1px solid #e9e9e9; line-height: 0;} /* 상세페이지 */ .item_photo_info_sec{width: 1280px; margin: 0 auto;} .item_info_box {width: 600px;border-top: 2px solid #1a1a1a; } .item_detail_tit .prd_icon{ padding-bottom: 20px;} .item_photo_big{border: none;} .item_tit_detail_cont .item_detail_tit{margin: 0 0 20px 0 !important; padding: 25px 0 0 0; border-bottom: none;} .item_tit_detail_cont .item_detail_tit h3{display: block; margin: 0 0 15px; color: #1a1a1a; font-size: 24px; font-weight: 700; line-height: 28px;} .item_tit_detail_cont .item_detail_tit .shortDescrip{color: #9a9a9a; font-size: 15px; line-height: 20px; font-weight: lighter;} .item_tit_detail_cont .item_detail_tit .btn_qa_share_box{top:22px} .item_tit_detail_cont .price_box{position: relative; padding-bottom: 45px; height: 30px; border-bottom: 1px solid #e8e8e8; line-height: 30px; margin: 10px 0 20px; text-align: bottom;} .item_tit_detail_cont .price_box .price{float: left; margin-right: 10px; color: #1a1a1a; font-size: 28px; font-weight: 700;} .item_tit_detail_cont .price_box span{float: left;width: auto; margin-right: 10px; color: #e6c3a8; font-size: 28px; font-weight: 700; background:none;} .item_tit_detail_cont .price_box .custom{float: left; color: #9a9a9a; font-size: 14px; font-weight: 400; margin-top: 3px; text-decoration: line-through;} .item_add_option_box{width: 100%; border-top: 1px solid #e8e8e8;} .item_detail_list dt{font-size: 13px; color: #1a1a1a;} .btn_add_order, .btn_add_order_related, .btn_add_cart_related{ -webkit-transition:0.3s; background-color:#e6c3a8; border:1px solid #e6c3a8; width:224px; height: 66px; font-size: 14px; } .btn_add_order:hover{background-color:#e6c3a8; border:1px solid #e6c3a8;} .btn_add_order:hover {box-shadow: 0 15px 15px 1px rgba(0,0,0,0.13) !important; -webkit-box-shadow: 0 15px 15px 1px rgba(0,0,0,0.13) !important;} .btn_add_soldout, .btn_add_cart, .btn_add_wish{ margin-left: 12px;width: 166px; height: 66px; padding: 0 !important;} .item_detail_list + .item_choice_list table{border-bottom: 1px solid #e8e8e8;} .item_tatal_box .total_amount dd{color: #111;} .sub_content{padding: 80px 0 0 0 ;} .item_tit_detail_cont .price_box span{width: auto; margin-right: 10px; color: #e6c3a8; font-size: 28px; font-weight: 700; background:none;} /* 상세 옵션선택 관련 소스 */ #wrap .chosen-container {width:100% !important;} .item_choice_list {width:100%; max-height:212px; overflow-y:auto;} /* 상세페이지 탭 */ #detail{padding-top: 100px;} .item_goods_sec{width: 1280px; margin: 100px auto 0;} .item_goods_sec .detail_cont h3{display: none; border:none;} .reviews_table_type, .qna_table_type{border-top:none;} .item_goods_tab{padding: 0 !important;} .item_goods_tab ul{width: auto;} .item_goods_tab li{width: 25%; height: 60px;} .item_goods_tab li a{padding: 18px 0 20px 0;} .item_goods_tab li.on{margin-top: -8px;} .item_goods_tab li.on a{border:1px solid #111; border-bottom:1px solid #fff;} .item_goods_tab li a{border-bottom: 1px solid #111;} .item_goods_tab li a strong{color: #111;} .btn_board, .btn_board:hover{background-color: #fff; border: 1px solid #d9d9d9; color:#555; font-weight: 400;} /*상품 교환 환불 안내 스타일*/ #exchange{width: 1280px; margin: 0 auto;} .exchange_cont{width: 1280px; margin-top: 65px;} .exchange_cont .info{display:flex; align-items:center; background-color:#fafafa; border-bottom:1px solid #d9d9d9;} .exchange_cont .info:first-child {border-top:1px solid #d9d9d9;} .exchange_cont .info h3 {float:left; width:150px; height:auto; margin:0; padding:0; color:#111; font-size:17px; font-weight:400; text-align:center; background-color:#fafafa;} .exchange_cont .admin_msg {float:left; width:100%; padding:40px; background-color:#fff;} /* 상세페이지 후기, 문의 게시판 스타일 */ .item_goods_sec { margin:0 auto; } .item_goods_sec .board_title {margin-top:70px; padding:0 0 70px 0;} .board_title {color:#000; font-size:18px; font-weight:400;} .board_title span {display:inline-block; height:13px; margin-left:15px; padding-left:15px; color:#888; font-size:13px; line-height:13px; border-left:1px solid #888;} .btn_reviews_box, .btn_qna_box {top:25px;} /*.btn_reviews_more, .btn_qna_more*/ /* 상세페이지 관련상품 */ /*.detail_explain_bo .recmd_rolling*/ .detail_explain_box .main_title{margin:75px auto !important;} .detail_explain_box .goods_list_cont ul{height: 470px;} .detail_explain_box .item_tip_type .item_link{left:28%;} /* 상세페이지 따라다니는 옵션 */ .item_info_box .tab_cate {bottom:-70px;} .item_info_box .tab_cate #tab_cate_title {display:none;} .item_info_box .tab_cate.onfixed {position:fixed; z-index:999; width:100%; bottom:0;left:0;right:0;margin:0;background-color:#fff;overflow:hidden;overflow-y:hidden;box-shadow:5px -10px 10px 0 rgba(0,0,0,0.05); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .item_info_box .tab_cate.onfixed .chosen-container .chosen-results {overflow-y:auto; max-height: 125px;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont {position: relative; width:1100px;float:none;padding:40px 0 30px 0;border:0;margin:0 auto;display:block;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .item_detail_tit {float:left;width:46%;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .item_detail_list {width:46%;} .item_detail_list dd{float:left;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .item_detail_list .item_add_option_box {position: absolute; right: 0; width: 50%; margin: 0; padding: 0; border-top: 0;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .item_detail_list dl dt {padding-top:10px !important;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .item_detail_list dl dd {padding:10px 0 !important;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .option_display_area {border: none;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .btn_choice_box{text-align: LEFT;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .btn_choice_box button {margin-left: 10px; width: 166px; height: 66px; font-size: 16px;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .item_detail_list{border:none;} .item_info_box .tab_cate.onfixed .item_tit_detail_cont .btn_choice_box button:first-child {width: 224px; margin-left: 0;} .item_info_box .tab_cate.onfixed #tab_cate_title {display:block; width:100%; background:#fbfbfd;border-top: 1px solid #dedfe2;font-size:0;padding:10px 0;} .item_info_box .tab_cate.onfixed #tab_cate_title .tab_cate_area {width:992px; margin:0 auto;} .item_info_box .tab_cate.onfixed #tab_cate_title a:first-child {border:1px solid #e6c3a8; color:#fff; background-color:#e6c3a8;} .item_info_box .tab_cate.onfixed #tab_cate_title a {width:48%; height:66px; overflow:hidden; padding:0; margin:0px; margin-left:2%; text-align:center; font-weight:400; letter-spacing:1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:inline-block; text-align:center; line-height:66px; font-size:16px; vertical-align:middle; border: 1px solid #dedede; color:#1a1a1a; font-weight: bold; background-color: #fff;} .item_info_box .tab_cate.onfixed #tab_cate_title a:hover {border:1px solid #e6c3a8;background-color: #fff;color:#e6c3a8;} .item_info_box .tab_cate.onfixed #tab_cate_title .detail_tab_close {display:none;} .item_info_box .tab_cate.onfixed #tab_cate_title.up {padding:0;width:auto;border:0;} .item_info_box .tab_cate.onfixed #tab_cate_title.up .tab_cate_area {display:none;} .item_info_box .tab_cate.onfixed #tab_cate_title.up .detail_tab_close {display:block;position:absolute;top:40px;right:50%;margin-right:-660px;cursor:pointer;z-index:5;} .item_info_box .tab_cate.onfixed #tab_cate_title.up .detail_tab_close img {width:40px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .item_info_box .tab_cate.onfixed #tab_cate_title.up .detail_tab_close:hover img {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .item_info_box .tab_cate.onfixed .item_detail_tit {padding-top:0px;} .item_info_box .tab_cate.onfixed .additional {display:none;} .item_info_box .tab_cate.onfixed .relation_prd {display: none;} /* 검색페이지 인덱스, 최근검색 크기조정 */ .header_section02 .top_search .top_search_cont{z-index: 99999;} #contents .sub_content > .side_cont + .content{max-width:1440px;width:100%;float:right;padding:0;} .recent_box{width: 179px !important;} .goods_search_box{max-width:100%;width:100%;} .goods_search_cont .goods_list_cont ul li{width: 24% !important; margin-left:1.25%;} .goods_search_cont .item_photo_box > a > img{width:100%;} .goods_search_cont .goods_list_cont ul li:first-child{margin-left:0px;} .goods_search_cont .goods_list_cont ul li:nth-child(4n+1){margin-left:0px;} .goods_search_cont .item_link{left: 28%;} /* 검색페이지 측면 */ .sub_search_box {width:190px;margin:30px auto;} .sub_search_box dl dd select{width:190px;} .sub_search_box .chosen-container{width:190px;} .sub_search_box .benefit_box span {vertical-align:top;width:100%;} .sub_search_box .price_box input {width:130px;} .sub_search_box .quick_btn input {padding:10px 0;width:190px;} /* 리뷰페이지 */ .board_zone_cont .board_img img{width: 100%; height: 100%; line-height: 0;} /* 현재위치숨기기 */ .location_wrap .location_cont{display: none;} /* 전체페이지 포인트 색상 */ .order_wrap .order_tit .page_on, .scroll_right_cont .src_box strong, .search_text_result span, .mypage_top_wallet li strong, .payment_final_total dd, .item_tatal_box .total_amount dd, .price_sum_cont .price_sum_list dd strong, .price_sum_cont .price_sum_list dd, .info_again a, .side_cont .info_box .info_num, .goods_pick_list .pick_list_num strong {color:#000 !important;} .goods_pick_list .pick_list_box .pick_list label.on {color:#000 !important;background:url("../img/icon/goods_icon/icon_sort_check_black.png") no-repeat left 5px;} .side_cont .sub_menu_box .sub_menu_mypage a:hover, .side_cont .sub_menu_box .sub_menu_mypage .active {background:#fff; color:#333 ;font-weight:normal;} .pagination li.on span {border-radius:0;} .pagination li.on:hover {text-decoration:none;} .pagination .on{color:#333 ; font-weight:bold;} .btn_board_search{border:1px solid #444;background:#444;} .btn_board_search:hover{border:1px solid #333 ; background:#333 ;} .btn_before{color:#444;border:1px solid #444;} .btn_write_ok{border:1px solid #444; background:#444;} .btn_write_ok:hover{border:1px solid #333 ; background:#333 ;} .btn_comment_best{color:#ffffff; border:1px solid #444; background:#444;} .btn_comment_best:hover{border:1px solid #333 ; background:#333 ;} .join_ok_box .btn_member_sec li button, .join_ok_box .btn_member_sec .btn_login, .btn_claim_cancel, .btn_claim_cancel:hover, .btn_pw_cancel, .btn_pw_cancel:hover, .btn_order_choice_buy:hover, .btn_order_choice_buy, .btn_member_cancel:hover, .btn_member_cancel, .member_cont .nonmember_order_box .order_input_sec button {border:1px solid #333; color:#333;} .join_ok_box .btn_member_sec .btn_login, .quick_search_cont_box .quick_btn input, .btn_claim_ok, .btn_pw_certify, .btn_date_check, .mypage_cont .btn_date_check, .btn_order_buy, .btn_order_whole_buy, .btn_member_black, .btn_member_next, .btn_comfirm, .member_cont .member_login_box .login_input_sec button{border:1px solid #333 ; background:#333 ; color:#ffffff;} .join_ok_box .btn_member_sec .btn_login:hover, .quick_search_cont_box .quick_btn input:hover, .btn_claim_ok:hover, .btn_pw_certify:hover, .btn_date_check:hover, .mypage_cont .btn_date_check:hover, .btn_order_whole_buy:hover, .btn_order_buy:hover, .btn_member_black:hover, .btn_member_next:hover, .btn_comfirm:hover, .member_cont .member_login_box .login_input_sec button:hover{background:#111; border:1px solid #111;} /* 컨텐츠 사이즈 및 미디어 쿼리 */ /*.width1680 {max-width:1680px !important; margin:0 auto;}*/ @media screen and (max-width: 1699px) { /*.width1680 {width:1432px !important;} .sub_content .side_cont {display:none;} #contents .sub_content > .side_cont + .content{width:1432px;margin:0 auto; float:unset;}*/ } @media screen and (max-width: 1499px) { .width1680 {width:1280px !important;} .goods_search_cont {width:1280px;margin:0 auto;} #contents .sub_content > .side_cont + .content{width:1280px;} } /* 상단 영역 : 미디어쿼리 */ @media screen and (max-width: 1499px) { #header #mcategory li a {margin:0px 18px;} } /* 갤러리형 진열대 미디어 쿼리 */ .mm_sec01 .galley_type > ul > li {float: left;} .mm_sec01 .galley_type > ul > li, .galley_type ul > li > .item_cont {width:405px; margin:0px 0px 30px 0px !important; } .galley_type ul > li:first-child {margin-left:0px;} @media screen and (max-width: 1699px){ .mm_sec01 .galley_type > ul > li, .galley_type ul > li > .item_cont {width:343px;} .mm_sec01 .galley_type > ul > li > .item_photo_box img, .galley_type ul > li > .item_cont .item_photo_box > a > img {width:100%;} } @media screen and (max-width: 1499px){ .mm_sec01 .galley_type > ul > li, .galley_type ul > li > .item_cont{width:305px;} } /* 리스트형 진열대 미디어 쿼리 */ @media screen and (max-width: 1699px) { .main_grid3 .list_type .item_list_type ul > li { height:120px;} .main_grid3 ul li.banner_area {width:457px;} .main_grid3 .list_type .item_cont .item_photo_box {width:120px;} .main_grid3 .list_type .item_cont .item_info_cont {width:173px;} .main_grid3 .list_type .item_cont .item_info_cont .item_price {padding-top:9px;} .main_grid3 .list_type .item_cont .item_info_cont .color {padding-top:10px;} .main_grid3 .goods_list_cont ul li .salebox{left: 70px;} } @media screen and (max-width: 1499px) { .main_grid3 ul li.banner_area {width:406px;} .main_grid3 .list_type .item_cont .item_info_cont {width:130px;} .main_grid3 .goods_list_cont ul li .salebox{left: 70px;} } /* 메인 탭형 진열대 미디어 쿼리 */ @media screen and (max-width: 1699px){ .mm_sec03 .tab_type ul li, .tab_type ul li .item_cont {width:338px;} .mm_sec03 .tab_type ul li .item_photo_box > img{width:100%;} .item_link{left:28%;} } @media screen and (max-width: 1499px){ .mm_sec03 .tab_type > ul > li, .tab_type ul > li > .item_cont{width:288px;} .item_link{left:26%;} } @media screen and (max-width: 1699px) { .swiper03 {float:right; width:1055px;} } @media screen and (max-width: 1499px) { .swiper03 {float:right; width:905px;} } /* 분류페이지 추천상품 미디어 쿼리 */ @media screen and (max-width: 1699px){ .item_tip_type ul li, .item_tip_type ul li .item_cont {width:338px;} .item_tip_type ul li .item_photo_box > a > img{width:100%;} .item_link{left:28%;} } @media screen and (max-width: 1499px){ .recmd_rolling .swiper-slide{margin-right: 0px !important;} .item_tip_type > ul > li, .item_tip_type ul > li > .item_cont{width:288px;} .item_link{left:26%;} } /* 웹앤모바일 메인타임세일영역추가 튜닝 시작 22-06-13 */ .icon_time_sale > img:not(.weekly_sale) {display:none;} .icon_time_sale:after {content:"위클리세일"; display:inline-block; color:#ffffff; background-color:#e6c3a8; font-size:18px; width:100px; height:35px; line-height:35px; text-align:center;} .item_cont .item_info_cont .item_money_box .timesale_rate {font-size:22px; padding-left:0 !important; padding-right:9px !important; color:#ffcc99; font-weight:700;} .item_money_box .item_price .time_sale_cost {display:none !important; font-size:15px; background:none; /*padding-left:9px !important;*/} /* 웹앤모바일 메인타임세일영역추가 튜닝 끝 */