@charset "UTF-8";
#wrapPd > section > hr {display: block; border-top: 1px solid #FFF; border-style: dashed; margin-bottom: 20px;} /*임시 삭제할것*/
.highlighted {background:#ffe377; }
.red { background: rgb(255,240,240);}

article.secret { margin-bottom:0; padding-bottom:10px; font-size:12px;} /*popupLayer 마지막 article 마진값 조절*/
article.secret:nth-last-of-type(1) {padding-bottom:0} /*index에 카피라이터 삭제하면서 마지막 article bottom값 0으로*/
.secret {background: #e6e6e6; border: 0px; padding: 0;} /**/

/*쇼신비법 리스트*/
/*.secretSearch {position: absolute; top: 0; right: 0; padding: 0 0 0 5px;} /*쇼신비법검색*/
.secretSearch { position:relative; padding: 0 5px 0 0;}
/*.secretSearch { position:relative; float:left; padding: 0 5px 0 0;}*/
.secretSearch select { width: 65px; height: 32px; padding: 0 15px 0 3px; background: #E6F2F3 url('../img/img_form.png') no-repeat 120% -31px; background-size: 31px 162px; font-size: 13px; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none;}
.secretSearch input[type=text] { width: calc(100% - 91px); width: -webkit-calc(100% - 91px); width: -moz-calc(100% - 91px); min-width: 165px; color: #556F7B; background: #E6F2F3; padding: 0 2px; height: 32px; border: 1px solid #a1a1a1; border-left: none; font-size: 13px; -webkit-border-radius: 0; -webkit-appearance: none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/*.secretSearch input[type=text] { width: 165px; color: #556F7B; background: #E6F2F3; padding: 0 2px; height: 32px; border: 1px solid #a1a1a1; border-left: none; font-size: 13px; -webkit-border-radius: 0; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box;}*/
.secretSearch input[type=button] { position:absolute; right:0; font-size: 0.95em; background: #587B86; border: none; color: #EAF0F3; width:42px; height:32px; vertical-align: bottom; cursor: pointer; -webkit-border-radius: 0; -webkit-appearance: none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/*쇼신비법 리스트 검색 초기화*/
.secretResult {position: absolute; top: 0px; right: 0px;}
.secretResult a {position:relative; display:block;}
.secretResult a:after { position: absolute; top: 0; right: 42px; width: 26px; height: 30px; line-height:30px; font-size: 1.6em; background: #ffe377 url('../img/icon_secret_close.png') no-repeat center center; background-size: 22px 22px; border: 1px solid #949432; display: inline-block; color: #65652F; text-align: center; content: "";}
/*
.secretResult a:after { position: absolute; top: 0; right: 36px; width: 26px; height: 30px; line-height:30px; font-size: 1.6em; background: #ffe377; border: 1px solid #949432; display: inline-block; color: #65652F; text-align: center; content: "x";}
.secretResult a:after { position: absolute; top: -11px; right: 29px; width: 24px; height: 22px; line-height: 23px; font-size: 1.6em; background: #FFFF00; border: 1px solid #949432; display: inline-block; color: #65652F; text-align: center; content: "x";}*/

/*쇼신비법 리스트 탭*/
.secretTab {/*position: absolute; right: 0; top: -5px;*/ margin:5px 0 10px 0;}
.secretTab input { display:none;}
.secretTab section { display:flex; display: -webkit-flex; border:1px solid #ccc;}
.secretTab section.button > label {position:relative; flex:1; -webkit-flex:1; display:inline-block; width:33.33333333333%; text-align:center; color:#888; background:#fff; cursor:pointer; padding:7px 0; font-size:1.2em; letter-spacing:-1px;}
.secretTab section.button > label:before { position:absolute; top:0; left:0; height:100%; border-left:1px solid #ccc; content:""; }
.secretTab section.button > label:nth-of-type(1):before { border:none;}
.secretTab section.button > label:nth-of-type(1):after { position: absolute; top: -15px; left: 50%; display: inline-block; width: 83px; height: 50px; margin-left: -51px; background: url(../img/icon_newhome_sprice_info.png) no-repeat 0px 0px; background-size: 100%; content: "";}
.secretTab input:nth-of-type(1):checked ~ section.button > label:nth-of-type(1) { background:#373737; color:#E4D28C;font-weight:bold;}
.secretTab input:nth-of-type(2):checked ~ section.button > label:nth-of-type(2) { background:#373737; color:#E4D28C;font-weight:bold;}
.secretTab input:nth-of-type(3):checked ~ section.button > label:nth-of-type(3) { background:#373737; color:#E4D28C;font-weight:bold;}

/*쇼신비법 쇼핑몰*/
.secretShop { margin-top: 5px;}
.secretShop .shopName {}
.secretShop .shopName label {}
.secretShop .shopName label input { display:none;}
.secretShop .shopName label input[type=checkbox] + span { display: inline-block; color:#999; margin: 0 5px 5px 0; cursor: pointer;}
.secretShop .shopName label input[type=checkbox] + span:before { display: inline-block; width: 16px; height: 16px; margin-right: 3px; background: #cdcdcd url(../img/select_input_form_newhome.png) no-repeat -1px -17px; background-size: 16px; border: 1px solid #cdcdcd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: bottom; content: "";}
.secretShop .shopName label input[type=checkbox]:checked + span { color:#333;}
.secretShop .shopName label input[type=checkbox]:checked + span:before { border: 1px solid #777; background-position: -1px -1px; content:""}

.secret .secretNum { position:relative; padding:0 0 8px 0;} /*쇼신비법 리스트 갯수 및 쇼핑몰필터*/
/*.secret .secretNum { overflow:hidden; position:relative; padding:8px; background: #F7F7F7;}*/ /*쇼신비법 리스트 갯수 및 쇼핑몰필터*/
.secret .secretNum p {}
.secret .secretNum .secretText {color: #888; font-size: 0.95em; line-height:1.3em; padding-right: 40px;}
.secret .secretNum .secretText b { font-weight:normal; color:#333;}
.secret .secretNum select { border:1px solid #9EB7BB; color:#556F7B; }
.secret .secretNum > select { display:none; width: 90px; border: 1px solid #D4CCA8; color: #8E886C; height: 32px; padding: 0 15px 0 3px; background: #FFFDF1 url('../img/img_form.png') no-repeat 110% 0; background-size: 31px 162px; font-size: 13px; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none;}
.secret .secretNum .secretButton { float:right;}
.secret .secretNum .secretButton a { display: block; border: 1px solid #b4b4b4; width: 28px; height: 28px; margin-top:2px; text-indent: -9999px;background: #c2c2c2 url('../img/icon_secret_reload.png') no-repeat center center; background-size: 28px 28px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer;}

.secret .secretTextMenu {/*display:flex; display:-webkit-flex;*/ text-align:right;} /*내 비법, 좋아한 비법, 내 댓글 메뉴*/
.secret .secretTextMenu a { text-decoration: underline; color: #555; font-size: 0.95em; text-align: center; margin-right:10px;/* flex: 1; -webkit-flex: 1; -ms-flex: 1;*/ cursor:pointer;}
.secret .secretTextMenu .on {color: #BB712C;}
.secret .secretTextMenu .on:after { content: "X"; background: #FF0; color: #464646; display: inline-block; width: 15px; height: 15px; line-height: 15px; margin-left: 3px;}
.secret .secretTextMenu .mycmnts { position:relative;} /*내 댓글*/
.secret .secretTextMenu .mycmnts > a { position: absolute; right: -11px; top: -20px; display: inline-block; background: #5482d6; color: #fff; text-decoration: none; width: 62px; line-height: 20px; font-size:0.9em;}
.secret .secretTextMenu .mycmnts > a:before {content: "x"; position: absolute; right: 7px; top: -1px;}
.secret .secretTextMenu .mycmnts > a:after { content:"내 댓글"; margin-right:14px;}
.secret .secretTextMenu .mycmnts ul {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-top: 3px; background:#f7f7f7; border:1px solid #5482d6; box-shadow: 0 2px 2px rgba(0,0,0,0.1);}
.secret .secretTextMenu .mycmnts ul li {width: 100%; line-height: 22px; border-bottom: 1px dotted #cccccc; padding:0 5px; cursor: pointer; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.secret .secretTextMenu .mycmnts ul li:last-of-type {border-bottom:none;}
.secret .secretTextMenu .mycmnts ul li:hover { background:#fff;}
.secret .secretTextMenu .mycmnts ul li span { display: inline-block; color: #333; letter-spacing: -0.3px;}
.secret .secretTextMenu .mycmnts ul li span:first-of-type { float: left; text-align: left; max-width: 72%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-word;}
.secret .secretTextMenu .mycmnts ul li span:last-of-type { position:relative; width: 75px; color: #888; padding-right:7px;}
.secret .secretTextMenu .mycmnts ul li span:last-of-type:after { position: absolute; right: -1px; top: 50%; margin-top:-3px; margin-right: 1px; opacity: 0.5; width: 5px; height: 5px; border: 1px solid #999; border-top: none;border-left: none; transform: rotate(45deg); -webkit-transform: rotate(-45deg); -moz-opacity: 0.5; filter: alpha(opacity=50); content: "";}

.secret .secretList {border: 1px solid #d7d6d6; margin-bottom:10px;} /*쇼신비법 리스트*/
.secret .secretList .secretListWarp { position:relative; overflow:hidden;background: #fff;}
.secret .secretList .secretListWarp .statusIco { position: absolute; left: 151px; top: 4px;} /*핫비법,첫비법,중복배너*/
.secret .secretList .secretListWarp .statusIco span { display: inline-block; margin-right: 2px; line-height: 13px; width: 50px; font-size: 10px; text-align: center; color: #fff;}
.secret .secretList .secretListWarp .statusIco span.first { border: 1px solid #4472CA; color: #4472CA; font-weight: bold;}
.secret .secretList .secretListWarp .statusIco span.hot { border: 1px solid #FF3A0A; color: #fff; background:#FF3A0A; font-weight: bold;}
.secret .secretList .secretListWarp .statusIco span.wrm { border: 1px solid #389E36; color: #389E36; font-weight: bold;}
.secret .secretList .secretListWarp .statusIco span.dupl { border: 1px solid #BBBBBB; color: #BBBBBB;}

.secret .statusIcoSub { display:inline-block;} /*핫비법,첫비법, 동일상품최신글*/
.secret .statusIcoSub span { overflow:inherit !important; display: inline-block !important; margin: 0 2px 0 0 !important; line-height: 13px; width: 15px; font-size: 10px !important; text-align: center; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.secret .statusIcoSub span:last-of-type {position: inherit !important; margin-right:5px !important;}
.secret .statusIcoSub span.first {border: 1px solid #4472CA; color: #4472CA !important; font-weight: bold; width:15px !important;}
.secret .statusIcoSub span.hot {border: 1px solid #FF3A0A;  background: #FF3A0A; color: #FFF !important; font-weight: bold; width:15px !important;}


.secret .secretList .secretListWarp > div:nth-of-type(1) { position:relative; float:left; width:140px; height:140px; margin-right:10px;} 
/*.secret .secretList .secretListWarp > div:nth-of-type(1):after { position:absolute; top:0; right:0; height:100%; border-left:1px solid #ccc; content:"";}*/
.secret .secretList .secretListWarp > div:nth-of-type(1) img { width:100%; height:100%; background: url('../img/noimg.png') center center no-repeat; background-size: cover;}
.secret .secretList .secretListWarp > div:nth-of-type(1) ul {position:absolute; left:6px; top:6px; width:45px; height:45px; background: rgba(255,255,255,0.9); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}

.secret .secretList .secretListWarp > div:nth-of-type(1) ul li { position:relative; text-align:center; padding-top:23px;}
.secret .secretList .secretListWarp > div:nth-of-type(1) ul li b { color:#999;font-size: 1.25em; letter-spacing: -1px;}
.secret .secretList .secretListWarp > div:nth-of-type(1) ul li:after { position: absolute; display: inline-block; left: 10px; top: 3px; width:25px; height:25px; background: url('../img/icon_secret_heart_gray.png') center center no-repeat; background-size: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; content: "";}
.secret .secretList .secretListWarp > div:nth-of-type(1) ul li.be { }
.secret .secretList .secretListWarp > div:nth-of-type(1) ul li.be b {color:#6CB15C; }
.secret .secretList .secretListWarp > div:nth-of-type(1) ul li.be:after {background: url('../img/icon_secret_heart.png') center center no-repeat;background-size: 20px;}
.secret .secretList .secretListWarp > div:nth-of-type(1) ul li.me {}
.secret .secretList .secretListWarp > div:nth-of-type(1) ul li.me b {color:#6CB15C; }
.secret .secretList .secretListWarp > div:nth-of-type(1) ul li.me:after {background: url('../img/icon_secret_heart_me.png') center center no-repeat;background-size: 20px;}

.secret .secretList .secretListWarp > div:nth-of-type(2) { padding:5px;}
.secret .secretList .secretListWarp > div:nth-of-type(2) ul { position:relative; margin-top: 15px; height:108px;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.cate {-webkit-line-clamp: 1 !important; min-height: inherit !important; font-size: 1em !important; color: #ababab !important; padding-top: 5px !important;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.title { overflow: hidden; font-size:1.05em; min-height: 32px; padding-top:0px; line-height: 16px; text-align: left;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -0.5px;}
/*.secret .secretList .secretListWarp > div:nth-of-type(2) li.title { overflow: hidden; font-size:1.05em; min-height: 32px; padding-top:5px; line-height: 16px; text-align: left;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -0.5px;}//카테고리 넣으면서 조정*/
.secret .secretList .secretListWarp > div:nth-of-type(2) li.option {overflow: hidden;  min-height: 30px; margin-bottom:0; line-height: 17px; text-align: left;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -0.5px;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.option pre {overflow: hidden; margin: 0; color:#999; font-size: 1.05em; font-family: 'Nanum Gothic','NanumGothic','나눔고딕','Droid Sans','Malgun Gothic','MalgunGothic','맑은고딕','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price { position:relative; color:#E21803; font-weight:bold; font-size:1.25em; letter-spacing:-0.5px;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price em { font-size:0.85em; font-style:normal; font-weight:normal; text-decoration: line-through; color:#666; margin-left:5px; }
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price span { position:absolute; right:5px; top:-15px; width:45px; height:45px; line-height:45px; background: #F94D0C; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; text-align: center; color: #FFEAE2; font-weight: bold; font-size: 1.2em; letter-spacing: -0.5px;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price span:after {position: absolute; top: 18px; right: 18px; font-size: 0.75em; color: #FB7D4E;content: "";}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price span.off {opacity:0.5; filter:alpha(opacity=50); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter:gray; -webkit-filter:grayscale(0.9);}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price span i { font-size: 0.7em; font-style: normal; margin-left: 2px; font-weight: normal;}
.secret .secretList .secretListWarp > div:nth-of-type(2) ul.cart li.price em { position:relative;}
.secret .secretList .secretListWarp > div:nth-of-type(2) ul.cart li.price em:after {position: absolute; display: inline-block; top: -2px; right: -27px; background: url('../img/icon_secret_cart_w.png') 2px center no-repeat; background-size: 14px; background-color: #f77e18; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; color: #fff; text-indent: -9999px; content: "장바구니아이콘";}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.comment { position:absolute; left:136px; bottom:-31px;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.comment div:nth-of-type(1) span {margin-left:8px; color:#777;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.comment div:nth-of-type(1) span b {margin-left:3px;}

.secret .secretList .secretListWarp > div:nth-of-type(3) { overflow:hidden; clear:both;border-top: 1px solid #eee; padding: 10px 5px;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span {color:#3b5998;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:nth-of-type(2) { float:left; color:#777; margin-left:37px;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:nth-of-type(2) b { margin-left:3px; font-weight:normal;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:last-of-type { float:right; font-weight:bold;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:last-of-type span { text-indent:0;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:last-of-type span:after { display:none;}

/*등급 표시*/
.grade {position: relative;}
.grade0 {display: initial !important;}
.grade:before { position: absolute; color: #333; font-size:9px; text-align: center; line-height: 13px; top: 1px; display: inline-block; width: 26px; height: 13px;}
.grade1:before { display:none; border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; letter-spacing: -1px; content: "일반";}
.grade3:before { border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; letter-spacing: -1px; content: "입문";}
.grade5:before { background: url('../img/icon_grade.png') center -192px no-repeat; background-size: 128px; border: 1px solid #cacece; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; letter-spacing: -1px; content: "고수";}
.grade7:before { background: url('../img/icon_grade.png') center -64px no-repeat; background-size: 128px; border: 1px solid #dac208; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; letter-spacing: -1px; content: "쇼신";}

/*등급 표시
.grade {position: relative;}
.grade:before { position: absolute; color: #fff; text-align: center; line-height: 20px; left: -23px; top: -2px; display: inline-block; width: 20px; height: 20px;}
.grade1:before { background: url('../img/icon_grade.png') center -60px no-repeat; background-size: cover; content: "일";}
.grade3:before { background: url('../img/icon_grade.png') center -40px no-repeat; background-size: cover; content: "입";}
.grade5:before { background: url('../img/icon_grade.png') center -20px no-repeat; background-size: cover; content: "고";}
.grade7:before { background: url('../img/icon_grade.png') center 0px no-repeat; background-size: cover; content: "S";}
*/

.secret .secretList .secretListWarp > div:nth-of-type(3) span:first-of-type { position:relative; text-indent:-9999px;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:first-of-type:after { position: absolute; top: -3px; left:2px;display: block; width: 24px; height: 20px; border: 1px solid #8c8c8c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; content:"";}



.secret .secretList .secretListMore a { position:relative; display: block; text-align: center; padding: 10px; background: #555; color: #ccc;}
.secret .secretList .secretListMore a:after { position: absolute; top: 9px; right: 50%;	margin-right:-80px; width: 8px; height: 8px; border: 2px solid #ccc; border-top: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}


/*통합리스트 개별 리스트*/
.secret .secretList .privateWarp { position: relative;}
.secret .secretList .privateWarp ul {display: table; width: 100%; height: 50px; background: #f7f7f7; border-top: 1px solid #d7d6d6;}
.secret .secretList .privateWarp ul.view { position:relative;}
.secret .secretList .privateWarp ul.view:after { position: absolute; top: 0; right: 0; display: inline-block; width: 5px; height: 5px; background: #7a92ec; z-index:999; content: "";}
.secret .secretList .privateWarp ul li { display: table-cell; vertical-align: middle; padding: 5px 5px;}
.secret .secretList .privateWarp ul li:first-of-type { display:none; position: relative; width: 50px; min-width: 50px; text-align: center; border-right: 1px dotted #e1e1e1;}
.secret .secretList .privateWarp .nick{}
.secret .secretList .privateWarp ul li:last-of-type div:first-of-type { position: relative;}

.secret .secretList .privateWarp .statusIco { display: inline-block; float: left; margin-right: 3px;}
.secret .secretList .privateWarp .statusIco span { display: inline-block; margin-right: 2px; line-height: 11px; width: 15px; font-size: 10px; text-align: center; color: #fff;  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.secret .secretList .privateWarp .statusIco span.first { border: 1px solid #4472CA; color: #4472CA; background: #fff; font-weight: bold;}
.secret .secretList .privateWarp .statusIco span.hot { border: 1px solid #FF3A0A; color: #fff; background: #FF3A0A; font-weight: bold;}
.secret .secretList .privateWarp ul li:last-of-type div:first-of-type .option { overflow: hidden; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; letter-spacing: -0.5px; margin-right: 10px;}
.secret .secretList .privateWarp ul li:last-of-type div:first-of-type .option .amount {display: inline-block; color: #5c9dff; font-weight: bold; margin-left:5px;}
.secret .secretList .privateWarp ul li:last-of-type div:first-of-type .nooption:before { content: "옵션없음"; color: #adadad;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type { position: relative; margin-top:4px;}

.secret .secretList .privateWarp ul li:last-of-type div:last-of-type .nickWrap {}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type .nickWrap .nick { display:-webkit-box; float:left; max-width:50px; margin-right:3px; color: #3868b1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all;}

.secret .secretList .privateWarp ul li:last-of-type div:last-of-type .regDate { color: #777;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .iconWarp { display: inline-block; width:100px; margin-top:0 !important;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .view { position: relative; font-weight: bold; color: #777; margin-left: 23px;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .view:before { position: absolute; top: 0; left: -22px; display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../img/icon_secret_view_gray_list.png) no-repeat center center; background-size: contain; content: "";}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .star { position: relative; font-weight: bold; color: #777; margin-left: 25px;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .star:before {position: absolute; top: 0; left: -18px; display: block; width: 14px; height: 14px; margin-top:1px; text-indent: -9999px; background: url(../img/icon_secret_star2.png) no-repeat center -38px; background-size: 100% auto; content: "";}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .qa { display:none; position: relative; font-weight: bold; color: #777; margin-left: 20px;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .qa:before { position: absolute; top: 3px; left: -17px; display: block; width: 15px; height: 15px; text-indent: -9999px; background: url(../img/icon_secret_comment_gray_list.png) no-repeat center center; background-size: 15px 15px; content: "";}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .price { position: absolute; top: 2px; right: 13px; color: #E21803; font-weight: bold; font-size: 1.1em; letter-spacing: -0.5px; display: inline-block;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .price span.cart { display: inline-block; text-indent: -9999px;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .price span.cart:after { position: absolute; top: -1px; left: -5px; background: url(../img/icon_secret_cart.png) center center no-repeat; background-size: contain; width: 18px; height: 18px; text-indent: -9999px; content: "장바구니아이콘";}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .price b { display: inline-block; color: #fbf9f8; margin-left: 2px; background: #fd703b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 2px;}
.secret .secretList .privateWarp ul li:last-of-type div:last-of-type > .price b i { font-size: 0.7em; font-style: normal; margin-left: 2px; font-weight: normal;}
.secret .secretList .privateWarp:after { position: absolute; top: 50%; right: 7px; margin-top: -4px; width: 6px; height: 6px; border: 2px solid #ccc; border-bottom: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.secret .secretList .privateWarp .grade:before { position: initial; margin-bottom: 3px;}


/*기존 리스트에서 일부 항목 제거 및 변경*/
.secret .secretList .secretListWarp > div:nth-of-type(3) { clear:none !important; padding:0 !important; display: /*initial !important*/ none;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:nth-of-type(2) { display:none !important;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:last-of-type { display:none !important;}
.secret .secretList .secretListWarp > div:nth-of-type(3) span:first-of-type:after { top:12px !important; left:1px !important;}
.secret .secretList.dupl .secretListWarp { display:none;}
.secret .secretList.dupl { margin-top: -9px; border-top: none;}
.secret .secretList .secretListWarp > div:nth-of-type(2) ul.cart li.price em:after { display: none !important;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.comment {bottom: 2px !important;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.option {display: none !important}/*페이지에서 삭제됐음*/
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price { color:#777 !important; text-decoration:line-through;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price span { display:none !important;}
.secret .secretList .secretListWarp > div:nth-of-type(2) li.price { margin-top:34px; text-align:right;}
/*.secret .secretList .secretListWarp > div:nth-of-type(2) li.price { margin-top:52px; text-align:right;} //카테고리 넣으면서 조정함*/
/*//기존 리스트에서 일부 항목 제거*/
.privateWarp p.logo {}
.privateWarp p.logo { position: relative;}
/*.privateWarp p.logo:after { position: absolute; top: 50%; right: 7px; margin-top: -4px; width: 6px; height: 6px; border: 2px solid #888; border-bottom: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}*/
.privateWarp p.logo ul { display:table; width:100%; height:50px; background:#f7f7f7;border-top: 1px solid #d7d6d6;}
.privateWarp p.logo ul.view { position:relative;}
.privateWarp p.logo ul.view:after { position: absolute; top: 0; right: 0; display: inline-block; width: 5px; height: 5px; background: #7a92ec; content: "";}
.privateWarp p.logo ul:hover, .privateWarp p.logo ul:active { background:#fff;}
.privateWarp p.logo ul li { display:table-cell; vertical-align:middle; padding:5px 5px;}
.privateWarp p.logo ul li:first-of-type {position: relative; width:50px; min-width:50px; text-align:center; border-right: 1px dotted #e1e1e1;}
.privateWarp p.logo ul li:last-of-type {}
.privateWarp p.logo ul li:last-of-type div:first-of-type { position:relative; overflow:hidden;}
.privateWarp p.logo ul li:last-of-type div:first-of-type span { /*float:left;*/}
.privateWarp p.logo ul li:last-of-type div:first-of-type .option { overflow: hidden; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; letter-spacing: -0.5px; margin-right:10px;}
.privateWarp p.logo ul li:last-of-type div:first-of-type .nooption:before {content: "옵션없음"; color: #adadad;}
.privateWarp p.logo ul li:last-of-type div:first-of-type .amount { margin-left: 3px;}

.privateWarp p.logo ul li:last-of-type div:last-of-type { clear:both; position:relative;}
.privateWarp p.logo ul li:last-of-type div:last-of-type .regDate { color:#777;}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .iconWarp { display:inline-block; top:3px;}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .iconWarp .qa {position: relative; font-weight: bold; color: #777; margin-left: 20px;}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .iconWarp .qa:before { position: absolute; top: 3px; left: -17px; display: block; width: 15px; height: 15px; text-indent: -9999px; background: url('../img/icon_secret_comment_gray_list.png') no-repeat center center; background-size: 15px 15px; content: "";}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .iconWarp .view {position: relative; font-weight: bold; color: #777; margin-left: 28px;}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .iconWarp .view:before { position: absolute; top: 0; left: -22px; display: block; width: 18px; height: 18px; text-indent: -9999px; background: url('../img/icon_secret_view_gray_list.png') no-repeat center center; background-size: contain; content: "";}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .iconWarp .star { position: relative; font-weight: bold; color: #cca300;}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .iconWarp .star:before { position: absolute; top: 0; left: -15px; display: block; width: 15px; height: 15px; margin-top: 2px; text-indent: -9999px; background: url('../img/icon_secret_star.png') no-repeat center center; background-size: 15px 15px; content: ""; }
.privateWarp p.logo ul li:last-of-type div:last-of-type > .price {position: absolute; top: 2px; right: 13px; color: #E21803; font-weight: bold; font-size: 1.1em; letter-spacing: -0.5px; display:inline-block;}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .price span.cart {display: inline-block; text-indent: -9999px;}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .price span.cart:after { position:absolute; top: -1px; left: -5px; background: url('../img/icon_secret_cart.png') center center no-repeat; background-size: contain; width: 18px; height: 18px; text-indent: -9999px; content: "장바구니아이콘";}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .price b {display: inline-block; color: #fbf9f8; margin-left: 2px; background: #fd703b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 2px;}
.privateWarp p.logo ul li:last-of-type div:last-of-type > .price b i { font-size: 0.7em; font-style: normal; margin-left: 2px; font-weight: normal;}


.privateWarp p.logo .statusIco {display: inline-block; float: left; margin-right: 3px;} /*핫비법,첫비법,중복배너*/
.privateWarp p.logo .statusIco span { display: inline-block; margin-right: 2px; line-height: 11px; width: 15px; font-size: 10px; text-align: center; color: #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.privateWarp p.logo .statusIco span.first { border: 1px solid #4472CA; color: #4472CA; background:#fff; font-weight: bold;}
.privateWarp p.logo .statusIco span.hot { border: 1px solid #FF3A0A; color: #fff; background:#FF3A0A; font-weight: bold;}
.privateWarp p.logo .statusIco span.wrm { border: 1px solid #389E36; color: #389E36; background:#fff; font-weight: bold;}
.privateWarp p.logo .statusIco span.dupl { border: 1px solid #BBBBBB; color: #BBBBBB; background:#fff}

.privateWarp p.logo .nick { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all;}
.privateWarp p.logo .grade:before { position:initial; margin-bottom:3px;}

/*통합리스트,통합페이지 공통 쇼핑몰로고*/

.privateWarp p.logo { position: relative; float: left; width: 24px; height: 20px; margin-right:3px; margin-top: -1px;}
.privateWarp p.logo:first-of-type:before { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 17px; border: 1px solid #8c8c8c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; content: "";}


/*쇼신비법 상세보기*/
/*#wrapPd {padding:0px 0px !important;} /*view페이지 안에 직접 삽입?? */
.secret .secretView {background: #fff; border: 1px solid #d7d6d6; margin-bottom:5px;} /*쇼신비법 리스트*/
.secret .secretView .tophead {}

.secret .secretViewTop { overflow:hidden; padding: 5px 10px; margin-top:51px; line-height:28px; background: #f5f5f5; border: 0px solid #d7d6d6;}
.secret .secretViewTop li { float:left;}
.secret .secretViewTop li:last-of-type { float:right;}
.secret .secretViewTop li h3 {position: relative; margin-left: 35px; height:28px;}
.secret .secretViewTop li h3:before { position: absolute; top: 2px; left: -35px; display: block; width: 26px; height: 22px; border: 1px solid #8c8c8c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; content:"";}
.secret .secretViewTop li span:first-of-type {color: #3b5998; font-weight: bold;}
.secret .secretViewTop li span b { margin-left:3px;}
.secret .secretViewTop li.cate { overflow: hidden; font-size: 1.05em; width: 70%; color: #ababab; text-align: right; min-height: 10px; padding-top: 7px; line-height: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -0.5px;}/*카테고리 추가*/

.secret .secretViewReg {padding: 8px 10px; line-height:12px; text-align:right; color:#777; background: #FBFBFB;}
.secret .secretViewReg span { margin-left:10px;}
.secret .secretViewReg span b {margin-left:3px;}

.secret .secretView .secretViewProduct { overflow:hidden; margin-top:5px; margin-bottom: 5px;}
.secret .secretView .secretViewProduct > h2 { padding: 10px; color: #C1D2E0; background: #446686; font-weight: normal;}
.secret .secretView .secretViewProduct > a { position: relative; float: left; display: inline-block; cursor:context-menu;}
.secret .secretView .secretViewProduct > a:before { display:none; position: absolute; bottom: 5px; right: 5px; width: 18px; height: 18px; font-weight: bold;  background: rgba(255, 255, 255, 1); border: 1px solid #000; background-image: url('../img/icon_link.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 12px; content: "";}
/*위에 것 확정 후 지울것.secret .secretView .secretViewProduct > a:before {    position: absolute; bottom: 4px; right: 3px; width: 10px; height: 10px; line-height: 10px; color: #555; text-align: center; font-weight: bold; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.3); content: "+";}*/
.secret .secretView .secretViewProduct > a img {float: left; /*width: 140px; height: 140px;*/width: 110px; height: 110px; border: 1px solid #eee; margin: 10px 0 0 8px; background: url('../img/noimg.png') center center no-repeat; background-size: cover;}
.secret .secretView .secretViewProduct > a .soldout { right:0; /*width:142px;*/width:112px;}
.secret .secretView .secretViewProduct > ul { position: relative; overflow: hidden; /*padding: 5px 8px 15px 10px; min-height:132px;*/padding: 0 8px 0 10px; margin: 5px 0 14px 0; min-height:102px;}
.secret .secretView .secretViewProduct > ul .statusIco {margin-top: 5px;} /*핫비법,첫비법,중복배너*/
.secret .secretView .secretViewProduct > ul .statusIco span { display: inline-block; margin-right: 2px; line-height: 13px; width: 50px; font-size: 10px; text-align: center; color: #fff;}
.secret .secretView .secretViewProduct > ul .statusIco span.first { border: 1px solid #4472CA; color: #4472CA; font-weight: bold;}
.secret .secretView .secretViewProduct > ul .statusIco span.hot { border: 1px solid #FF3A0A; background:#FF3A0A; color: #FFF; font-weight: bold;}
.secret .secretView .secretViewProduct > ul .statusIco span.dupl { border: 1px solid #BBBBBB; color: #BBBBBB;}

.secret .secretView .secretViewProduct > ul li.title { overflow: hidden; font-size: 1.05em; /*min-height: 34px;*/ margin-bottom: 5px; padding-top: 5px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -0.5px;}
.secret .secretView .secretViewProduct > ul li.option {overflow: hidden; min-height: 20px; margin-bottom: 5px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; /*-webkit-line-clamp: 2;*/ -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -0.5px;}
.secret .secretView .secretViewProduct > ul li.option pre {overflow: hidden; margin: 0; color: #999; font-size: 1.05em; font-family: 'Nanum Gothic','NanumGothic','나눔고딕','Droid Sans','Malgun Gothic','MalgunGothic','맑은고딕','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;}
/*.secret .secretView .secretViewProduct > ul li.price {margin: 0 0 6px 0; position: relative; color: #E21803; font-weight: bold; font-size: 1.25em; letter-spacing: -0.5px;}*/
.secret .secretView .secretViewProduct > ul li.price {color: #E21803; font-weight: bold; font-size: 1.25em; letter-spacing: -0.5px; /*margin: 0 0 20px 0;*/margin: 0 0 15px 0;}
.secret .secretView .secretViewProduct > ul li.price em {font-size: 0.85em; font-style: normal; font-weight: normal; text-decoration: line-through; color: #666; margin-left: 5px;}
/*.secret .secretView .secretViewProduct > ul li.price span { position: absolute; right: 5px; top: -15px; width: 45px; height:45px; line-height: 45px; background: #F94D0C; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; text-align: center; color: #FFEAE2; font-weight: bold; font-size: 1.2em; letter-spacing: -0.5px;}*/
.secret .secretView .secretViewProduct > ul li.price span { display:inline-block; width: 45px; height: 22px; line-height: 22px; margin-right:5px; background: #fd703b; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; text-align: center; color: #fbf9f8; font-weight: bold; font-size: 1.2em; letter-spacing: -0.5px;}
.secret .secretView .secretViewProduct > ul li.price span i { font-size: 0.7em; font-style: normal; margin-left: 2px; font-weight: normal;}
.secret .secretView .secretViewProduct > ul li.butt { /*position: absolute; bottom: 0; right:0;*/ text-align:right; padding-right:10px;}
.secret .secretView .secretViewProduct > ul li.butt a { color:#333; text-align:left;}
.secret .secretView .secretViewProduct > ul li.butt span { position:relative; display: inline-block; width: 65px; height: 25px; line-height: 25px; padding: 0 0 0 5px;  margin-left: 2px; border: 1px solid #ddd;}
.secret .secretView .secretViewProduct > ul li.butt span:after { position: absolute; top: 50%; right: 4px; width: 5px; height: 5px; margin-top: -4px; border: 1px solid #999; border-bottom: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: "";}
.secret .secretView .secretViewProduct > ul li.butt span em { display:none;}
.secret .secretView .secretViewProduct > ul li.butt .linkShop { background:#fff;}
.secret .secretView .secretViewProduct > ul li.butt .linkShop:before { content:"쇼핑몰"}
.secret .secretView .secretViewProduct > ul li.butt .linkProd { border: 1px solid #fdd5d5; background: #ffefef; color: #b34f4f;}
.secret .secretView .secretViewProduct > ul li.butt .linkProd:before { content:"상품정보"}
.secret .secretView .secretViewProduct > ul li.comment { text-align:right;}
.secret .secretView .secretViewProduct > ul li.comment div:nth-of-type(1) span {margin-left:8px; color:#777;}

.secret .secretView .secretViewCart { position:relative; background:#EFF5FB;}
/*.secret .secretView .secretViewCart:before { position: absolute; display: inline-block; top: -19px; left: 50%; background: url('../img/icon_secret_cart_w.png') 2px center no-repeat; background-size: 20px; background-color: #f77e18; width: 28px; height: 28px; border: 3px solid #F3D5BC; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; color: #fff; text-indent: -9999px; content: "장바구니아이콘";}*/
.secret .secretView .secretViewCart > div {margin:0 10px; padding-bottom:10px;}
.secret .secretView .secretViewCart > div a.close {position: absolute; display: inline-block; right: 5px; bottom: 8px; width: 25px; height: 25px; line-height: 25px;background: #EFF5FB; text-align: center; border: 1px solid #9AB5D0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.secret .secretView .secretViewCart > div a.close:after { display: inline-block; font-size: 1.5em; color: #4080C9; content: "X";}
.secret .secretView .secretViewCart > div a.close span {display:none}
.secret .secretView .secretViewCart div div > a { position: relative; float: left; display: inline-block;}
.secret .secretView .secretViewCart div div > a:before { position: absolute; bottom: 4px; right: 13px; width: 12px; height: 12px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 1); background-image: url('../img/icon_link.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 10px; content: "";}
.secret .secretView .secretViewCart a img {float: left; width: 50px; height: 50px; border: 1px solid #999; margin: 0 10px 0 0; background: url('../img/noimg.png') center center no-repeat; background-size: cover;}
.secret .secretView .secretViewCart p {}
.secret .secretView .secretViewCart p a { position:relative; display:block; margin: 10px 0 10px 0; font-size:1.1em; background: #D5EBFF; border:1px dashed #A9C2D8; border-left:none; border-right:none; color:#4080BB; font-weight:bold; padding: 5px; text-align:center;letter-spacing: -1px;}
.secret .secretView .secretViewCart p a:before { content: "묶음(장바구니) 내역 보기";}
.secret .secretView .secretViewCart p a:after { position: absolute; top: 5px; right: 50%; margin-right: -90px; width: 8px; height: 8px; border: 2px solid #B4C3D0; border-top: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.secret .secretView .secretViewCart p a.close { border-bottom:none;background: #EFF5FB;}
.secret .secretView .secretViewCart p a.close:before { content: "묶음(장바구니) 내역 닫기";}
.secret .secretView .secretViewCart p a.close:after { position: absolute; top: 10px; right: 50%; margin-right: -90px; width: 8px; height: 8px; border: 2px solid #B4C3D0; border-top: none; border-left: none; transform: rotate(225deg); -webkit-transform: rotate(225deg); content: '';}
.secret .secretView .secretViewCart p a span { display:none;}
.secret .secretView .secretViewCart p a span b {color:#3F90D8;}
.secret .secretView .secretViewCart div div {margin-top:10px; padding-top:10px; border-top:1px solid #ddd;}
.secret .secretView .secretViewCart div div:first-of-type { margin-top:0; padding-top:0; border-top: none;}
.secret .secretView .secretViewCart div div ul { margin-left: 62px; min-height:50px;}
.secret .secretView .secretViewCart div div ul li.title {}
.secret .secretView .secretViewCart div div ul li.option { overflow: hidden; margin-bottom: 2px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -1px;}
.secret .secretView .secretViewCart div div ul li.option pre {overflow: hidden;  margin: 0; color: #999; font-size: 1.05em; font-family: 'Nanum Gothic','NanumGothic','나눔고딕','Droid Sans','Malgun Gothic','MalgunGothic','맑은고딕','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;}
.secret .secretView .secretViewCart div div ul li.price { position: relative; margin: 0 0 6px 0; color: #E21803; font-weight: bold; font-size: 1.25em; letter-spacing: -0.5px;}
.secret .secretView .secretViewCart div div ul li.price em { font-size: 0.85em; font-style: normal; font-weight: normal; text-decoration: line-through;  color: #666; margin-left: 5px;}

.secret .secretView .secretViewCart div div.closed {}
.secret .secretView .secretViewCart div div.closed img { display:inline-block; float:left; width: 51px; height: 51px; border: 0px solid #999; margin: 0 10px 0 0; background: url('../img/noimg.png') center center no-repeat; background-size: cover;}
.secret .secretView .secretViewCart div div.closed > a:before { background:#F8F7F7; border: none; content: "";}
.secret .secretView .secretViewCart div div.closed ul li.title { padding-top: 8px;}

/*
.secret .secretView .secretViewCart { position:relative; border-top:1px dashed #ddd;padding:10px 0; margin:0 10px 0 10px;}
.secret .secretView .secretViewCart:before { position: absolute; display: inline-block; top: -19px; left: 50%; background: url('../img/icon_secret_cart_w.png') 2px center no-repeat; background-size: 20px; background-color: #f77e18; width: 28px; height: 28px; border: 3px solid #F3D5BC; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; color: #fff; text-indent: -9999px; content: "장바구니아이콘";}
.secret .secretView .secretViewCart div > a { position: relative; float: left; display: inline-block;}
.secret .secretView .secretViewCart div > a:before { position: absolute; bottom: 4px; right: 13px; width: 10px; height: 10px; line-height: 10px; color: #555; text-align: center; font-weight: bold; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.3); content: "+";}
.secret .secretView .secretViewCart a img {float: left; width: 50px; height: 50px; border: 1px solid #999; margin: 0 10px 0 0; background: url('../img/noimg.png') center center no-repeat; background-size: cover;}
.secret .secretView .secretViewCart p { margin: 10px 0; font-size:1.1em; background: #EAF4FD; color:#4E6273; padding: 5px; text-align:center;letter-spacing: -1px;}
.secret .secretView .secretViewCart p b {color:#3A6D9A;}
.secret .secretView .secretViewCart div {margin-top:10px; padding-top:10px; border-top:1px solid #ddd;}
.secret .secretView .secretViewCart div:first-of-type { margin-top:0; padding-top:0; border-top: none;}
.secret .secretView .secretViewCart div ul { margin-left: 62px; min-height:50px;}
.secret .secretView .secretViewCart div ul li.title {}
.secret .secretView .secretViewCart div ul li.option { overflow: hidden; margin-bottom: 2px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -1px;}
.secret .secretView .secretViewCart div ul li.option pre {overflow: hidden;  margin: 0; color: #999; font-size: 1.05em; font-family: 'Nanum Gothic','NanumGothic','나눔고딕','Droid Sans','Malgun Gothic','MalgunGothic','맑은고딕','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;}
.secret .secretView .secretViewCart div ul li.price {}
.secret .secretView .secretViewCart div ul li.price em { font-size: 1.2em; font-style: normal; color: #666; margin-left: 5px;}

.secret .secretView .secretViewCart div.closed {}
.secret .secretView .secretViewCart div.closed img { display:inline-block; float:left; width: 51px; height: 51px; border: 0px solid #999; margin: 0 10px 0 0; background: url('../img/noimg.png') center center no-repeat; background-size: cover;}
.secret .secretView .secretViewCart div.closed > a:before { background:#F8F7F7; border: none; content: "";}
.secret .secretView .secretViewCart div.closed ul li.title { padding-top: 8px;}
*/

/*할인비법-결제, 할인신공 간략보기*/
.secret .secretView .secretViewSingong {padding:12px 10px; margin:10px 0 0 0; background: #3284CA; text-align:center; font-size:1.2em; letter-spacing:-1px;}
.secret .secretView .secretViewSingong p { color:#D6E4EF; }
.secret .secretView .secretViewSingong p em { font-style:normal; color:#fff; margin-right:2px;}
.secret .secretView .secretViewSingong p b {display: inline-block; color: #81FBB7;}
.secret .secretView .secretViewSingong p span { }
.secret .secretView .secretViewSingong p span b {background: #F7F5CB; color: #7D740E; margin: 0 2px; padding: 0 2px; font-size: 0.9em; font-weight: normal; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.secret .secretView .secretViewSingong a { position: relative; display: inline-block; border: 1px solid #fff; color: #fff; height: 25px; line-height: 25px; width: 130px; margin-top: 13px; padding-right: 10px;}
.secret .secretView .secretViewSingong a:before { content:"비법전수받기"}
.secret .secretView .secretViewSingong a:after {position: absolute; top: 5px; right: 50%; margin-right: -53px; width: 8px; height: 8px; border: 2px solid #CEDBE6; border-top: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.secret .secretView .secretViewSingong a.close:before { content:"비법닫기"}
.secret .secretView .secretViewSingong a.close:after {top: 10px;transform: rotate(-135deg); -webkit-transform: rotate(-135deg); content: '';}
.secret .secretView .secretViewSingong a span { display:inherit; text-indent:-9999px;}

.secret .secretView .secretViewPay {padding: 10px; background: #F2F9FD; /*border-top: 1px solid #D0E7F5; border-bottom: 1px solid #D0E7F5;*/ border: 2px solid #3284CA;
    border-left: 3px solid #3284CA;}
.secret .secretView .secretViewPay ul {}
.secret .secretView .secretViewPay ul li {padding:2px 0;}
.secret .secretView .secretViewPay ul li:first-of-type {font-size: 1.2em; color: #0D5B9E; font-weight: bold;}
.secret .secretView .secretViewPay ul li span { display: inline-block; width: 50%; font-size: 1em;}
.secret .secretView .secretViewPay ul li span:last-of-type { text-align:right;}
.secret .secretView .secretViewPay ul li:nth-of-type(4) {color: #E21803; font-weight: bold; background:#CBE4F3; font-size: 1.25em; border-top: 0px solid #B9CAD4; border-bottom: 0px solid #B9CAD4; margin:5px 0;}
.secret .secretView .secretViewPay ul li:nth-of-type(4) span:last-of-type { text-align:right;}
.secret .secretView .secretViewPay ul li dl { color:#666;}
.secret .secretView .secretViewPay ul li dl.discount {}
.secret .secretView .secretViewPay ul li dl.discount dt {}
.secret .secretView .secretViewPay ul li dl.discount dd {}
.secret .secretView .secretViewPay ul li dl.discount dd span { display: inline; margin-left: 5px;}
.secret .secretView .secretViewPay ul li dl.discount dd span em { display: inline-block;width: 20px; height: 20px; text-indent: 100%; white-space: nowrap; background-color: #999 !important; border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%; }
.secret .secretView .secretViewPay ul li dl.discount dd span em.nCoupon {background: url('../img/icon_secret_cart_w.png') center center no-repeat; background-size: cover;}
.secret .secretView .secretViewPay ul li dl.discount dd span em.pCoupon {background: url('../img/icon_secret_cart_w.png') center center no-repeat; background-size: cover;}
.secret .secretView .secretViewPay ul li dl.discount dd span em.dCoupon {background: url('../img/icon_secret_cart_w.png') center center no-repeat; background-size: cover;}
.secret .secretView .secretViewPay ul li dt {margin-top: 2px;}
.secret .secretView .secretViewPay ul li dd { color: #999; margin: 0 0 7px 0;}
.secret .secretView .secretViewPay ul li dd pre {overflow: hidden; margin: 0; font-size: 1em; font-family: 'Nanum Gothic','NanumGothic','나눔고딕','Droid Sans','Malgun Gothic','MalgunGothic','맑은고딕','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; word-wrap: break-word; white-space: pre-line;}
/*할인신공*/
.secret .secretView .secretViewPay > .useSingong { margin:5px 0 0 0; padding: 5px; background: #FFF4F4; border:1px solid #ECDDDD;}
.secret .secretView .secretViewPay > .useSingong p {position:relative; text-align: center; font-size: 1.1em; color: #333; margin-bottom:10px;}
.secret .secretView .secretViewPay > .useSingong p b {color: #BD2B2B; font-size:1.05em;}
.secret .secretView .secretViewPay > .useSingong p em { color: #3b5998; font-style: normal; font-weight: bold; margin-right: 3px;}
.secret .secretView .secretViewPay > .useSingong div {}
.secret .secretView .secretViewPay > .useSingong div dl {overflow: hidden; margin-bottom: 5px; letter-spacing:-1px;}
.secret .secretView .secretViewPay > .useSingong div dl dt { position:relative; float:left; margin: 2px 10px 0 5px; width:45px; color:#733F3F;}
.secret .secretView .secretViewPay > .useSingong div dl dt:before { position: absolute; width: 59px; height: 1px; background: #F5E1E1; bottom: -3px; left: 0; content:""}
.secret .secretView .secretViewPay > .useSingong div dl dd {float: left; width: 80px; color: #fff; margin-right: 5px; padding: 2px 0; text-align: center; border: 1px solid #FF7979; background: #FF7979; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.secret .secretView .secretViewPay > .useSingong div dl dd:before { margin-right:2px; content:""}

.secret .secretView .secretViewPay > .useCoupon { margin:5px 0 0 0; padding: 10px; background: #E3EEF5;}
.secret .secretView .secretViewPay > .useCoupon p {text-align: center; font-size: 1.1em; color: #333; margin-bottom:15px;}
.secret .secretView .secretViewPay > .useCoupon p b {color: #3A6694}
.secret .secretView .secretViewPay > .useCoupon div { text-align:center;}
.secret .secretView .secretViewPay > .useCoupon div span {display: inline-block; width: 33.3%; text-align: center; padding:15px 0;}
.secret .secretView .secretViewPay > .useCoupon div span.off { opacity:0.5; filter:alpha(opacity=50); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40)
; filter:gray; -webkit-filter:grayscale(0.9);}
.secret .secretView .secretViewPay > .useCoupon div span em { color:#1F6088; font-style: normal; font-weight:bold;}
.secret .secretView .secretViewPay > .useCoupon div span.nCoupon { background: url('../img/secret_coupon.png') center center no-repeat; background-size: 80px 35px; }
.secret .secretView .secretViewPay > .useCoupon div span.pCoupon { position:relative; background: url('../img/secret_coupon.png') center center no-repeat; background-size: 80px 35px; }
.secret .secretView .secretViewPay > .useCoupon div span.dCoupon { background: url('../img/secret_coupon.png') center center no-repeat; background-size: 80px 35px; }
/*.secret .secretView .secretViewPay > .useCoupon div span.pCoupon:before { position:absolute; display:inline-block; left:50%; top:15px; margin-left:32px; font-size:13px; color:#ECF0F5; width:15px; height:15px; line-height:17px; border:1px solid #0E3B34; background:#0E4C63; border-radius:50%; -webkit-border-radius:50%; content:'+';  } */

.secret .secretView .contentWrap { background: #fff; border: 1px dotted #bdddef; margin-bottom: 8px; padding: 5px;}
.secret .secretView .contentWrap p {padding: 0; color: #333; font-size:1.1em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.secret .secretView .content {}
.secret .secretView .content p {padding-bottom: 15px;}
.secret .secretView .contentSingong {}
/*.secret .secretView .contentSingong p {padding: 15px 10px 10px 10px; color: #333; font-size:1.1em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}*/
.secret .secretView .contentSingong p {}

.secret .secretView .buttGood { position:relative; padding: 10px 0 0 0; }
.secret .secretView .buttGood > span {position: absolute; right: 5px; top: 12px;}
.secret .secretView .buttGood > span b {margin-right: 3px; font-size: 1.15em;}

.secret .secretView .buttGood > span ul {}
.secret .secretView .buttGood > span ul li { position:relative; float:left;}
.secret .secretView .buttGood > span ul li.star { margin-right:25px;}
.secret .secretView .buttGood > span ul li.star:before { display: block; position: absolute; top: 0; left: -20px; width: 18px; height: 18px; text-indent: -9999px; background: url(../img/icon_secret_star2.png) no-repeat center -36px; background-size: 14px; content: "";}
.secret .secretView .buttGood > span ul li.view:before { display: block; position: absolute; top: 0; left: -20px; width: 18px; height: 18px; text-indent: -9999px; background: url(../img/icon_secret_view_gray_list.png) no-repeat center center; background-size: contain; content: "";}
.secret .secretView .buttGood > span ul li.good { color:#6CB15C; margin-right:10px;}
.secret .secretView .buttGood > span ul li.good b { font-weight:bold }
.secret .secretView .buttGood > span ul li b {}


.secret .secretView .buttGood a {display: inline-block; color:#999; font-weight:bold; margin-right:10px;}
.secret .secretView .buttGood a span { position:relative; margin-left:25px;}
.secret .secretView .buttGood a span:before { position:absolute; display:inline-block; left:0; top:-3px; margin-left:-25px; width:20px; height:20px; border:1px solid #999; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: url('../img/icon_secret_heart_gray.png') center 4px no-repeat; background-size: 70%; content:"";}
.secret .secretView .buttGood a span b { margin: 0 5px 0 0; font-size: 1.15em; color:#666; }
.secret .secretView .buttGood a.good { display:none;}
.secret .secretView .buttGood a.me { color:#6CB15C;}
.secret .secretView .buttGood a.me span {}
.secret .secretView .buttGood a.me span:before {border:1px solid #6CB15C; background: url('../img/icon_secret_heart.png') center 4px no-repeat; background-size: 70%;}
.secret .secretView .buttGood a.me span b {color:#2C7B1C;}
.secret .secretView .buttGood a.modify {}
/*.secret .secretView .buttGood a.modify { position:relative; color: #7f7f7f; margin-left: 35px;}*/
.secret .secretView .buttGood a.modify span:before { background: url('../img/icon_secret_modify.png') center center no-repeat; background-size: 70%; content:"";}
.secret .secretView .buttGood a.share {}
.secret .secretView .buttGood a.share span:before { background: url('../img/icon_secret_share.png') center center no-repeat; background-size: 70%; content:"";}
.secret .secretView .buttGood a.star {}
.secret .secretView .buttGood a.star span:before { background: url('../img/icon_secret_star2.png') center -22px no-repeat; background-size: 17px; content:"";}


.secret .secretView .sameProductWarp {padding: 0 10px 10px 10px; color: #555;}
.secret .secretView .sameProductWarp > a { position: relative; display: block; color:#555;}
.secret .secretView .sameProductWarp > a:before { position: absolute; top: 50%; right: 15px; margin-top:-8px; color:#777; display: inline-block; content: "더보기";}
.secret .secretView .sameProductWarp > a:after {position:absolute; top: 50%; right: 7px; margin-top:-4px; width: 6px; height: 6px; border: 2px solid #888; border-bottom: none; border-left: none;   transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ''; content:"";}
.secret .secretView .sameProductWarp > a.nomore:before { display:none;}
.secret .secretView .sameProductWarp > a.nomore:after { display:none;}
.secret .secretView .sameProductWarp > a p { display: table; width: 100%; }
.secret .secretView .sameProductWarp > a p span {display: table-cell; border: 1px dashed #ddd; padding:10px; padding-right:70px;}
.secret .secretView .sameProductWarp > a p span b { display:inline-block; margin-left: 5px; color: #333;}
.secret .secretView .sameProduct { border: 1px dashed #ddd; border-top: none; padding: 2px 10px; letter-spacing: -1px;}
.secret .secretView .sameProduct > div {position: relative; padding:0 0 5px 0;}
.secret .secretView .sameProduct > div > span {}
.secret .secretView .sameProduct > div > span b { color:#A94A4A;}
.secret .secretView .sameProduct > div > div { position: absolute; display:inline-block; bottom:0; right:5px; padding:10px;}
.secret .secretView .sameProduct > div > div a { position: relative; padding:10px;}
.secret .secretView .sameProduct > div > div a:after { position:absolute; top: 13px; right: -4px; width: 6px; height: 6px; border: 2px solid #BB9090; border-bottom: none; border-left: none;   transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.secret .secretView .sameProduct > ul {}
.secret .secretView .sameProduct > ul li { }
.secret .secretView .sameProduct > ul li:last-of-type {}
.secret .secretView .sameProduct > ul li a {position: relative; display:block; color:#777; padding: 5px 0px; border-bottom: 1px dashed #ddd;}
.secret .secretView .sameProduct > ul li:last-of-type a { border-bottom: 0;}
.secret .secretView .sameProduct > ul li a span { color: #3b5998; margin-right:5px;}
.secret .secretView .sameProduct > ul li a span:first-of-type {overflow: hidden; color:#333;}
.secret .secretView .sameProduct > ul li a span:last-of-type { position:absolute; right:0; bottom:4px; color:#333; margin-right:0;}
.secret .secretView .sameProduct > ul li a span:last-of-type b { margin-left:3px; }
.secret .secretView .sameProduct > ul li.cart a span:last-of-type { }
.secret .secretView .sameProduct > ul li.cart a span:last-of-type:before { position:absolute; display:inline-block; top:-1px; left:-20px; background: url('../img/icon_secret_cart_w.png') 2px center no-repeat; background-size: 12px; background-color: #f77e18; width: 18px; height: 18px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; color: #fff; text-indent:-9999px; content:"장바구니아이콘"; }
/*
.secret .secretView .sameProduct { letter-spacing: -1px;}
.secret .secretView .sameProduct > div {position: relative; background: #EFE6E6; padding:10px;}
.secret .secretView .sameProduct > div > p {display: table; width: 100%; margin-bottom: 10px;}
.secret .secretView .sameProduct > div > p span {display: table-cell; text-align: center; padding: 5px 0; color:#714949; border: 1px solid #BDA2A2; background:#D0BDBD; width: 50%;}
.secret .secretView .sameProduct > div > p span b {margin-left: 10px; font-size: 1.2em; color: #C73F3F;}
.secret .secretView .sameProduct > div > p span:last-of-type { border-left:none;}
.secret .secretView .sameProduct > div > span {}
.secret .secretView .sameProduct > div > span b { color:#A94A4A;}
.secret .secretView .sameProduct > div > div { position: absolute; display:inline-block; bottom:0; right:5px; padding:10px;}
.secret .secretView .sameProduct > div > div a { position: relative; padding:10px;}
.secret .secretView .sameProduct > div > div a:after { position:absolute; top: 13px; right: -4px; width: 6px; height: 6px; border: 2px solid #BB9090; border-bottom: none; border-left: none;   transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.secret .secretView .sameProduct > ul { padding:5px 0;}
.secret .secretView .sameProduct > ul li { }
.secret .secretView .sameProduct > ul li:last-of-type { margin-bottom:10px; }
.secret .secretView .sameProduct > ul li a {position: relative; display:block; color:#777; padding: 5px 0px; margin:0 10px; border-bottom: 1px solid #ddd;}
.secret .secretView .sameProduct > ul li:last-of-type a { border-bottom: 0;}
.secret .secretView .sameProduct > ul li a span { margin-right:5px;}
.secret .secretView .sameProduct > ul li a span:first-of-type {overflow: hidden; color:#333;}
.secret .secretView .sameProduct > ul li a span:last-of-type { position:absolute; right:0; bottom:4px; color:#3D7EA9; margin-right:0;}
/*.secret .secretView .sameProduct > ul li a span { display:block;}
/*.secret .secretView .sameProduct > ul li a span:first-of-type {overflow: hidden; color:#333; margin-bottom: 2px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word;}
/*.secret .secretView .sameProduct > ul li a span:last-of-type { position:absolute; right:0; bottom:4px; color:#3D7EA9;}
.secret .secretView .sameProduct > ul li a span:last-of-type b { margin-left:3px; }
.secret .secretView .sameProduct > ul li.cart a span:last-of-type { }
.secret .secretView .sameProduct > ul li.cart a span:last-of-type:before { position:absolute; display:inline-block; top:-2px; left:-23px; background: url('../img/icon_secret_cart_w.png') 2px center no-repeat; background-size: 12px; background-color: #f77e18; width: 18px; height: 18px; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; text-indent:-9999px; content:"장바구니아이콘"; }
*/

.secret .secretView .latest { color:#555; letter-spacing: -1px; }
.secret .secretView .latest > div {position: relative; background: #f3f3f3; padding:6px 10px;}
.secret .secretView .latest > div > span {}
.secret .secretView .latest > div > span em { font-style: normal; color: #3b5998; font-weight: bold;}
.secret .secretView .latest > div > span b { color:#A94A4A;}
.secret .secretView .latest > div > div { position: absolute; display:inline-block; top:-3px; right:5px; padding:10px;}
.secret .secretView .latest > div > div a { position: relative; padding:10px; color:#777;}
.secret .secretView .latest > div > div a:after { position:absolute; top: 13px; right: 1px; width: 6px; height: 6px; border: 2px solid #888; border-bottom: none; border-left: none;   transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.secret .secretView .latest > ul {padding:5px 0;}
.secret .secretView .latest > ul li { }
.secret .secretView .latest > ul li a { position: relative; display:block; color:#777; padding: 5px 0; margin:0 10px; border-bottom: 1px solid #eee;}
.secret .secretView .latest > ul li:last-of-type a { border-bottom: 0;}
.secret .secretView .latest > ul li a span { display:block;}
.secret .secretView .latest > ul li a span:first-of-type {overflow: hidden; color:#333; margin-bottom: 2px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word;}
.secret .secretView .latest > ul li a span:last-of-type {position:absolute; right:0; bottom:4px;}
.secret .secretView .latest > ul li a span:last-of-type em {font-style: normal; margin-left: 10px;}
.secret .secretView .latest > ul li a span:last-of-type em b {margin-left:3px;}
.secret .secretView .latest > ul li a span:last-of-type em:first-of-type {position:relative}
.secret .secretView .latest > ul li a span:last-of-type em:first-of-type:before {position:absolute; display:inline-block; left:-13px; top:1px; margin-left:0px; width:14px; height:14px; background: url('../img/icon_secret_heart_gray.png') center center no-repeat; background-size: cover; content:"";}
.secret .secretView .latest > ul li a span:last-of-type em:first-of-type b {color: #666;}
.secret .secretView .latest > ul li a span:last-of-type em:first-of-type.me {}
.secret .secretView .latest > ul li a span:last-of-type em:first-of-type.me:before {background: url('../img/icon_secret_heart.png') center center no-repeat; background-size: cover; content:"";}
.secret .secretView .latest > ul li a span:last-of-type em:first-of-type.me b {color: #2C7B1C;}

.secret .secretView .latest > ul li a span:last-of-type > ul li {position: relative; float: left;}
.secret .secretView .latest > ul li a span:last-of-type > ul li b {margin-right: 3px;  font-size: 1.15em;}
.secret .secretView .latest > ul li a span:last-of-type > ul li.star {    margin-right: 25px;}
.secret .secretView .latest > ul li a span:last-of-type > ul li.star:before { display: block; position: absolute; top: 0; left: -20px; width: 18px; height: 18px; text-indent: -9999px; background: url(../img/icon_secret_star2.png) no-repeat center -36px; background-size: 14px; content: "";}
.secret .secretView .latest > ul li a span:last-of-type > ul li.view:before { display: block; position: absolute; top: 0; left: -20px; width: 18px; height: 18px; text-indent: -9999px; background: url(../img/icon_secret_view_gray_list.png) no-repeat center center; background-size: contain; content: "";}


.secret .secretView .comment { padding:10px; border: 0px solid #8E8E8E;}
.secret .secretView .comment ul {}
.secret .secretView .comment ul li { position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.secret .secretView .comment ul li .CommentWrap { position:relative; }
.secret .secretView .comment ul li div.nick {color: #3b5998; font-weight: bold; font-size: 1.1em;}
.secret .secretView .comment ul li div.contents { margin:10px 0;}
.secret .secretView .comment ul li div.contents pre { overflow:hidden; color:#333; font-size:1.1em; letter-spacing:-1px; white-space: pre-wrap;    word-wrap: break-word;font-family: 'Nanum Gothic','NanumGothic','나눔고딕','Droid Sans','Malgun Gothic','MalgunGothic','맑은고딕','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;}
.secret .secretView .comment ul li div.regDate { position: absolute; right: 0; top: 0; color:#777;}

.secret .secretView .comment ul li div:nth-of-type(3) { margin-left: 19px;}
.secret .secretView .comment ul li div:nth-of-type(3) a { position:relative; color:#999;}
.secret .secretView .comment ul li div:nth-of-type(3) a:before {position: absolute; display: inline-block; left: 0px; top: 0px; margin-left: -18px; width: 16px; height: 16px; background: url('../img/icon_secret_heart_gray.png') center center no-repeat; background-size: cover; content: "";}
.secret .secretView .comment ul li div:nth-of-type(3) a b { color:#666; margin-left:3px;}
.secret .secretView .comment ul li div:nth-of-type(3) a.me {color:#6CB15C;}
.secret .secretView .comment ul li div:nth-of-type(3) a.me:before {background: url('../img/icon_secret_heart.png') center center no-repeat; background-size: cover; content: "";}
.secret .secretView .comment ul li div:nth-of-type(3) a.me b { color:#2C7B1C;}

.secret .secretView .comment ul li div:nth-of-type(5) {position: absolute; right: 0; bottom:-3px;}
.secret .secretView .comment ul li div:nth-of-type(5) a { display:inline-block; margin-left:5px; background:#AFAC96; color:#fff; text-align:center; padding:5px 8px;}
.secret .secretView .comment p {}
.secret .secretView .comment p textarea { width:100%; font-size:1.1em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; color: #7D7A59; border: 1px solid #E6E4D0; background:#FBFAF1; height:40px;}
.secret .secretView .comment p a { display:block; text-align:center; color:#fff; font-size:1.2em; background:#8C8758; line-height:32px; margin-top: 3px;}
.secret .secretView .comment p.commentModify {padding: 10px 0; padding: 10px 0 10px 0px; filter:gray; -webkit-filter: grayscale(1);}

.secret .secretViewButt { overflow:hidden; padding:15px 10px;}
.secret .secretViewButt div a { display: inline-block; background: #999; padding: 6px 0; color: #fff; width:70px; text-align:center;}
.secret .secretViewButt div a.emphasis { background: #555; color: #fff;}
.secret .secretViewButt div { text-align:center; }

.secret .secretView > .sameProductList { /*border-top: 1px dashed #B5B5B5;*/ padding-top: 10px; margin-top: 10px;}
.secret .secretView > .sameProductList p.title { position:relative; display: inline-block; background: #33468C; color: #DFE5F9; width: 100%; text-align: center; line-height: 30px;}
.secret .secretView > .sameProductList p.title:before {position: absolute; left: 0; top: -10px; width: 100%; display: block; border-top: 1px dashed #B5B5B5; content: "";}
.secret .secretView > .sameProductList p.title b {margin-left: 3px;} 
.secret .secretView > .sameProductList p.titleClose { position:relative; display: inline-block; background: #555; color: #ccc; width: 100%; text-align: center; line-height: 30px;}
.secret .secretView > .sameProductList p.titleClose b {margin-left: 3px;} 
.secret .secretView > .sameProductList p.titleClose:before {position: absolute; left: 0; top: -10px; width: 100%; display: block; border-top: 1px dashed #B5B5B5; content: "";}

.secret .secretView > .sameProductList ul { padding:5px; margin-bottom:10px;}
/*.secret .secretView > .sameProductList ul:last-of-type {border-top: 1px dashed #B5B5B5;}*/
.secret .secretView > .sameProductList ul li { position:relative; border-bottom: 1px solid #ddd; letter-spacing:-1px;}
.secret .secretView > .sameProductList ul li:last-of-type {border-bottom: none;}
.secret .secretView > .sameProductList ul li a { position: relative; display: block; margin:7px 0;}
.secret .secretView > .sameProductList ul li a:after { position: absolute; top: 50%; right: 0; width: 6px; height: 6px; margin-top:-3px; border: 2px solid #Ddd; border-bottom: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: "";}
.secret .secretView > .sameProductList p a {position: relative; display: block; text-align: center; padding: 9px; margin:0 5px 20px 5px; margin-left: -15px; background: #eee; color: #555;}
.secret .secretView > .sameProductList p a:after { position: absolute; top: 9px; right: 50%; margin-right: -40px; width: 8px; height: 8px; border: 2px solid #ccc; border-top: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}

.secret .secretView > .sameProductList ul li div { clear:both; margin-right:30px;}
.secret .secretView > .sameProductList ul li:first-of-type:before { display: inline-block; background: #33468C; color: #DFE5F9; width: 100%; text-align: center; line-height: 30px; margin-bottom: 10px; /*content:"공개비법"*/}
.secret .secretView > .sameProductList ul li div span {}
.secret .secretView > .sameProductList ul li div.name { margin-top:3px;}
.secret .secretView > .sameProductList ul li div.name span { display:inline-block; float:left;}
.secret .secretView > .sameProductList ul li div.name span:first-of-type {color:#3b5998;}
.secret .secretView > .sameProductList ul li div.name span:last-of-type { float:right; color:#777;}

.secret .secretView > .sameProductList ul li div.price span { font-size:1.2em;}
.secret .secretView > .sameProductList ul li div.price span.rate {color: #F94D0C; font-weight: bold;}
.secret .secretView > .sameProductList ul li div.price span:first-of-type { color:#777; margin-right:5px; font-size:1em;}
.secret .secretView > .sameProductList ul li div.price span:nth-of-type(2) {position:relative; width:130px; display:inline-block; }
.secret .secretView > .sameProductList ul li div.price span:last-of-type { position:absolute; right:10px; top:2px; color:#3b5998; font-size:1em;}
.secret .secretView > .sameProductList ul li div.price span em {font-size: 0.9em; font-style: normal; text-decoration: line-through; color: #666; margin-left: 5px;}
.secret .secretView > .sameProductList ul li div.price span b {font-size: 0.9em; font-weight:normal; margin-left:5px; color:#777;}
.secret .secretView > .sameProductList ul li.cart div.price span:nth-of-type(2) {position:relative; width:130px; display:inline-block; }
.secret .secretView > .sameProductList ul li.cart div.price span:nth-of-type(2):after { position:absolute; display:inline-block; top:-2px; right:-24px; background: url('../img/icon_secret_cart_w.png') 2px center no-repeat; background-size: 14px; background-color: #f77e18; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; color: #fff; text-indent:-9999px; /*content:"장바구니아이콘";*/}
.secret .secretView > .sameProductList ul li.cart div.price span.rate {color: #F94D0C; font-weight: bold;}

.secret .secretView > .sameProductList ul li div:last-of-type { position: absolute; right: -57px; top: 5px; display: inline-block; background: #ddd; color:#888; letter-spacing:-1px; width: 38px; height: 38px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align: center; line-height: 38px;}
.secret .secretView > .sameProductList ul li a div:last-of-type { display:none; background: #555; color:#fff}

.secret .secretView > .sameProductList ul.sameProductClosed {}
.secret .secretView > .sameProductList ul.sameProductClosed li {}
.secret .secretView > .sameProductList ul.sameProductClosed li:first-of-type:before { display: inline-block; background: #555; color: #ccc; width: 100%; text-align: center; line-height: 30px; margin-bottom: 10px; /*content:"동일상품 구매리스트"*/}
.secret .secretView > .sameProductList ul.sameProductClosed li div { position:relative; margin-right:0; padding:2px;}
.secret .secretView > .sameProductList ul.sameProductClosed li div:last-of-type { display:none;}
.secret .secretView > .sameProductList ul.sameProductClosed li div span { display:inline-block;}
.secret .secretView > .sameProductList ul.sameProductClosed li div span:nth-of-type(2) {font-size:1.2em; width:130px;}
.secret .secretView > .sameProductList ul.sameProductClosed li div span:nth-of-type(2) em {font-size: 0.9em; font-style: normal; text-decoration: line-through; color: #666; margin-left: 5px;}
.secret .secretView > .sameProductList ul.sameProductClosed li div span:nth-of-type(2) b {font-size: 0.9em; font-weight:normal; margin-left:5px; color:#777;}
.secret .secretView > .sameProductList ul.sameProductClosed li div span.rate {/*position: absolute; right: 2px; top: 2px;*/ font-size:1.2em;}
.secret .secretView > .sameProductList ul.sameProductClosed li div span:nth-of-type(1) { color:#777; margin-right:5px;}

/* popup */
/*.secretPopup { padding: 20px 10px; text-align: center;} */
.secretPopupWrap { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background: rgba(0,0,0,0.8); overflow: hidden;}
.secretPopup { padding: 20px 10px; text-align: center; width: 85%; margin: 0 auto; margin-top: 50%; background: #fff;}
.secretPopup h2 {font-size: 1.2em;}
.secretPopup p { margin:15px 0 30px 0; color:#555;}
.secretPopup pre { overflow:hidden; margin:15px 0 30px 0; color:#555;}
.secretPopup div {}
.secretPopup div a { background: #ddd; padding: 8px 0; width: 50%; display: inline-block;}
.secretPopup div a.emphasis { background: #555; color: #ddd;}

/*notice*/
/*삭제된 비법 들어갔을때 안내*/
.secretNotice { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.1); overflow: hidden; /* margin-top: 50%; */ padding-top: 150px; text-align: center; z-index: 9999;}
.secretNotice p { position: relative; font-size: 1.25em; color: #777; margin-bottom: 20px;}
.secretNotice p:before { position: absolute; top: -50px; left: 50%; margin-left: -15px; display: inline-block; width: 40px; height: 40px; background: url('../img/icon_notice.png') center center no-repeat; background-size: cover; content: "";}
.secretNotice a {display: inline-block; background: #999; padding: 6px 0; width: 70px; color: #fff;}
/*등록된 핫비법이 없을 때 안내*/
.secretNoticeHot {text-align: center; margin-top: 150px;}
.secretNoticeHot p {position: relative; font-size: 1.25em; color: #777;}
.secretNoticeHot p:before { position: absolute; top: -50px; left: 50%; margin-left: -15px; display: inline-block; width: 40px; height: 40px; background: url('../img/icon_notice.png') center center no-repeat; background-size: cover; content: "";}



/*동일상품 통합페이지*/
.sameCombine {}
.sameCombine .category {}
.sameCombine .category span { display: inline-block; margin-right: 10px; cursor:pointer;}
.sameCombine .explanation {}
.sameCombine .explanation p {overflow: hidden; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -0.5px; padding: 0 10px 0 0; color: #999; font-size: 1.05em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.sameCombine .secretViewProduct { position:relative;}
.sameCombine .secretViewProduct > a {cursor: context-menu;}
.sameCombine .secretViewProduct > a:before {display:none;}
.sameCombine .secretViewProduct > ul li.title {-webkit-line-clamp: 3;}
.sameCombine .sameCombineCount { position: absolute; right: 0; bottom: 45px; margin-right: 8px;}
.sameCombine .sameCombineCount span { margin-left:8px;}
.sameCombine .sameCombineCount span:first-of-type {display:none;}
.sameCombine .sameCombineCount span b { margin-left:3px;}
.sameCombine .sameCombineIcon { /*position:absolute; bottom:0; right:0; width:calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px);*/width:95%; border-top: 1px dotted #ddd; margin:0 auto}
/*.sameCombine .sameCombineIcon { margin: 5px 0; border: 1px solid #ddd; border-left: none; border-right: none;}*/
.sameCombine .sameCombineIcon ul { display: table; width: 100%; padding: 10px 0; text-align:center;}
.sameCombine .sameCombineIcon ul li { display: inline-block; width: 33.3%; /*padding-right:8px;*/}
.sameCombine .sameCombineIcon ul li span { position: relative; font-size: 0.95em; color: #555; margin-left: 25px; cursor:pointer;}
.sameCombine .sameCombineIcon ul li span b { margin-left:3px;}
.sameCombine .sameCombineIcon ul li span:before {position: absolute; display: inline-block; width: 20px; height: 20px; top: 50%; left: -20px; margin-top: -11px; content: "";}
.sameCombine .sameCombineIcon ul li span.good:before { background: url('../img/icon_secret_heart_gray.png') center center no-repeat; background-size: 80%; content: "";}
.sameCombine .sameCombineIcon ul li span.be:before { background: url('../img/icon_secret_heart.png') center center no-repeat; background-size: 80%; content: "";}
.sameCombine .sameCombineIcon ul li span.me:before { background: url('../img/icon_secret_heart_me.png') center center no-repeat; background-size: 80%; content: "";}
.sameCombine .sameCombineIcon ul li span.share:before { background: url('../img/icon_secret_share.png') center center no-repeat; background-size: 80%; content: "";}
.sameCombine .sameCombineIcon ul li span.commentButt:before {top: 60%; background: url('../img/icon_secret_comment_gray.png') center center no-repeat; background-size: 90%; content: "";}
/*품절버튼 임시*/
.sameCombine .sameCombineIcon ul li.soldoutButt {}
.sameCombine .sameCombineIcon ul li.soldoutButt i { color: #fff; text-align: center; text-indent: initial; line-height: 14px; background: #989898; vertical-align: baseline;}
.sameCombine .sameCombineIcon ul li.soldoutButt span { margin-left: 5px;}
.sameCombine .sameCombineIcon ul li.soldoutButt span:before { content:none;}
.sameCombine .sameCombineIcon ul li.soldoutButt button {border: none; background: transparent;}
.sameCombine .sameCombineIcon ul li.soldoutButt.on i {background: #3a61f7;}
.sameCombine .sameCombineIcon ul li.soldoutButt.on button { color:#3a61f7;}

/*통합페이지 개별 리스트*/
.sameCombine .privateWarp {}
.sameCombine .privateWarp .privateList { position: relative; padding: 0 8px 5px 8px;}
.sameCombine .privateWarp .privateList:after { position: absolute; top: 50%; right: 15px; margin-top: -4px; width: 6px; height: 6px; border: 2px solid #ccc; border-bottom: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.sameCombine .privateWarp .privateList:hover:after { border:2px solid #333; border-bottom: none; border-left: none;}
.sameCombine .privateWarp a { cursor:pointer;}

/**임시**/
.sameCombine .privateWarp .privateList .privateListWrap {background:#f7f7f7;border: 1px solid #d7d6d6;}
.sameCombine .privateWarp .privateList .privateListWrap:hover, .sameCombine .privateWarp .privateList .privateListWrap:active { background:#fff; border: 1px solid #333;}
/*.sameCombine .privateWarp .privateList .privateListWrap.hot {position: relative; background: #fffbfb; border: 1px solid #e82549;}*/
.sameCombine .privateWarp .privateList .privateListWrap.hot {position: relative; background: #fffbfb; border: 1px solid #eac4cb;}
.sameCombine .privateWarp .privateList .privateListWrap.hot:after { display: inline-block; position: absolute; top: -1px; right: -4px; width: 40px;height: 15px; line-height: 15px; background: #FF3A0A; color: #fff; text-align: center; font-size: 9px; content: "HOT";}
.sameCombine .privateWarp .privateList .privateListWrap.hot:hover {background: #fff; border: 1px solid #FF3A0A;}
/*.sameCombine .privateWarp .privateList .privateListWrap.choice {position: relative; background: #f7f9ff; border: 1px solid #282dcc;}*/
.sameCombine .privateWarp .privateList .privateListWrap.choice {position: relative; background: #f7f9ff; border: 1px solid #adaee2;}
.sameCombine .privateWarp .privateList .privateListWrap.choice:after { display: inline-block; position: absolute; top: -1px; right: -4px; width: 40px;height: 15px; line-height: 15px; background: #282dcc; color: #fff; text-align: center; font-size: 9px; content: "선택";}
.sameCombine .privateWarp .privateList .privateListWrap.choice:hover { background:#fff; border:1px solid #282dcc;}
.sameCombine .privateWarp .privateList .privateListWrap.choice.hot:before { display: inline-block; position: absolute; top: -1px; right: 37px; width: 40px; height: 15px; line-height: 15px; background: #FF3A0A; color: #fff; text-align: center; font-size: 9px; content: "HOT";}
.sameCombine .privateWarp .privateList .privateListWrap div.title { padding:5px;}
.sameCombine .privateWarp .privateList .privateListWrap div.title.view { position:relative;}
.sameCombine .privateWarp .privateList .privateListWrap div.title.view:after { position: absolute; top: 0; right: 0; display: inline-block; width: 5px; height: 5px; background: #7a92ec; z-index:999; content: "";}

.sameCombine .privateWarp .privateList .privateListWrap div.title .logo { height: 17px;}
.sameCombine .privateWarp .privateList .privateListWrap div.title .statusIco { display:none;}
.sameCombine .privateWarp .privateList .privateListWrap div.title .productTitle {overflow: hidden; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; letter-spacing: -0.5px;}
.sameCombine .privateWarp .privateList .privateListWrap div.title .option {overflow: hidden; color:#999; margin-top:2px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; letter-spacing: -0.5px;}

.sameCombine .privateWarp ul { background:none !important; border: none !important; /*border-top: 1px dotted #e1e1e1 !important;*/}
.privateWarp p.logo:first-of-type:after { width: 20px !important; height: 17px !important;}

/**임시**/




/*.sameCombine .privateWarp ul { overflow:hidden; display:table; width:100%; height:50px; background:#f7f7f7;border: 1px solid #d7d6d6;}*/
.sameCombine .privateWarp ul { overflow:hidden; width:100%;}
.sameCombine .privateWarp ul.view { position:relative;}
.sameCombine .privateWarp ul.view:after { position: absolute; top: 0; right: 0; display: inline-block; width: 5px; height: 5px; background: #7a92ec; content: "";}
.sameCombine .privateWarp ul:hover, .sameCombine .privateWarp ul:active { background:#fff;}
/*.sameCombine .privateWarp ul li { display:table-cell; vertical-align:middle; padding:5px 5px;}*/
.sameCombine .privateWarp ul li { padding:0 5px 5px 5px;}
/*.sameCombine .privateWarp ul li:first-of-type {position: relative; width:50px; min-width:50px; text-align:center; border-right: 1px dotted #e1e1e1;}*/
.sameCombine .privateWarp ul li:first-of-type { display:none;}
.sameCombine .privateWarp ul li div.contentSingong { padding-right:10px;}
/*.sameCombine .privateWarp ul li div.contentSingong span {overflow: hidden; color:#4f7ec5; margin-bottom: 5px; padding-top: 5px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; word-break:break-all; letter-spacing: -0.5px;}*/
.sameCombine .privateWarp ul li div.contentSingong span {overflow: hidden; color:#4f7ec5; margin-bottom: 5px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break:break-all; letter-spacing: -0.5px;}
.sameCombine .privateWarp ul li:last-of-type {}
.sameCombine .privateWarp ul li:last-of-type div:first-of-type { /*position:relative; overflow:hidden;*/}
.sameCombine .privateWarp ul li:last-of-type div:first-of-type span { /*float:left;*/}
.sameCombine .privateWarp ul li:last-of-type div:first-of-type .option { overflow: hidden; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break:break-all; letter-spacing: -0.5px;}
.sameCombine .privateWarp ul li:last-of-type div:first-of-type .nooption:before { content: "옵션없음"; color: #adadad;}
.sameCombine .privateWarp ul li:last-of-type div:first-of-type .amount { margin-left: 3px;}

.sameCombine .privateWarp ul li:last-of-type div:last-of-type { position:relative;}
/*.sameCombine .privateWarp ul li:last-of-type div:last-of-type .price { position: absolute; top: 0; right: 15px; color: #E21803; font-weight: bold; font-size: 1.1em; letter-spacing: -0.5px;}*/
.sameCombine .privateWarp ul li:last-of-type div:last-of-type .price { position: absolute; top: 1px; right: 13px; color: #E21803; font-weight: bold; font-size: 1.1em; letter-spacing: -0.5px;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type .price span { position:relative;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type .price span.cart { display: inline-block; text-indent: -9999px;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type .price span.cart:after { position:absolute; top: -1px; left: -5px; background: url('../img/icon_secret_cart.png') center center no-repeat; background-size: contain; width: 18px; height: 18px; text-indent: -9999px; content: "장바구니아이콘";}

.sameCombine .privateWarp ul li:last-of-type div:last-of-type .price b {display: inline-block; color: #fbf9f8; margin-left: 2px; background: #fd703b; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 0 5px;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type .price b i { font-size: 0.7em; font-style: normal; margin-left: 2px; font-weight: normal;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type .regDate { color:#777;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type > .iconWarp { display: inline-block; /*top: 3px;*/ width:100px;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .view { position: relative; font-weight: bold; color: #777; margin-left: 28px;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .view:before { position: absolute; top: 0; left: -22px; display: block; width: 18px; height: 18px; text-indent: -9999px; background: url('../img/icon_secret_view_gray_list.png') no-repeat center center; background-size: contain; content: "";}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .qa {position: relative; font-weight: bold; color: #777; margin-left: 25px;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .qa:before { position: absolute; top: 3px; left: -17px; display: block; width: 15px; height: 15px; text-indent: -9999px; background: url('../img/icon_secret_comment_gray_list.png') no-repeat center center; background-size: 15px 15px; content: "";}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .star { position: relative; font-weight: bold; color: #777 /*#cca300*/; margin-left:17px;}
.sameCombine .privateWarp ul li:last-of-type div:last-of-type > .iconWarp .star:before { position: absolute; top: 0; left: -15px; display: block; width: 14px; height: 14px; margin-top: 2px; text-indent: -9999px; background: url(../img/icon_secret_star2.png) no-repeat center -39px; background-size: 100% auto; content: ""; }

.sameCombine .privateWarp .nickWrap {}
.sameCombine .privateWarp .nickWrap {}

.sameCombine .privateWarp .statusIco { display: inline-block; float: left; margin-right:3px;} /*핫비법,첫비법,중복배너*/
.sameCombine .privateWarp .statusIco span { display: inline-block; margin-right: 2px; line-height: 11px; width: 15px; font-size: 10px; text-align: center; color: #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.sameCombine .privateWarp .statusIco span.first { border: 1px solid #4472CA; color: #4472CA; background:#fff; font-weight: bold;}
.sameCombine .privateWarp .statusIco span.hot { border: 1px solid #FF3A0A; color: #fff; background:#FF3A0A; font-weight: bold;}
.sameCombine .privateWarp .statusIco span.wrm { border: 1px solid #389E36; color: #389E36; background:#fff; font-weight: bold;}
.sameCombine .privateWarp .statusIco span.dupl { border: 1px solid #BBBBBB; color: #BBBBBB; background:#fff}

/*.sameCombine .privateWarp .grade { display: inline-block; overflow: hidden;}*/
.sameCombine .privateWarp .grade {}
.sameCombine .privateWarp .grade:before { position:initial;}
/*.sameCombine .privateWarp .nick { display: -webkit-box; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break:break-all;}*/
.sameCombine .privateWarp .nick { display:-webkit-box; float:left; max-width:50px; margin-right:3px; color: #3868b1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all;}

/*개별비법 더보기*/
.privateWarp .secretList {border: none !important; padding: 0 8px 0 9px;}


/*댓글*/
.sameComment { background:#e5edf1;}
.sameComment .sameCommentHead { padding: 5px;}
.sameComment .sameCommentHead .h3 {}
/*.sameComment .sameCommentList { position: relative; padding: 0 5px 0 30px; min-height: 200px; background: #e6e6e6; overflow: hidden; overflow-y: auto;}*/
.sameComment .sameCommentList { position: relative; padding: 0 5px 0 30px; overflow: hidden; overflow-y: auto;}
.sameComment .sameCommentList .talkDate { clear: both; font-size: 0.8em; margin: 0; padding: 2em 0 1.2em; text-align: center;}
.sameComment .sameCommentList .talkDate time { display: inline-block; height: 1.8em; padding: 0 1em; line-height: 1.8em; color: #ffffff; background: rgba(0, 0, 0, 0.15); border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; vertical-align: top; overflow: hidden;}
.sameComment .sameCommentList .talkBox { clear: both; position: relative; max-width: 60%; margin: 20px 0; padding: 0 5px;}
.sameComment .sameCommentList .talkBox.right {float:right;}
.sameComment .sameCommentList .talkBox.right:after { content:""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #8badde;}

.sameComment .sameCommentList .talkBox.left {float:left;}
.sameComment .sameCommentList .talkBox.left:after { content:""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff;}

.sameComment .sameCommentList .talkBox .talkTxt { overflow: hidden; font-size:1.05em; margin: 0; padding: 10px 10px; word-break:break-all; line-height: 1.4em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 2px 2px rgba(0,0,0,0.1);}

.my .talkTxt { background: #9ad069 !important; color:#fff !important; }
.my:after { border-top: 8px solid #9ad069 !important;}
.my .nick span b { color:#68b91e !important;}

.sameComment .sameCommentList .talkBox .talkTxt .secretAt { font-size: 0.85em; margin: 10px 0 5px 0; text-align: right; cursor: pointer;}
.sameComment .sameCommentList .talkBox .talkTxt .secretAt span {position:relative; display:inline-block; border-bottom: 1px dotted; }
.sameComment .sameCommentList .talkBox .talkTxt .secretAt span:before { position:absolute; left:-6px; content:"*"}

.sameComment .sameCommentList .talkBox .talkTxt .button { text-align: right; margin-top: 10px;}
.sameComment .sameCommentList .talkBox .talkTxt .button a {display: inline-block; font-size: 0.95em; padding: 1px 8px; border: 1px solid; background: rgba(255,255,255,0.2); cursor: pointer;}
.sameComment .sameCommentList .talkBox.my .talkTxt .button a { color:#fff;}
.sameComment .sameCommentList .talkBox.right .talkTxt .button a { color:#fff;}
.sameComment .sameCommentList .talkBox .side { position:absolute; bottom:5px; font-size: 0.8em; color: #777;}
.sameComment .sameCommentList .talkBox .side time { display: block; width: 70px;}
.sameComment .sameCommentList .talkBox .nick {position: absolute; top: -15px;}
.sameComment .sameCommentList .talkBox .nick span { display: inline-block; width: 25px; height: 25px; background: #999 url(../img/icon_secret_comment_user_f0.png) no-repeat center center; background-size: 18px 18px; border-radius: 50%; -wborder-radius: 50%; -moz-border-radius: 50%; position: relative; text-align: center; line-height: 25px; font-size: 10px; letter-spacing: -1px;}
.sameComment .sameCommentList .talkBox .nick span b { position: absolute; top: -9px; min-width: 200px; display: inline-block; font-size: 12px; letter-spacing: initial;}
.sameComment .sameCommentList .talkBox .nick span em {font-style: normal; margin-left: 37px;}
.sameComment .sameCommentList .talkBox .nick span em.grade7:before { display: inline-block; font-size: 9px; font-weight: normal; width: 26px; height: 13px; text-align: center; line-height: 13px; margin-right: 3px; content: "쇼신";}
.sameComment .sameCommentList .talkBox .nick span em.grade5:before { display: inline-block; font-size: 9px; font-weight: normal; width: 26px; height: 13px; text-align: center; line-height: 13px; margin-right: 3px; content: "고수";}
.sameComment .sameCommentList .talkBox .nick span em.grade3:before { display: none;}
.sameComment .sameCommentList .talkBox .nick span em.grade1:before { display: none;}

.sameComment .sameCommentList .talkBox.right .nick { display: none; right: -27px;}
.sameComment .sameCommentList .talkBox.right .nick span { display: initial;}
.sameComment .sameCommentList .talkBox.right .nick span b { right: 35px; text-align: right;}
.sameComment .sameCommentList .talkBox.left .nick {left: -27px;}
.sameComment .sameCommentList .talkBox.left .nick span b {left: 35px; text-align: left;}

.sameComment .sameCommentList .talkBox.right .talkTxt {background: #8badde; color: #fff;}
.sameComment .sameCommentList .talkBox.right .side { right:100%;}
.sameComment .sameCommentList .talkBox.right .side time { text-align:right;}

.sameComment .sameCommentList .talkBox.left .talkTxt {background:#fff;}
.sameComment .sameCommentList .talkBox.left .side { left:100%;}
/*댓글 입력*/
.sameComment .sameCommentWriteWrap {}
.sameComment .sameCommentWriteWrap .sameCommentWrite { border: 1px solid #9bc5da; margin: 0 5px 5px 5px;}
.sameComment .sameCommentWriteWrap .sameCommentWrite > a {position: relative; display: block; color: #fff;text-align: center; line-height: 25px; background: #8badde; padding-right: 3px;}
.sameComment .sameCommentWriteWrap .sameCommentWrite > a:after {position: absolute; top: 50%; margin-left: 3px; margin-top: -4px; width: 6px; height: 6px; border: 2px solid #c9d7ec; border-bottom: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.sameComment .sameCommentWriteWrap .sameCommentWrite form {}
.sameComment .sameCommentWriteWrap .sameCommentWrite fieldset { padding:0;}
.sameComment .sameCommentWriteWrap .sameCommentWrite fieldset legend {}
.sameComment .sameCommentWriteWrap .sameCommentWrite fieldset p { position:relative; padding: 5px 50px 2px 5px; background: #fff;}
.sameComment .sameCommentWriteWrap .sameCommentWrite fieldset p textarea { overflow-y: hidden; width: 100% !important; height: 40px !important; padding-right:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size: 1.1em; border: none; outline: none; letter-spacing:-0.05em;}
/*.sameComment .sameCommentWriteWrap .sameCommentWrite fieldset p a { position: absolute; top: 0px; right: 0; width: 60px; height: 50px; line-height: 50px; background: #c6ceda; text-align: center;}*/
.sameComment .sameCommentWriteWrap .sameCommentWrite fieldset p a { position: absolute; top: 0px; right: 0; width: 60px; height: 50px; line-height: 50px; color:#fff; background: #8badde; text-align: center;}
/*이전댓글보기, 댓글 입력*/
.sameComment .more {}
.sameComment .more a { display:inline-block; padding:10px; color:#4c7c94;}
.sameComment .more a:before { content:"";}
.sameComment .more .commentPast {}
.sameComment .more .commentWriteButt {}

/*개별 비법_상단타이틀*/
.eachTop a.title { width:40% !important;}
.eachTop a.title:before { position: absolute; top: 10px !important; width: 32px !important; height: 32px !important; margin-top: 2px !important; border: none !important; transform: inherit !important; -webkit-transform: inherit !important; text-indent: -9999px; background: url(../img/icon_secret_close_w.png) no-repeat center center; background-size: contain; content: '';}
.eachTop a.title h1 { visibility:hidden;}

/*개별 비법_팝업안에*/
/*.eachSecret {position: absolute; overflow-y:auto; top: 0px; left: 0px; width: 98%; height:98%; margin: 0 1%; color: #777; background: #fff; box-sizing: border-box;}*/
.eachSecret {color: #777; background: #fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.eachSecret .secret .secretView { border:none; margin-bottom:0;}
.eachSecret .sameComment .sameCommentList { background: #eaf1fb;}
.eachSecret .secret .secretView .buttGood { padding:10px 10px 15px 10px; border-top: 1px solid #eee;}
.eachSecret .secret .secretView .buttGood > span {right:10px;}

/*별점*/
.starMark { text-align:center; padding:10px 5px;}
.starMark .starMarkWarp {}
.starMark .starMarkWarp dt span {display: inline-block; color: #d4ad12; padding-bottom: 5px;}
.starMark .starMarkWarp dt span b {/*display: inline-block; background: #d4ad12; color: #fff; width: 20px; line-height: 20px; border-radius: 50%; margin-left: 3px;*/}
.starMark .starMarkWarp .star {}
.starMark .starMarkWarp .star span { display: inline-block; width: 25px; height: 25px; margin: 0 20px 0 0; background: url('../img/icon_secret_star5.png') no-repeat 0 -25px; background-size: 135px auto; -webkit-background-size: 135px auto; text-indent: -9999px; cursor: pointer;}
.starMark .starMarkWarp .star span:last-of-type { margin-right:0;}
/*.starMark .starMarkWarp .star span.on { background-position: 0px 0;}*/
.starMark .starMarkWarp .star span.on { position:relative; width: 135px; background-position: 0 -25px; cursor: auto;}
.starMark .starMarkWarp .star span.on em {position: absolute; top: 0; left: 0; width: 135px; height: 25px; background: url(../img/icon_secret_star5.png) no-repeat 0 0; background-size: 135px auto; -webkit-background-size: 135px auto;}
.starMark .starMarkWarp .star span.on em.star1 {width: 27px;}
.starMark .starMarkWarp .star span.on em.star2 {width: 54px;}
.starMark .starMarkWarp .star span.on em.star3 {width: 81px;}
.starMark .starMarkWarp .star span.on em.star4 {width: 108px;}
.starMark .starMarkWarp .star span.on em.star5 {width: 135px;}


/*쇼신비법 등록*/
/*.secretWrite {background: #fff; border: 1px solid #d7d6d6; margin-bottom:5px;}*/
.secretWrite {}
article.secretWrite { margin:0 !important; padding-top:37px;}
article.secretWrite > .deliveryListWarp > div > .deliveryListTop > ul { margin-top:15px;}

/*주문배송조회 등록버튼*/
.secretButt {background: #FF5959 !important; border: 1px solid #FF5959 !important; color: #F7D4D4 !important; cursor: pointer;}
.secretButt:after {content:"리뷰등록"}
.secretButtMod {border: 1px solid #ecb2b2 !important; color: #ecb2b2 !important; text-align: center; cursor: pointer;}
.secretButtMod:after {content:"리뷰보기"}

/*레이어 팝업*/
.secretLayerWrap {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; min-width:320px; z-index: 99992; background: #E6E6E6;}
.secretLayerWrap hgroup { overflow:hidden;position: fixed; width: 100%; top: 0; z-index: 99999;}
.secretLayerWrap hgroup h1 { margin-bottom:0px !important;}
.secretLayerWrap hgroup > .secretLayerTop {position: relative; display: inline-block; width: 100%;background: #249ece; line-height:50px; color: #ddd;}
.secretLayerWrap hgroup > .secretLayerTop a.title { color: #e6f3f9; display: inline-block; width: 60%;}
.secretLayerWrap hgroup > .secretLayerTop a.title:before { position: absolute; left: 4px; top: 19px; width:10px; height:10px; text-indent:-9999px; border: 2px solid #abd8ea; border-top: none; border-left: none; margin-left: 10px; transform: rotate(-225deg); -webkit-transform: rotate(-225deg); content: "<";}
.secretLayerWrap hgroup > .secretLayerTop a.title h1 {margin-left:20px; font-size:1.3em;}
.secretLayerWrap hgroup > .secretLayerTop a.title h2 {display: inline-block; font-size: 1.3em; margin-left: 6px;}
.secretLayerWrap hgroup > .secretLayerTop a.title h2:before {content: "-"; color:#999; font-weight:normal; margin-right: 3px;}
.secretLayerWrap hgroup > .secretLayerTop .logo { position: absolute; top: 16px; right: 15px; display: inline-block; width: 70px; height: 20px; background: #fff; line-height: 20px; background: url('../img/logo_shosyn_skyblue.png') center center no-repeat; background-size: cover; text-indent: -9999px;}
.secretLayerWrap hgroup > .secretLayerTop {}

.secretLayerWrap hgroup a.addTop { position: relative; display: inline-block; width: 100%;}
.secretLayerWrap hgroup a.addTop:before { position: absolute; left: 4px; top: 18px; width:10px; height:10px; text-indent:-9999px; border: 2px solid #999; border-top: none; border-left: none; margin-left: 10px; transform: rotate(-225deg); -webkit-transform: rotate(-225deg); content: "<";}
.secretLayerWrap hgroup a.addTop h1 {text-align: center; background: #333; padding: 0 8px; line-height:50px; color: #ddd;}
.secretLayerWrap hgroup a.addTop h1 {position: initial; text-indent: 0px; width:100%;} 

.secretWrite .deliveryListWarp {border: 1px solid #d7d6d6; border-bottom: none; border-left: none; border-right: none;}
.secretWrite .secretWriteTitle { position:relative; padding: 15px 10px 15px 10px;border-top: 1px solid #ddd; text-align:center;}
.secretWrite .secretWriteTitle label { font-size: 1.1em; line-height: 28px; color: #716D48;}
.secretWrite .secretWriteTitle input[type=text] { float:right; width:85%; height:28px; color: #7D7A59; font-size:1.1em; letter-spacing:-1px; background: #FBFAF1; border: 1px solid #E6E4D0; padding:0 5px;}
.secretWrite .secretWriteTitle input[type=button] {position: absolute; right: 10px; top: 15px; display: inline-block; color: #6B6854; width: 20px; height: 30px; background-color: #F3F1E3; border: 1px solid #DEDCC5; cursor: pointer;}
.secretWrite .secretWriteTitle span { position: absolute; right: 10px; top: 15px; display: inline-block; width: 20px; height: 26px; background-color: #F3F1E3; border: 1px solid #DEDCC5; text-indent: -9999px; cursor: pointer; }

.secretWrite .secretWriteCart { padding:10px 0 0 0; }
.secretWrite .secretWriteCart ul {min-height: 50px;}
.secretWrite .title {overflow: hidden; margin: 3px 0 2px 0; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -1px;}
.secretWrite .title span:last-child {color:#333 !important;}	
.secretWrite .option { overflow: hidden; margin-bottom: 2px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -1px;}
.secretWrite .option pre {overflow: hidden; margin: 0; color: #999; font-size: 1.05em; font-family: 'Nanum Gothic','NanumGothic','나눔고딕','Droid Sans','Malgun Gothic','MalgunGothic','맑은고딕','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;}
.secretWrite .price em {font-size: 1.2em !important; color: #666; margin-left: 5px !important; font-style:normal;}
	
/*
.secretWrite .secretWriteCart div a { position: relative; float: left; display: inline-block;}
.secretWrite .secretWriteCart div a:before { position: absolute; bottom: 4px; right: 13px; width: 10px; height: 10px; line-height: 10px; color: #555; text-align: center; font-weight: bold; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.3); content: "+";}
.secretWrite .secretWriteCart a img {float: left; width: 50px; height: 50px; border: 1px solid #999; margin: 0 10px 0 0; background: url('../img/noimg.png') center center no-repeat; background-size: cover;}

.secretWrite .secretWriteCart div { position:relative; margin-top:10px; padding-top:10px; border-top:1px solid #ddd;}
.secretWrite .secretWriteCart div:first-of-type { margin-top:0; padding-top:0; border-top: none;}
.secretWrite .secretWriteCart div ul { margin: 0 60px 0 62px; min-height:50px;}
.secretWrite .secretWriteCart div:first-of-type ul { margin-right: 10px;}
.secretWrite .secretWriteCart div ul li.title {overflow: hidden; margin-bottom: 2px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -1px;}
.secretWrite .secretWriteCart div ul li.option { overflow: hidden; margin-bottom: 2px; line-height: 17px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -1px;}
.secretWrite .secretWriteCart div ul li.option pre {overflow: hidden;  margin: 0; color: #999; font-size: 1.05em; font-family: /*'Nanum Gothic',*//*'Droid Sans','Malgun Gothic','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;}
.secretWrite .secretWriteCart div ul li.price {}
.secretWrite .secretWriteCart div ul li.price em { font-size: 1.2em; font-style: normal; color: #666; margin-left: 5px;}
.secretWrite .secretWriteCart div div.open { position:absolute; right:0; top:0;}
.secretWrite .secretWriteCart div div.open b {}
*/

.secretWrite .secretWriteCartMoreWrap {position: relative; border-top: 1px dashed #ddd; padding: 10px 0; margin: 10px 10px 0 10px;}
.secretWrite .secretWriteCartMoreWrap:before { position: absolute; display: inline-block; top: -19px; left: 50%; background: url('../img/icon_secret_cart_w.png') 2px center no-repeat; background-size: 20px; background-color: #f77e18; width: 28px; height: 28px; border: 3px solid #F3D5BC; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; color: #fff; text-indent: -9999px; content: "장바구니아이콘";}	
.secretWrite .secretWriteCartMoreWrap > p {margin: 8px 0 10px 0 !important; font-size: 1.05em !important; background: #EAF4FD !important; color: #4E6273 !important; padding: 5px; text-align: center; letter-spacing: -1px;}
.secretWrite .secretWriteCartMoreWrap > p b {color: #3A6D9A;}

.secretWrite .secretWriteCartMore { position:relative;}
.secretWrite .secretWriteCartMore > p { margin: 10px 0; font-size: 1.1em; background: #EAF4FD; color: #4E6273; padding: 5px; text-align: center; letter-spacing: -1px;}
.secretWrite .secretWriteCartMore div a img { margin: 10px 0 0 0 !important;}	
	
.secretWrite .secretWriteCartMore div div.open { position:absolute; right:3px; top:9px;}
.secretWrite .secretWriteCartMore div div.open input[type=checkbox] { display:none; position: absolute; z-index: 9999; left: 50%; margin-left: -5px; top: 5px;}
.secretWrite .secretWriteCartMore div div.open input[type=checkbox] + label {display: inline-block; width: 40px; height: 40px;}
.secretWrite .secretWriteCartMore div div.open input[type=checkbox] + label span {display:inline-block; letter-spacing: -1px; position:relative; text-align:center; width:40px; height:40px;/*background: url('../img/noimg.png') center center no-repeat; background-size:cover;*/ cursor:pointer; background: #D6E5F5; border: 0px solid #A3B8CE; cursor: pointer; color: #3F74AD; border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%;}
.secretWrite .secretWriteCartMore div div.open input[type=checkbox] + label span:after { display:block; position:absolute; left:0; top:30%; margin:0 auto; width:40px; /*padding-top:18px;*/ content:'공개'}
.secretWrite .secretWriteCartMore div div.open input[type=checkbox]:checked + label span {/*background: url('../img/noimg.png') center center no-repeat; background-size:cover;*/ cursor:pointer; background: #EFEFEF; border: 0px solid #DCDCDC; cursor: pointer; color: #A9A9A9;}
.secretWrite .secretWriteCartMore div div.open input[type=checkbox]:checked + label span:after { display:block; position:absolute; left:0; top:30%; margin:0 auto; width:40px; /*padding-top:18px;*/ content:'비공개'}
.secretWrite .secretWriteCartMore div ul { margin: 0 50px 0 0; min-height:60px;}
.secretWrite .secretWriteCartMore div ul:after {display: block; background: #d7d6d6;height: 1px; width: 100%; margin:20px 0 0 0; content: "";}

.secretWrite .useSingong {padding: 5px; background: #FFF4F4; border: 1px solid #ECDDDD;}
.secretWrite .useSingong p {position: relative; text-align: center; font-size: 1.1em; color: #333; margin-bottom: 10px;}
.secretWrite .useSingong p em {color: #3b5998; font-style: normal; font-weight: bold; margin-right: 3px;}
.secretWrite .useSingong p b { color: #BD2B2B; font-size: 1.05em;}
.secretWrite .useSingong div {}
.secretWrite .useSingong div dl { overflow: hidden; margin-bottom: 5px; letter-spacing: -1px;}
.secretWrite .useSingong div dl dt { position: relative; float: left; margin: 2px 10px 0 5px; width: 45px; color: #733F3F;}
.secretWrite .useSingong div dl dt:before { position: absolute; width: 59px; height: 1px; background: #F5E1E1; bottom: -3px; left: 0; content: "";}
.secretWrite .useSingong div dl dd {float: left; margin-right: 5px;}
.secretWrite .useSingong div dl dd label {position: relative;}
.secretWrite .useSingong div dl dd label input[type=checkbox] { display:none; position: absolute; left: 6px; top: 2px;}
.secretWrite .useSingong div dl dd label input[type=checkbox] + span {display: inline-block; width: 80px; text-align: center; border: 1px solid #DACACA; border-radius: 20px;  -moz-border-radius: 20px;  -webkit-border-radius: 20px;  background: #fff; padding: 2px 0; cursor: pointer;}
.secretWrite .useSingong div dl dd label input[type=checkbox]:checked + span { color: #fff; background: #FF7979; border: 1px solid #FF7979;}
.secretWrite .useSingong > div > label { padding: 5px; display: block; cursor: pointer; color: #2B2FB9;}

.secretWrite .useCoupon { padding: 10px 10px 0 10px; background: #E3EEF5;}
.secretWrite .useCoupon p {text-align: center; font-size: 1.1em; color: #333; margin-bottom:17px 0 2px 0;}
.secretWrite .useCoupon p b {color: #3A6694 !important;}
.secretWrite .useCoupon div { text-align:center;}

.secretWrite .useCoupon div { text-align:center;}
.secretWrite .useCoupon div label { position:relative; cursor:pointer; }
.secretWrite .useCoupon div label input[type=checkbox] { position:absolute; left:50%; top:16px; margin-left:-6px; z-index:9999;}
.secretWrite .useCoupon div span {display: inline-block; width: 32.8%; text-align: center; padding:30px 0 15px 0;background: url('../img/secret_coupon.png') center center no-repeat; background-size: 80px 35px;}
.secretWrite .useCoupon div label input[type=checkbox] + span { opacity:0.5; filter:alpha(opacity=50); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter:gray; -webkit-filter:grayscale(0.9);}
.secretWrite .useCoupon div label input[type=checkbox]:checked + span {opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; filter:none !important; -webkit-filter:grayscale(0) !important; }

.secretWrite .useCoupon div span em { color:#1F6088; font-style: normal; font-weight:bold; font-size:1em !important;}
/*
.secretWrite .useCoupon div span.off { opacity:0.5; filter:alpha(opacity=50); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40)
; filter:gray; -webkit-filter:grayscale(0.9);}
.secretWrite .useCoupon div span.nCoupon { background: url('../img/secret_coupon.png') center center no-repeat; background-size: 80px 35px; }
.secretWrite .useCoupon div span.pCoupon { position:relative; background: url('../img/secret_coupon.png') center center no-repeat; background-size: 80px 35px; }
.secretWrite .useCoupon div span.dCoupon { background: url('../img/secret_coupon.png') center center no-repeat; background-size: 80px 35px; }
.secretWrite .useCoupon div span.pCoupon:before { position:absolute; display:inline-block; left:50%; top:15px; margin-left:32px; font-size:13px; color:#ECF0F5; width:15px; height:15px; line-height:17px; border:1px solid #0E3B34; background:#0E4C63; border-radius:50%; -webkit-border-radius:50%; content:'+';  }*/

.secretWrite .content {padding:10px;}
.secretWrite .content fieldset { padding:0;}
.secretWrite .content fieldset legend { /*position: relative; font-size: 1em; line-height: 1.8em; text-indent:inherit;*/}
.secretWrite .content textarea {width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:14px; color: #505d61; height: 220px; border: 1px solid #e0eaec; background: #f6fdff; text-align:left; }
.secretWrite .secretWriteButt {padding:15px 10px; width: 95%; text-align:center; z-index: 9999;}
.secretWrite .secretWriteButt a {display: inline-block; background: #999; padding: 6px 0; width:70px; color: #fff;}
.secretWrite .secretWriteButt a.emphasis {background: #555; color: #fff;}

@media only screen and (max-width: 375px) {
.secretWrite .useSingong div dl dd label input[type=checkbox] + span, .secret .secretView .secretViewPay > .useSingong div dl dd { width: 65px; font-size: 0.9em;}
/*품절,좋아요,공유하기 사이즈문제*/
/*.sameCombine .sameCombineCount {bottom: 70px;}
.sameCombine .sameCombineIcon ul li.soldoutButt { display: block; margin-bottom: 9px;}*/
}