/* BASIC css start */ .pointer{padding:10px; margin:0px 4% 20px 4%; border:1px solid #202020; color:#202020; font-weight:bold;} .recommendBg{width:100%; position:relative;} #basicSlidePager{position:absolute; top:18px; right:23px;} #basicSlidePager a{display:block; float:left; width:10px; height:10px; margin:0 5px; background:#ececec; text-indent:-9999px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} #basicSlidePager a.active{background:#464646;} .recommendtit{margin:50px 10px 0px 10px; border-top:1px solid #ececec; border-right:1px solid #ececec; border-left:1px solid #ececec; line-height:44px; text-align:center; font-weight:bold; font-size:1.1em;} .bx-wrapper{margin: 0px 10px 60px 10px; border-top: 1px solid #ececec; border-left: 1px solid #ececec; border-right:1px solid #ececec; -webkit-box-sizing:border-box; box-sizing:border-box;} .recommendsItem{width:100%;} .recommendsItem li{width: 33.333%; box-sizing:border-box; padding: 12px 5px; float: left; display: flex; flex-direction: column; align-items: center; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;} .recommendsItem li:nth-child(3n){border-right:none;} .recommendsItem .recommendsItem-img{text-align: center;} .recommendsItem .recommendsItem-img a{display: inline-block; width: 100%;} .recommendsItem .recommendsItem-img a img{width: 100%; max-width: 120px;} .recommendsItem .recommendsItem-title{margin-top: 7px; padding: 0px 4px; height: 54px;} .recommendsItem .recommendsItem-title a{display: inline-block; line-height: 18px; height: 54px; overflow: hidden;} .recommendsItem .recommendsItem-price{margin-top: 5px; font-size: 13px;} /* 추천상품 */ .basiccateTopimg{width:100%; border-bottom:1px solid #ececec; position:relative;} .basiccateTopimg a{display:block; width:100%;} .basiccateTopimg img{width:100%;} /* 카테고리 상단 이미지 */ .adtopbanner{width:100%; margin-bottom:24px;} .adtopbanner img{width:100%; border-bottom:1px solid rgba(0,0,0,0.05);} /* adtopbanner */ .basiccateComent{height:42px; line-height:42px; position:relative; text-align:center; border-bottom:1px solid #ececec; font-size:15px; font-weight:500; font-size:16px;} .basiccateComent h2{display:none;} .basiccateComent span{color:#f40d08; font-weight:normal;} .basiccateComent > a{display:block; width:80px; height:40px; position:absolute; top:0; left:0;} .basiccateComent > a > p{width:21px; height:21px; margin:9.5px auto; border:1px solid #ccc; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;} .basiccateComent > a > p > i{position:absolute; top:1px; left:50%; margin-left:-5.5px; font-style:normal; font-size:11px; color:#ccc;} /* 현재 카테고리명 노출 공간 */ .itemdetailInfoBg{} .itemdetailInfoBg h2{display:none;} .itemdetailInfoBg .idetailTit{padding:20px 10px 15px 10px; font-size:16px; text-align:center;} .itemdetailInfoBg .idetailTit span{display:block; font-size:13px; color:#aaa; margin-top:5px; padding:0 30px; text-align:center;} .itemdetailInfoBg .idetailImg{padding:0 10px 10px 10px;} .itemdetailInfoBg .idetailImg img.idetailImgIn{display:block; width:100%; height:auto; max-width:400px; max-height:400px; margin:0 auto;} /* 상세페이지 상단 이미지 */ .itemdetailInfoBg .basicdetailinfo{border-top:1px solid #f40d08; padding:20px 20px 0 20px; font-size:12px;} .itemdetailInfoBg .basicdetailinfo dl{padding:15px 0; line-height:18px; border-bottom:1px solid #ececec;} .itemdetailInfoBg .basicdetailinfo dl dt{float:left; width:30%; color:#777;} .itemdetailInfoBg .basicdetailinfo dl dd{float:left; width:70%;} .itemdetailInfoBg .basicdetailinfo dl dd .basicdconsumer{text-decoration:line-through; color:#ccc; font-size:13px; margin-right:8px;} .itemdetailInfoBg .basicdetailinfo dl dd .basicdprice{font-size:16px; font-weight:bold; color:#f40d08;} .itemdetailInfoBg .basicdetailinfo dl dd .basicdprice i{font-style:normal; font-size:15px;} .itemdetailInfoBg .basicdetailinfo dl:nth-child(5) dd a{display:inline-block; width:25px; height;25px; margin-right:5px;} .itemdetailInfoBg .basicdetailinfo dl:nth-child(5) dd a img{width:25px; height:25px;} /* 판매가 적립금 배송비 SNS */ .itemdetailInfoBg .basicoptionList{padding:0 20px; font-size:12px; position:relative;} .itemdetailInfoBg .basicoptionList h2{display:none;} .itemdetailInfoBg .basicoptionList dl{border-bottom:1px solid #ececec; display:flex; align-items:center;} .itemdetailInfoBg .basicoptionList dl dt{float:left; width:30%; color:#777; height:49px; display:flex; align-items:center;} .itemdetailInfoBg .basicoptionList dl dd{float:left; width:70%;} .itemdetailInfoBg .basicoptionList dl dd select.basic_option{width:100%; height:30px; line-height:30px; -webkit-appearance:none; appearance:none; background:#fff;} /* 옵션 리스트 */ ul.MK-oneclick-list.MK-oneclick-only-text{width:100%; padding-top:5px;} ul.MK-oneclick-list.MK-oneclick-only-text li{float:left; margin-right:5px; margin-bottom:5px; height:34px;} ul.MK-oneclick-list.MK-oneclick-only-text li a{display:block; padding:7px 18px; border:1px solid #ececec; box-sizing:border-box; text-align:center; background:#fff; cursor: pointer;} li.MK-oneclick-dis{display:none;} li.MK-oneclick-dis.soldOut{display:block; font-weight:bold;} li.MK-oneclick-li.MK-oneclick-text.MK-oneclick-sel a{border:1px solid #202020; background:#202020; color:#fff;} /* 원클릭 옵션 리스트 */ .itemdetailInfoBg .basicoptionListSelect h2{display:none;} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptTotal{height:44px; line-height:44px; border-bottom:1px solid #ececec; padding-right:21px;} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptTotal #MK_p_total{color:#f40d08;} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptScroll{margin:0 20px;} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptScroll ul#MK_innerOpt_01{border-bottom:1px solid #ececec;} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptScroll ul#MK_innerOpt_01 a.MK_btn-del{display:block; width:20px; height:20px; background:url(http://winv007.img18.kr/newMobile/img/sangseClose.png) no-repeat;} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptScroll ul#MK_innerOpt_01 a.MK_btn-del img{display:none;} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptScroll ul#MK_innerOpt_01 .MK_qty-ctrl a{background:#ccc;} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptScroll ul#MK_innerOpt_01 .MK_qty-ctrl input.basic_option{} .itemdetailInfoBg .basicoptionListSelect div#MK_innerOptScroll ul#MK_innerOpt_01 .MK_qty-ctrl a:nth-child(2){margin-left:1px;} /* 옵션 선택시 결과화면 */ .basicdetailBotton{margin-bottom:18px;} .basicdetailBotton .basicdetailBottonSoldOutBg{border-bottom:1px solid #ececec;} .basicdetailBotton .basicdetailBottonSoldOut{margin:20px; border:1px solid #f40d08; text-align:center; line-height:60px; color:#f40d08;} .basicdetailBotton .basicdetailBottonMain{border-bottom:1px solid #ececec;} .basicdetailBotton .basicdetailBottonMain li{float:left; width:20%; height:42px; line-height:42px; text-align:center; background:#f5f5f5; border-right:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .basicdetailBotton .basicdetailBottonMain li:nth-child(3){width:60%; background:#f40d08; border-right:none; font-size:15px;} .basicdetailBotton .basicdetailBottonMain li a{display:block; width:100%; color:#fff;} .basicdetailBotton .basicdetailBottonMain li a span{display:block; width:25px; height:25px; background:url(http://winv007.img18.kr/newMobile/img/basicclassBottom.gif) no-repeat; background-size:25px; margin:7.5px auto 0 auto;} .basicdetailBotton .basicdetailBottonMain li:nth-child(1) a span{background-position:0 0; width:40px; position:relative;} .basicdetailBotton .basicdetailBottonMain li:nth-child(2) a span{background-position:0 -25px;} .basicdetailBotton .basicdetailBottonMain li a span i{width:20px; height:20px; position:absolute; top:-8px; left:28px; color:#464646; font-weight:bold; font-style:normal; font-size:13px; -webkit-text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; -moz-text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; } .basicdetailBotton .basicdetailBottonMain li a span i::first-letter{font-size:14px;} .basicdetailBotton .naver-checkout{margin-top:15px;} /* 상세페이지 버튼 모음 */ /* 상품 정보 종합 */ .payco-btn{width:290px; margin:20px auto 0 auto;} .payco-btn .payco_checkout.ta{width:290px;} /* 페이코 크기 조절 */ .addInfoBG__inner{width:100%;} .addInfo__inner-tit{font-weight:bold; font-size:1.2em; margin-left:4%;} .addInfo__inner{display: table; width: 100%; border-top:1px solid #464646; border-bottom:1px solid #464646; padding: 2% 4%; margin:2% 0px 4% 0px; -webkit-box-sizing:border-box; box-sizing:border-box;} .itembasic-bg{display: table-row;} .itembasic-tit{display: table-cell; width: 30%; padding: 1.7% 4% 1.7% 0px; color:#a1a1a1;} .itembasic-txt{display: table-cell; width: 70%; padding: 1.7% 0px; color:#464646;} /* 상품 추가 정보 */ .basicclassBottomList h2{display:none;} .basicclassBottomList .kakaoTalkAdviceListBtn{width:100%;} .basicclassBottomList .kakaoTalkAdviceListBtn img{width:100%;} .basicclassBottomList .qnaBoard{display:block; background:#464646; color:#fff; margin:20px 10px; line-height:40px; padding:2px 10px; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;} .basicclassBottomList .bcBListAll > li{border-bottom:1px solid #ececec; background:#fafafa;} .basicclassBottomList .bcBListAll > li:last-child{border-bottom:none;} .basicclassBottomList .bcBListAll > li > a{display:block; width:100%; line-height:40px; padding:2px 10px; font-size:13px; color:#262626; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .basicclassBottomList .bcBListAll > li > a > span{float:right;} .basicclassBottomList .bcBListDetailIMG{width:100%; margin-top:50px;} .basicclassBottomList .bcBListDetailIMG > a.bcBListTarget{width:100%; height:auto;} .basicclassBottomList .bcBListDetailIMG img {max-width:100% !important; height: auto !important;} .basicclassBottomList .bcBListDetailIMG table {width:100% !important;} .basicclassBottomList .bcBListDetailIMG object {width:100% !important;} .basicclassBottomList .bcBListDetailIMG iframe {width:100% !important;} .basicclassBottomList .bcBListDetailIMG table {table-layout: auto !important;} .basicclassBottomList .bcBListDetailIMG .sas {width:100% !important;} .basicclassBottomList .bcBListDetailIMG .importDates{width:100%;} .basicclassBottomList .bcBListDetailIMG .importDates img{width:100%; max-width:550px; margin:0 auto;} .basicclassBottomList .bcBListDetailIMG a img{width:100%;} .basicclassBottomList .bcBListDetailIMG .itemPackgeIn{width:100%;} .basicclassBottomList .bcBListDetailIMG .itemPackgeIn img{width:100%;} .basicclassBottomList .bcBListMiddle > li{position:relative;} .basicclassBottomList .bcBListMiddle > li > a > .bcBLMAbtnImg, .basicclassBottomList .bcBListMiddle > li > a > .bcBLMAbtnImg2{display:block; width:10px; height:10px; position:absolute; background:url(http://winv007.img18.kr/newMobile/img/mainIMG.png) no-repeat; display:block; top:17px; right:10px; text-indent:-9999px; display:block; background-position:-326px 0;} .basicclassBottomList .bcBListMiddle > li > a > .bcBLMAbtnImg.bcBListOn{background-position:-306px 0;} .basicclassBottomList .bcBListMiddle .bcBLMAll > a > span{display:block; width:10px; height:10px; position:absolute; background:url(http://winv007.img18.kr/newMobile/img/mainIMG.png) no-repeat; display:block; top:17px; right:10px; text-indent:-9999px; display:block; background-position:-326px 0;} .basicclassBottomList .bcBListMiddle .bcBLMAll.bcBLOn > a > span{background-position:-306px 0;} .basicclassBottomList .bcBListMiddle > .bcBLOn .bcBListContent1 div{display:block;} .basicclassBottomList .bcBListMiddle > .bcBLOn .bcBListContent2 div{display:block;} .basicclassBottomList .bcBListMiddle > .bcBLOn .bcBListContent3 div{display:block;} .basicclassBottomList .bcBListMiddle > .bcBLMAll div img{display:none; width:100%; height:auto;} .basicclassBottomList .bcBListMiddle > .bcBLOn .bcBListContent0 img{display:block;} .basicclassBottomList .bcBListMiddle > .bcBLOn .bcBListContent1 img{display:block;} .basicclassBottomList .bcBListMiddle > .bcBLOn .bcBListContent2 img{display:block;} .basicclassBottomList .bcBListMiddle > .bcBLOn .bcBListContent3 img{display:block;} .basicclassBottomList .bcBListMiddle .bcBLMAll .bcBListContent1 div .confirmationQNA{display:none; padding:10px; background:#fff; height:40px;} .basicclassBottomList .bcBListMiddle .bcBLMAll .bcBListContent1 div .confirmationQNA a{display:block; width:100%; height:40px; background:#464646; color:#fff; line-height:40px; text-align:center;} .basicclassBottomList .bcBListMiddle .bcBLOn .bcBListContent1 div .confirmationQNA{display:block;} /* 상품 상세 리스트 */ #tabs {margin:20px 10px; border:1px solid #ececec; font-size: 12px;} #tabs .shopdetailBoard {overflow: hidden;text-align:center; border-bottom:1px solid #ececec; padding: 10px 0; margin-bottom: 0;} #tabs .shopdetailBoard .tab_on {font-weight: bold; padding: 10px 0;} #tabs .util {border-bottom: 1px solid #ececec; padding:10px;} #tabs .util a {border: 1px solid #ececec; display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;width: 100%;text-align: center; background:#f5f5f5; color:#202020; box-sizing:border-box;} #tabs .list_board .reply-detail {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;} #tabs .review .list_board > ul > li.now > .cont_wrap {display: block;} #tabs .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:1px solid #bebebe;} #tabs .empty-board {text-align: center; padding: 10px 0;} #tabs .pReviewIn{width:100%;} #tabs .pReviewBox{width:50%;} #tabs .Otn{float:left; display:block; width:96%; margin:2%; padding:15px 4%; border:1px solid #ececec; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #tabs .pReviewBox .bl_image{width:86px; margin:0 auto 10px auto;} #tabs .pReviewBox .bl_image img{width:86px;} #tabs .reContentBg .content{border-top:1px solid #ececec; margin:5px 0; padding-top:5px;} #tabs2 {margin:20px 10px; border:1px solid #ececec; font-size: 12px;} #tabs2 .shopdetailBoard {overflow: hidden;text-align:center; border-bottom:1px solid #ececec; padding: 10px 0; margin-bottom: 0;} #tabs2 .shopdetailBoard .tab_on {font-weight: bold; padding: 10px 0;} #tabs2 .util {border-bottom: 1px solid #ececec; padding:10px;} #tabs2 .util a {border: 1px solid #ececec;display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;width: 100%;text-align: center; background:#f5f5f5; color:#202020;} #tabs2 .list_board .reply-detail {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;} #tabs2 .review .list_board > ul > li.now > .cont_wrap {display: block;} #tabs2 .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:1px solid #bebebe;} #tabs2 .empty-board {text-align: center; padding: 10px 0;} #tabs2 .Otn{float:left; display:block; width:96%; margin:2%; padding:15px 4%; border:1px solid #ececec; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #tabs2 .reContentBg .content{border-top:1px solid #ececec; margin:5px 0; padding-top:5px;} .list_board ul li {color: #424242; border-bottom: 1px solid #ececec; word-break: break-all;} .list_board .re-wrap ul li {font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none;} .list_board ul li dl {padding: 7px;} .list_board ul li dl h4 {margin: 0} .list_board ul li .cont_wrap {display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px;} .list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;} /* 상품 리뷰 게시글 */ .wrap .shopdetailItem .wrap_top{bottom:15px;} /* 맨 위로가기 버튼 */ .flyingAreaBtn{display:none; width:100%; height:125px; position:fixed; bottom:0; z-index:99999;} .flyingAreaBtn .flyingAreaBtnTop{border-bottom:25px solid #f5f5f5; border-left:5px solid transparent; z-index:1; border-right:5px solid transparent; height:0; width:90px; text-align:center; position:absolute; left:50%; margin-left:-50px;} .flyingAreaBtn .flyingAreaBtnTop ul{margin-top:8px; margin-left:28px;} .flyingAreaBtn .flyingAreaBtnTop ul li{width:34px; height:2px; border-bottom:1px solid #c5c5c5;} .flyingAreaBtn .flyingAreaBtnBottom{width:100%; height:100px; overflow:hidden; background:#f5f5f5; position:absolute; bottom:0; -webkit-box-shadow:0px -2px 3px rgba(0,0,0,0.1); -moz-box-shadow:0px -2px 3px rgba(0,0,0,0.1); box-shadow:0px -2px 3px rgba(0,0,0,0.1);} .flyingAreaBtn .flyingAreaBtnBottom a{display:block; width:70%; height:50px; line-height:50px; text-align:center; background:#f30f09; margin-left:15%; margin-top:20px; font-size:15px; font-weight:bold; color:#fff} .flyingArea.on{display:block; width:100%; position:fixed; bottom:0; z-index:99999;} .flyingArea.on .flyingAreaTop{width:100%;} .flyingArea.on .flyingAreaTop .topBtn{display:block; width:100%; height:50px; position:relative;} .flyingArea.on .flyingAreaTop .topPoint{border-bottom:25px solid #f5f5f5; border-left:5px solid transparent; z-index:1; border-right:5px solid transparent; height:0; width:90px; text-align:center; position:absolute; left:50%; margin-left:-50px;} .flyingArea.on .flyingAreaTop .topPoint ul{margin-top:8px; margin-left:28px;} .flyingArea.on .flyingAreaTop .topPoint ul li{width:34px; height:2px; border-bottom:1px solid #c5c5c5;} .flyingArea.on .flyingAreaTop .topBox{width:100%; height:25px; background:#f5f5f5; position:absolute; bottom:0; left:0; overflow:hidden; box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.1);} .flyingArea.on .flyingAreaMiddle{width:100%; background:#f5f5f5;} .flyingArea.on .flyingAreaMiddle .basicdetailBotton{margin-bottom:0px;} .flyingArea.on .flyingAreaBottom{width:100%; height:50px; background:#f5f5f5;} /* 하단에 붙는 상품 구매하기 버튼 */ .addInfo-mainBanner{width:100%} .addInfo-mainBanner a { display: block; width: 100%; margin-bottom: 10px; } .addInfo-mainBanner .addInfo-mainBanner-bootId { display: none; } .addInfo-mainBanner .addInfo-mainBanner-bootId.active { display: block; } .addInfo-mainBanner .addInfo-mainBanner-nblog { display: none; } .addInfo-mainBanner .addInfo-mainBanner-nblog.active { display: block; } .naverBlog-url { display: none; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* youtube Video */ .sizeTable-main, .sizeTable-main div, .addInfo-mainContent, .addInfo-mainContent div{box-sizing:border-box;} .addInfo-mainContent .mtableBg, .addInfo-mainContent .btableBg, .addInfo-mainContent .inTBg { display: table; width: 100%; margin: 0 auto; font-size: 0.9em; } .addInfo-mainContent .mtableBg { margin-top: 20px; border-top: 1px solid #ececec; border-left: 1px solid #ececec; } .addInfo-mainContent .btableBg { border-top: 1px solid #ececec; border-left: 1px solid #ececec; } .addInfo-mainContent .mTR, .addInfo-mainContent .bTR, .addInfo-mainContent .inTR, .addInfo-mainContent .aTR { display: table-row; width: 100%; } .addInfo-mainContent .mTC { display: table-cell; width: 17.2%; vertical-align: middle; color: #999; padding: 2%; text-align: center; letter-spacing: -1px; border-bottom: 1px solid #ececec; box-sizing:border-box; } .addInfo-mainContent .mTC:last-child { border-right: 1px solid #ececec; } .addInfo-mainContent .mTC.leftT { width: 14%; color: #464646; letter-spacing: 0; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; box-sizing:border-box; } .addInfo-mainContent .mtableBg .mTR:last-child .mTC { border-bottom: none; } .addInfo-mainContent .mTC .mcie.on { border: 1px solid #101010; border-radius: 200px; padding: 5%; color: #464646; background: #fff; } .addInfo-mainContent .bTC { display: table-cell; vertical-align: middle; color: #464646; padding: 2%; text-align: center; width: 86%; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; } .addInfo-mainContent .bTC.leftT { width: 14%; color: #464646; } .addInfo-mainContent .inTC { display: table-cell; width: 14.285%; vertical-align: middle; color: #999; text-align: center; padding-bottom: 7px; } .addInfo-mainContent .inTC.leftAli { text-align: left; padding-left: 30px; } .addInfo-mainContent .inTC.rightAli { text-align: right; padding-right: 30px; } .addInfo-mainContent .inTB { display: table-cell; width: 14.285%; vertical-align: middle; color: #464646; text-align: center; height: 15px; border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; } .addInfo-mainContent .inTB:first-child { border-left: 1px solid #464646; border-top-left-radius: 100px; border-bottom-left-radius: 100px; } .addInfo-mainContent .inTB:last-child { border-top-right-radius: 100px; border-bottom-right-radius: 100px; } .addInfo-mainContent .inTB.on { background: #464646; } .addInfo-mainContent .taBg { width: 100%; max-width: 1040px; color: #999; } .addInfo-mainContent .mtextBg { margin: 0 auto; padding: 4%; line-height: 1.5; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; } .addInfo-mainContent .items-detailex { width: 100%; font-size: 1.1em; line-height: 1.7; color: #464646; padding: 0px 4%; margin-top: 24px; box-sizing:border-box; } .addInfo-mainContent img { margin-top: 50px; } li.MK-oneclick-li.MK-oneclick-text.MK-oneclick-dis{ display: none; } .addInfo-monitorColor { width: 100%; padding: 50px 4%; box-sizing:border-box; } .addInfo-monitorColorBg{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; } .addInfo-monitorColorBg div { width: 5%; height: 40px; } .monitorColor1 { background: #f7f7f7; } .monitorColor2 { background: #eeeeee; } .monitorColor3 { background: #e4e4e4; } .monitorColor4 { background: #d7d7d7; } .monitorColor5 { background: #cacaca; } .monitorColor6 { background: #bbbbbb; } .monitorColor7 { background: #ababab; } .monitorColor8 { background: #9c9c9c; } .monitorColor9 { background: #8b8b8b; } .monitorColor10 { background: #7c7c7c; } .monitorColor11 { background: #6b6b6b; } .monitorColor12 { background: #5b5b5b; } .monitorColor13 { background: #4c4c4c; } .monitorColor14 { background: #3d3d3d; } .monitorColor15 { background: #303030; } .monitorColor16 { background: #232323; } .monitorColor17 { background: #191919; } .monitorColor18 { background: #0f0f0f; } .monitorColor19 { background: #070707; } .monitorColor20 { background: #000000; } .addInfo-sizeCheck, .addInfo-sizeChecked { width: 100%; margin-bottom: 100px; } .addInfo-monitorColor-txt { text-align: left; margin: 2% 0px; color:#a1a1a1; } /* 상세 내용 리뉴얼 */ /******************************************************************/ /*******************2020년11월리뉴얼이전상세관리*시작**************/ /******************************************************************/ .addInfo-mainContent .stableBg{ width: 100%; font-size: 1.2em; line-height: 1.7; } .addInfo-mainContent .basictextBg{ width:100%; color:#464646; font-size: 1.1em; line-height: 1.7; } .addInfo-mainContent .mTC.leftT, .addInfo-mainContent .bTC.leftT{ background: #fff; font-weight: normal; } .addInfo-mainContent .mTC, .addInfo-mainContent .mtextBg, .addInfo-mainContent .bTC, .addInfo-mainContent .bTC.reviewColor{ background: #fff; } .addInfo-mainContent > a{ width: 100%; } /******************************************************************/ /*******************2020년11월리뉴얼이전상세관리*끝****************/ /******************************************************************/ .itemDetail-goods-pop-btn{margin:10px; border:1px solid #a1a1a1; padding:15px 0px; text-align:center; background:#fafafa;} .itemDetail-goods-pop-btn.closed{display:none;} .itemDetail-goods-pop, .itemDetail-goods-pop2 { display: none; width: calc(100% - 20px); background: #fafafa; border: 1px solid #ececec; padding: 20px 10px; margin:0px 10px; box-sizing:border-box; } .itemDetail-goods-pop.opened, .itemDetail-goods-pop2.opened { display: block; } .itemDetail-goods-pop .goods-pop-table, .itemDetail-goods-pop2 .goods-pop-table { display: table; width: 100%; } .goods-pop-table .goods-pop-table-row { display: table-row; width:100%; } .goods-pop-table .goods-pop-table-cell { display: table-cell; padding: 10px 0px; border-bottom: 1px solid #a1a1a1; vertical-align: middle; } .goods-pop-table .goods-pop-table-cell:nth-child(1), .goods-pop-table .goods-pop-table-cell:nth-child(4) { width: 60px; box-sizing:border-box; } .goods-pop-table .goods-pop-table-cell:nth-child(2), .goods-pop-table .goods-pop-table-cell:nth-child(5) { width: calc(40% - 30px); padding: 10px 5px; box-sizing:border-box; font-size:11px; } .goods-pop-table .goods-pop-table-cell:nth-child(3), .goods-pop-table .goods-pop-table-cell:nth-child(6) { width: calc(60% - 30px); padding: 10px 5px 10px 0px; box-sizing:border-box; color: #464646; } .goods-pop-table-cell div { width: 54px; height: 54px; } .itemDetial-goods-popz .goods-pop-table-cell div { background: url(http://winv007.img18.kr/crazy11web/pc/img/pc_goods%2Dpop%2Dimage.jpg) no-repeat; background-size: 337px; } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img1 { background-position: -2px -2px; /* UT 카프 쿠션 삭스 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img2 { background-position: -58px -2px; /* UT 논슬립 터치 니트 플레이어 장갑 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img3 { background-position: -114px -2px; /* UT 논슬립 니트 플레이어 장갑 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img4 { background-position: -170px -2px; /* 크레이지11 시그니처 짐쌕 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img5 { background-position: -226px -2px; /* UT튜브스타킹 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img6 { background-position: -282px -2px; /* UT 프리미엄 논슬립 카프 삭스 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img7 { background-position: -2px -58px; /* UT 에센셜 크루 삭스 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img8 { background-position: -58px -58px; /* UT사커스타킹 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img9 { background-position: -114px -58px; /* 크레이지11 그래픽 축구화쌕 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img10 { background-position: -170px -58px; /* UT 액티브 카프 삭스 II */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img11 { background-position: -226px -58px; /* UT 엘리트 카프 씬 삭스 II(백색) */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img12 { background-position: -282px -58px; /* 랜덤공 이미지1 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img13 { background-position: -2px -114px; /* 랜덤공 이미지2 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img14 { background-position: -58px -114px; /* 공 이미지 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img15 { background-position: -114px -114px; /* UT 액티브 카프 삭스 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img16 { background-position: -170px -114px; /* 튜브 스타킹 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img17 { background-position: -226px -114px; /* 튜브 스타킹 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img18 { background-position: -282px -114px; /* 스타킹 홀더 */ } .itemDetial-goods-popz .goods-pop-table-cell .goods-pop-img19 { background-position: -2px -170px; /* 티로 캡 */ } /* 추가 용품 안내 */ .btnapp{width:290px; margin:0px auto;} .btnapp .btn-app{margin:15px auto 10px auto;} .btnapp img{width:100%;} /* 앱 구매버튼 */ /* .MS_cmt_list_box {color: #656565;} .MS_cmt_list_box .comment_list:last-child {border-bottom: 1px solid #cecece;} .MS_cmt_list_box .comment_list {padding: 5px;border: 1px solid #cecece;border-bottom: 0;background-color: #fff;} .MS_cmt_list_box .MS_cmt_hname {padding-left: 5px;} .MS_cmt_list_box .MS_cmt_content {padding-left: 15px;} .MS_cmt_list_box .comment_depth2 {padding-left: 10px;} .MS_cmt_list_box .comment_depth3 {padding-left: 15px;} #comment_password {width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080;} #comment_password input[type="password"] {width: 75%;} #comment_password form {height: auto !important;} #comment_password form span {display: block;} */ /* 상품 리뷰 댓글 */ /* .list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info {padding-left: 12px;} .list_board ul li .reply_status {font-size: 0.875em; color: #777777; font-weight: normal;} */ /* 상품 리뷰 답글 */ /* .list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;} .list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;} */ /* 상품 리뷰 비번입력 */ /* .list_board ul li dl h4 .new {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#5cb7fa;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} .list_board ul li dl h4 .hit {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#ff912c;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} */ /* 상품 리뷰 new, hit 아이콘 */ /* .list_board ul li .cont_wrap .comment_modify {text-align: right; margin-top: 5px;} .list_board ul li .cont_wrap .comment_modify a {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} .list_board ul li dl .info .review_del {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} */ /* 상품 리뷰 수정,삭제버튼 */ /* .paging {position: relative; text-align: center; margin-top: 15px;} .paging a.next, .paging a.prev {width: 30px; height: 25px; line-height: 23px; border: 1px solid #8C8C8C; background-color: #F1F1F1; color: #000;} .paging strong {font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px;} .paging a {text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #464646; border: 1px solid #dedede; font-size: .75em; font-weight: 700; background-color: #fff; margin: 0 2px;} .paging .now { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 27px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; } .paging.pagingTarget a.now{background-color: #464646; color:#fff; border: 1px solid #464646;} */ /* 상품 리뷰 페이지네이션 */ .shopdetail .shopdetailInfo {background-color:#f5f5f5; border-top:1px solid #c7c7c7;} .shopdetail .shopdetailInfo h2 {font-size:1.333em; font-weight:bold; text-align:center; padding-top:16px;} .shopdetail h3 {font-weight:bold; padding:10px 15px; margin-bottom:10px; background-color:#E6D9D9;} .shopdetail h3 .fa {float:right; font-size: 1.5em;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {padding:16px 15px; border-bottom:1px solid #c7c7c7;} .shopdetail .shopdetailInfo .shopdetailInfoTop figcaption {text-align:left; margin-top:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; border-bottom:1px solid #c7c7c7; padding:18px 15px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {color:#f1191f; font-size:1.333em;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {margin-bottom:8px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:30%; display:inline-block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {margin-left: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation {position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a {width:50px; height:50px; color:#fff; background-color:#636363; display: inline-block; font-size:0.917em; border-radius: 4px; border:1px solid #424242;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {display:block; margin:6px 0 3px 0;} .shopdetailInfoDelivery {padding:10px 15px;} /* 상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {width: 100%; position: fixed; z-index: 101; bottom: 0; left: 0; right: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {-webkit-animation: qbuy 150ms linear 1 normal; animation: qbuy 150ms linear 1 normal;} @-webkit-keyframes qbuy { from {bottom:-65px;} to {bottom:0;} } @keyframes qbuy { from {bottom:-65px;} to {bottom:0;} } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {height:150px; overflow-y:auto; background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {width:100%; box-sizing: border-box; position:relative; bottom:0; left:0; right:0; background-color:#f6f6f6; border-top:1px solid #dfdfdf; z-index: 101; text-align: center; padding:6px; margin:0 auto; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {display: block; position: fixed;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block; position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute; top: -16px; left: 50%; margin-left:-33px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {background-color: #fff; border-top: 1px dotted #444;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {background-color: #f6f6f6; text-align: center; padding: 10px 15px; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {width:48%; color: #3b3b3b; background-color:#fff; border:1px solid #f1191f; display: inline-block; padding:6px 0; margin: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {background-color:#f1191f; color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {text-align: right;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {background-color:#f6f6f6; padding: 5px 15px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width: 28%; padding-right: 5px; display:inline-block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #f6f6f6; padding:0 15px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel {font-weight: bold; font-size: 1.1em; padding-top: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select {margin-bottom: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName {vertical-align: top; padding-top: 11px;} .shopdetail .shopdetailBoard {text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; margin-bottom:32px;} .shopdetail .shopdetailBoard a {width:33.33%; background-color:#f8f8f8; border-left:1px solid #bbb; display:inline-block; margin-left: -1px; font-weight:bold; padding:20px 0;} .MK_optAddWrap .MK_inner-opt-cm li {position:relative; border-bottom:1px solid #c7c7c7; padding: 12px 0;} .MK_optAddWrap .MK_inner-opt-cm li:last-child {border-bottom:0px none;} .MK_optAddWrap .MK_inner-opt-cm .MK_p-name {padding-right: 30px; display: block;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {margin-top:8px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {padding:0 6px; width: 50px;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {position:absolute; top:12px; right:0;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {width: 20px;} .MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute; bottom:21px; right:0; font-size: 1.3em;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; display: inline-block;} .MK_optAddWrap .total {text-align:right; padding:10px 15px; font-size: 1.3em;} .MK_optAddWrap .MK_total {font-size:18px; color:#f1191f; margin-left:15px;} .MK_optAddWrap .MK_txt-won {font-size:17px;} /* //상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {background-color:#fff; text-align:right; padding:15px; font-size:1.2em;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#f1191f; font-size:1.333em; margin-left:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {text-align:center; padding:15px; border-top:1px solid #4a4a4a;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {padding:15px 14px; display: inline-block; margin:0 2px; font-weight:bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {background-color:#FFF; border:1px solid #393939;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {color:#fff; background-color:#393939; border:1px solid #393939;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {color:#fff; background-color:#f1191f; border:1px solid #f1191f; padding:15px 32px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {margin:20px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {margin:0 2px; width:45px; height:auto;} .shopdetail .shopdetailCoupon {margin-top:15px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {padding:0 15px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li {height:34px; background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center; padding:10px 0 10px 92px; border-bottom:1px dashed #cbcbcb; position:relative; background-size: 81px auto;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child {border-bottom:0px none;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width:82px; position:absolute; top:10px; left:0 ; color:#fff; text-align:center;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {font-weight: normal;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;} .shopdetail .shopdetailItem .shopdetailItemPopup {text-align:center; padding:0 15px; margin:22px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup a {font-weight:bold; color:#fff; background-color:#636363; display:block; padding:10px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom {height:60px; padding:0 0 0 75px; margin-top:10px; background:url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center; line-height: 60px; background-size: 50px auto;} .shopdetail .shopdetailItem .shopdetailImage img {max-width:100% !important; height: auto !important;} .shopdetail .shopdetailItem .shopdetailImage table {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage object {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage iframe {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage table {table-layout: auto !important;} .shopdetail .shopdetailItem .shopdetailImage div {width:100% !important;} .shopdetail .shopdetailItem .shopdetailNotify {margin-top:24px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {padding:0 15px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt {font-weight:bold; margin-bottom:2px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd {margin:0 0 25px 6px;} .shopdetail .shopdetailRelationItem {padding:0 15px 30px 15px;} .shopdetail .shopdetailRelationItem .listName input {float:right;} .shopdetail .shopdetailRelationItem .btn_cart {width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto;} /* 관련상품 */ .shopdetailRelation {margin-bottom:30px;} .shopdetailRelation .list_shoppingRelationItem1x {padding: 0 7px;} .shopdetailRelation .list_shoppingRelationItem1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box;} .shopdetailRelation .list_shoppingRelationItem1x li {width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9; padding:18px 0;} .shopdetailRelation .list_shoppingRelationItem1x li figure {padding:0 7px;} .shopdetailRelation .list_shoppingRelationItem1x li:first-child {border:0px none;} .shopdetailRelation .list_shoppingRelationItem1x li img.listPic {width:40%; float:left;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo {width:57%; float:left; padding-left:3%; position: relative;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName {border-bottom: 1px solid #dedede; padding: 0 15px 2px 0; margin-bottom: 5px;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select {width:100%;} .shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox {position:absolute; top:0; right:0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount {margin: 12px 0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input {text-align:right;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;} .shopdetailRelation .list_shoppingRelationItem1x .btn_Black {width:290px; margin: 0 auto;} /* //관련상품 */ /* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ .cs-button {bottom: 53px !important;} /* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ @media screen and (min-width:420px) and (max-width:767px) { .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;} .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;} .shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;} .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;} .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;} .shopdetail .shopdetailRelationItem {padding:0 0 30px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {padding:10px 8px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {padding:10px 8px;} .shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;} .shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;} .shopdetailRelation .list_shoppingRelationItem1x li {width:50%;} .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;} } @media screen and (min-width:768px) { .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;} .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;} .shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;} .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;} .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;} .shopdetail .shopdetailRelationItem {padding:0 0 30px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;} .shopdetail .shopdetailItem .shopdetailNotify {margin-top:36px;} .shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;} .shopdetailRelation .list_shoppingRelationItem1x li {width:50%;} .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;} } .itemdetailInfoBg .basicoptionList dl.boxoff{display:none;} .basicdetailBotton.boxoff{display:none;} .flyingAreaBtnTop.boxoff{display:none;} .flyingAreaBtnBottom.boxoff{display:none;} .itemDetail-goods-pop-btn.boxoff{display:none;} #tabs.boxoff{display:none;} .itemPackgeIn.boxoff{display:none;} .bcBListMiddle.boxoff{display:none;} .megainfo.boxoff{display:none;} .megabottoninfo.boxoff{display:none;} .qnaBoard.boxoff{display:none;} .basicoptionListSelect{display:block;} .itemdetailInfoBg .basicoptionList dl.megainfo{display:none;} .itemdetailInfoBg .basicoptionList dl.megainfo.boxon{display:flex;} .megainfoCover{display:none;} .megainfoCover.boxon{display:block; width:100%; height:100%; position:absolute; top:0px; left:0px;} .megabottoninfo{display:none;} .megabottoninfo.boxon{display:block;} .megabottoninfo li{border-bottom:1px solid #ececec; background:#fafafa; position:relative;} .megabottoninfo li a{display:block; width:100%; line-height:40px; padding:2px 10px; font-size:13px; color:#262626; box-sizing:border-box;} .megabottoninfo li a span{display:block; width:10px; height:10px; position:absolute; background: url(http://winv007.img18.kr/newMobile/img/mainIMG.png) no-repeat; top:17px; right:10px; text-indent:-9999px; display:block; background-position:-326px 0px;} .idetailTit2{display:none;} .idetailTit2.boxon{display:block; padding:15px 10px 12px 10px; font-size:15px; text-align:center; background:#202020; color:#fff;} /* 매장재고 */ .theimpact{width:100%;max-width:1040px;margin:0 auto;background:#101010;padding-top:9%;font-family:"nixgonm",-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",arial,dotum,돋움,sans-serif;margin-top:40px}.addInfo-mainContent .theimpact img{margin-top:0}.flex_csb{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.ti__Topline,.ti__Toptit{padding:0 15%}.ti__Topline span{color:#fff;font-size:1.1em;line-height:1em;letter-spacing:4px;font-weight:700}.ti__Topline #CRAZY11logo{width:13%}.ti__Toptit{margin-top:7.4%}.ti__Toptit .wdata{font-size:1.1em;line-height:1em;color:#fff;text-align:right;padding:4% 0}.ti__imgtit{margin:0 14.7% 0 8.9%;padding-top:40.5%;border:.9em solid #fff;position:relative}.ti__imgtit-in{width:100%;position:absolute;top:11.4%;left:6.9%;z-index:1}.it__fu{width:100%;background:#101010;padding-top:11.5%;position:relative;background-image:url("data:image/svg+xml,%3Csvg data-name='crazy11 Logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.88 484.76'%3E%3Ctitle%3EVector Smart Object%3C/title%3E%3Cpath d='M567.23,606.78q0,9.93-4.89,14.84t-14.78,4.92h-32.9q-9.36,0-14.44-5t-5.06-14.14V560.92h19.5v42.89h32.9V561h19.67Z' transform='translate(-481.75 -141.78)' fill='%23242424'/%3E%3Cpath d='M567.23,553.17H495.16V502.68c0-5.9,1.18-10.21,3.55-13s6.08-4.11,11.1-4.11H519c3.37,0,5.91.63,7.64,1.9s3.15,3.48,4.25,6.64q1.7-4.83,4.19-6.69c1.66-1.23,4.26-1.85,7.77-1.85h24.37v22.16H540.46v23.15h26.77ZM524,530.92V507.86h-9.36v23.06Z' transform='translate(-481.75 -141.78)' fill='%23242424'/%3E%3Cpath d='M510.05,477.59q-6.93,0-10.91-4.29t-4-11.85V424.24q0-7.55,4-11.85t10.91-4.3h57.18v22.58H538.37v24.5h28.86v22.42Zm13.65-22.42v-24.5h-9v24.5Z' transform='translate(-481.75 -141.78)' fill='%23242424'/%3E%3Cpath d='M567.23,333.6v66.59H548.72l-34.06-38.78v37.65h-19.5V333.6h19.5l32.9,37v-37Z' transform='translate(-481.75 -141.78)' fill='%23242424'/%3E%3Cpath d='M567.23,301.91H541.18l-46,27.73V303.56l27.13-13.29L495.16,277V251l46,27.73h26.05Z' transform='translate(-481.75 -141.78)' fill='%23242424'/%3E%3Cpath d='M481.75,191.22a49.44,49.44,0,1,0,49.43-49.44A49.44,49.44,0,0,0,481.75,191.22Zm89,0a39.54,39.54,0,1,1-39.54-39.54A39.54,39.54,0,0,1,570.72,191.22Z' transform='translate(-481.75 -141.78)' fill='%23242424'/%3E%3Cpath d='M552.47,212H525.56v4.22h-6.39l-9.27-11.6v-5.76h42.57Z' transform='translate(-481.75 -141.78)' fill='%23242424'/%3E%3Cpath d='M552.47,179.41H525.56v4.22h-6.39L509.9,172v-5.76h42.57Z' transform='translate(-481.75 -141.78)' fill='%23242424'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:19.9%;background-position:6% 8%}.it__fu-back{width:55%;position:absolute}.it__fu-titbg{color:#fff;text-align:center}.it__fu-tit{font-size:3em;line-height:1em;font-weight:700;letter-spacing:2px}.it_yel{color:#fff200}.it__fu-titsub{display:inline-block;font-size:1.3em;line-height:1.2em;font-weight:700;letter-spacing:-1px;border-radius:500px;color:#101010;background:#fff200;margin:1% 0 2% 0;padding:1% 6%}.it__fu-txt{font-size:2em;line-height:1em;font-weight:700}.it__fu-openBtn{width:100%;margin-top:5.5%;padding-bottom:12%;text-align:center}.it__fu-openBtn.cl{display:none}.it__fu-openBtn .openbtn-txt{display:inline-block;width:54%;text-align:center;font-size:2.3em;line-height:2.6em;font-weight:700;cursor:pointer;-webkit-border-radius:4px;border-radius:10px;position:relative;border:none;outline:none;z-index:0;color:#fff}.it__fu-openBtn .openbtn-txt:before{content:"";background:#101010;background:linear-gradient(45deg,#f71300,#f53d03,#f7660e,#f6bf1e,#fff200,#c2e364,#b7d981,#0dc5dc,#f71300);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;transition:opacity 0.3s ease-in-out;border-radius:10px}.openbtn-txt:active .openbtn-ar{transition:0s}.it__fu-openBtn .openbtn-txt:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#101010;left:0;top:0;border-radius:10px;box-sizing:border-box}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}.it__fu-openBtn .openbtn-ar{cursor:pointer;display:inline-block;position:relative;transition:0.5s;color:#fff}.it__fu-openBtn .openbtn-ar:after{content:">";position:absolute;opacity:0;top:-53px;right:-20px;transition:0.5s}.openbtn-txt:hover .openbtn-ar{padding-right:25px}.openbtn-txt:hover .openbtn-ar:after{opacity:1;right:0}.it__opened{width:100%;display:none}.it__opened.op{display:block}.it__fu-sq{width:100%;position:relative;padding-top:16%}.it__fu-sqLine{width:10px;height:32px;background:#fff;position:absolute;bottom:0;left:19%}.it__fu-sqLine:after{content:"";width:74vw;height:1vw;background:#fff;position:absolute;top:-7.2vw;left:0;transform:skew(-1deg,-11deg)}.it__fu-sqTri{width:0;height:0;border-bottom:16vw solid #fff200;border-right:0 solid transparent;border-left:83.4vw solid transparent;position:absolute;right:0;top:0}.it__fu-inbg{width:100%;margin-top:-2px}.it__fu-inbg:after{content:"";display:block;clear:both}.it__fu-in{width:83.4vw;background:#fff200;float:right;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 13.3% 8% 17.7%}.it__fu-in-logo{width:100%;text-align:right}.it__fu-in-logo svg{width:15%}.it__fu-in-sub{width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin:10% 0 8% 0}.it__fu-in-sub-player{width:54%;font-size:1em;line-height:1.2em;font-style:italic}.it__fu-in-sub-positon{width:46%;text-align:right}.it__fu-in-sub-positon .sub-position{display:inline-block;font-size:1.7vw;line-height:1.7vw;font-weight:700;border:.2em solid #101010;padding:2% 7%;margin:0 0 4% 2%}.it__fu-in-txtarea{font-size:1.4em;line-height:1.4em}.it__fu-in-txtarea span{font-size:1.4em;line-height:1.4em;font-weight:700}.it__fu-in-stepBg{width:90%;margin:8% 0 0 10%}.it__fu-in-step{width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:5%}.it__fu-in-stepTit{width:26%;font-size:1.5em;line-height:1.6em;font-weight:700;font-style:italic}.it__fu-in-stepTit span{font-size:1.4em;line-height:1em}.it__fu-in-steps{width:75%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding-left:5%;-webkit-box-sizing:border-box;box-sizing:border-box}.it__fu-in-steps .in-steps-sq{width:7%;height:84px;background:#101010;transform:skew(-9deg)}.it__fu-in-steps .in-steps-sq.em{border:2px dashed #101010;background:none}.it__fu-in-edator{width:25.5%;height:30%;background:#fff;position:absolute;bottom:5%;left:-6%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column}.it__fu-in-edator-logo{width:25%}.it__fu-in-edator-img{width:50%;border-radius:500px;overflow:hidden;margin:8% auto 12% auto}.it__fu-in-edator-img img{width:100%}.it__fu-in-edator-tit{font-size:2.4vw;line-height:2.4vw;font-weight:700;letter-spacing:-1px;color:#464646}.it__fu-in-edator-tit span{color:#e41717}.it__fu-in-edator-sub{font-size:2vw;line-height:2vw;font-weight:700;color:#101010;margin-top:5%}.it__ttBg-cover{width:100%}.it__ttBg-cover:after{content:"";display:block;clear:both}.it__ttBg{width:77.4vw;float:right;margin-right:6vw;box-sizing:border-box;border-right:1vw solid #fff;border-bottom:1vw solid #fff;padding:4% 4.5% 10% 0}.it__ttBg-tit{width:100%;position:relative}.it__ttBg-tit #tt-titbg{width:100%}.it__ttBg-tit #tt-titLine{width:94.5%;position:absolute;top:19%;left:2%}.it__ttBg-tit #tt-titx{width:74%;position:absolute;top:30%;right:4%}.tt-tit-socore{color:#fff200;font-size:2.1em;line-height:1em;font-weight:700;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding-right:4.5%;margin-top:3%;font-style:italic}.tt-tit-socore span{margin-left:1.8%}.tt-tit-socore span:first-child{margin-left:3%}.tt-tit-socore svg{fill:#333;width:4vw}.tt-tit-socore .over svg{fill:#fff200}.it__ttBg-gr{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:34% auto 30% auto;width:72%;position:relative}.gr-imgBg{width:100%}.gr-imgOver{width:100%;height:100%;background:#fff200;opacity:.7;position:absolute;top:0;left:0}.it__ttBg-gr #CRAZY11logo{width:26%;position:absolute;top:52%;left:38%;opacity:.5}.gr-txt{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column;color:#fff;font-weight:700;font-size:2em;line-height:1em;font-style:italic;position:absolute;width:30%}.gr-txt1{top:-23%;left:35%}.gr-txt2{top:25%;left:-27%}.gr-txt3{top:25%;left:96%}.gr-txt4{top:104%;left:3%}.gr-txt5{top:104%;left:66%}.gr-txt-box{width:5.2vw;line-height:5.2vw;background:#fff200;border-radius:.7vw;text-align:center;color:#101010;margin:2vw 0;padding:.5vw .6vw 0 0}.it__ttBg-btn{display:block;width:73%;margin:0 auto;line-height:2.8em;border:.2em solid #ececec;border-radius:500px;text-align:center;color:#fff;font-size:1.4em;transition:all 0.15s}.it__ttBg-btn:hover{background:rgba(255,255,255,.05)}.it__bt{width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-top:7%;padding-bottom:8.4%}.it__bt div{margin-left:3%}.it__bt #CRAZY11logo{width:13%}.it__bt .it__btLine{height:2.2em;border-left:2px solid #fff}.it__bt .it__btN{color:#fff;font-size:1.4em;line-height:1em}.it__bottom{width:100%;font-size:1.2em;line-height:3.6em;text-align:center;background:#ececec;color:#464646;display:none}.it__bottom.op{display:block}@media all and (max-width:768px){.theimpact{padding-top:11%}.ti__Topline span{font-size:2.4vw;line-height:2.4vw}.ti__Toptit .wdata{font-size:1.24vw;line-height:1.24vw}.ti__Topline #CRAZY11logo{width:18%}.ti__imgtit{padding-top:39vw;border:1vw solid #fff}.ti__imgtit-in{top:4vw;left:5vw}.it__fu{background-position:6% 7%}.ti__Toptit .wdata{font-size:2.6vw;line-height:2.6vw}.it__fu-tit{font-size:4vw;line-height:4vw}.it__fu-titsub{font-size:1.9vw;letter-spacing:-.5px}.it__fu-openBtn{margin-top:6%;padding-bottom:14%}.it__fu-openBtn .openbtn-txt{font-size:4.2vw;line-height:14vw;width:66%}.it__fu-openBtn .openbtn-ar:after{top:-8.1vw;right:-6vw}.it__fu-openBtn:hover .openbtn-ar{padding-right:4vw}.it__fu-txt{font-size:3vw;line-height:3vw}.it__fu-sq{padding-top:16%}.it__fu-sqLine{width:1vw;height:3vw}.it__fu-sqLine:after{top:-7.5vw;transform:skew(-2deg,-10.5deg)}.it__fu-sqTri{border-bottom:16vw solid #fff200}.it__fu-in{padding:0 11% 8% 14%}.it__fu-in-logo svg{width:20%}.it__fu-in-sub{-webkit-align-items:flex-end;align-items:flex-end;flex-direction:column-reverse}.it__fu-in-sub-player{width:100%;font-size:2.8vw;line-height:2.8vw;text-align:right}.it__fu-in-sub-positon{width:100%}.it__fu-in-sub-positon .sub-position{font-size:2.2vw;line-height:2.2vw;border:.5vw solid #101010;padding:1.4% 3% 1% 3%}.it__fu-in-txtarea{font-size:3.2vw;line-height:3.9vw}.it__fu-in-txtarea span{font-size:3.6vw;line-height:3.8vw}.it__fu-in-stepTit{font-size:2.4vw;line-height:3.4vw}.it__fu-in-stepTit span{font-size:3.4vw;line-height:3.7vw}.it__fu-in-steps{width:75%;padding-left:4%}.it__fu-in-steps .in-steps-sq{height:54px}.it__fu-in-steps .in-steps-sq.em{border:1px dashed #101010}.it__fu-in-edator{width:21.5vw;height:34vw;bottom:4%}.it__fu-in-edator-logo{width:30%}.it__fu-in-edator-img{width:54%;margin:6% auto 10% auto}.it__fu-in-edator-tit{font-size:2.8vw;line-height:2.8vw}.it__fu-in-edator-sub{font-size:2.2vw;line-height:2.2vw;margin-top:4%}.it__ttBg-gr #CRAZY11logo{width:15vw;top:26vw;left:19vw}.tt-tit-socore{font-size:3.6vw;line-height:3.6vw}.tt-tit-socore svg{width:5vw}.it__ttBg-gr{width:52vw}.gr-imgOver{width:52vw;height:50vw}.gr-txt{font-size:3.6vw;line-height:3.6vw;width:15vw}.gr-txt1{top:-14vw;left:18.5vw}.gr-txt2{top:12vw;left:-16vw}.gr-txt3{top:12vw;left:50vw}.gr-txt4{top:52vw;left:2vw}.gr-txt5{top:52vw;left:35vw}.it__ttBg-btn{line-height:10vw;border:.5vw solid #ececec;font-size:2.8vw}.it__bt{margin-top:10%;padding-bottom:9%}.it__bt #CRAZY11logo{width:12vw}.it__bt .it__btLine{height:3.6vw}.it__bt .it__btN{font-size:2.6vw;line-height:2.6vw}.it__bottom{font-size:1.6vw;line-height:7vw}}@media all and (min-width:950px){.it__fu-sqLine:after{top:-8.2vw;transform:skew(-1deg,-12deg)}.it__fu-sqLine{left:26%}.it__fu-sqTri{border-bottom:164px solid #fff200;border-left:795px solid transparent}}@media all and (min-width:1040px){.ti__Topline span{font-size:15px;line-height:1em}.ti__Toptit .wdata{font-size:15px;line-height:1em}.it__fu{background-position:6% 8.7%}.it__fu-tit{font-size:40px;line-height:1em}.it__fu-titsub{font-size:17px}.it__fu-txt{font-size:30px;line-height:1em}.it__fu-openBtn{padding-bottom:8%}.it__fu-openBtn .openbtn-txt{font-size:30px;line-height:86px}.it__fu-openBtn .openbtn-ar:after{top:-59px}.it__fu-sq{padding-top:165px}.it__fu-sqLine{width:10px;height:40px;bottom:0;left:192px}.it__fu-sqLine:after{content:"";width:795px;height:10px;top:-73px;left:0;transform:skew(-2deg,-10.5deg)}.it__fu-sqTri{border-bottom:165px solid #fff200;border-left:875px solid transparent}.it__fu-in{width:875px}.it__fu-in-sub-player{font-size:18px;line-height:1em}.it__fu-in-sub-positon .sub-position{font-size:20px;line-height:1em;border:4px solid #101010;padding:2% 5%}.it__fu-in-txtarea{font-size:18px;line-height:24px}.it__fu-in-txtarea span{font-size:24px;line-height:24px}.it__fu-in-stepTit{font-size:22px;line-height:1.3em}.it__fu-in-stepTit span{font-size:30px;line-height:1em}.it__fu-in-steps{width:75%;padding-left:20px}.it__fu-in-steps .in-steps-sq{width:24px;height:88px}.it__fu-in-steps .in-steps-sq.em{border:2px dashed #101010}.it__fu-in-edator{width:222px;height:330px;bottom:50px;left:-54px}.it__fu-in-edator-logo{width:53px}.it__fu-in-edator-img{width:110px;margin:20px auto 28px auto}.it__fu-in-edator-tit{font-size:24px;line-height:1em}.it__fu-in-edator-sub{font-size:20px;line-height:1em;margin-top:10px}.it__ttBg{width:820px;margin-right:55px;border-right:10px solid #fff;border-bottom:10px solid #fff;padding:34px 44px 80px 0}.tt-tit-socore{font-size:30px;line-height:1em;padding-right:30px;margin-top:20px}.tt-tit-socore span{margin-left:10px}.tt-tit-socore span:first-child{margin-left:20px}.tt-tit-socore svg{width:40px}.it__ttBg-gr{margin:26% auto 26% auto;width:70%}.gr-imgBg{width:100%}.gr-txt{font-size:32px;line-height:1em;width:25%}.gr-txt1{top:-21%;left:37.5%}.gr-txt2{top:25%;left:-27%}.gr-txt3{top:25%;left:98%}.gr-txt4{top:103%;left:6%}.gr-txt5{top:103%;left:68%}.gr-txt-box{width:44px;line-height:44px;border-radius:7px;margin:14px 0;padding:0 4px 0 0}.it__ttBg-btn{width:512px;line-height:66px;border:4px solid #ececec;font-size:24px}.gr-imgOver{width:100%;height:100%}.it__bt{margin-top:76px;padding-bottom:90px}.it__bt div{margin-left:30px}.it__bt #CRAZY11logo{width:120px}.it__bt .it__btLine{height:40px;border-left:2px solid #fff}.it__bt .it__btN{font-size:20px;line-height:1em}.it__bottom{font-size:15px;line-height:70px} /* BASIC css end */