@charset "utf-8"; /* initialize */ body{overflow:auto !important;height:auto !important;min-width:1720px} body.layerfullmode{overflow:hidden !important; height:100% !important} #wrap{position:relative;clear:both;overflow:hidden;background-color:#FFFFFF !important} .font_Mon {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} /* body.scrollup #bottomgnb.fixed, body.scrolldown #bottomgnb.fixed{bottom:-61px; } body.scrollup #gnb_ethic{height:40px} body.scrolldown #gnb_ethic{height:0} */ /* RESET */ ul,li,ol{list-style-type:none} li,p,dt,dd,div,span{white-space:normal} button{cursor:pointer;border:none;background:none} a{text-decoration:none;color:#222} a:hover, a:active, a:visited, a:focus{color:#222} label{cursor:pointer} button,select,option,input,textarea{outline:none} /* swiper */ .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto !important;} /* top Ad */ #topBanner{position: relative;width:100%;height: 60px;/* background-color: #5223cb; */display: flex;justify-content: center;align-items: center;z-index:11} #topBanner.fixed {position: fixed;} #topBanner > div{position:relative;} #topBanner a{display:block;height: 60px;} #topBanner img{height:60px;display: block;margin: 0 auto;} #topBanner .close{width: 15px; height: 15px;text-indent: -999999em;background: url(../../imgs/web/display/icon_close_btn%403x.png) center no-repeat; background-size: cover;position: absolute; top: 50%; right: 20px; transform: translateY(-50%);} #topBanner span{font-size: 17px;color:#fff;font-weight:600;letter-spacing: -0.17px;display: block;line-height: 60px;} #topBanner .tit{display: flex; align-items: center;} #topBanner .tit:after{content:'';display:block;margin-left: 5px; width:12px;height:12px;background: url(../../imgs/web/global/banner_arrow%403x.png) center no-repeat; background-size: cover;} /* header */ /*#header{position:absolute;top:0;left:0;z-index:10;clear:both;width:100%;min-width:1280px;height:185px;padding:27px 50px 0;box-sizing:border-box;background:white}*/ #header{position:absolute;top:0;left:0 !important;z-index:10;clear:both;width: 100%;/*transition: transform 0.3s;*/} .header_wrap{width:100%;min-width: 1720px;height: 144px;/* padding:0 50px 0; */box-sizing:border-box;background: #222222;/* display: flex; *//* justify-content: space-between; *//* width: 1720px; */position: relative;border-radius: 0 0 50px 0;} #header .inner{width:1720px;display: flex;margin: 0 auto;justify-content: space-between;height: 54px;} #header.topBannerOn{transform: translate(0px, 60px);} /*#header h1{position:absolute;top:80px;left:50%;margin:0 0 0 -590px}*/ #header h1{/* position:absolute; *//* top: 25px; *//* left:50%; *//* margin:0 0 0 -590px; */margin-top: 25px;} #header h1 a, #header h1 img{display:block;height: 23px;} #header .brand h1 img{} #header h1.brand button{display: flex;align-items: center;} #header h1.brand button:after{margin-left:7px;content:'';display:block;width:20px;height:20px;background: url(../../imgs/web/display/input_arrow_w%403x.png) center no-repeat; background-size:20px;} #header h1.brand img{display:block;height: 38px;} #header .brandlist {position:absolute; left:0; top:0; width:100%; height:40px; border-bottom:1px solid #ececec; box-sizing:border-box;} #header .brandlist .brandname {position:absolute; left:0; float:left; width:121px; height:39px;} #header .brandlist .brandname button {display:block; width:100%; height:39px; padding:0 0 0 15px; font-size:13px; font-weight:400; color:#666; background:url(../../../image/web/global/topper_brandarrow.html) #f5f5f5 no-repeat 96px 17px; box-sizing:border-box;} #header .brandlist .brandname button.active {color:#fff; background-color:#666; background-image:url(../../../image/web/global/topper_brandarrow_on.html);} #header .brandlist .brandname .name {display:none; position:absolute; left:0; top:39px; width:100%; height:41px; padding:8px 0 0; font-size:13px; font-weight:300; color:#d6d6d6; background:#767676; border-top:1px solid #666; box-sizing:border-box;} #header .brandlist .brandname .name.on {display:block;} #header .brandlist .brandname .name a {display:block; padding:0 0 0 15px; color:#d6d6d6;} #header .brandlist h2{width:121px;height:23px;margin:0;padding:8px 0;text-align:center;font-size:13px;color:#666;line-height:23px;font-weight:400;background:#f5f5f5} /* #header .brandlist ul {position:absolute; left:-100%; top:-100%; height:39px;} #header .brandlist ul.on {position:absolute; left:125px; top:0; width:100%; box-sizing:border-box;} */ #header .brandlist ul{position:absolute;top:0;left:0;width:100%;height:39px;padding:0 0 0 125px;box-sizing:border-box} #header .brandlist ul li {position:relative; float:left; padding:0 16px;} #header .brandlist ul li:after {content:''; position:absolute; left:0; top:12px; width:1px; height:16px; background:#d6d6d6;} #header .brandlist ul li:first-child:after {display:none;} #header .brandlist ul li a {position:relative;float:left;height:39px; font-size:11px; font-weight:400; color:#666; box-sizing:border-box;} #header .brandlist ul li a .text {display:block;height:30px;margin:0 0 -39px;padding:9px 0 0; text-align:center;} #header .brandlist ul li a .img {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;visibility:hidden;width:100%;height:39px;text-align:center} #header .brandlist ul li a .img img{display:block;height:30px;margin:0 auto} #header .brandlist ul li a:hover .text{visibility:hidden} #header .brandlist ul li a:hover .img{visibility:visible} #header .topsearch{position:relative;z-index:25;width:460px;height:42px;margin:40px auto 26px} #header .topsearch .search{position:relative;overflow:hidden;width:100%} #header .topsearch .search:after{content:"";display:block;clear:both} #header .topsearch .search input{float:left;width:100%;height:42px;padding:0 50px 2px 0;box-sizing:border-box;font-size:15px;color:#222;font-weight:300;border:none;border-bottom:2px solid #2d2d2d} #header .topsearch .search .enter{position:absolute;top:0;right:0;overflow:hidden;width:19px;height:40px;text-indent:-9999px;background:url(../../../image/web/global/topsearch_submit2.html) 0 0 no-repeat} #header .topsearch .keywords{display:none;position:absolute;top:40px;left:0;width:100%;padding:14px 28px 20px;box-sizing:border-box;border:2px solid #2d2d2d;background:white} #header .topsearch .keywords .tabs{position:relative;margin:0 -20px 0 0;padding:63px 0 0} #header .topsearch .keywords .tabs .item{display:inline} #header .topsearch .keywords .tabs .item .tabbutton{position:absolute;top:0;left:50%;z-index:1;width:50%;height:45px;margin:0 0 0 -20px;padding:0 0 4px;box-sizing:border-box;text-align:center;font-size:17px;color:#a8a8a8;border-bottom:1px solid #d6d6d6} #header .topsearch .keywords .tabs .item:first-child .tabbutton{left:0;margin:0} #header .topsearch .keywords .tabs .item .tabcont{display:none;margin:0 20px 0 0} #header .topsearch .keywords .tabs .item .tabcont:after{content:"";display:block;clear:both} #header .topsearch .keywords .tabs .item .tabcont ul{padding:0 0 3px} #header .topsearch .keywords .tabs .item .tabcont ul li{position:relative;padding:4px 19px 4px 0} #header .topsearch .keywords .tabs .item .tabcont ul li:after{content:"";display:block;clear:both} #header .topsearch .keywords .tabs .item .tabcont ul li a{text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;float:left;max-width:100%;white-space:nowrap;font-size:15px;line-height:1.5;font-weight:300} #header .topsearch .keywords .tabs .item .tabcont ul li button{position:absolute;top:50%;right:0;overflow:hidden;width:19px;height:19px;margin:-9px 0 0;text-indent:-9999px;background:url(../../../image/web/global/keyword_del.html) 0 0 no-repeat} #header .topsearch .keywords .tabs .item .tabcont ul li.none{padding:4px 0;text-align:center;font-size:15px;color:#a8a8a8;line-height:1.5;font-weight:300} #header .topsearch .keywords .tabs .item .tabcont .format{position:relative;float:right;margin:9px 0 0;padding:0 25px 1px 0;color:#a8a8a8;line-height:18px;font-weight:300} #header .topsearch .keywords .tabs .item .tabcont .format span{position:absolute;top:0;right:0;overflow:hidden;width:19px;height:19px;box-sizing:border-box;text-indent:-9999px;background:url(../../../image/web/global/keyword_alldel.html) 0 0 no-repeat} #header .topsearch .keywords .tabs .item .tabcont ol{padding:0 0 3px} #header .topsearch .keywords .tabs .item .tabcont ol li{position:relative;padding:4px 0 4px 34px} #header .topsearch .keywords .tabs .item .tabcont ol li:after{content:"";display:block;clear:both} #header .topsearch .keywords .tabs .item .tabcont ol li span{position:absolute;top:4px;left:-2px;width:18px;height:21px;text-align:center;font-size:13px;color:#222;line-height:21px;font-family:'hk_nova_bold'} #header .topsearch .keywords .tabs .item .tabcont ol li:nth-child(1) span, #header .topsearch .keywords .tabs .item .tabcont ol li:nth-child(2) span, #header .topsearch .keywords .tabs .item .tabcont ol li:nth-child(3) span{color:#f96430} #header .topsearch .keywords .tabs .item .tabcont ol li a{text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;float:left;max-width:100%;white-space:nowrap;font-size:15px;line-height:1.5;font-weight:300} #header .topsearch .keywords .tabs .item .tabcont ol li.none{padding:4px 0;text-align:center;font-size:15px;color:#a8a8a8;line-height:1.5;font-weight:300} #header .topsearch .keywords .tabs .item.active .tabbutton{z-index:2;color:#222;font-weight:500;border-bottom:1px solid #222} #header .topsearch .keywords .tabs .item.active .tabbutton:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222} #header .topsearch .keywords .tabs .item.active .tabcont{display:block} /*#header .utility{position:absolute;top:79px;right:50%;z-index:13;margin:0 -590px 0 0}*/ #header .utility{/* position:absolute; *//* top: 23px; *//* right:50%; */z-index:13;/* margin:0 -590px 0 0; */margin-top: 23px;} #header .utility li{float:left;margin: 0 0 0 15px;padding:0 0 5px;line-height:23px;font-weight: 400;color: #e5e5e5;} #header .utility li.info{margin-right: 20px;font-size:16px;display: flex;align-items: center;margin-top: -3px;} #header .utility li.info .grade{display: block;margin-right: 10px;display: flex;align-items: center;} #header .utility li.info .grade img{width:26px;} #header .utility li.info .name{color:#fff;font-weight:600} #header .utility li a{float:left;color: #e5e5e5;line-height:23px;font-weight: 500;} #header .utility li.mypage > a{background: url(../../imgs/web/global/input_arrow_down%403x.png) right center no-repeat;background-size: 19px;display: inline-block;padding-right: 19px;} #header .utility li a .count{display:inline-block;width:17px;height:17px;margin-left:-12px;vertical-align:top;text-align:center;font-size:9px;color:white;line-height:16px;border-radius:100%;background:#f96430} #header .utility li.mypage{position:relative} #header .utility li.mypage a:after{/* content:""; */display:inline-block;width: 19px;height: 19px;margin: 0;vertical-align:top;/* border:3px solid transparent; *//* border-top:4px solid #222; */background: url(../../imgs/web/global/input_arrow_down%403x.png) center center no-repeat;background-size: 19px;} #header .utility li.mypage ul{display:none;position:absolute;top:100%;left: -58px;padding: 10px 30px 20px;/* border:1px solid #222; */background:white;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);border-radius: 5px 5px 30px 5px;z-index:12} #header .utility li.mypage ul li{float:none;margin:0;padding: 10px 0 0;white-space:nowrap;} #header .utility li.mypage ul li a{float:none;vertical-align:top;white-space:nowrap;color: #222;font-weight: 500;letter-spacing: -0.14px;display: block;line-height: 20px;} #header .utility li.mypage ul li a:hover{color:#222;font-weight:500} #header .utility li.mypage ul li a:after{display:none} #header .utility li.mypage:hover ul{display:block} #header.fixed{position:fixed;top:0;left:0} /*#header.fixed:after{content:"";position:absolute;top:100%;left:0;width:100%;height:1px;background:#d6d6d6}*/ #header.relative{/* position:relative */} #header.main_bg{height: 144px;border-radius: 0 0 100px 0;} #header.header_ethic{width: 100%; height: 54px;background: #055aaf;display: flex;align-items: center;} #header.header_ethic .hd_wrap{width: 100%;} #header.header_ethic .hd_wrap h1{margin-top: 0;width: 1140px;margin: 0 auto;} #header.header_ethic .hd_wrap h1 img{width: 140px;height: 38px;display: block;margin: 0 0 0 -20px;} #header.on:before{display:block;content:'';width:100%;height:100%;background:#fff;position: absolute;left: 0;top: 0;/* z-index: 0; */} body.scrolldown #header{transform: translate(0px, -72px);} body.scrolldown #header.topBannerOn{transform: translate(0px, -12px);} body.scrolldown #gnb .logo{display: block;} body.scrolldown #gnb .brandlogo{display: block;} #header .btns{float: right;right: 0;bottom: 18px;height: 72px;display: flex;align-items: center;} #header .btns button{text-indent:-9999em} #header .btns #btn_search{position:relative;width:36px;height:36px;margin-right: 12px;} #header .btns #btn_search:before{position:absolute; left:0; top:0; display:block; content:''; width:36px; height:36px; background:url(../../imgs/global/gnb_icon_seraching%403x.png) 0 0 no-repeat; background-size:36px;} #header .btns #btn_cart{position:relative; width:36px; height:36px;} #header .btns #btn_cart .count{position:absolute;top:0;right:0;font-size:9px;color:#fff;width: 13px;height: 13px;border-radius:50%;text-align:center;background-color:#5211ce;text-indent: 0;line-height: 13px;/* z-index: 10; */vertical-align: middle;/* padding-top: 3px; */box-sizing: border-box;} #header .btns #btn_cart:before{position:absolute;left:0;top:0;display:block;content:'';width:30px;height:30px;background:url(../../imgs/global/gnb_icon_cart%403x.png) 0 0 no-repeat;background-size:36px;/* z-index: 5; */} /* body.scrolldown .goods_header {transform: translate(0, -50px);box-shadow: none;} body.scrolldown #header.goods_header{transform: translate(0, -50px);box-shadow: none;} body.scrolldown .main_header {transform: translate(0, -50px);box-shadow: none;} body.scrolldown #header.main_header{transform: translate(0, -110px);box-shadow: none;} */ /* 검색 팝업 */ #header .seach_popup{position: absolute;z-index: 14;top: 0;left: 0;right: 0;padding: 70px 0;background-color: #222;display: flex;flex-direction: column;align-items: center;border-radius: 0 0 100px 0;display: none;} #header .seach_popup .search_inner{display:flex;flex-direction: column;align-items: center;} #header .seach_popup .layer_cose_btn{text-indent:-99999px; width:36px;height:36px;background:url(../../imgs/web/global/search_close.png) center no-repeat;background-size:36px;position: absolute; top: 40px;right: 40px;} #header .seach_popup .search_box{position:relative} #header .seach_popup .search_box input{color: #fff; font-size: 24px;font-weight: 500;width: 904px;height: 70px;background-color: transparent;border: none;border-bottom: 2px solid #fff;} #header .seach_popup .search_box input::placeholder{ font-size: 24px;font-weight: 500; color: #ffffff50;} #header .seach_popup .search_box .icon_wrap{position: absolute;top: 12px;right: 10px;} #header .seach_popup .search_box .icon_wrap button{} #header .seach_popup .search_box .icon_wrap .delete{text-indent:-99999px; width:26px;height:26px;background:url(../../imgs/web/global/icon_input_del%403x.png) center no-repeat;background-size:26px;} #header .seach_popup .search_box .icon_wrap .search{text-indent:-99999px;margin-left:15px; width:40px;height:40px;background:url(../../imgs/web/global/icon_search%403x.png) center no-repeat;background-size:40px;} #header .seach_popup .com_word{padding-top: 30px;width: 904px;} #header .seach_popup .com_word ul{} #header .seach_popup .com_word ul li{padding-bottom: 18px;} #header .seach_popup .com_word ul li:last-child{padding-bottom: 0} #header .seach_popup .com_word ul li span{color: #fff; font-size: 18px;} #header .seach_popup .com_word ul li span .point{color: #bba282;} #header .seach_popup .bottom_wrap{margin-top: 40px;display:flex;width: 904px;justify-content: space-between;} /* #header .seach_popup .bottom_wrap span{color:#fff} */ #header .seach_popup .left_wrap{width: 100%;} #header .seach_popup .left_wrap .latest_search{} #header .seach_popup .left_wrap .latest_search .tit_box{padding-bottom: 15px;display: flex;justify-content: space-between;} #header .seach_popup .left_wrap .latest_search .tit_box .tit{color:#fff;font-size: 18px; font-weight: 600;letter-spacing: -0.18px;} #header .seach_popup .left_wrap .latest_search .tit_box .del_all{font-size: 13px;font-weight: 300; color: #aaa;letter-spacing: -0.13px;} #header .seach_popup .left_wrap .latest_search .tit_box .del_all:after{content:''; display:block;height:1px; background-color: #aaa;width:100%} #header .seach_popup .left_wrap .latest_search_list{padding-right: 90px;display: flex;flex-wrap: wrap;margin:0 -2px -8px -2px} #header .seach_popup .left_wrap .latest_search_list li{margin: 0 2px 8px 2px;} #header .seach_popup .left_wrap .latest_search_list li button{padding: 6px 12px;border: solid 2px #ffffff20;border-radius: 60px;height: 30px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;} #header .seach_popup .left_wrap .latest_search_list li button div{display: flex; align-items: center;justify-content: space-between;} #header .seach_popup .left_wrap .latest_search_list li button div span{color:#fff} #header .seach_popup .left_wrap .latest_search_list li button div .icon_close{margin-left: 6px;display: block;text-indent:-99999px;width: 20px;height: 30px;background: url(../../imgs/web/global/close_btn_small%403x.png) 6px 10px no-repeat;background-size: 10px;} #header .seach_popup .left_wrap .no_return{padding: 40px 0;display: flex;align-items: center;justify-content: center;} #header .seach_popup .left_wrap .no_return span{font-weight: 500;color: #aaa;} #header .seach_popup .left_wrap .auto_save{display:flex;padding: 21px 0 70px 0;} #header .seach_popup .left_wrap .auto_save span{font-weight: 500;letter-spacing: -0.14px;color: #aaa;margin-right:7px} #header .seach_popup .left_wrap .auto_save .secret{display: flex;align-items: center;justify-content: flex-start;background: #CCCCCC;width:29px;height:20px;border-radius: 15px;} #header .seach_popup .left_wrap .auto_save .secret.auto_save_active{justify-content: flex-end;background: #B7A386;border-radius: 15px} #header .seach_popup .left_wrap .auto_save .btn_secret{background: #FFFFFF;width:16px;height:16px;border: none;border-radius:50%;position: relative;} #header .seach_popup .left_wrap .tag_wrap{} #header .seach_popup .left_wrap .tag_wrap .tit{padding-bottom: 15px;display: block;color:#fff;font-size: 18px; font-weight: 600;letter-spacing: -0.18px;} #header .seach_popup .left_wrap .tag_wrap .hashtag_list{display: flex;flex-wrap: wrap;margin: 0 -2px -8px -2px;} #header .seach_popup .left_wrap .tag_wrap .hashtag_list li{margin: 0 2px 8px 2px;} #header .seach_popup .left_wrap .tag_wrap .hashtag_list li button{color:#fff;padding: 6px 12px; border-radius: 60px;background-color: #5909d7;} #header .seach_popup .left_wrap .tag_wrap .hashtag_list li button span{} #header .seach_popup .right_wrap{width: 287px;margin-left: 88px;} #header .seach_popup .right_wrap .top_searched{ width: 287px;} #header .seach_popup .right_wrap .top_searched .tit{color:#fff;font-size: 18px; font-weight: 600;letter-spacing: -0.18px; padding-bottom: 15px; display: block;} #header .seach_popup .right_wrap .top_searched .top_s_list{} #header .seach_popup .right_wrap .top_searched .top_s_list li{color: #fff; padding-bottom: 15px;display: flex;align-items: center;cursor: pointer;} #header .seach_popup .right_wrap .top_searched .top_s_list li:last-child{padding-bottom:0} #header .seach_popup .right_wrap .top_searched .top_s_list li span{ color: #b7a386; font-weight: 700; width: 15px; margin-right: 10px;} #header .seach_popup .right_wrap .top_searched .top_s_list li .rank{letter-spacing: -0.14px; color: #b7a386;font-style: italic; font-weight: 700; width: 15px;margin-right: 15px;} #header .seach_popup .right_wrap .top_searched .top_s_list li .icon{width:9px;height:13px;margin-left: auto;} #header .seach_popup .right_wrap .top_searched .top_s_list li .icon.up{background:url(../../imgs/web/global/ranking_up%403x.png) center no-repeat;background-size:9px; } #header .seach_popup .right_wrap .top_searched .top_s_list li .icon.down{background:url(../../imgs/web/global/ranking_down%403x.png) center no-repeat;background-size:cover;} #header .seach_popup .right_wrap .top_searched .top_s_list li .icon.same{background:url(../../imgs/web/global/ranking_same%403x.png) center no-repeat;background-size:cover;} #header .seach_popup .right_wrap .top_searched .date_wrap{padding-top: 20px;} #header .seach_popup .right_wrap .top_searched .date_wrap span{color: #aaa;font-size: 13px;font-weight: 500;} /* GNB */ #gnb{width: 1720px;height: 72px;margin: 18px auto 0;/* position: relative; */} #gnb .allcategory{float:left;width:50px;height:50px} #gnb .allcategory h3{position:relative;overflow:hidden;width:50px;height:50px;text-indent:-9999px;background:#222} #gnb .allcategory h3:before{content:"";position:absolute;top:50%;right:50%;width:4px;height:2px;margin:-5px 1px 0 0;border-top:4px solid white;border-bottom:4px solid white} #gnb .allcategory h3:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:2px;margin:-5px 0 0 1px;border-top:4px solid white;border-bottom:4px solid white} #gnb .allcategory .contents{position:absolute;top:100%;left:50%;z-index:1;overflow:hidden;height:0;margin:0 0 0 -590px;background:#222} #gnb .allcategory .contents .parent{padding:32px 0 35px;opacity:0;filter:alpha(opacity=0)} #gnb .allcategory .contents .parent:after{content:"";display:block;clear:both} #gnb .allcategory .contents .parent>li{float:left;clear:both;height:35px} #gnb .allcategory .contents .parent>li>a{position:relative;float:left;width:240px;padding:0 24px 0 49px;box-sizing:border-box;font-size:15px;color:white;line-height:35px;font-weight:300} #gnb .allcategory .contents .parent>li.active>a{color:#eea68d;font-weight:400} #gnb .allcategory .contents .parent>li.active>a:after{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin:-4px 0 0;border:4px solid transparent;border-left:4px solid #eea68d} #gnb .allcategory .contents .child{display:none;position:relative;float:left;padding:34px 0 35px 1px;box-sizing:border-box} #gnb .allcategory .contents .child:before{content:"";position:absolute;top:-1000px;left:0;width:1px;height:3000px;background:#393939} #gnb .allcategory .contents .child>li{float:left;clear:both;height:33px} #gnb .allcategory .contents .child>li>a{float:left;width:240px;padding:0 29px;box-sizing:border-box;color:#888;line-height:33px;font-weight:300} #gnb .allcategory .contents .child>li>a>span{display:inline-block;position:relative;vertical-align:top} #gnb .allcategory .contents .child.depthtwo>li.active>a{color:#d6d6d6} #gnb .allcategory .contents .child.depthtwo>li.active>a>span:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:#7c7c7c} #gnb .allcategory .contents .child.depththree>li>a:hover{color:#d6d6d6} #gnb .allcategory .contents .child.depththree>li>a:hover>span:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:#7c7c7c} #gnb .allcategory .contents li.active>ul{display:block} #gnb .logo{display:none;float:left;margin-left: -41px;} #gnb .logo img{display:block;height: 23px;padding: 24px 41px 0px;} #gnb .brandlogo{display:none;float:left;} #gnb .brandlogo img{display:block;height: 38px;padding: 18px 0px 0px 0px;} #gnb .brandlogo button{display: flex;align-items: center;} #gnb .brandlogo button:after{margin-top: 16px;margin-left:7px;margin-right:40px;content:'';display:block;width:20px;height:20px;background: url(../../imgs/web/display/input_arrow_w%403x.png) center no-repeat; background-size:20px;} #gnb .mainmenu{float:left;padding: 0 0 0 10px;margin-left: -20px;} #gnb .mainmenu .bg{position:absolute;top: 100%;left:0;z-index:1;overflow:hidden;width:100%;height:0;text-indent:-9999px;background:white;box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);} /*#gnb .mainmenu .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d6d6d6}*/ #gnb .mainmenu>ul{float:left} #gnb .mainmenu>ul>li{float:left;padding: 24px 15px 23px;} #gnb .mainmenu>ul>li>.link{position:relative;z-index:13;float:left;height: 25px;color: #fff;line-height:20px;font-weight: 600;font-size: 17px;letter-spacing: -0.17px;cursor: pointer;} #gnb .mainmenu>ul>li.active>.link{color:#b7a386} /*#gnb .mainmenu>ul>li>.link:after{content:"";position:absolute;top:35px;left:0;width:100%;height:1px}*/ #gnb .mainmenu>ul>li .contents{position:absolute;top:100%;left:50%;z-index:3;overflow:hidden;width: 1720px;height:0;margin: 0 0 0 -860px;opacity:0;filter:alpha(opacity=0);} #gnb .mainmenu>ul>li .contents:after{content:"";display:block;clear:both} #gnb .mainmenu>ul>li .contents .go_main{font-size: 18px;font-weight:700; color: #222;display:flex;align-items: center;margin-top:50px} #gnb .mainmenu>ul>li .contents .go_main:after{content:"";display:block; width: 20px; height: 20px;background:url(../../imgs/web/global/input_arrow_black%403x.png) center no-repeat;background-size:20px;} #gnb .mainmenu>ul>li .contents .menu{/* padding:0 30px 0 70px */} #gnb .mainmenu>ul>li .contents .menu.brand{float:left;width:390px} #gnb .mainmenu>ul>li .contents .menu.brand li{padding:4px 0 3px} #gnb .mainmenu>ul>li .contents .menu.brand li:after{content:"";display:block;clear:both} #gnb .mainmenu>ul>li .contents .menu.brand li a{position:relative;float:left;color:#888} #gnb .mainmenu>ul>li .contents .menu.brand li a:hover:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#888} #gnb .mainmenu>ul>li .contents .menu.brand li:first-child{padding-top:34px} #gnb .mainmenu>ul>li .contents .menu.brand li:last-child{padding-bottom:33px} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category{display: flex;flex-direction: column;margin-top: 40px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category:after{content:"";display:block;clear:both} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab{display: flex;flex-direction: row;width:100%;margin-left: 0px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep{margin-right:60px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .wall{width: 1px;height: 300px;margin: 40px 60px 0 -30px;background:linear-gradient(90deg, #dbdbdb, transparent);} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 {margin:40px 60px 0 -30px;height: max-content;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 > img {width: 20px;height: 20px;margin:0 5px -4px 0px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap {margin-top:17px;grid-template-rows: repeat(7, 25px);} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 a{font-weight: bold;color: #222;font-size: 16px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap .secDep{display: flex;align-items: center;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap .secDep:first-child img{width:20px;height:20px;margin-right:5px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:nth-last-child(2){flex-grow:1} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child{margin-right:0px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap{grid-template-rows: repeat(1, auto); margin:15px 0 0;grid-gap: 0px 10px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep{display:flex;flex-direction: column;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep img{width:200px; height:250px;margin-bottom:15px;border-radius: 10px;cursor:pointer;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep a{font-size: 15px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: -0.15px;text-align: left;color:#222;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep>a{font-size: 18px;color:#222;line-height:normal;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 700;margin-bottom: 10px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap{margin-top: 15px;display: grid;grid-template-rows: repeat(8, 25px);grid-auto-columns:max-content;grid-auto-flow: column;grid-gap: 15px 60px;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep{} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep a{white-space:nowrap;font-size: 16px;color: #707070;line-height:normal;font-weight:normal;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep a.D:after{margin-left: 2px;content:"";position:absolute;width:4px;height:4px;border-radius:100%;background: #5211ce;} #gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .moveToHome{cursor:pointer;margin-top: 60px;border: solid 1px #c8c8c8;padding: 13px 20px;width: max-content;} #gnb .mainmenu>ul>li .contents .menu.category{/* float:left; *//* max-width:840px */display: flex;justify-content: flex-start;flex-wrap: wrap;padding-bottom: 40px;} #gnb .mainmenu>ul>li .contents .menu.category:after{content:"";display:block;clear:both} #gnb .mainmenu>ul>li .contents .menu.category>li{/* float:left; *//* width:110px; *//* padding:0 10px 36px 0; *//* width: 790px; *//* display: flex; *//* flex-direction: column; *//* box-sizing: border-box; */padding-top: 40px;margin-left: 60px;} #gnb .mainmenu>ul>li .contents .menu.category>li:first-child{margin-left:0} #gnb .mainmenu>ul>li .contents .menu.category>li>a{/* position:relative; *//* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; *//* margin:-5px 0 0; *//* white-space:nowrap; */font-size: 18px;color:#222;/* line-height:24px; *//* font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; */font-weight: 600;/* margin-bottom: 10px; *//* display: block; */} #gnb .mainmenu>ul>li .contents .menu.category>li>ul{/* clear:both *//* display: flex; *//* flex-wrap: wrap; *//* max-width: 730px; */margin-top: 15px;} #gnb .mainmenu>ul>li .contents .menu.category>li>ul>li{/* margin: 10px 0 0 10px; *//* width: 170px; *//* height: 65px; *//* background: #f5f5f5; */margin-top: 10px;} #gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:first-child{margin-left: 0;} #gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:nth-child(4n+1){margin-left: 0;} #gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:after{content:"";display:block;clear:both} #gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a{/* position:relative; *//* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; *//* padding:0 0 1px; *//* white-space:nowrap; */font-size: 16px;color: #707070;/* line-height:21px; *//* font-weight: 600; *//* width: 170px; *//* height: 65px; *//* display: block; *//* display: flex; *//* justify-content: center; *//* align-items: center; */} #gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a .img{display:none} #gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a:hover .img{display: flex;align-items: center;justify-content: center;} #gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a:hover .text{display:none} #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(1), #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(2), #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(3), #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(4), #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(5), #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(6), #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(7){/* padding: 39px 80px 36px 0; */} #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(8), #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(15), #gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(22){clear:both} #gnb .mainmenu>ul>li .contents ul.banner{float:right;width:700px;margin:0 -10px 0 0} #gnb .mainmenu>ul>li .contents ul.banner li{float:left;width:340px;margin:41px 10px 40px 0} #gnb .mainmenu>ul>li .contents ul.banner li a, #gnb .mainmenu>ul>li .contents ul.banner li img{display:block} #gnb .mainmenu>ul>li .contents div.banner{position:relative;float:right;overflow:hidden;width:240px} #gnb .mainmenu>ul>li .contents div.banner .prev{display:none;position:absolute;top:162px;left:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%} #gnb .mainmenu>ul>li .contents div.banner .prev:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222} #gnb .mainmenu>ul>li .contents div.banner .prev:after{content:"";position:absolute;top:6px;left:8px;z-index:2;width:12px;height:16px;background:url(../../../image/web/global/gnb_banner_arrow1.html) 0 0 no-repeat} #gnb .mainmenu>ul>li .contents div.banner .next{display:none;position:absolute;top:162px;right:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%} #gnb .mainmenu>ul>li .contents div.banner .next:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222} #gnb .mainmenu>ul>li .contents div.banner .next:after{content:"";position:absolute;top:6px;right:8px;z-index:2;width:12px;height:16px;background:url(../../../image/web/global/gnb_banner_arrow2.html) 0 0 no-repeat} #gnb .mainmenu>ul>li .contents div.banner .slide{position:relative;z-index:1;width:240px} #gnb .mainmenu>ul>li .contents div.banner .slide .item{display:block;width:100%;height:270px;padding:41px 0 40px} #gnb .mainmenu>ul>li .contents div.banner .slide .item.point{position:relative !important} #gnb .mainmenu>ul>li .contents div.banner .slide .item a, #gnb .mainmenu>ul>li .contents div.banner .slide .item img{display:block;width:240px;height:270px} #gnb .mainmenu>ul>li .contents div.banner .indicator{position:relative;z-index:2;float:left;width:100%;height:8px;margin:-25px 0 40px;text-align:center} #gnb .mainmenu>ul>li .contents div.banner .indicator ul{display:inline-block;vertical-align:top} #gnb .mainmenu>ul>li .contents div.banner .indicator ul:after{content:"";display:block;clear:both} #gnb .mainmenu>ul>li .contents div.banner .indicator ul li{float:left;margin:0 5px;line-height:8px} #gnb .mainmenu>ul>li .contents div.banner .indicator ul li button{float:left;overflow:hidden;width:8px;height:8px;box-sizing:border-box;-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%;border:1px solid #a8a8a8;background-color:white} #gnb .mainmenu>ul>li .contents div.banner .indicator ul li.active button{background-color:#a8a8a8} #gnb .mainmenu>ul>li .contents div.banner:hover .prev{left:10px;opacity:1;filter:alpha(opacity=100)} #gnb .mainmenu>ul>li .contents div.banner:hover .next{right:10px;opacity:1;filter:alpha(opacity=100)} #gnb .submenu{float:left;/* padding:0 7px 0 10px;margin-left: -20px; */} #gnb .submenu .bg{position:absolute;margin-top: -51px; padding-bottom: 51px;top: 100%;left:0;z-index:-1;overflow:hidden;width:100%;height:0;text-indent:-9999px;background:white;box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);} /*#gnb .submenu .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d6d6d6}*/ #gnb .submenu>ul{float:left} #gnb .submenu>ul>li{float:left;padding: 25px 15px 25px;} #gnb .submenu>ul>li>.link{position:relative;z-index:13;float:left;height:22px;font-size:16px;color: #fff;line-height:20px;font-weight: 600;font-size: 17px;letter-spacing: -0.17px; top:-1px;} #gnb .submenu>ul>li.active>.link{/* color:#b7a386 */} #gnb .submenu>ul>li > a:hover{color:#b7a386;cursor:pointer} /*#gnb .submenu>ul>li>.link:after{content:"";position:absolute;top:35px;left:0;width:100%;height:1px}*/ #gnb .submenu>ul>li .contents{position:absolute;top:100%;left:50%;z-index:3;overflow:hidden;width: 1720px;height:0;margin: 0 0 0 -860px;opacity:0;filter:alpha(opacity=0);} #gnb .submenu>ul>li .contents:after{content:"";display:block;clear:both} #gnb .submenu>ul>li .contents .go_main{font-size: 18px;font-weight:700; color: #222;display:flex;align-items: center;padding-top:50px} #gnb .submenu>ul>li .contents .go_main:after{content:"";display:block; width: 20px; height: 20px;background:url(../../imgs/web/global/input_arrow_black%403x.png) center no-repeat;background-size:20px;} #gnb .submenu>ul>li .contents .menu{/* padding:0 30px 0 70px */} #gnb .submenu>ul>li .contents .menu.brand{float:left;width:390px} #gnb .submenu>ul>li .contents .menu.brand li{padding:4px 0 3px} #gnb .submenu>ul>li .contents .menu.brand li:after{content:"";display:block;clear:both} #gnb .submenu>ul>li .contents .menu.brand li a{position:relative;float:left;color:#888} #gnb .submenu>ul>li .contents .menu.brand li a:hover:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#888} #gnb .submenu>ul>li .contents .menu.brand li:first-child{padding-top:34px} #gnb .submenu>ul>li .contents .menu.brand li:last-child{padding-bottom:33px} #gnb .submenu>ul>li .contents .category{/* float:left; *//* max-width:840px */display: flex;justify-content: flex-start;} #gnb .submenu>ul>li .contents .category:after{content:"";display:block;clear:both} #gnb .submenu>ul>li .contents .category>li{/* float:left; *//* width:110px; */padding:0 10px 36px 0;/* width: 260px; */display: flex;flex-direction: column;} #gnb .submenu>ul>li .contents .category>li>a{position:relative;float:left;/*text-overflow:ellipsis;-o-text-overflow:ellipsis;*/overflow:hidden;max-width:100%;margin:-5px 0 0;white-space:nowrap;font-size: 18px;color:#222;line-height:24px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 700;margin-bottom: 10px;display: block;} /*#gnb .submenu>ul>li .contents .menu.category>li>a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222}*/ #gnb .submenu>ul>li .contents .category>li>ul{/* clear:both */display: flex;flex-wrap: wrap;max-width: 730px;} #gnb .submenu>ul>li .contents .category>li>ul>li{margin: 10px 0 0 10px;width: 170px;height: 65px;background: #f5f5f5;} #gnb .submenu>ul>li .contents .category>li>ul>li:first-child{margin-left: 0;} #gnb .submenu>ul>li .contents .category>li>ul>li:nth-child(4n+1){margin-left: 0;} #gnb .submenu>ul>li .contents .category>li>ul>li:after{content:"";display:block;clear:both} #gnb .submenu>ul>li .contents .category>li>ul>li>a{position:relative;/* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; */padding:0 0 1px;white-space:nowrap;font-size: 14px;color: #222;line-height:21px;font-weight: 600;width: 170px;height: 65px;display: block;display: flex;justify-content: center;align-items: center;} #gnb .submenu>ul>li .contents .category>li>ul>li>a .img{display:none} #gnb .submenu>ul>li .contents .category>li>ul>li>a:hover .img{display: flex;align-items: center;justify-content: center;} #gnb .submenu>ul>li .contents .category>li>ul>li>a:hover .text{display:none} /*#gnb .submenu>ul>li .contents .menu.category>li>ul>li>a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#888}*/ #gnb .submenu>ul>li .contents .brandlist_wrap{position:relative} #gnb .submenu>ul>li .contents .category>li:nth-child(1), #gnb .submenu>ul>li .contents .category>li:nth-child(2), #gnb .submenu>ul>li .contents .category>li:nth-child(3), #gnb .submenu>ul>li .contents .category>li:nth-child(4), #gnb .submenu>ul>li .contents .category>li:nth-child(5), #gnb .submenu>ul>li .contents .category>li:nth-child(6), #gnb .submenu>ul>li .contents .category>li:nth-child(7){padding: 39px 80px 36px 0;} #gnb .submenu>ul>li .contents .category>li:nth-child(8), #gnb .submenu>ul>li .contents .category>li:nth-child(15), #gnb .submenu>ul>li .contents .category>li:nth-child(22){clear:both} #gnb .submenu>ul>li .contents ul.banner{float:right;width:700px;margin:0 -10px 0 0} #gnb .submenu>ul>li .contents ul.banner li{float:left;width:340px;margin:41px 10px 40px 0} #gnb .submenu>ul>li .contents ul.banner li a, #gnb .submenu>ul>li .contents ul.banner li img{display:block} #gnb .submenu>ul>li .contents div.banner{position:relative;float:right;overflow:hidden;width:240px} #gnb .submenu>ul>li .contents div.banner .prev{display:none;position:absolute;top:162px;left:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%} #gnb .submenu>ul>li .contents div.banner .prev:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222} #gnb .submenu>ul>li .contents div.banner .prev:after{content:"";position:absolute;top:6px;left:8px;z-index:2;width:12px;height:16px;background:url(../../../image/web/global/gnb_banner_arrow1.html) 0 0 no-repeat} #gnb .submenu>ul>li .contents div.banner .next{display:none;position:absolute;top:162px;right:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%} #gnb .submenu>ul>li .contents div.banner .next:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222} #gnb .submenu>ul>li .contents div.banner .next:after{content:"";position:absolute;top:6px;right:8px;z-index:2;width:12px;height:16px;background:url(../../../image/web/global/gnb_banner_arrow2.html) 0 0 no-repeat} #gnb .submenu>ul>li .contents div.banner .slide{position:relative;z-index:1;width:240px} #gnb .submenu>ul>li .contents div.banner .slide .item{display:block;width:100%;height:270px;padding:41px 0 40px} #gnb .submenu>ul>li .contents div.banner .slide .item.point{position:relative !important} #gnb .submenu>ul>li .contents div.banner .slide .item a, #gnb .submenu>ul>li .contents div.banner .slide .item img{display:block;width:240px;height:270px} #gnb .submenu>ul>li .contents div.banner .indicator{position:relative;z-index:2;float:left;width:100%;height:8px;margin:-25px 0 40px;text-align:center} #gnb .submenu>ul>li .contents div.banner .indicator ul{display:inline-block;vertical-align:top} #gnb .submenu>ul>li .contents div.banner .indicator ul:after{content:"";display:block;clear:both} #gnb .submenu>ul>li .contents div.banner .indicator ul li{float:left;margin:0 5px;line-height:8px} #gnb .submenu>ul>li .contents div.banner .indicator ul li button{float:left;overflow:hidden;width:8px;height:8px;box-sizing:border-box;-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%;border:1px solid #a8a8a8;background-color:white} #gnb .submenu>ul>li .contents div.banner .indicator ul li.active button{background-color:#a8a8a8} #gnb .submenu>ul>li .contents div.banner:hover .prev{left:10px;opacity:1;filter:alpha(opacity=100)} #gnb .submenu>ul>li .contents div.banner:hover .next{right:10px;opacity:1;filter:alpha(opacity=100)} /* #gnb .submenu{float:left;padding:0 8px;position: relative;} #gnb .submenu>ul{float:left} #gnb .submenu>ul>li{float:left;padding:14px 10px} #gnb .submenu>ul>li>a{float:left;font-size:15px;color:#222;line-height:21px} #gnb .submenu>ul>li>a img{display:block} */ /* #gnb .submenu>ul>li:first-child:before{content:"";position:absolute;top:20px;left:-8px;width:1px;height:11px;background:#d6d6d6;} */ #gnb .etcmenu{float:right} #gnb .etcmenu>ul{float:left;margin:0 -10px 0 0} #gnb .etcmenu>ul>li{position:relative;float:left;padding:14px 10px 14px 11px} #gnb .etcmenu>ul>li:before{content:"";position:absolute;top:20px;left:0;width:1px;height:11px;background:#d6d6d6} #gnb .etcmenu>ul>li:first-child:before{display:none} #gnb .etcmenu>ul>li>a{float:left;color:#222;line-height:21px} #gnb .etcmenu>ul>li>a img{display:block} #gnb .bar{position:absolute;top:100%;left:50%;z-index:2;width:0;height:2px;margin:-1px 0 0;-moz-transition:left 0.3s;-webkit-transition:left 0.3s;transition:left 0.3s} #gnb .bar span{position:absolute;top:0;width:0;height:2px;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;background:#222} #gnb .bar span:first-child{left:0} #gnb .bar span:last-child{right:0} #gnb #brandCategory > li > a:hover{color: #b7a386;} #freedim{position:absolute;top:0;left:0;z-index:9;width:100%;height:0;opacity:0;filter:alpha(opacity=0);-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;background:black} /* container */ /*#container{position:relative;z-index:1;padding:185px 0 160px;border-bottom:1px solid #d6d6d6}*/ #container{position:relative;z-index:1;padding: 144px 0 100px;border-bottom:1px solid #d6d6d6;max-width: 1720px;margin: 0 auto;/* display: flex; */} #container.main{min-width: 100%;/* padding-top: 182px; */padding-bottom:150px} #container.brand{min-width: 100%;padding-top: 182px;padding-bottom: 150px;} #container.mypage{min-width: 100%;padding: 144px 0 150px 0;} #container.onboarding{min-width: 100%;padding: 100px 0 0 0;} #container.signin{padding: 144px 0 0; max-width: none; width: 100%;} #container.esg{padding: 144px 0 150px 0; max-width: none; width: 100%;} #container.coupon{min-width: 100%;} #container.coupon.list{background-color: #f8f8f8;} #container.event{max-width: none;padding: 144px 0 0;} #container.main:before{display:block;content:'';width:100%;height: 505px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;} #container.main.no:before{display:none} #container.brand:before{display:block;content:'';width:100%;height:472px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;} #container.mypage:before{display:block;content:'';width:100%;height: 700px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;} #container.coupon:before{display:block;content:'';width:100%;height:505px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: 0px;} #container.header_ethic{padding: 0 0 150px 0;margin-top:55px;} #container.pln_wide{max-width:none; margin:0} #container.z_index_up{/* z-index:11; */} /*#container:before{content:"";position:absolute;top:185px;left:0;z-index:1;width:100%;height:1px;background:#d6d6d6}*/ #container:before{content:"";position:absolute;top:158px;left:0;z-index:1;width:100%;height:1px;/*background:#d6d6d6 */} #container:after{content:"";display:block;clear:both} .go_top {position: absolute;right: 50px;bottom: 50px;display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;border-radius:50%;background-color: #fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);opacity: 0;width: 1px;height: 1px;/* visibility: hidden; */transition:opacity 0.2s} .go_top.view{opacity:1;width: 48px;height: 48px;} .go_top span {display: block; width: 20px; height: 20px; background: url(../../imgs/web/global/icon_go_top%403x.png) center no-repeat; background-size: contain; text-indent: -9999px; overflow: hidden; } /* footer */ #footer{position:relative;clear:both;/* width:1180px; */margin:0 auto;/* padding:31px 0 43px; */background:#222;} #footer .noti_preview{background:#333;} #footer .inner{width:1720px;margin:0 auto;padding-bottom: 70px;display: flex;} #footer .inner >div {width: 50%;} #footer .noti_preview .inner{display:flex;padding:18px 0;position: relative;z-index: 0;} #footer .noti_preview dl{width:50%;display:flex} #footer .noti_preview dt{cursor:pointer;font-weight:600;font-size:16px;color:#b7a386;padding-right:40px;width: 112px;/* display: block; */box-sizing: border-box;} #footer .noti_preview dd{font-size:16px;font-weight:500;color:#aaaaaa;display: flex;align-items: center;width: 712px;height: 24px;} #footer .noti_preview dd .swiper-container{height:24px;} #footer .noti_preview dd .swiper-slide{width:712px;height: 24px !important;/* margin: 0 !important; */} #footer .noti_preview dd a{color:#aaa;display: flex;align-items: center;/* justify-content: center; */} #footer .noti_preview dd a:after{display:inline-block;content:'';width:20px;height:20px;background: url('../../imgs/web/global/input_arrow_right%403x.png') 0 0 no-repeat;background-size:20px;} #footer h2{padding:60px 0 40px} #footer h2 .link{width:160px;display: block;} #footer .pageLink{/* padding:16px 0 0 */} #footer .pageLink:after{content:"";display:block;clear:both} #footer .pageLink li{float:left;height:12px;margin:2px 0 2px 11px;padding:0 0 0 11px;/* border-left:1px solid #a3a3a3 */} #footer .pageLink li:first-child{margin:2px 0;padding:0;border-left:none} #footer .pageLink li a{float:left;height:20px;margin:-4px 0 0;color: #fff;line-height: 20px;font-size: 15px;} #footer .pageLink li.highlight a{/* color:#f96430; */font-weight: 600;} #footer address{padding: 31px 0 0;color: #aaaaaa;line-height:23px;font-weight:300;/* font-size: 15px; */} #footer address span{vertical-align:top;font-weight:400;margin-bottom: 2px;display: inline-block;} #footer address span.bar{} #footer address span.bar:after{display:inline-block;content:'';width:1px;height:12px;background:#444;margin: 0 5px 0 8px;} #footer address > span:first-child{display:block;font-size: 15px;margin-bottom: 9px;} #footer address a{vertical-align:top;color: #aaaaaa;display:inline-block;position:relative;} #footer address a:after{display:block;content:'';background:#aaa;width:100%;height:1px;position:absolute;bottom: 3px;} #footer address .button{/* display:inline-block; *//* margin:2px 0 0; *//* padding:0 3px 2px 2px; *//* font-size:11px; *//* line-height:16px; *//* border:1px solid #666; */margin-left: 5px;} #footer p{padding: 20px 0 0;color:#666;line-height:23px;} #footer .help{display: flex;padding-top: 80px;} #footer .help .customer{color: #fff;} #footer .help .customer .tit{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 700;color: #b4a489;font-size: 16px;line-height: 19px;} #footer .help .customer .tel{padding-top: 10px;font-weight: 700;font-size: 36px;line-height: 44px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} #footer .help .customer .time{padding-top: 15px;font-size: 18px;font-weight: 600;line-height: 22px;} #footer .help .customer .etc{font-size: 16px;line-height: 24px;color: #aaaaaa;padding-top: 5px;} #footer .help .customer .customer_btn{padding-top: 17px;} #footer .help .customer .customer_btn a{color: #fff;font-size: 15px;padding-right: 20px;line-height: 21px;} #footer .help .customer .customer_btn a:last-child{padding:0} #footer .help .tel{} #footer .help .qr{padding-left: 70px;width: 80px;} #footer .help .qr > div{color:#fff;font-size:13px;padding-bottom:10px;letter-spacing: -0.5px;} #footer .help .qr > div span{font-weight: 600;} #footer .help .qrcode{} /*footer isms 관련*/ /*#footer .help .isms_wrap {display: flex;width: auto;margin-left: 70px;}*/ /*#footer .help .isms_wrap > div {color: #fff;font-size: 13px;padding-bottom: 10px;letter-spacing: -0.5px;width: 100px;}*/ /*#footer .help .isms_wrap > div span {font-weight: 600;}*/ /*#footer .help .isms_wrap > div img.isms_logo {width: 80px;height: 80px;}*/ /*#footer .help .isms_wrap ul.isms_msg_ul {float: right;margin-top: 26px;}*/ /*#footer .help .isms_wrap ul li {color: #AAAAAA;}*/ /*footer isms 관련*/ /* control */ #control{position:fixed;top:100%;left:0;z-index:11;width:100%;min-width:1280px;height:0;opacity:0;filter:alpha(opacity=0); -moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;} #control.active {opacity:1; filter:alpha(opacity=100);} #control .top {position:absolute;bottom: 50px;right: 50px;width: 48px;height: 48px;text-indent:-9999px;box-sizing:border-box;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;} #control .top:after{content:"";display:block; width:18px; height:18px; background:url(../../imgs/web/display/icon_go_top%403x.png) no-repeat center;background-size:18px} #control .top:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;} #control .home {position:absolute;bottom: 110px;right: 50px;width: 48px;height: 48px;text-indent:-9999px;box-sizing:border-box;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #222;border-radius: 50%;display: flex;align-items: center;justify-content: center;} #control .home:after{content:"";display:block; width:24px; height:39px; background:url(../../imgs/web/display/home%402x.png) no-repeat center;background-size:68px;background-position: 50% 41%;} #control .home:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;} /* #control .bottom {position:absolute;top:-103px;right:0;width:40px;height:38px;text-indent:-9999px;border:1px solid #454545;background:#222;box-sizing:border-box;} #control .bottom:after{content:"";position:absolute; left:13px; top:11px; width:13px; height:16px; background:url(/image/web/global/control_btnicon.png) no-repeat left top; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);} #control .bottom:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;} */ /* #control .top:hover:after, #control .bottom:hover:after {background-image:url(/image/web/global/control_btnicon_on.png);} #control .top:hover:before, #control .bottom:hover:before {display:block; z-index:2;} */ /* loading */ #laybox-loading{background:url(../../../image/web/global/loading_bg.html) 0 0 no-repeat;background-size:72px 72px} .blind{position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0;border:none} /** tab 스타일 **/ .tab_large {} .tab_large{display:flex;/* justify-content:space-between; */} .tab_large li{/* height:50px; *//* width:50%; */text-align:center;/* line-height:50px; */} .tab_large li:after{margin-top: 1px;/* content:''; */display:block;width:100%;height:1px;background-color:#ddd;} .tab_large li.active:after{margin-top: 0; height: 2px; background-color:#222 !important;;} .tab_large li p{color:#aaa; font-weight:500;} .tab_large li.active p{color:#222;} .tab_small{display: flex;} .tab_small li.active button{background-color: #222;border: solid 1px #222; color:#fff} .tab_small button{ height: 32px;padding: 7px 12px;border-radius: 90px;border: solid 1px #dddddd;display: flex;align-items: center;font-size: 12px;font-weight: 500; letter-spacing: -0.12px;margin-right: 5px;} .tab_small button .num{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;} .tab_list .tab_menu{border-bottom: 1px solid #e5e5e5;display: flex;} .tab_list .tab_menu li{ margin-right: 40px;} .tab_list .tab_menu li.active button{color: #222;font-weight: 600; border-bottom: 2px solid;} .tab_list .tab_menu li button{ border: none;background-color: #fff;color: #707070;font-size: 24px;font-weight: 500;letter-spacing: -0.24px; padding-bottom: 20px;} /* 정렬 메뉴 */ .sorting_btn_wrap{position:relative} .sorting_btn_wrap .sorting_btn{ font-size: 16px;font-weight:600; display: flex;align-items: center;} .sorting_btn_wrap .sorting_btn:after{margin-left:6px;content:'';display:block; width:20px; height:20px; background: url(../../imgs/web/goods/input_arrow%403x.png) center no-repeat; background-size: 20px; } .sorting_btn_wrap .sorting_list{display:none;margin-top: 10px;border-radius: 15px 15px 30px 15px;box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%); padding: 20px 30px; position: absolute; right: 0;z-index: 1; background-color: #fff;} .sorting_btn_wrap .sorting_list.on{display:block} .sorting_btn_wrap .sorting_list li{} .sorting_btn_wrap .sorting_list li button{font-weight: 500;letter-spacing: -0.14px;word-break: keep-all;width: max-content;padding-bottom: 10px;} .sorting_btn_wrap .sorting_list li.on button:after{display:inline-block;width:12px;height: 12px;content:'';background: url(../../imgs/web/global/checked_on%403x.png) center center no-repeat;background-size:12px;margin-left: 5px;} .sorting_btn_wrap .sorting_list li:last-child button{padding-bottom: 0} /* 메인 배너 */ .main_banner_wrap .con strong{line-height: 52px;} /** 상품리스트 스타일 - 2단 기본 **/ .list_form {padding-bottom: 40px;position: relative;} .list_form:not(.swiper) >ul {margin: 0px -10px;display: flex;flex-wrap: wrap;} .list_form.swiper >ul{/* display: -webkit-inline-box; */} .list_form.swiper ul.swiper-wrapper > li{/* padding:0 20.5px 0 27.5px; */box-sizing: border-box;} .list_form.swiper ul.swiper-wrapper > li a{display:block} .list_form.swiper .img_con{/* width:212px; *//* padding: 0 20.5px 0 27.5px; */width: 100%;} .list_form.swiper .btm_btn_wrap{/* margin:0 -20.5px 0 -27.5px */} .list_form >ul >li a {position: relative;/* display: inline-block; */} .list_form .img_con {width:270px; height: 270px; position: relative;border-radius: 10px;overflow: hidden;border-radius: 10px;border: solid 1px #f5f5f5;box-sizing: border-box;} .list_form .recommend_item{width:328px;position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .list_form a{display: block; /* flex-shrink: 1; */ /* height: calc(100% - 30px); */ display: flex; flex-direction: column; flex: 1;} .list_form .img_con .num {position: absolute; left: 0; top: 0; font-size: 18px; line-height: 22px; color: #222222; font-weight: 700;} .list_form .img_con img {display: block;margin: 0 auto; width: 100%; /* background: #e5e5e5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); */} .list_form .img_con img.lazy{display:none} .list_form .img_con img.lazy.active{display:block} img.zoom{transition:all ease 0.3s 0s;-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);} .list_form .img_con .btn_wish {position: absolute; right: 13px; bottom: 11px; width: 30px; height: 30px; text-indent: -999em; background: url(../../imgs/goods/icon_heart_in_list%403x.png) center center no-repeat; background-size: 30px;} .list_form .img_con .set{width:51px;height:32px;position:absolute;top:0;right:0;text-indent:-9999999px;background: url(../../imgs/web/display/label_set%403x.png) center no-repeat; background-size: cover;} .list_form .img_con .one_get_one_free{text-indent: -9999999px;position:absolute;top:0;right:0;width: 51px;height: 36px;background: url(../../imgs/web/display/label_one_get_one_free%403x.png) center no-repeat;background-size: cover;image-rendering: -moz-crisp-edges; /* Firefox */image-rendering: -o-crisp-edges; /* Opera */image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */} .list_form .img_con .vod{display: block;position: absolute;left: 12px;bottom: 14px;text-indent:-9999999px;width:63px;height:24px;background: url(../../imgs/web/display/icon_vod%403x.png) center no-repeat; background-size: cover;} .list_form .img_con .btn_cart img {} .list_form .text_con {/* padding-top: 15px; *//* width: 100%; */display: flex;flex-direction: column;height: 185px;flex: 1;height: auto;} .list_form .label_list {display: flex;padding-top: 10px;height: 19px;display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .list_form .label_list span{text-indent: -9999em;margin-right: 4px;} .list_form .label_list span img{width: 100%; display: block;height:19px;} .list_form .label_list .label_best{width:40px;height:19px;} .list_form .label_list .label_resGoods{width:52px;height:19px;} .list_form .label_list .label_new{width:40px;height:19px;} .list_form .label_list .label_case{width:41px;height:19px;} .list_form .label_list .label_gift{width:37px;height:19px;} .list_form .label_list .label_exclusive{width:71px;height:19px;} .list_form .label_list .label_online{width:54px;height:19px;} .list_form .label_list .label_cobuying{width:54px;height:19px;border: 1px solid #521cce;border-radius: 5px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;} .list_form .label_list .label_cobuying img {width: auto; height: 17px;} .list_form .brand_name {display: block;font-size: 14px;color: #aaaaaa;font-weight: 500;padding-top: 20px;line-height: 1;padding: 0;margin-top: 20px;height: 18px;line-height: 18px;} .list_form .marketing_title { height: 20px;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: -0.14px;text-align: left;color: #5211ce;} .list_form .brand_name + h2, .list_form .text_con .goodsnm{overflow: hidden;text-overflow: ellipsis;white-space: normal;height: 51px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;font-weight: 500;padding-top: 5px;margin-bottom: 10px;box-sizing: border-box;padding: 0;margin-top: 2px;margin-bottom: 0;} .list_form .text_con h2{overflow: hidden;text-overflow: ellipsis;white-space: normal;height: 51px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;font-weight: 500;box-sizing: border-box;margin-top: 2px;margin-bottom: 0;} .list_form .label_list + .brand_name{padding-top:14px;} .list_form h2 a{margin: 0 0 10px;font-weight: 500;padding-top: 15px;overflow: hidden;text-overflow: ellipsis; white-space: normal;height: 50px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;} .list_form .brand_name + h2 a{padding-top:5px;width: 100%;} .list_form .label_list + h2 a{padding-top:6px} .list_form h2 + .label_list{margin-top:auto;} .list_form .price_wrap{display: flex;flex-direction: column;} .list_form .price {text-decoration: line-through;font-size: 16px;color: #aaaaaa;font-weight: 500;height: 19px;line-height: 14px;} .list_form .price + .sale{margin-top:0;margin: 0;} .list_form .price + .label_list{margin-top:auto} .list_form .sale+.price {margin-left:5px} .list_form .sale {font-size: 18px;font-weight: 700;color: #222222;/*height: 27px;line-height: 27px;*/} /*.list_form .per {height: 27px;line-height: 27px;}*/ .list_form .sale span {margin-left: 10px; display: inline-block; color: #b7a386;} .list_form .btm_btn_wrap {position: relative;margin: 10px 0 0 0;display:flex;justify-content:space-between;/* padding-right: 14px; */z-index:10} .list_form .btm_btn_wrap .size_check {display: flex;align-items: center;position: relative;font-size: 15px;letter-spacing: -0.15px;font-weight: 500;color: #aaaaaa;/* padding-right: 20px; *//* vertical-align: middle; */} .list_form .btm_btn_wrap .size_check:after {/* position: absolute; *//* right: -16px; *//* top: 50%; *//* margin-top: -7px; */display: block;content: '';width: 20px;height: 20px;background: url(../../imgs/display/input_arrow_gray.png) center center no-repeat;background-size: 20px;display: inline-block;margin-left:2px} /* .list_form .btm_btn_wrap .size_check:hover:after{transform: rotate(-180deg);} .list_form .btm_btn_wrap .size_check:hover + .size_table{display:block} */ .list_form .btm_btn_wrap .size_check.active:after {transform: rotate(-180deg);} .list_form .btm_btn_wrap .size_table {display: none;flex-wrap: wrap;position: absolute;left: 0;top: 44px;margin-bottom: -52px;width: 100%;/* height: 92px; */box-sizing: border-box;border-radius: 5px;border: 1px solid #e5e5e5;background: #fff;z-index: 1;padding: 15px 11px 15px 15px;} .list_form .size_check.active + .size_table {display: flex;z-index:2} .list_form .btm_btn_wrap .size_table > li {/* width: 26px; */height: 19px;padding: 5px 7px;} .list_form .btm_btn_wrap .size_table > li button {display: block;/* width: 26px; */text-align: center;box-sizing: border-box;color: #e5e5e5;font-size: 16px;font-weight: 500;letter-spacing: -0.16px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .list_form .btm_btn_wrap .size_table > li.on button {color: #222222;} .list_form .btm_btn_wrap .btn_cart{width:30px;height:30px;background:url(../../imgs/goods/thum_cart.png);background-size:30px;text-indent:-9999em;margin-right: 14px;} .list_form .btn_wish.active{background:url(../../imgs/web/global/icon_heart_on%403x.png) !important;background-size:cover !important;} .list_form .btn_cart.active{/* background:url(/ux/imgs/web/global/cart_on@3x.png) !important; *//* background-size:cover !important; */} .banner_wrap .btn_wish.active{background:url(../../imgs/web/global/icon_heart_on%403x.png) !important;background-size:cover !important;} .recommend_item{position:relative;} .swiper-slide .recommend_item{width:328px} .list_form .btm_btn_wrap.abs{/* position:absolute; *//* right: 0; *//* bottom: 0; */display: flex;justify-content: flex-end;} .list_form.swiper .swiper-prev{} .list_form.swiper .swiper-next{} .list_form.swiper .swiper-prev{cursor: pointer;position: absolute;top: 135px;left: -80px;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;} .list_form.swiper .swiper-next{cursor: pointer;position: absolute;top: 135px;right: -80px;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;} /* .list_form .img_con img.lazy{display:block} .list_form .img_con img.lazy.back{display:none} */ /* 상품 리스트 케이스별 */ .listform4{width: 1140px;margin: 0 auto;} .listform3{width: 1140px;margin: 0 auto;} .listform3 .product_list_wrap{padding:0 144px} .listform2{width: 1140px;margin: 0 auto;} .listform2 .product_list_wrap{padding:0 289px} .listform6{width: 1720px;margin: 0 auto;} /* location */ /*#location{position:absolute;top:20px;left:50%;margin:0 0 0 -590px}*/ #location{/* position:absolute; *//* top:47px; *//* left:50%; *//* margin:0 0 0 -590px; */display: flex;margin: 24px 0 45px;} #location li{position:relative;/* float:left; */height:10px;margin:0 0 0 17px;} #location li:before{content:"";position:absolute;top: -5px;left: -18px;background: url(../../imgs/web/global/input_arrow_black%403x.png) 0 0 no-repeat;width: 20px;height: 20px;background-size: 20px;display: inline-block;} #location li:first-child{margin:0;text-indent:-9999em;} #location li:first-child a{background:url(../../imgs/web/global/icon_location_home%403x.png) 0 0 no-repeat;width:16px;header:16px;background-size:16px;} #location li:first-child:before{display:none} #location li a{float:left;margin:-4px 0 0;font-size:13px;color: #222;line-height:17px;font-weight: 500;/* font-family:'Noto Sans KR'; */} #location li strong{float:left;margin:-4px 0 0;font-size:13px;color:#222;line-height:17px;font-weight: 500;/* font-family:'Noto Sans KR'; */} /* select box */ .select_box{width: 150px;} .select_box .box {position:relative;} .select_box .box .btn {position:relative;display:block;width: 100%;height:40px;padding:0 40px 0 19px;font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;position: relative;display: block;width: 100%;height: 40px;/* padding: 0 40px 0 19px; */font-size: 15px;font-weight: 500;line-height: 40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;padding-right: 20px;} .select_box .box .btn:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);} .select_box .box .btn:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../../imgs/web/global/input_arrow_down_black%403x.png) center center no-repeat;background-size: 20px;content: '';position: absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../../imgs/web/global/input_arrow_down_black%403x.png) center center no-repeat;background-size: 20px;} .select_box .box .btn.on:before {transform:rotate(-45deg);} .select_box .box .btn.on:after {transform: rotate(180deg);} .select_box .box ul {overflow:hidden;position:absolute;left: 0;top: 43px;width: 100%;height:0;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;overflow: hidden;position: absolute;top: 40px;height: 0;width: 100%;/* border: 1px solid #d6d6d6; */border-top: 0 none;border-bottom: 0 none;background: #fff;box-sizing: border-box;z-index: 100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);background-color: #fff;padding: 0 20px;} .select_box .box ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;} .select_box .box ul li {/* height:59px; *//* border-top:1px solid #d6d6d6; *//* padding: 0 0 10px; *//* position: relative; *//* cursor: pointer; *//* height: 59px; *//* position: relative; *//* cursor: pointer; */padding: 20px 0 0px;position: relative;cursor: pointer;} .select_box .box ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;} .select_box .box ul li input + label{display:block;} .select_box .box ul li input + label p{display:flex;align-items:center;font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 25px;} .select_box .box ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;} .select_box .box ul li input:checked + label{} .select_box .box ul li input:checked + label p{position: relative; display:inline;font-weight:600;} .select_box .box ul li input:checked + label p:after{position: absolute; right: 5px; top: 50%; margin-top: -6px; display:block; content:'';width:13px; height:13px; background:url(../../imgs/web/global/checked_on%403x.png) center right no-repeat;background-size:12px;} .select_box .box ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;} .select_box .box ul li:last-child{padding-bottom: 20px;} .select_box .box ul li:first-child {/* height:60px; */border-top:0 none;/* padding-top: 20px; *//* margin-top: 20px; */padding-bottom:0} .select_box .box ul li a {display:block;/* height:59px; *//* padding:3px 19px 0 20px; *//* box-sizing:border-box; */} .select_box .box ul li a span {display:block; font-size:13px; } .select_box .box ul li a .text {overflow:hidden; line-height:28px;} .select_box .box ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;} .select_box .box ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;} .select_box .box ul li a .price {color:#222;} .select_box .box ul li.soldout a, .select_box .box ul li.soldout a span {color:#a8a8a8} /** 버튼 스타일 **/ .btn_x_large {width:100%; height:64px; background-color:#222; color:#fff; font-size:16px; font-weight:500;} .btn_large1 {padding: 14px 0; width: 100%; height: 50px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 15px;line-height: 22px;color: #222222;font-weight: 600;} .btn_large2 {padding: 14px 0; width: 100%; height: 50px; border: 1px solid #222;border-radius: 5px;font-size: 15px;line-height: 22px;color: #fff;font-weight: 600;background:#222} .btn_large2_wrap {display: flex; justify-content: space-between;} .btn_large2_wrap button {width: calc(50% - 4px);height:50px;text-align:center;font-size:16px;font-weight: 500;line-height:24px;align-items: center;border-radius: 5px;/* background: #fff; */} .btn_large2_1 {color:#222;border: solid 1px #222222;font-weight: 700;background: #fff;} .btn_large2_2 {background:#222; color:#fff;} .btn_medium1 {text-align: center;width: 160px;height: 50px;background: #222222;border-radius: 35px;line-height: 20px;font-size: 16px;color: #fff;font-weight: 600;letter-spacing: -0.16px;} .btn_medium2 {position: relative;padding: 11px 40px 11px 26px; height: 44px; border-radius: 35px;background: #222222;color: #fff;font-size: 14px;line-height: 20px;letter-spacing: -0.14px;font-weight: 600;} .btn_medium2:after {position: absolute;right: 15px;top: 50%;margin-top: -10px;display: block;content: '';width: 20px;height: 20px; background: url(../../imgs/display/icon_link.png) center no-repeat;background-size: 20px;} .btn_medium3 {padding: 11px 26px; height: 44px; border-radius: 35px;background: #222222;color: #fff;font-size: 14px;line-height: 20px;letter-spacing: -0.14px;font-weight: 600;} .btn_medium4 {padding: 12px 0; width: 100%; height: 44px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 14px;line-height: 20px;color: #222222;font-weight: 600;} .btn_small1 {display: flex; justify-content: center;align-items: center;width: 181px; height: 50px;border: 1px solid #c4c4c4; border-radius: 80px;} .btn_small1 p {font-weight:500; font-size:14px} .btn_small1 .point {font-weight:600;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding: 4px 0 20px 0;letter-spacing: 1.4px;} .btn_small1 .point em{font-weight:600;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding: 4px 0 20px 0;letter-spacing: 1.4px;} .btn_small1 .icon_down_arrow{display: inline-block; margin-left: 5px;vertical-align: middle;text-indent: -999px;background: url(../../imgs/goods/input_arrow.png) no-repeat 100% 50%; background-size: 20px 20px;width: 20px;height: 20px;} .btn_small2_wrap {display: flex; justify-content: space-between;} .btn_small2 {padding: 12px 0; width: calc(50% - 4px); height: 44px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 14px;line-height: 20px;color: #222222;font-weight: 600;} .btn_x_small1 {font-size: 12px; line-height: 18px; font-weight: 500; letter-spacing: -0.12px; color: #222222; border-bottom: 1px solid #222222;} .btn_x_small2_w {padding: 6px 20px; color: #222222; font-size: 13px; line-height: 19px; font-weight: 500; border-radius: 5px; border: 1px solid #222222; letter-spacing: -0.12px;} .btn_x_small2_b {padding: 6px 20px; color: #fff; background: #222222; font-size: 12px; line-height: 18px; font-weight: 500; border-radius: 5px; letter-spacing: -0.12px;} /* input */ input ~ .btn_input {overflow: hidden;position: absolute;top: 0;right: 0;z-index: 1;opacity: 0;display: flex;align-items: center;/* transform: translateY(-50%); */height: 41px;} input ~ .btn_input.on {opacity: 1;} input ~ .btn_input .btn_delete {display: block;float: left;width: 26px;height: 26px;background: #ffffff url(../../imgs/web/callcenter/icon_input_del%403x.png) no-repeat center;text-indent: -9999em;background-size: 26px;} input ~ .btn_input .btn_secure {display: block;float: left;width: 19px;height: 18px;background: url(../../imgs/global/btn_secure_off.png) center center no-repeat;background-size: 19px;} input ~ .btn_input .btn_secure.on {background: url(../../imgs/global/btn_secure_on2.png) center center no-repeat;background-size: 19px;} /** text field 스타일 **/ .input_text_wrap {position: relative;} .input_text_wrap .input_text {width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;line-height: 20px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;} .input_text::placeholder {padding: 10px 0; color: #aaaaaa; font-size: 16px;font-weight:500} .input_text:focus {border-bottom: 1px solid #222222; outline: 0 none;} .input_text_wrap .close {position: absolute; right: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; border-radius: 50%; background: #e5e5e5; display: flex; justify-content: center; align-items: center;} .input_text_wrap .close img{width: 20px; height:20px;} .input_text_wrap .errortxt {display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;} .input_text_wrap.error .input_text {border-bottom: 1px solid #f25758;} .input_text_wrap.error .errortxt {display: block !important;} .valid_box.error .errortxt{display:block !important;/* padding-bottom: 30px; */} .valid_box.error .comment_box{border: 1px solid #f25758;} .input_text_wrap.error .add_txt{display:none !important;} select.select {width: 100%; height: 40px; border: none; border-bottom: 1px solid #e5e5e5; background:url(../../imgs/web/global/input_arrow_down_black%403x.png) right center no-repeat; background-size: 20px; font-size: 15px; line-height: 22px; color: #707070; font-weight: 500; -webkit-appearance:none;-moz-appearance:none;appearance:none;} select.select::-ms-expand{display:none;} .select option {font-size: 15px; line-height: 22px; color: #707070; font-weight: 500;} .input_title{font-size:16px;color:#000;margin-bottom:10px;font-weight:600;display: flex;} .input_title:after{display:inline-block;width:3px;height:3px;background:#b7a286;content:'';align-self: start;margin-top: 5px;margin-left: 3px;} .input_password_wrap {position: relative;} .input_password_wrap .input_text::placeholder{color: #aaaaaa; font-size:16px; font-weight:500} .input_password_wrap .input_text {position: relative;width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;} .input_password {width: 100%; height: 40px; background-color: transparent; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-size: 16px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;} .input_password::placeholder {padding: 10px 0; color: #aaaaaa;} .input_password:focus {border-bottom: 1px solid #222222; outline: 0 none;} .input_password_wrap .errortxt {display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;} .input_password_wrap.error .input_password {border-bottom: 1px solid #f25758;} .input_password_wrap.error .errortxt {display: block;} .input_password_wrap.confirm.error .chk_wrap{display:none} .input_password_wrap.confirm.error .chk_wrap.errortxt{display:block} .input_password_wrap.error .chk_wrap label{color: #f25758;} .input_password_wrap.error .add_txt{display:none !important;} .input_password_wrap.ok .chk_wrap label{color: #2680eb;} .input_email_wrap{} .input_email_wrap .input_text {width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;line-height: 20px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;} .input_email {width: 100%; height: 40px; background-color: transparent; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;} .input_email::placeholder {padding: 10px 0; color: #aaaaaa;} .input_email:focus {border-bottom: 1px solid #222222; outline: 0 none;} .input_email_wrap .errortxt {display: none; padding: 10px 0 0 0;font-size: 12px;line-height: 18px;letter-spacing: -0.12px;font-weight: 500;color: #f25758;} .input_email_wrap.error .input_text {border-bottom: 1px solid #f25758;} .input_email_wrap.error .errortxt{display: block;} .input_email_wrap.error .chk_wrap{display:none !important;} .input_email_wrap.error .add_txt{display:none !important;} .input_email_wrap.comp .errortxt{display:none !important;} .input_email_wrap.comp .add_txt{display:none !important;} /* valid-feedback */ .valid-feedback{display:flex;padding: 10px 0;} .valid-feedback span{font-size: 14px;color:#aaa;letter-spacing: -0.14px;margin-right: 10px;} .valid-feedback span.on{color:#2680eb} .valid-feedback span:last-child{margin-right:0} .valid-feedback span:before{display:inline-block;content:'';width: 13px;height: 9px;background:url(../../imgs/global/valid_arr_off.png) center top no-repeat;background-size: contain;margin-right:5px;} .valid-feedback span.on:before{background:url(../../imgs/global/valid_arr_on.png) center top no-repeat;background-size: contain;} .valid-feedback .en{} .valid-feedback .num{} .valid-feedback .spc{} .valid-feedback .leng{} /* layer popup */ .layer-back {display: table;overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1001;background: rgba(0, 0, 0, 0.4);-webkit-overflow-scrolling: touch;} .layer-back .p30{padding:30px} .layer-back .p30{padding:40px} .layer-back .ta_c{padding:40px} .layer-back.bg-none { background: none;} .layer-wrap {display: table-cell;z-index: 9999;margin: 0 auto;transform: translate3d(0, 30px, 0);opacity: 0;transition: all 0.5s;vertical-align: middle;} .layer-wrap.open {transform: translate3d(0, 0, 0);opacity: 1;} .layer_popup {/* overflow-y: auto; */position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;border-radius: 20px;/* padding: 0 40px; */background: #ffffff;-webkit-overflow-scrolling: touch;box-sizing: border-box;/* overflow: hidden; *//* overflow: auto; */} .layer_popup .scroll{max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;/* overflow: hidden; */box-sizing: border-box;} .layer_popup .layer_head {/* position: relative; *//* border-bottom: 2px solid #2b2f3f; *//* padding: 0 0 21px; *//* height: 100px; *//* line-height: 44px; *//* background: #20254d; *//* color: #fff; */padding: 40px 40px 30px;/* font-size: 30px; */} .layer_popup .layer_body{padding:0 40px;width: 100%;box-sizing: border-box;} .layer_popup .layer_head .layer_title {font-weight: 600;font-size: 30px;/* line-height: 1.5; *//* color: #fff; *//* letter-spacing: -0.04em; *//* padding: 0 53px; */} .layer_popup .layer_close {display: block;position: absolute;top: 40px;right: 40px;z-index: 1;box-sizing: content-box;width: 44px;height: 44px;/* padding: 15px 15px; */background: url("../../imgs/web/global/popup_close_bl%403x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 44px;} .layer_popup .layer_body .inner{/* max-height: calc(80vh - 140px); *//* overflow-y: auto; *//* margin-right: 50px; *//* padding: 0 50px 0 50px; *//* overflow: hidden; */} .layer_popup .layer_body .inner > div{/* padding-bottom:60px */} .layer_bottom{border-radius: 20px;overflow-y: auto;position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;/* border-radius: 10px; */padding: 30px 35px 48px;background: #ffffff;-webkit-overflow-scrolling: touch;} .full_popup {/* overflow-y: auto; */position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;border-radius: 20px;/* padding: 0 40px; */background: #ffffff;-webkit-overflow-scrolling: touch;box-sizing: border-box;/* overflow: hidden; *//* overflow: auto; */box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);} .full_popup .scroll{max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;overflow-x: hidden;box-sizing: border-box;} /* .full_popup .scroll::-webkit-scrollbar { display: none;} */ .full_popup .full_head {padding: 40px 40px 30px;} .full_popup .full_body{padding:0 40px;width: 100%;box-sizing: border-box;} .full_popup .full_head .full_title {font-weight: 600;font-size: 30px;} .full_popup .full_head .full_title .all_photo{display: block;background: url(../../imgs/web/global/input_arrow_left_black%403x.png) 0 center no-repeat;background-size: 13px;padding-left: 17px;font-weight: 500;font-size: 15px;} .full_popup .full_close {display: block;position: absolute;top: 40px;right: 40px;z-index: 1;box-sizing: content-box;width: 44px;height: 44px;/* padding: 15px 15px; */background: url("../../imgs/web/global/popup_close_bl%403x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 44px;} .full_popup .full_body .inner{/* max-height: calc(80vh - 140px); *//* overflow-y: auto; *//* margin-right: 50px; *//* padding: 0 50px 0 50px; */} .full_popup .full_body .inner > div{/* padding-bottom:60px *//* padding-right: 10px; */} .full_bottom{border-radius: 20px;overflow-y: auto;position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;/* border-radius: 10px; */padding: 30px 35px 48px;background: #ffffff;-webkit-overflow-scrolling: touch;} .full_popup.sm .full_head {padding: 30px 30px 20px;} .full_popup.sm .full_body{padding: 0 30px;width: 100%;box-sizing: border-box;} .full_popup.sm .full_head .full_title {font-weight: 600;font-size: 20px;width:90%;text-align: center;} .full_popup.sm .full_close {display: block;position: absolute;top: 30px;right: 33px;z-index: 1;box-sizing: content-box;width: 30px;height: 30px;/* padding: 15px 15px; */background: url("../../imgs/web/global/popup_close_bl_sm%403x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 16px;} .full_popup .full_body .layer_detail_package{display: flex;} .full_popup .swiper-extend-button-prev{position: absolute;left: -102px;background: url( ../../imgs/web/display/main_slider_prev%403x.png) center center no-repeat;background-size: 102px;width: 102px;height: 102px;z-index: 100;top: 50%;margin-top: -51px;} .full_popup .swiper-extend-button-next{position: absolute;right: -102px;background: url(../../imgs/web/display/main_slider_next%403x.png) center center no-repeat;background-size: 102px;width: 102px;height: 102px;z-index: 100;top: 50%;margin-top: -51px;} .full_popup .full_body .layer_detail_package .detail_box_wrap{position:relative;border-right: 2px solid #f5f5f5;} .full_popup .full_body .layer_detail_package .detail_box_wrap:after{display:block;content:'';width: calc(100% - 16px);height:174px;position:absolute;bottom: -1px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 73%);z-index: 1;} .full_popup .full_body .layer_detail_package .detail_box{width: 771px;overflow-x: hidden;overflow-y: auto;/* min-height: 100%; */height: 706px;/* margin-right: 0px; */} .full_popup .full_body .layer_detail_package .option_box{width: 391px;padding-left: 38px;box-sizing: border-box;display: flex;flex-direction: column;} .full_popup .full_body .layer_detail_package .option_box .opt_wrap{padding:20px 0 15px;/* border-top:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;} .full_popup .full_body .layer_detail_package .option_box .opt_box{display:flex;justify-content: space-between;margin-top: 15px;} .full_popup .full_body .layer_detail_package .option_box .opt_box:nth-of-type(1){margin-top: 0;} .full_popup .full_body .layer_detail_package .option_box .opt_box .opt_tit{font-size: 16px;font-weight: 600;line-height: 40px;color: #000;} .full_popup .full_body .layer_detail_package .option_box .option{width: 200px;} .full_popup .full_body .layer_detail_package .option_box .option .errortxt{color:#f25758;font-size:14;padding-top:10px;display:none} .full_popup .full_body .layer_detail_package .option_box .option.error .errortxt{display:block;} .full_popup .full_body .layer_detail_package .option_box .option.error .pack_goods button{border-bottom:1px solid #f25758} .full_popup .full_body .layer_detail_package .option_box .pack_goods {position:relative;} .full_popup .full_body .layer_detail_package .option_box .pack_goods button {position:relative;display:block;width: 100%;height:40px;/* padding:0 40px 0 19px; */font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;padding-right: 20px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods button:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);} .full_popup .full_body .layer_detail_package .option_box .pack_goods button:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../../imgs/web/global/input_arrow_down_black%403x.png) center center no-repeat;background-size: 20px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods button.on:before {transform:rotate(-45deg);} .full_popup .full_body .layer_detail_package .option_box .pack_goods button.on:after {/* transform:rotate(45deg); */} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul {overflow:hidden;position:absolute;top: 43px;height:0;width:100%;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul.option_list{width: 374px;left: -172px;box-sizing: border-box;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li {padding: 20px 0 0px;position: relative;cursor: pointer;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label{display:block;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label p{font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 25px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label{} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label p{font-weight:600;background:url(../../imgs/web/global/checked_on%403x.png) center right no-repeat;background-size:13px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li:last-child{padding-bottom: 20px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li:first-child {border-top:0 none;padding-bottom:0;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a {display:block; height:59px; padding:3px 19px 0 20px; box-sizing:border-box;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a span {display:block; font-size:13px; } .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .text {overflow:hidden; line-height:28px;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .price {color:#222;} .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li.soldout a, .full_popup .full_body .layer_detail_package .option_box .pack_goods ul li.soldout a span {color:#a8a8a8} .full_popup .full_body .layer_detail_package .option_box .total{/* border-top: 1px solid #e5e5e5; *//* padding-top: 19px; */margin: 20px 0;} .full_popup .full_body .layer_detail_package .option_box .total .box{font-size: 18px;font-weight: 500;color: #222;display: flex;justify-content: space-between;align-items: end;} .full_popup .full_body .layer_detail_package .option_box .total .box .price{} .full_popup .full_body .layer_detail_package .option_box .total .box .price strong{font-size: 24px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 30px;} .full_popup .full_body .layer_detail_package .option_box .detail_buttons{margin-top: auto;display: flex;} .full_popup .full_body .layer_detail_package .option_box .detail_buttons a{width: 210px;text-align: center;height: 60px;line-height: 58px;border: 1px solid #dddddd;box-sizing: border-box;border-radius: 5px;font-size: 18px;font-weight: 600;} .full_popup .full_body .layer_detail_package .option_box .detail_buttons .cart{margin-right: 9px;} .full_popup .full_body .layer_detail_package .option_box .detail_buttons .buy{border: 1px solid #222222;background: #222222;color: #fff;} .full_popup .full_body .layer_detail_package .option_box .detail_buttons .none{display:none;} .full_popup .full_body .layer_detail_package .option_select{} .full_popup .full_body .layer_detail_package .option_select .goods_option_list{} .full_popup .full_body .layer_detail_package .option_select .goods_option_list p.tit{font-size:16px;font-weight:600;color:#000;padding: 20px 0 4px;display:block;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv{} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box{background:#f8f8f8;border-radius:10px;margin-top:10px;padding: 20px;box-sizing: border-box;position: relative;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li{} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.size{font-size: 14px;font-weight: 500;color: #aaaaaa;margin-bottom:10px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price{display: flex;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price > span{font-size:18px;font-weight:700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 25px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon{width:71px;height:25px;display: inline-block;margin-left: 10px;border: 1px solid #222;border-radius: 5px;box-sizing: border-box;text-align: center;font-size: 11px;font-weight: 600;line-height: 23px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon:after{display:inline-block;content:'';width:12px;height: 12px;background: url('../../imgs/web/global/download%403x.png') center -2px no-repeat;background-size:12px;margin-left:2px;vertical-align: middle;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .amount{display: flex;align-items: center;justify-content: center;margin-left: auto;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box:after {content:''; display:block; clear:both;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.title {/* position:relative; */margin: 0 0 2px;font-size: 16px;font-weight: 500;color:#222;line-height: 23px;padding-right: 25px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.title a{position:absolute;right:16px;top: 18px;width:26px;width: 26px;height: 26px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount {float:left;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span {width: 17px;display: inline-block;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span a{display:flex;align-items:center;justify-content:center;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount input[type=text] {/* float:left; */width: 67px;height: 25px;padding:0 0 2px;font-size:13px;line-height:26px;text-align:center;/* color:#5d5d5d; */border: 0;margin: 0 13px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 15px;font-weight: 700;background: transparent;box-sizing: border-box;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount .optcoupon {float:left; margin:1px 0 0 14px; padding:2px 32px 3px 13px; font-size:13px; color:#fff; background:url(../../../image/web/goods/coupon_downicon.html) #222 no-repeat 70px 8px; border-radius:28px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon {position:relative; float:left; margin:0 0 0 13px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon a {display:inline-block; padding:2px 32px 3px 13px; font-size:13px; color:#fff; background:url(../../../image/web/goods/coupon_downicon.html) #222 no-repeat 70px 8px; border-radius:28px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer {display:none; position:absolute; left:-143px; top:59px; width:540px; min-height:265px; padding:24px 29px 0; border:1px solid #222; background:#fff; box-sizing:border-box; z-index:100;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .closebtn {position:absolute; right:20px; top:20px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .title {margin:0 0 8px; font-size:20px; font-weight:400; color:#222;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox {position:relative; padding:50px 0 0; border-top:2px solid #222;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox .tablescroll {overflow-x:hidden; overflow-y:auto; display:block; width:100%; max-height:227px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead {position:absolute; left:0; top:0; width:100%; height:50px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead tr th {height:50px; padding:0; text-align:center; vertical-align:middle; border-bottom:1px solid #d6d6d6;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td {padding:11px 0 9px; text-align:center; color:#666; border-bottom:1px solid #d6d6d6;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td .ellipsis {width:240px; padding:0 0 0 10px; text-align:left;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td strong {font-family: 'hk_nova_regular','Noto Sans KR'; font-size:15px; color:#222;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down a {width:95px; height:30px; margin:0; padding:3px 32px 5px 15px; background-position:68px 9px; box-sizing:border-box;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down span {display:inline-block; width:95px; height:30px; padding:2px 0 0; font-size:13px; text-align:center; color:#a8a8a8; border:1px solid #d6d6d6; box-sizing:border-box; border-radius:30px;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .allbtn {display:block; width:170px; height:50px; margin:30px auto 7px; padding:10px 0 0 25px; font-size:15px; font-weight:400; color:#222; border:1px solid #222; background:url(../../../image/web/goods/coupon_downicon02.html) #fff no-repeat 123px 16px; border-radius:0; box-sizing:border-box;} .full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .warninglist {padding-bottom:26px;} .full_popup .full_body .layer_detail_package .detail_gosi{padding-bottom: 90px;} .full_popup .full_body .layer_detail_package .detail_gosi h3{font-size: 24px;font-weight: 600;padding-bottom: 25px;} .full_popup .full_body .layer_detail_package .detail_gosi table{border-bottom: 1px solid #e5e5e5;border-top:2px solid #222} .full_popup .full_body .layer_detail_package .detail_gosi table:last-child{border-bottom:0} .full_popup .full_body .layer_detail_package .detail_gosi table tbody{} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr{} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th{font-size: 15px;text-align: left;font-weight: 600;padding-bottom: 30px;vertical-align: top;padding-right: 20px;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th.line_top{border-top:1px solid #e5e5e5;padding-top: 39px;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th strong{font-size:18px;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:first-child th{padding-top:25px} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child th{padding-bottom:36px} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td{vertical-align: top;font-size: 15px;font-weight: 500;color: #707070;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td.line_top{padding-top:39px;border-top:1px solid #e5e5e5} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td strong{font-size:15px;font-weight:600;padding-bottom: 8px;color: #222;display: block;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:first-child td{padding-top:25px;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child td{padding-bottom: 40px;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td strong{} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul{padding-bottom:30px;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child td ul{padding-bottom:0} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul li{font-size:15px;color:#707070;line-height: 25.5px;font-weight: 400;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul.num{} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul.num li{list-style: auto;margin-left: 15px;} .full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul li button{} /* 장바구니 담기 완료 팝업 */ .full_popup .full_body .layer_cart{/* min-height: 310px; */position: relative;} .full_popup .full_body .layer_cart .swiper-container{/* position:relative; *//* overflow: visible; */} .full_popup .full_body .layer_cart .layer_con{display: flex;justify-content: center; flex-direction: column;align-items: center;} .full_popup .full_body .layer_cart .layer_con img{width: 110px;display:block;height: 110px;} .full_popup .full_body .layer_cart .layer_con .goods_info{text-align: center;line-height: 24px;padding: 10px 0 0 0;} .full_popup .full_body .layer_cart .layer_con .goods_info span{font-size: 16px; line-height:24px} .full_popup .full_body .layer_cart .layer_con .goods_info .goods_name{ font-weight: 500;} .full_popup .full_body .layer_cart .layer_con .goods_info .size{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-weight: 700;} .full_popup .full_body .layer_cart .btns button{width:140px; height:48px; font-weight:600; font-size: 16px;} .full_popup .full_body .layer_cart .btns #buy_now{background-color:#222; color:#fff; border-radius:35px;} .full_popup .full_body .layer_cart .direct_buy{margin-top:30px;width:170px;height:50px;line-height:50px;background:#222;border-radius:35px;margin: 30px auto 0;color:#fff;font-size:16px;font-weight:600;display: block;} .full_popup .full_body .layer_cart .btn_view_cart{display: flex;justify-content: center;} .full_popup .full_body .layer_cart .btn_view_cart #view_cart{display: block !important;font-size: 16px;font-weight: 600;height: 24px;margin: 13px 0 0 0;} .full_popup .full_body .layer_cart .btn_view_cart #view_cart:after{content:''; display:block; width:100%; height:1px; background-color:#222} .full_popup .full_body .layer_cart .cart-item-next {background: url(../../imgs/web/global/gnb_Icon_next_black.png) no-repeat;background-size: 13px 30px;background-position: top;width: 13px;height: 30px;background-size: 13px;position: absolute;right: -10px;top: 100px;cursor: pointer;} .full_popup .full_body .layer_cart .cart-item-prev {background: url(../../imgs/web/global/gnb_Icon_prev_black.png) no-repeat;background-size: 13px 30px;background-position: top;width: 13px;height: 30px;background-size: 13px;position: absolute;left: -10px;top: 100px;cursor: pointer;} .full_popup .full_body .layer_cart .cart-item-next::after, .full_popup .full_body .layer_cart .cart-item-prev::after {display: none;} .full_popup .full_body .layer_cart .swiper-button-disabled {display:none !important} /* 알림 레이어 팝업 */ .layer-alert{position:relative; } .layer-alert .layer-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 20px;background: #fff;padding-bottom: 25px;padding-top: 50px;right: 20px;} .layer-alert .layer-box .layer_box_close{display: block;position: absolute;top: 15px;right: 15px;z-index: 150;width: 40px;height: 40px;border-radius: 50%;background: #ffffff url(../../imgs/global/icon_close_btn%403x.png) center center no-repeat;font-size: 0;text-indent: -9999px;background-size: 18px;} .layer-alert .layer-box .img_area{display: flex;justify-content: center;padding-bottom: 20px;} .layer-alert .layer-box .downCouponImg{width:85px;padding-top: 10px;} .layer-alert .layer-box .tit_wrap{padding-bottom: 50px;} .layer-alert .layer-box p{text-align:center;font-size:16px;font-weight:600;} .layer-alert .layer-box .subtit{font-size: 16px;line-height: 1.5;margin-bottom: -10px;font-weight: 400;} .layer-alert .layer-box .btns{display:flex; justify-content:center; flex-direction:column; align-items: center;} .layer-alert .layer-box .btns button{width:140px;height:44px;font-weight:500;} .layer-alert .layer-box .btns #confirm{background-color:#222; color:#fff; padding:11px 57px; border-radius:35px} /* 무이자 할부 혜택 팝업 */ .benefit-content{/* margin:auto 20px; */} .benefit-content .benefit-tit{width:100%;/* height:64px; */display: flex;justify-content:space-between;padding-bottom: 10px;} .benefit-content .benefit-tit span{} .benefit-content .benefit-tit .event-term{left:0; font-size:16px; font-weight:500} .benefit-content .benefit-tit .event-term-date{right:0;font-size: 14px;font-weight: 500;font-stretch: normal;letter-spacing: -0.14px;color: #707070;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .benefit-content .listbox{/* margin-bottom:60px; */border-top:1px solid #222222;} .benefit-content .listbox li{display:flex;align-items:center;justify-content:space-between;/* height:67px; */border-bottom:1px solid #e3e3e3;padding: 20px 50px 20px 16px;} .benefit-content .listbox li img{width:94px;margin-right: 10px;} .benefit-content .listbox li span{display:flex;/* width:94px; */align-items:center;justify-content: space-between;margin-left: auto;font-size: 14px;} .benefit-content .listbox .term{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;margin: 0;} /* 사이즈 가이드 팝업 */ .size_guide{position: relative;} .size_guide .tab_large{margin:0 -30px;border-bottom:1px solid #efefef;justify-content: center;} .size_guide:before{position: fixed;/* content: ""; */height: 83.5px;background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index: 5;right: 0;left: 0;bottom: 0;} .size_guide .tab_large li { width: 98px;} .size_guide .tab_large li a {/* line-height: 56px; *//* height: 56px; *//* padding: 0 18px; */display: inline-block;/* display: block; */padding: 17px 0;box-sizing: border-box;} .size_guide .tab_large li span {font-weight: 500;color: #aaaaaa;font-size: 16px;} .size_guide .tab_large li.active a{border-bottom:2px solid #222} .size_guide .tab_large li.active span {color: #222222;font-weight: 700;} .size_guide .brand_list_wrap{padding: 30px 20px;/* margin-right: -30px; */} .size_guide .brand_list_wrap .brand_list{/* display: flex; *//* overflow-x: scroll; *//* overflow-y: hidden; */-ms-overflow-style: none;/* margin: 0 -7px; *//* margin-right: 30px; */} /*.size_guide .brand_list_wrap .brand_list::-webkit-scrollbar{display: none;width: 0 !important;}*/ .size_guide .brand_list_wrap .brand_list li{/* padding: 0 7px; *//* position: relative; */margin-right: 7px;} .size_guide .brand_list_wrap .brand_list li:last-child{padding-right:80px} .size_guide .brand_list_wrap .brand_list li.active button:after{content:'';width: 72px;height: 72px;position:absolute;left: -6px;top: -6px;border: 3px solid #b3a489;border-radius: 50%;box-sizing: border-box;} .size_guide .brand_list_wrap .brand_list li.active button:before{position: absolute;content:'';display:block;width: 60px;height:60px;border-radius: 50%;background-color:transparent;} .size_guide .brand_list_wrap .brand_list li button{font-size: 0;width: 61px;height:60px;/* border: 2px solid transparent; */border-radius: 50%;box-sizing: border-box;} .size_guide .brand_list_wrap .brand_list li button:before{position: absolute;content: '';display: block;background-color: #ffffff30;top: 0;left: 0;right: 0;bottom: 0;width: 60px;height: 100%;z-index: 6;} .size_guide .brand_list_wrap .brand_list li button.a_size {text-align: center;background: #b3a486;font-size: 12px;line-height: 17px;letter-spacing: -0.12px;color: #fff;font-weight: 600;} .size_guide .brand_list_wrap .brand_list li button img{width: 60px; display: block;} .size_guide .brand_name{padding: 0 20px;} .size_guide .brand_name p{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-size: 16px;font-weight: 700;} .size_guide .tab_con {display: none;} .size_guide .tab_con.on {display: block;} .size_guide h1 {font-size: 16px; line-height: 24px; color: #000; font-weight: 600;} .size_guide #a_size {position: relative; padding: 0 20px;} .size_guide #a_size .unit_wrap {/* position: absolute; */left: 20px;right: 20px;top: 3px;display: flex;/* justify-content: flex-end; */} .size_guide #a_size .unit_wrap span {font-size: 14px;font-weight: 500;} .size_guide #a_size .item_size_list{display:flex;flex-wrap: wrap; margin: 15px -6.5px 7px;} .size_guide #a_size .item_size_list li{padding: 0 6.5px 13px 6.5px;} .size_guide #a_size .item_size_list li:last-child{margin-right:0;} .size_guide #a_size .item_size_list li:nth-child(6){margin-right:0;} .size_guide #a_size .item_size_list li:nth-child(12){margin-right:0;} .size_guide #a_size .item_size_list li input{display:none} .size_guide #a_size .item_size_list li input + label.select_size{display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid #e5e5e5; border-radius: 5px; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600; font-size: 12px; color: #dddddd; box-sizing: border-box;} .size_guide #a_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;} .size_guide #a_size .item_size_list li.active label{color: #222222 !important;;} .size_guide #a_size .unit_wrap.region {justify-content: unset;} .size_guide #a_size .unit_wrap.region h2 {margin: 0 12px 0 0;font-size: 20px;font-weight: 600;} .size_guide #a_size .unit_wrap.region span {font-size: 14px;font-weight: 400;color: #707070;margin-top: 5px;} .size_guide .unit_wrap {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;} .size_guide .unit_wrap h1{ font-size: 16px;font-weight: 500;} .size_guide .unit_wrap span {font-size: 14px;font-weight: 500;} .size_guide .table_wrap{border-top: 1px solid;display: flex;margin-bottom: 40px;} .size_guide .table_wrap .tit_wrap table{ table-layout: auto;} .size_guide .table_wrap .tit_wrap{width: 128px;} .size_guide .table_wrap .tit_wrap tr{height: 48px;} .size_guide .table_wrap .tit_wrap tr td{border-bottom: 1px solid #e3e3e3;height: 48px;width: 128px;text-align: center;color: #222;font-size: 13px;font-weight: 600;font-stretch: normal;display: flex;align-items: center;justify-content: center;} .size_guide .table_wrap .con_wrap{overflow-x: auto;} .size_guide .table_wrap .con_wrap table{table-layout: auto;} .size_guide .table_wrap .con_wrap tr{display: flex;border-bottom: 1px solid #e3e3e3;height: 48px;} .size_guide .table_wrap .con_wrap tr td{height: 48px;width: 128px;text-align: center;color: #aaa;font-size: 12px;font-weight: 500;font-stretch: normal;display: flex;align-items: center;justify-content: center;box-sizing: border-box;flex: 0 0 auto;} .size_guide #a_size{} .size_guide #a_size ul{} .size_guide #a_size ul li{} .size_guide #a_size ul li .img_wrap{position:relative;width: 504px;margin: 0 auto;} .size_guide #a_size ul li img{max-width: 80%;} .size_guide #a_size ul li span{position: absolute;z-index: 1;font-weight: 700;font-size: 16px;} .size_guide #a_size ul li.size_ops{} .size_guide #a_size ul li.size_ops .size_01{top: -5px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_ops .size_02{top: 155px;left: 109px;} .size_guide #a_size ul li.size_ops .size_03{top: 92px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_ops .size_04{top: 152px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_ops .size_05{top: 158px;right: 115px;} .size_guide #a_size ul li.size_ops .size_06{bottom: 58px;right: 152px;} .size_guide #a_size ul li.size_padding .size_01{top: -5px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_padding .size_02{top: 162px;left: 102px;} .size_guide #a_size ul li.size_padding .size_03{top: 165px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_padding .size_04{top: 168px;right: 102px;} .size_guide #a_size ul li.size_padding .size_05{bottom: 54px;right: 155px;} .size_guide #a_size ul li.size_pants .size_01{top: -5px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_pants .size_02{top: 150px;left: 136px;} .size_guide #a_size ul li.size_pants .size_03{top: 95px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_pants .size_04{top: 164px;left: 212px;} .size_guide #a_size ul li.size_pants .size_05{bottom: 42px;right: 210px;} .size_guide #a_size ul li.size_set .size_01{top: -10px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_set .size_02{top: 95px;left: 120px;} .size_guide #a_size ul li.size_set .size_03{top: 75px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_set .size_04{top: 84px;right: 120px;} .size_guide #a_size ul li.size_set .size_05{top: 215px;right: 140px;} .size_guide #a_size ul li.size_set .size_06{top: 235px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_set .size_07{bottom: 133px;left: 161px;} .size_guide #a_size ul li.size_set .size_08{top: 277px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_set .size_09{bottom: 116px;left: 222px;} .size_guide #a_size ul li.size_set .size_10{bottom: 31px;right: 216px;} .size_guide #a_size ul li.size_skirts .size_01{top: 35px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_skirts .size_02{top: 158px;left: 128px;} .size_guide #a_size ul li.size_t_shirts .size_01{top: 10px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_t_shirts .size_02{top: 158px;left: 75px;} .size_guide #a_size ul li.size_t_shirts .size_03{top: 170px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_t_shirts .size_04{bottom: 190px; right: 87px;} .size_guide #a_size ul li.size_t_shirts .size_05{bottom: 20px;right: 110px;} .size_guide #a_size ul li.size_top .size_01{top: 10px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_top .size_02{top: 162px;left: 98px;} .size_guide #a_size ul li.size_top .size_03{top: 165px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_top .size_04{top: 178px;right: 100px;} .size_guide #a_size ul li.size_top .size_05{bottom: 42px;right: 145px;} .size_guide #a_size ul li.size_best .size_01{top: 10px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_best .size_02{top: 158px;left: 85px;} .size_guide #a_size ul li.size_best .size_03{top: 165px;left: 50%;transform: translateX(-50%);} .size_guide #a_size ul li.size_best .size_04{top: 180px;right: 90px;} .size_guide #a_size ul li.size_best .size_05{bottom: 12px;right: 110px;} .size_guide #a_size .sizeImage{text-align: center;} .size_guide #a_size .sizeImage img{max-width: 80%;} .size_guide #a_size .item_size .item_size_list{max-width: 480px;} .size_guide #a_size .info_text {margin: 20px 20px 40px 0px;} .size_guide #a_size .backcolor_violet{background: linear-gradient(to top, #E8D2FF 50%, transparent 50%);} .size_guide #brand_size {padding: 0 20px;} .size_guide #brand_size >ul {} .size_guide #brand_size >ul >li {padding-bottom: 30px;} .size_guide #brand_size >ul >li:last-child {padding-bottom: 20px;} .size_guide #brand_size .unit_wrap {display: flex; justify-content: space-between;} .size_guide #brand_size .unit_wrap span {font-size: 14px;font-weight: 500;} .size_guide .size_table {margin-top: 10px;display: flex;/* width: calc(100vw - 20px); */border-top: 1px solid #222222;} .size_guide .size_table dl {} .size_guide .size_table dt {display: flex;align-items: center;justify-content: center;width: 80px;height: 40px;text-align: center;border-bottom: 1px solid #e3e3e3;font-size: 13px;letter-spacing: -0.12px;font-weight: 600;word-break: keep-all;} .size_guide .size_table ul {overflow-x: auto;width: 100%;} .size_guide .size_table li {display: flex;border-bottom: 1px solid #e3e3e3;} .size_guide .size_table li span {display: flex;align-items: center;justify-content: center;width: 128px;height: 40px;flex: 0 0 auto;text-align: center;/* border-bottom: 1px solid #e3e3e3; */font-size: 13px;letter-spacing: -0.12px;font-weight: 500;color: #aaaaaa;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .size_guide .info_text {position: relative;margin: 0 20px 0;padding-left: 10px;font-size: 14px;line-height: 18px;word-break: keep-all;color: #707070;} .size_guide .info_text:before {position: absolute;left: 0;top: 6px;content: '';width: 4px;height: 4px;border-radius: 50%;background: #707070;} /* 팝업 */ /* .layerdimmed{position: fixed;top: 0;bottom: 0;left: 0; right: 0; z-index: 13; background-color: #00000040;} .layerdimmed .layer_bg{position: absolute; top: 50px;left: 50%;transform: translateX(-50%);padding:40px;border-radius: 20px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);background-color: #fff;} */ .layer_bg .top{z-index: 2;position: absolute;top: 0;right: 0;text-indent:-99999999em;width:44px;height:44px;background: url(../../imgs/web/display/popup_close_bl%403x.png) center no-repeat;background-size: cover;} .layer_bg .bottom_btn{z-index: 1;justify-content: space-between;border-radius: 0 0 15px 15px;background-color: #f5f5f5;height: 50px; position: absolute; bottom: 0;left: 0; right: 0;display: flex;align-items: center;padding: 0 23px;} .layer_bg .bottom_btn button{text-indent:0;font-size: 14px;font-weight: 500;letter-spacing: -0.14px;} /* paging */ .paging{clear:both;text-align:center;margin-top: 30px;} .paging ul{display:inline-block;vertical-align:top} .paging ul:after{content:"";display:block;clear:both} .paging ul li{float:left} .paging ul li a{float:left;width: 36px;height: 36px;margin: 0 4px;text-align:center;font-size: 16px;color: #222;line-height: 36px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 500;/* letter-spacing: -0.16px; */} .paging ul li a.active{color:#fff;background:#b7a386;border-radius:50%;} .paging ul li a img{display:block} .paging ul li a strong{/* display:inline-block; *//* position:relative; *//* height:21px; */color: #fff;line-height: 1;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .paging ul li a strong:after{/* content:""; */position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222;} .paging ul li a.prev, .paging ul li a.first{margin: 0 16px 0 0;width: 32px;height: 32px;} .paging ul li a.next, .paging ul li a.last{margin: 0 0 0 16px;width: 32px;height: 32px;} /* 임시 페이징 btn*/ .paging_wrap{display: flex;align-items: center;justify-content: center;} .paging_wrap > button{text-indent:-99999em;width:32px; height:32px} .paging_wrap .btn_prev{margin-right:20px;background: url(../../imgs/web/display/arrow_prev%403x.png) center no-repeat; background-size: 32px;} .paging_wrap .btn_next{margin-left:20px;background: url(../../imgs/web/display/arrow_next%403x.png) center no-repeat; background-size: 32px;} .paging_wrap .pagination{margin-right:8px;font-size: 16px;font-weight: 500; letter-spacing: -0.16px;width: 40px;height: 40px;} .paging_wrap .pagination:last-child{margin-right:0;} .paging_wrap .pagination.active{ background-color: #b7a386; color:#fff;border-radius:50%} /* 상품 문의 팝업 */ .qna-content{/* padding:30px 20px 20px 20px; */border-top: 2px solid #222;padding-top: 20px;} .qna-content dl{display: flex;/* height: 40px; */line-height: 40px;} .qna-content dl:nth-of-type(2){margin-top:20px} .qna-content dt{font-size: 16px;height: 40px;line-height: 40px;width: 180px;font-weight: 600;} .qna-content dt .required{text-indent:-9999em;display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #b7a386;vertical-align: text-top;margin: 4px 0 0 3px;} .qna-content dd{width: 100%;flex-basis: 0;flex-grow: 1;} .qna-content .counsel-box{position:relative;height: 190px;border-radius: 5px;background: #f8f8f8;margin: 0 0 12px 0;box-sizing: border-box;} .qna-content .counsel-box p{/* position:absolute; *//* bottom:34px; *//* right:18px; */font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;text-align: right;padding: 12px;box-sizing: border-box;line-height: 1;font-size: 16px;} .qna-content .counsel-box p span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .qna-content .counsel-box p .color{color:#aaa;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .qna-content input{border-style:none none solid;border-width:1px;border-color:#e5e5e5;width:100%;/* padding:9px 0; */font-size: 16px;height: 40px;line-height: 40px;} .qna-content input:placeholder, .counsel textarea:placeholder{color:#aaa} .qna-content textarea{width:100%;height: 148px;/* background:#f8f8f8; *//* margin:17px 0 24px 0; *//* border-radius:5px; */padding: 20px;box-sizing:border-box;box-sizing: border-box;} .qna-content textarea::placeholder{color:#aaa} .qna-content .radio-type{display:flex;justify-content:space-between;align-items:center;padding-bottom: 14px;justify-content: flex-end;} .qna-content .radio-type label{font-size: 15px;font-weight:500;margin-right: 12px;} .qna-content .secret{background: #CCCCCC;width: 33px;height: 20px;border: 1px solid #CCCCCC;border-radius: 15px;} .qna-content .btn_secret{background: #FFFFFF;width: 15px;height: 15px;border: none;border-radius: 15px;position: relative;left: 0px;top: -2px;} .qna-content .radio-type+p{font-size: 14px;color: #707070;padding-top: 20px;border-top: 1px solid #e5e5e5;line-height: 18px;} .qna-content .radio-type+p:before{display:inline-block;content:'';width:4px;height:4px;background:#707070;border-radius:50%;vertical-align:middle;margin: -4px 6px 0 0;} .qna-content .btns{margin: 50px 0 0 0;display:flex;flex-direction:row;justify-content: center;padding-bottom: 16px;} .qna-content .btns button{width:50%;height:50px;text-align: center;font-size: 14px;font-weight: 500;align-items:center;border-radius:5px;width: 180px;} .qna-content .btns #cancel{color:#222; border:solid 1px #e5e5e5; margin-right:5px;} .qna-content .btns #register{background:#222; color:#fff; margin-left:5px;} /* 약관동의 팝업 */ .member_use.full_popup{height: 620px;width: 850px;border-radius: 30px;} .member_use.full_popup .full_close{top: 20px; right: 20px;} .member_use .full_head{padding: 30px 30px 20px 30px;} .member_use .full_head .full_title{font-size: 18px; font-weight: 500;} .member_use .full_body{padding:0 30px} .member_use .inner .scroll_box{height: 420px;overflow-y: scroll;padding-right: 40px;} .member_use .inner .scroll_box::-webkit-scrollbar{width: 5px;height: 5px; background-color: #f5f5f5; border-radius: 10px;} .member_use .inner .scroll_box::-webkit-scrollbar-thumb{width: 2px;height: 80px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;} .member_use #use_term_layer{} .member_use #use_term_layer .tit{ padding-bottom: 10px;} .member_use #use_term_layer .tit span{font-size: 16px; font-weight: 500; letter-spacing: -0.16px;} .member_use #use_term_layer .con{padding-bottom: 20px;} .member_use #use_term_layer .con span{font-weight: 500;color: #707070;letter-spacing: -0.14px;word-break: keep-all;} .member_use .inner .notice{} .member_use .inner .notice span{font-size: 13px;font-weight: 500; letter-spacing: -0.13px;word-break: keep-all;} .member_use .btn_wrap{display: flex;justify-content: center; margin-top: 40px;} .member_use .btn_wrap button{ height: 50px; padding: 0 45px; background-color: #222;border-radius: 50px;color: #fff; font-size: 16px;font-weight: 500;letter-spacing: -0.16px;} /* 사진첨부 */ .attach_file{} .attach_file h1 {font-size: 16px; line-height: 24px; color: #222222;font-weight:600} .attach_file h1.mark:after{position:absolute;top: 3px; right: -6px;content:''; display:block; width: 3px; height: 3px;border-radius:50%;background-color: #b7a286;} .attach_file .photo_add {display: flex;/* justify-content: space-between; */flex-wrap: wrap;margin: 10px -5px;} .attach_file .photo_add li {position: relative;width: 76px;height: 76px;margin: 0 5px 10px;border-radius: 5px;border: 0;} .attach_file .photo_add li:not(.add_btn):after {position: absolute;right: -5px;top: -5px;display: block;/* content: ''; */width: 24px;height: 24px;background: url(../../imgs/goods/icon_del.png) center no-repeat;background-size: 24px;} .attach_file .photo_add li:last-child:after {} .attach_file .photo_add li div {width: 100%;height: 100%;border-radius: 5px;overflow: hidden;position: relative;} .attach_file .photo_add li div >img {width: 100%; height: 100%;} .attach_file .photo_add li [name=delete]{width:30px;height: 30px;position: absolute;right: -5px;top: -5px;display: block;/* content: ''; */width: 24px;height: 24px;background: url(../../imgs/goods/icon_del.png) center no-repeat;background-size: 24px;text-indent: -9999em;} .attach_file .info{} .attach_file .info ul{} .attach_file .info li{padding-bottom: 10px; position: relative; padding-left: 9px;} .attach_file .info li:before{position: absolute;left: 0;top: 12px;content: '';width: 4px;height: 4px;background-color: #707070;border-radius: 50%;} .attach_file .info li span{font-size: 12px;line-height: 26px;letter-spacing: -0.12px;color: #707070;} .attach_file .info li span .point{} /* 우편번호 찾기 팝업 */ #post_find{ width: 515px;} #post_find .full_head{padding: 40px 40px 20px 40px;} #post_find .full_head .full_close{ top: 40px; right: 40px; width: 44px; height: 44px;background-size: 44px;} #post_find .full_head .full_title{} #post_find .full_body{ padding: 0 40px 50px 40px;} #post_find .full_body .inner{border-top: 2px solid;} #post_find .full_body .search_section{ padding-top: 25px;} #post_find .full_body .search_section p{font-size: 16px; font-weight: 500;letter-spacing: -0.16px; color: #222;} #post_find .full_body .search_section .search{display: flex; align-items: center; justify-content: space-between;margin-top: 10px;} #post_find .full_body .search_section .search .input_text_wrap{} #post_find .full_body .search_section .search .input_text_wrap input{ width: 300px;} #post_find .full_body .search_section .search button{ padding: 0 20px;height: 30px;font-size: 13px;font-weight: 600;border: solid 1px #222;} #post_find .contWrap {padding: 25px 0 0 0;} #post_find .contWrap ul.blockLayout.scrbar {height: 393px;overflow-y: auto;padding-right: 8px;} #post_find .contWrap ul.blockLayout.scrbar::-webkit-scrollbar{width: 2px;height: 387px; background-color: #f5f5f5; border-radius: 10px;} #post_find .contWrap ul.blockLayout.scrbar::-webkit-scrollbar-thumb{width: 2px;height: 54px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;} #post_find .contWrap ul.blockLayout li {padding: 20px 20px 10px 20px;background: #fff;border-radius: 10px;margin-bottom: 10px;border: solid 1px #e5e5e5;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);} #post_find .contWrap ul.blockLayout li:last-child {margin-bottom: 0;} #post_find .contWrap ul.blockLayout li a {display: block;} #post_find .contWrap ul.blockLayout li strong {font-size: 16px;font-weight: 700;color: #000;} #post_find .contWrap ul.blockLayout li table {margin-top: 15px;border-spacing: 0 10px;border-collapse: separate;} #post_find .contWrap ul.blockLayout li table tbody {} #post_find .contWrap ul.blockLayout li table tr {margin: 2px 0;} #post_find .contWrap ul.blockLayout li table th {font-size: 14px;color: #222222;font-weight: 500;vertical-align:top;line-height: 1.29;} #post_find .contWrap ul.blockLayout li table td {color: #aaaaaa;font-weight: 500;word-break: keep-all;} #post_find .contWrap .search_emtpy {padding: 110px 0 0; display: flex; flex-direction: column; justify-content: center;} #post_find .contWrap .search_emtpy img {width: 32px; margin: 0 auto;} #post_find .contWrap .search_emtpy p {padding-top: 15px; text-align: center; font-size: 14px; line-height: 21px; color: #aaaaaa; font-weight: 500;} #post_find .full_body .search_emtpy{ display: flex; flex-direction: column;align-items: center; padding-top: 125px;} #post_find .full_body .search_emtpy img{width: 32px; display: block;} #post_find .full_body .search_emtpy p{color: #aaa; font-weight: 500; text-align: center; padding: 15px 0 100px 0;} /* 배송지 목록 팝업 */ #order_dest .dest_list {margin-top: -10px; padding: 0 0 50px;} #order_dest .dest_list .thead {display: flex; padding: 20px 0; border-top: 2px solid #222222; border-bottom: 1px solid #e5e5e5;} #order_dest .dest_list .thead >li {display: flex; justify-content: center; align-items: center; flex: 0 0 auto; text-align: center; font-size: 16px; line-height: 24px; color: #222222; font-weight: 500;} #order_dest .dest_list .td_440 {width: 440px; margin-right: 30px; position: static;} #order_dest .dest_list .td_150 {width: 150px; margin: 0 30px;} #order_dest .dest_list .scroll_y {overflow-y: auto; max-height: 360px;} #order_dest .dest_list .scroll_y::-webkit-scrollbar { width: 2px;} #order_dest .dest_list .scroll_y::-webkit-scrollbar-thumb {background-color: #b7a386;border-radius: 10px;} #order_dest .dest_list .scroll_y::-webkit-scrollbar-track {background-color: #f5f5f5;border-radius: 10px;} #order_dest .dest_list .addressInfo.remove {} #order_dest .dest_list .addressInfo {position: relative; display: flex; align-items: center; border-bottom: 1px solid #e5e5e5;} #order_dest .dest_list .addressInfo >li {flex: 0 0 auto;} #order_dest .dest_list .addressInfo li input {display: none;} #order_dest .dest_list .addressInfo li .input_wrap label.dest_check {position: absolute; left: 0; top: 25px; display: inline-block; width: 20px; height: 20px; background: url(../../imgs/order/checked_off.png) center no-repeat; background-size: 20px; text-indent: -9999px; overflow: hidden; z-index: 2;} #order_dest .dest_list .addressInfo li .input_wrap label.dest_check.delete {display: none;} #order_dest .dest_list .addressInfo li input:checked + .input_wrap label.dest_check {background: url(../../imgs/order/checked_on.png) center no-repeat; background-size: 20px;} #order_dest .dest_list .addressInfo li label.box_bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5);} #order_dest .dest_list .addressInfo li input:checked + .input_wrap label.box_bg {display: none;} #order_dest .dest_list .list-box {display: block; margin-bottom: 10px; padding: 25px 0 25px 52px; background: #fff; border-radius: 10px;} #order_dest .dest_list .list-box .tit {display: flex; align-items: center; margin-bottom: 10px;} #order_dest .dest_list .list-box .tit button {} #order_dest .dest_list .list-box .tit button h2 {display: inline-block; font-size: 16px; line-height: 24px;} #order_dest .dest_list .list-box .tit button img {width: 16px; margin-left: 10px;} #order_dest .dest_list .list-box .tit span {margin-right: 10px; display: flex; align-items: center; height: 26px; padding: 0 8px; border: 1px solid #222222; border-radius: 15px; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; color: #222222;} #order_dest .dest_list .list-box .info {padding: 15px 0 5px; display: flex;} #order_dest .dest_list .list-box .address_wrap {display: flex;} #order_dest .dest_list .list-box .address_wrap .mail {margin-right: 5px; font-weight: 500; color: #222222;} #order_dest .dest_list .list-box .address_wrap .address {display: inline; font-weight: 500; color: #222222;} #order_dest .dest_list .list-box .detail {display: inline; font-weight: 500; color: #222222;} #order_dest .dest_list .name {text-align: center; font-weight: 600; color: #222222;} #order_dest .dest_list .phone {text-align: center; font-weight: 600; color: #222222;} #order_dest .dest_list .delete {position: absolute; right: 20px; top: 25px; width: 20px; height: 20px; content: ''; background: url(../../imgs/order/icon_close%403x.png) center no-repeat; background-size: 20px; text-indent: -9999px; overflow: hidden;} #order_dest .dest_list .btn_select {display: block; margin: 30px auto 0; height: 44px; padding:0 55px; border-radius: 5px; text-align: center; background: #222; color: #fff; font-weight: 500; font-size: 16px;} #order_dest .con.empty{display: flex;flex-direction: column;align-items: center;padding: 0 20px 50px 20px;position: relative;z-index: 1;} #order_dest .con.empty .txt{ font-weight: 500; color: #aaaaaa;padding: 10px 0 0 0;} #order_dest .con.empty img{padding: 50px 0 0 0;width:31px;} #order_dest .con.empty .btn_large2_wrap{width: 100%;} #order_dest .con.empty .btn_large2_wrap button{width: 100%;height: 50px;text-align: center;font-size: 14px;font-weight: 600;line-height: 18px;align-items: center;border-radius: 5px;} /* 배송지 목록 팝업 - 베송지명 변경 팝업, 에스크로 사용 안내 팝업, 세트상품 교환/반품 안내 팝업 */ .inner_popup {display: flex; height: 0; justify-content: center; align-items: center; position: fixed; left: 0; right: 0; top: -calc(var(--vh, 1vh) * 100);; bottom: 0; background: rgba(0,0,0,0.4); z-index: 1000;} .inner_popup.on {height: calc(var(--vh, 1vh) * 100);top: 0;} .inner_popup .box {height: 0;transform: translate3d(0, 30px, 0);opacity: 0;position: relative;margin: 0 30px;padding: 25px 25px 30px 30px;background: #fff;border-radius: 20px;} .inner_popup .box.on {height: auto;transform: translate3d(0, 0, 0);opacity: 1;transition: all 0.5s;width: 320px;} .inner_popup .box .tit_wrap {} .inner_popup .box .tit_wrap h1 {font-size: 18px;font-weight: 600;} .inner_popup .box .tit_wrap .close {display: block;position: absolute;top: 15px;right: 15px;z-index: 200;width: 40px;height: 40px;background: #ffffff url("../../imgs/global/icon_close_btn%403x.png") center center no-repeat;font-size: 0;text-indent: -9999px;background-size: 16px; overflow: hidden;} .inner_popup .box .con {} .inner_popup .box .con .modify_wrap {display: flex;align-items: center;justify-content: space-between;margin-top: 13px;} .inner_popup .box .con .input_text_wrap {width: calc(100% - 64px);} .inner_popup .box .con .input_text_wrap {position: relative;} .inner_popup .box .con .input_text_wrap:focus {border-bottom: 1px solid #e5e5e5; outline: 0 none;} .inner_popup .box .con .input_text::placeholder {color: #222222; font-weight: 500;} .inner_popup .box .con .input_text {padding-right: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;font-weight: 500;font-size: 16px;} .inner_popup .box .con .save {height: 32px;padding: 6px 12px;border: 1px solid #e5e5e5;border-radius: 5px;font-weight: 500;line-height: 18px;color: #222222;letter-spacing: -0.14px;} .inner_popup .box.set {margin: 0 20px; padding: 20px;} .inner_popup .box.set h1 {font-size: 18px; line-height: 27px;} .inner_popup .box.set .con ul {padding-top: 20px;} .inner_popup .box.set .con ul li {padding-left: 10px; position: relative; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; color: #707070; word-break: keep-all;} .inner_popup .box.set .con ul li:before {position: absolute; left: 0; top: 8px; display: block; content: ''; width: 3px; height: 3px; background: #707070; border-radius: 50%;} .inner_popup.escrow_popup .box {padding: 20px;} .inner_popup .box .con .escrow_wrap {margin-top: 20px;} .inner_popup .box .con .escrow_wrap p {font-size: 16px; color: #707070; font-weight: 500; word-break: keep-all;} .inner_popup.escrow_popup .btn_close {padding: 13px 45px; display: block; margin: 40px auto 0; width: 120px; height: 50px; text-align: center; border-radius: 50px; background: #222; color: #fff; font-size: 16px; font-weight: 500;} /* 환불계좌등록, 정보 팝업 */ #refundAccount {margin: -10px 0 10px;} #refundAccount .thead {display: flex; padding: 20px; border-top: 2px solid #222222; border-bottom: 1px solid #e5e5e5;} #refundAccount .thead >li {display: flex; justify-content: center; align-items: center; flex: 0 0 auto; text-align: center; font-size: 16px; line-height: 24px; color: #222222; font-weight: 500;} #refundAccount .td_200 {width: 200px; margin: 0 10px;} #refundAccount .td_300 {width: 300px; margin: 0 10px;} #refundAccount .td_150 {width: 150px; margin: 0 10px;} #refundAccount .tbody {display: flex; padding: 25px 20px; border-bottom: 1px solid #e5e5e5;} #refundAccount .tbody >li {flex: 0 0 auto;} #refundAccount.accountInfo .tbody >li {display: flex; align-items: center; justify-content: center;} #refundAccount.accountInfo .bank {font-size: 15px; color: #707070; font-weight: 500;} #refundAccount.accountInfo .account {font-size: 16px; color: #707070; font-weight: 400;} #refundAccount.accountInfo .name {font-size: 14px; color: #222222; font-weight: 500;} #refundAccount .tbody .btn_large2_wrap {justify-content: center;} #refundAccount .btn_large2_wrap button.btn_large2_1 {width: 140px; height: 44px; border: 1px solid #e5e5e5;} #refundAccount .btn_large2_wrap button.btn_large2_2 {width: 198px; height: 44px;} #refundAccount .b_section {padding-top:15px; display: flex; justify-content: space-between;} #refundAccount .notice{} #refundAccount .notice li{padding-bottom: 10px;position:relative;padding-left: 9px;font-weight: 500; color: #707070; letter-spacing: -0.14px;word-break: keep-all;} #refundAccount .notice li:last-child{padding-bottom: 0;} #refundAccount .notice li:before{position: absolute; left: 0;top: 8px;content: '';width: 3px;height: 3px; background-color: #707070;border-radius: 50%;} /* 오프라인 매장 재고확인 팝업 */ .stock_content{margin: 10px 20px 0 10px;} .stock_content .info{font-size:14px;font-weight:500;color:#707070} .stock_content .item{display: flex;justify-content:flex-start;padding-bottom: 14px;border-bottom:1px solid #e3e3e3;margin-top: 10px;} .stock_content .item .item_pic{width: 90px;height: 90px;margin-right: 15px;border-radius: 5px;border: solid 1px #f5f5f5;overflow: hidden;} .stock_content .item .item_tit{width: 100%;display: flex;flex-direction: column;} .stock_content .item .item_tit .brand{color:#aaa;font-size:14px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight:500} .stock_content .item .item_tit>p{font-size: 16px;line-height: 20px;height: 20px;font-weight:500;/* overflow: hidden; */text-overflow: ellipsis;/* display: -webkit-box; *//* -webkit-line-clamp: 2; *//* -webkit-box-orient: vertical; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 445px;display: block;margin-top: 7px;} .stock_content .item .item_tit .item_price{font-size: 20px;margin-top: 10px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .stock_content .item_color{padding: 25px 0;} .stock_content .item_color p{display:flex; justify-content:space-between; font-weight:600;} .stock_content .item_color p span:first-child{font-size: 16px;color:#000000;font-weight: 600;} .stock_content .item_color p span:last-child{font-size: 13px;margin-top: auto;font-weight:500;} .stock_content .item_color .color_select_box{margin: 12px -5px 0;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;} .stock_content .item_color .color_select_box li{padding: 0 5px;} .stock_content .item_color input[type='radio']{display: none;} .stock_content .item_color label div{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border: 1px solid transparent;box-sizing: border-box;} .stock_content .item_color label img{width:51px; display:block;} .stock_content .item_color input[type='radio']:checked+label div{border:1px solid #222;border-radius:5px;overflow: hidden;} .stock_content .item_size{} .stock_content .item_size p{display:flex; justify-content:space-between; font-weight:700;} .stock_content .item_size p span{font-size: 16px;color:#000000;font-weight: 600;} .stock_content .item_size p button{font-size: 13px;margin-top: auto;font-weight:500;} .stock_content .item_size p button:after{content:''; width:100%; display:block; height:1px; background: #222;} .stock_content .item_size .item_size_list{margin: 15px -6.5px 0;display:flex;flex-wrap: wrap;} .stock_content .item_size .item_size_list li{padding: 0 4.5px 9px 4.5px;} .stock_content .item_size .item_size_list li input{display:none} .stock_content .item_size .item_size_list li input + label.select_size{display: flex;justify-content: center;align-items: center;width: 44px;height: 44px;border: 1px solid #e5e5e5;border-radius: 5px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;font-size: 12px;color: #dddddd;box-sizing: border-box;} .stock_content .item_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;} .stock_content .item_size .item_size_list li.active label{color: #222222 !important;;} .stock_content .item_branch{padding: 21px 0 40px 0;} .stock_content .item_branch p{font-size: 16px;display:flex;justify-content:flex-start;font-weight: 600;} .stock_content .item_branch .select_branch{width: 100%;height: 40px;display: flex; justify-content: space-between;align-items: center; border-bottom: 1px solid #e5e5e5;} .stock_content .item_branch .select_branch button{} .stock_content .item_branch .select_branch button .icon_down_arrow{text-indent: -999px; display: inline-block;margin-left: 5px;vertical-align: middle; background: url(../../imgs/goods/input_arrow.png) no-repeat 100% 50%; background-size: 24px 24px; width: 24px;height: 24px;} .stock_content .item_count{position:relative;padding-bottom: 25px;border-bottom:1px solid #dddddd;} .stock_content .item_count p{display:flex; justify-content:space-between; font-weight:700;} .stock_content .item_count .total{font-size:16px;color:#000000;font-weight: 600;} .stock_content .item_count .num{color:#b7a386;font-weight: 700;} .stock_content .item_count p #refresh_btn{font-size: 14px;font-weight:500;display: flex;align-items: center;} .stock_content .item_count p #refresh_btn .refresh {width: 15px;height: 15px;margin-right: 5px;text-indent: -999999px;background: url(../../imgs/web/goods/icon_refresh%403x.png) no-repeat center;background-size: 15px;} .stock_content .item_count .layer_gradient{ position:relative;} .stock_content .item_count .layer_gradient:before{position: absolute;top: 0;content: "";width: 36px;height: 40px;background:linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index:5;right: 0;} .stock_content .item_count .item_option_list{margin: 18px -5px 0;display: flex;overflow-x: scroll;overflow-y: hidden;-ms-overflow-style: none;} .stock_content .item_count .item_option_list::-webkit-scrollbar {display: none;width: 0 !important;} .stock_content .item_count .item_option_list li{margin: 0 5px;} .stock_content .item_count .item_option_list li:last-child{margin-right:0} .stock_content .item_count .item_option_list button p{padding: 11px 15px;display: flex;justify-content: center;align-items: center;background: #f2f4f7;border-radius: 30px;} .stock_content .item_count .item_option_list button span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 13px;font-weight: 600;word-break: keep-all;line-height: 1;} .stock_content .item_count .item_option_list .icon_close{position: relative;background-color: #aaa;margin-left:10px;text-indent: -9999em;border-radius: 0;width: 10px;height: 1px;transform: rotate(45deg);} .stock_content .item_count .item_option_list .icon_close:after{position: absolute; top: 0;content:'';display:block;width:10px; height:1px;transform: rotate(-90deg);background-color: #aaa;} .stock_content .item_store_wrap{border-bottom: 1px solid #ddd;padding-bottom: 30px;position: relative;} .stock_content .item_store{ display:flex;flex-direction: column;padding: 25px 0 0;} .stock_content .item_store .info_txt{font-size: 12px;line-height: 2.17;text-align: right;letter-spacing: -0.12px;color: #b7a386;} .stock_content .item_store .store_wrap{display: flex;} .stock_content .item_store .store_wrap .branch_desc{width:100%} .stock_content .item_store .store_wrap img{width: 130px;margin-right: 20px;height: 130px;} .stock_content .item_store .branch_name{font-size: 18px;font-weight:600;/* margin-bottom:5px; */line-height: 27px;} .stock_content .item_store .branch_address{font-size:16px;/* margin-top:8px; */display: flex;justify-content: space-between;/* align-items: center; */min-height: 40px;} .stock_content .item_store .branch_address span{display:inline-block;/* width: 333px; *//* height: 40px; */padding-top: 8px;flex-basis: 0;flex-grow: 1;} .stock_content .item_store .branch_address #copy{text-indent:-9999em;width:40px;height:40px;border:1px solid #e5e5e5;border-radius:50%;box-sizing: border-box;margin-left: 10px;background:url(../../imgs/web/display/url_copy%403x.png) center no-repeat;background-size:17.4px;} .stock_content .item_store .branch_hour{font-size: 15px;color:#7a7a7a;display:flex;align-items:center;margin-top: 15px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;flex-wrap: wrap;line-height: 22px;} .stock_content .item_store .branch_hour span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .stock_content .item_store .branch_hour .clock{width:13px; height:13px; background-image:url(../../imgs/goods/icon_time%403x.png); margin-right:2px;background-size: contain;} .stock_content .item_store .branch_tel{font-size: 15px;color:#7a7a7a;display:flex;align-items:center;margin-top: 10px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;flex-wrap: wrap;line-height: 22px;} .stock_content .item_store .branch_tel span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .stock_content .item_store .branch_tel .tel{width:13px; height:13px; background-image:url(../../imgs/goods/icon_time%403x.png); margin-right:2px;background-size: contain;} .stock_content .total_list ul{padding:20px;justify-content: flex-start;flex-direction: column; border-radius:5px; background-color:#f8f8f8;} .stock_content .total_list ul li:before{content:''; display:inline-block; width:3px; height:3px; vertical-align: middle; border-radius:50%; background:#333333; margin-right:6px} .stock_content .total_list ul li{font-weight:500;} .stock_content .total_list ul li span{font-weight: 500;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;} .stock_content .total_list .count{color:#b7a386;} .stock_content .btns{/* margin-top:20px; */display:flex;flex-direction:row;justify-content:space-between;position: absolute;top: 0;right: 0;/* width: 40px; *//* height: 40px; */} .stock_content .btns button{width: 100%;height: 50px;display: flex;justify-content: center;align-items:center;border-radius:5px;width: 40px;height: 40px;border: 1px solid #e5e5e5;border-radius: 50%;text-indent: -9999em;} .stock_content .btns button span{font-weight: 500;font-size: 14px;} .stock_content .btns img{width:20px; vertical-align:middle;} .stock_content .btns #call{background:#222; color:#fff; margin-left:5px;} .stock_content .no_stock_branch{display: flex;justify-content: center;padding: 57px 0 0 0;flex-direction: column;align-items: center;} .stock_content .no_stock_branch img{width:30px;display: block;} .stock_content .no_stock_branch p{line-height: 1.5;margin: 10px 0 50px;font-weight: 500;-webkit-text-stroke: 1px rgba(0, 0, 0, 0);letter-spacing: -0.14px;color: #aaa;} /* 나의쇼핑 - 장바구니 담기 팝업 */ #cart_add.scroll {height: 644px;} #cart_add .layer_tit{padding-bottom: 30px;font-size: 30px;font-weight: 600; letter-spacing: -0.3px;color: #222;} #cart_add .con{display: flex;justify-content: space-between;/* overflow-y: scroll; */} #cart_add .con .con_photo{ width: 450px;margin-right: 40px;position:relative} #cart_add .con .con_photo .swiper-container{overflow: hidden;} #cart_add .con .con_photo .photo_wrap{width: 450px; height: 450px;border-radius: 5px; overflow:hidden} #cart_add .con .con_photo img{display:block} #cart_add .list-prev{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);left:14px;z-index: 1;width: 44px;height: 44px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat; background-size: 44px;} #cart_add .list-next{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);right:14px;z-index: 1;width: 44px;height: 44px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat; background-size: 44px;} #cart_add .pagination{position: absolute; padding-top: 20px;display: flex;left: 50%;transform: translateX(-50%);} #cart_add .pagination .swiper-pagination-bullet{background-color: #d6d6d6;margin-right:10px} #cart_add .pagination .swiper-pagination-bullet:last-child{margin-right:0} #cart_add .pagination .swiper-pagination-bullet-active{background-color: #000;} #cart_add .con .option_box{padding-right: 20px;/* height: 600px; *//* overflow-y: auto; *//* overflow-x: hidden; */width: 430px;} #cart_add .con .option_box::-webkit-scrollbar{width: 2.5px;height: 440px; background-color: #f5f5f5; border-radius: 10px;} #cart_add .con .option_box::-webkit-scrollbar-thumb{width: 2.5px;height: 200px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;} #cart_add .con .option_box .hd{display: flex;justify-content: space-between;align-items: center;padding-bottom: 12px;} #cart_add .con .option_box .hd .brand_btn{font-size: 12px;font-weight: 600;color: #707070;/* line-height: 1; */} #cart_add .con .option_box .hd .brand_btn:after{display:inline-block;content:'';background: url(../../imgs/web/global/input_arrow_right%403x.png) center 2px no-repeat;width:12px;height: 14px;background-size: 14px;} #cart_add .con .option_box .hd span{font-size: 11px;font-weight: 500;color: #aaa;} #cart_add .con .option_box .product_nm{font-size: 18px;font-weight: 600;letter-spacing: -0.18px;color: #222;padding-right: 39px;} #cart_add .con .option_box .marketing_title{height: 20px;font-size: 14px;font-weight:600;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: -0.14px;text-align: left;color: #5211ce;display: block;margin-top: -12px;} #cart_add .con .option_box .review_sum{display: flex;align-items: center;justify-content: space-between;padding: 12px 0 10px 0;} #cart_add .con .option_box .review_sum .left_wrap{ display: flex;align-items: center;} /* #cart_add .con .option_box .review_sum .star_wrap{} #cart_add .con .option_box .review_sum .star_wrap img{width: 15px;display: inline-block;} */ #cart_add .con .option_box .review_sum .star_wrap{/* display: flex; */width: 104px;height: 17px;background: #dddddd;position: relative;} #cart_add .con .option_box .review_sum .star_wrap .star_bar{/* display: flex; */background: #b7a386;height: 16px;/* width: 97px; */} #cart_add .con .option_box .review_sum .star_wrap .star_bg{content: "";display: block;position: relative;z-index: 10;width: 104px;height: 17px;background: url(../../imgs/goods/rating_off_white%403x.png) repeat-x 0 0;background-size: contain;pointer-events: none;position: absolute;left: 0;top: 0;background-size: 103px;} #cart_add .con .option_box .review_sum .left_wrap .score{font-size: 18px;font-weight: 600; color: #222;margin: 0 10px;} #cart_add .con .option_box .review_sum .left_wrap .bar{ width: 1px;background-color: #ddd;display:block;height: 14px;margin-right:7px} #cart_add .con .option_box .review_sum .left_wrap .view_review{display: flex;align-items: center;font-size: 14px;font-weight: 500;color: #222;letter-spacing: -0.14px;} #cart_add .con .option_box .review_sum .left_wrap .view_review:after{display:block;content:'';width: 12px;height: 12px;background: url(../../imgs/web/global/input_arrow_black2%403x.png) center no-repeat; background-size: 12px;} #cart_add .con .option_box .review_sum .right_wrap{padding-right: 15px;} #cart_add .con .option_box .review_sum .wish_btn #like{/* position: absolute; *//* right: 0; *//* top: 0; *//* display: flex; *//* justify-content: center; *//* align-items: center; *//* width: 30px; *//* height: 30px; *//* border-radius: 21px; *//* background-color: #fff; *//* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */} #cart_add .con .option_box .review_sum .wish_btn #like + label {display: inline-block;width: 30px;height: 30px;background: url(../../imgs/goods/icon_heart%403x.png) center no-repeat;/* background-size: contain; */text-indent: -9999px;overflow: hidden;background-size: 30px;margin-right: 6px;} #cart_add .con .option_box .review_sum .wish_btn #like:checked + label {display: block;width: 30px;height: 30px;background: url(../../imgs/goods/icon_heart_on%403x.png) center no-repeat;background-size: contain;} #cart_add .con .option_box .review_sum .wish_btn #like{} #cart_add .con .option_box .review_sum .wish_btn #like + label.active{background: url(../../imgs/goods/icon_heart_on%403x.png) center no-repeat;background-size:30px;} #cart_add .con .option_box .review_sum .wish_btn #like:checked + label{} #cart_add .con .option_box .review_sum .wish_btn{position: relative;display: flex;} #cart_add .con .option_box .review_sum .wish_btn .input_none {display: none;} #cart_add .con .option_box .review_sum .wish_btn #like{/* position: absolute; *//* right: 0; *//* top: 0; *//* display: flex; *//* justify-content: center; *//* align-items: center; *//* width: 30px; *//* height: 30px; *//* border-radius: 21px; *//* background-color: #fff; *//* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */} #cart_add .con .option_box .review_sum .wish_btn #like + label {display: inline-block;width: 30px;height: 30px;background: url(../../imgs/goods/icon_heart%403x.png) center no-repeat;/* background-size: contain; */text-indent: -9999px;overflow: hidden;background-size: 30px;margin-right: 6px;} #cart_add .con .option_box .review_sum .wish_btn #like:checked + label {display: block;width: 30px;height: 30px;background: url(../../imgs/goods/icon_heart_on%403x.png) center no-repeat;background-size: contain;} #cart_add .con .option_box .review_sum .wish_btn #like{} #cart_add .con .option_box .review_sum .wish_btn #like + label.active{background: url(../../imgs/goods/icon_heart_on%403x.png) center no-repeat;background-size:30px;} #cart_add .con .option_box .review_sum .wish_btn #like:checked + label{} #cart_add .con .option_box .review_sum .wish_btn .share{display: inline-block;position: relative;} #cart_add .con .option_box .review_sum .wish_btn .share button{text-indent: -9999em;background: url(../../imgs/web/global/icon_share%403x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;} #cart_add .con .option_box .review_sum .wish_btn .share .sns{display:flex;position: absolute;right: 0;/* padding: 0 0 0 13px; */top: 40px;overflow: hidden;opacity: 0;transition: opacity 0.3s;z-index: 5;} #cart_add .con .option_box .review_sum .wish_btn .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;} #cart_add .con .option_box .review_sum .wish_btn .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */} #cart_add .con .option_box .review_sum .wish_btn .share .sns li.twitter a{background: #73a0fa url(../../imgs/web/global/twitter%403x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;} #cart_add .con .option_box .review_sum .wish_btn .share .sns li.facebook a{background: #4167b1 url(../../imgs/web/global/facebook%403x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;} #cart_add .con .option_box .review_sum .wish_btn .share .sns li.kakao a{background: #f9e103 url(../../imgs/web/global/kakaotalk%403x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;} #cart_add .con .option_box .review_sum .wish_btn .share .sns li.url_copy a{background: #fff url(../../imgs/web/global/url_copy%403x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5} #cart_add .con .option_box .review_sum .wish_btn .share .sns li.twitter{transform: translate(84px, 0);} #cart_add .con .option_box .review_sum .wish_btn .share .sns li.facebook{transform: translate(44px, 0);} #cart_add .con .option_box .review_sum .wish_btn .share .sns li.kakao{transform: translate(-129px, 0);} #cart_add .con .option_box .review_sum .wish_btn .share .sns li.url_copy{transform: translate(4px, 0);} #cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.twitter{transform: translate(0, 0);} #cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.facebook{transform: translate(0, 0);} #cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.kakao{transform: translate(0, 0);} #cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.url_copy{transform: translate(0, 0);} #cart_add .con .option_box .review_sum .wish_btn .share.active .sns{overflow: visible;opacity: 1;} #cart_add .con .option_box .review_sum button{/* width:24px; *//* height:24px; *//* text-indent: -999em; */} #cart_add .con .option_box .review_sum .btn_wish{background: url(../../imgs/goods/icon_heart_in_list%403x.png) center center no-repeat; background-size: 24px;} #cart_add .con .option_box .review_sum .btn_share{background: url(../../imgs/web/global/icon_share%403x.png) center no-repeat; background-size:24px;} #cart_add .con .option_box .review_sum .btn_wish.active{background:url(../../imgs/web/global/icon_heart_on%403x.png) !important;background-size:cover !important;} #cart_add .con .option_box .label_list{padding-top: 0;} #cart_add .con .option_box .label_list{/* margin-top: 16px; *//* border-bottom:1px solid #e5e5e5; */padding-bottom: 30px;} #cart_add .con .option_box .label_list {font-size: 0;display: flex;align-items: center;flex-wrap: wrap;/* padding-top: 15px; *//* border-bottom: 1px solid #e5e5e5; *//* margin-bottom: 20px; */} #cart_add .con .option_box .label_list span {/* padding: 2px 3px; */font-size: 10px;line-height: 11px;letter-spacing: -0.08px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;border-radius: 3px;display: block;box-sizing: border-box;margin-right: 4px;font-weight: 600;margin-bottom: 2px;/* -webkit-transform: scale(0.8); */position: relative;/* text-indent: -9999em; */height: 19px;/* width: 29px; *//* padding: 3px 7px; */} #cart_add .con .option_box .label_list span img{display:block;height:19px;} #cart_add .con .option_box .label_list span:last-child{margin-right:0} #cart_add .con .option_box .label_list span.label_best {/* color: #fff; *//* background: #222222; *//* border: 1px solid #222; *//* width: 36px; *//* height: 17px; *//* width: 29px; *//* height: 14px; */} #cart_add .con .option_box .label_list span.label_new {/* color: #fff; *//* background: #5211ce; *//* border: 1px solid #5211ce; */} #cart_add .con .option_box .label_list span.label_case {/* color: #222; *//* background: #efefef; *//* border: 1px solid #efefef; */} #cart_add .con .option_box .label_list span.label_gift {/* color: #fff; *//* background: #ff99a6; *//* width: 26px; *//* border: 1px solid #ff99a6; */} #cart_add .con .option_box .label_list span.label_exc {/* color: #fff; *//* background: #b7a386; *//* border: 1px solid #b7a386; *//* width: 53px; */} #cart_add .con .option_box .label_list span.label_online {/* color: #222222; *//* border: 1px solid #222222; *//* padding: 1px 4px; *//* width: 40px; */} #cart_add .con .option_box .label_list span.label_cobuying {color: #5212ce;border: 1px solid #5212ce;background: #fff;letter-spacing: -0.12px;/* width: 37px; */font-family: 'NotoSansCJKkr';padding: 3px 7px;} #cart_add .con .option_box .item_color{/* margin-top: 30px; */} #cart_add .con .option_box .item_color .tit{font-size:16px;font-weight:600;color: #000;} #cart_add .con .option_box .item_color p{display:flex; justify-content:space-between; font-weight:600;} #cart_add .con .option_box .item_color p span:first-child{font-size: 16px;color:#000000;letter-spacing: -0.16px;font-weight: 600;} #cart_add .con .option_box .item_color p span:last-child{font-size: 13px;/* margin-top: auto; */font-weight:500;color: #222;letter-spacing: -0.13px;} #cart_add .con .option_box .item_color .color_select_box{margin: 10px -3.5px 20px -3.5px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;} #cart_add .con .option_box .item_color .color_select_box li{padding: 3.5px;} #cart_add .con .option_box .item_color input{display: none;} #cart_add .con .option_box .item_color label div{width:59px; height:59px;display: flex;justify-content: center; align-items: center; border: 1px solid transparent;} #cart_add .con .option_box .item_color label img{width:51px; display:block;} #cart_add .con .option_box .item_color input:checked+label div{border:1px solid #222; border-radius:5px;} #cart_add .con .option_box .item_size p{display:flex; justify-content:space-between; font-weight:700;align-items: baseline;} #cart_add .con .option_box .item_size p span{font-size: 16px;color:#000000;font-weight: 600;letter-spacing: -0.16px;} #cart_add .con .option_box .item_size p span:nth-child(1) {margin-right: 10px;} #cart_add .con .option_box .item_size p span:nth-child(2) {color: #5211ce;font-size: 13px;margin-right: auto;font-weight: 500;} #cart_add .con .option_box .item_size .item_name{font-weight: 500;} #cart_add .con .option_box .item_size p button{font-size: 13px;/* margin-top: auto; */font-weight:500;color: #222;letter-spacing: -0.13px;white-space: nowrap;} #cart_add .con .option_box .item_size.set{/* padding-bottom:11px; */} #cart_add .con .option_box .item_size.set:last-child{padding-bottom:0;} #cart_add .con .option_box .item_size.set button{margin-bottom: auto;} #cart_add .con .option_box .item_size p button:after{content:''; width:100%; display:block; height:1px; background: #222;} #cart_add .con .option_box .item_size .item_size_list{display:flex;flex-wrap: wrap;margin: 10px -4.5px;} #cart_add .con .option_box .item_size .item_size_list li{padding: 0 4.5px 10px 4.5px;} #cart_add .con .option_box .item_size .item_size_list li:last-child{margin-right:0;} #cart_add .con .option_box .item_size .item_size_list li:nth-child(6){margin-right:0;} #cart_add .con .option_box .item_size .item_size_list li:nth-child(12){margin-right:0;} #cart_add .con .option_box .item_size .item_size_list li input{display:none} #cart_add .con .option_box .item_size .item_size_list li input + label.select_size{display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid #e5e5e5; border-radius: 5px; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600; font-size: 12px; color: #dddddd; box-sizing: border-box;} #cart_add .con .option_box .item_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;} #cart_add .con .option_box .item_size .item_size_list li.active label{color: #222222 !important;;} #cart_add .con .option_box .item_amount{display: flex;/* padding: 15px 0 0 0; */border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;} #cart_add .con .option_box .item_amount .tit{font-size: 16px;font-weight: 600;/* line-height: 2; */color: #000000;letter-spacing: -0.16px;display: flex;align-items: center;} #cart_add .con .option_box .item_amount .count_btn{margin-left: auto;height: 40px;display: flex;justify-content: space-between;align-items: center;/* border-bottom: 1px solid #e5e5e5; */} #cart_add .con .option_box .item_amount .count_btn span{} #cart_add .con .option_box .item_amount .count_btn span input{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 16px;font-weight: 700;border: 0;width: 145px;text-align: center;} #cart_add .con .option_box .item_amount .count_btn #minus_one{width: 14px;height: 14px;background: url(../../imgs/goods/amount_down.png) no-repeat center;background-size: cover;text-indent: -9999em;} #cart_add .con .option_box .item_amount .count_btn #plus_one{width: 14px;height: 14px;background: url(../../imgs/goods/amount_up.png) no-repeat center;background-size: cover;text-indent: -9999em;} #cart_add .con .option_box .total{/* border-top: 1px solid #e5e5e5; *//* padding-top: 19px; */margin: 20px 0 30px;} #cart_add .con .option_box .total .box{font-size: 18px;font-weight: 500;color: #222;display: flex;justify-content: space-between;align-items: end;} #cart_add .con .option_box .total .box .price{} #cart_add .con .option_box .total .box .price strong{font-size: 24px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 30px;} #cart_add .con .option_box .sum_price{padding: 20px 0 30px 0;display: flex; justify-content: space-between; align-items: center;} #cart_add .con .option_box .sum_price > span{font-size: 18px;font-weight: 500;letter-spacing: -0.18px; color: #222;} #cart_add .con .option_box .sum_price > span .num{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;color: #b7a386;font-weight: 600;} #cart_add .con .option_box .sum_price .price{ text-decoration: none; font-size: 24px;font-weight: 700;color: #222;} #cart_add .benefit{padding-bottom: 30px;} #cart_add .benefit .tit{ font-size: 16px;font-weight: 600;letter-spacing: -0.16px;color: #222;padding-bottom: 12px;} #cart_add .benefit ul li {position: relative;padding: 4px 0 4px 30px;font-size: 13px;line-height: 19px;color: #707070;letter-spacing: -0.13px;font-weight: 500;} #cart_add .benefit ul li.card, #cart_add .benefit ul li.change {display: flex;align-items: self-start;align-items: center;} #cart_add .benefit ul li span.add_info {display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(../../imgs/display/i.png) center no-repeat; background-size: 13px; text-indent: -9999px; overflow: hidden;} #cart_add .benefit ul li span.add_info:hover{cursor:pointer} #cart_add .benefit ul li span.add_info {display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(../../imgs/display/i.png) center no-repeat; background-size: 13px; text-indent: -9999px; overflow: hidden;} #cart_add .benefit ul li span.important {font-weight: bold} #cart_add .benefit ul li:not(.deliveryInfo):before {position: absolute; left: 0; top: 4px; display: block; width: 20px; height: 20px; content: ''; } #cart_add .benefit ul li.li_card_promotion:first-child:before {background: url(../../imgs/goods/icon_point_60px.png) center no-repeat; background-size: 20px;} #cart_add .benefit ul li.card:before {background: url(../../imgs/goods/icon_card.png) center no-repeat; background-size: 20px;} #cart_add .benefit ul li.point:before {background: url(../../imgs/goods/icon_point.png) center no-repeat; background-size: 20px;} #cart_add .benefit ul li.deliveryfee:before {background: url(../../imgs/goods/icon_delivery.png) center no-repeat; background-size: 20px;} #cart_add .benefit ul li.stock:before {background: url(../../imgs/goods/icon_stock.png) center no-repeat; background-size: 20px;} #cart_add .benefit ul li.deliveryInfo .icon:after{content:'결제일 기준 2일이내 출고예정\A (주말/공휴일 제외이며, 매장 발송 건 및 당사 사정에 의하여\A 지연될 수 있습니다.)';white-space:pre;display:none;position: absolute;top: 26px;left: 45px;border: 1px solid #999;padding: 10px 20px;background: #fff;font-weight: 500;z-index: 2;color:#222;border-radius: 5px 20px 20px 20px;} #cart_add .benefit ul li.deliveryInfo .icon.resGoods:after{content:'주말/공휴일 제외이며, 매장 발송 건 및 당사 사정에\A 의하여 지연될 수 있습니다.';white-space:pre;display:none;position: absolute;top: 26px;left: 45px;border: 1px solid #999;padding: 10px 20px;background: #fff;font-weight: 500;z-index: 2;color:#222;border-radius: 5px 20px 20px 20px;} #cart_add .benefit ul li.deliveryInfo .icon:hover::after{display:block;} #cart_add .benefit ul li.deliveryInfo .icon{display: block;width: 15px;height: 15px;cursor: pointer;margin-left: 5px;background: url(../../imgs/display/i.png) 0px 2px no-repeat;} #cart_add .benefit ul li.deliveryInfo {display: flex;align-items: center;} #cart_add .benefit ul li.stock .off {margin-left: 7px;display: inline-block;height: 18px;border-bottom: 1px solid #222222;font-size: 12px;letter-spacing: -0.12px;color: #222222;font-weight: 500;} #cart_add .benefit ul li.stock .off:hover{cursor:pointer} #cart_add .benefit ul li.change:before {background: url(../../imgs/goods/icon_change.png) center no-repeat; background-size: 20px;} #cart_add .benefit .change_info_wrap {display: none;} #cart_add .benefit .change_info_wrap.active {display: block;} #cart_add .benefit .change_info {position: absolute; left: 20px; right: 20px; bottom: -15px;} #cart_add .benefit .change_info p {background: #222222; padding: 10px 12px; border-radius: 5px 20px 20px 20px; color: #fff; font-size: 12px; line-height: 18px; letter-spacing: -0.24px;} #cart_add .benefit .change_info p span {color: #b7a386;} #cart_add .benefit .close_bg {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; z-index: 1;} #cart_add .con .option_box .large_btn{display: block;} #cart_add .con .option_box .large_btn button{width: 100%;height: 50px;border-radius: 5px;border: solid 1px #ddd;font-size: 16px;font-weight: 600;color: #222;margin-bottom: 5px;} #cart_add .con .option_box .large_btn .soldout{width: 100%;height: 50px;line-height:50px;text-align:center;border-radius: 5px;font-size: 16px;font-weight: 600;color: #fff;background:#222;position:relative;} #cart_add .con .option_box .large_btn .soldout:after{display:block;content:'';width:100%;height:100%;background:rgba(255,255,255,.8);position:absolute;left:0;top:0} #cart_add .opt_wrap{padding:20px 0 15px;/* border-top:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;} #cart_add .opt_box{display:flex;justify-content: space-between;margin-top: 15px;} #cart_add .opt_box:nth-of-type(1){margin-top: 0;} #cart_add .opt_box .opt_tit{font-size: 16px;font-weight: 600;line-height: 40px;color: #000;} #cart_add .option{width:243px} #cart_add .option .errortxt{color:#f25758;font-size:14;padding-top:10px;display:none} #cart_add .option.error .errortxt{display:block;} #cart_add .option.error .pack_goods button{border-bottom:1px solid #f25758} #cart_add .pack_goods {position:relative;} #cart_add .pack_goods button {position:relative;display:block;width: 100%;height:40px;/* padding:0 40px 0 19px; */font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;padding-right: 20px;} #cart_add .pack_goods button:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);} #cart_add .pack_goods button:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../../imgs/web/global/input_arrow_down_black%403x.png) center center no-repeat;background-size: 20px;} #cart_add .pack_goods button.on:before {transform:rotate(-45deg);} #cart_add .pack_goods button.on:after {/* transform:rotate(45deg); */} #cart_add .pack_goods ul {overflow:hidden;position:absolute;top: 43px;height:0;width:100%;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;} #cart_add .pack_goods ul.option_list{width: 428px;left: -185px;} #cart_add .pack_goods ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;} #cart_add .pack_goods ul li {/* height:59px; *//* border-top:1px solid #d6d6d6; */padding: 20px 0 0px;position: relative;cursor: pointer;} #cart_add .pack_goods ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;} #cart_add .pack_goods ul li input + label{display:block;cursor: pointer;} #cart_add .pack_goods ul li input + label p{font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;display: inline-block;max-width: 388px;position: relative;box-sizing: border-box;} #cart_add .pack_goods ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;} #cart_add .pack_goods ul li input:checked + label{} #cart_add .pack_goods ul li input:checked + label p{font-weight:600;background:url(../../imgs/web/global/checked_on%403x.png) center right no-repeat;background-size:13px;} #cart_add .pack_goods ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;} #cart_add .pack_goods ul li.active input + label p{font-weight:600;padding-right: 25px;} #cart_add .pack_goods ul li.active input + label p:after{background:url(../../imgs/web/global/checked_on%403x.png) center right no-repeat;background-size:13px;display:block;content:'';width:13px;height:13px;position:absolute;top:3px;right:0} #cart_add .pack_goods ul li.active input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;} #cart_add .pack_goods ul li:last-child{padding-bottom: 20px;} #cart_add .pack_goods ul li:first-child {/* height:60px; */border-top:0 none;/* padding-top: 20px; */padding-bottom:0} #cart_add .pack_goods ul li a {display:block; height:59px; padding:3px 19px 0 20px; box-sizing:border-box;} #cart_add .pack_goods ul li a span {display:block; font-size:13px; } #cart_add .pack_goods ul li a .text {overflow:hidden; line-height:28px;} #cart_add .pack_goods ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;} #cart_add .pack_goods ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;} #cart_add .pack_goods ul li a .price {color:#222;} #cart_add .pack_goods ul li.soldout a, #cart_add .pack_goods ul li.soldout a span {color:#a8a8a8} #cart_add .option_select{} #cart_add .option_select .goods_option_list{} #cart_add .option_select .goods_option_list p.tit{font-size:16px;font-weight:600;color:#000;padding: 20px 0 4px;display:block;} #cart_add .option_select .goods_option_list .optionListDiv{} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box{background:#f8f8f8;border-radius:10px;margin-top:10px;padding: 20px;box-sizing: border-box;position: relative;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li{} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.size{font-size: 14px;font-weight: 500;color: #aaaaaa;margin-bottom:10px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price{display: flex;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price > span{font-size:18px;font-weight:700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 25px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon{width:71px;height:25px;display: inline-block;margin-left: 10px;border: 1px solid #222;border-radius: 5px;box-sizing: border-box;text-align: center;font-size: 11px;font-weight: 600;line-height: 23px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon:after{display:inline-block;content:'';width:12px;height: 12px;background: url('../../imgs/web/global/download%403x.png') center -2px no-repeat;background-size:12px;margin-left:2px;vertical-align: middle;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .amount{display: flex;align-items: center;justify-content: center;margin-left: auto;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box:after {content:''; display:block; clear:both;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.title {/* position:relative; */margin: 0 0 2px;font-size: 16px;font-weight: 500;color:#222;line-height: 23px;padding-right: 25px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.title a{position:absolute;right:16px;top: 18px;width:26px;width: 26px;height: 26px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount {float:left;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span {width: 17px;display: inline-block;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span a{display:flex;align-items:center;justify-content:center;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount input[type=text] {/* float:left; */width: 67px;height: 25px;padding:0 0 2px;font-size:13px;line-height:26px;text-align:center;/* color:#5d5d5d; */border: 0;margin: 0 13px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 15px;font-weight: 700;background: transparent;box-sizing: border-box;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount .optcoupon {float:left; margin:1px 0 0 14px; padding:2px 32px 3px 13px; font-size:13px; color:#fff; background:url(../../../image/web/goods/coupon_downicon.html) #222 no-repeat 70px 8px; border-radius:28px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon {position:relative; float:left; margin:0 0 0 13px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon a {display:inline-block; padding:2px 32px 3px 13px; font-size:13px; color:#fff; background:url(../../../image/web/goods/coupon_downicon.html) #222 no-repeat 70px 8px; border-radius:28px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer {display:none; position:absolute; left:-143px; top:59px; width:540px; min-height:265px; padding:24px 29px 0; border:1px solid #222; background:#fff; box-sizing:border-box; z-index:100;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .closebtn {position:absolute; right:20px; top:20px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .title {margin:0 0 8px; font-size:20px; font-weight:400; color:#222;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox {position:relative; padding:50px 0 0; border-top:2px solid #222;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox .tablescroll {overflow-x:hidden; overflow-y:auto; display:block; width:100%; max-height:227px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead {position:absolute; left:0; top:0; width:100%; height:50px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead tr th {height:50px; padding:0; text-align:center; vertical-align:middle; border-bottom:1px solid #d6d6d6;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td {padding:11px 0 9px; text-align:center; color:#666; border-bottom:1px solid #d6d6d6;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td .ellipsis {width:240px; padding:0 0 0 10px; text-align:left;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td strong {font-family: 'hk_nova_regular','Noto Sans KR'; font-size:15px; color:#222;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down a {width:95px; height:30px; margin:0; padding:3px 32px 5px 15px; background-position:68px 9px; box-sizing:border-box;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down span {display:inline-block; width:95px; height:30px; padding:2px 0 0; font-size:13px; text-align:center; color:#a8a8a8; border:1px solid #d6d6d6; box-sizing:border-box; border-radius:30px;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .allbtn {display:block; width:170px; height:50px; margin:30px auto 7px; padding:10px 0 0 25px; font-size:15px; font-weight:400; color:#222; border:1px solid #222; background:url(../../../image/web/goods/coupon_downicon02.html) #fff no-repeat 123px 16px; border-radius:0; box-sizing:border-box;} #cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .warninglist {padding-bottom:26px;} /* 쿠폰혜택 팝업 */ #coupon_benefit{width: 360px; padding: 30px 30px 40px; } #coupon_benefit .layer-box{height: 320px; min-height: 407px;} #coupon_benefit .full_head{padding: 0 0 17px 0; border-bottom: 1px solid #222;} #coupon_benefit .full_close {top: 20px; right: 20px;} #coupon_benefit .full_head .full_title{text-align: center; font-size: 20px;} #coupon_benefit .full_body {padding: 0;} #coupon_benefit .full_body .layer_con {height: 230px;overflow-y: scroll;-ms-overflow-style: none; scrollbar-width: none; border-bottom: 1px solid #e5e5e5;} #coupon_benefit .full_body .layer_con::-webkit-scrollbar {display: none;} #coupon_benefit .full_body .coupon_list {overflow-y: scroll;-ms-overflow-style: none;padding-top: 15px;overflow-y: scroll;} #coupon_benefit .full_body .coupon_list::-webkit-scrollbar{display: none;width: 0 !important;} #coupon_benefit .full_body .coupon_list > div{display: flex;justify-content: space-between; margin-bottom: 20px;} #coupon_benefit .full_body .coupon_list > div:last-child {margin-bottom: 15px;} #coupon_benefit .full_body .coupon_list .coupon_tit > p{font-size: 16px;font-weight: 500; word-break: keep-all;} #coupon_benefit .full_body .coupon_list .coupon_tit .date{font-size: 14px; color: #707070; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding-top: 10px;} #coupon_benefit .full_body .coupon_list .coupon_img {margin-left: 20px;} #coupon_benefit .full_body .coupon_list .coupon_img button{width:40px;height:40px;} #coupon_benefit .full_body .coupon_list .coupon_img img{width:20px} #coupon_benefit .full_body .notice {margin-top: 20px; color: #707070;} /* calender */ .calender{/* padding: 0px 42px; *//* margin-top: -30px; */margin: 0 -40px;} #ui-datepicker-div{display:none !important;} .ui-widget.ui-widget-content {box-sizing: border-box;display: none;width: 100%;z-index: 9999 !important;border: 0 !important;;padding: 0;font-family: 'NotoSansCJKkr';} .ui-widget.ui-widget-content .ui-datepicker-header {position: relative;padding: 0;background: none;border: 0;color: #000;font-weight: 400;padding-bottom: 25px;} .ui-widget.ui-widget-content .ui-datepicker-prev, .ui-widget.ui-widget-content .ui-datepicker-next {position: absolute;top: 0;z-index: 100;box-sizing: content-box;width: 83px;height: 75px;cursor: pointer;} .ui-widget.ui-widget-content .ui-datepicker-prev:hover, .ui-widget.ui-widget-content .ui-datepicker-next:hover{border:0} .ui-widget.ui-widget-content .ui-datepicker-prev {width:13px; height:30px;background: url(../../imgs/mypage/icon_back_black%403x.png) center no-repeat;background-size:cover} .ui-widget.ui-widget-content .ui-datepicker-next {width:13px; height:30px;background: url(../../imgs/mypage/icon_next_black%403x.png) center no-repeat;background-size:cover} .ui-widget.ui-widget-content .ui-datepicker-prev span, .ui-widget.ui-widget-content .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;background: none;width: 14px;height: 25px;} .ui-widget.ui-widget-content .ui-datepicker-title {/* padding: 0 0 19px; */font-size: 20px; font-weight: 500;;text-align: center;margin: 0;} .ui-widget.ui-widget-content .ui-datepicker-title select {margin: 1px 0;} .ui-widget.ui-widget-content .ui-datepicker-title span {vertical-align: top;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;margin-left: -5px;} .ui-widget.ui-widget-content select.ui-datepicker-month, .ui-widget.ui-widget-content select.ui-datepicker-year {box-sizing: border-box;box-shadow: 4px 7px 15px 0px rgba(0, 0, 0, 0.2);width: 190px;height: 70px;margin: 0 0 0 30px;padding: 0 50px 0 30px;background: #64687a url("../../images/common/arr_slt_date.html") right 30px center no-repeat;font-weight: 700;font-size: 28px;line-height: 70px;color: #ffffff;} .ui-widget.ui-widget-content select.ui-datepicker-month:first-child, .ui-widget.ui-widget-content select.ui-datepicker-year:first-child {margin: 0;} .ui-widget.ui-widget-content table {width: 100%;border-collapse: collapse;} .ui-widget.ui-widget-content th {box-sizing: border-box; background: #ffffff;text-align: center; border: 0;color: #000000;padding-bottom: 21px;font-size: 12px; font-weight: 500;color: #aaaaaa;height: 38px;} .ui-datepicker-week-end {color: #7e8293;} .ui-widget.ui-widget-content th:first-child {/* width: 40px; *//* border-radius: 10px 0 0 10px; *//* padding-left: 17px; padding: 0; */} .ui-widget.ui-widget-content th:last-child {/* width: 93px; *//* border-radius: 0 10px 10px 0; *//* padding-right: 17px; */} .ui-widget.ui-widget-content thead {/* box-shadow: 6px 10px 22px 0px rgba(118, 118, 118, 0.28); *//* border-radius: 10px; */} .ui-widget.ui-widget-content tbody {/* box-shadow: 6px 10px 22px 0px rgba(118, 118, 118, 0.28); *//* border-radius: 10px; */} .ui-widget.ui-widget-content tbody:before {display: block;/* content: ""; */position: relative;z-index: -1;width: 570px;height: 5px;background: #e9ecf5;} .ui-widget.ui-widget-content td {box-sizing: border-box;width:42px;height: 42px;border: 0;background: #ffffff;} .ui-widget.ui-widget-content td:first-child {/* padding-left: 17px; */} .ui-widget.ui-widget-content td:first-child a{color: #f25758;} .ui-widget.ui-widget-content td:last-child {/* padding-right: 17px; */} .ui-widget.ui-widget-content td:last-child a{color: #f25758;} .ui-widget.ui-widget-content tr:first-child td {/* padding-top: 19px; */} .ui-widget.ui-widget-content tr:last-child td {/* padding-bottom: 19px; */} .ui-widget.ui-widget-content tr:first-child td:first-child {/* border-radius: 10px 0 0 0; */} .ui-widget.ui-widget-content tr:first-child td:last-child {border-radius: 0 10px 0 0;} .ui-widget.ui-widget-content tr:last-child td:first-child {/* border-radius: 0 0 0 10px; */} .ui-widget.ui-widget-content tr:last-child td:last-child {border-radius: 0 0 10px 0;} .ui-widget.ui-widget-content td span,.ui-widget.ui-widget-content td a {display: block;box-sizing: border-box; text-align: center;text-decoration: none;border: 0;font-size: 14px; font-weight: 500;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;background: #fff; padding: 0;} .ui-widget.ui-widget-content td span {color: #999999;} /* .ui-widget.ui-widget-content td.ui-datepicker-today span, .ui-widget.ui-widget-content td.ui-datepicker-today a {background-color: #b7a386;border-radius: 50%; transition: all 0.3s;color: #fff;width: 30px; box-sizing: border-box;height: 30px; display: flex;align-items: center; justify-content: center;text-align: center;margin: 0 auto;} */ .ui-widget.ui-widget-content td .ui-state-active {background-color: #b7a386;overflow: overlay;border-radius: 50%; transition: all 0.3s;color: #fff;width: 30px; box-sizing: border-box;height: 30px; display: flex;align-items: center; justify-content: center;text-align: center;margin: 0 auto;} .ui-widget.ui-widget-content td:first-child .ui-state-active{color:#fff} .ui-widget.ui-widget-content td:last-child .ui-state-active{color:#fff} .ui-widget.ui-widget-content .ui-datepicker-buttonpane {background-image: none;margin: 0.7em 0 0 0;padding: 0 0.2em;border-left: 0;border-right: 0;border-bottom: 0;} .ui-widget.ui-widget-content .ui-datepicker-buttonpane button {float: right;margin: 0.5em 0.2em 0.4em;cursor: pointer;padding: 0.2em 0.6em 0.3em 0.6em;width: auto;overflow: visible;} .ui-widget.ui-widget-content .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;} .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: 0 !important} .layer-box.calendar{padding: 20px;border-radius: 10px;width: 335px;box-sizing: border-box;} .layer-box.calendar .btns{display: flex; flex-direction: row;justify-content: space-between;padding-top: 40px;} .layer-box.calendar .btns #outlet_filter_refresh{width: 50px; height: 50px; border: solid 1px #e5e5e5;margin-right: 10px;border-radius: 5px;text-indent: -999999px;background: url(../../imgs/web/mypage/icon_refresh%403x.png) no-repeat center;background-size: 20px; box-sizing: border-box;flex: 0 0 auto;} .layer-box.calendar .btns #confirm{width: 100%; word-break: keep-all;height: 50px;background: #222; border-radius: 5px;color: #fff;font-size: 16px; font-weight: 600;box-sizing: border-box;} /* 회원 온보딩 */ #onboarding {height: 811px; margin-bottom: -100px;} #onboarding .bg {height: 811px;width: 100%;overflow: hidden; margin-top: -82px;} #onboarding .bg img {display: block; width: 100%; object-fit: cover;} #onboarding #inner_wrap {padding: 0;} #onboarding .inner {display: flex; flex-direction: column; align-items: center; padding: 174px 20px 0; position: absolute; left: 0; top: 144px; right: 0; bottom: 0; width: 420px; margin: 0 auto;} #onboarding .inner h1 {font-size: 40px; line-height: 60px; letter-spacing: -0.4px; font-weight: 600; color: #fff;} #onboarding .inner p {margin-top: 5px; font-size: 18px; line-height: 27px; letter-spacing: -0.18px; font-weight: 400; color: rgba(255,255,255,0.8);} #onboarding .buttons {width: 100%; padding: 130px 0 0;} #onboarding .buttons button {width: 100%; height: 50px; border-radius: 6px; margin-bottom: 10px; font-size: 15px; line-height: 22px; font-weight: 500;} #onboarding .buttons .join {position: relative; background: #222222; color: #fff;} #onboarding .buttons .start_kakao {position: relative; background: #fee500; color: #191919;} #onboarding .buttons .join:before {width: 20px; height: 20px; position: absolute; left: 16px; top: 15px; content: ''; background: url(../../imgs/member/icon_pastel_logo.png) center no-repeat; background-size: 20px;} #onboarding .buttons .start_kakao:before {width: 20px; height: 20px; position: absolute; left: 16px; top: 15px; content: ''; background: url(../../imgs/member/icon_kakao.png) center no-repeat; background-size: 20px;} /* 쿠폰 상세 */ .full_popup.cpn_detail{width: 515px;box-sizing: border-box;} .full_popup.cpn_detail .full_close{ top: 40px; right: 40px; width: 44px; height: 44px; background-size: 44px;} .full_popup.cpn_detail .con{height: 500px;overflow-y: scroll;overflow-x: hidden;} .full_popup.cpn_detail .con::-webkit-scrollbar{width: 2px;height:100%; background-color: #f5f5f5; border-radius: 10px;} .full_popup.cpn_detail .con::-webkit-scrollbar-thumb{width: 2px;height: 200px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;} .cpn_detail .coupon_tit{display: flex;flex-direction: column;background-color: #f5f5f5;padding: 40px 0;align-items: center;margin-right: 10px;} .cpn_detail .coupon_tit .tit_wrap{} .cpn_detail .per{line-height:1;margin:10px 0} .cpn_detail .coupon_tit img{width:60px;margin-bottom: 10px;} .cpn_detail .coupon_tit .tit_wrap .tit{ font-size: 20px; font-weight: 500;} .cpn_detail .coupon_tit .num{ font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;} .cpn_detail .coupon_tit .per span{font-size:20px;font-weight: 700;} .cpn_detail .coupon_tit .per .num{font-size: 30px;font-weight: 700;} .cpn_detail .coupon_tit .date span{font-weight: 500;color: #aaa;} .cpn_detail .coupon_tit .date .bar{display: inline-block; width: 1px; height: 10px; background-color: #ddd;margin: 0 6.5px;} .cpn_detail .coupon_tit .date .num{} .cpn_detail .coupon_tit .info{margin-top: 21px;} .cpn_detail .coupon_tit .info li{letter-spacing: -0.12px;color: #707070;position: relative; padding-bottom:6px;padding-left: 9px;} .cpn_detail .coupon_tit .info li:last-child{padding-bottom:0;} .cpn_detail .coupon_tit .info li:before {position: absolute;left: 0;top: 10px;display: block;content: '';width: 3px;height: 3px;background-color: #aaa;border-radius: 50%;} .cpn_detail .coupon_tit .info li span{position: relative;letter-spacing: -0.14px;} .cpn_detail .coupon_con{padding-top: 28px;margin-right: 10px;} .cpn_detail .coupon_con .tit{font-size: 20px;line-height:24px;font-weight:600;letter-spacing: -0.16px;} .cpn_detail .coupon_con .product_list{border-top: 1px solid #e5e5e5;margin-top: 16px;padding-top: 15px;} .cpn_detail .coupon_con .product_list ul{} .cpn_detail .coupon_con .product_list li{line-height: 1.5;position:relative;padding-bottom: 10px;padding-left: 9px;} .cpn_detail .coupon_con .product_list li:last-child{margin-bottom:0;} .cpn_detail .coupon_con .product_list li:before{ position: absolute;left: 0;top:10px;display: block; content: '';width: 3px;height: 3px;background-color: #707070; border-radius: 50%;} .cpn_detail .coupon_con .product_list li span{color: #707070;letter-spacing: -0.14px;font-size: 15px;font-weight: 500; } .cpn_detail .coupon_con .product_list li .item_nm{word-break: keep-all;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;width: 418px;} .cpn_detail .btn{position: relative; padding: 17px 20px 18px;background: #fff; } .cpn_detail .btn:before{position: absolute;content: "";width: 3;height: 93px; background: linear-gradient(360deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index: 5;right: 0;bottom:84px;left: 0;} .cpn_detail .btn #go_brandmall{width: 100%;height: 50px;border-radius: 5px; background-color: #222222;color: #fff;font-size: 16px; line-height: 1.13; font-weight: 600;} /*이벤트 공통*/ .event .wide_wrap{width:1720px;margin: 0 auto;} .event .center_wrap{width:1140px;margin: 0 auto;} .event .hd_root{padding:20px 0 45px 0} .event .hd_root ul{display: flex; align-items: center;} .event .hd_root ul li{display: flex;align-items: center;} .event .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(../../imgs/web/global/input_arrow_black2%403x.png) center no-repeat; background-size: 12px;} .event .hd_root ul li:last-child:after{display:none} .event .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(../../imgs/web/display/icon_location_home%403x.png) center no-repeat; background-size: 13px;} .event .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px} .event .hd_wrap .tit_box{ position: relative; padding-bottom: 40px;} .event .hd_wrap .tit_box h1{ font-size: 24px; font-weight: 600; color: #222; padding-bottom: 10px;} .event .hd_wrap .tit_box .date{ font-size: 16px; font-weight: 500; color: #aaa;} .event .hd_wrap .tit_box .btn_wrap{display: flex;align-items: center;position: absolute;top: 0;right: 0;} .event .hd_wrap .tit_box .btn_wrap .sns_btn{margin-left: 16px;} .event .hd_wrap .tit_box .btn_wrap .sns_btn button{ width: 30px;height: 30px;text-indent:-9999em;border-radius:50%;margin-right: 10px;} .event .hd_wrap .tit_box .btn_wrap .sns_btn .twitter{background-color: #73a0fa;background-image: url(../../imgs/web/global/twitter%403x.png); background-repeat: no-repeat; background-size: 13.7px 12.1px; background-position: center;} .event .hd_wrap .tit_box .btn_wrap .sns_btn .facebook{background-color: #3b5999;background-image: url(../../imgs/web/global/facebook%403x.png);background-repeat: no-repeat; background-size:7px 14px;background-position: center;} .event .hd_wrap .tit_box .btn_wrap .sns_btn .kakaotalk{background-color: #f9e103;background-image: url(../../imgs/web/global/kakaotalk%403x.png) ;background-repeat: no-repeat; background-size:14.1px 13.1px;background-position: center;} .event .hd_wrap .tit_box .btn_wrap .sns_btn .url_copy{ border: solid 1px #e5e5e5;background-color: #fff;background-image: url(../../imgs/web/global/url_copy%403x.png) ;background-repeat: no-repeat; background-size:13.7px;background-position: center;} .event .hd_wrap .tit_box .btn_wrap button{width: 30px;height: 30px;text-indent: -99999em;} .event .hd_wrap .tit_box .btn_wrap .share{background: url(../../imgs/web/global/icon_share%403x.png) center no-repeat; background-size: 30px;} .event .hd_wrap .tit_box .btn_wrap .show_list{background: url(../../imgs/web/planning/icon_list%403x.png) center no-repeat; background-size: 30px;} .event .hd_wrap .tit_box .btn_wrap .bar{display: block;width: 1px;height: 16px;background-color: #ddd; margin: 0 20px;} /* 이벤트 - 룰렛 */ #event_roulette{} #event_roulette .wrap{} #event_roulette .top_bg{position: relative;background-color: #73a0fa;padding: 80px 0 400px 0;/* z-index: 1; */} #event_roulette .top_bg:before{position:absolute;content:'';background: url(../../imgs/order/roulette_flower_top.png) 0 0 no-repeat;background-size: contain;width: 1023px;height: 476px;bottom: 99px;left: 50%;transform: translateX(-50%);z-index: 3;display: block;} #event_roulette .top_bg .share{position: absolute;top: 10px;right: 20px;text-indent:-9999px;width: 30px;height: 30px;background: url(../../imgs/display/icon_share%403x.png) center no-repeat;background-size: 30px;} #event_roulette .top_bg .tit_wrap{ position: relative; z-index: 5; } #event_roulette .tit_box{ position: relative; padding-bottom: 40px;} #event_roulette .tit_box h1{ font-size: 24px; font-weight: 600; color: #222; padding-bottom: 10px;} #event_roulette .tit_box .date{ font-size: 16px; font-weight: 500; color: #aaa;} #event_roulette .tit_box .btn_wrap{display: flex;align-items: center;position: absolute;top: 0;right: 0;} #event_roulette .top_bg .tit_wrap .con_wrap{display: flex;flex-direction: column;align-items: center;} #event_roulette .top_bg .tit_wrap .con_wrap .per_box{display: flex;justify-content: center;align-items: center;height: 34px;width:129px; border-radius: 30px; background-color: #3e0470;} #event_roulette .top_bg .tit_wrap .con_wrap .per_box span{font-size: 15px;color: #fff;font-weight: 500;letter-spacing: -0.15px;} #event_roulette .top_bg .tit_wrap .con_wrap .per_box .font_Mon{font-weight: 600;} #event_roulette .top_bg .tit_wrap .con_wrap .tit{padding: 20px 0 40px 0;font-size:70px;color:#fff} #event_roulette .top_bg .tit_wrap .con_wrap .tit .font_Mon{font-weight:700} #event_roulette .top_bg .tit_wrap .con_wrap .tit .font_g{font-weight:300} #event_roulette .top_bg .tit_wrap .con_wrap .tit img{display: block; width: 560px;} #event_roulette .top_bg .tit_wrap .con_wrap .sub_tit{font-size: 20px;font-weight: 600;color: #fff;letter-spacing: -0.2px;text-align: center;} #event_roulette .top_bg .tit_wrap .con_wrap .sub_tit .signin{display:inline-block;border-bottom:1px solid #fff;color: #fff;} #event_roulette .top_bg .tit_wrap .con_wrap .join_wrap{display: flex;align-items: center;padding-top: 20px;} #event_roulette .top_bg .tit_wrap .con_wrap .join_wrap span{margin-right:10px;color: #fff;letter-spacing: -0.45px;font-size: 18px;} #event_roulette .top_bg .tit_wrap .con_wrap .join_wrap .join{border-bottom:1px solid #fff;color: #fff;font-size: 18px;} #event_roulette .back_bg:after{display:block;content:'';width: 1460px;height: 378px;background: url(../../imgs/web/display/building_bg%403x.png) no-repeat center;background-size: contain;position: absolute;border: 0;left: 50%;transform: translateX(-50%);z-index: 0;bottom: -89px;} #event_roulette .roulette_wrap{position: absolute;left: 50%;transform: translateX(-50%);padding-top: 142px;display: flex;justify-content: center;z-index: 3;} #event_roulette .roulette_wrap .roulBox{position:relative;z-index: 1;} #event_roulette .roulette_wrap .roulBox:before{display:block;content:'';width: 600px;height: 258px;position: absolute;background: url(../../imgs/order/roulette_shadow%403x.png) 0 0 no-repeat;background-size: contain;bottom: -128px;left: 0;margin-left: 46px;} #event_roulette .roulette_wrap .roulBox:after{display:block;z-index: 1;position: absolute;left: 50%;transform: translate(-50%, -22%);top: 0;content:'';width: 70px;height: 94px;background: url(../../imgs/web/display/point_S%403x.html) center no-repeat;background-size:cover;z-index: 2;} #event_roulette .roulette_wrap .roulPan{width: 692px;height: 692px;/* background: url(/ux/imgs/order/roulette_box@3x.png) center no-repeat; */background-size: 692px;position: relative;} #event_roulette .roulette_wrap .roulBox .roulStart{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 170px;height: 170px;background: url(../../imgs/order/roulette_start%403x.png) center no-repeat;background-size: 170px;z-index: 2;} #event_roulette .bottom_bg{position:relative} #event_roulette .bottom_bg:before{position:absolute;content:'';background: url(../../imgs/order/roulette_flower_bottom.png) 0 0 no-repeat;background-size: contain;width: 1035px;height: 334px;left: 50%;top: 52px;transform: translateX(-50%);} #event_roulette .bottom_bg{background-color: #3f51b5;padding: 400px 0 150px 0;margin-bottom: -1px;position: relative;/* z-index: 1; */} #event_roulette .bottom_bg .con_wrap{color: #fff;display: flex;align-items: center;justify-content: center;padding-top: 120px;} #event_roulette .bottom_bg .con_wrap .tit{font-size: 20px;font-weight: 600;display: block;padding-right: 120px;} #event_roulette .bottom_bg .con_wrap .mypage{display:inline-block;border-bottom:1px solid #fff;color: #fff;} #event_roulette .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;} #event_roulette .notice li:last-child{padding-bottom: 0;} #event_roulette .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #fff;border-radius: 50%;} #event_roulette .notice span{font-weight: 500;color: #fff;letter-spacing: -0.14px;word-break: keep-all;font-size: 16px;} #event_roulette .tit_box .btn_wrap .share{display: inline-block;position: relative;} #event_roulette .tit_box .btn_wrap .share button{text-indent: -9999em;background: url(../../imgs/web/global/icon_share%403x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;} #event_roulette .tit_box .btn_wrap .share .sns{display:flex;position: absolute;right:30px;/* padding: 0 0 0 13px; */top: 0;overflow: hidden;opacity: 0;transition: opacity 0.3s;} #event_roulette .tit_box .btn_wrap .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;} #event_roulette .tit_box .btn_wrap .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */} #event_roulette .tit_box .btn_wrap .share .sns li.twitter a{background: #73a0fa url(../../imgs/web/global/twitter%403x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;} #event_roulette .tit_box .btn_wrap .share .sns li.facebook a{background: #4167b1 url(../../imgs/web/global/facebook%403x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;} #event_roulette .tit_box .btn_wrap .share .sns li.kakao a{background: #f9e103 url(../../imgs/web/global/kakaotalk%403x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;} #event_roulette .tit_box .btn_wrap .share .sns li.url_copy a{background: #fff url(../../imgs/web/global/url_copy%403x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5} #event_roulette .tit_box .btn_wrap .share .sns li.twitter{transform: translate(0, 0);} #event_roulette .tit_box .btn_wrap .share .sns li.facebook{transform: translate(40px, 0);} #event_roulette .tit_box .btn_wrap .share .sns li.kakao{transform: translate(129px, 0);} #event_roulette .tit_box .btn_wrap .share .sns li.url_copy{transform: translate(80px, 0);} #event_roulette .tit_box .btn_wrap .share.active .sns li.twitter{transform: translate(0, 0);} #event_roulette .tit_box .btn_wrap .share.active .sns li.facebook{transform: translate(0, 0);} #event_roulette .tit_box .btn_wrap .share.active .sns li.kakao{transform: translate(0, 0);} #event_roulette .tit_box .btn_wrap .share.active .sns li.url_copy{transform: translate(0, 0);} #event_roulette .tit_box .btn_wrap .share.active .sns{overflow: visible;opacity: 1;} /* 이벤트 - 출석체크 */ #event_chk_attendence .wrap{ position: relative;z-index: 0;} #event_chk_attendence .wrap .tit_wrap{border-radius: 0 0 100px 0;position:relative;background-color: black;padding: 60px 0 100px 0;} #event_chk_attendence .wrap .tit_wrap:before{display:block;content:'';width: 628px;height: 232px;background:url(../../imgs/web/display/checking_flower_top.png) 0 0 no-repeat;background-size: contain;position:absolute;top: 47px;left: 288px;} #event_chk_attendence .wrap .tit_wrap .share{position: absolute; top: 10px; right: 20px;width:30px;height:30px;background: url(../../imgs/order/icon_share%403x.png) center no-repeat; background-size:cover;text-indent:-999999px} #event_chk_attendence .wrap .tit_wrap .con_wrap{display: flex;justify-content: space-between;} #event_chk_attendence .wrap .tit_wrap .con_wrap .greeting{padding-bottom: 40px;display: block;width: 508px;margin-top: 45px;} #event_chk_attendence .wrap .tit_wrap .con_wrap .point{position: relative;z-index: 1;width: 532px;display: block;} #event_chk_attendence .wrap .tit_wrap .con_wrap .point_wrap{position: relative; display: inline-block;} #event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap span{font-size: 20px;font-weight: 500;color: white;letter-spacing: -0.2px;} #event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap span a{display:inline-block;font-weight: 600;border-bottom:1px solid white; color: white;} #event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap .sm{ font-size: 16px; padding-top: 10px; display: block;} #event_chk_attendence .tit_box .btn_wrap .share{display: inline-block;position: relative;} #event_chk_attendence .tit_box .btn_wrap .share button{text-indent: -9999em;background: url(../../imgs/web/global/icon_share%403x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;} #event_chk_attendence .tit_box .btn_wrap .share .sns{display:flex;position: absolute;right:30px;/* padding: 0 0 0 13px; */top: 0;overflow: hidden;opacity: 0;transition: opacity 0.3s;} #event_chk_attendence .tit_box .btn_wrap .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;} #event_chk_attendence .tit_box .btn_wrap .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */} #event_chk_attendence .tit_box .btn_wrap .share .sns li.twitter a{background: #73a0fa url(../../imgs/web/global/twitter%403x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;} #event_chk_attendence .tit_box .btn_wrap .share .sns li.facebook a{background: #4167b1 url(../../imgs/web/global/facebook%403x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;} #event_chk_attendence .tit_box .btn_wrap .share .sns li.kakao a{background: #f9e103 url(../../imgs/web/global/kakaotalk%403x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;} #event_chk_attendence .tit_box .btn_wrap .share .sns li.url_copy a{background: #fff url(../../imgs/web/global/url_copy%403x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5} #event_chk_attendence .tit_box .btn_wrap .share .sns li.twitter{transform: translate(0, 0);} #event_chk_attendence .tit_box .btn_wrap .share .sns li.facebook{transform: translate(40px, 0);} #event_chk_attendence .tit_box .btn_wrap .share .sns li.kakao{transform: translate(129px, 0);} #event_chk_attendence .tit_box .btn_wrap .share .sns li.url_copy{transform: translate(80px, 0);} #event_chk_attendence .tit_box .btn_wrap .share.active .sns li.twitter{transform: translate(0, 0);} #event_chk_attendence .tit_box .btn_wrap .share.active .sns li.facebook{transform: translate(0, 0);} #event_chk_attendence .tit_box .btn_wrap .share.active .sns li.kakao{transform: translate(0, 0);} #event_chk_attendence .tit_box .btn_wrap .share.active .sns li.url_copy{transform: translate(0, 0);} #event_chk_attendence .tit_box .btn_wrap .share.active .sns{overflow: visible;opacity: 1;} #event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap{width: 100%;} #event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap{color: white;} #event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap span{font-size: 20px;font-weight: 500;letter-spacing: -0.16px;} #event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap .name{font-weight: 600;} #event_chk_attendence .wrap .member_wrap .state_box{display: flex;padding-top: 60px;} #event_chk_attendence .wrap .member_wrap .state_box > div{display: flex;flex-direction: column;width:50%;padding: 24px;border-radius: 10px;box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05);background-color: #fff;} #event_chk_attendence .wrap .member_wrap .state_box > div:first-child{margin-right: 20px;} #event_chk_attendence .wrap .member_wrap .state_box > div h3{font-size: 21px;font-weight: 500;letter-spacing: -0.14px;} #event_chk_attendence .wrap .member_wrap .state_box > div span{margin-left: auto;color: #340d81;font-size: 38px;font-weight: 700;} #event_chk_attendence .wrap .member_wrap .state_box > div .sm{font-size: 22px;font-weight: 600;} #event_chk_attendence .wrap .point_guide{border-radius: 0 0 100px 0;background-color: #340d81;padding: 193px 0 80px 0;margin-top: -120px;} #event_chk_attendence .wrap .point_guide .tit{font-size: 34px;font-weight:500;color: #fff;letter-spacing: -0.24px;padding-bottom: 40px;} #event_chk_attendence .wrap .point_guide .tit strong{font-weight:600} #event_chk_attendence .wrap .point_guide .con_wrap{} #event_chk_attendence .wrap .point_guide .con_wrap ul{display: flex;margin: 0 -30px;} #event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even){/* justify-content: space-between; */flex-direction: row-reverse;margin: 0 -30px;} #event_chk_attendence .wrap .point_guide .con_wrap ul li{position:relative;margin: 30px;} #event_chk_attendence .wrap .point_guide .con_wrap ul li div{display: flex;flex-direction: column;align-items: center;box-shadow: 0 3px 18px 0 rgb(0 0 0 / 5%);border: solid 1.5px #ffffff50;border-radius: 10px 10px 30px 10px;height: 140px;justify-content: center;box-sizing: border-box;width: 140px;} #event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:after{display:block;content:'';width:30px;height:30px;background: url(../../imgs/display/input_arrow%403x.png) center no-repeat;background-size:cover;position: absolute;top: -30px;left:50%;transform: translateX(-50%) rotate(90deg);} #event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:nth-child(n):after{display:block;content:'';width:30px;height:30px;background: url(../../imgs/display/input_arrow%403x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;left: -45px;transform: translateY(-50%);} #event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:nth-child(6n):not(.total):after{display:block;content:'';width:30px;height:30px;background: url(../../imgs/display/input_arrow%403x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;left: -45px;transform: translateY(-50%);} #event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even) li:nth-child(2n):after{display:block;content:'';width:30px;height:30px;background: url(../../imgs/display/input_arrow%403x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;right: -45px;transform: translateY(-50%) rotate(180deg);} #event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even) li:first-child:after{display:block;content:'';width:30px;height:30px;background: url(../../imgs/display/input_arrow%403x.png) center no-repeat;background-size:cover;position: absolute;top: -45px;left:50%;transform: translateX(-50%) rotate(90deg);} #event_chk_attendence .wrap .point_guide .con_wrap ul:first-child li:first-child:after{display:none} #event_chk_attendence .wrap .point_guide .con_wrap ul li.total div{ background-color: #fff;} #event_chk_attendence .wrap .point_guide .con_wrap ul li.total span{color: #340d81;font-weight: 500;line-height: 1.25;letter-spacing: -0.2px;} #event_chk_attendence .wrap .point_guide .con_wrap ul li span{color: #fff;word-break: keep-all;font-weight: 500;font-size: 20px;} #event_chk_attendence .wrap .point_guide .con_wrap ul li span .bold{font-weight:700;} #event_chk_attendence .wrap .state_wrap{background-color: #f9fafc;padding: 192px 0 150px 0;margin-top: -120px;position: relative;z-index: -1;} #event_chk_attendence .wrap .state_wrap .bg{box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 80px;border-radius: 10px 10px 50px 10px;box-sizing: border-box;} #event_chk_attendence .wrap .state_wrap .hd_wrap{display: flex; justify-content: space-between;} #event_chk_attendence .wrap .state_wrap .tit{font-size: 48px;font-weight: 500;} #event_chk_attendence .wrap .state_wrap .tit .color{color: #340d81;font-weight: 600;} #event_chk_attendence .wrap .state_wrap .state{border-radius: 10px 10px 30px 10px;border: solid 1.5px #340d81;background-color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 24px;width: 519px;box-sizing: border-box;} #event_chk_attendence .wrap .state_wrap .state > div{display: flex;flex-direction: column;width: 50%;} #event_chk_attendence .wrap .state_wrap .state .attendence{position:relative;padding-right: 24px;} #event_chk_attendence .wrap .state_wrap .state .attendence:after{display:block;content:'';height:100%;width:1px; opacity: 0.2;background-color: #340d81;position: absolute;right: 0;top: 0;} #event_chk_attendence .wrap .state_wrap .state .point{ padding-left: 24px;} #event_chk_attendence .wrap .state_wrap .state h3{font-size: 20px;font-weight: 600;letter-spacing: -0.2px;} #event_chk_attendence .wrap .state_wrap .state span{font-size: 37px;font-weight:700;letter-spacing: -0.24px;color: #340d81;margin-left: auto;} #event_chk_attendence .wrap .state_wrap .state .sm{ font-size: 14px;font-weight: 500;letter-spacing: -0.14px;} #event_chk_attendence .wrap .state_wrap .btn_large2_wrap{padding: 60px 0;} #event_chk_attendence .wrap .state_wrap .btn_large2_wrap .chk_att_btn.on{ opacity: 1;background-image: linear-gradient(112deg, #340d81 21%, #ff99a6 117%); width: 100%;} #event_chk_attendence .wrap .state_wrap .btn_large2_wrap .chk_att_btn{opacity: 0.6;background-image: linear-gradient(112deg, #340d81 21%, #ff99a6 117%);width: 100%;height: 90px;font-size: 24px;} #event_chk_attendence .stamp_list{width: 980px;border-radius: 10px;border: solid 1px #fafafa;background-color: #f9fafc;margin: 0 auto;padding: 80px;box-sizing: border-box;} #event_chk_attendence .stamp_list.inline{padding: 80px 64px;} #event_chk_attendence .stamp_list.inline li{padding: 27px 13px;} #event_chk_attendence .stamp_list.inline ul{margin: -27.5px -13px;} #event_chk_attendence .stamp_list.center ul{justify-content:center} #event_chk_attendence .stamp_list ul{/* justify-content: space-between; */display: flex;flex-wrap: wrap;margin: -27.5px;} #event_chk_attendence .stamp_list ul li{padding: 27px;} #event_chk_attendence .stamp_list ul li div{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 120px;height: 120px;background: url(../../imgs/order/stamp_wrap%403x.png) center no-repeat;background-size: 120px;} #event_chk_attendence .stamp_list ul li div span{font-size: 21px;font-weight: 600;color: #aaa;letter-spacing: -0.21px;} #event_chk_attendence .stamp_list ul li div .num{font-size: 27px;} #event_chk_attendence .stamp_list ul li div .txt{font-size: 14px;letter-spacing: -0.14px;} #event_chk_attendence .stamp_list ul li.stamp_done div{background: url(../../imgs/order/attendence_com%403x.png) center no-repeat;background-size:cover;filter: drop-shadow(0 3px 16px #340d8130);box-shadow: 0 3px 16px 0 rgba(52, 13, 129, 0.3);border-radius: 50%;} #event_chk_attendence .stamp_list ul li.stamp_done.point div{background: url(../../imgs/order/stamp_point_250205%403x.html) center no-repeat;background-size:cover;filter: drop-shadow(0 3px 16px #ff5d7230);box-shadow: 0 3px 16px 0 rgba(255, 153, 166, 0.3);} #event_chk_attendence .stamp_list ul li.stamp_done span{} #event_chk_attendence .stamp_list ul li.stamp_done span.num{color:#fff} #event_chk_attendence .stamp_list ul li.stamp_done span.txt{opacity:0} #event_chk_attendence .wrap .state_wrap .notice_wrap{padding-top: 40px; display: flex; align-items: center; justify-content: center;} #event_chk_attendence .wrap .state_wrap .notice_wrap .tit{font-size: 24px;font-weight: 600;letter-spacing: -0.24px;padding-right: 113px;} #event_chk_attendence .wrap .state_wrap .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;} #event_chk_attendence .wrap .state_wrap .notice li:last-child{padding-bottom: 0;} #event_chk_attendence .wrap .state_wrap .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #707070;border-radius: 50%;} #event_chk_attendence .wrap .state_wrap .notice span{font-weight: 500;color: #707070;letter-spacing: -0.14px;word-break: keep-all;font-size: 16px;} #event_chk_attendence .wrap .state_wrap .notice a{ color: #707070;display:inline-block;border-bottom:1px solid #707070} /*고객센터 플로팅 버튼*/ .fixed_btn{position: fixed;bottom: 108px;right: 50px;z-index: 12;} .fixed_btn.down{bottom: 50px;} .fixed_btn.down.on .callcenter_btn_wrap{margin-bottom:0} .fixed_btn .callcenter_btn_wrap{display:none} .fixed_btn.on .callcenter_btn_wrap{display:block;width: 241px;height: 265px;padding: 30px;border-radius: 20px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);background-color: #fff;box-sizing: border-box;position: absolute;bottom: 0;right: 0;margin-bottom: 10px;} .fixed_btn.on .callcenter_btn_wrap .btn_wrap_close{ position: absolute; top: 17px; right: 17px; background: url(../../imgs/web/display/popup_close_bl%403x.png) center no-repeat; width: 40px;height: 40px; background-size: 40px; text-indent: -9999em;} .fixed_btn .callcenter_btn_wrap .call .txt{border-bottom: 1px solid;padding-bottom: 15px;display: flex;flex-direction: column;} .fixed_btn .callcenter_btn_wrap .call .txt .tit{font-size: 16px;font-weight: 600;padding-bottom: 5px;} .fixed_btn .callcenter_btn_wrap .call .txt .hour{ font-weight: 500; color: #707070;letter-spacing: -0.14px;} .fixed_btn .callcenter_btn_wrap .call .txt .num{font-size: 24px; font-weight: 700; padding-bottom: 5px;} .fixed_btn .callcenter_btn_wrap .write{ margin-top: 20px;} .fixed_btn .callcenter_btn_wrap .write_btn{width: 100%;height: 38px;border-radius: 50px;border: solid 1px #e5e5e5;display: flex;align-items: center;justify-content: center;} .fixed_btn .callcenter_btn_wrap .write_btn span{ display: flex; align-items: center; font-weight: 500; letter-spacing: -0.14px;} .fixed_btn .callcenter_btn_wrap .write_btn span:before{display:block;content:'';width: 14px;height: 14px;background: url(../../imgs/web/callcenter/icon_edit%403x.png) no-repeat center;background-size: 14px;margin-right: 10px;} .fixed_btn .callcenter_btn_wrap .list{ margin-top: 10px;} .fixed_btn .callcenter_btn_wrap .list_btn{width: 100%;height: 38px;border-radius: 50px;border: solid 1px #e5e5e5;} .fixed_btn .callcenter_btn_wrap .list_btn span{ display: flex; align-items: center; justify-content: center;font-weight: 500;} .fixed_btn .callcenter_btn_wrap .list_btn span:before{display:block;content:'';width: 14px;height: 17px;background: url(../../imgs/web/callcenter/icon_write%403x.png) no-repeat center;background-size: contain;margin-right: 10px;} .fixed_btn .callcenter_btn{margin-left: auto;border-radius: 50px;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);background-color: #222222;color: #fff;display: flex;height: 48px;font-weight: 500;align-items: center;width: 170px;box-sizing: border-box;font-size: 16px;letter-spacing: -0.16px;padding-left: 20px;} .fixed_btn .callcenter_btn.off{display:none} .fixed_btn .callcenter_btn .icon_plus{width: 18px;height: 18px;background: url(../../imgs/web/callcenter/icon_close_btn%403x.png) center no-repeat;background-size: 18px;text-indent: -9999px;overflow: hidden;margin-left: 25px;} .fixed_btn .callcenter_btn.active{text-indent: -9999px;width: 48px;font-size: 0;padding: 0;} .fixed_btn .callcenter_btn.active .icon_plus{margin-left:0;margin: 0 auto;} .fixed_btn.on .callcenter_btn .icon_plus{transform: rotate(45deg);} .fixed_btn .go_top {position: initial;margin-left: auto;opacity: 1;margin-top: 10px;display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;border-radius: 50%;background-color: #fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);} .fixed_btn .go_top span {display: block; width: 20px; height: 20px; background: url(../../imgs/goods/icon_go_top.png) center no-repeat; background-size: contain; text-indent: -9999px; overflow: hidden; } .fixed_btn .go_top.off{display:none} /* 작은 이미지 팝업 */ .main_pop_wrap{display:flex;width: 100%;height: 100%;} .layer_bottom.main_slide{overflow: hidden;width: 425px;height: 543px;padding:0;position: absolute;max-height: fit-content;/* position: relative; */} .layer_bg.imgpopup .top{top: 20px;right: 20px;} .layer_bg.imgpopup .img_list{/* position:relative */} .layer_bg.imgpopup .img_list .img{position: relative;} .layer_bg.imgpopup .img_list .img img{display:block} .layer_bg.imgpopup .img_list .con_txt{position: absolute;left: 20px;bottom: 99px;} .layer_bg.imgpopup .img_list .img .brand_nm{font-size: 14px;font-weight: 600;color: #707070;letter-spacing: -0.14px;} .layer_bg.imgpopup .img_list .img h2{line-height: 1.06; padding-top: 5px;font-size: 36px; font-weight:700;letter-spacing: -0.36px;} .layer_bg.imgpopup .bottom_close{background-color: #222;} .layer_bg.imgpopup .bottom_close .not_today{ color: #aaa;} .layer_bg.imgpopup .bottom_close .close_layer_popup{ color: #fff;} .layer_bg.imgpopup .img_popup_pagination{position: absolute;bottom: 60px;z-index: 1;display: flex;width: 100%;justify-content: center;} .layer_bg.imgpopup .swiper-pagination-bullet{opacity:1;background-color: #fff;margin-right:10px} .layer_bg.imgpopup .swiper-pagination-bullet:last-child{margin-right:0} .layer_bg.imgpopup .swiper-pagination-bullet-active{background-color: #000} .layer_bg.imgpopup .bottom_btn{padding:0 35px 0 23px} .layer_bg.imgpopup .bottom_btn{z-index: 1;justify-content: space-between;border-radius: 0 0 15px 15px;background-color: #222;height: 50px;position: absolute;bottom: 0;left: 0;right: 0;display: flex;align-items: center;padding: 0 23px;} .layer_bg.imgpopup .bottom_btn button{text-indent:0;font-size: 14px;font-weight: 500;letter-spacing: -0.14px;color: #aaa;} .layer_bg.imgpopup .bottom_btn button.close_layer_popup{color:#fff} /* 큰 이미지 팝업 */ .layer_bottom.main{width: 1120px;height: 800px;padding: 0; overflow: hidden;} .layer_bg.imgpopup_lg .top{top:30px; right:30px;width:44px; height:44px;background: url(../../imgs/web/display/popup_close%403x.png) center no-repeat; background-size: cover;} .layer_bg.imgpopup_lg{width: 1120px;height: 800px;padding: 0; overflow: hidden;} .layer_bg.imgpopup_lg .img{height:100%;background: url(../../imgs/callcenter/csr_bg%403x.png) center no-repeat; background-size: cover;} .layer_bg.imgpopup_lg .img .con_txt{ position: absolute; top: 72px;left: 60px;} .layer_bg.imgpopup_lg .img .con_txt .subtit{font-size: 20px;font-weight: 500; letter-spacing: -0.2px;color: #fff;} .layer_bg.imgpopup_lg .img .con_txt h2{font-size: 50px;letter-spacing: -0.5px;color: #fff; font-weight: 500;} .layer_bg.imgpopup_lg .img .con_txt h2 .bold{font-weight: 600;} /* 트렌드 리스트 */ .trend_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;} .trend_wrap .list_form .text_con {flex: 1;height: auto;} .trend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .trend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .trend_wrap .list_form .brand_name + h2, .trend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .trend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;} .trend_wrap .list_form .price + .sale{margin:0} .trend_wrap .list_form .price + .label_list{/* margin:0 */} .trend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .trend_wrap .list_form h2+.sale{margin-top: 29px;} .trend_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .trend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 베스트 리스트 */ .best_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;} .best_wrap .list_form .text_con {flex: 1;height: auto;} .best_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .best_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .best_wrap .list_form .brand_name + h2, .best_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .best_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;} .best_wrap .list_form .price + .sale{margin:0} .best_wrap .list_form .price + .label_list{margin:0} .best_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .best_wrap .list_form h2+.sale{margin-top: 32px;} .best_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .best_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 최신순 리스트 */ .latest_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;} .latest_wrap .list_form .text_con {flex: 1;height: auto;height:150px;} /*.latest_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}*/ .latest_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .latest_wrap .list_form .brand_name + h2, .latest_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .latest_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;} .latest_wrap .list_form .price + .sale{margin:0} .latest_wrap .list_form .price + .label_list{margin:0} .latest_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .latest_wrap .list_form h2+.sale{margin-top: 32px;} .latest_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: max-content;justify-content: space-between;} .latest_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 최근 리스트 */ .recent_seen_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;} .recent_seen_wrap .list_form .text_con {flex: 1;height: auto;} .recent_seen_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .recent_seen_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .recent_seen_wrap .list_form .brand_name + h2, .recent_seen_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .recent_seen_wrap .list_form .price {height: 19px;line-height: 19px;margin: 0 0 0 10px;} .recent_seen_wrap .list_form .price + .sale{margin:0} .recent_seen_wrap .list_form .price + .label_list{margin:0} .recent_seen_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .recent_seen_wrap .list_form h2+.sale{margin-top: 32px;} .recent_seen_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .recent_seen_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 그루비 리스트 */ .recommend_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;} .recommend_wrap .list_form .text_con {flex: 1;height: auto;} .recommend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .recommend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .recommend_wrap .list_form .brand_name + h2, .recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .recommend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;} .recommend_wrap .list_form .price + .sale{margin:0} .recommend_wrap .list_form .price + .label_list{margin:0} .recommend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .recommend_wrap .list_form h2+.sale{margin-top: 32px;} .recommend_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .recommend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 그루비 리스트 */ .per_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;} .per_list_wrap .list_form .text_con {flex: 1;height: auto;} .per_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .per_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .per_list_wrap .list_form .brand_name + h2, .per_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .per_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;} .per_list_wrap .list_form .price + .sale{margin:0} .per_list_wrap .list_form .price + .label_list{margin:0} .per_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .per_list_wrap .list_form h2+.sale{margin-top: 32px;} .per_list_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .per_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 주간베스트 리스트 */ .w_best_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;} .w_best_list_wrap .list_form .text_con {flex: 1;height: auto;} .w_best_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .w_best_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .w_best_list_wrap .list_form .brand_name + h2, .w_best_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .w_best_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;} .w_best_list_wrap .list_form .price + .sale{margin:0} .w_best_list_wrap .list_form .price + .label_list{margin:0} .w_best_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .w_best_list_wrap .list_form h2+.sale{margin-top: 32px;} .w_best_list_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .w_best_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 주간베스트 리스트 */ .new_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;} .new_list_wrap .list_form .text_con {flex: 1;height: auto;} .new_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .new_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .new_list_wrap .list_form .brand_name + h2, .new_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .new_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;} .new_list_wrap .list_form .price + .sale{margin:0} .new_list_wrap .list_form .price + .label_list{margin:0} .new_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .new_list_wrap .list_form h2+.sale{margin-top: 32px;} .new_list_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .new_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 상품상세 - 이 상품은 어떠세요? */ .gr_recommend_wrap .list_form .img_con {height: 270px;width: 270px;height: 270px;} .gr_recommend_wrap .list_form .text_con {flex: 1;height: auto;} .gr_recommend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .gr_recommend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .gr_recommend_wrap .list_form .brand_name + h2, .gr_recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .gr_recommend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 5px;} .gr_recommend_wrap .list_form .price + .sale{margin:0} .gr_recommend_wrap .list_form .price + .label_list{margin:0} .gr_recommend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .gr_recommend_wrap .list_form h2+.sale{margin-top: 32px;} .gr_recommend_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .gr_recommend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 내가 제일 잘 나가 */ .best_item_wrap .list_form .img_con {height: 270px;width: 270px;height: 270px;} .best_item_wrap .list_form .text_con {flex: 1;height: auto;} .best_item_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;} .best_item_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;} .best_item_wrap .list_form .brand_name + h2, .gr_recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;} .best_item_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;} .best_item_wrap .list_form .price + .sale{margin:0} .best_item_wrap .list_form .price + .label_list{margin:0} .best_item_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;} .best_item_wrap .list_form h2+.sale{margin-top: 32px;} .best_item_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;} .best_item_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;} /* 리뷰팝업 */ .layer_bottom.main_review{overflow: hidden;width: 1000px;height:644px;padding:40px} .layer_bottom.main_review .scroll{overflow-y:auto;max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;overflow-x: hidden;box-sizing: border-box;} .layer_bottom.main_review .scroll::-webkit-scrollbar { display: none;} .layer_bg.review{width: max-content;} .layer_bg.review .tit{font-size: 30px; font-weight:600; letter-spacing: -0.3px;padding-bottom:30px} .layer_bg.review .con{display: flex;padding-bottom: 28px;} .layer_bg.review .swiper-container{width:450px !important} .layer_bg.review .con_photo{position:relative;width: 450px;height: 450px;overflow: hidden;border-radius: 10px;} .layer_bg.review .con .photo_wrap{flex: 0 0 auto;} .layer_bg.review .con .photo_wrap img{width:450px;display:block;border-radius: 10px;height: 450px;} .layer_bg.review .con .txt_wrap{width: 420px; margin-left: 40px;display: flex;flex-direction: column;} .layer_bg.review .con .txt_wrap .review_tit {display: flex; justify-content: space-between; align-items: center; padding: 0 0 13px 0;} .layer_bg.review .con .txt_wrap .review_tit dl {display: flex;} .layer_bg.review .con .txt_wrap .review_tit dd {font-size: 14px; line-height: 18px; color: #aaaaaa; font-weight: 500;} .layer_bg.review .con .txt_wrap .review_tit dd:first-child {position: relative; margin-right: 8px; padding-right: 8px; letter-spacing: -0.12px;} .layer_bg.review .con .txt_wrap .review_tit dd:first-child:after {position: absolute; right: 0; top: 3px; display: block; content: ''; width: 1px; height: 12px; background: #dddddd;} .layer_bg.review .con .txt_wrap .review_tit dd:last-child {} .layer_bg.review .con .txt_wrap .review_tit .star_wrap {display: flex;} .layer_bg.review .con .txt_wrap .review_tit .star_wrap img {width: 17px; margin-left: 2px;} .layer_bg.review .con .txt_wrap .review_info {padding: 20px 20px 10px; margin-bottom: 20px; background: #f8f8f8; border-radius: 5px;} .layer_bg.review .con .txt_wrap .review_info >div {padding: 0 0 6px 0; display: flex; font-size: 14px; } .layer_bg.review .con .txt_wrap .review_info >div >span {width: 80px; color: #222222; font-weight: 600;margin-right:23px} .layer_bg.review .con .txt_wrap .review_info .review_info_con {display: flex;} .layer_bg.review .con .txt_wrap .review_info .review_info_con p {color: #222222;} .layer_bg.review .con .txt_wrap .review_info .review_info_con span.slash {margin: 0 3px;} .layer_bg.review .con .txt_wrap .list_form{margin-top: auto;padding-bottom:0;position: relative;display: flex;} .layer_bg.review .con .txt_wrap .list_form a{display:flex;width: 90px;height: 90px;} .layer_bg.review .con .txt_wrap .list_form .img_con{width:90px} .layer_bg.review .con .txt_wrap .list_form .brand_name{font-size: 12px;padding-top:0} .layer_bg.review .con .txt_wrap .list_form .brand_name + h2{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* width: 100%; *//* height: auto; *//* display: inline-block; *//* width: 100%; *//* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */padding-top: 10px;height: auto;line-height: 1;height: 20px;line-height: 20px;box-sizing: border-box;padding: 0;margin-top: 10px;} .layer_bg.review .con .txt_wrap .list_form .text_con{margin-left: 15px;width: 315px;height: auto;height: 90px;padding-top: 4px;} .layer_bg.review .con .txt_wrap .list_form .text_con .price_wrap{flex-direction:row;align-items: center;/* padding-top: 10px; */} .layer_bg.review .con .txt_wrap .list_form .sale{font-size:20px} .layer_bg.review .con .txt_wrap .list_form .price{font-size: 16px;} .layer_bg.review .con .txt_wrap .list_form .btm_btn_wrap{display:block;position: absolute;bottom: 6px;right: 0;margin-top: 0;} .layer_bg.review .con .txt_wrap .list_form .btn_wish {overflow: hidden; width: 26px; height:26px; text-indent: -999em; background: url(../../imgs/goods/icon_heart_in_list%403x.png) center center no-repeat; background-size: cover;} .layer_bg.review .con .txt_wrap .list_form .btn_cart{ width: 26px; height:26px;background-size: cover;} .layer_bg.review .con .con_txt{} .layer_bg.review .con .con_txt span{font-size: 16px;letter-spacing: -0.16px; color: #707070; word-break: keep-all;} .layer_bg.review .rev_popup-list-prev{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);left:14px;z-index: 1;width: 44px;height: 44px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat; background-size: 44px;} .layer_bg.review .rev_popup-list-next{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);right:14px;z-index: 1;width: 44px;height: 44px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat; background-size: 44px;} .layer_bg.review .rev_popup_pagination{position: absolute; padding-top: 20px;display: flex;left: 50%;transform: translateX(-50%);} .layer_bg.review .rev_popup_pagination .swiper-pagination-bullet{background-color: #d6d6d6;margin-right:10px} .layer_bg.review .rev_popup_pagination .swiper-pagination-bullet:last-child{margin-right:0} .layer_bg.review .rev_popup_pagination .swiper-pagination-bullet-active{background-color: #000;} /* 리뷰 전체보기 팝업 */ .full_popup.reviewAll {width: 1020px; height: 777px;} .full_popup.reviewAll .picnvideo {/* padding-bottom: 50px; */} .full_popup.reviewAll .picnvideo-wrap {height: 558px; } .full_popup.reviewAll #picvideolist{display: flex; flex-wrap: wrap; margin: 0 -6px -12px;} .full_popup.reviewAll #picvideolist li {margin: 0 6px 12px; width: 174px; height: 174px; border-radius: 5px; overflow: hidden;} .full_popup.reviewAll #picvideolist li .play{position:absolute;left: 10px;bottom: 10px;text-indent: -99999em;background: url(../../imgs/web/display/icon_shortclip_20px%403x.png) center center no-repeat;background-size: 30px;z-index: 1;width: 30px;height: 30px;} /* 개인화 팝업 */ .layer_bottom.main_per{width: 1100px;overflow: hidden;height: auto;max-height: none;} .layer_bottom.main_per .close_layer_popup { top: 20px; right: 20px; float:right;} .personal_rec .tit{font-size: 30px;font-weight: 600;letter-spacing: -0.3px;padding-bottom: 26px;} .personal_rec .tit .name{ color: #b7a386;} .personal_rec .con{/* margin-bottom: 40px; */} .personal_rec #goodsId::-webkit-scrollbar{width: 2px;height: 460px; background-color: #f5f5f5; border-radius: 10px;} .personal_rec #goodsId::-webkit-scrollbar-thumb{width: 2px;height: 80px;border-radius: 10px; background-color: #b7a386;} .personal_rec .product_list{ padding-bottom: 0;} .personal_rec .product_list .recommend_item{height: 370px;} .personal_rec .product_list #goodsId{margin: 0 -10px;overflow-y: scroll;overflow-x: hidden;height: 460px;margin-bottom: 20px;} .personal_rec .product_list #goodsId > li{margin: 0 10px;} .personal_rec .list_form .img_con{width:240px;} .personal_rec .btn_list{ margin-bottom: 20px;} .personal_rec .btn_list ul{} .personal_rec .btn_list ul li{margin-bottom:10px} .personal_rec .btn_list ul li:last-child{margin-bottom:0} .personal_rec .btn_list ul li .alarm{border-radius: 5px;background-color: #5223cb; height: 50px;width: 100%;display: flex; justify-content: space-between;align-items: center;padding: 0 15px; box-sizing: border-box;} .personal_rec .btn_list ul li .alarm span{ font-size: 16px;letter-spacing: -0.16px;color: #fff;font-weight: 500;} .personal_rec .btn_list ul li .alarm button{display: flex;align-items: center;font-size: 16px;letter-spacing: -0.16px;color: #fff;font-weight: 500;} .personal_rec .btn_list ul li .alarm button:after{display:block;content:'';width:20px;height:20px;background: url(../../imgs/web/display/input_arrow%403x.png) center no-repeat; background-size: cover;} /* 통합 브랜드관 추가 */ #brandTabList .kids{ display: flex;justify-content: flex-start;margin-top: -6px;cursor: pointer;align-items: center;} #brandTabList .kids a{margin: 5px 10px;} #brandTabList .kids .newKids{ border: 1px solid #B7A386;border-radius: 20px;font-size: 12px;display: flex;align-items: center;padding: 0px 1px;height: 28px;} #brandTabList .kids .newKids a{ color: #B7A386;font-size: 13px;font-weight: 500;margin: 3px 5px 3px 15px;} #brandTabList .kids .newKids .moveToKidsBrand{width: 12px;height: 12px;background: url(../../imgs/global/input_arrow_gold%403x.png) -4px 0px no-repeat;background-size: 12px;margin: 5px 5px 5px 0;} .text_con div.sale{display: flex;align-items: baseline;margin-top: 5px !important;} /* 주문 재결제 원주문 상세 팝업 */ #orderDetailLayer {overflow-y: auto;} #orderDetailLayer .full_title {text-align: center;} #orderDetailLayer .orderSection {padding-bottom:50px;} #orderDetailLayer .orderSection h2 {padding-bottom:20px; padding-left:20px;} #orderDetailLayer .orderSection img {height:100px;border-radius: 10px;border: solid 1px #e5e5e5} #orderDetailLayer .orderSection .product:first-child {border-top:1px solid #eee;} #orderDetailLayer .orderSection .product {padding:20px 0; display: flex; border-bottom: 1px solid #eee;} #orderDetailLayer .orderSection .product > span {display: inline-block;} #orderDetailLayer .orderSection .product .imgSpan {width:20%; text-align: center;} #orderDetailLayer .orderSection .product .dtlDesc {width:60%;margin:auto 0;} #orderDetailLayer .orderSection .product .dtlDesc .ordDtlNo {font-size: 14px;margin-bottom: 7px;font-weight:500;} #orderDetailLayer .orderSection .product .dtlDesc .brandNm {font-size:12px; color:#aaa;font-weight:600;} #orderDetailLayer .orderSection .product .dtlDesc .goodsNm {font-size:16px;font-weight:600;} #orderDetailLayer .orderSection .product .dtlDesc .goodsItem {font-size:12px;margin-top:7px;} #orderDetailLayer .orderSection .product .dtlStatAndQty {width:20%;margin:auto 0;text-align:center;} #orderDetailLayer .orderSection .product .dtlStatAndQty .ordDtlStatNm {font-size: 18px;font-weight: 600;} #orderDetailLayer .orderSection .product .dtlStatAndQty .qty {font-size: 13px;font-weight: 500;}