/* BASIC css start */ /*위브추가*/ .info_wrap .pricebox {position:relative;} .info_wrap .pricebox .coupon_area {display:inline-block; font-size:0; position:absolute; bottom:20px; right:0;} html .codi_area {width:calc(100% - 400px) !important; padding:100px 200px 140px !important; } html .codi_area ul.ul_center {justify-content:center; } html .codi_area ul.swiper-wrapper li {background:transparent !important; text-align:left;max-width:20%; position:relative;} html .codi_area ul.swiper-wrapper li .thumbnail img{max-width: 100%; } html .codi_area ul.swiper-wrapper li a {display:block; width:100%; } html .codi_area ul.swiper-wrapper li .contants {padding-top:10px !important; } html .codi_area ul.swiper-wrapper li .contants .prod_price {margin-top:10px !important; } html .codi_area ul.swiper-wrapper li.li_5 {width:calc(20% - 12.8px) !important; margin-right:16px !important; display:block !Important; } html .codi_area ul.swiper-wrapper li.li_5:last-child {margin-right:0 !important; } html .codi_area .swiper-pagination {bottom:100px; top:inherit !important; background: rgba(131,131,131,.33); height: 1px; } html .codi_area .swiper-pagination span { top: -1px;} html .detail_top_navi {width:100% !Important; text-align: center; margin:0 !important; padding:0 !important; height:auto !Important; border-top:1px solid #E5E5E5; background:#fff; z-index:100; } html .detail_top_navi .fixed_area > a {padding-bottom: 30px !important ; font-size: 16px; line-height:1; display:inline-block; margin:0 45px; padding:30px 0; line-height: 1; cursor: pointer; color: #838383 !important; font-weight:400 !important; } html .detail_top_navi .fixed_area > a.active {color: #2c2c2c !important; font-weight:500 !important; border-bottom: 4px solid #50696F;} html .detail_top_navi.fixed {position:fixed; top:59px; } html .pricebox .price {display:flex; line-height:18px; } html .pricebox .price .delprice {font-size:16px; font-weight:400; color:#B8B8B8; margin-right:7px; display:inline-block; vertical-align:bottom; text-decoration:line-through} html .pricebox .price .realprice {font-size:18px; font-weight:500; color:#2c2c2c; display:inline-block; vertical-align:bottom;} html .pricebox .price .discount { display:inline-block; vertical-align:bottom; font-size:16px; font-weight:400; color:#A02727; margin-left:7px; } html .MS_btn_scrap_fb, html .MS_btn_scrap_tw {display:none !important; } html .sub_name {margin-bottom:47px !important; } html .soldout_btn {display:flex; } html .w50 {width:calc(50% - 4px); height:45px; } html .accordionMenu {width: 410px; margin: auto; margin-bottom : 30px;border-bottom: 1px solid rgb(221, 221, 221);} html .accordionMenu dl{ border-top: 1px solid rgb(221, 221, 221); padding:15px 0; margin : 0; } html .accordionMenu dt{display : flex;justify-content: space-between;align-items: center;font-size: 14px;cursor : pointer;} html .accordionMenu .hide{display: none; margin:16px 0 0; text-align :left;position : relative;font-size:12px;color:#838383;line-height:20px;letter-spacing:-0.08em} html .accordionMenu .hide *{font-size:12px;color:#838383;line-height:20px;letter-spacing:-0.03em} html .accordionMenu .hide .tit{display:none} html .accordionMenu .hide .bold_font{font-weight:600;color:#2C2C2C;letter-spacing:-0.03em;margin-bottom:5px} html .accordionMenu dt span{font-size: 12px;color:#505050} html .accordionMenu .bold_font{font-size: 14px;color:#2C2C2C} /*사이즈앤핏*/ html .accordionMenu .detail_size_wrap table{text-align:center;border:1px solid #E5E5E5;width:100%; margin-top:1px; } html .accordionMenu .detail_size_wrap table *{height: 28px; font-size:12px !important;color:#838383; width: 20% !important; text-align:center !important; } html .accordionMenu .detail_size_wrap table thead th { background:#F5F5F5;color:#000;font-weight:500;padding:0;border:1px solid #E5E5E5;border:1px solid #E5E5E5;} html .accordionMenu .detail_size_wrap table thead th:first-child{background:#fff !important;color:#838383;font-weight:400;} html .accordionMenu .detail_size_wrap table tbody th,html .accordionMenu .detail_size_wrap table tbody td{padding:0;border:1px solid #E5E5E5;font-weight:400; color:#838383; } html .accordionMenu .detail_size_wrap table + ul{margin-top:20px} html .accordionMenu .detail_size_wrap table + ul li{font-size:11px;line-height:18px;} html .accordionMenu .detail_go_btn{display:inline-block;border-radius:14px;color:#fff;font-size:13px;background:#505050;text-align:center;padding:5px 12px;margin:20px 0; cursor:pointer; } html .accordionMenu .detail_size_wrap .size_p{font-size:14px;color:#2C2C2C;font-weight:500;letter-spacing:-0.03em;margin-bottom:10px} html .accordionMenu .detail_size_wrap .size_p + ul li{font-size:14px;color:#838383;font-weight:400;} html .accordionMenu .detail_size_wrap .size_p + ul li span{color:#2C2C2C;font-weight:500;display:inline-block;margin-right:10px} /*사이즈가이드*/ html .pop_st,html .dailyBack{position:fixed;top:0;right:0;left:0;bottom:0;background:#fff;z-index:1000;padding:36px 15px 0;overflow-y: scroll;display:none} html .pop_st .tit,html .dailyBack h3{font-size:26px;color:#2C2C2C;letter-spacing:0.05em;font-weight:400;font-family:'Crimson Pro', serif;border-bottom:1px solid #2C2C2C;padding-bottom:17px;text-align:left} html .size_close,html .pop_close,html .dailycloseBtn{position: absolute; top: 36px; right: 15px;width:19px;height:19px;background:url('/design/hanstyle/wib/2022wib/img/mo/pop_close.png')no-repeat center / 19px; cursor: pointer;} html .dailycloseBtn img{display:none} html .size_pop .detail_size_wrap{padding-bottom:60px} html .size_pop .detail_size_img{margin-top:38px} html .size_pop .table_wrap{margin-top:40px} html .size_pop .table_wrap th{width:83px;font-size:13px;color:#2C2C2C;font-weight:500;border:1px solid #E5E5E5;padding:12px 0} html .size_pop .table_wrap th span{color:#A02727;;} html .size_pop .table_wrap td{font-size:12px;color:#838383;line-height:20px;letter-spacing:-0.08em;padding:12px 9px 12px 7px;border:1px solid #E5E5E5} /*프로덕트*/ html .accordionMenu .productMenu .type2 th{font-size:14px;color:#2c2c2c;font-weight:400;letter-spacing:-0.03em;width:110px;padding:6px 0; vertical-align: top;} html .accordionMenu .productMenu .type2 td{font-size:14px;color:#838383;font-weight:400;letter-spacing:-0.03em;padding:6px 0;vertical-align: top;} html .accordionMenu .productMenu .detail_go_btn{margin:10px 0 0} html .accordionMenu .productMenu .color_chip td {font-size:0} html .accordionMenu .productMenu .color_chip td span{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align: middle;} html .detail_ban {width:410px; margin-bottom: 30px} html .detail_ban a {display:block; } html .detail_ban img {width:100%; } html .shopdetail .shopdetailItem .detail_wrap .section07, html .shopdetail .shopdetailItem .detail_wrap .section09{display:none} html .size_pop {padding:20px 30px !important; width: 1040px; margin: 0 auto; height: 600px; top: 50%; margin-top: -300px;border: 1px solid #E5E5E5; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1); overflow:auto; } html .size_pop::-webkit-scrollbar { display: none;} html .size_pop .detail_size_img {margin-top:40px; width:400px; display:inline-block; vertical-align:top; margin-right:40px; padding:0;} html .size_pop .detail_size_img img {width:100%; } html .size_pop .table_wrap {width:Calc(100% - 450px); display:inline-block; vertical-align:top; } html .size_pop .table_wrap th {width:120px; font-size:14px; text-align:Center; font-weight:500; } html .size_pop .table_wrap th span {display:inline-block; margin-right:-3px; } html .size_pop .table_wrap td {padding-left:15px; padding-right:15px;} html .size_pop .size_close {top:20px; right:30px; } html .dailyBack {width:1000px; height:812px; top:50%; margin-top:-406px; padding:20px 0 0; overflow:hidden;border: 1px solid #E5E5E5; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1); left:50%; margin-left:-500px; } html .dailyBack .tit {padding:0 30px; border:0; padding-bottom:13px; } html .dailyBack .dl_pop_slide {border-top:1px solid #e5e5e5;height:calc(100% - 90px); padding-bottom:45px; } html .dailyBack .dl_pop_slide .img_box {width:430px; margin:-20px auto 0; } html .dailyBack .dl_pop_slide .img_box img {width:100%; } html .dailyBack .swiper-pagination {bottom:0; height:45px; line-height:45px; border-top:1px solid #e5e5e5;} html .dailyBack .swiper-pagination-bullet {background:#000 !important; opacity:0.3;width:4px; height:4px; margin:0 5px; } html .dailyBack .swiper-pagination-bullet-active {opacity:1; } html .dailyBack .dailycloseBtn {top:20px; right:30px} html .detail_wrap .section07, html .detail_wrap .section09{display:none} #soldout_sms {width:100%;} #soldout_sms img {margin-left: -4px; } /*배송정보*/ .deil_pop {padding:20px 30px 40px !important; width:1000px; height:780px; border: 1px solid #E5E5E5; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1); left:50% !important; top:50% !important; margin-top:-390px; margin-left:-500px;overflow:unset !important;} .deil_pop::-webkit-scrollbar { display: none;} .deil_pop .tit{line-height: 1; font-family:'Inter','Noto Sans KR', sans-serif !important;font-size:26px !important; letter-spacing:-0.03em} .deil_pop .detail-common-info {height:745px; overflow:auto;} .deil_pop .detail-common-info > div > ul > li{border-bottom:1px solid #e5e5e5;} .deil_pop .detail-common-info > div > ul > li > p{font-size:18px;color:#2C2C2C;letter-spacing:-0.03em;padding:20px 15px; position:relative;cursor:pointer; } .deil_pop .detail-common-info > div > ul > li > p:before{content:"";display:inline-block;width:40px;height:40px;vertical-align: middle;margin-right:20px } .deil_pop .detail-common-info > div > ul > li > p:after {transition:all 0.4s;content:''; display:block; width:16px; height:10px; background:url('/design/hanstyle/wib/2022wib/img/mo/info_arrow.png')no-repeat center/cover; position:absolute; top:50%; margin-top:-8px; right:15px; } .deil_pop .detail-common-info > div > ul > li.on > p:after {transform:rotate(-180deg);} .deil_pop .detail-common-info > div > ul > li:first-child > p:before{background:url('/design/hanstyle/wib/2022wib/img/wibpc/del1.svg')no-repeat center/cover;} .deil_pop .detail-common-info > div > ul > li:nth-child(2) > p:before{background:url('/design/hanstyle/wib/2022wib/img/wibpc/del1.svg')no-repeat center/cover;} .deil_pop .detail-common-info > div > ul > li:nth-child(3) > p:before{background:url('/design/hanstyle/wib/2022wib/img/wibpc/del1.svg')no-repeat center/cover;} .deil_pop .detail-common-info > div > ul > li:nth-child(4) > p:before{background:url('/design/hanstyle/wib/2022wib/img/wibpc/del1.svg')no-repeat center/cover;} .deil_pop .detail-common-info > div > ul > li:nth-child(5) > p:before{background:url('/design/hanstyle/wib/2022wib/img/wibpc/del1.svg')no-repeat center/cover;} .deil_pop .detail-common-info > div > ul > li .info_box{background:#F5F5F5;padding:20px 15px;display:none} .deil_pop .detail-common-info > div > ul > li .info_box h2{font-size:13px;color:#2C2C2C;letter-spacing:-0.03em;font-weight:500;margin-bottom:20px;} .deil_pop .detail-common-info > div > ul > li .info_box ul li{font-size:13px;color:#505050;line-height:20px;position: relative;padding-left:15px;margin-bottom:15px;} .deil_pop .detail-common-info > div > ul > li .info_box ul li:last-child{margin-bottom:0} .deil_pop .detail-common-info > div > ul > li .info_box ul li b{font-weight:400;position: absolute; left: 0;} .deil_pop .detail-common-info > div > ul > li .info_box ul li b.dot{width:5px;height:5px;background:#C2B095;border-radius:50%;top:5px} .deil_pop .detail-common-info > div > ul > li .info_box ul li span{color:#505050;font-size:13px;letter-spacing:-0.03em} .deil_pop .detail-common-info > div > ul > li .info_box ul li span em{display:block;color:#A02727} .deil_pop .pop_close{top:20px; right:30px} .dailyBtn dt img {display:none;} .dailyBtn dt {position:relative;} .dailyBtn dt::after {content:'┼'; display:block; font-size:12px;color:#505050; position:absolute; top:0; right:0; } /*줌 박스*/ .zoom_box{position:fixed;width:600px; height:820px; top:50%;left:50%;transform:translate(-50%,-50%);z-index: 1000;display:none} .zoom_box img{width:100%} .zoom_box .zoom_x{position:absolute;top:20px;right:20px;background:url('/design/hanstyle/wib/2022wib/img/mo/img_x.png')no-repeat center/cover;width:20px;height:20px;cursor:pointer; } /* BASIC css start */ .tops{position:relative;} .page-body { display:none; } #productDetail .thumb-info { zoom: 1; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } #productDetail .page-body .thumb-info{padding:42px 0px;} #productDetail .page-body .thumb-info .next_prod{position:absolute; top:50%; right: 25px; z-index:30; margin-top:-21px; cursor:pointer;} #productDetail .page-body .thumb-info .prev_prod{position:absolute; top:50%; left: 25px; z-index:30; margin-top:-21px; cursor:pointer;} #productDetail .page-body .thumb-info .thumb-wrap{width:50%; float:left;} #productDetail .page-body .thumb-info .info{width:49.5%; float:left;} #productDetail .page-body .thumb-info .info_inner{float:right; width:392px;} #productDetail .page-body .thumb-info .opt_wrap{border-top:1px solid #d4d4d4; padding-top: 10px; margin-top: 5px;} #productDetail .page-body .thumb-info .opt_wrap table{} #productDetail .page-body .thumb-info .opt_wrap table th, #productDetail .page-body .thumb-info .opt_wrap table td{color:#000; height:28px; padding:0px;} #productDetail .page-body .thumb-info .opt_wrap select{height:20px!important; line-height:20px!important;} #productDetail .thumb-info{background:#f9f9f9; position:relative; z-index:1;} #productDetail .thumb-info .thumb { width: 480px; text-align: center; margin: 0 auto; padding-bottom :20px; } #productDetail .thumb-info .thumb img { display: block; width: 100%;} #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } #productDetail .thumb-info .tit-prd { margin-left: 10px; font-weight: bold; font-size: 14px; color: #252525; } #productDetail .thumb-info .table-opt { margin-top: 15px; } #productDetail .thumb-info .table-opt th, #productDetail .thumb-info .table-opt td { font-size: 11px; padding: 1.5px 0; } #productDetail .thumb-info .table-opt th { font-weight: normal; letter-spacing: -1px; } #productDetail .thumb-info .table-opt th .sq_box{background: url(/design/hanstyle/2016renew/img/detail/sq_box.gif) no-repeat 0 5px;} #productDetail .page-body .thumb-info .info_inner .table-opt{border-top:1px solid #d8d8d8; padding-top:5px;margin-bottom: 15px;} #productDetail .page-body .thumb-info .info_inner .table-opt th{position:relative; z-index:10; height:30px;} #productDetail .page-body .thumb-info .info_inner .table-opt td{color:#000;} #productDetail .page-body .thumb-info .info_inner .table-opt td .soldout{text-align: center;margin: 30px 0 10px;font-size: 18px;color: #ef4123;} #productDetail .page-body .thumb-info .info_inner .table-opt .r_bar{position:absolute; top:10px; right:30px; z-index:10;} #productDetail .page-body .thumb-info .info_inner .tit-prd{margin-left:0px!important; font-size:18px!important; color:#464444; font-weight:bold;line-height: 26px;} #productDetail .page-body .thumb-info .info_inner .tit-prd img{padding-top: 5px;} #productDetail .page-body .thumb-info .info_inner .sub_tit-prd{font-weight: 300;} #productDetail .page-body .thumb-info .info_inner .sub_tit-prd.pink_color{color: #b35e64;margin-bottom: 10px; font-weight: 500;font-size: 15px; margin-top: 7px;} .dailySlider .swiper-pagination-bullets { display: flex; margin-top:35px; } .dailySlider span.swiper-pagination-bullet { opacity: 1 !important; margin: 0 !important; width: 100%; height: 3px; display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #e4e4e4; cursor:pointer; } .dailySlider span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; } .thumbSlide span.swiper-pagination-bullet {opacity: 0.5 !important;margin: 0 !important;width: 8px;height: 8px;display: inline-block;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 10px;background-color: #e4e4e4;cursor:pointer;margin-right: 10px !important;} .thumbSlide .swiper-pagination.swiper-pagination-bullets { width: 100%; bottom: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); text-align: center; } .thumbSlide span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: 1 !important; } .bannerWrap {margin-top: 60px;} .bannerWrap>a {-ms-flex-pack: center;-ms-flex-pack: center;justify-content: center;display: -ms-flexbox;display: flex;} .dailyBack {width : 100%;height : 100%;position : fixed; background: rgba(0,0,0,.4);top: 0;left: 0;z-index: 999;display:none } .info-box { position : relative; } .info_inner .dailyOpen { width: 90px; height: 24px; font-size: 12px; background: #fff; border: 1px solid #ccc; text-align: center; line-height: 24px; position: absolute; bottom: 0; right: 0; cursor : pointer; display:none; } .dailyBtn { display:none; } .dailySlider{width: 920px;height: 915px;background : #fff;position: fixed!important;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99!important;padding: 20px 40px 40px 40px;display: flex;justify-content: center;flex-direction: column;box-sizing: border-box;} .dailyBack .swiper-button-next { background: url("/design/hanstyle/wib/2022wib/img/wibpc/righttt.svg")no-repeat center/cover; position: absolute; right: 30px; width: 16px; height: 31px; } .dailyBack .swiper-button-prev { background: url("/design/hanstyle/wib/2022wib/img/wibpc/lefttt.svg")no-repeat center/cover; left: 30px; width: 16px; height: 31px; } .dailyBack .swiper-button-disabled { opacity: 1!important; pointer-events: initial!important; cursor: pointer!important; } .dailySlider h3{ font-size: 32px; font-weight: bold; position: relative; margin-bottom: 25px; } .dailySlider .swiper-container img { width: 536px; } .swiper-container { width: 100%; height: 100%; } .dailySlide { height: 750px; width: 800px; box-sizing: border-box; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .dailycloseBtn { height: 24px; float: right; color: #000; z-index: 999; cursor : pointer; position: absolute; right: 0; top: 8px; } .sizeMenu .detail_info_table { border-left: 0.5px solid #000; border-right: 0.5px solid #000; } .sizeMenu p.c_tit { text-align: right; padding-bottom: 8px; font-size: 20px; } .sizeMenu th.ftc.bl_none { color: #000; font-size : 24px; background: #fff; padding: 0; font-weight : bold; text-align : center; height: 50px; } .sizeMenu .detail_info_table td, .sizeMenu .detail_info_table th { border: 0.5px solid #000; background: #fff; font-size: 24px; color: #000; padding : 15px 0; } .sizeMenu .detail_info_table thead tr th { font-weight: bold; width: 100px!important; background: #fbfbfb!important; } .sizeMenu .content .table_wrap .content { font-size: 17px; margin: 30px 0; } .sizeMenu .guideBtn { width: 250px; height: 56px; line-height: 56px; font-size: 17px; color: #fff; background: #000; text-align: center; cursor: pointer; float: right; position: relative; bottom : 80px; } .modelWrap { padding: 30px 0 0 0; } .sizeMenu .modelWrap th, .sizeMenu .modelWrap td { border : none!important; font-size : 24px!important; color : #000!important; } .sizeMenu .modelWrap th { font-weight : bold!important; width : 95px!important; } .modelWrap h2 { font-size: 26px; font-weight: bold; color: #000; } .sizeMenu .modelWrap .table_wrap{border : none} .sizeBack {width : 100%;height : 100%;position : fixed;display :none;background: rgba(0,0,0,.4);top: 0;left: 0;z-index: 999;} .sizePop .table_wrap th { padding: 0 15px!important; font-size: 20px!important; box-sizing: border-box; } .sizePop .table_wrap td { padding: 15px!important; font-size: 16px!important; color: #000!important; box-sizing: border-box; } .sizePop { width: 1150px; height: 900px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index : 999; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 35px 45px 45px 45px; box-sizing: border-box; } .sizePop .sizeImg { width: 100%; height: 100%; text-align : left; } .sizePop .sizeWrap { display: -ms-flexbox; display: flex; margin-top: 50px; -ms-flex-pack: justify; justify-content: center; overflow-y:scroll; margin: auto; width: 1000px; } .sizePop .sizeWrap { } .sizePop .sizeWrap::-webkit-scrollbar{ } .sizePop h3 { font-size: 32px; font-weight: bold; text-align: left; position: relative; width: 100%; margin-bottom: 40px; } .sizePop .sizePopCloseBtn { float: right; color: #000; z-index: 999; font-size: 30px; cursor : pointer; position: absolute; top: 8px; right: 5px; } .sizePop a.detail_size_btn {display: none;} .sizePop .table_wrap.taleft.type2 { border-top: 1px solid #000; width: 530px; } .sizePop .table_wrap th { border-bottom: 1px solid #000!important; border-left: 1px solid #000!important; font-size: 24px!important; } .sizePop .table_wrap td { border-bottom: 1px solid #000!important; border-left: 1px solid #000!important; border-right: 1px solid #000!important; font-size: 24px!important; } .productMenu .infoMenu span:first-child{font-weight: bold;width: 202px;} .productMenu .infoMenu { padding: 12px 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; cursor:pointer; -ms-flex-pack: flex-start; justify-content: flex-start; } .infoMenu img { transform: rotate(90deg); margin: 1px 14px 0 5px; } .productMenu .infoMenu span{ font-size: 24px; color: #000; margin-right: 38px; } .productMenu .infoDiv{ display : none; margin-top: 11px; } .productMenu .fabricBtn { border: 1px solid #000; margin: 40px 0 70px 0px; font-size: 24px; font-weight: bold; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 79px; box-sizing: border-box; -ms-flex-align: center; align-items: center; padding: 0 35px; } .fabricBack {width : 100%;height : 100%;position : fixed;background: rgba(0,0,0,.4);top: 0;left: 0;z-index: 999; display :none; } .fabricPop { width: 1072px; height: 780px; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index : 999; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 40px 65px; box-sizing: border-box; } .fabricPop .fabricWrap { overflow-y: scroll; } .fabricPop h3 { font-size: 32px; font-weight: bold; text-align: left; position: relative; margin-bottom: 45px; } li.fabricTitle { width: 113px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; font-weight: bold; padding: 0 5px; background : #f4f4f4; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; } .fabricPop .fabricPopCloseBtn { color: #000; z-index: 999; font-size: 30px; cursor : pointer; position: absolute; right: 0; top: 8px; } .fabricPop ul{display: -ms-flexbox;display: flex;} .fabricBox:first-child li.fabricTitle, .fabricBox:first-child .box-cont:first-child li { border-top: 1px solid #000; } .fabricBox .box-cont li:nth-of-type(2){ text-align: left; font-size: 20px; padding: 20px; border-bottom: 1px solid #000; width: 640px; border-right: 1px solid #000; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .fabricBox .box-cont li:nth-of-type(1) { font-size: 24px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; /* padding: 13px; */ border-bottom: 1px solid #000; border-right: 1px solid #000; width: 130px!important; } .fabric .box-cont { width: 100%; } #productDetail .buy_btn_fix{display: none; position: fixed;bottom: 100px;z-index: 8;right: 50%;margin-right: -668px;} #productDetail .buy_btn_fix .buy_btn{ cursor: pointer; font-size: 15px;color: #fff;width: 145px;height: 37px; line-height: 37px; background: #7a7a7a;text-align: center;display: block; float: right;} #productDetail .thumb-info .info_inner.fixed_view{background: #f9f9f9;padding: 15px;width: 370px;border: solid 1px #e6e6e6;z-index: 8;} #productDetail .thumb-info .info_inner.fixed_view .power_review_wrap{display: none;} #productDetail .thumb-info .info_inner.fixed_view .prd-btns img{width: 100%;} #productDetail .thumb-info .info_inner.fixed_view .prd-btns > a#cartBtn, #productDetail .thumb-info .info_inner.fixed_view .prd-btns > a#wishBtn{width: calc(50% - 4px); width: -webkit-calc(50% - 4px);} #productDetail .page-body .thumb-info .info .npay_type_C_1_2{width: 100% !important;} #productDetail .thumb-info .table-opt .price { font-weight: bold; color: #d63448; } #productDetail .thumb-info .total_price{font-size:0px; letter-spacing: 0px; word-spacing: 0px; text-align:right; padding-top:10px !important;} #productDetail .thumb-info .total_price div{display:inline-block;} #productDetail .thumb-info .total_price .total_price_content{font-size:24px; color:#b8956d; font-weight:bold; } #productDetail .thumb-info #productDetail .thumb-info .total_price .total_price_text{font-size:12px; color:#b8956d;} #productDetail .thumb-info .price_cont{color:#000;} #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; overflow:hidden;} #productDetail .thumb-info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .table-opt .opt-spin .btns { width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .thumb-info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; } #productDetail .thumb-info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 2px; } #productDetail .thumb-info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #productDetail .thumb-info .prd-btns {overflow: hidden;margin-bottom: 15px;} #productDetail .thumb-info .prd-btns > a{display: block;} #productDetail .thumb-info .prd-btns > a#cartBtn, #productDetail .thumb-info .prd-btns > a#wishBtn{float: left; margin-top: 8px;} #productDetail .thumb-info .prd-btns > a#cartBtn{margin-right: 8px;} #productDetail .thumb-info .npay_wrap {margin-bottom: 15px;} #productDetail .thumb-info .prd-btns .soldout { margin-left: 10px; font-weight: bold; } #productDetail .tit-hd { margin-top: 70px; border-bottom: 1px solid #b8b8b8; padding-left: 4px; } #productDetail .tit-hd .tit-detail { height: 16px; padding-top: 8px; padding-left: 20px; background: url(/images/d3/modern_house/bg_tab.gif) no-repeat 0 0; } #productDetail .tit-hd .btns-part { position: relative; } #productDetail .tit-hd .btns { position: absolute; right: 0; top: -26px; text-align: center; } #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { margin-top: 15px; width: 100%; overflow: hidden; text-align: center;} #productDetail .prd-detail img { max-width: 100%; } #productDetail .related_wrap{text-align: center;} #productDetail .related_wrap h3{margin-bottom: 30px;} #productDetail .related_wrap h3 p{color: #373737;} #productDetail .related_wrap h3 p:nth-child(1){color: #2d2d2d; font-size: 27px; margin-bottom: 10px;} #productDetail .related_wrap h3.top_line {margin-top: 60px;padding-top: 60px; border-top: solid 1px #eee;} #productDetail .related_wrap .item-wrap{position: relative;} #productDetail .related_wrap .item-wrap .item-cont .normal_item:nth-child(4n){margin-right: 19px;} #productDetail .related_wrap .rel_pager > a{ background: rgba(0, 0, 0, 0.15);width: 9px;height: 9px; border-radius: 50%;font-size: 0px; display: inline-block;margin: 0 3px;} #productDetail .related_wrap .rel_pager > a.selected{ background: #4c4c4c;width: 12px; height: 12px;} #productDetail .related_wrap .rel_pager_arrow>a {position: absolute; top: 30%;background-color: #fff; width: 46px; height: 46px;display: block; text-align: center; border-radius: 50%; border: solid 1px #ccc; box-sizing: border-box;background-image: url('/design/hanstyle/wib/img/main/pro_prev_btn_black.png'); background-repeat: no-repeat;background-position: center;cursor: pointer;} #productDetail .related_wrap .rel_pager_arrow>a:hover {background-color: #c8b79c;border-color: #c8b79c;background-image: url('/design/hanstyle/wib/img/main/pro_prev_btn_white.png');} #productDetail .related_wrap .rel_pager_arrow>a.rprev {left: -70px;} #productDetail .related_wrap .rel_pager_arrow>a.rnext {right: -70px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-webkit-transform: -webkit-rotate(180deg);} #productDetail .related_wrap .normal_item {text-align: center; width: 273px;} #productDetail .related_wrap .normal_item .prod_etc, #productDetail .related_wrap .normal_item .prod_subname{display: none;} #productDetail .related_wrap .normal_item .prod_price{padding-bottom: 0px; border-bottom: none;} #productDetail .related_wrap .normal_item .disc_in .disc_ms{margin-top: 5px; display: block;} /* review-write */ #productDetail .review-write { margin-top: 15px; padding-top: 10px; border-top: 1px solid #ccc; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0 4px; } #productDetail .review-write th { font-weight: normal; } #productDetail .review-write .frm-w input { width: 150px; height: 18px; line-height: 18px; border: 1px solid #ededed; } #productDetail .table-slide { /*border-top: 1px solid #ccc;*/ } #productDetail .table-slide thead th { font-weight: normal; padding:16px 0px!important; background:#f5f5f5; border-bottom:1px solid #e7e7e7; color:#262626;} #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; cursor: pointer; } #productDetail .table-slide th { font-size: 11px; } #productDetail .table-slide tbody td {border-top:1px solid #f3f3f3;} #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #b4b4b5; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } /* review-list */ #productDetail .review-list { margin-top: 15px; } #productDetail .review-list .bg { padding-top: 35px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; } /* qna board */ #productDetail .qna-list { margin-top: 15px; } /* .board-hd */ #productDetail .board-hd { margin: 80px 0 20px 0; background: url(/images/d3/hot_issue/common/bd_line_gray.gif) repeat-x 0 60%; } /* .board-btns */ #productDetail .board-btns { text-align: right; } #productDetail .board-btns img { padding: 0 5px; } #productDetail .board-btns a{display:inline-block; *display:inline; } .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px;/* font-family: Dotum; */} .MK_optAddWrap li { list-style: none; } #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } #MK_innerOptWrap { margin-top: 10px; /* border: 1px solid #ddd;*/ } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; min-height: 20px; _height: 13px; *margin-bottom: -4px; padding: 8px 5px; border-bottom: 1px solid #ddd; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right: 20px; top: 10px; color: #333; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 10px; } .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 140px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.basic_option { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; } #MK_innerOptTotal { padding: 10px 5px; font-size: 12px; color: #333; text-align: right; margin-top: 8px;} #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #b8956d; font-weight: bold; font-size: 25px; padding-left: 10px;} #sorivu { position: relative; margin-top: 20px; } #productWrap { margin: 10px 0; } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; } #productWrap table { width: 100%; font-size: 12px; border-collapse: collapse; border-width: 1px 0 1px 0; border-color: #b4b4b4; border-style: solid; table-layout: fixed; } #productWrap table th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #f8f8f8; color: #3b3b3d; text-align: left; padding: 10px 0 10px 15px; } #productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e0e0e0; word-break: break-all; text-align: left; padding: 10px 0 10px 17px; } .view_menu_tab_basic{margin-top:105px;width:100%;text-align:center; font-size:0px; letter-spacing: 0px; word-spacing: 0px; margin-bottom:70px;} .view_menu_tab_basic div{display: inline-block; _display: inline; position: relative;padding: 0px 32px;background: #fcfcfc; border: solid 1px #e6e6e6;border-bottom: solid 1px #3f3f3f;cursor: pointer;width: 20%;height: 45px; line-height: 45px; color: #616161;font-size: 13px;box-sizing: border-box;margin-left: -1px;} .view_menu_tab_basic .tab_actv{background: #fff; font-weight: bold;color: #2b2a28;border-color: #3f3f3f;border-bottom: 0; border-right: solid 1px #3f3f3f;margin-right: 1px;} .benefit_ban{margin-top: 70px;position: relative;text-align: center;} .benefit_ban > a{position: absolute;bottom: -26px;left: 50%;margin-left: -135px;} .delivery_wrap{border:1px solid #dedede;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:1150px;} .delivery_wrap p{background:url(/design/hanstyle/2016renew/img/detail/tz_n.png) no-repeat 0 7px; padding-left:12px; padding-bottom:5px; color:#646464;} .delivery_wrap .delv_tit{font-family:'Malgun Gothic'; font-weight:bold; font-size:16px; color:#b8956d; height:26px; padding-bottom:6px; line-height:1.5;} .delivery_wrap .dtit01{background:url(/design/hanstyle/2016renew/img/detail/tz01.png) no-repeat 0 0; padding-left:35px;border-bottom:1px solid #dedede; margin-bottom:15px;} .delivery_wrap .dtit02{background:url(/design/hanstyle/2016renew/img/detail/tz02.png) no-repeat 0 0; padding-left:35px;border-bottom:1px solid #dedede; margin-bottom:15px;} .delivery_wrap .dtit03{background:url(/design/hanstyle/2016renew/img/detail/tz03.png) no-repeat 0 0; padding-left:35px;border-bottom:1px solid #dedede; margin-bottom:15px; margin-top:20px;} .delivery_wrap .dtit04{background:url(/design/hanstyle/2016renew/img/detail/tz04.png) no-repeat 0 0; padding-left:35px;} .delivery_wrap .dtit05{background:url(/design/hanstyle/2016renew/img/detail/tz05.png) no-repeat 0 0; padding-left:35px;} .delivery_wrap .t_zone_inner{width:500px; margin:0 auto;} .delivery_wrap .t_zone_l{width:50%; float:left; padding-top:24px;} .delivery_wrap .t_zone_r{width:50%; float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #dedede; padding:24px 0px;} .delivery_wrap .t_zone01{overflow: hidden;} .delivery_wrap .t_zone02{border-top:1px solid #dedede; background:#fafafa; padding:24px 0 24px 35px;} .delivery_wrap .t_zone03{border-top:1px solid #dedede; background:#fafafa; padding:24px 0 24px 35px;} .qna_board_content span{color:#777!important;} .MS_qna_content_box{background:#fcfcfc;} .MS_qna_content_box .qna_board_content > div > div{padding-left:0px!important;} .MS_qna_content_box .qna_board_content input{width:39px; height:20px; background:#898989; color:#fff; text-align:center; border:0px;} .MS_qna_content_box .qna_board_content input#qna_board_comment_chkpasswd{width:134px; height:18px; border:1px solid #dfdfdf; text-align:left; background:#fff;} .det_r_tban{margin-bottom:35px; margin-top:45px;} .rev_write{width:90px; height:41px; line-height:3.5; background:#D1B997; color:#fff; display:inline-block; text-align:center;} .MS_review_mark_title{display:none;} #productDetail #photoReview .PR15N01-info .slider.none{font-size: 13px !important;line-height: 1.5;} #productDetail #photoReview .PR15N01-info, #productDetail #photoReview .PR15N01-info .slider li{height: 75px;} #productDetail #photoReview .PR15N01-info .slider, #productDetail #photoReview .PR15N01-info .score, #productDetail #photoReview .PR15N01-info .slider button, #productDetail #photoReview .PR15N01-info .slider li a img{height: 100%;} #productDetail #photoReview .PR15N01-info .score{padding-top: 3px;} #productDetail #photoReview .PR15N01-info .slider button{line-height: 100%;} /* #productDetail #powerReview, #productDetail #powerReview .PR15N01-recmd, #productDetail #powerReview .PR15N01-recmd > .star-list{z-index: 0;} */ #productDetail #powerReview .PR15N01-recmd{z-index: 1;} #productDetail .qna-list .item-page{text-align: center;} #productDetail .qna-list .item-page a{margin: 0 -2px;font-size: 14px;color: #646464;display: inline-block;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;padding: 0;text-decoration: none;} #productDetail .qna-list .item-page a.now{background-color: #c0ad95;color: #fff;} #productDetail .qna-list .item-page a.next, #productDetail .qna-list .item-page a.prev{background: url('/design/hanstyle/wib/img/sub/next_paging_list.jpg');} #productDetail .qna-list .item-page a.last, #productDetail .qna-list .item-page a.first{background: url('/design/hanstyle/wib/img/sub/last_paging_list.jpg');} #productDetail .qna-list .item-page a.prev, #productDetail .qna-list .item-page a.first{transform: rotate(180deg);-webkit-transform: rotate(180deg);} #productDetail .qna-list .item-page a.last, #productDetail .qna-list .item-page a.first, #productDetail .qna-list .item-page a.prev, #productDetail .qna-list .item-page a.next{font-size: 0;background-repeat: no-repeat;background-position: center;} .page-body .thumb-info .info .npay_type_C_1_2, .page-body .thumb-info .info .npay_type_C_2_2{width: 390px !important;} .b8956d{color:#b8956d!important;} .bg_none{background:none!important;} .mgt_20{margin-top:20px;} .pdl_26{padding-left:26px!important;} .a1 {width:1150px; text-align:center;} @import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'); @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); .detail_wrap_title p, .detail_wrap p, .detail_wrap a, .detail_wrap div, .detail_wrap h2, .detail_wrap h3, .detail_wrap table, .detail_wrap td, .detail_wrap th, .detail_wrap span { font-family: 'Noto Sans KR','Noto Sans', NanumGothic, Helvetica, sans-serif; color: #363636; } .bold { font-weight: bold!important; } .taleft { text-align: left; } .bl_none { border-left: 0px!important; } .br_none { border-right: 0px!important; } .textct { text-align: center; } .mt30 { margin-top: 30px!important; } .pcfx15 { font-size: 15px; } .detail_wrap .section07, .detail_wrap .section08, .detail_wrap .section10 { max-width: 750px; margin: 0 auto; } .detail_wrap .section07 .content .detail_size_img img { max-width: 100%; } .detail_wrap .section07 .content { padding-top: 15px; position: relative; } .detail_wrap .section07 p { font-size: 11px; color: #a3a3a3; text-align: left; } .section07 .detail_size_img { padding: 50px 0 30px; } .section07 .detail_size_wrap {} .section07 .detail_size_wrap .detail_size_btn { width: 204px; background: #939393; color: #fff; padding: 12px 35px; cursor: pointer; display: inline-block; margin-bottom: 30px; } .section07 .detail_size_wrap .table_wrap { width: 430px; background: #f4f4f4; padding: 40px; border: solid 1px #999999; position: absolute; top: 40px; left: 50%; margin-left: -255px; overflow: visible; display: none; } .section07 .detail_size_wrap .table_wrap.type2 th, .section07 .detail_size_wrap .table_wrap.type2 td { background: #fff; } .section07 .detail_size_wrap .table_wrap.type2 th { width: 116px; padding-left: 18px; } .section07 .detail_size_wrap .size_close { position: absolute; right: -38px; top: -1px; cursor: pointer; } .table_wrap { overflow: hidden; clear: both; } .table_wrap table { width: 100%; border-collapse: collapse; } .detail_info_table { width: 100%; border-top: 0px; border-collapse: collapse; margin-top: -1px } .detail_info_table td, .detail_info_table th { border: 1px solid #dbdbdb; color: #646464; } .detail_info_table th { background: #f5f5f5; height: 40px; color: #484848; font-weight: normal; } .detail_info_table td { font-size: 13px; font-weight: normal; color: #858585; } .detail_info_table .ftc { font-size: 13px; color: #484848; text-align: left; padding-left: 35px; } .detail_info_table .ftc span { display: block; text-align: center; font-weight: 500; font-size: 12px; color: #4e4e4e!important; margin-top: 3px; } .detail_wrap>div p.c_tit { text-align: right; padding-bottom: 10px; padding-right: 3px; color: #858585; } .table_wrap.type2 th { width: 160px; font-size: 13px; color: #484848; padding-left: 35px; font-weight: normal; } .table_wrap.type2 th, .table_wrap.type2 td { font-size: 13px; padding: 14px 0; text-align : left; } .table_wrap.type2 td { color: #858585; } .table_wrap.type2 span.chk_box { display: inline-block; _display: inline; *display: inline; width: 9px; height: 9px; border: 1px solid #dadada; margin-right: 8%; } .table_wrap.type2 span.chk_box.actv { background: #cdb397; border-color: #cdb397; } .detail_info_table th.stc, .detail_info_table td.stc { display: none; } @media only screen and (max-width: 640px) { .detail_wrap>div .tit{ text-align: left; text-indent: 6px; } .detail_wrap, .detail_wrap .section07, .detail_wrap .section08, .detail_wrap .section10 { max-width: 100%; width: 100%; min-width: 100%; } .detail_wrap { border: none; } .detail_wrap>div { padding: 0 0px 50px; } .detail_wrap_title { margin-bottom: 0px; } .detail_info_table .ftc { padding-left: 10px; font-size: 12px; } .detail_info_table th { font-size: 12px; } .detail_info_table td { font-size: 12px; } .section07 .detail_size_img { padding: 50px; } .section07 .detail_size_img img { width: 100%; } .section07 .detail_size_wrap .table_wrap { width: 100%; background: #f4f4f4; padding: 0; border: none; border-top: solid 1px #999999; position: relative; margin-left: 0; margin-bottom: 50px; left: auto; top: 0; } .section07 .detail_size_wrap .table_wrap.type2 th, .section07 .detail_size_wrap .table_wrap.type2 td { background: #f9f9f9; height: auto; } .section07 .detail_size_wrap .table_wrap.type2 th { width: 80px; padding-left: 10px; } .shopdetail .shopdetailItem .shopdetailImage .section07 .detail_size_wrap .size_close { width: 204px !important; left: 50%; margin-left: -102px; right: auto; top: -72px; background: #beae94; color: #fff; padding: 12px 0px; text-align: center; cursor: pointer; display: inline-block; margin-bottom: 30px; font-weight: bold; } .detail_wrap .section07 .table_wrap .content{ padding: 15px 10px 0; } .table_wrap.type2 th { width: 90px; padding: 10px 0; padding-left: 10px; font-size: 12px; } .table_wrap.type2 td { padding: 10px 0; padding-left: 10px; font-size: 12px; } .detail_wrap p, .detail_wrap a, .detail_wrap div, .detail_wrap h2, .detail_wrap h3, .detail_wrap table, .detail_wrap td, .detail_wrap th, .detail_wrap span { font-family: 'Nanum Gothic', 'Apple SD Gothic Neo'; } .pcfx15 { font-size: 13px!important; } } #powerReview .PR15N01-review-wrap > li .reply .yes{display:none;} #powerReview .PR15N01-review-wrap > li .reply .no{display:none;} #powerReview .PR15N01-review-wrap > li .reply .pr-txt{display:none;} #viewPowerReview .lcont .review .reply{display:none;} .style_m h3.top_line {border-top:none !important; padding-top:0 !important;} .vfind iframe:first-of-type {margin-top:130px;} #powerReview {z-index:0 !important;} #reviewBoard {clear:both;} #reviewBoard .review-wrap .tiny a img {width: 200px;} .review_wrap .num_wrap {height:0;} .review_wrap .num_wrap p {width:262px; display:inline-block; text-align:center; position:relative; z-index:1; top:-17px;} .review_wrap .num_wrap p:nth-of-type(2) {margin:0 20px;} .best_review_tit {font-size: 32px; text-align: center; margin-bottom:58px;} .best_review_tit p {line-height:1; margin-bottom:28px;} .best_power_review_list {width:832px; margin:0 auto;} .best_review {float:left; width:262px; background:#fff; position:relative; padding:6px; box-sizing:border-box;margin-bottom:40px;} .best_review:nth-of-type(3) {margin:0 23px;} .best_review .best_review_photo a {font-size:0;outline: none; select-dummy: expression(this.hideFocus=true);} .best_review .best_review_photo a img {width:100%;vertical-align:middle;} .best_review .review {padding:15px 0px 10px; margin:0 10px;border-bottom: 1px solid #f6f6f6;} .best_review .review .review_text {height:10px; padding-top:5px; padding-bottom:10px;} .num_wrap {width:832px;margin:0 auto;} .lanking {text-align:center;} .click {width:240px;} .count {float:right;} .write {color:#cfcfcf;} .date {float:right;} .product_img {width: 50px; margin:10px; float:left;} .product {width:230px; margin:10px} .product .product_name {padding-top:10px; margin-bottom:5px;} .sr_count {color:#c7bb9f;} #content {box-sizing:border-box; margin:50px 0;} .ajax_powerview center img {width:100%;} #viewPowerReview .trans {background:none !important;} #contentWrapper #contentWrap{width:100%;} #contentWrapper #contentWrap #content{margin-top:0;margin-bottom: 140px;} .pooky_detail_area{overflow-x:hidden;} .pooky_detail_area .detail_top{ overflow:hidden; /*max-width: 1524px;*/ max-width: 1400px; margin: 0 auto; } .pooky_detail_area .detail_top > .left_area{ width: 700px; display: inline-block; vertical-align: top; } .pooky_detail_area .detail_top > .left_area .thumb{} .pooky_detail_area .detail_top > .left_area .thumb img{ width:100%; } .pooky_detail_area .detail_top > .right_area{ display: inline-block; vertical-align: top; padding: 40px 100px 0 0; width:410px; float:right; } .pooky_detail_area .detail_top > .right_area > .info_wrap{ width: 100%;} .pooky_detail_area .detail_top > .right_area > .info_wrap .name{ font-size: 26px; color: #2C2C2C; font-weight: 500; display: block; margin-bottom: 15px; position: relative; word-break: break-all; width:80%; } .tops > a{ position: absolute; top: 10px; right: 39px; } a.share_btn{ right: 10px; } a.share_btn img{ width:20px; } .share_pop{ display:none; position: absolute; padding: 8px; box-sizing: border-box; background: #fff; right: 10px; top: 0; border: 1px solid #E5E5E5; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 5px;z-index:100; } .share_pop a{ display: block; padding: 5px 0; text-align: center; } .share_pop a img{ } .share_pop a.close_btn{ padding: 10px; padding-bottom: 0px; margin-bottom: 14px; position: relative; cursor: pointer; } .share_pop a.close_btn:after{content:"";position: absolute;bottom: 0;background: #E5E5E5;width: 14px;height: 1px;left: 10px;} .pooky_detail_area .detail_top > .right_area > .info_wrap .review_area{margin-bottom:25px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .sub_name{ font-size: 12px; color: #838383; margin-bottom: 20px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .pricebox { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; } .pooky_detail_area .detail_top > .right_area > .info_wrap .price .custom_price{ color: #B8B8B8; font-size: 16px; margin-right: 10px; text-decoration: line-through; } .pooky_detail_area .detail_top > .right_area > .info_wrap .price .sell_price{ font-size: 18px; color: #2C2C2C; font-weight: 500; } .pooky_detail_area .detail_top > .right_area > .info_wrap .price .discount_per{font-size:16px;color:#A02727;margin-left:10px;} .pooky_detail_area .detail_top > .right_area > .info_wrap .price a{ height: 45px; float: right; width: 82px; font-size: 12px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .other_data{ margin-bottom: 10px; line-height:1; } .pooky_detail_area .detail_top > .right_area > .info_wrap .other_data .text{ float: left; width: 80px; margin-right: 10px; color: #505050; font-size: 12px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .other_data .value{ font-size: 12px; color: #838383; vertical-align: top; } .pooky_detail_area .detail_top > .right_area > .info_wrap .mileage{margin-bottom:40px} .pooky_detail_area .detail_top > .right_area > .info_wrap .option_area{} .pooky_detail_area .detail_top > .right_area > .info_wrap .option_area li{ display:table; width:100%; box-sizing: border-box; overflow: hidden; margin-bottom: 5px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .option_area li:last-child{margin-bottom:0;} .pooky_detail_area .detail_top > .right_area > .info_wrap .option_area li .text{ display:table-cell; width:90px; vertical-align:middle; color: #505050; font-size: 12px; line-height: 24px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .option_area li .value{ display:table-cell; width:calc(100% - 100px); vertical-align:middle; } .pooky_detail_area .detail_top > .right_area > .info_wrap .option_area li .value select{padding:0 15px; border:0;width: 100%;appearance: none;background: url( /design/hanstyle/wib/Pooky/detaill_select_arrow01.png) no-repeat center right 15px; height: 40px; border: 1px solid #E5E5E5; box-sizing: border-box;} .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option{ margin-top: 20px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option.notoption {display:none} .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li{ background:#F5F5F5; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #E5E5E5; position: relative; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_p-name{ display: inline-block; font-size: 14px; color: #747474; margin-bottom: 15px; width: calc(100% - 20px); } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_qty-ctrl{ position: relative; border: 1px solid #E5E5E5; text-align: center; width: 100px; box-sizing: border-box; display: inline-block; background:#fff; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_qty-ctrl input{ float: none !important; text-align: center !important; height: 30px; width: 40px; border: 0; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_qty-ctrl .MK_btn-up{ width: 30px; height: 30px; display: block; position: absolute; top: 0; right: 0; background: url(/design/hanstyle/wib/2022wib/img/wibpc/plus444.svg) no-repeat center; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_qty-ctrl .MK_btn-up img{ display: none; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_qty-ctrl .MK_btn-dw{ width: 30px; height: 30px; display: inline-block; position: absolute; left: 0; top: 0; background: url(/design/hanstyle/wib/Pooky/minus_icon01.png) no-repeat center; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_btn-dw img{display:none;} .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_price{ display: inline-block; font-size: 13px; color: #2C2C2C; font-weight: 500; width: calc(100% - 100px); text-align: right; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_price span{ font-size: 16px; color: #2C2C2C; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_btn-del{ position: absolute; width: 15px; height: 15px; top: 25px; right: 20px; background: url('/design/hanstyle/wib/2022wib/img/wibpc/viewx.svg') no-repeat center/cover; } .pooky_detail_area .detail_top > .right_area > .info_wrap .select_option li .MK_btn-del img{ display: none; } .pooky_detail_area .detail_top > .right_area > .info_wrap .total_price_area{ margin-top: 20px; overflow: hidden; } .pooky_detail_area .detail_top > .right_area > .info_wrap .total_price_area .left_area{ float: left; font-size: 14px; color: #505050; font-weight: 500; line-height: 22px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .total_price_area .right_area{ float: right; overflow: hidden; } .pooky_detail_area .detail_top > .right_area > .info_wrap .total_price_area .right_area strong{ font-size: 22px; color: #2C2C2C; font-weight: 500; float: left;line-height:1; padding-bottom: 20px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .total_price_area .right_area span{ font-size: 21px; color: #2C2C2C; font-weight: 500; float: left; line-height: 25px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area .soldout_btn >*{vertical-align:middle; display: inline-block;} .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area .soldout_btn a{display:block;} .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area{margin-top: 20px;margin-bottom: 20px; /*display:flex;*/} .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area .btn_cont {display:inline-flex;} .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area .soldout{} .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area .buy_btn{ width: 200px; height: 45px; background: #C2B095; color: #fff; font-size: 15px; font-weight: 500; line-height: 45px; text-align: center; display: inline-block; box-sizing: border-box; } .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area .cart_btn{ width: 200px; height: 45px; border: 1px solid #C2B095; color: #C2B095; font-size: 15px; font-weight: 500; line-height: 45px; text-align: center; display: inline-block; margin-right: 10px; box-sizing: border-box; } .pooky_detail_area .detail_top > .right_area > .info_wrap .npay_wrap{ margin-bottom: 30px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .npay_wrap .npay_type_C_1_2{width:410px !important} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section{ padding: 15px 0; border-top: 1px solid #E5E5E5; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section .text{ font-size: 14px; color: #2C2C2C; display: block; position: relative; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section .text:after{content:"┼";position: absolute;right: 0;top: 0;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.active .text:after{ content:"─"; position: absolute;right: 0;top: 0; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.active .text{ display: block; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section .hidden_area{display:none;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section:last-child{margin-bottom:0;border-bottom: 1px solid #E5E5E5;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section01 .hidden_area .com_01{ font-size: 14px; color: #838383; margin-top: 15px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section01 .hidden_area .com_02{ font-size: 14px; color: #838383; line-height: 1.5; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section01 .hidden_area .com_02 p{ font-size: 14px; font-weight: 700; color: #2C2C2C; margin-bottom: 5px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area .table_wrap{ border: 0; margin-bottom: 20px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area table{ table-layout: auto; margin-top: 15px; margin-bottom: 20px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area th{background:#F5F5F5;text-align: center;padding: 0px;height: 30px;font-size: 12px;font-weight: 500;color: #2C2C2C;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area th:first-child{background:#fff;color: #838383;font-weight: 400;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area td{text-align:center;font-size: 12px;color: #838383;font-weight: 400;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area .table_wrap ul li{ font-size: 12px; color: #838383; margin-bottom: 5px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area .table_wrap ul li:last-child{margin-bottom:0;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area .table_wrap .detail_size_btn{ display: inline-block; margin-top: 20px; text-align: center; color: #fff; background: #505050; font-size: 13px; width: 150px; height: 30px; line-height: 30px; border-radius: 14px; cursor: pointer; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area .size_p{ font-size: 14px; color: #2C2C2C; font-weight: 500; margin-bottom: 15px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area > ul{} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area > ul > li{ font-size: 13px; color: #838383; font-weight: 500; margin-bottom: 5px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section02 .hidden_area > ul > li span{ font-size: 13px; color: #2C2C2C; font-weight: 500; margin-right: 10px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section03 .hidden_area a.detail_pop_btn{ display: inline-block; text-align: center; color: #fff; background: #505050; font-size: 13px; width: 150px; height: 30px; line-height: 30px; border-radius: 14px; cursor: pointer; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section03 .hidden_area .table_wrap .tit{display:none} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section03 .hidden_area .table_wrap{border-top:0} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section03 .hidden_area .responsive {margin-top: 15px;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section03 .hidden_area .responsive th{text-align: left;color: #2C2C2C;font-size: 14px;font-weight: 400;padding-bottom: 15px;width: 126px;border: 0;padding-top: 0;} .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section03 .hidden_area .responsive td{padding-bottom: 15px;font-size: 14px;color: #838383;font-weight: 400;border: 0;padding-top: 0;} .pooky_detail_area .detail_top > .right_area .event_banner{ width: 410px; padding-left: 85px; margin-top: 30px; } .pooky_detail_area .detail_top > .right_area > .info_wrap .info_section.section03 .hidden_area .responsive .color_chip td span{ display: inline-block; width: 18px; height: 18px; margin-right: 5px; border-radius: 50px; } .pooky_detail_area .detail_top > .right_area .event_banner a{ display: block; } .pooky_detail_area .detail_top > .right_area .event_banner a img{} .pooky_detail_area .codi_area{ position: relative; width: 1524px; padding: 100px 10%; overflow: hidden; background: #F9F9F9; } .pooky_detail_area .codi_area .contants .prd_percent{ top:auto; bottom:2px; } .pooky_detail_area .codi_area .title{ text-align: center; line-height:1; font-size: 30px; color: #120B19; font-family: 'Crimson Text', serif; margin-bottom: 40px; } .pooky_detail_area .codi_area .normal_item{} .pooky_detail_area .codi_area .normal_item a{ display: block; background: #f5f5f5; } .pooky_detail_area .codi_area .normal_item a .prod_thumb{ margin-bottom: 10px; } .pooky_detail_area .codi_area .normal_item a .prod_thumb img{ width: 100%; width: 292px; } .pooky_detail_area .codi_area .normal_item a .spac_wrap{ text-align: left; } .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in{} .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in .prod_name{ font-size: 15px; color: #505050; margin-bottom: 10px; } .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in .prod_price{} .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in .prod_price .sell_price{ font-size: 16px; color: #2C2C2C; } .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in .prod_price .sell_price span{ font-size: 15px; font-weight: 400; } .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in .prod_price .custom_price{ font-size: 14px; color: #B8B8B8; margin-left: 5px; } .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in .prod_price .custom_price strike{} .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in .prod_price .custom_price strike span{ font-size: 13px; } .pooky_detail_area .codi_area .normal_item a .spac_wrap .spac_in .prod_icon{} .pooky_detail_area .codi_area .swiper-pagination{ top: 93%; left: 50%; width: calc(100% - 400px); transform: translateX(-50%); } .pooky_detail_area .codi_area .swiper-pagination .swiper-pagination-progressbar-fill{ background: #2C2C2C; height: 2px; } .pooky_detail_area .prd_detail_area{} .pooky_detail_area .prd_detail_area{} .pooky_detail_area .prd_detail_area .detail_top_navi{ width: 585px; margin: 130px auto 0; padding: 0px 34.5%; border-bottom: 1px solid #E5E5E5; height: 58px; } .pooky_detail_area .prd_detail_area .detail_top_navi .fixed_area > div{display: inline-block;margin-right: 90px;color: #2C2C2C;font-weight: 500; padding-bottom: 30px;} .pooky_detail_area .prd_detail_area .detail_top_navi .fixed_area > div.active{ } .pooky_detail_area .prd_detail_area .detail_top_navi.fixed .fixed_area > div{ padding-bottom: 13px; } .pooky_detail_area .prd_detail_area .detail_top_navi .view_menu01{ } .pooky_detail_area .prd_detail_area .detail_top_navi .fixed_area > .view_menu02{} .pooky_detail_area .prd_detail_area .detail_top_navi .fixed_area > .view_menu03{} .pooky_detail_area .prd_detail_area .detail_top_navi .fixed_area > .view_menu04{ margin: 0; } .pooky_detail_area .memebership_area{ width: 1240px; margin: 100px auto; text-align: center; } .pooky_detail_area .memebership_area .title{ text-align: center; font-size: 36px; color: #2C2C2C; margin-bottom: 10px; font-family: 'Crimson Text', serif; } .pooky_detail_area .memebership_area .sub_title{ text-align: center; font-size: 18px; color: #838383; margin-bottom: 30px; font-weight: 500; } .pooky_detail_area .memebership_area ul{ overflow: hidden; padding: 40px 0; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); } .pooky_detail_area .memebership_area ul li{ float: left; width: 300px; text-align: center; padding-top: 103px; background-repeat: no-repeat; background-position: center 40px; border-right: 1px dashed #B8B8B8; box-sizing: border-box; } .pooky_detail_area .memebership_area ul li:last-child{border:0;} .pooky_detail_area .memebership_area ul li span{ font-size: 16px; } .pooky_detail_area .memebership_area ul li span b{font-weight: 500;color: #50696F;} .pooky_detail_area .memebership_area ul li.child01{ background-image: url(/design/hanstyle/wib/Pooky/icon_01.png); } .pooky_detail_area .memebership_area ul li.child02{background-image: url(/design/hanstyle/wib/Pooky/icon02.png);} .pooky_detail_area .memebership_area ul li.child03{background-image: url(/design/hanstyle/wib/Pooky/icon_03.png);} .pooky_detail_area .memebership_area ul li.child04{background-image: url(/design/hanstyle/wib/Pooky/icon_04.png);} .pooky_detail_area .memebership_area a{ display: inline-block; width: 210px; height: 40px; background: #2C2C2C; line-height: 40px; color: #fff; font-size: 16px; font-weight: 500; border-radius: 20px; position: relative; bottom: 15px; } .pooky_detail_area .detail_body{ text-align: center; } #pooky_product_color{display:none;position: relative;width: 1200px;margin: 0 auto;padding-bottom: 30px;} #pooky_product_color .swiper-slide{} #pooky_product_color .swiper-slide img{ cursor: pointer; } #pooky_product_color .swiper-pagination{ background: rgba(131,131,131,0.33); width: 100%; bottom:0; top: inherit; height:1px; } #pooky_product_color .swiper-pagination .swiper-pagination-progressbar-fill{ background: #2C2C2C; height:1.5px; top:-1px; } #pooky_zoom_pop{ display:none; position: fixed; top: 50%; left: 50%; width: 600px; height: 820px; z-index: 1000; margin-left: -300px; margin-top: -377px; } #pooky_zoom_pop img{ width: 100%; } #pooky_zoom_pop .close_btn{ position: absolute; right: 20px; top: 20px; background: url(/design/hanstyle/close_btn01.png) no-repeat center; width: 18px; height: 18px; cursor: pointer; } .detail_body .detail_slide_img{width:720px;margin: 100px auto;} .detail_body .detail_slide_img .swiper-slide{} .detail_body .detail_slide_img .swiper-slide img{ width: 100%; } .detail_body .detail_slide_img .swiper-button-next{ background: url(/design/hanstyle/detail_arrow02.png) no-repeat center/cover ; width:27px; height:52px; right:20px; } .detail_body .detail_slide_img .swiper-button-prev{ background: url(/design/hanstyle/detail_arrow01.png) no-repeat center/cover ; width:27px; height:52px; left:20px; } .detail_body .detail_slide_img .swiper-pagination-fraction{ letter-spacing: -2px; color: rgba(255, 255, 255, 0.5); font-size: 16px; font-weight: 400; bottom:20px; line-height:1; } .detail_body .detail_slide_img .swiper-pagination-fraction .swiper-pagination-current{color: #fff;} .detail_body .detail_slide_img .swiper-pagination-fraction .swiper-pagination-total{} .detail_body .live_area{} .detail_body .live_area .mo {display:none;} .detail_body .live_area p{ font-size: 18px; color: #838383; } .detail_body .live_area p span{ display: block; color: #000; font-weight: 500; margin-top: 10px; } .detail_body .live_area .crimson{font-family: 'Crimson Text', serif;font-size: 36px;padding-right: 140px;margin-bottom: 15px;} .detail_body .live_area iframe{margin: 40px auto 100px !important;} .detail_body .clean_box{ margin: 100px auto; } .detail_body .clean_box .mo {display:none;} .detail_body .clean_box .inner{} .detail_body .clean_box .inner .inner_top{ padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #E5E5E5; } .detail_body .clean_box .inner .inner_top .img_box{ padding: 0 80px; margin-bottom: 50px; } .detail_body .clean_box .inner .inner_top .img_box img{ width: 100%; } .detail_body .clean_box .inner .inner_top .txt_box{} .detail_body .clean_box .inner .inner_top .txt_box h5{ font-size: 25px; color: #838383; font-weight: 500; } .detail_body .clean_box .inner .inner_top .txt_box .crimson{font-family: 'Crimson Text', serif;font-size: 46px;color: #121212;font-weight: 600;margin-top: 10px;} .detail_body .clean_box .inner .inner_bottom{} .detail_body .clean_box .inner .inner_bottom ul{ } .detail_body .clean_box .inner .inner_bottom ul li{text-align: left;font-size: 20px;color: #2C2C2C;margin-bottom: 10px;padding-left: 35px;} .detail_body .clean_box .inner .inner_bottom ul li em{color: #A02727;} .pooky_detail_area .detail_review{ width: 1200px; margin: 100px auto 80px; } .pooky_detail_area .detail_review .detail_top_navi{display:none;} .pooky_detail_area .review_top{} .pooky_detail_area .review_top .title{ font-size: 22px; color: #2C2C2C; font-family: 'Crimson Text', serif; margin-bottom: 15px; } .pooky_detail_area .review_top .review_count{ font-family: 'Noto Sans KR', sans-serif; font-size: 12px; color: #838383; margin-left: 5px; } .pooky_detail_area .review_top .review_info{ padding: 30px 160px; background: #F5F5F5; margin-bottom: 80px; } .pooky_detail_area .review_top .review_info > h4{ text-align: center; color: #2C2C2C; font-size: 30px; font-weight: 600; font-family: 'Crimson Text', serif; margin-bottom: 5px; } .pooky_detail_area .review_top .review_info > p{ font-size: 14px; text-align: center; color: #838383; margin-bottom: 40px; } .pooky_detail_area .review_top .review_info > .section{ overflow: hidden; box-sizing: border-box; padding: 28px 50px; background: #fff; margin-bottom: 40px; } .pooky_detail_area .review_top .review_info > .section > div{ float: left; width: 259px; text-align: center; border-right: 1px dashed #E5E5E5; } .pooky_detail_area .review_top .review_info > .section > div:last-child{ border-right: 0; } .pooky_detail_area .review_top .review_info > .section > div p{ font-size: 16px; color: #2C2C2C; font-weight: 500; margin-bottom: 10px; } .pooky_detail_area .review_top .review_info > .section > div span{ font-size: 14px; color: #2C2C2C; margin-bottom: 20px; display: block; } .pooky_detail_area .review_top .review_info > .section > div:last-child span{ margin-bottom: 40px; } .pooky_detail_area .review_top .review_info > .section > div h2{ font-size: 20px; color: #C2B095; font-weight: 700; } .pooky_detail_area .review_top .review_info .write_review{ background: url(/design/hanstyle/wib/Pooky/write_review_btn01.png) no-repeat 100% center; display: block; text-align: center; font-size: 16px; font-weight: 500; color: #505050; width: 150px; margin: 0 auto; padding: 10px 20px 10px 0px } .pooky_detail_area .review_body{} .pooky_detail_area .review_body .body_text{ font-size: 12px; color: #838383; margin-bottom: 17px; } .pooky_detail_area .review_body .review_form{} .pooky_qna{ width: 1200px; margin: 0 auto; } .pooky_qna .qna_top{ overflow: hidden; margin-bottom: 15px; } .pooky_qna .qna_top .left_area{ float: left; } .pooky_qna .qna_top .left_area .title{ font-size: 22px; color: #2C2C2C; font-family: 'Crimson Text', serif; margin-right: 5px; display: inline-block; } .pooky_qna .qna_top .left_area .qna_count{ display: inline-block; font-size: 12px; color: #838383; } .pooky_qna .qna_top .right_area{ float: right; } .pooky_qna .qna_top .right_area a{ display: inline-block; width: 96px; height: 32px; border: 1px solid #2C2C2C; text-align: center; font-size: 12px; line-height: 32px; background: #2C2C2C; } .pooky_qna .qna_top .right_area .write_qna{ color: #fff; margin-right: 5px; } .pooky_qna .qna_top .right_area .view_qna{ background: #fff; color: #2C2C2C; } .pooky_qna .qna_body{} .pooky_qna .qna_body ul{ border-top: 1px solid #E5E5E5; } .pooky_qna .qna_body ul li{ padding: 20px 0; border-bottom: 1px solid #E5E5E5; } .pooky_qna .qna_body ul li .content{ display: inline-block; width: 1000px; padding-right: 20px; box-sizing: border-box; } .pooky_qna .qna_body ul li .content{} .pooky_qna .qna_body ul li .content span{} .pooky_qna .qna_body ul li .content span a{ font-size: 14px; color: #2C2C2C; } .pooky_qna .qna_body ul li .content span img{ vertical-align: middle; width: 10px; margin-right: 5px; } .pooky_qna .qna_body ul li .content .reply_status{} .pooky_qna .qna_body ul li .content > img{ margin-left: 8px; vertical-align: middle; width: 13px; height: 13px; } .pooky_qna .qna_body ul li .writer{ display: inline-block; width: 114px; box-sizing: border-box; padding-right: 13px; margin-right: 13px; border-right: 1px solid #B8B8B8; text-align: right; font-size: 12px; color: #B8B8B8; } .pooky_qna .qna_body ul li .date{ font-size: 12px; color: #B8B8B8; float: none; display: inline-block; position: relative; bottom: 2px; } #pooky_size_pop{ display: none; position: fixed; top: 50%; left: 50%; width: 1032px; margin-left: -516px; margin-top: -302px; z-index: 1000; box-sizing: border-box; background: #fff; padding: 20px 30px; border: 1px solid #E5E5E5; } #pooky_size_pop .title{ padding-bottom: 15px; margin-bottom: 40px; border-bottom: 1px solid #2C2C2C; font-family: 'Crimson Text', serif; font-size: 26px; color: #2C2C2C; position: relative; } #pooky_size_pop .title .close_btn{ position: absolute; right: 0px; top: 8px; background: url(/design/hanstyle/close_btn01.png) no-repeat center; width: 18px; height: 18px; cursor: pointer; } #pooky_size_pop .size_wrap{ overflow: hidden; } #pooky_size_pop .size_wrap h1{display:none;} #pooky_size_pop .size_wrap .detail_size_img{float:left;width:400px;margin-right:40px;} #pooky_size_pop .size_wrap .detail_size_img img{width:400px;} #pooky_size_pop .size_wrap .table_wrap{ float: left; width: 525px; clear: none; border: 0; } #pooky_size_pop .size_wrap .table_wrap table{ border-top: 1px solid #E5E5E5; } #pooky_size_pop .size_wrap .table_wrap table th{ border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; padding: 0; text-align: center; height: 30px; width: 120px; font-size: 14px; font-weight: 500; color: #2C2C2C; } #pooky_size_pop .size_wrap .table_wrap table th span{color: #A02727;} #pooky_size_pop .size_wrap .table_wrap table td{border-bottom: 1px solid #E5E5E5;padding: 10px 15px;font-size: 13px;color: #838383;} #pooky_lookbook_pop{ display: none; position: fixed; top: 50%; left: 50%; width: 1000px; margin-left: -500px; margin-top: -389px; z-index: 1000; box-sizing: border-box; background: #fff; border: 1px solid #E5E5E5; } #pooky_lookbook_pop .title{ padding: 20px 30px; padding-bottom: 15px; font-family: 'Crimson Text', serif; font-size: 26px; color: #2C2C2C; position: relative; border-bottom: 1px solid #E5E5E5; } #pooky_lookbook_pop .title .close_btn{ position: absolute; right: 35px; top: 27px; background: url(/design/hanstyle/close_btn01.png) no-repeat center; width: 18px; height: 18px; cursor: pointer; } #pooky_lookbook_pop .look_slide{} #pooky_lookbook_pop .look_slide .tit{display:none;} #pooky_lookbook_pop .look_slide .swiper-slide{} #pooky_lookbook_pop .look_slide .swiper-slide img{width:425px;height:auto;} #pooky_lookbook_pop .look_slide .swiper-wrapper{ } #pooky_lookbook_pop .look_slide .swiper-button-next{background-image: url(/design/hanstyle/wib/Pooky/look_book_arrow01.png);right: 40px;top: 40%;background-size: 17px;} #pooky_lookbook_pop .look_slide .swiper-button-prev{background-image: url(/design/hanstyle/wib/Pooky/look_book_arrow02.png);left: 40px;top: 40%;background-size: 17px;} #pooky_lookbook_pop .look_slide .swiper-pagination{ display: block; position: relative; margin-top: 30px; padding-top: 7px; border-top: 1px solid #E5E5E5; } #pooky_lookbook_pop .look_slide .swiper-pagination .swiper-pagination-bullet{ width: 4px; background: #000; height: 4px; margin-right: 10px; } #pooky_lookbook_pop .look_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{} /* 구매할인 */ #productDetail .buy-benefit { position:relative; } #productDetail .buy-benefit .tit-txt { font-size:12px; font-weight: bold; color: #000;} #productDetail .buy-benefit .view-wrap { position:relative; } #productDetail .buy-benefit .btn-view { display:inline-block; padding:2px 3px 2px 5px; font-size:12px; color:#000; font-family:"Malgun Gothic"; background: url(/images/common/bg_layer_gray.gif) no-repeat; border:1px solid #e3e3e3; margin-left: 5px; } #productDetail .buy-benefit .btn-view em { display: inline-block; font-size:10px; vertical-align: top; } #productDetail .buy-benefit .view-wrap { display:none; position:absolute; top:-8px; left:50%; max-width:186px; margin-left:-208px; padding:15px; background:#fff; border:1px solid #000; z-index:1; } #productDetail .buy-benefit .view-wrap.active { display:block; } #productDetail .buy-benefit .view-wrap .layer-view { font-size:12px; line-height:20px; color:#000; font-weight:bold; } #productDetail .buy-benefit .view-wrap .layer-view .fc-red { color:#A02727; } #productDetail .buy-benefit .view-wrap .layer-view ul.list {margin-top:5px;} #productDetail .buy-benefit .view-wrap .layer-view ul li.layer-info { color:#585858; border-top:1px solid #ccc; padding-top:5px; margin-top:5px; font-weight:normal; } #productDetail .buy-benefit .view-wrap .btn-close { position:absolute; right:10px; top:5px; } /* 230620 디자인위브 혜택 대량할인 추가 */ .tb-left { width:auto !important; line-height:1; color: #505050; font-size: 12px; font-weight: 400; float: left; margin-bottom: 40px; margin-top: -31px } .tb-left, .tb-center, .tb-right {padding:0 !important;} /* 구매할인 */ /* BASIC css end */ /*한스스타일추가*/ #soldout_once{display:none;} .pooky_detail_area .a1 {width: 1200px; margin: 5px auto; text-align: center;} /* 230106 */ .etc_txt {font-size:14px; color:#b35e64; margin-bottom:10px;} /* 230118 */ @media screen and (max-width:1600px){ .pooky_detail_area .codi_area {width: calc(100% - 200px) !important; padding: 100px 100px 140px !important;} .pooky_detail_area .codi_area .swiper-pagination {width: calc(100% - 200px);} } /* 20241120 */ .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area .btn_cont.etc_btn { display: flex; flex-wrap: wrap; } .pooky_detail_area .detail_top > .right_area > .info_wrap .btn_area .btn_cont.etc_btn a { flex: 1; margin: 10px 0 0 0; } /* BASIC css end */