@charset "utf-8";

/* HEADER */
#header{border-bottom:1px solid #ddd}
#header.mall{border:0;border-bottom: 1px solid #dddddd;}
.header-wrap{position: relative;height:56px;margin:0 auto;text-align: center;clear: both;z-index: 92;background: #fff;}
.header-wrap h1.logo{position:absolute;bottom: 27px;left: 0;}
.header-wrap h1.logo a,.header-wrap h1.logo img{display:block;}
.header-wrap .gnb{display: none;}
.header-wrap h1.logo{position: absolute;top: 50%;left: 50%;bottom: auto;transform: translate(-50%,-50%);}
.header-wrap h1.logo img{display: block;width:70px}
.header-wrap h1.logo.type01 img{width:131px;}
.header-wrap h1.logo.type02 img{width:145px;}
.header-wrap h1.logo.type03 img{width:131px;}
.header-wrap h1.logo.type04 img{width:75px;}
.header-wrap .btn-left-menu{display: block;position: relative;top:21px;left:15px;font-size:0;width:19px;cursor: pointer;}
.header-wrap .btn-left-menu span{display: block;height:2px;background:#333;margin:0 0 5px 0;border-radius:2px;}
.btn-kakao-plus{position: fixed;bottom: 18px;right: 11px;width: 69px;height: 69px;background: url(../images/btn/btn-plus-kakao.png) 0 0 no-repeat;background-size: 69px auto;z-index: 400;cursor: pointer;}
.btn-kakao-plus button {font-size:0}
/* @keyframes mPower {
  animation: mPower 1s infinite alternate;;
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
} */
.location-navi{position: relative;border-bottom:1px solid #dddddd;text-align: center;height:49px;line-height: 49px;}
.location-navi a.btn-back{display: inline-block;width: 40px;height: 50px;font-size: 0;background: url(../images/btn/btn-page-back.jpg) 50% 50% no-repeat;-webkit-background-size: 8px auto;background-size: 8px auto;position: absolute;top: -1px;left: 0;}
.location-navi .title{font-size: 16px;font-family:'Nanum Barun Gothic Bold';color:#252525}
.location-navi a.btn-desk{display: inline-block;width: 20px;height: 20px;font-size: 0;background: url(../images/layer/m-pocket01.png) 0 100% no-repeat;-webkit-background-size: 125px 125px;background-size: 125px 125px;position: absolute;top: 14px;right: 15px;}
.menu-right{display: none;}

/* FOOTER */
#footer{background:#f8f8f8;}
.footer-wrap{position:relative;margin:139px auto 0 auto;padding:48px 0;}
.footer-wrap .footer-top{overflow: hidden;margin: 0 0 10px 0;}
.footer-wrap .quick-menu{text-align: center;}
.footer-wrap .quick-menu li{display:inline-block;margin:0 26px 0 0}
.footer-wrap .quick-menu li a{color:#888;font-size: 10px;}
/* .footer-wrap .quick-menu li.p1 a{color:#555} */
/* .footer-wrap .quick-menu li.privacy a{font-family:'Nanum Barun Gothic Bold';color: #1c6fb9;} */
.footer-wrap .select-language{float: right;}
.footer-wrap .select-language select{background: url(../images/ico/icn-footer-lang.jpg) 100% center no-repeat;border:0;font-size:11px;padding: 0 17px 0 0;}
.footer-wrap .company p{font-size:9px;color:#888;margin: 0 0 20px 0;text-align: center;line-height: 1;}
.footer-wrap .footer-bottom {overflow:hidden;}
.footer-wrap .footer-bottom .info{float:right;font-size:12px;text-align: right;}
.footer-wrap .footer-bottom .info p:nth-child(1){color:#555;font-family:'Nanum Barun Gothic Bold';margin:0 0 4px 0}
.footer-wrap .footer-bottom .info p:nth-child(2){color:#888}
.footer-wrap .footer-bottom .info ul.sns{font-size: 0;margin:30px 0 0 0}
.footer-wrap .footer-bottom .info ul.sns li{display: inline-block;margin:0 10px 0 0}
.footer-wrap .footer-bottom .info ul.sns li:last-child{margin:0}
.footer-wrap .footer-bottom .info ul.sns li a{display: block; font-size: 0;width:40px;height:40px;}
.footer-wrap .footer-bottom .info ul.sns li.face a{background:url(../images/ico/icn-m-facebook.jpg) 0 0 no-repeat;}
.footer-wrap .footer-bottom .info ul.sns li.insta a{background:url(../images/ico/icn-m-insta.jpg) 0 0 no-repeat}
.footer-wrap .footer-bottom .info ul.sns li.mail a{background:url(../images/ico/icn-m-mail.jpg) 0 0 no-repeat}
.footer-wrap .btn-go-top{display: block;position: absolute;bottom: 85px;right: 10px;width:39px;height:39px;background: url(../images/btn/btn-go-top.jpg) 0 0 no-repeat;-webkit-background-size: 39px auto;background-size: 39px auto;font-size: 0;}
.footer-wrap .btn-turn-agent{display: inline-block;width:78px;height:26px;line-height: 26px;background: #fff;border:1px solid #dcdcdc;text-align: center;font-size: 11px;}

/* 로그인/회원가입 */
.login-wrap {margin:120px 0 0 0}
.login-wrap input[type=text].input1,.login-wrap input[type=num].input1,.login-wrap input[type=tel].input1{width:100%;height:60px;border:1px solid #ddd;padding:0 28px 0 22px;font-size:16px;font-family:'Nanum Barun Gothic Regular';}
.login-wrap input[type=password].input1{width:100%;height:58px;border:1px solid #ddd;padding:0 28px 0 22px;font-size:16px;font-family:'dotum';}
.login-wrap input.input1:focus {border-color: #19a4e5;}
.login-wrap .login-box{padding: 0 0 30px 0;border-bottom: 1px solid #ebebeb;margin: 0 0 50px 0;}
.login-wrap .login-top-info{text-align:center;padding: 0 0 41px 0;border-bottom: 1px solid #ebebeb;margin: 0 0 30px 0;}
.login-wrap .login-top-info.type2{margin:115px 0 140px 0}
.login-wrap .login-top-info h2{font-size:34px;padding:0 0 17px 0}
.login-wrap .login-top-info p{color:#555;font-size:16px;line-height:19px}
.login-wrap .member-help {overflow: hidden;margin: 17px 0 0 0;}
.login-wrap .member-help a{display:block;color:#333;font-size:12px;text-decoration: underline !important; }
.input-form-wrap{width:420px;margin:0 auto}
.input-form-wrap.join{margin:0 0 10px 0}
.login-wrap .form-info{margin:0 0 30px 0}
.login-wrap .form-info p{background: url(../images/layer/layer-login01.png) -87px 7px no-repeat;color:#888;padding: 0 0 3px 20px;}
.input-form-wrap .login-id,.input-form-wrap .login-pass{}
.input-form-wrap .input-box{position: relative;margin:0 0 9px 0}
.input-form-wrap .input-box:last-child{margin: 0}
.input-form-wrap .textarea-box textarea{height:120px;font-family:'Nanum Barun Gothic Regular';background: #fff;}
.input-form-wrap .btn-form-del{display:none;background:url(../images/layer/layer-login01.png) 0 0 no-repeat;position: absolute;top: 20px;right:10px;width: 20px;height: 20px;font-size: 0;background-size: 100px 100px;}
.input-form-wrap .login-certi .btn-form-del{    right: 98px;}
.input-form-wrap .login-certi2 .btn-form-del{}
.input-form-wrap .login-birth .btn-form-del{right: 161px;}
.input-form-wrap .login-id-check{position: relative;padding:0 75px 0 0}
.input-form-wrap .login-id-check .btn-chk-vali{position: absolute;top: 0;right: 0;width:75px;height:40px;line-height: 40px;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;background: #eee;color:#aaa;font-size: 12px;border: 1px solid #ddd;border-left: 0;}
.login-wrap .chk-form {position: relative;display: block;height: 26px;margin: 0 0 10px 0;}
.login-wrap .chk-form.all-agree{ margin: 20px 0 20px 0;padding: 0 0 17px 0;border-bottom: 1px solid #ebebeb;}
.login-wrap .chk-form input{position: absolute;top: 1px;left: 1px;width: 0;height: 0;cursor: pointer;border: 0;}
.login-wrap .chk-form input[type='checkbox']:checked+label{background: url(../images/layer/layer-m-chk01.jpg) 0 -53px no-repeat;background-size: 21px auto;-webkit-background-size: 21px auto;}
.login-wrap .chk-form input[type='radio']:checked+label{background: url(../images/layer/layer-m-chk01.jpg) 0 -53px no-repeat;background-size: 21px auto;-webkit-background-size: 21px auto;}
.login-wrap .chk-form label{font-size: 12px;line-height: 26px;position: absolute;top: 0px;left: 0;height: 26px;line-height: 24px;padding-left: 27px;cursor: pointer;background: url(../images/layer/layer-m-chk01.jpg) 0 1px no-repeat;letter-spacing: -0.5px;display: block;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;background-size: 21px auto;-webkit-background-size: 21px auto;}
.login-wrap .chk-form.type2 {width: 21px;margin: 0 auto 10px auto;}
.login-wrap .chk-form.type3 {width: 140px;margin: 20px auto 0 auto;}
.login-wrap .chk-form label span.option{color:#888;font-size: 11px;margin: 0 0 0 5px;}
.login-wrap .chk-form label span.option.type2{color:#19a4e5}
.login-wrap .chk-form label .btn-view-terms{display: block;position: absolute;top:0;right:0;color:#d3d3d3;font-size: 14px;}
.login-wrap .chk-form-guide{color:#19a4e5;font-size:11px;padding:0 0 12px 0}

.input-form-wrap .txt-error{color:#19a4e5;margin: 9px 0 0 0;}
.login-check{overflow: hidden}
.login-check.type2 .chk-form-box{width:50%}
.chk-form-box{display: block;width: 35%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;}
.login-check .chk-form-box{width: 33%;}
.sns-login-wrap {position: relative;text-align: center;padding: 25px 0;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;margin: 30px 15px 0 15px;}
.sns-login-wrap .tit{position: absolute;top: -9px;left: 50%;background: #fff;padding: 0 3px;margin: 0 0 0 -35px;color: #555;}
.sns-login-wrap .link-box{font-size: 0;}
.sns-login-wrap a{display: inline-block;width:35px;height:35px;background: url(../images/layer/layer-sns-login.jpg) 0 0 no-repeat;-webkit-background-size: 115px auto;background-size: 115px auto;font-size: 0;margin:0 12px 0 0}
.sns-login-wrap a:nth-child(2){background-position: -40px 0;}
.sns-login-wrap a:nth-child(3){background-position: -80px 0;}
.sns-login-wrap a:last-child{margin:0;}
.member-join-box{position: relative;padding: 20px 95px 0 15px;}
.member-join-box p{color:#888;font-size: 11px;line-height: 17px;}
.member-join-box button.btn-gat{width:80px;height:32px;line-height: 32px;background: #aaa;font-size: 11px;color:#fff;position: absolute;top: 20px;right: 15px;}
.btn-member-login{position: relative;display:block;margin:15px 0 0 0}
.btn-member-login input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 100;cursor: pointer;}
.input-form-wrap .login-certi{padding:0 88px 0 0}
.input-form-wrap .btn-certi-phone{display: block;position: absolute;top:0;right: 0;width:76px;height:60px;line-height:60px;text-align: center;background: #19a4e5;font-size:16px;color: #fff}
.input-form-wrap .login-birth{padding:0 151px 0 0}
.choice-gender{margin: 9px 0;}
.choice-gender a{position: relative;display: inline-block;width: 50%;height: 40px;text-align: center;line-height: 40px;font-size: 12px;color: #aaa;border: 1px solid #dddddd;box-sizing: border-box;-webkit-box-sizing: border-box;}
.choice-gender a.man{border-right: 0}
.choice-gender a.on:after{content:"";position: absolute;top: -1px;right: -1px;left: -1px;bottom: -1px;border: 1px solid #19a4e5;z-index: 10;}
.input-form-wrap .timer{display: block;position: absolute;top: 0;right: 18px;height: 58px;line-height: 58px;color:#19a4e5;font-size: 16px;}
.input-form-wrap .result-find-member{text-align: center;}
.input-form-wrap .result-find-member .id{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';font-size: 22px;margin: 0 0 20px 0;}
.input-form-wrap .result-find-member .info-guide{font-size: 16px;color:#888}
.terms-chk-box{border-bottom: 1px solid #ebebeb;padding: 0 0 27px 0;}
.terms-chk-layer{width:420px;margin: 0 auto}
.temrs-agree-box{height:200px;overflow-y:auto;padding:14px 7px;overflow-x: hidden;border: 1px solid #ddd;margin:10px 0 15px 0;    word-break: break-all;    -webkit-overflow-scrolling: touch;}
.temrs-agree-box h4{font-family:'Nanum Barun Gothic Bold';font-size: 16px;margin:30px 0 0 0}
.temrs-agree-box h4:first-child{margin: 0}
.temrs-agree-box .tit{margin: 20px 0 10px;font-family:'Nanum Barun Gothic Bold';font-size: 14px;color: #222;}
.temrs-agree-box p.para{position: relative;font-size: 12px;padding:0 0 0 20px;color: #666;margin: 0 0 5px 0;line-height: 20px;}
.temrs-agree-box p.para-cate{font-size: 12px;margin:0 0 10px 0;color: #666;line-height: 20px}
.temrs-agree-box p.para .tit-cate{position: absolute;top:0;left:1px;}
.temrs-agree-box p{font-size: 11px;line-height: 18px;}

/* 커뮤니티 메인 */
.keefit-contents{width:1020px;margin:0 auto}
.main-promo-banner{position: relative;margin:0 0 2px 0;}
.main-promo-banner a{display:block;}
.main-promo-banner a img{display:block}
.main-promo-banner .btn-close{display:block;position: absolute;top: 20px;right: 20px;width:45px;height:45px;background:url(../images/btn/btn-close-banner.png) 0 0 no-repeat;font-size:0;}
.main-promo-banner .btn-close span{display: block;background:#000;opacity:0}
.main-promo-banner .btn-close:hover span{height:45px;opacity: 0.1}
.main-promo-banner .slick-dots{position: absolute;bottom: 5px;left: 0;right: 0;font-size: 0;}
.main-promo-banner .slick-dots li{width: 7px;height: 7px;margin: 0 3px;}
.main-promo-banner .slick-dots li.slick-active button{background:#19a4e5;opacity: 1;}
.main-promo-banner .slick-dots li button{width: 7px;height: 7px;background: #333;border-radius:50%;font-size: 0;padding: 0;opacity: 0.2;}
.main-promo-banner .slick-dots li button:before{display: none}
.search-box-wrap .search-box {position:relative;height:44px;border:4px solid #19a4e5;padding:0 0 0 80px}
.search-box-wrap .search-box .select-cate{position:absolute;top:0;left:0;width:80px;height: 100%;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
.search-box-wrap .search-box .select-cate select{width: 80px;background: url(../images/ico/icn-select-box.jpg) 84% center no-repeat;width:100%;height: 100%;border:0;font-size:14px;background-size: 10px auto;-webkit-background-size: 10px auto;padding: 0 0 0 10px}
.search-box-wrap .search-box .search-input{position:relative;height: 100%;}
.search-box-wrap .search-box .search-input:after{content:"";position:absolute;top:50%;left:0;height:19px;width:1px;background:#d9d9d9;margin:-9px 0 0 0}
.search-box-wrap .search-box .search-input input{width:100%;height:100%;font-size:14px;padding:  0px 0 0 17px;color:#333;}

/* 목적별 리스트 */
.main-category-grid-wrap h2.tit{padding: 27px 0 23px 5px;font-size: 18px;font-family:'Nanum Barun Gothic Bold';}
.main-category-grid-wrap .pad{    overflow: hidden;padding: 0 10px;}
.main-category-grid-wrap ul li{float:left;width:50%;padding: 0 5px 28px 5px;box-sizing: border-box;}
.main-category-grid-wrap ul li a{display: block;}
.main-category-grid-wrap ul li:first-child{float:none;width:100%;}
.main-category-grid-wrap ul li .thumb{}
.main-category-grid-wrap ul li .thumb img{display: block;width:100%;}
.main-category-grid-wrap ul li .tit{padding: 9px 0 5px 0;font-size: 14px;font-family:'Nanum Barun Gothic Bold';}
.main-category-grid-wrap ul li .des{font-size: 11px;color:#888}
.main-category-grid-wrap ul li .tit, .main-category-grid-wrap ul li .des{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* main data-lab */
.data-lab-wrap .data-lab-box {position: relative;height:41px;padding:0 0 0 155px;margin:  0;}
.data-lab-wrap .data-lab-box .tit{position:absolute;top:0;left:0;font-size: 12px;color:#000;line-height:41px;padding: 0 0 0 15px;}
.data-lab-wrap .data-lab-box .list-lab{display: none;width: 133px;font-size: 0;background: #fff;position: absolute;top: 41px;right: 10px;border: 1px solid #e5e5e5;z-index: 50;box-shadow: 2px 2px 10px 1px rgba(0,0,0,.08);}
.data-lab-wrap .data-lab-box .list-lab li{margin: 0;display: block}
.data-lab-wrap .data-lab-box .list-lab li a{display: block;font-size: 10px;padding: 10px 0px 10px 8px;color:#333;line-height: 1;background: #fff;border-radius: initial}
.data-lab-wrap .data-lab-box .list-lab li.on a{background:#19a4e5;border-radius: initial;color:#fff}
.data-lab-wrap .data-lab-box .space{display:block;line-height:41px;padding: 0 15px 0 5px;cursor: pointer;}
.data-lab-wrap .data-lab-box .space .data{display: block;background: url(../images/ico/icn-datalab-arrow.jpg) 100% 50% no-repeat;background-size: 10px auto;font-size: 12px;color: #19a4e5;font-family: 'Nanum Barun Gothic Bold';}

/* 게시판 타입1 */
.board-main-wrap{overflow:hidden; margin: 96px 0 0 0;}
.board-main-wrap .board-tab ul{border-bottom: 4px solid #dddddd;height: 38px;}
.board-main-wrap .board-tab ul li{position:relative;float:left;z-index: 30;}
.board-main-wrap .board-tab ul li a{display:block;font-size:22px;color:#333;padding: 0 50px;text-align: center;}
.board-main-wrap .board-tab ul li a:after{content:"";position:absolute;top: 4px;right:0;height:18px;width:1px;background:#dddddd;}
.board-main-wrap .board-tab ul li.on a{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.board-main-wrap .board-tab ul li:after{content:"";position:absolute;bottom: -4px;left: 45%;;width: 0;height: 0;z-index: 99;background: #19a4e5;opacity:0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.board-main-wrap .board-tab ul li.on:after{content:"";position:absolute;bottom: 0px;left: 0;width:100%;height: 4px;z-index: 99;background: #19a4e5;opacity:1;}
.board-main-wrap .board-tab ul li:last-child a:after{display:none;}
.board-main-wrap .board-content{position: relative;}
.board-main-wrap .board-content .btn-view-all{position: absolute;top: -40px;right:0;font-family:'Nanum Barun Gothic Bold';font-size: 16px;border-bottom: 1px solid #555;}
.board-main-wrap .board-content ul li{padding:20px 0;overflow: hidden;border-bottom: 1px solid #dddddd;}
.board-main-wrap .board-content ul li .cont .icn-board-file{display: inline-block;width:20px;height:20px;margin: 0 0 0 19px;background:url(../images/ico/icn-board-fileImage.jpg) 0 0 no-repeat;vertical-align: bottom;}
.board-main-wrap .board-content ul li .cont .count{display: inline-block;margin:0 0 0 13px;color:#19a4e5;font-size:14px;letter-spacing:-1px}
.board-main-wrap .board-content ul li .icn-board-file img{vertical-align:middle;margin: -8px 0 0 0;}
.board-main-wrap .board-content ul li > div{float:left;}
.board-main-wrap .board-content ul li > div.cont{width:87%;font-size:0;overflow: hidden;}
.board-main-wrap .board-content ul li > div.cont .tit{font-size:16px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 82%;vertical-align: bottom;}
.board-main-wrap .board-content ul li > div.time{width:9%;text-align:center;font-size: 14px;}
.board-main-wrap .board-content ul li > div.num{width:4%;text-align:center;font-size: 14px;}

/* 검색결과 */
.search-result-wrap .result-content h3{color:#252525;font-family:'Nanum Barun Gothic Bold';font-size: 22px;margin: 0 0 14px 0;}
.search-result-wrap ul li.result-head{overflow: hidden;border-top:4px solid #252525}
.search-result-wrap ul li.result-head > div{float:left;font-size:16px;font-family:'Nanum Barun Gothic Bold';text-align: center;/* padding: 20px 0; */line-height: 57px;border-bottom: 1px solid #dddddd;height: 57px;}
.search-result-wrap ul li div.num{width:5%}
.search-result-wrap ul li div.cate{width:10%}
.search-result-wrap ul li div.cont{width:65%}
.search-result-wrap .result-content ul li div.time{width:10%;font-size:14px;}
.search-result-wrap .result-content ul li div.click{width:10%;font-size:14px;}
.search-result-wrap ul li.result-ctn{overflow:hidden;}
.search-result-wrap ul li.result-ctn.on{background: #f8f8f8;}
.search-result-wrap ul li.result-ctn > div{float:left;font-size:16px;font-family:'Nanum Barun Gothic Regular';text-align: center;/* padding: 20px 0; */line-height: 57px;border-bottom: 1px solid #dddddd;height: 57px;}
.search-result-wrap ul li.result-ctn .cont .icn-board-file{display: inline-block;width:20px;height:20px;background:url(../images/ico/icn-board-fileImage.jpg) 0 0 no-repeat;vertical-align: middle;margin: -5px 0 0 17px;}
.search-result-wrap ul li.result-ctn .cont .count{display: inline-block;margin:0 0 0 13px;color:#19a4e5;font-size:14px;letter-spacing:-1px}
.search-result-wrap ul li.result-ctn .cont .icn-board-file img{vertical-align:middle;margin: -8px 0 0 0;}
.search-result-wrap ul li.result-ctn .cont .tit{font-size:16px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 82%;vertical-align: bottom;}

/* 제품별 리뷰 */
.review-item-wrap{margin:106px 0 0 0}
.review-item-wrap h2.tit{display: inline-block;background: url(../images/ico/icn-item-beta.jpg) 100% 1px no-repeat;padding: 0 43px 10px 0;font-family:'Nanum Barun Gothic Bold';font-size: 22px;}
.review-item-wrap h2.tit.none{background:none;}
.review-item-wrap h2.tit span{color:#19a4e5;}
.review-item-box ul{overflow:hidden;border-bottom:1px solid #dddddd}
.review-item-box ul li{float:left;width:237px;padding:0 24px 0 0;margin:0 0 61px 0;max-height: 395px;}
/* .review-item-box ul li:nth-child(4n+0){padding:0;}
.review-item-box ul li:nth-child(1n+5){margin:0} */
.review-item-box ul li .box span{display:block;font-family:'Nanum Barun Gothic Regular';overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.review-item-box ul li .box span.thumb{border: 1px solid #dddddd;position: relative;padding-top: 100%;}
.review-item-box ul li .box span.tit{font-size:16px;font-family:'Nanum Barun Gothic Bold';margin: 12px 0 7px 0;}
.review-item-box ul li .box span.info{font-size:14px;color: #555555;margin: 0 0 15px 0;}
.review-item-box ul li .box span.price{font-size:14px;margin: 12px 0;}
.review-item-box{border-top: 4px solid #dddddd;padding-top: 30px;}
.review-item-box a.btn-go-review{display:block;width:158px;height:34px;font-family:'Nanum Barun Gothic Bold';font-size:14px;color:#19a4e5;border: 1px solid #19a4e5;text-align: left;line-height: 34px;border-radius: 3px;text-align: center;}
.review-item-box a.btn-go-review em{}
.btn-goods-mall{}
.btn-goods-mall a{display: block;max-width:556px;height:100px;background:#19a4e5;line-height:100px;text-align:center;color:#fff;font-size: 24px;border-radius:3px;margin: 95px auto 0 auto;}
.review-goods-wrap{overflow: hidden;padding:30px;border:1px solid #ddd;margin:20px 0 0 0}
.review-goods-wrap .thumb{float:left;margin:0 30px 0 0;border: 1px solid #ddd;}
.review-goods-wrap .thumb img{display: block}
.review-goods-wrap .info{float: left;padding: 18px 0 0 0;}
.review-goods-wrap .info .tit{font-size:30px;font-family:'Nanum Barun Gothic Bold';padding: 0 0 12px 0;margin: 0 0 27px 0;border-bottom: 1px solid #dddddd;}
.review-goods-wrap .info .sub p{margin:0 0 23px 0}
.review-goods-wrap .info .sub em{color:#888;width: 74px;display: inline-block;font-size: 18px;}
.review-goods-wrap .info .sub .name{font-size: 22px;}
.review-goods-wrap .info .sub .price{font-size: 22px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}

/* 리뷰 게시판 */
.review-board-wrap{position: relative;clear: both;}
.review-board-wrap h2{font-size: 16px;color:#252525;font-family:'Nanum Barun Gothic Bold';padding:15px;border-top:7px solid #f4f4f4;border-bottom:7px solid #f4f4f4}
.review-board-wrap ul.board li .box{display:block;overflow: hidden;padding: 23px 20px 6px 0;max-height: 185px;border-bottom: 1px solid #ddd;}
.review-board-wrap ul.board li .box > div{display: inline-block;vertical-align: middle;}
.review-board-wrap ul.board li .box .num{width:60px;text-align: center;line-height: 133px;font-family:'Nanum Barun Gothic Bold';}
.review-board-wrap ul.board li .box .num span, .review-board-wrap ul li .box .cate span{}
.review-board-wrap ul.board li .box .info{width: 40%;}
.review-board-wrap ul.board li .box .info a{display: block;}
.review-board-wrap ul.board li .box .info span{display: block}
.review-board-wrap ul.board li .box .info span.type1{color:#ec008c}
.review-board-wrap ul.board li .box .info span.type2{color:#19a4e5}
.review-board-wrap ul.board li .box .info span.type3{color:#888}
.review-board-wrap ul.board li .box .info .tit01{font-family:'Nanum Barun Gothic Bold';font-size: 16px;}
.review-board-wrap ul.board li .box .info .tit01 em{display: inline-block;}
.review-board-wrap ul.board li .box .info .tit01 em.icn-pic{width:20px;height:20px;background:url(../images/ico/icn-board-fileImage.jpg) 0 0 no-repeat;font-size: 0;vertical-align: text-bottom;font-family:'Nanum Barun Gothic Bold';margin: 0 10px 0 18px;}
.review-board-wrap ul.board li .box .info em.txt-hit{font-size: 11px;color:#ec008c;font-family:'Nanum Barun Gothic Bold';margin: 0 0 0 5px;text-transform: uppercase;}
.review-board-wrap ul.board li .box .info .tit03{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';font-size: 11px;padding: 6px 0 4px 0;}
.review-board-wrap ul.board li .box .chart-area{width: 60%;text-align: right;}
.review-board-wrap ul.board li .box .info .tit02{font-size:16px;color:#555;    margin: 5px 0 17px 0;}
.review-board-wrap ul.board li .box .info .writer,.review-board-wrap ul li .box .info .date,.review-board-wrap ul li .box .info .view{font-size:14px;color:#888}
.review-board-wrap ul.board li .box .info .writer .point,.review-board-wrap ul li .box .info .date .point,.review-board-wrap ul li .box .info .view .point{font-family:'Nanum Barun Gothic Bold';}
.review-board-wrap ul.board li .box .info .writer .age{display: inline-block;background: #ec008c;font-size: 11px;border-radius: 20px;color:#fff;    padding: 0px 9px;}
.review-board-wrap ul.board li.tit-review{margin:41px 0 0 0;border-bottom: 4px solid #333;}
.review-board-wrap ul.board li.tit-review h2{font-family:'Nanum Barun Gothic Bold';font-size: 22px;padding: 0 0 13px 0;display: inline-block;}
.review-board-wrap ul.board li.th{overflow: hidden}
.review-board-wrap ul.board li.th > div{float:left;text-align: center;font-size: 15px;font-family:'Nanum Barun Gothic Bold';height: 53px;line-height: 53px;border-bottom: 1px solid #dddddd;}
.review-board-wrap ul.board li.th > div:nth-child(1){width: 6%;}
.review-board-wrap ul.board li.th > div:nth-child(2){width: 13%;}
.review-board-wrap ul.board li.th > div:nth-child(3){width: 46%;}
.review-board-wrap ul.board li.th > div:nth-child(4){width: 15%;}
.review-board-wrap ul.board li.th > div:nth-child(5){width: 20%;}
.review-board-wrap ul.board li.noti .area{background: #f7f7f7;padding: 14px 7px;border-bottom: 1px solid #dddddd;}
.review-board-wrap ul.board li.noti .area .point{display:inline-block;background:#19a4e5;color:#fff;font-size: 11px;margin: 0 19px 0 0;padding: 1px 4px;}
.review-board-wrap ul.board li.noti .area p{display: inline-block;font-family:'Nanum Barun Gothic Bold';}
.review-board-wrap ul.board li.noti .btn-show-noti{font-family:'Nanum Barun Gothic Bold';font-size: 12px;}
.review-board-wrap ul.board li.noti .area .btn-show-noti > a{padding:0}
.review-board-wrap ul.board li.noti .area.button{text-align: center;cursor: pointer;padding: 14px 0 14px 0px;}
.review-board-wrap ul.board li.noti .area .count{font-family:'Nanum Barun Gothic Bold';font-size: 15px;color:#19a4e5;padding:0 0 0 8px;letter-spacing:-1px}
.review-board-wrap ul.board li .list-review-none .para{font-size: 13px;color:#555;padding:0 0 60px 0}
.review-board-wrap ul.board li .list-review-none div.btn-type01 span{width:160px;height:40px;margin:0 auto}
.review-board-wrap ul.board li .list-review-none{text-align: center;padding: 40px 0;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;margin: 0 15px;}
.review-board-wrap.mypage .review-board-wrap ul.board li .list-review-none{border-top:1px solid #dddddd}
.review-board-wrap ul.board li .list-review-none .ico{display: inline-block;width:21px;height:24px;background:url(../images/ico/icn-review-list-none.jpg) 0 0 no-repeat;-webkit-background-size: 21px auto;background-size: 21px auto;}
.review-board-wrap ul.board li .list-review-none p{color:#aaa;font-size: 11px;margin:12px 0 0 0}
.review-board-wrap .btn-list-more{text-align: center;/* padding:17px 0 0 0 */}
.review-board-wrap .btn-list-more span{color:#bababa;font-size: 19px;font-weight: 100;margin: 0 2px 0 0;vertical-align: -1px;}
.review-board-wrap .btn-list-more button{color:#888;font-size: 12px;display: inline-block;width: 100%;padding: 17px 0 0 0;}

.review-cate-tab{border-bottom: 1px solid #dddddd;overflow: hidden;}
.review-cate-tab ul li{float:left;}
.review-cate-tab ul li a:after{content:'';position: absolute;top:2px;right:0;background: #ddd;height:14px;width:1px;}
.review-cate-tab ul li:last-child a{margin:0;padding:0}
.review-cate-tab ul li:last-child a:after{display: none}
.review-cate-tab ul li a{position: relative;display: block;color:#888;font-size: 14px;margin:0 20px 0 0;padding:0 20px 0 0;}
.review-cate-tab ul li.on a{font-family:'Nanum Barun Gothic Bold';color:#333}
.cate-filter-pack{padding:20px 15px}
.cate-filter-wrap{clear: both;height: 46px;}
.cate-filter-wrap > ul > li{float:left;width:50%;}
.cate-filter-wrap.type2 > ul > li{float:left;width:33.33%;}
.cate-filter-wrap > ul > li .select-box{padding: 0 9px 0 0;border: 1px solid #ddd;border-right: 0;border-top:0}
.cate-filter-wrap.type3 ul li{width:33.33%;}
.cate-filter-wrap.type3 ul li .select-box{border-top:1px solid #ddd}
.cate-filter-wrap.type3 ul li:last-child .select-box{border-right:1px solid #ddd}
.cate-filter-wrap.type4 ul li{width:50%;}
.cate-filter-wrap.type4 ul li .select-box{border-top:1px solid #ddd}
.cate-filter-wrap.type4 ul li:last-child .select-box{border-right:1px solid #ddd}
.cate-filter-wrap > ul > li select{width: 100%;height:45px;font-size: 12px;background: url(../images/ico/icn-m-select-box.jpg) 100% center no-repeat;background-size: 10px auto;-webkit-background-size: 10px auto;padding: 0 0 0 10px;border: 0;margin: 0;font-family:'Nanum Barun Gothic Bold';}
.cate-filter-wrap > ul > li .btn-choice{display: block;font-size:16px;}

/* 멀티 셀렉트 */
.cate-filter-wrap ul li .selectric{height: 46px;border-top:0;border-right: 0;}
.cate-filter-wrap ul li .selectric-wrapper .selectric-items{border-top: 0;}
.cate-filter-wrap ul li .selectric .button{background:none;}
.cate-filter-wrap ul li .selectric .button:after{display: none}
.cate-filter-wrap ul li .selectric .label{height: 45px;line-height: 45px;background: url(../images/ico/icn-m-select-box.jpg) 100% center no-repeat;background-size: 10px auto;-webkit-background-size: 10px auto;box-sizing: border-box;font-family: 'Nanum Barun Gothic Bold';color: #333;margin: 0 9px 0 10px;}

.cate-filter-result {position:relative;clear: both;border-bottom: 1px solid #ddd;padding: 12px 0 12px 70px;font-size: 0;}
.cate-filter-result .tit{position: absolute;top: 50%;left:0;font-size: 10px;width:60px;margin-top: -6px;text-align: right;font-family:'Nanum Barun Gothic Bold';}
.cate-filter-result .txt-filter{display: inline-block;height:18px;line-height:18px;padding: 0 5px;background: #19a4e5;font-size: 9px;color:#fff;margin:0 5px 5px 0}
.cate-filter-result .txt-filter.type2{background: #aaa;}
.cate-filter-result .txt-filter .ico{display: inline-block;width:6px;height:6px;background: url(../images/ico/icn-filter-del.png) 0 0 no-repeat;background-size: 6px auto;-webkit-background-size: 6px auto;margin: 0 0 0 6px;}

/* 리뷰쓰기 */
.review-write-wrap .tit-main{position:relative;padding:22px 14px;}
.review-write-wrap .tit-main h1.tit{font-size: 19px;color:#252525;font-family:'Nanum Barun Gothic Bold';}
.review-write-wrap .tit-main p{color:#555;font-size: 11px;}
.review-write-wrap .tit-main .btn-notification{width: 115px;height:33px;line-height: 33px;background: #19a4e5;color:#fff;font-size: 10px;letter-spacing: -.5px;text-align: center;position: absolute;top: 22px;right: 14px;}
.review-write-wrap .review-step-tit{color:#252525;font-size: 14px;padding: 17px 14px;background: #f4f4f4;font-family: 'Nanum Barun Gothic Bold';}
.review-write-wrap .review-step-tit .step{display: inline-block;color:#19a4e5;font-size: 14px;margin:0 7px 0 0}
.review-write-wrap .tit-cate h2{font-size:13px;font-family:'Nanum Barun Gothic Bold';margin: 0 0 10px 0;}
.review-write-wrap .tab-cmn-area{margin:27px 0 0 0}
.review-step1-box{padding:20px 15px}
.review-step1-box .tit-cate:first-child{margin:0}
.review-step1-box .tit-cate{margin:20px 0 0 0}
.review-step1-box .attached-item-box{margin: 14px 0 0 0;font-size: 0;}
.review-step1-box .attached-item-box .thumb{position: relative;display: inline-block;margin: 0 25px 0 0;border:1px solid #ddd;width: 70px;height: 70px;}
.review-step1-box .attached-item-box .thumb .btn-close{display: block;position: absolute;top: -13px;right: -15px;width: 21.5px;height: 21.5px;font-size: 0;background:url(../images/btn/btn-del-reviewThumb.png) 0 0 no-repeat;-webkit-background-size: 21.5px auto;background-size: 21.5px auto;}
.review-step1-box .attached-item-box .thumb img{width: 70px;height: 70px}
.auto-review-form{position: relative;}
.auto-review-form input:focus{border:1px solid #19a4e5}
.auto-review-form ul.box-auto-form{position: absolute;top: 39px;left:0;background: #fff;width: 100%;border:1px solid #e5e5e5;z-index: 20;box-shadow: 2px 2px 10px 1px rgba(0,0,0,.08);-webkit-box-sizing: border-box;height: 128px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.auto-review-form ul.box-auto-form li a{display: block;height:42px;background: #fff;color:#333;font-size: 14px;line-height: 42px;padding: 0 20px;font-family:'Nanum Barun Gothic Bold';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.auto-review-form ul.box-auto-form li.on a{background: #19a4e5;color:#fff;font-family:'Nanum Barun Gothic Bold';}
.auto-review-form ul.box-auto-form li.not a{text-decoration: line-through !important;cursor: not-allowed;}
.review-assessment-area{padding: 20px 15px 40px 15px;}
.review-assessment-area h2.tit{font-size: 16px;color:#252525;font-family:'Nanum Barun Gothic Bold';margin: 0 0 14px 0;}
.review-assessment-area .value-graph-area{padding: 14px 19px 0 19px;border:1px solid #ddd;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
.review-assessment-area .value-graph-area.keyword{height: 196px;box-sizing: border-box;}
.review-assessment-area .value-graph-area .inner-box{position: relative;padding: 0;font-size: 0;border-bottom: 1px solid #ddd;}
.review-assessment-area .value-graph-area .inner-box:last-child{padding:14px 0 0 0;border-bottom: 0;}
.review-assessment-area .value-graph-area .inner-box:first-child{padding:0}
.review-assessment-area .value-graph-area .inner-box h3.tit{font-size: 12px;margin:0 0 20px 0;}
.review-assessment-area .score-range-box{/* width: 100%; */padding: 0 29px;}
.review-assessment-area .score-range-box p{color:#aaa;font-size: 9px;margin: 0 0 7px 0;text-align: left;}
.review-assessment-area .score-range-box .score{display: block;font-size: 20px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';text-align: center;margin: 0 0 28px 0;}
.review-assessment-area div.slider-range-score{height: 14px;border:0;background: #eee;position: relative;border-radius: 20px;overflow: hidden;}
.review-assessment-area .slider-range-score .ui-slider-range{background:#01b3fd;border-radius: 20px;height: 14px;}
.review-assessment-area .slider-range-score .ui-slider-handle{display:none}
.review-assessment-area .slider-range-score .ui-slider-range-max{right: -1px;position: absolute;top: 0;height: 23px;}
.review-assessment-area .value-graph-area .inner-box .score-number{text-align: center;padding: 4px 40px 0 40px;}
.review-assessment-area .value-graph-area .inner-box .score-number span{font-size: 9px;color:#aaa;}
.review-assessment-area .value-graph-area .inner-box .score-number span:nth-child(1){float:left}
.review-assessment-area .value-graph-area .inner-box .score-number span:nth-child(2){}
.review-assessment-area .value-graph-area .inner-box .score-number span:nth-child(3){float:right}
.wellness-icon-wrap .tit-review02{padding:0 15px}
.keyword-area ul{overflow: hidden;text-align: center;/* height: 196px; */box-sizing: border-box;-webkit-box-sizing: border-box;display: block;width: 100%;margin: 0 0 28px 0;font-size: 0;}
.keyword-area ul li{display: inline-block;width: 20%;text-align:center;vertical-align: middle;}
.keyword-area ul li .thumb{display: block;}
.keyword-area ul li .thumb img{width: 70px;display: block;/* max-width: 70px; */margin: 0 auto;}
.review-assessment-area .review-editor-wrap{margin:14px 0 10px 0}
.review-assessment-area .review-editor-wrap textarea{height:113px}
.review-write-area .review-editor-wrap a.cke_button__image{display: none;}


.review-editor-wrap .btn-editor-pics{padding: 10px 0;}
.review-editor-wrap .btn-editor-pics .btn-load{position: relative;display: block;width:108px;height:30px;background: url(../images/btn/btn-upload-image.jpg) 0 0 no-repeat;-webkit-background-size: 108px auto;background-size: 108px auto;}
.review-editor-wrap .btn-editor-pics .btn-load input{position: absolute;top: 0;left: 0;z-index: 50;width: 108px;height: 30px;opacity: 0;}

/* 리뷰쓰기 : 프로그래스바 */
.file-progress-box {position:relative;padding: 0 0 0 60px}
.file-progress-box .preview{width: 50px;height: 50px;margin: 5px;left: 0;top: 0;display: inline-block;box-sizing: border-box;border: 2px solid transparent;box-shadow: 0 0 0 1px rgba(0,0,0,.2);overflow: hidden;border-radius: 50%;position: absolute;}
.file-progress-box .preview img{width: 50px;height: 50px;}
.file-progress-box .info {padding: 11px 0 0 8px;}
.file-progress-box .info .tit{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0 5px 0;}
.file-progress-box .info .size{font-size: 12px;color: #888;line-height: 1}
.file-progress-box{box-shadow: 0 1px 3px rgba(0,0,0,.1);height: 61px;box-sizing: border-box;border: 1px solid #e5e5e5;}
.file-progress-box .bar{height: 61px;position: absolute;top: 0;left: 0;background: #f5f6f8;z-index: -1;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.file-progress-box.complete .bar{height: 61px;position: absolute;top: 0;left: 0;background: #edf8ee;z-index: -1;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.file-progress-box .txt-status{position: absolute;bottom: 0;right: 0;line-height: 22px;font-size: 15px;font-weight: 700;font-family: "Arial";color:rgba(55,84,114,.2);}
.file-progress-box.complete .txt-status{color:#333;bottom: 5px;right: 5px;}
.file-progress-box .icn-ing{position: absolute;right: 10px;bottom: 23px;width: 30px;height: 30px;background: url(../images/ico/icn-download-progress.gif) 0 0 no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;border-radius: 50%;}


.review-assessment-area .write-url-area{position:relative;padding: 0 67px 0 0;}
.review-assessment-area .write-url-area .pic-upload{position: absolute;top:0;right:0;text-align: right}
.review-assessment-area .write-url-area .pic-upload .btn-pic-upload{height:40px;width: 63px;font-size: 11px;background: #f3f3f3;border:1px solid #ddd;font-size: 11px;color:#aaa;letter-spacing: -.5px;}
.review-assessment-area .value-graph-result{padding: 18px 21px;border: 1px solid #ddd;}
.review-assessment-area .value-graph-result ul li {overflow: hidden;margin:0 0 10px 0}
.review-assessment-area .value-graph-result ul li:last-child{margin:0}
.review-assessment-area .value-graph-result ul li span{float:left;}
.review-assessment-area .value-graph-result ul li span.name{font-size: 10px;color:#aaa;width: 13%;text-align: left;}
.review-assessment-area .value-graph-result ul li .ingre-graph{position: relative;float:left;width: 76%;height: 14px;background: #eee;border-radius: 20px;vertical-align: middle;}
.review-assessment-area .value-graph-result ul li .ingre-graph em{display: inline-block;position: absolute;top:0;left:0;height: 14px;background: #01b3fd;border-radius: 20px;font-size: 0;}
.review-assessment-area .value-graph-result ul li .num{font-size: 10px;font-family:'Nanum Barun Gothic Bold';width: 11%;text-align: center;color:#01b3fd}
.review-assessment-area .score-average{padding: 0 0 21px 0;text-align: center;}
.review-assessment-area .score-average span{display: inline-block;font-family: 'Nanum Barun Gothic Bold';vertical-align: middle;}
.review-assessment-area .score-average .name{font-size: 16px;color: #333;padding: 0 3px 0 0;}
.review-assessment-area .score-average .txt{font-size: 19px;color:#19a4e5;}
.review-hastag-wrap .tit{font-size: 14px;font-family:'Nanum Barun Gothic Bold';margin: 65px 0 25px 15px;}
.review-hastag-wrap ul{overflow: hidden;margin: 0 0 30px 0;padding:0 15px}
.review-hastag-wrap ul li{width:33.33%;float:left;text-align: left;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 10px 0 0;margin:0 0 9px 0}
.review-hastag-wrap ul li:nth-child(3){padding:0}
.review-hastag-wrap ul li .label{font-size: 22px;width: 15%;height: 38px;line-height: 38px;display: block;float: left;text-align: left;box-sizing: border-box;-webkit-box-sizing: border-box;}
.review-hastag-wrap ul li input{width: 85%;height:40px;float: left;border:1px solid #ddd;padding: 0 8px;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 16px;}
.graph-ingredient ul{position: relative;height: 68px;font-size: 0;text-align: center;padding: 77px 0 35px 0;}
.graph-ingredient ul:after{content: "";position: absolute;bottom: 34px;left: 27px;right: 27px;height: 1px;background: #eee;}
.graph-ingredient ul li {display:inline-block;position: relative;height:100%;width: 23%;font-size: 0;box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;}

.graph-ingredient.market ul li{width:33.33% !important}
.graph-ingredient ul li .box{display: inline-block;position: relative;height: 100%;width: 45px;}
.graph-ingredient.market ul li .box{width: 55px;}
.graph-ingredient ul li:first-child{text-align: left}
.graph-ingredient ul li:nth-child(2){width: 27%;}
.graph-ingredient ul li:nth-child(3){width: 27%;}
.graph-ingredient ul li:last-child{text-align: right;}
.graph-ingredient ul li .bar{display:inline-block;position: absolute;bottom: 0;left: 0;width: 20px;background: #01b3fd;}
.graph-ingredient.market ul li .bar{width:25px}
.graph-ingredient ul li .bar:last-child{margin:0}
.graph-ingredient ul li .bar.average{background: #fa86c3;left: 25px;}
.graph-ingredient.market ul li .bar.average{left: 30px;}
.graph-ingredient ul li .bar .txt{display: block;position: absolute;top: -20px;left:0;font-size: 9px;letter-spacing: -1px;text-align: center;width: 20px;font-family:'Nanum Barun Gothic Bold';color: #01b3fd;z-index: 10;line-height: 1.1;}
.graph-ingredient.market ul li .bar .txt{width:25px}
.graph-ingredient ul li .bar.average .txt{color: #fa86c3;font-family:'Nanum Barun Gothic Regular';}
.graph-ingredient ul li .tit{display: block;width: 80px;height: 28px;position: absolute;bottom: -36px;left: 50%;font-size: 8px;color: #999;padding: 8px 0 0 0;margin: 0 auto;transform: translateX(-50%);-webkit-transform: translateX(-50%);text-align: center;word-break: break-all;letter-spacing: -1px;}
.graph-ingredient ul li .tit em{width: 60px;display: inline-block;text-align: center;}
.graph-ingredient ul li:last-child .tit{}
.graph-ingredient.market ul li:first-child .tit em{width:100%;}
.graph-ingredient.market ul li:last-child .tit em{width:100%;}

.graph-ingredient.type3,.graph-ingredient.type3 ul{position: relative;height:100%;max-height: 93px;font-size: 0;padding: 49px 0 0 0;}
.graph-para{font-size: 9px;color:#aaa;text-align: center}
.value-graph-area .pointer{position: absolute;display: inline-block;top: 12px;left: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-transform: translateX(-50%);transform: translateX(-50%);max-width: 98%;}
.value-graph-area .pointer span{display: block;color:#aaa;font-size: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* text-align: right; */}
.value-graph-area .pointer span em{display: inline-block;width: 10px;height: 9px;background: #01b3fd;vertical-align: middle;margin: 0 5px 0 0;}
.value-graph-area .pointer span.p1{margin: 0 0 6px 0;}
.value-graph-area .pointer span.p2 em {background: #fa86c3}
.nonmember-write{overflow: hidden;padding: 0 15px 19px 15px;}
.nonmember-write .input-type02{float:left;width:50%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.nonmember-write .input-type02:first-child{padding: 0 2px 0 0}
.nonmember-write .input-type02:last-child{padding: 0 0 0 2px}
.nonmember-write .tit-cate + .input-type02{padding:0 2px 0 0}

.review-rating-area{padding: 20px 15px 40px 15px;touch-action:pan-y;}
.review-rating-area .rating-box{max-width: 294px;margin: 0 auto;}
.review-rating-area.type2{padding-bottom: 0}
.review-rating-area.type2 .rating-box{max-width: auto;text-align: center;}
.review-rating-area.type2 .rating-box .item{padding:0}
.review-rating-area.type2 .rating-box .star-rating{display: inline-block;}
.tit-review01 h2{padding: 0 0 13px 0;font-size: 16px;color:#252525;font-family:'Nanum Barun Gothic Bold'}
.tit-review02 h2{padding: 0 0 11px 0;margin:0 0 20px 0;font-size: 16px;color:#252525;font-family:'Nanum Barun Gothic Bold';border-bottom: 1px solid #ddd;}
.tit-review02 h2 span{color:#aaaaaa;font-size: 12px;}
.review-rating-area .item{position: relative;padding: 0 0 0 75px;margin: 0 0 19px 0;}
.review-rating-area .item:last-child{margin:0}
.review-rating-area .item .tit{position: absolute;top:0;left:0;width: 75px;height: 30px;line-height: 30px;font-size: 14px;}
.review-rating-area .item .star-rating{width:190px;height:30px;background:url(../images/layer/layer-review-rating_n.png) 0 0 no-repeat;-webkit-background-size: 190px auto;background-size: 190px auto;}
.review-rating-area .item .star-rating .ui-slider-range{height:30px;background:url(../images/layer/layer-review-rating_n.png) 0 bottom no-repeat;-webkit-background-size: 190px auto;background-size: 190px auto;}
.review-rating-area .item .num{position: absolute;top: 0;right: 0;width: 30px;height: 30px;line-height: 30px;color:#ccc;text-align: right;font-family:'Nanum Barun Gothic Bold';}
.review-rating-area .item .num.on{color:#01b3fc}
.txt-average-review{text-align: center;font-size: 21px;font-family:'Nanum Barun Gothic Bold';color:#01b3fc;margin: 0 0 -7px 0;}
.txt-average-review span{font-size: 15px;color:#333;padding:0 5px 0 0 }
.review-write-area {padding:0 15px}
.user-review-para{padding:16px 15px 20px 15px;word-break: break-all;border-top:1px solid #dddddd;font-size: 12px;}
.review-detail-wrap img{max-width:100%; height:auto !important;}

.review-hash-area{padding: 40px 15px;}
.hash-box{position: relative;padding: 0 45px 0 14px;margin: 0 0 10px 0;}
.hash-box .tag{position: absolute;top:0;left:0;width:14px;height:40px;line-height: 40px;font-size: 19px;}
.hash-box .write{}
.hash-box .write input{width:100%;height:40px;font-size: 12px;border:1px solid #ddd;text-indent:9px}
.hash-area{position: relative;}
.hash-area .btn-add{display: block;width:40px;height:40px;position: absolute;top:0;right:0;background:url(../images/btn/btn-add-hash.jpg) 0 0 no-repeat;-webkit-background-size: 40px auto;background-size:  40px auto;font-size: 0;    z-index: 10;}

/*리뷰상세*/
.review-detail-wrap .info-detail-board .cell{position: relative;height:42px;line-height: 42px;border-bottom:1px solid #ddd;padding:0 18px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.review-detail-wrap .info-detail-board .tit{background: #f7f7f7;font-size: 0;font-family:'Nanum Barun Gothic Bold';padding: 0px 0 0 74px;}
.review-detail-wrap.event .info-detail-board .tit{padding:0 0 0 15px}
.review-detail-wrap .info-detail-board .tit .cate{position: absolute;top: 0;left: 0;color: #92278f;padding: 0 0 0 15px;font-size: 13px;width: 58px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.review-detail-wrap .info-detail-board .tit .cate:after{content:"";position: absolute;right: -9px;top: 17px;height: 9px;width: 1px;background: #ddd;}
/* .review-detail-wrap .info-detail-board .tit .cate.type1{color:#ec008c}
.review-detail-wrap .info-detail-board .tit .cate.type2{color:#ec008c}
.review-detail-wrap .info-detail-board .tit .cate.type3{color:#19a4e5}
.review-detail-wrap .info-detail-board .tit .cate.type4{color:#aaa} */

.review-detail-wrap .info-detail-board .tit .cate.type1{color:#ec008c}
.review-detail-wrap .info-detail-board .tit .cate.type2{color:#19a4e5}
.review-detail-wrap .info-detail-board .tit .cate.type3{color:#888}

.review-detail-wrap .info-detail-board .tit .tit01{display: inline-block;font-size: 13px;max-width: 90%;height: 42px;position: relative;}
.review-detail-wrap .info-detail-board .tit .tit01 .in{display: inline-block;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.review-detail-wrap .info-detail-board .tit .tit01 em{display: inline-block;}
.review-detail-wrap .info-detail-board .tit .tit01 em.icn-pic{position: absolute;top: 11px;right: -24px;width:20px;height:20px;background:url(../images/ico/icn-m-board-fileImage.jpg) 0 0 no-repeat;-webkit-background-size: 16px auto;background-size: 16px auto;font-size: 0;vertical-align: text-bottom;font-family:'Nanum Barun Gothic Bold';}
.review-detail-wrap .info-detail-board .name{font-size: 12px;color:#555;}
.review-detail-wrap .info-detail-board .name .n01{position:relative;margin: 0 5px 0 0;padding: 0 7px 0 0;}
.review-detail-wrap .info-detail-board .name .n01:after{content:"";position: absolute;right:0;top: 2px;height: 9px;width: 1px;background: #ddd;}
.review-detail-wrap .info-detail-board .user span{display: inline-block;}
.review-detail-wrap .info-detail-board .user .txt-id{font-size: 11px;color: #888;vertical-align: middle;}
.review-detail-wrap .info-detail-board .user .txt-id.drip{font-size: 11px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.review-detail-wrap .info-detail-board .user .txt-age{width:35px;height: 16px;line-height: 16px;font-size: 10px;color:#fff;text-align: center;background: #ec008c;border-radius: 20px;margin:0 0 0 7px;vertical-align: middle;}
.review-detail-wrap .info-detail-board .info-cate{float: right;}
.review-detail-wrap .info-detail-board .info-cate span{display:inline-block;background: url(../images/layer/layer-review-board01.jpg) 0 2px no-repeat;-webkit-background-size: 12px auto;background-size: 12px auto;padding: 0 0 0 14px;line-height: 1;margin: 0 0 0 14px;color: #888;font-size: 11px;vertical-align: middle;}
.review-detail-wrap .info-detail-board .info-cate .date{background-position: 2px 1px;}
.review-detail-wrap .info-detail-board .info-cate .view{background-position: 0 -21px;}
.review-detail-wrap .info-detail-board .info-cate .comment{background-position: 2px -41px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.review-assessment-area.detail{overflow: hidden;padding-bottom: 14px;}
.review-assessment-area.detail .value-graph-area{display: table;width: 100%;padding:0;}
.review-assessment-area.detail .thumb-detail img{display: block;width: 100%;}
.review-assessment-area.detail .graph{position: relative;width: 140px;margin: 0 auto;}
.review-assessment-area.detail .value-graph-area > div{box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;position: relative;display: table-cell;vertical-align: middle;width: 50%;}
.review-assessment-area.detail .value-graph-area > div.right{border-left: 0}
.review-assessment-area.detail .value-graph-area > div.left{border-right:1px solid #ddd}
.review-detail-wrap .data-lab-wrap .data-lab-box{padding:0}
.review-para-area h3{font-size: 24px;font-family: 'Nanum Barun Gothic Bold';margin: 0 0 15px 0px;}
.review-para-area ul li{margin:0 0 3px 0;font-size: 10px;color:#555}
.review-para-area ul li:last-child{margin:0}
.review-para-area{margin: 15px 15px;font-size: 12px;word-break: break-all;}
.review-para-area img{display: inline-block;}
.review-para-area.hash{margin:15px 0 0 0}
.btn-link-product{text-align: right;padding:0 15px 0 0;}
.btn-link-product a{display: block;position:relative;margin:0 15px 32px 0;color:#888;font-size: 13px;}
.btn-link-product a:after{content:'';display: inline-block;position: absolute;top: 50%;right:-14px;margin-top: -4px;border: solid #bababa;border-width: 0 1px 1px 0;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);font-size: 0;}
.detail-user-share{overflow: hidden;padding: 0 0 20px 0;border-bottom: 1px solid #ddd;margin: 0 15px;}
.detail-user-share .detail-sns-area{float:left;width: 40%;}
.detail-user-share .detail-share-area{float:right;width: 60%;text-align: right;}
.detail-share-area ul{font-size: 0;}
.detail-share-area ul li{display: inline-block;width: 88px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.detail-share-area ul li:first-child{margin:0 7px 0 0}
.detail-share-area.login ul li{width:33.33%}
.detail-share-area ul li a{display: inline-block;width: 100%;height: 33px;text-align: center;line-height: 33px;border: 1px solid #ddd;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 11px;color:#555;}
.detail-share-area ul li a .ico{display: inline-block;width: 12px;height: 14px;background: url(../images/layer/layer-detail-share.jpg)0 0 no-repeat;-webkit-background-size: 40px auto;background-size: 40px auto;font-size: 9px;color: #555;letter-spacing: -0.5px;vertical-align: middle;margin: 0 3px 0 0;}
.detail-share-area ul li.charge a span{background-position: 100% bottom;}
.detail-share-area ul li.modi a span{background-position: 100% top;height: 13px;}
.detail-share-area ul li.del a span{background-position: 0 bottom;height: 13px;}
.detail-share-area ul li a em{color:#19a4e5;font-size: 8px;}
.detail-share-area.type2{float: left;text-align: left;}
.review-detail-hash ul {font-size: 0;}
.review-detail-hash ul li{display: inline-block;margin:0 5px 5px 0}
.review-detail-hash ul li a{display: block;font-size: 10px;color:#19a4e5;height:21px;line-height: 21px;padding:0 15px;background: #f7f7f7;border-radius: 20px}
.detail-sns-area {position: relative;padding: 3px 0 0 0px;}
.detail-sns-area .tit{font-size: 10px;color: #555;height: 19px;line-height: 19px;position: absolute;top: 10px;left: 0;}
.detail-sns-area ul {font-size: 0;overflow: hidden;}
.detail-sns-area ul li{float:left;margin:0 5px 0 0}
.detail-sns-area ul li a{display: block;width: 25px;height: 25px;font-size: 0;background: url(../images/layer/layer-sns-share.png) 0 0 no-repeat;-webkit-background-size: 55px auto;background-size: 55px auto;}
.detail-sns-area ul li:nth-child(2) a{background-position: right 0;}
.detail-sns-area ul li:nth-child(3) a{background-position: 0 bottom}
.detail-sns-area ul li:nth-child(4) a{background-position:bottom right}
.detail-person-list{position: relative;overflow: hidden;padding: 20px 0 15px 0;margin: 0 15px;min-height: 68px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.detail-person-list .btn-list-review{position: absolute;right: 0;top: 20px;}
.detail-person-list .btn-list-review a{display: block;width:78px;height:35px;line-height: 35px;text-align: center;background: #aaa;color:#fff;font-size: 12px;}
.review-detect-password{margin:0 15px}
.review-detail-wrap.event .cmn-board-area img {width:100%}

/*작성 전 확인*/
.review-write-guide{background: #f7f7f7;margin: 0 0 19px 0;}
.review-write-guide .top{position: relative;height:38px;line-height: 38px;border-bottom: 1px solid #ddd;padding: 0 0 0 14px;}
.review-write-guide .txt{font-size: 12px;}
.review-write-guide .top .btn-devi{display: block;position:absolute;top:0;right: 0;width: 37px;height: 37px;border-left:1px solid #ddd;font-size: 0;}
.review-write-guide.on .top .btn-devi:after{content:'';position: absolute;top: 50%;right: 12px;border: solid #999;border-width: 0 1px 1px 0;padding: 4px;margin-top: -1px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.review-write-guide .top .btn-devi:after{content:'';position: absolute;top: 50%;right: 12px;border: solid #999;border-width: 0 1px 1px 0;padding: 4px;margin-top: -6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.review-write-guide .write-guide-ctn{padding:20px 15px;border-bottom: 1px solid #ddd;}
.review-write-guide .write-guide-ctn p{margin:0 0 12px 0;font-size: 12px;}
.review-write-guide .write-guide-ctn ul{margin:0 15px}
.review-write-guide .write-guide-ctn ul li{font-size: 12px;list-style-type: decimal;margin:0 0 3px 0}
.review-write-guide .btn-chk-close{display: block;width:131px;height:40px;line-height: 40px;text-align: center;font-size: 13px;color:#fff;background: #19a4e5;margin:17px auto 0 auto;font-family:'Nanum Barun Gothic Bold';}

/* 드립의 민족 */
.drip-board-cate{border-bottom:1px solid #ddd;overflow: hidden;}
.drip-board-cate ul li{float:left;width:20%;}
.drip-board-cate.type2 ul li{width:33.33%;}
.drip-board-cate.type3 ul li{width:50%;}
.drip-board-cate ul li a{display: block;border-right:1px solid #ddd;height:52px;line-height: 52px;text-align: center;font-size: 12px;}
.drip-board-cate ul li:last-child a{border-right:0}
.drip-board-cate ul li.on a{background: #19a4e5;color:#fff;border-right: 0;}
.drip-board-cate.scroll{white-space: nowrap;overflow-x: auto;overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.drip-board-cate.scroll ul li{float:none;width: 95px;display: inline-block;}
.review-board-wrap.type2 ul.drip li.cob {padding:15px;border-bottom:1px solid #ddd}
.review-board-wrap.type2 ul.drip li.cob a{display: block;}
.review-board-wrap.type2 ul.drip li.cob a .top{font-size: 0;padding: 0 0 5px 0;}
.review-board-wrap.type2 ul.drip li.cob a .top .cate{color:#92278f;font-family:'Nanum Barun Gothic Bold';display: inline-block;vertical-align: middle;font-size: 12px;max-width: 18%;padding:0 7px 0 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.review-board-wrap.type2 ul.drip li.cob a .top .cate.type2{color:#19a4e5}
.review-board-wrap.type2 ul.drip li.cob a .top .cate.type3{color:#aaa}
.review-board-wrap.type2 ul.drip li.cob a .top .tit{display: inline-block;position: relative;font-size: 13px;max-width: 83%;vertical-align: middle;line-height: 1;word-break: break-all;color:#252525}
.review-board-wrap.type2 ul.drip li.cob a .top .tit.type2{max-width:100%}
.review-board-wrap.type2 ul.drip li.cob a .top .tit .in{display: inline-block;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.review-board-wrap.type2 ul.drip li.cob a .top .tit .icn-pic{display: inline-block;width: 12px;height: 12px;background:url(../images/ico/icn-m-board-fileImage.jpg) 0 0 no-repeat;-webkit-background-size: 12px auto;background-size: 12px auto;font-size: 0;vertical-align: text-bottom;font-family:'Nanum Barun Gothic Bold';position: absolute;top: 0px;right: -26px;}
.review-board-wrap.type2 ul.drip li.cob a .top .tit .txt-hit{position: absolute;top: 0px;right: -26px;color:#ec008c;font-family:'Nanum Barun Gothic Bold';font-size: 12px;}
.review-board-wrap.type2 ul.drip li.cob a .top .tit .txt-new{display: inline-block;font-size: 8px;border:1px solid #19a4e5;border-radius: 9px;color:#19a4e5;height: 13px;line-height: 13px;width: 26px;text-align: center;margin: 0 6px 0 0;box-sizing: border-box;-webkit-box-sizing: border-box;    vertical-align: 1px;}
ul.drip li.cob .info-cate span{display:inline-block;background: url(../images/layer/layer-review-board01.jpg) 0 2px no-repeat;-webkit-background-size: 12px auto;background-size: 12px auto;padding: 0 0 0 12px;line-height: 1;margin: 0 0 0 5px;color: #888;font-size: 9px;}
.review-board-wrap.noti ul.drip li.cob .info-cate span.date{margin:0;}
ul.drip li.cob .info-cate .grade{font-size: 9px;color:#555;background:none;padding:0;margin: 0;}
ul.drip li.cob .info-cate .date{background-position: 0px 0px;}
ul.drip li.cob .info-cate .view{background-position: 0 -21px;padding: 0 0 0 14px;}
ul.drip li.cob .info-cate .comment{background-position: 0 -41px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}


/* 댓글 공통 */
.cmn-comment-wrap{margin: 34px 0 30px 0;padding: 0 15px;}
.cmn-comment-wrap.type2{margin-top: 19px}
.cmn-comment-wrap.type2 .write-txtarea{margin:10px 0 0 0}
.cmn-comment-wrap h2.tit{font-family:'Nanum Barun Gothic Bold';font-size: 13px;border-bottom:2px solid #ddd;padding: 0 0 6px 0;}
.cmn-comment-wrap h2.tit span{color:#19a4e5;margin:0 0 0 3px}
.cmn-comment-wrap ul li{padding: 10px 0;border-bottom: 1px solid #dddddd;}
.cmn-comment-wrap ul li:last-child{}
.cmn-comment-wrap ul li .info{position: relative;font-size: 0;}
.cmn-comment-wrap ul li .info .name{font-size: 12px;font-family:'Nanum Barun Gothic Bold';margin: 0 15px 0 0;}
.cmn-comment-wrap ul li.reply {background: #f7f7f7 url(../images/ico/icn-comment-reply.jpg) 10px 10px no-repeat;padding-left: 23px;background-size: 9px auto;-webkit-background-size: 9px auto;}
.cmn-comment-wrap ul li.reply .btn-charge{position: absolute;top:3px;right:19px;font-size: 9px;color: #888;}
.cmn-comment-wrap ul li .btn-charge{position: absolute;top:3px;right:0;font-size: 9px;color: #888;}
.cmn-comment-wrap ul li .info .date,.cmn-comment-wrap ul li .info .rep{position: relative;font-size: 9px;color:#888;}
.cmn-comment-wrap ul li .info .rep{padding: 0 0 0 6px;margin: 0 0 0 6px;}
.cmn-comment-wrap ul li .info .rep:after{content: "";position: absolute;top: 3px;left:0;background: #ddd;height: 7px;width: 1px;}
.cmn-comment-wrap ul li .info .modify-area{position: absolute;top:3px;right:0;font-size: 0;}
.cmn-comment-wrap ul li .info .modify-area a{font-size: 9px;color:#888;}
.cmn-comment-wrap ul li .info .modify-area a.btn-modi{position: relative;padding: 0 6px 0 0;margin: 0 6px 0 0;}
.cmn-comment-wrap ul li .info .modify-area a.btn-modi::after{content:"";position: absolute;top: 3px;right:0;background: #ddd;width: 1px;height: 7px;}
.cmn-comment-wrap ul li .ctn{font-size: 11px;line-height:17px;margin: 6px 0 0 0;word-break: break-all;}
.cmn-comment-wrap ul li .ctn.remove{color:#ec008c}
.cmn-comment-wrap ul li .ctn.nonmember{color:#19a4e5}
.cmn-comment-wrap ul li .ctn img{margin:20px 0 0 0}
.cmn-comment-wrap ul li.refresh{padding:0;border-bottom: 0;}
.cmn-comment-wrap ul li.refresh a{display: block;text-align: center;padding:10px 0}
.cmn-comment-wrap ul li.refresh a span{display: inline-block;background: url(../images/ico/icn-refresh-comment.jpg) 0 center no-repeat;color:#888;padding: 0 0 0 20px;background-size: 12px auto;-webkit-background-size: 12px auto;font-size: 10px;}
.cmn-comment-wrap .write-txtarea textarea{background: #f7f7f7;border:1px solid #ddd;height: 162px;font-family:'Nanum Barun Gothic Regular';}
.cmn-comment-wrap .btn-more-list{text-align: center;}
.cmn-comment-wrap .btn-more-list button{position: relative;display: block;color: #888;font-size: 13px;letter-spacing: 0.5px;text-align: center;margin: -5px auto;padding: 24px 0;width: 100%;}
.cmn-comment-wrap .btn-more-list button em{color:#19a4e5}
.cmn-comment-wrap .btn-more-list button em.total{color:#888}
.cmn-comment-wrap .btn-more-list button span{vertical-align: 1px;}


/* 위사 댓글 */
.write_comment.cmn-comment-wrap {margin: -15px 0 0 0;}
.write_comment.cmn-comment-wrap .user{display:none}
.comment-write-login{background: #f7f7f7;text-align: center;padding:15px}
.comment-write-login .tit{font-size: 13px;font-family:'Nanum Barun Gothic Bold';}
.comment-write-login .para{padding:7px 0 16px 0;font-size: 11px;}
.comment-write-login .btn-login{display: inline-block;width:79px;height:31px;line-height: 31px;background: #fff;font-size: 11px;color:#555;text-align: center;border:1px solid #ddd}

.write-url-area{position: relative;margin: 10px 0;}
.write-url-area .pic-upload{position: absolute;top: 0;right: 0;width: 63px;}
.write-url-area .pic-upload .btn-pic-upload{position: relative;width: 63px;height: 40px;color:#aaa;background: #f3f3f3;font-family:'Nanum Barun Gothic Bold';border:1px solid #ddd;text-align: center;line-height: 40px;font-size: 11px;cursor: pointer;}
.write-url-area .pic-upload input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 100;cursor: pointer;}
.write-url-area .input-type03 .btn-input-write{width: 63px;height: 40px;line-height: 40px;right:67px}

/* 큐레이션몰 */
.compare-goods-box{position: relative;height:38px;line-height:38px;padding:0 37px 0 0;background: #f7f7f7;border-bottom: 1px solid #dddddd;z-index: 91;}
.compare-goods-box .btn-box{cursor:pointer}
.compare-goods-box > .btn-box{position: absolute;top:0;right:0;height: 38px;width: 37px;border-left: 1px solid #ddd;}
.compare-goods-box > .btn-box button{display:inline-block;position: absolute;top: 50%;right: 13px;margin-top: -7px;border:solid #999;border-width: 0 1px 1px 0;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);font-size: 0;}
.compare-goods-box > .left-txt{color:#888;font-size: 12px;padding:0 0 0 15px;height: 38px;}
.compare-goods-box > .left-txt span em{display: inline-block;width:19px;height:19px;line-height: 20px;text-align: center;background: #19a4e5;font-size: 11px;color: #fff;border-radius: 50%;vertical-align: middle;font-family: 'Nanum Barun Gothic Bold';}
.compare-thumb-layer{display: none;position: absolute;top:0;left:0;right:0;z-index:40;height:95px;padding:0 127px 0 0;background: #f7f7f7;border-bottom: 1px solid #dddddd;}
.compare-thumb-layer > .btn-box{position: absolute;top:0;right:0;height: 95px;width: 37px;border-left: 1px solid #ddd;}
.compare-thumb-layer > .btn-box button{display:inline-block;position: absolute;top: 50%;right: 12px;margin-top: -5px;border:solid #999;border-width: 0 1px 1px 0;padding: 4px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);font-size: 0;}
.compare-thumb-layer .thumb-box{overflow: hidden;padding:15px 0 15px 15px}
.compare-thumb-layer .thumb-box ul li{width:63px;height:63px;float: left;margin:0 7px 0 0}
.compare-thumb-layer .thumb-box ul li a{display: block;width: 63px;height: 63px;position: relative;text-align: center;border: 1px solid #d5d5d5;box-sizing: border-box;-webkit-box-sizing: border-box;}
.compare-thumb-layer .thumb-box ul li a img{max-width: 61px;max-height: 61px;}.compare-thumb-layer .thumb-box ul li a .btn-remove{display: block;position: absolute;top:0;right:0;background:url(../images/layer/layer-mall-main.jpg) 0 0 no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;width: 20px;height: 20px;font-size: 0;}
.compare-thumb-layer .btn-compare{display: block;position: absolute;top: 50%;right: 53px;margin-top: -16px;width:73px;height:32px;background: #19a4e5;color:#fff;font-family:'Nanum Barun Gothic Bold';font-size: 11px;}
.compare-thumb-layer .txt-default{padding: 0 0 0 15px;color: #888;font-size: 12px;position: absolute;top: 0;left: 0;bottom: 0;line-height: 95px;}
.top-logo {text-align: center;padding:43px 0}
.top-logo img{max-width:227px;}
.main-search-one{padding:20px 0}
.main-search-one .main-search-wrap{margin:0;}

.main-search-wrap .btn-form-del{display: none;background: url(../images/layer/layer-login01.png) right bottom no-repeat;position: absolute;bottom: 12px;right: 56px;width: 19px;height: 19px;font-size: 0;background-size: 48px auto;-webkit-background-size: 48px auto;}
.main-search-wrap.type2 .btn-form-del{display: none;background: url(../images/layer/layer-login01.png) right bottom no-repeat;position: absolute;bottom: 17px;right: 56px;width: 19px;height: 19px;font-size: 0;background-size: 48px auto;-webkit-background-size: 48px auto;}

/* 검색 메인 */
/* .main-search-wrap:after{content: "";display: block;height:37px;position: absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(255,255,255, 0.6);pointer-events: none;}
.main-search-wrap:before{content: "";display: block;height:37px;position: absolute;bottom:38px;left:0;right:0;z-index:20;background:rgba(255,255,255, 0.3);pointer-events: none;} */
.main-search-wrap.type2{position: relative;margin:0}
.head-search-area {position: absolute;top: -1px;left:0;right:0;z-index: 90;opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-box-shadow: 0 2px 7px -1px #ddd;-moz-box-shadow: 0 2px 7px -1px #ddd;box-shadow: 0 2px 7px -1px #ddd;}
#header.on .head-search-area{opacity: 1;top: 56px;z-index: 92;}
.head-search-area .input-pocket{position: relative;background: #fff;padding: 8px 15px 42px 103px;border-top: 1px solid #ddd;}
.head-search-area .input-pocket .select-filter{position: absolute;left: 15px;top: 8px;width: 88px;height: 37px;}
.head-search-area .input-pocket .select-filter select{width:100%;height: 36px;text-indent: 12px;font-size: 12px;color: #999;background: #fff;border: 1px solid #ddd;border-right: 0;}
.head-search-area .input-pocket .select-filter:after{content:"";position: absolute;top:10px;right:0;width: 1px;height: 16px;background: #ebeaea;}
.head-search-area .input-pocket .select-filter:before{content:'';position: absolute;top: 50%;right:15px;border: solid #999;border-width: 0 1px 1px 0;padding: 3px;margin-top:-7px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.head-search-area .input-pocket input{width:100%;height: 36px;padding: 0 60px 0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;background: #fff;font-size: 12px;color: #999;border: 1px solid #ddd;border-left: 0;}

.head-search-area .input-pocket.on .select-filter select{border: 1px solid #19a4e5;border-right: 0;}
.head-search-area .input-pocket.on input{border: 1px solid #19a4e5;border-left: 0;}
.head-search-area .input-pocket input:focus + span{background:url(../images/layer/layer-mall-main.jpg) -106px 7px no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;}
.head-search-area .input-pocket input::placeholder {color:#999 !important;font-size: 12px;font-family:'Nanum Barun Gothic Regular';}
.head-search-area .input-pocket span.icn-search{display: block;width: 31px;height: 30px;position: absolute;top: 12px;right: 16px;background: url(../images/layer/layer-mall-main.jpg) -106px -103px no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;font-size: 0;cursor:pointer;}
.head-search-area .btn-form-del{display: none;background: url(../images/layer/layer-login01.png) right bottom no-repeat;position: absolute;top: 17px;right: 28px;width: 19px;height: 19px;font-size: 0;background-size: 48px auto;-webkit-background-size: 48px auto;}
.head-search-area .main-search-auto-wrap{display: none;position: absolute;top: 45px;left: 0;right: 0;background: #fff;margin: 0 15px 0 15px;-webkit-overflow-scrolling: touch;z-index: 100;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);padding: 0 0 46px 0;}
.head-search-area .main-search-auto-wrap .main-search-auto-box{height: auto;min-height: 38px;max-height: 190px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.head-search-area .main-search-auto-wrap .btn-close-list{position: absolute;right:15px;bottom:15px;font-size: 13px;color:#33}
.head-search-area .btn-close{position:absolute;bottom: 13px;right:15px;font-size: 13px;color:#333;}
.main-search-wrap.type2 .main-search-promo img{display: block;width:100%}


/* 검색 서브 */
.main-search-wrap{position: relative;margin:0 0 40px 0}
.main-search-wrap .input-pocket{position: relative;padding: 0 15px;}
.main-search-wrap .input-pocket input{width:100%;height: 43px;border:1px solid #dddddd;padding:0 44px 0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.main-search-wrap .input-pocket input:focus{border-color:#19a4e5}
.main-search-wrap .input-pocket input:focus + span{background:url(../images/layer/layer-mall-main.jpg) -99px 13px no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;}
.main-search-wrap .input-pocket input::placeholder {color:#333;font-size: 13px;font-family:'Nanum Barun Gothic Bold';}
.main-search-wrap .input-pocket span.icn-search{display: block;width: 38px;height: 39px;position: absolute;top: 50%;right: 16px;background: url(../images/layer/layer-mall-main.jpg) -99px -97px no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;font-size: 0;margin-top: -20px;cursor:pointer;}
.main-search-wrap .main-search-auto-wrap{margin:0 15px;height: auto;min-height: 38px;max-height: 190px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}



.main-search-auto-box .item{height: 38px;line-height: 38px;font-size: 12px;padding: 0 15px;}
.main-search-auto-box .item:last-child a{}
.main-search-auto-box .item a{display: block;color:#333;border-bottom: 1px solid #f0f0f0;word-break: break-all;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 0 0 90px;}
.main-search-one .main-search-auto-box .item a{padding:0}
.main-search-auto-box .item:hover{background:#f5f5f5}
.main-search-auto-box .item a em{color:#19a4e5}
.result-list-goods-wrap{padding: 20px 15px;border-top:7px solid #f4f4f4;border-bottom:7px solid #f4f4f4}
.result-list-goods-wrap .txt-result p{font-size: 14px;margin: 0 0 15px 0;}
.result-list-goods-wrap .txt-result p span{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.result-list-goods-wrap ul.list{padding:12px 20px;background: #f7f7f7;}
.result-list-goods-wrap ul.list li{position:relative;float:left;width: 40%;margin: 16px 0 0 0;}
.result-list-goods-wrap ul.list li:nth-child(1),.result-list-goods-wrap ul.list li:nth-child(2),.result-list-goods-wrap ul.list li:nth-child(3){margin:0}
.result-list-goods-wrap ul.list li:nth-child(3n){width: 20%;}
.result-list-goods-wrap ul.list li a{position: relative;display: inline-block;font-size: 11px;color:#888}
.result-list-goods-wrap ul.list li.on a{font-size: 11px;color:#333}
.result-list-goods-wrap ul.list li.new a:after{content: "";width: 13px;height: 13px;position: absolute;top: -7px;left: -10px;background: url(../images/layer/layer-new-indicator.png) 0 0 no-repeat;-webkit-background-size: 28px auto;background-size: 28px auto;}
.fit-wellness-wrap .step-before-box{background: #f8f8f8;text-align: center;padding:28px 0 22px;margin:0 15px}
.fit-wellness-wrap .step-before-box .tit{font-size: 16px;font-family:'Nanum Barun Gothic Bold';}
.fit-wellness-wrap .step-before-box .info{font-size: 12px;color:#888;line-height: 18px;padding:15px 0 23px 0}
.fit-wellness-wrap .step-before-box .info span{font-size: 12px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.fit-wellness-wrap .step-before-box .btn-go-fit{display:block;width:53px;height:53px;background: #000;background:url(../images/layer/layer-mall-main.jpg) left bottom no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;margin: 0 auto}
.tailor-tit{position: relative;}
.tailor-tit h2.tit{height:44px;line-height: 44px;font-size: 16px;font-family:'Nanum Barun Gothic Bold';color:#252525;padding:0 0 0 15px;border-top:7px solid #f4f4f4;border-bottom:7px solid #f4f4f4}
.tailor-step-box button.btn-modi{float:right;width: 82px;height: 26px;text-align: center;line-height: 25px;color:#aaa;border:1px solid #ddd;border-radius: 3px;font-size: 11px;letter-spacing: -0.5px;margin:15px 15px 18px 0}
.tailor-goods-wrap {padding: 26px 0 30px 0}
.tailor-goods-wrap .tit-para{font-size: 18px;font-family:'Nanum Barun Gothic Bold';text-align: center;/* padding: 0 0 40px 0; */line-height: 1.3;}
.tailor-goods-wrap .tit-para span{color:#19a4e5}
.tailor-goods-wrap .tailor-step-tab ul{position: relative;overflow: hidden;display: block;text-align: center;font-size: 0}
.tailor-goods-wrap .tailor-step-tab ul::after{content: "";display: block;position: absolute;top: 8px;left:0;right:0;background: #e7e7e7;height:1px;z-index: -1;}
.tailor-goods-wrap .tailor-step-tab ul li{position:relative;display: inline-block;width: 32%;text-align: center;}
.tailor-goods-wrap .tailor-step-tab ul li .co{display: inline-block;background: #fff;padding: 0 5px}
.tailor-goods-wrap .tailor-step-tab ul li > .box{display: inline-block;padding:0 5px;background: #fff;}
.tailor-goods-wrap .tailor-step-tab ul li:last-child:after{display: none}
.tailor-goods-wrap .tailor-step-tab ul li:first-child{text-align: left;width: 18%;}
.tailor-goods-wrap .tailor-step-tab ul li:last-child{margin:0;width: 18%;text-align: right;}
.tailor-goods-wrap .tailor-step-tab ul li:first-child .co{padding-left:0}
.tailor-goods-wrap .tailor-step-tab ul li:last-child .co{padding-right:0;}
.tailor-goods-wrap .tailor-step-tab ul li span{color:#d3d3d3}
.tailor-goods-wrap .tailor-step-tab ul li.on span{color:#19a4e5;}
.tailor-goods-wrap .tailor-step-tab ul li.on .step{background:#19a4e5;color:#fff}
.tailor-goods-wrap .tailor-step-tab ul li .step{display: inline-block;width: 19px;height: 19px;line-height: 20px;font-size: 12px;border-radius: 50%;color:#ddd;background: #e7e7e7;color:#fff;text-align: center;}
.tailor-goods-wrap .tailor-step-tab ul li .txt{display: block;font-size: 13px;font-family:'Nanum Barun Gothic Bold';margin: 7px 0 0 0;}
.tailor-step-tab{margin: 25px 0 22px 0;padding: 0 15px;}
.tailor-step-box{display: none;}
.tailor-step-swipe .slick-slide{padding: 1px 15px;box-sizing: border-box;outline: 0;}
.tailor-step-box .txt-guide{font-size: 15px;text-align: left;font-family: 'Nanum Barun Gothic Bold';}
.tailor-step-box .txt-guide.type2{margin:22px 0;font-family: 'Nanum Barun Gothic Regular';text-align: center;}
.tailor-step-box.step1 .date-input-box{position: relative;text-align: center;margin:12px 0 10px 0}
.tailor-step-box.step1 .date-input-box input{}
.tailor-step-box.step1 .date-input-box span{}
.tailor-step-box.step1 .btn-type01{margin: 0 auto;padding: 0}
.tailor-step-box.rec .list-mall-search-none{padding: 28px 0 0 0;height: 123px;border-bottom: 0;border-top: 1px solid #ddd;box-sizing: border-box;margin: 30px 0 0 0;color: #aaa;}
.tailor-step-box.rec .list-mall-search-none p{margin: 12px 0 0 0;}
.tailor-step-box .gender-select{margin: 17px 0 20px 0;overflow: hidden;}
.tailor-step-box .gender-select ul li{position: relative;float:left;width:50%;text-align: left;font-size: 0;cursor: pointer;}
.tailor-step-box .gender-select ul li .thumb{display: inline-block;width:55px;height:55px;background:url(../images/layer/layer-gender-select.png) 0 0 no-repeat;-webkit-background-size: 110px auto;background-size: 110px auto;}
.tailor-step-box .gender-select ul li.on .txt{color:#19a4e5}
.tailor-step-box .gender-select ul li .txt{display: block;font-size: 13px;color:#ccc;margin: 10px 0 0 0;}
.tailor-step-box .gender-select ul li .login-wrap, .tailor-step-box .gender-select ul li .login-wrap .chk-form{margin:0}
/* .tailor-step-box .gender-select ul li label{display: inline-block;width:55px;height:55px;background:url(../images/layer/layer-gender-select.png) 0 0 no-repeat;-webkit-background-size: 110px auto;background-size: 110px auto;}
.tailor-step-box .gender-select ul li:first-child label{background-position: 0 0;}
.tailor-step-box .gender-select ul li:last-child label{background-position: 0 bottom;}
.tailor-step-box .gender-select ul li.on:first-child label{background-position: right 0;}
.tailor-step-box .gender-select ul li.on:last-child label{background-position: right bottom;} */
.tailor-step-box .gender-select ul li input{position: absolute;top: 0;left: 0;width: 0;height: 0;margin: 0;padding: 0;}
.tailor-step-box .tailor-cate-select{position: relative;border:1px solid #dddddd;border-bottom:0;margin: 17px 0 35px 0;}
.tailor-step-box .tailor-cate-select:after{content: "";display:block;clear: both;}
.tailor-step-box .tailor-cate-select.type2:before{content: "";display:block;position:absolute;right: -1px;bottom:0;width:1px;height:43px;background:#fff}
.tailor-step-box .tailor-cate-select ul li{position: relative;float:left;width:33.33%;height:42px;line-height: 42px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center}
.tailor-step-box .tailor-cate-select ul li.on:after{content: "";position: absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border:1px solid #19a4e5;/* z-index:20; */}
.tailor-step-box .tailor-cate-select ul li.on:before{content: "";display: block;width:12px;height: 8px;position: absolute;top: 15px;right: 8px;background: url(../images/ico/icn-chk-taste.png) 0 0 no-repeat;-webkit-background-size: 12px auto;background-size: 12px auto;}
.tailor-step-box .tailor-cate-select ul li:nth-child(3n){border-right:0}
.tailor-step-box .tailor-cate-select ul li input{}
.tailor-step-box .tailor-cate-select ul li label{display: block;font-size: 11px;z-index: 30;width:100%;height: 42px;position: absolute;top: 0;left: 0;right: 0;bottom: auto;text-align: left;text-indent: 14px;}
.tailor-step-box .tailor-cate-select ul li em.count{display: block;position: absolute;top:3px;right:3px;width:19px;height:19px;line-height: 19px;background: #19a4e5;color:#fff;font-size: 10px;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.tailor-step-box .tailor-cate-select ul li.on em.count{transform: scale(1);-webkit-transform: scale(1);}
.tailor-step-box ul.final-step {font-size: 0;overflow: hidden;padding: 0 1px;margin:0 -9px;margin-top: 25px;}
.tailor-step-box ul.final-step li {float:left;width:25%;text-align: center;padding: 0 8px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.tailor-step-box ul.final-step li:first-child{}
.tailor-step-box ul.final-step li:last-child{}
.tailor-step-box ul.final-step li .tit{font-size: 13px;}
.tailor-step-box ul.final-step li .ico{display: inline-block;width: 22px;height: 20px;background:url(../images/layer/layer-final-step.png) 0 0 no-repeat;-webkit-background-size: 50px auto;background-size: 50px auto;margin: 0px 0 8px 0;}
.tailor-step-box ul.final-step li:nth-child(1) .ico{background-position: 0 0;width: 19px;}
.tailor-step-box ul.final-step li:nth-child(2) .ico{background-position: right 0}
.tailor-step-box ul.final-step li:nth-child(3) .ico{background-position: 0 bottom}
.tailor-step-box ul.final-step li:nth-child(4) .ico{background-position: right bottom;width: 16px;}
.tailor-step-box ul.final-step li .result{width:100%;position: relative;border:1px solid #ddd;border-radius: 5px;height: 70px;min-height:70px;box-sizing: border-box;-webkit-box-sizing: border-box;margin: 13px 0 0 0;}
.tailor-step-box ul.final-step li .result:after{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.tailor-step-box ul.final-step li .result:before{content:'';display: inline-block;position: absolute;top: -6px;left: 50%;margin: 0 0 0 -4px;width: 9px;height: 9px;background: url(../images/layer/layer-final-step.png) -21px -21px no-repeat;-webkit-background-size: 50px auto;background-size: 50px auto;}
.tailor-step-box ul.final-step li .result span{vertical-align: middle;font-size: 12px;font-family:'Nanum Barun Gothic Bold';color:#19a4e5;line-height:1.5;letter-spacing: -0.5px;display: inline-block;word-break: break-all;}
.tailor-step-box .btn-group01 {margin: 0 -15px;}
.tailor-step-guide ul li{list-style: square;color: #888888;font-size: 10px;margin: 0 15px;}
.tailor-step-guide{margin:15px 0 0 0}
.result-hash-box ul{overflow-y: hidden;overflow-x: auto;white-space:nowrap;clear:both;-webkit-overflow-scrolling: touch;padding: 0 15px 10px 15px;margin: 0 0 -10px 0;}
.result-hash-box ul li{display: inline-block;margin:0 6px 0 0;}
.result-hash-box ul li:last-child{margin:0}
.result-hash-box ul li span{display: block;background: #f7f7f7;color:#19a4e5;font-size: 11px;padding:5px 12px;border-radius: 25px}
.result-hash-box ul li.cate span{color:#fa86c3}
.result-goods-box{font-size: 0;padding: 0 10px;margin:30px 0 0 0;}
.result-goods-box .item a{display: block;outline: none;}
.result-goods-box .item {display:inline-block;width: 50%;padding: 0 5px;box-sizing: border-box;-webkit-box-sizing: border-box;outline: 0;padding-bottom: 26px;}
.result-goods-box .item span{display: block;}
.result-goods-box .item .thumb{position: relative;background: #f4f4f4;}
.result-goods-box .item .thumb img{display: block;width:100%}

/* .result-goods-box .item .thumb .btn{font-size: 0;position:absolute;top: 0;}
.result-goods-box .item .thumb .btn i{display: inline-block;background:url(../images/layer/layer-mall-detail.png) 0 0 no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;z-index: 50;margin: 8px;}
.result-goods-box .item .thumb .btn.add{left: 0;width: 30px;height: 30px;}
.result-goods-box .item .thumb .btn.favo{right: 0;width: 30px;height: 30px;text-align: right;}
.result-goods-box .item .thumb .btn.add i{width: 16px;height: 14px;background-position: 0 0;}
.result-goods-box .item .thumb .btn.favo i{width: 16px;height: 16px;background-position: 0 -16px;}
.result-goods-box .item .thumb .btn.add.on i{background-position: -20px 0}
.result-goods-box .item .thumb .btn.favo.on i{background-position: -21px -16px} */

.result-goods-box .item .thumb .btn{font-size: 0;position:absolute;top: 8px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.result-goods-box .item .thumb .btn i{display: inline-block;background:url(../images/layer/layer-goods-util.png) 0 0 no-repeat;-webkit-background-size: 50px auto;background-size: 50px auto;z-index: 50;}
.result-goods-box .item .thumb .btn.add{left: 8px;width: 55px;height: 24px;font-size: 11px;color:#19a4e5;border:1px solid #19a4e5;background: #fff;text-align: center;line-height: 24px;border-radius: 4px;cursor: pointer;font-family:'Nanum Barun Gothic Bold';}
.result-goods-box .item .thumb .btn.favo{right: -4px;width: 30px;height: 30px;text-align: right;top: initial;bottom: -51px;}
.result-goods-box .item .thumb .btn.favo i{width: 20px;height: 16px;background-position: 0 0;margin: 9px 4px 0 0px;}
.result-goods-box .item .thumb .btn.add.on{background:#19a4e5;color:#fff}
.result-goods-box .item .thumb .btn.favo.on i{background-position: right 0;}


.result-goods-box .item .brand{font-size: 13px;font-family:'Nanum Barun Gothic Bold';padding:10px 0 7px}
.result-goods-box .item .name{font-size: 12px;color: #5d5d5d;word-break: break-all;letter-spacing: -0.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 85%;}
.result-goods-box .slick-next{width: 10px;height: 10px;border: solid #bababa;border-width: 0 1px 1px 0;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);right:0;font-size: 0;margin-top: -30px;}
.result-goods-box .slick-prev{width: 10px;height: 10px;border: solid #bababa;border-width: 0 1px 1px 0;padding: 3px;transform: rotate(135deg);-webkit-transform: rotate(135deg);left:0;font-size: 0;margin-top: -30px;}

.result-goods-box + .btn-more-goods{text-align: center;}
.result-goods-box + .btn-more-goods button{position: relative;display: block;color: #888;font-size: 13px;letter-spacing: 0.5px;text-align: center;width: 120px;margin: -5px auto;padding: 5px 0;}
.result-goods-box + .btn-more-goods button em{color:#19a4e5}
.result-goods-box + .btn-more-goods button em.total{color:#888}
.result-goods-box + .btn-more-goods button span{vertical-align: 1px;}

/* 베스트 리뷰 */
.review-best-wrap{margin:0 0 34px 0}
.review-best-wrap h2.tit{font-size: 19px;font-family:'Nanum Barun Gothic Bold';margin: 27px 0 20px 15px;}
.review-best-wrap ul.list-swipe li{padding:0 6px}
.review-best-wrap .item {display: block;height:163px;border:1px solid #ddd;padding: 16px 14px 18px 14px;box-sizing: border-box;}
.review-best-wrap .item .tit{font-size: 13px;color:#888;word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.review-best-wrap .item .info {overflow: hidden;padding: 7px 0 11px 0;}
.review-best-wrap .item .info span{font-size: 12px;color:#888;}
.review-best-wrap .item .info .name{float: left;}
.review-best-wrap .item .info .count{float: right;}
.review-best-wrap .item .des {position: relative;padding:0 92px 0 0}
.review-best-wrap .item .des .para{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: 14px;word-break: break-all;height: 73px;}
.review-best-wrap .item .des .img{position:absolute;top:0;right:0;width:80px;height:80px;background: #f4f4f4;}
.review-best-wrap .item .des .img img{width:80px;height:80px}
.review-best-wrap .slick-dots{font-size: 0;bottom: -20px;}
.review-best-wrap .slick-dots button{display: inline-block;background: #eaeaea;padding: 0;width: 8px;height: 8px;border-radius: 50%;}
.review-best-wrap ul.list-swipe .slick-dots li{padding:0;margin:0 5px 0 0}
.review-best-wrap ul.list-swipe .slick-dots li.slick-active button{background: #19a4e5;}

/* 큐레이선 상세 */
.page-top-location{height:41px;line-height: 41px;padding:0 15px;font-family:'Nanum Barun Gothic Regular';font-size: 12px;}
.page-top-location span{font-family:'Nanum Barun Gothic Bold';}
.page-top-location em{display: inline-block;border: solid #999;border-width: 0 1px 1px 0;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin: 0 3px 0 1px;vertical-align: middle;}
.detail-goods-page-wrap{padding:0 0 20px 0 }
.detail-goods-page-wrap .goods-tip-pocket{position: relative;padding: 22px 15px 16px 15px;overflow: hidden;}
.detail-goods-page-wrap .goods-tip-pocket-box{border-top: 1px solid #ddd;overflow: hidden;min-height: 171px;border-bottom: 7px solid #f4f4f4;}
.detail-goods-page-wrap .goods-tip-pocket .thumb-box-pocket{/* float:left; *//* width: 60%; */}
.detail-goods-page-wrap .goods-tip-pocket .thumb img{max-width: 190px;width: 100%;display: block;margin: 0 auto;}
.detail-goods-page-wrap .goods-tip-pocket-box .slick-dots{display: block;position: absolute;bottom: -34px;left: 91px;right: 0;text-align: center;}
.detail-goods-page-wrap .goods-tip-pocket-box .slick-dots li button{width:8px;height:6px;background: #f1f1f1;border-radius: 50%}
.detail-goods-page-wrap .goods-tip-pocket-box .slick-dots li.slick-active button{background: #19a4e5;}
.detail-goods-page-wrap .goods-tip-pocket-box .txt-detail-serving{color:#aaa;font-size: 10px;clear: both;text-align: right;padding: 13px 0 0 0;}
.detail-goods-page-wrap .nutrient-info{/* text-align: right; *//* float: right; *//* width: 40%; */}
.detail-goods-page-wrap .nutrient-info .tit-bottle{margin: 14px 0 21px 0;text-align: center;display: block;}
.detail-goods-page-wrap .nutrient-info .tit{display: inline-block;color:#19a4e5;padding:0 7px;line-height: 1;min-width: 95px;text-align: center;}
.detail-goods-page-wrap .nutrient-info .tit span{font-size: 29px;font-family:'Nanum Barun Gothic Bold';padding: 0 3px 0 0;}
.detail-goods-page-wrap .nutrient-info .tit em{font-size: 20px;font-family:'Nanum Barun Gothic Bold';}
.detail-goods-page-wrap .nutrient-info .tit-bottle .tit .txt-ing{font-size: 13px;color:#333}
.detail-goods-page-wrap .nutrient-info .nutrient-pie{overflow: hidden;text-align: center;}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li{float: left;width: 25%;text-align: center;}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li:nth-child(2){margin:0 0 9px 0}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li:nth-child(3){}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li:nth-child(4){margin:0}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li .box{position: relative;width: 50px;display: inline-block;}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li .box > div:first-child{position: relative;width: 60px;height: 60px;text-align: center;}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li .box > div svg{position: absolute;top:0;left:0;transform: rotate(270deg);-webkit-transform: rotate(270deg)}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li .box .info{position: absolute;top: 52%;left: 0;z-index: 20;width: 60px;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li .box .info .num{color:#19a4e5;font-size: 16px;font-family:'Nanum Barun Gothic Bold';}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li .box .info em{font-size: 12px;color:#19a4e5;}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li .box .info .fig{font-size: 9px;}
.detail-goods-page-wrap .nutrient-info .nutrient-pie ul li .box .txt-name{font-size: 10px;text-align: center;padding: 7px 0 0 0;width: 58px;word-break: break-all;}

.detail-goods-page-wrap .detail-goods-chain{padding: 0 0 16px 0;text-align: center;}
.detail-goods-page-wrap .detail-goods-chain .tit{font-size: 15px;font-family:'Nanum Barun Gothic Bold';}
.detail-goods-page-wrap .detail-goods-chain .info{color:#555}
.detail-goods-page-wrap .detail-goods-sale{padding: 18px 15px 0 15px;}
.detail-goods-page-wrap .detail-goods-sale dl{padding:0 0 10px 0}
.detail-goods-page-wrap .detail-goods-sale dl dt{width:63px;font-size: 13px;color:#888}
.detail-goods-page-wrap .detail-goods-sale dl dd{font-size: 13px;}
.detail-goods-page-wrap .detail-goods-sale dl dd span{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.detail-goods-page-wrap .detail-goods-sale dl dd a.btn-review-list{font-size: 12px;color:#888;margin: 0 0 0 10px;padding: 0 0 2px 0;border-bottom: 1px solid #ddd;display: inline-block;}
.detail-goods-page-wrap .sale-graph p{font-size: 10px;color:#aaa;text-align: right;}
.detail-goods-page-wrap .sale-graph .graph{width:210px;height:170px;margin: 0 auto;margin-top: 30px;}
.detail-goods-page-wrap .hopper-box{background: #f4f4f4;height:42px;line-height: 42px;margin: 30px 0;}
.detail-goods-page-wrap .hopper-box p{font-size: 12px;color:#888;text-align: center}
.detail-goods-page-wrap .hopper-box p .ico{display: inline-block;width:11px;height: 16px;background: url(../images/layer/layer-mall-detail.png) 0 -35px no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;vertical-align: middle;margin: 0 6px 2px 0;}
.detail-goods-page-wrap .share-user-box {padding:25px 15px 20px 15px;border-bottom: 7px solid #f4f4f4;}
.detail-goods-page-wrap .share-user-box .sns-share{font-size: 0;}
.detail-goods-page-wrap .share-user-box .sns-share .tit{font-size: 10px;color:#555;vertical-align: middle;display: inline-block;line-height: 1;margin: 0 10px 0 0;}
.detail-goods-page-wrap .share-user-box .sns-share a{display: inline-block;width: 21px;height: 21px;background:url(../images/layer/layer-sns-share.jpg) 0 0 no-repeat;-webkit-background-size: 45px auto;background-size: 45px auto;margin: 0 5px 0 0;vertical-align: middle;}
.detail-goods-page-wrap .share-user-box .sns-share a:nth-of-type(1){background-position: 0 0}
.detail-goods-page-wrap .share-user-box .sns-share a:nth-of-type(2){background-position: right 0}
.detail-goods-page-wrap .share-user-box .sns-share a:nth-of-type(3){background-position: 0 bottom}
.detail-goods-page-wrap .share-user-box .sns-share a:nth-of-type(4){background-position: right bottom}
.detail-goods-page-wrap .share-user-box .btn-goods-home{display: block;height:40px;line-height: 40px;background: #19a4e5;color:#fff;text-align: center;margin: 0 0 20px 0;}
.detail-goods-page-wrap .interesting-user-box{overflow: hidden;margin: 15px -5px 0 -5px;}
.detail-goods-page-wrap .interesting-user-box ul li{float:left;width:50%;text-align: center;padding: 0 5px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.detail-goods-page-wrap .interesting-user-box ul li a{display: block;border:1px solid #ddd;font-size: 11px;height:35px;line-height: 35px}
.detail-goods-page-wrap .interesting-user-box ul li .ico{display:inline-block;background:url(../images/layer/layer-mall-detail.png) 0 0 no-repeat;background-size: 125px auto;-webkit-background-size: 125px auto;}
.detail-goods-page-wrap .interesting-user-box ul li:first-child .ico{background-position: 0 0;width: 15px;height: 13px;vertical-align: middle;margin: 0 6px 0 0;}
.detail-goods-page-wrap .interesting-user-box ul li:last-child .ico{background-position: 0 -18px;width: 16px;height: 13px;vertical-align: middle;margin: 0 6px 0 0;}
.detail-goods-page-wrap .interesting-user-box ul li:first-child.on .ico{background-position:-20px 0px;width: 16px;height: 14px;vertical-align: middle;margin: 0 6px 0 0;}
.detail-goods-page-wrap .interesting-user-box ul li:last-child.on .ico{background-position: -21px -18px;width: 16px;height: 13px;vertical-align: middle;margin: 0 6px 0 0;}
.detail-goods-page-wrap .ingredient-rank-box{padding:0 15px}
.detail-goods-page-wrap .ingredient-rank-box ul > li > a{position: relative;display: block;height: 54px;line-height: 54px;font-size: 12px;padding: 0 21px 0 0;border-bottom: 1px solid #ddd;}
.detail-goods-page-wrap .ingredient-rank-box ul > li:last-child > a{border-bottom: 0}
.detail-goods-page-wrap .ingredient-rank-box ul > li > a:after{content:'';position: absolute;top: 50%;right: 2px;margin-top: -7px;border: solid #bababa;border-width: 0 1px 1px 0;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.detail-goods-page-wrap .ingredient-rank-box ul > li.on > a:after{content:'';position: absolute;top: 50%;right: 2px;margin-top: -3px;border: solid #bababa;border-width: 0 1px 1px 0;padding: 4px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.detail-goods-page-wrap .ingredient-rank-box ul > li > a .tit01{margin:0 10px 0 0;font-family:'Nanum Barun Gothic Bold';}
.detail-goods-page-wrap .ingredient-rank-box ul > li > a .tit02{color:#555}
.detail-goods-page-wrap .ingredient-rank-box ul > li > a .count{float: right;font-size: 11px;color:#888}
.detail-goods-page-wrap .ingredient-rank-box ul > li .depth2{visibility: hidden;height:0;padding:0;border-bottom: 1px solid #ddd;}
.detail-goods-page-wrap .ingredient-rank-box ul > li:last-child .depth2{border-bottom: 0}
.detail-goods-page-wrap .ingredient-rank-box ul > li.on .depth2{visibility: visible;height:auto;padding:20px 0}
.cate-result-tab ul{font-size: 0;text-align: center;height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;}
.cate-result-tab ul li{position: relative;display: inline-block;}
.cate-result-tab ul li:nth-child(2){margin:0 0 0 9px;padding:0 0 0 9px}
.cate-result-tab ul li:nth-child(2):after{content: "";position: absolute;top: 50%;left:0;margin-top: -9px;width:1px;height: 12px;background: #ddd;}
.cate-result-tab ul li a{font-size: 16px;color:#252525}
.cate-result-tab ul li.on a{font-family:'Nanum Barun Gothic Bold';}
.search-result-count{font-size: 14px;padding:0 0 0 15px;height:43px;line-height: 44px;border-bottom: 7px solid #f4f4f4}
.search-result-count p span{font-family:'Nanum Barun Gothic Bold';color:#19a4e5}
.goods-grid-bunch-box{padding:0 17px;}
.goods-grid-bunch .item{padding:0 5px}
.goods-grid-bunch.list{margin: 0 -7px;border-bottom: 1px solid #dddddd;}
.goods-grid-bunch.list .item{float: left;width: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;margin:0 0 25px 0}
.goods-grid-bunch .item a{display: block;}
.goods-grid-bunch .item span{display: block;}
.goods-grid-bunch .item .thumb{position: relative;background: #f4f4f4;}
.goods-grid-bunch .item .thumb img{display: block;width:100%}
.goods-grid-bunch .item .thumb .btn{position:absolute;top:8px;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 0;}
.goods-grid-bunch .item .thumb .btn i{display: inline-block;background:url(../images/layer/layer-goods-util.png) 0 0 no-repeat;-webkit-background-size: 50px auto;background-size: 50px auto;z-index: 50}
.goods-grid-bunch .item .thumb .btn.add{left: 8px;width: 55px;height: 24px;font-size: 11px;color:#19a4e5;border:1px solid #19a4e5;background: #fff;text-align: center;line-height: 24px;border-radius: 4px;cursor: pointer;font-family:'Nanum Barun Gothic Bold';}
.goods-grid-bunch .item .thumb .btn.favo{right: -4px;width: 30px;height: 30px;text-align: right;bottom: -96px;top: initial;}
.goods-grid-bunch .item .thumb .btn.add i{width: 21px;height: 17px;background-position: 0 0;}
.goods-grid-bunch .item .thumb .btn.favo i{width: 20px;height: 16px;background-position: 0 0;margin: 9px 4px 0 0px;}
.goods-grid-bunch .item .thumb .btn.add.on{color:#fff;background: #19a4e5;}
.goods-grid-bunch .item .thumb .btn.favo.on i{background-position: right 0}
.goods-grid-bunch .item .badge{height:20px;border:1px solid #19a4e5;line-height: 20px;font-size: 11px;position: relative;padding: 0;color: #19a4e5;margin:0 0 9px 0;}
.goods-grid-bunch .item .badge em{display: block;width:22px;text-align: center;font-size: 11px;font-family:'Nanum Barun Gothic Bold';color:#fff;background: #19a4e5;position: absolute;top: 0;left: 0;}
.goods-grid-bunch .item .badge .tit-ingredient{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.goods-grid-bunch .item .brand{height:16px;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #555;}
.goods-grid-bunch .item .name{font-size: 13px;color:#555;padding: 7px 0 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family:'Nanum Barun Gothic Bold';}
.goods-grid-bunch .item .price{font-size: 12px;font-family:'Nanum Barun Gothic Bold';}
.goods-grid-bunch .slick-next{border: solid #bababa;border-width: 0 1px 1px 0;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);right: -17px;font-size: 0;margin-top: -43px;}
.goods-grid-bunch .slick-prev{border: solid #bababa;border-width: 0 1px 1px 0;padding: 3px;transform: rotate(135deg);-webkit-transform: rotate(135deg);left: -17px;font-size: 0;margin-top: -43px;}
.goods-grid-bunch-box.fav-food .none{    text-align: center;padding: 40px 0;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;}
.goods-grid-bunch-box.fav-food .none p {font-size: 11px;color: #aaa;padding: 10px 0 0 0;}
.goods-grid-bunch-box.fav-food .icn {display: inline-block;width: 26px;height: 24px;background: url(../images/layer/layer-list-none.png) 0 -29px no-repeat;-webkit-background-size: 100px auto;background-size: 100px auto;}
.list-mall-search-none{border-top:7px solid #f4f4f4;border-bottom:7px solid #f4f4f4;padding: 68px 0;text-align: center;}
.list-mall-search-none p{background: url(../images/ico/icn-mall-result-none.png) center 0 no-repeat;-webkit-background-size: 26px auto;background-size: 26px auto;font-size: 14px;padding: 48px 0 0 0;}
.list-mall-search-none p span{font-family:'Nanum Barun Gothic Bold';color:#19a4e5}
.goods-grid-bunch.mypage .txt-info{position: relative;}
.goods-grid-bunch.mypage .txt-info .btn-del{display: block;position: absolute;bottom:0;right:0;width:30px;height:27px;background:url(../images/layer/layer-mall-detail.png) right bottom no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;font-size: 0;}
.goods-grid-bunch.mypage .txt-info .pad{padding:0 0 0 30px}
.goods-grid-bunch.mypage .txt-info .login-wrap{position: absolute;top: 6px;left: 0;}
.goods-grid-bunch.mypage .txt-info .login-wrap .chk-form label{padding-left:30px;height: 32px;line-height: 32px;}
.essential-ingredient-box{padding:0 15px;border-top: 7px solid #f4f4f4;}
.essential-ingredient-box .tit-divi{position:relative;height:48px;line-height: 48px;border-bottom: 1px solid #ddd}
.essential-ingredient-box .tit-divi h2{font-size: 14px;font-family:'Nanum Barun Gothic Bold';}
.essential-ingredient-box .txt-guide{position: absolute;top:0;right:0;font-size:10px;color:#888}
.essential-ingredient-box .chart-box {position: relative;display: inline-block;width: 60px;height: 60px;}
.essential-ingredient-box .chart-box svg {position: absolute;top: 0;left: 0;transform: rotate(270deg);-webkit-transform: rotate(270deg);}
.essential-ingredient-box .chart-box .info{position: absolute;top:50%;left: 0;width: 100%;margin: -10px 0 0 0;z-index: 100;letter-spacing: -1px;}
.essential-ingredient-box .chart-box .info span{font-size: 16px;font-family:'Nanum Barun Gothic Bold';color:#19a4e5}
.essential-ingredient-box .chart-box .info em{font-size: 12px;font-family:'Nanum Barun Gothic Bold';color:#19a4e5}
.essential-ingredient-box .chart-bunch-box ul{overflow: hidden;padding:20px 0 0 0;margin: 0 0 -10px 0;}
.essential-ingredient-box .chart-bunch-box ul li{float: left;width: 33.333%;max-height: 220px;text-align: center;font-size: 0;margin:0 0 20px 0;padding: 0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.essential-ingredient-box .chart-bunch-box .txt-name {font-size: 10px;padding: 5px 0 8px 0;}
.essential-ingredient-box .chart-bunch-box .txt-name span{display: block;text-align: center;}
.essential-ingredient-box .chart-bunch-box .txt-para{font-size: 10px;color:#888;word-break: break-all;}
.essential-ingredient-box .txt-name{font-size: 12px;word-break: break-all;}
.essential-ingredient-box .txt-para{color:#888;font-size: 12px;padding: 4px 0 0 0;}
.essential-ingredient-box .info-box{padding:13px 0 17px 0}
.essential-ingredient-box .info-box .txt-name{}
.essential-ingredient-box .info-box .txt-name .ico{display: inline-block;width: 19px;height: 18px;background: url(../images/layer/layer-mall-detail.png) -40px 0 no-repeat;background-size: 125px auto;-webkit-background-size: 125px auto;vertical-align: middle;margin:0 2px 0 0}
.essential-ingredient-box .info-box .txt-name .ico.type2{background-position: -63px 0px;}
.essential-ingredient-box .info-box .txt-name.functional{color:#19a4e5}
.essential-ingredient-box .info-box .txt-para.type2{padding:3px 0 10px 24px}
.essential-ingredient-box .chart-box .info2{position: absolute;top:50%;left: 0;width: 100%;margin: -10px 0 0 0;z-index: 100;letter-spacing: -1px;}
.essential-ingredient-box .chart-box .info2 span{font-size: 14px;font-family:'Nanum Barun Gothic Bold';color:#19a4e5}
.essential-ingredient-box .chart-box .info2 em{font-size: 12px;font-family:'Nanum Barun Gothic Bold';color:#19a4e5}
.detail-keyword-hash{padding:0 15px}
.detail-keyword-hash h2{font-size: 14px;font-family:'Nanum Barun Gothic Bold';margin:0 0 13px 0}
.detail-keyword-hash ul li{display: inline-block;}
.detail-keyword-hash ul li a{display: block;height:22px;line-height: 22px;padding:0 10px;background: #f7f7f7;color:#19a4e5;font-size: 10px;font-family:'Nanum Barun Gothic Bold';border-radius: 20px;}
.review-board-wrap.type3 h2.tit{position: relative;margin: 20px 0 0 0;border-bottom: 0;padding:15px 0 0px 0;}
.review-board-wrap.type3 h2.tit .pad{display: block;margin:0 15px;border-bottom: 1px solid #dddddd;padding: 0 0 15px 0;font-size: 14px;}
.review-board-wrap.type3 h2.tit em.count{font-size: 14px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.review-board-wrap.type3 h2.tit .btn-more{position: absolute;top: 19px;right: 15px;background: url(../images/layer/layer-mall-detail.png) 36px -53px no-repeat;background-size: 125px auto;-webkit-background-size: 125px auto;color: #888;font-size: 11px;padding: 0 14px 0 0;}

/* 큐레이션몰 비교함 */
.compare-goods-table-wrap table{table-layout: fixed;}
.compare-goods-table-wrap p.txt-guide{font-size: 10px;color:#888;text-align: right;padding: 0 0 17px 0;}
.compare-goods-table-wrap {padding:17px 15px 0 15px}
.compare-goods-table-wrap table col.c1{width: 65px;}
.compare-goods-table-wrap table col.c2{width: 33%;}
.compare-goods-table-wrap table col.c3{width: 33%;}
.compare-goods-table-wrap table col.c4{width: 33%;}
.compare-goods-table-wrap table tr td{border:1px solid #ddd;padding:15px 9px;font-family:'Nanum Barun Gothic Bold';text-align: left;font-size: 11px;}
.compare-goods-table-wrap table tr td span,.compare-goods-table-wrap table tr td a{display: block;}
.compare-goods-table-wrap table tr td.tit{background: #f8f8f8;word-break: break-all;}
.compare-goods-table-wrap table tr td .thumb{background: #f4f4f4;}
.compare-goods-table-wrap table tr td .thumb img{display: block;width: 100%;margin:0 auto}
.compare-goods-table-wrap table tr td .brand{padding: 7px 0 4px 0;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.compare-goods-table-wrap table tr td .name{font-size: 10px;color:#555;padding: 0 0 12px 0;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.compare-goods-table-wrap table tr td .btn-view{height:30px;line-height: 30px;text-align: center;font-size: 10px;color:#fff;background: #19a4e5;}
.compare-goods-table-wrap table tr td .txt-info{padding:3px 0 0 0;color:#555;font-family:'Nanum Barun Gothic Regular';font-size: 9px;}
.compare-goods-table-wrap table tr td .list-word li{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';margin:0 0 3px 0}
.compare-goods-table-wrap table tr td .list-word li:last-child{margin:0}
.compare-goods-table-wrap table tr td .point{color:#19a4e5;}
.compare-goods-table-wrap table tr td .point.rank{margin:3px 0 0 0;font-size: 10px;}
.compare-goods-table-wrap .tit-table h2{font-family:'Nanum Barun Gothic Bold';font-size: 13px;margin:17px 0 7px 0}
.ingredient-info-table tr td{font-size: 12px;}

/* 마이페이지 > 공통 */
.mypage-page-wrap .mypage-top {position: relative;padding:15px 15px 10px 15px}
.mypage-page-wrap .mypage-top .txt-user span{display: block;}
.mypage-page-wrap .mypage-top .txt-user .name{font-size: 18px;font-family:'Nanum Barun Gothic Bold';padding:0 0 5px 0}
.mypage-page-wrap .mypage-top a.btn-modi{position: absolute;top: 20px;right: 15px;width:65px;height:23px;line-height: 23px;text-align: center;border:1px solid #ddd;font-size: 10px;color:#aaa;border-radius: 20px;}
.mypage-page-wrap .mypage-middle{padding:15px 0;border-top:7px solid #f4f4f4;border-bottom:7px solid #f4f4f4}
.mypage-page-wrap .mypage-middle div.box{position: relative;float:left;width:50%;text-align: center}
.mypage-page-wrap .mypage-middle.type2 div.box{float:none;width:100%;}
.mypage-page-wrap .mypage-middle div.box:first-child:after{content:'';position: absolute;top:6px;right:0;width:1px;height:41px;background: #ddd}
.mypage-page-wrap .mypage-middle div.box .txt-tit{color:#888;font-size: 12px;margin:0 0 10px 0}
.mypage-page-wrap .mypage-middle div.box .grade{font-size: 0;}
.mypage-page-wrap .mypage-middle div.box .grade .level{display: inline-block;min-width: 23px;min-height: 23px;background: url(../images/layer/layer-user-grade.png);-webkit-background-size: 38px auto;background-size: 38px auto;vertical-align: -6px;}
.mypage-page-wrap .mypage-middle div.box .grade .level.type8{background-position: 0 0;}
.mypage-page-wrap .mypage-middle div.box .grade .level.type7{background-position: 0 -28px;}
.mypage-page-wrap .mypage-middle div.box .grade .level.type6{background-position: 0 -56px;}
.mypage-page-wrap .mypage-middle div.box .grade .level.type5{background-position: 0 -84px;height: 24px;}
.mypage-page-wrap .mypage-middle div.box .grade .level.type4{background-position: 0 -113px;width: 25px;height: 25px;}
.mypage-page-wrap .mypage-middle div.box .grade .level.type3{background-position: 0 -143px;width: 25px;height: 31px;}
.mypage-page-wrap .mypage-middle div.box .grade .level.type2{background-position: 0 -178px;width: 34px;height: 26px;}
.mypage-page-wrap .mypage-middle div.box .grade .level.type1{background-position: 0 -208px;width: 37px;height: 28px;}
.mypage-page-wrap .mypage-middle div.box .grade .txt.type8{color: #ee9c40;}
.mypage-page-wrap .mypage-middle div.box .grade .txt.type7{color: #ee9c40;}
.mypage-page-wrap .mypage-middle div.box .grade .txt.type6{color: #c8946e;}
.mypage-page-wrap .mypage-middle div.box .grade .txt.type5{color: #a19d88;}
.mypage-page-wrap .mypage-middle div.box .grade .txt.type4{color: #919494;}
.mypage-page-wrap .mypage-middle div.box .grade .txt.type3{color: #c9995f;}
.mypage-page-wrap .mypage-middle div.box .grade .txt.type2{color: #b79f52;}
.mypage-page-wrap .mypage-middle div.box .grade .txt.type1{color: #cea337;}
.mypage-page-wrap .mypage-middle div.box .grade .txt{display: inline-block;font-size: 16px;font-family:'Nanum Barun Gothic Bold';margin: 0 0 0 5px;color:#de8a60;}
.mypage-page-wrap .mypage-middle div.box .point-info{font-size: 13px;color:#888;line-height: 1;margin: 12px 0 0 0;}
.mypage-page-wrap .mypage-middle div.box .point-info span{font-size: 15px;font-family: 'Nanum Barun Gothic Bold';color: #19a4e5;}
.mypage-page-wrap .mypage-middle div.box .txt-point{font-size: 13px;color:#888;padding: 10px 0 0 0;}
.mypage-page-wrap .mypage-middle div.box .txt-point .num{font-size: 15px;font-family: 'Nanum Barun Gothic Bold';color: #19a4e5;padding: 0 0 0 5px;}
.mypage-page-wrap ul.point-cate-box{overflow: hidden;margin: 0 -3px 14px -3px;padding: 1px 0 0 0;}
.mypage-page-wrap ul.point-cate-box li{float:left;width:50%}
.mypage-page-wrap ul.point-cate-box li > div{margin:0 3px}
.mypage-page-wrap .point-history-wrap ul{border-top:1px solid #ddd;margin: 0 15px;}
.mypage-page-wrap .point-history-wrap ul li .box {padding:13px 0;border-bottom:1px solid #ddd;/* margin: 0 15px; */}
.mypage-page-wrap .point-history-wrap ul li .box .date{font-size: 13px;color:#888;letter-spacing: -1px;}
.mypage-page-wrap .point-history-wrap ul li .box .txt-middle{padding: 10px 0 8px 0;overflow: hidden;line-height: 1;}
.mypage-page-wrap .point-history-wrap ul li .box .txt-middle .cate{font-size: 14px;float: left;}
.mypage-page-wrap .point-history-wrap ul li .box .txt-middle .num{float: right;font-size: 16px;color:#333;font-family: 'Nanum Barun Gothic Bold';}
.mypage-page-wrap .point-history-wrap ul li .box .txt-middle .num.otl{color:#ff0000;}
.mypage-page-wrap .point-history-wrap ul li .box .txt-ctn{color:#888;font-size: 14px;}
.mypage-page-wrap .mypage-middle div.box .btn-show-grade{position: absolute;top:-7px;right: 15px;}
.mypage-page-wrap .mypage-middle div.box .btn-show-grade a{display:block;width:18px;height:18px;background:url(../images/ico/icn-mypage-grade.jpg) 0 0 no-repeat;-webkit-background-size: 18px auto;background-size: 18px auto;font-size: 0;}
.mypage-cmn-tab ul{font-size: 0;border-bottom: 1px solid #ddd;}
.mypage-cmn-tab ul li{display: inline-block;width:20%;min-height: 38px;text-align: center;}
.mypage-cmn-tab.type2 ul li{width:33.333%}
.mypage-cmn-tab ul li a.box{position: relative;display: block;padding: 15px 0;}
.mypage-cmn-tab ul li a.box span{display: block}
.mypage-cmn-tab ul li.on a.box span{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.mypage-cmn-tab ul li a.box::after{content:"";position: absolute;bottom: -1px;left:45%;width:0;height:0;z-index: 10;background: #19a4e5;transition: all 0.3s ease;-webkit-transition: all 0.3s ease; }
.mypage-cmn-tab ul li.on a.box::after{content:"";position: absolute;bottom:-2px;left:0;width:100%;height:3px;z-index: 10;background: #19a4e5;}
.mypage-cmn-tab ul li a.box .tit{font-size: 12px;color:#888;padding: 0 0 6px 0;}
.mypage-cmn-tab ul li a.box .count{font-size: 15px;font-family:'Nanum Barun Gothic Bold';}
.mypage-cmn-tab ul li a.box .tit em{font-size: 8px;}
.mypage-cmn-tab ul li a.box .count em{font-size: 10px;vertical-align: middle;}

/* 마이페이지 > 정보수정 */
.personal-information-wrap{padding:25px 15px}
.personal-information-wrap .tit{font-size: 16px;font-family:'Nanum Barun Gothic Bold';color:#252525;margin:0 0 12px 0}
.personal-information-wrap .txt-guide{font-size: 11px;color:#888;line-height: 16px;}
.personal-information-wrap .login-wrap{margin:17px 0 0 0}
.personal-information-wrap .input-form-wrap{padding:0}
.btn-leave-member{text-align: right;margin: 10px 0 0 0;padding: 0 15px;}
.btn-leave-member a{display: inline-block;font-size: 11px;color:#888;font-family: 'Nanum Barun Gothic Bold';}
.btn-leave-member span{padding: 0 0 0 3px}
.personal-information-wrap .login-wrap .login-top-info{    padding: 28px 0 42px 0;}
.personal-information-wrap .chk-form{margin:0}
.input-form-guide{color:#19a4e5;font-size: 11px;}
.personal-information-wrap .login-wrap .login-top-info p.txt-lop01{font-size: 15px;padding:0 0 15px 0;font-family:'Nanum Barun Gothic Bold';}
.personal-information-wrap .login-wrap .login-top-info p.txt-lop02{font-size: 11px;color:#555;}
.personal-information-wrap + .btn-group01{padding:0 10px }

/* 마이페이지 > 내가 쓴 글 */
.personal-contents-wrap{padding:25px 0 0 0}
.personal-contents-wrap.type2{padding:0}
.personal-contents-wrap .cate-spot-box{padding:0 15px}
.personal-contents-wrap .cate-spot-box h2.tit{font-size: 16px;font-family:'Nanum Barun Gothic Bold';margin:0 0 13px 0}
.personal-contents-wrap .cate-spot-box .cate-list-select{padding:0 0 15px 0}
.personal-contents-wrap .cate-spot-box .cate-list-select select{font-size: 12px;color: #aaa}
.personal-contents-wrap .review-board-wrap.mypage ul.board li .box .info{width: 74%;}
.personal-contents-wrap .review-board-wrap.mypage ul.board li .box .chart-area{width: 26%;;text-align: right;}
.personal-contents-wrap .review-board-wrap.mypage ul.board li .box .place{font-size: 10px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.personal-contents-wrap .review-board-wrap.mypage ul.board li .box .info .tit02{margin: 4px 0 8px 0;}
.personal-contents-wrap .review-board-wrap.mypage ul.board li .box.thumb .info{width:auto}
.personal-contents-wrap .review-board-wrap.mypage ul.board li:first-child .box{border-top:1px solid #ddd}
.personal-contents-wrap .grid-check-box{position: relative;padding: 0 15px;}
.personal-contents-wrap .grid-check-box .chk-form{display: inline-block;}
.personal-contents-wrap .grid-check-box .btn-del-item{display: block;width:68px;height:27px;position: absolute;top:0;right: 15px;font-size: 11px;border:1px solid #dddddd;}

/* 마이페이지 > 1:1 문의 */
.personal-contents-wrap .inquire-pack-box{margin:0 15px}
.personal-contents-wrap .inquire-pack-box h2{font-size: 16px;font-family:'Nanum Barun Gothic Bold';padding:0 0 13px 0;letter-spacing: -0.5px}
.personal-contents-wrap .inquire-pack-box h2 span{color:#19a4e5}
.personal-contents-wrap .inquire-pack-box > ul > li{border-bottom: 1px solid #ddd}
.personal-contents-wrap .inquire-pack-box > ul > li:first-child{border-top:1px solid #ddd}
.personal-contents-wrap .inquire-pack-box .box{position: relative;padding: 15px 40px 15px 56px;cursor: pointer;}
.personal-contents-wrap .inquire-pack-box .box:after{
    content: "";
    position: absolute;
    top:48%;
    right: 8px;
    border: solid #999;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.personal-contents-wrap .inquire-pack-box ul li.on .box:after{
  content: "";
  position: absolute;
  top:48%;
  right: 3px;
  border: solid #999;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: rotate(-135deg) translateY(-50%);
  -webkit-transform: rotate(-135deg) translateY(-50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.personal-contents-wrap .inquire-pack-box .box .state{width:42px;height:19px;line-height: 19px;background: #bbb;position: absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align: center;border-radius: 20px;color: #fff;font-size: 10px;}
.personal-contents-wrap .inquire-pack-box .box .state.type2{background: #19a4e5;}
.personal-contents-wrap .inquire-pack-box .box .right .tit{font-size:13px;word-break: break-all;}
.personal-contents-wrap .inquire-pack-box .box .right span{display: inline-block;}
.personal-contents-wrap .inquire-pack-box .box .right .cate{font-size:10px;color:#888}
.personal-contents-wrap .inquire-pack-box .box .right .date{background: url(../images/layer/layer-review-board01.jpg) 0 2px no-repeat;-webkit-background-size: 12px auto;background-size: 12px auto;padding: 0 0 0 13px;font-size:10px;color:#888}
.personal-contents-wrap .inquire-pack-box .ties-box {display: none;border-top: 1px solid #ddd;padding: 0 10px;background: #f7f7f7;}
.personal-contents-wrap .inquire-pack-box .ties-box .question-box{position: relative;padding: 15px 30px;border-bottom: 1px solid #ddd;}
.personal-contents-wrap .inquire-pack-box .ties-box .question-box:last-child{border-bottom: 0}
.personal-contents-wrap .inquire-pack-box .ties-box .question-box .icn-cate{display: block;position: absolute;top:12px;left: 0;background:url(../images/ico/icn-qna.png) 0 0 no-repeat;-webkit-background-size: 20px auto;background-size: 20px auto;font-size: 0;width: 20px;height: 20px;}
.personal-contents-wrap .inquire-pack-box .ties-box .question-box .icn-cate.type2{background-position: 0 bottom;}
.personal-contents-wrap .inquire-pack-box .ties-box .question-box .tit,.personal-contents-wrap .inquire-pack-box .ties-box .question-box .para{font-size: 12px;word-break: break-all;}
.personal-contents-wrap .inquire-pack-box .ties-box .question-box .para{margin:9px 0 0 0}
.personal-contents-wrap .inquire-pack-box .ties-box .question-box .date{background: url(../images/layer/layer-review-board01.jpg) 2px 0 no-repeat;-webkit-background-size: 12px auto;background-size: 12px auto;padding: 0 0 0 14px;line-height: 1;color: #888;font-size: 9px;margin: 5px 0 0 0;}
.personal-contents-wrap .cmn-comment-wrap{padding:0;margin:0}
.personal-contents-wrap .cmn-comment-wrap .write-txtarea textarea{background: #fff;}
.personal-contents-wrap .btn-group01{margin: 10px -5px 0 -5px;padding: 0;}
.personal-contents-wrap .inquire-pack-box .txt-finish{font-size: 13px;text-align: center;line-height: 20px;background: url(../images/ico/icn-finish-qna.png) center 0 no-repeat;-webkit-background-size: 40px auto;background-size: 40px auto;padding: 45px 0 0 0;margin: 40px 0 50px 0;}
.personal-contents-wrap .inquire-pack-box .txt-finish.modi{font-size: 13px;text-align: center;line-height: 20px;background: url(../images/ico/icn-finish-modi.png) center 0 no-repeat;-webkit-background-size: 30px auto;background-size: 30px auto;padding: 45px 0 0 0;margin: 40px 0 50px 0;}
.personal-contents-wrap .inquire-pack-box .txt-finish p span{font-family:'Nanum Barun Gothic Bold';}
.personal-contents-wrap .inquire-pack-box.customer .box{padding-left:30px}
.personal-contents-wrap .inquire-pack-box.customer .box .icn-tit-cate{display: block;position: absolute;top: 50%;left: 0;background:url(../images/ico/icn-qna.png) 0 0 no-repeat;-webkit-background-size: 20px auto;background-size: 20px auto;font-size: 0;width: 20px;height: 20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.personal-contents-wrap .inquire-pack-box .none{text-align: center;padding: 40px 0;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;}
.personal-contents-wrap .inquire-pack-box .none p{font-size: 11px;color: #aaa;padding: 10px 0 0 0;}
.personal-contents-wrap .inquire-pack-box .icn {display: inline-block;width: 26px;height: 27px;background: url(../images/layer/layer-list-none.png) 0 -55px no-repeat;-webkit-background-size: 100px auto;background-size: 100px auto;}

/* 고객센터 > 공지사항 */
.detail-cmn-wrap .tit{height:42px;line-height: 42px;padding:0 15px;background: #f7f7f7;font-size: 12px;font-family:'Nanum Barun Gothic Bold';}
.detail-cmn-wrap .detail-bot {height:42px;line-height: 42px;padding:0 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.detail-cmn-wrap .detail-bot .txt-id{font-size: 10px;color:#555;vertical-align: middle;}
.detail-cmn-wrap .detail-bot .info-cate{float: right;}
.detail-cmn-wrap .detail-bot .info-cate span{display:inline-block;background: url(../images/layer/layer-review-board01.jpg) 0 2px no-repeat;-webkit-background-size: 12px auto;background-size: 12px auto;padding: 0 0 0 14px;line-height: 1;margin: 0 0 0 14px;color: #888;font-size: 10px;vertical-align: middle;}
.detail-cmn-wrap .detail-bot .info-cate .date{background-position: 2px 1px;}
.detail-cmn-wrap .detail-bot .info-cate .view{background-position: 0 -21px;}
.detail-cmn-wrap .detail-bot .info-cate .comment{background-position: 2px -41px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.detail-cmn-wrap .ctn-box .pad{padding:17px 0;margin:0 15px;color:#333;font-size: 10px;border-bottom:1px solid #ddd;word-break: break-all;}
.detail-cmn-wrap .btn-list-area{text-align: right;padding:14px 0 0 0;margin:0 15px;}
.detail-cmn-wrap .btn-list-area a{display: inline-block;width:79px;height:33px;line-height: 33px;background: #aaa;text-align: center;color:#fff;font-size: 10px;}


/* 이벤트 */
.event-contents-wrap ul li a{display: block}
.event-contents-wrap ul li {margin:10px 0 0 0}
.event-contents-wrap ul li .thumb img{display: block;width:100%;}
.event-contents-wrap ul li span{display: block;text-align: center;}
.event-contents-wrap ul li .tit{font-size: 18px;padding: 13px 0 7px 0;font-family:'Nanum Barun Gothic Bold';}
.event-contents-wrap ul li .des{font-size: 14px;color:#888}
.event-contents-wrap ul li .date{font-size: 12px;color:#888;padding: 5px 0 12px 0;border-bottom: 1px solid #ddd;}

.event-contents-wrap .btn-list-more{text-align: center}
.event-contents-wrap .btn-list-more span{color:#bababa;font-size: 19px;font-weight: 100;margin: 0 2px 0 0;vertical-align: -1px;}
.event-contents-wrap .btn-list-more button{color:#888;font-size: 12px;display: inline-block;width: 100%;padding: 15px 0 0 0;}
.cmn-board-area .pad{padding:20px 0;margin:0 15px;font-size: 10px;line-height: 1.5;word-break: break-all;    border-bottom: 1px solid #ddd;}
.review-detail-wrap.event .btn-list-event{display: block;position: absolute;top: 15px;right: 0;width:79px;height:33px;line-height: 33px;font-size: 10px;background: #aaa;color:#fff;text-align: center}
.review-detail-wrap.event .detail-user-share{position: relative;height: 34px;padding: 14px 0 18px 0;border-bottom: 1px solid #ddd;margin: 0 15px;}
.review-detail-wrap.event .detail-sns-area{padding: 7px 0 0 0}
.review-detail-wrap.event .cmn-comment-wrap ul li:last-child{margin:0 0 15px 0}

/* 제휴안내 */
.alliance-contents-wrap{padding:0}
.alliance-contents-wrap .write-txtarea textarea{height:248px;background: #fff;font-family: 'Nanum Barun Gothic Regular';}
.alliance-contents-wrap .user-terms-box{border:1px solid #ddd;margin: 10px 0 0 0;}
.alliance-contents-wrap .user-terms-box .pad{padding:13px 10px}
.alliance-contents-wrap .user-terms-box .txt-tit{font-size: 11px;padding:0 0 11px 0}
.alliance-contents-wrap .user-terms-box h3.tit{font-size: 12px;font-family:'Nanum Barun Gothic Bold';padding:0 0 7px 0}
.alliance-contents-wrap .user-terms-box p{font-size: 11px;padding:0 0 11px 0}
.alliance-contents-wrap .user-terms-box p:last-child{padding:0 0 11px 0}
.alliance-contents-wrap .chk-form{margin:10px 0 15px 0}
.alliance-contents-wrap .banner-company-box img{display: block;width:100%}

/* 회사소개 */
.company-packet-box {padding:23px 15px 0 15px}
.company-packet-box .icn-image{text-align: center;}
.company-packet-box .icn-image img{display:block;width:100%;margin:0 auto 30px auto}
.company-packet-box .icn-image img.f01{display:block;max-width:100px;padding-top:15px}
.company-packet-box .icn-image img.f02{display:block;max-width:122px;}
.company-packet-box h2.tit{font-size: 16px;font-family:'Nanum Barun Gothic Bold';padding:0 0 12px 0;margin:0 0 12px 0;border-bottom: 1px solid #ddd}
.company-packet-box p{font-size: 12px;margin:0 0 35px 0;line-height: 1.6;    word-break: break-all;}

/* 키핏 서비스 가이드 */
.keefit-servie-guide-wrap .guide-top-box{margin:15px 15px 0 15px;padding:17px 7px;text-align: center;background: #f7f7f7;}
.keefit-servie-guide-wrap .guide-top-box p{font-size: 12px;    line-height: 18px;}
.keefit-servie-guide-wrap .guide-top-box p.point{color:#19a4e5;font-size: 11px;    margin: 9px 0 0 0;}
/* 가이드 시안1 */
/* .guide-utilize-area .tit-guide-step{position: relative;width:100%;height:40px;border-top:1px solid #ddd;margin: 32px 0 0 0;}
.guide-utilize-area .tit-guide-step span{display: block;position: absolute;top: -9px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);font-size: 15px;font-family:'Nanum Barun Gothic Bold';background: #fff;padding: 0 8px;}
.guide-utilize-area .guide-step-box {padding: 0 0 27px 0;border-bottom: 1px solid #ddd;height: 76px;}
.guide-utilize-area .guide-step-box ul li{position: relative;float:left;width:25%;text-align: center;padding: 40px 0 0 0;cursor: pointer;}
.guide-utilize-area .guide-step-box ul li span{font-size: 13px;}
.guide-utilize-area .guide-step-box ul li span:after{content:"";position: absolute;top:0;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);display: block;width: 32px;height:30px;background:url(../images/layer/layer-service-guide.png) 0 0 no-repeat;-webkit-background-size: 400px auto;background-size: 400px auto;}
.guide-utilize-area .guide-step-box ul li:nth-child(1) span:after{background-position: 0 0;}
.guide-utilize-area .guide-step-box ul li:nth-child(2) span:after{background-position: -88px 0;}
.guide-utilize-area .guide-step-box ul li:nth-child(3) span:after{background-position: -177px 0;}
.guide-utilize-area .guide-step-box ul li:nth-child(4) span:after{background-position: -268px 0;}
.guide-utilize-area .guide-step-box ul li.on:nth-child(1) span:after{background-position: 0 -33px;}
.guide-utilize-area .guide-step-box ul li.on:nth-child(2) span:after{background-position: -88px -33px;}
.guide-utilize-area .guide-step-box ul li.on:nth-child(3) span:after{background-position: -177px -33px;}
.guide-utilize-area .guide-step-box ul li.on:nth-child(4) span:after{background-position: -268px -33px;}
.guide-utilize-area .guide-step-box ul li.on span{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.guide-utilize-area .guide-step-box ul li:after{content:"";display: block;position: absolute;bottom:-27px;left:45%;width:0;height:0;background:#19a4e5;height:3px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease; }
.guide-utilize-area .guide-step-box ul li.on:after{content:"";position: absolute;bottom: -28px;left:0;width:100%;height:3px;z-index: 10;background: #19a4e5;}
.guide-utilize-area .guide-step-ctn .txt-des-box{padding:20px 15px 20px 20px}
.guide-utilize-area .guide-step-ctn .txt-des-box p{line-height: 1.5;word-break: break-all;}
.guide-utilize-area .guide-step-ctn .txt-des-box p.p01{font-size: 12px;color:#888}
.guide-utilize-area .guide-step-ctn .txt-des-box p.p02{padding: 26px 0 16px;font-size: 16px;font-family:'Nanum Barun Gothic Bold'}
.guide-utilize-area .guide-step-ctn .txt-des-box p.p03{font-size: 12px;color:#555}
.guide-utilize-area .guide-step-ctn .txt-des-box p.p03 span{color:#19a4e5;}
.guide-utilize-area .guide-step-ctn .txt-des-box p.img-step01 img{max-width:340px;margin: 37px 0 0 0;display: inline-block;} */
/* 가이드 시안2 */
.guide-step-ctn-swipe{margin: 32px 0 30px 0;}
.guide-utilize-area .guide-step-ctn{padding: 0;height: 315px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.guide-utilize-area .guide-step-ctn .img-des {text-align: center;margin: 31px 0 0 0;}
.guide-utilize-area .guide-step-ctn.step1 .img-des img{display: inline-block;width: 186px;}
.guide-utilize-area .guide-step-ctn.step2 .img-des{margin: 24px 0 0 0;}
.guide-utilize-area .guide-step-ctn.step2 .img-des img{display: inline-block;width: 221px;}
.guide-utilize-area .guide-step-ctn.step3 .img-des img{display: inline-block;width: 173px;}
.guide-utilize-area .guide-step-ctn.step4 .img-des img{display: inline-block;width: 221px;}
.guide-utilize-area .guide-step-ctn .img-des img{transform:translateY(-12px);opacity: 0;transition: all 0.3s ease-in-out 0.6s;-webkit-transition: all 0.3s ease-in-out 0.6s; }
.guide-utilize-area .guide-step-ctn.step2 .img-des img{transition: all 0.3s ease-in-out 0.9s;-webkit-transition: all 0.3s ease-in-out 0.9s; }
.guide-utilize-area .guide-step-ctn .img-des.on img{transform:translateY(0);opacity: 1;}
.guide-utilize-area .tit{font-size: 20px !important;text-align: center;transform:translateY(-15px);opacity: 0;padding: 0 0  12px 0;margin: 0 !important;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.guide-utilize-area .tit.on{transform:translateX(0);-webkit-transform:translateY(0);opacity: 1}
.guide-utilize-area .info{font-size: 13px;color:#555;text-align: center;transform:translateY(-12px);opacity: 0;transition: all 0.3s ease-in-out 0.3s;-webkit-transition: all 0.3s ease-in-out 0.3s; }
.guide-utilize-area .info.on{transform:translateX(0);-webkit-transform:translateY(0);opacity: 1}
.guide-utilize-area .des{padding: 0 0 0 14%;text-align: left;}
.guide-utilize-area .des p{font-size: 13px;line-height: 1.5;color:#555;opacity: 0;transform:translateY(-12px);}
.guide-utilize-area .des.on p{opacity: 1;transform:translateY(0px);}
.guide-utilize-area .des p:first-child{transition: all 0.4s ease-in-out 0.3s;-webkit-transition: all 0.4s ease-in-out 0.3s;}
.guide-utilize-area .des p:last-child{transition: all 0.4s ease-in-out 0.3s;-webkit-transition: all 0.4s ease-in-out 0.6s;}
.guide-utilize-area .des p span{color:#fa86c3;font-family:'Nanum Barun Gothic Bold';font-size: 14px;}
.guide-utilize-area .guide-paging ul{text-align: center;font-size: 0;}
.guide-utilize-area .guide-paging ul li{display: inline-block;margin:0 5px 0 0}
.guide-utilize-area .guide-paging ul li:last-child{margin:0}
.guide-utilize-area .guide-paging ul li span{display: block;width:9px;height:9px; background: #dcdcdc;border-radius: 50%}
.guide-utilize-area .guide-paging ul li.on span{background: #19a4e5;}

/* 이메일수집거부 */
.cmn-temrs-box{padding:22px 15px}
.cmn-temrs-box p{margin:0 0 22px 0;font-size: 11px;line-height: 1.6;}
.cmn-temrs-box h2.tit{font-size: 12px;font-family:'Nanum Barun Gothic Bold';margin:0 0 10px 0}

/* paging */
.paging{text-align:center;margin:40px 0 0 0;font-size: 0;}
.paging a{display: inline-block;width:33px;height:33px;line-height: 34px;text-align:center;border:1px solid #dddddd;margin: 0 9px 0 0;font-size: 14px;color: #666;}
.paging a.on{border:1px solid #19a4e5}
.paging a:last-child{margin:0}
.paging a span{display: inline-block;font-size: 14px;color: #666;}
.paging a.first span{background:url(../images/layer/paging-layer.png) 0 0 no-repeat;width: 10px;height: 10px;background-size: 75px auto;}
.paging a.prev span{background: url(../images/layer/paging-layer.png) -10px 0 no-repeat;width: 5px;height: 10px;background-size: 75px auto;}
.paging a.next span{background: url(../images/layer/paging-layer.png) -15px 0 no-repeat;width: 5px;height: 10px;background-size: 73px auto;}
.paging a.end span{background: url(../images/layer/paging-layer.png) -21px 0 no-repeat;width: 10px;height: 10px;background-size: 75px auto;}

/*해상도처리*/
.search-result-mobile{display: none}

/* 하단 검색 박스 */
.search-type-wrap{position: relative;padding:0 0 0 130px;height: 42px;margin: 49px auto 0 auto;width: 838px;}
.search-type-wrap .select-box {/* position: absolute; *//* top: 0; *//* left: 0; */float: left;width: 130px;height: 42px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.search-type-wrap .select-box select{width: 100%;height: 100%;font-size: 14px;background: url(../images/ico/icn-m-select-box.jpg) 84% center no-repeat;background-size: 15px auto;-webkit-background-size: 15px auto;padding: 0 0 0 10px;border: 0;margin: 0;border: 1px solid #ddd;border-right: 0;}
.search-type-wrap .input-box {position: relative;float:left;width:428px;height: 40px;margin: 0 10px 0 0;border-left: 0;padding: 0 78px 0 0;}
.search-type-wrap .input-box:after{content: "";position: absolute;top: 12px;left:0;height:16px;width:1px;background: #d9d9d9;}
.search-type-wrap .input-box input{width:100%;height:40px;padding: 0 20px 0 20px;}
.search-type-wrap .input-box button{width:78px;height:40px;background: #f3f3f3;font-size: 15px;color:#aaa;font-family:'Nanum Barun Gothic Bold';position: absolute;top: 0;right: 0;}
.search-type-wrap .write{display: block;width:160px;height:42px;text-align: center;line-height: 42px;background: #19a4e5;float: left;color: #fff;}

/* 공통 팝업 */
#popup {display: none;position: fixed;z-index:500;height: 100%;width: 100%;left: 0;top: 0;background: rgba(100, 100, 100, 0.4);overflow-y: auto;}
.popup-inner{padding:36px 29px 40px 29px;}
.popup-wrap .tit{font-size: 24px;font-family:'Nanum Barun Gothic Bold';text-align: center;margin:0 0 34px 0}
.popup-wrap .tit03{font-size: 13px;color:#333;line-height: 22px;padding: 17px 0 34px 0;}
.popup-wrap .tit04{font-size: 14px;font-family:'Nanum Barun Gothic Bold';text-align: left;padding:0 0 15px 0}
.popup-wrap .tit05{font-size: 16px;height: 48px;line-height: 49px;border-bottom: 1px solid #ddd;font-family:'Nanum Barun Gothic Bold';}
.popup-wrap .btn-close{display: block;width:23px;height: 23px;font-size: 0;background:url(../images/btn/btn-popup-close.jpg) 0 0 no-repeat;position: absolute;top: 14px;right: 16px;}
.popup-wrap .join-member-cate ul li a{height: 59px;display: block;border: 1px solid #ddd;}
.popup-wrap .join-member-cate ul li:first-child{margin:0 0 15px 0}
.chk-member-join {position: relative;display: block;height: 59px;line-height: 62px;padding: 0 20px;}
.chk-member-join input{position: absolute;top: 1px;right: 1px;width: 0;height: 0;cursor: pointer;border: 0;}
.chk-member-join label{font-size: 18px;cursor: pointer;height: 59px;background: url(../images/layer/layer-chk01.jpg) right 19px no-repeat;letter-spacing: -0.5px;display: inline-block;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.chk-member-join input[type='checkbox']:checked+label{background: url(../images/layer/layer-chk01.jpg) right -57px no-repeat;}
.popup-wrap .sns-member-cate ul li{position: relative;border:1px solid #ddd;margin:0 0 15px 0;}
.popup-wrap .sns-member-cate ul li:last-child{margin:0}
.popup-wrap .sns-member-cate ul li a{display: block;height:59px;line-height: 59px;padding: 0 20px;font-size: 16px;}
.popup-wrap .sns-member-cate ul li:active:after{content:'';position: absolute;top:-1px;left:-1px;right:-1px;bottom: -1px;border:1px solid #19a4e5}
.popup-wrap .sns-member-cate ul li span{display: block;}
.popup-wrap .sns-member-cate ul li.facebook span{background: url(../images/layer/layer-join-sns.png) 0 18px no-repeat;line-height: 59px;padding: 0 0 0 99px;background-size: 94px auto;}
.popup-wrap .sns-member-cate ul li.kakao span{background: url(../images/layer/layer-join-sns.png) 0 -49px no-repeat;line-height: 59px;padding: 0 0 0 59px;background-size: 81px auto;}
.popup-wrap .sns-member-cate ul li.naver span{background: url(../images/layer/layer-join-sns.png) 0 -141px no-repeat;line-height: 59px;padding: 0 0 0 78px;background-size: 94px auto;}
.popup-wrap .btn-pop01{display:block;max-width:200px;height:54px;line-height: 54px;background: #19a4e5;color:#fff;text-align: center;margin: 35px auto 0 auto;font-size: 16px;font-family:'Nanum Barun Gothic Bold';}
.popup-wrap .ipinInfo{color:#888;text-align: center;font-size: 15px;}
.popup-wrap .join-id{font-size:18px;text-align: center;margin: 0 0 30px 0;}
.popup-wrap .join-id span{font-size:24px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.popup-wrap .login-wrap{margin:0}
.popup-wrap .login-wrap .input1{height:58px}
.popup-wrap .login-wrap .chk-terms{overflow: hidden}
.popup-wrap .login-wrap .chk-form{float:left;width:50%;}
.popup-wrap .login-wrap .chk-form:last-child{clear: both;width: 100%;}
.popup-wrap .login-wrap .input-form-wrap .input-box:last-child{margin:0}
.popup-wrap .sns-join-guide{font-size:18px;}
.popup-wrap .box-finish-join{padding: 20px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin: 17px 0 0 0;}
.popup-wrap .box-finish-join dl dt{width:70px;}
.popup-wrap .box-finish-join dl dt,.popup-wrap .box-finish-join dl dd{display: inline-block;margin: 0 0 10px 0;font-size: 15px;}
.popup-wrap .box-finish-join dl dd.point{color:#19a4e5}
.popup-wrap .box-finish-join dl:last-child dt,.popup-wrap .box-finish-join dl:last-child dd{margin:0}
.popup-wrap .sns-join-guide{font-size: 18px; text-align: center;line-height:26px}
.popup-wrap .sns-join-guide .logo{display: inline-block;font-size: 0;background:url(../images/layer/layer-join-sns.png) 0 0 no-repeat;vertical-align: middle;}
.popup-wrap .sns-join-guide .logo.facebook{width: 89px;height:24px;-webkit-background-size: 84px auto;}
.popup-wrap .sns-join-guide .logo.kakao{width: 63px;height:30px;-webkit-background-size: 84px auto;background-position: 0 -68px;}
.popup-wrap .sns-join-guide .logo.naver{width: 69px;height: 30px;-webkit-background-size: 84px auto;background-position: 0 -138px;}
.popup-wrap .txt-terms-agree{color:#888;font-size: 13px;padding: 13px 0 0 0;line-height: 19px;}
.popup-wrap .tit02{text-align: center;font-size: 17px;font-family:'Nanum Barun Gothic Bold';}
.popup-inner .img-event-tong a{display: block;}
.popup-inner .img-event-tong img{display: block;width:100%;}
.pop-accu .acu-info{text-align: center;font-size: 12px;padding:15px 0 30px 0}
.pop-accu .login-wrap .chk-form{float:none;width:auto}
.pop-write-review .btn-type01{width:140px;clear:both;margin:0 auto}
.pop-write-review .box-input-write{margin: 0 0 30px 0}
.pop-write-review .box-input-write h3.tit02{}
.pop-write-review .box-input-write .input-type01{margin:0 0 9px 0}
.pop-write-review .box-input-write .input-type04{margin:0 0 9px 0}
.pop-write-review .box-input-write .input-type05{margin:0 0 9px 0}
.pop-write-review .box-input-write .filter-box{margin: 8px 0  0;font-size: 0;}
.pop-write-review .box-input-write .filter-box span{font-size: 10px;margin: 0 7px 0 0;}
.filter-box span em.ico{display: inline-block;width:10px;height:10px;background:url(../images/ico/icn-del-filter.jpg) 0 0 no-repeat;-webkit-background-size: 10px auto;background-size: 10px auto;vertical-align: middle;margin: 0 0 0 5px}
.popup-wrap .grade-standard-sheet table .c1{width:73px}
.popup-wrap .grade-standard-sheet table .c2{width:auto}
.popup-wrap .grade-standard-sheet table tr td .icn-thumb img{display: inline-block;width:38px;}
.popup-wrap .grade-standard-sheet table tr:first-child td{border-top:1px solid #ddd}
.popup-wrap .grade-standard-sheet table tr td{padding:10px 0;border-bottom:1px solid #ddd}
.popup-wrap .grade-standard-sheet table tr td:first-child{position:relative;text-align: center;}
.popup-wrap .grade-standard-sheet table tr td:first-child:after{content: "";position: absolute;top: 50%;right:0;background: #ddd;width:1px;height:38px;margin: -19px 0 0 0;}
.popup-wrap .grade-standard-sheet table tr td:last-child span{margin:0 0 0 17px;}
.popup-wrap .grade-standard-sheet table tr td span{display: block}
.popup-wrap .grade-standard-sheet table tr td span.icn-thumb em{display: inline-block;width:33px;height:33px;background:url(../images/layer/layer-user-grade01.png) 0 0 no-repeat;-webkit-background-size: 75px auto;background-size: 75px auto;}

.popup-wrap .grade-standard-sheet table tr td span.icn-thumb em.type01{background-position: 0 -38px;}
.popup-wrap .grade-standard-sheet table tr td span.icn-thumb em.type02{background-position: 0px -76px;}
.popup-wrap .grade-standard-sheet table tr td span.icn-thumb em.type03{background-position: 0 -114px;height: 36px;}
.popup-wrap .grade-standard-sheet table tr td span.icn-thumb em.type04{background-position: 0 -151px;height: 39px;width: 36px;}
.popup-wrap .grade-standard-sheet table tr td span.icn-thumb em.type05{background-position: 0 -199px;width: 36px;height: 38px;}
.popup-wrap .grade-standard-sheet table tr td span.icn-thumb em.type06{background-position: 0 -240px;width: 50px;height: 38px;}
.popup-wrap .grade-standard-sheet table tr td span.icn-thumb em.type07{background-position: 0 -280px;width: 50px;height: 40px;}

.popup-wrap .grade-standard-sheet table tr td .txt-tit{font-size: 14px;font-family:'Nanum Barun Gothic Bold';}
.popup-wrap .grade-standard-sheet table tr td .level{font-size: 12px;color:#555}
.popup-wrap .grade-sheet-info {margin:18px 0 0 0;padding: 0 0 0 15px;}
.popup-wrap .grade-sheet-info ul li{position: relative;font-size: 11px;color:#888;list-style-type: square;}
.popup-wrap .grade-sheet-info ul li:first-child{margin: 0 0 5px 0;}
.popup-wrap .grade-sheet-info ul li span{display: block;line-height: 15px;}

.pop-event-type-wrap{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 500;display: none}
.pop-event-type-wrap .curtain{position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0, 0, 0, 0.5); transition:background-color .3s ease;}

.pop-promotion-banner {width:100%;height: 100%;text-align: center;padding:25px;box-sizing: border-box;-webkit-box-sizing: border-box;overflow-y: scroll;    -webkit-overflow-scrolling: touch;}
.pop-promotion-banner .tit-banner span{display: inline-block;width:154px;height:35px;background:url(../images/layer/layer-open-banner01.png) 0 0 no-repeat;-webkit-background-size: 400px auto;background-size: 400px auto;font-size: 0;margin:0 0 20px 0}
.pop-promotion-banner .ctn-open-desk-area p{font-size: 12px;line-height: 17px;padding:0 15px;}
.pop-promotion-banner .ctn-open-desk-area p.p1{margin:0 0 9px 0}
.pop-promotion-banner .ctn-open-desk-area p.p2{color:#888;font-size: 11px;padding: 0 5px;}
.pop-promotion-banner .ctn-open-desk-area p.p3{color:#19a4e5;font-size: 11px;font-family:'Nanum Barun Gothic Bold';margin:6px 0 0 0}
.pop-promotion-banner .ctn-open-desk-area .img-cut01{display: inline-block;width:221px;height:162px;background: url(../images/layer/layer-open-banner01.png) right bottom no-repeat;-webkit-background-size: 400px auto;background-size: 400px auto;margin: 26px 0;}
.pop-promotion-banner .btn-pass-guide{position: relative;display: block;height:36px;line-height: 36px;margin:13px 5px 0 5px;background: #19a4e5;font-size: 12px;font-family:'Nanum Barun Gothic Bold';color:#fff}
.pop-promotion-banner .btn-pass-guide:after{content: "";display: block;position: absolute;top: 14px;right: 15px;width: 5px;height: 9px;background: url(../images/layer/layer-open-banner.png) -160px 0 no-repeat;-webkit-background-size: 400px auto;background-size: 400px auto;}
.pop-promotion-banner .btn-box {border-top:1px solid #ddd;overflow: hidden;margin: 30px 0 0 0;}
.pop-promotion-banner.event-temp .btn-box{margin:0;border-top: 0;}
.pop-promotion-banner .btn-box ul li{float:left;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;}
.pop-promotion-banner .btn-box ul li:first-child{border-right:1px solid #ddd;width: 71%;}
.pop-promotion-banner .btn-box ul li:last-child{width: 29%;}
.pop-promotion-banner .btn-box ul li a{display: block;font-size: 13px;width: 100%;height: 49px;line-height: 49px;}
.pop-promotion-banner .popup-inner{padding: 0;}
/* 모바일 해상도 */

    /*login*/
    .input-form-wrap{width:100%;margin:0;padding: 0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .login-wrap{margin:25px 0 0 0;}
    .login-wrap .login-top-info{border-bottom: 0;padding: 0;margin: 0 0 18px 0;}
    .login-wrap .login-top-info h2{font-size: 18px;padding: 0 0 7px 0;}
    .login-wrap .login-top-info p{font-size: 12px;}
    .input-form-wrap .name-keefit{font-size: 13px;padding: 0 0 8px 0;}
    .input-form-wrap .name-keefit.type2{margin:30px 0 0 0}
    .input-form-wrap .name-keefit .id{color:#19a4e5;padding:0 3px 0 0}
    .login-wrap .login-box{border-bottom: 0;padding: 0;margin: 0 0 23px 0px;}
    .login-wrap input.input1{width:100%;height:40px;border:1px solid #ddd;padding:0 9px 0 9px;font-size:12px;font-family: 'Nanum Barun Gothic Regular';}
    .login-wrap input[type=password].input1{width:100%;height:40px;border:1px solid #ddd;padding:0 9px 0 9px;font-size:12px;}
    .login-wrap .member-help ul li a{font-size: 12px;}
    .login-wrap .member-help ul li{margin:0 9px 0 0;padding:0 9px 0 0}
    .login-wrap .member-help ul li:after{height:8px;top: 3px;}
    .input-form-wrap .btn-certi-phone{width:63px;height:40px;font-size: 12px;line-height: 38px;font-family:'Nanum Barun Gothic Bold';}
    .input-form-wrap .login-certi {padding: 0 68px 0 0;}
    .input-form-wrap .timer{font-size: 12px;height: 40px;line-height: 40px;}
    .login-wrap input[type=text].input1,.login-wrap input[type=num].input1,.login-wrap input[type=tel].input1{width:100%;height: 40px;line-height:38px;border: 1px solid #ddd;padding:0 27px 0 10px;font-size:12px;font-family:'Nanum Barun Gothic Regular';}
    .login-wrap .input-box.certi{position: relative;padding: 0 73px 0 0;}
    .login-wrap .input-box.certi a{display: block;position: absolute;top:0;right:0;width:68px;height:40px;background: #19a4e5;color:#fff;line-height: 40px;text-align: center;font-size: 12px;font-family: 'Nanum Barun Gothic Bold';}
    .login-wrap .input-box.certinum .txt-certi{display: block;color:#19a4e5;position: absolute;top: 14px;right: 10px;font-size: 12px;}
    .login-wrap .input-box.certinum input{padding-right:72px;}
    .login-wrap .form-info{margin:0 0 17px 0}
    .login-wrap .form-info p{font-size: 11px;}
    .input-form-wrap .btn-form-del{background-size:50px 50px;-webkit-background-size:50px 50px;width: 10px;height: 10px;top: 14px;}
    .input-form-wrap .result-find-member{border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;    padding: 20px 0;}
    .input-form-wrap .result-find-member .id{margin:0 0 7px 0;font-size: 14px;}
    .input-form-wrap .result-find-member .info-guide{font-size: 11px;}
    .input-form-wrap .login-birth .choice-gender a{height: 38px;line-height: 36px;font-size: 8px;}
    .terms-chk-box{padding: 0 0px 27px 0px;margin: 0 15px;}
    .terms-chk-layer{width:100%}
    .login-wrap .chk-form label .btn-view-terms{font-size: 12px;}
    .menu-right{display:block;float: right;/* top:19px; *//* right: 15px; *//* width: 50px; */padding: 0 15px 0 0;}
    .menu-right a{float: left;background:url(../images/layer/m-pocket01.png) 0 0 no-repeat;-webkit-background-size: 125px 125px;background-size: 125px 125px;font-size:0;}
    .menu-right .mypage{width: 19px;height: 18px;background-position: -24px 0;}
    .menu-right .favorite{width: 19px;height: 18px;margin: 0 0 0 12px;}
    .menu-right .search{width: 19px;height: 18px;margin: 0 25px 0 0;background-position: right 0;}
    /* left navigation */
    .left-navigation-wrap{position: relative;}
    .left-navigation-wrap .navi-box{
      position: fixed;height: 100%;width: 300px;overflow-y: auto;-webkit-overflow-scrolling: touch;
      top: 0;left: -100%;z-index: 300;background: #fff;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .dimm{display: none;position: fixed;left: 0;top: 0;z-index: 100;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
    .left-navigation-wrap.open .navi-box{left:0}
    .left-navigation-wrap a.btn-close{
      position: absolute;top: -43px;left: 310px;width:30px;height:30px;font-size: 0;background: rgba(0,0,0,0.5);border-radius: 50%;z-index: 200;
      transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    }
    .left-navigation-wrap.open a.btn-close{transform: scale(1); -webkit-transform: scale(1);}
    .left-navigation-wrap a.btn-close:before, .left-navigation-wrap a.btn-close:after {position: absolute;left: 50%;margin: 0 0 0 -1px;top: 8px;content: ' ';height: 14px;width: 2px;background-color: #fff;z-index: 999;}
    .left-navigation-wrap a.btn-close:before {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    .left-navigation-wrap a.btn-close:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
    .left-navigation-wrap .navi-con{background: #fff;height: 100%;position: relative;overflow: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;text-align: left;}
    .left-navigation-wrap .navi-con .top{height:56px;line-height:56px;padding: 0 0 0 15px;border-bottom: 1px solid #dddddd;font-family:'Nanum Barun Gothic Bold';}
    .left-navigation-wrap .navi-con .trunk > ul > li{margin: 0 20px;padding: 18px 0;}
    .left-navigation-wrap .navi-con .trunk > ul > li > a{display: block;background: url(../images/layer/layer-left-navi.png) left 2px no-repeat;-webkit-background-size: 18px auto;background-size: 18px auto;font-size:14px;color:#333;font-family:'Nanum Barun Gothic Bold';padding: 0px 0 0 29px;/* margin: 17px 20px; */}
    .left-navigation-wrap .navi-con .trunk > ul > li:nth-child(2) a{background-position: 0 -15px;}
    .left-navigation-wrap .navi-con .trunk > ul > li:nth-child(3) a{background-position: 0 -32px;}
    .left-navigation-wrap .navi-con .trunk > ul > li:nth-child(4) a{background-position: 0 -51px;}
    .left-navigation-wrap .navi-con .trunk > ul > li > a span{display: block;background: url(../images/layer/layer-left-navi.png) 100% -68px no-repeat;-webkit-background-size: 18px auto;background-size: 18px auto;}
    .left-navigation-wrap .navi-con .trunk > ul > li > .sub{margin: 14px 0 0 0;}
    .left-navigation-wrap .navi-con .trunk > ul > li > .sub > li{margin:0 0 9px 29px}
    .left-navigation-wrap .home-box{height:56px;}
    .left-navigation-wrap .home-box a{display: block}
    .left-navigation-wrap .home-box .btn-home{position: absolute;top:18px;left:15px;}
    .left-navigation-wrap .home-box .btn-home a{width:19px;height:20px;background:url(../images/layer/layer-leftMenu-mall.png) 0 0 no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;font-size: 0;}
    .left-navigation-wrap .home-box .btn-sns{position: absolute;top:13px;right:15px;font-size:0;}
    .left-navigation-wrap .home-box .btn-sns a{display: inline-block;font-size: 0;width:31px;height:31px;}
    .left-navigation-wrap .home-box .btn-sns a.facebook{background:url(../images/layer/layer-leftMenu-mall.png) -24px 0 no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;margin:0 7px 0 0}
    .left-navigation-wrap .home-box .btn-sns a.instagram{background:url(../images/layer/layer-leftMenu-mall.png) -59px 0 no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;}
    .left-navigation-wrap .quick-middle-box{padding:21px 15px;border-bottom:7px solid #f4f4f4}
    .left-navigation-wrap .btn-go-community {position: relative;padding:19px 0 19px 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background: #f5f5f5;}
    .left-navigation-wrap .btn-go-community a{display: block;}
    .left-navigation-wrap.temp .quick-middle-box{border-bottom: 7px solid #f4f4f4;padding-top: 16px;}
    .left-navigation-wrap.temp .btn-go-community a .ico{display: inline-block;width:17px;height:17px;background: url(../images/layer/layer-leftMenu-mall.png) -58px -35px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 4px 0 0;}
    .left-navigation-wrap.temp .btn-go-community a em.tit{position: relative;display: inline-block;padding: 0 0 0 3px;}
    .left-navigation-wrap.temp .btn-go-community a.new em.tit:after{content:'';width: 15px;height: 15px;position: absolute;top: -9px;left: -28px;background:url(../images/ico/icn-gnb-new.png) 0 0 no-repeat;background-size: 15px auto;-webkit-background-size: 15px auto;}
    .left-navigation-wrap.temp .btn-go-community:after{content:'';display: inline-block;position: absolute;top: 50%;right: 15px;margin-top: -4px;border: solid #999;border-width: 0 1px 1px 0;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);font-size: 0;}
    .left-navigation-wrap.temp .btn-go-community{margin:15px 15px 0 15px;border:1px solid #ddd;padding: 11px 0 11px 0;text-align: center;}
    .left-navigation-wrap.temp .btn-go-community p:last-child{font-size: 13px;font-family:'Nanum Barun Gothic Bold';}
    .left-navigation-wrap.temp .home-box{border-bottom: 1px solid #ddd;}
    .left-navigation-wrap.temp .quick-mypage{padding:0 0 12px 0}
    .left-navigation-wrap.temp .left-food-search{margin: 0 15px;}
    .left-navigation-wrap .btn-go-community:after{content:'';display: inline-block;position: absolute;top: 50%;right: 15px;margin-top: -7px;border: solid #999;border-width: 0 1px 1px 0;padding: 4px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);font-size: 0;}
    .left-navigation-wrap .btn-go-community p{font-size: 12px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
    .left-navigation-wrap .btn-go-community p:last-child{font-size: 16px;padding:3px 0 0 0;color:#333}
    .quick-mypage {overflow: hidden;}
    .quick-mypage ul {font-size: 0;text-align: center;}
    .quick-mypage ul li{position: relative;display: inline-block;text-align: center;}
    .quick-mypage ul li:nth-child(1){width: 40%;text-align: left;}
    .quick-mypage ul li:nth-child(2){width: 40%;}
    .quick-mypage ul li:nth-child(3){width: 34%;text-align:right;}
    .quick-mypage ul li:after{content: "";position: absolute;top: 2px;right: 2px;background:#eee;width:1px;height:15px;}
    .quick-mypage ul li a{display: block;font-size: 12px;text-align: center;}
    .quick-mypage ul li:last-child a{margin:0;padding: 0}
    .quick-mypage ul li:last-child::after{display: none}
    .quick-mypage ul li a .ico{display: inline-block;background:url(../images/layer/layer-leftMenu-mall.png) 0 0 no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 6px 0 0;}
    .quick-mypage ul li.login a .ico{width: 15px;height: 19px;background-position: 0 -35px;}
    .quick-mypage ul li.logout a .ico{width: 15px;height: 19px;background-position: -80px -35px;}
    .quick-mypage ul li.join a .ico{width: 15px;height: 17px;background-position: -17px -35px;}
    .quick-mypage ul li.mypage a .ico{width: 15px;height: 19px;background-position: -37px -35px;}
    .left-food-search{position:relative;}
    .left-food-search input{width: 100%;height: 39px;border: 1px solid #dddddd;padding: 0 44px 0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 11px;}
    .left-food-search span.icn-search{display: block;width: 35px;height: 35px;position: absolute;top: 50%;right: 0;background: url(../images/layer/layer-mall-main.jpg) -105px -100px no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;font-size: 0;margin-top: -18px;}
    .left-food-search input:focus{border-color:#19a4e5}
    .left-food-search input:focus + span{background:url(../images/layer/layer-mall-main.jpg) -105px 10px no-repeat;-webkit-background-size: 125px auto;background-size: 125px auto;}
    .food-category-box{padding: 13px 0 8px 0;}
    .food-category-box > ul > li{position: relative;}
    .food-category-box > ul > li > a{position: relative;display: block;font-size: 15px;font-family:'Nanum Barun Gothic Bold';padding: 12px 15px;}
    .food-category-box > ul > li > a:after{content:'';position: absolute;top: 22px;right:15px;border: solid #999;border-width: 0 1px 1px 0;padding: 3px;margin-top:-7px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    .food-category-box > ul > li.on > a:after{content:'';position: absolute;top: 23px;right:15px;border: solid #999;border-width: 0 1px 1px 0;padding: 3px;margin-top: -3px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}


    .food-category-box > ul > li.not > a:after{display: none;}
    .food-category-box > ul > li.new > a span.tit{position: relative;display: inline-block;}
    .food-category-box > ul > li.new > a span.tit:before{content:"";width: 26px;height: 10px;position: absolute;top:50%;right: -34px;margin-top: -7px;background: url(../images/layer/layer-new-indicator.png) 0 bottom no-repeat;-webkit-background-size: 28px auto;background-size: 28px auto;}
    .food-category-box > ul > li:nth-child(1) a .ico{display: inline-block;width: 15px;height: 22px;background: url(../images/layer/layer-leftMenu-mall.png) 0 -56px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:nth-child(2) a .ico{display: inline-block;width: 15px;height: 22px;background: url(../images/layer/layer-leftMenu-mall.png) -17px -56px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:nth-child(3) a .ico{display: inline-block;width: 15px;height: 20px;background: url(../images/layer/layer-leftMenu-mall.png) -37px -56px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:nth-child(4) a .ico{display: inline-block;width: 15px;height: 22px;background: url(../images/layer/layer-leftMenu-mall.png) -53px -56px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:nth-child(5) a .ico{display: inline-block;width: 15px;height: 22px;background: url(../images/layer/layer-leftMenu-mall.png) -67px -56px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:nth-child(6) a .ico{display: inline-block;width: 15px;height: 22px;background: url(../images/layer/layer-leftMenu-mall.png) -83px -56px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:nth-child(7) a .ico{display: inline-block;width: 15px;height: 25px;background: url(../images/layer/layer-leftMenu-mall.png) -98px -56px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:nth-child(8) a .ico{display: inline-block;width: 15px;height: 23px;background: url(../images/layer/layer-leftMenu-mall.png) -112px -56px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:nth-child(9) a .ico{display: inline-block;width: 18px;height: 19px;background: url(../images/layer/layer-leftMenu-mall.png) -129px -37px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 7px 0 0;}
    .food-category-box > ul > li:last-child a .ico{display: inline-block;width: 16px;height: 20px;background: url(../images/layer/layer-leftMenu-mall.png) -129px -55px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box > ul > li:last-child{border-top: 7px solid #f4f4f4;margin: 5px 0 0 0;padding: 5px 0 0 0;}
    .food-category-box.community > ul > li:nth-child(1) a .ico{display: inline-block;width: 16px;height: 14px;background: url(../images/layer/layer-left-navi.png) 0 0 no-repeat;-webkit-background-size: 18px auto;background-size: 18px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box.community > ul > li:nth-child(2) a .ico{display: inline-block;width: 17px;height: 15px;background: url(../images/layer/layer-left-navi.png) 0 -17px no-repeat;-webkit-background-size: 18px auto;background-size: 18px auto;vertical-align: middle;margin: 0 9px 0 0;}
    .food-category-box.community > ul > li:nth-child(3) a .ico{display: inline-block;width: 15px;height: 19px;background: url(../images/layer/layer-left-navi.png) 0 -32px no-repeat;-webkit-background-size: 18px auto;background-size: 18px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box.community > ul > li:last-child a .ico{display: inline-block;width: 16px;height: 20px;background: url(../images/layer/layer-leftMenu-mall.png) -129px -55px no-repeat;-webkit-background-size: 145px auto;background-size: 145px auto;vertical-align: middle;margin: 0 10px 0 0;}
    .food-category-box ul.depth2{display: none;padding:0 0 15px 0}
    .food-category-box ul.depth2 li{padding: 3px 0 3px 40px;}
    .food-category-box ul.depth2 li a{position: relative;display: inline-block;font-size: 13px;}
    .food-category-box ul.depth2 li.new a:before{content: "";position: absolute;top:50%;right: -15px;margin-top: -4px;width:6px;height:6px;background:#19a4e5;border-radius: 50%;}

    /*paging*/
    .paging{margin:20px 0 20px 0}
    .paging a{display: inline-block;width: 30px;height: 30px;line-height: 31px;text-align:center;border:1px solid #dddddd;margin:0 5px 0 0;box-sizing: border-box;-webkit-box-sizing: border-box;}

    /*footer*/
    .nv-openmain{text-align: center;padding: 15px 0 0 0}
    .footer-wrap{margin:20px 0 0 0;padding: 0 15px 20px 15px;text-align: center;}
    .footer-wrap .select-language{display: none;}
    .footer-wrap .footer-bottom .time{display: none;}
    .footer-wrap .quick-menu li{margin:0 4px 0 0}
    .footer-wrap .quick-menu li:last-child{margin:0;}
    .footer-wrap .quick-menu li:last-child a{background:none;padding: 0;}
    .footer-wrap .quick-menu li a{display: inline-block;background: url(../images/ico/icn-footer-dot.jpg) right center no-repeat;padding: 0 10px 0 0;}

    /*프로모션배너*/
    .main-promo-banner img{width:100%}
    .main-promo-banner .btn-close{display:block;position: absolute;top: 10px;right: 15px;width:16px;height:16px;background:url(../images/btn/btn-m-close-banner.png) 0 0 no-repeat;-webkit-background-size:16px 16px;background-size:16px 16px; font-size:0;}
    .keefit-contents{width:auto;}
    .board-main-wrap{margin:0}
    .board-main-wrap .board-tab{border-top:7px solid #f4f4f4;border-bottom: 27px solid #f4f4f4;}
    .board-main-wrap .board-tab ul{height: 42px;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;}
    .board-main-wrap .board-tab ul li{width:33.33%;font-family:'Nanum Barun Gothic Bold';}
    .board-main-wrap .board-tab ul li a{text-align:center;font-size:14px;padding:0;padding: 12px 0px;}
    .board-main-wrap .board-tab ul li a:after{top:13px}
    .board-main-wrap .board-content .btn-view-all{font-size: 10px;top: -21px;right: 15px;}
    .board-main-wrap .board-content ul li > div.cont .tit{font-size:13px;max-width: 56%;}
    .board-main-wrap .board-content ul li .cont .icn-board-file{display: inline-block;width:16px;height:16px;margin: 0 0 0 19px;background:url(../images/ico/icn-m-board-fileImage.jpg) 0 0 no-repeat;background-size:16px 16px;-webkit-background-size:16px 16px;vertical-align: bottom;margin: 0 0 0 12px;}
    .review-item-wrap{border-top: 7px solid #f4f4f4;padding:18px 15px 0 15px;margin: 0;border-bottom: 7px solid #f4f4f4;}
    .review-item-wrap h2.tit{font-size: 16px;background-size: 18px auto;padding: 0 21px 10px 0;background-position-y: 2px;}
    .review-item-box{padding:15px 0 0 0;border-top: 1px solid #dddddd;}
    .review-item-box ul{margin:0 -6px;border-bottom: 0;}
    .review-item-box ul li{width:50%;padding:0 6px;box-sizing:border-box;-webkit-box-sizing:border-box;margin: 0 0 25px 0;max-height: 100%;}
    .review-item-box ul li .box span.tit{font-size:14px;    margin: 10px 0 7px 0;}
    .review-item-box ul li .box span.info{font-size:12px;margin: 0 0 12px 0;}
    .review-item-box ul li .box span.price{font-size:15px;font-family:'Nanum Barun Gothic Bold';margin: 8px 0 10px 0;}
    .review-item-box ul li:nth-child(2n){padding:0 6px}
    .review-item-box ul li .box span.thumb img{width:100%;position: absolute;top: 0;left: 0;}
    .review-item-box a.btn-go-review{width:100%;font-size:12px;text-align:center}
    .review-item-box a.btn-go-review em{display:block;padding:0;background:none}
    .btn-goods-mall{padding: 0 15px;}
    .btn-goods-mall a{font-size: 15px;height: 40px;line-height: 40px;margin-top: 15px;}

    /*검색*/
    .board-main-wrap .board-content ul{padding:0 15px}
    .board-main-wrap .board-content ul li > div.cont{width: 78%;}
    .board-main-wrap .board-content ul li > div.cont .tit{max-width:70%;word-break: break-all;}
    .board-main-wrap .board-content ul li > div.time{width: 11%;}
    .board-main-wrap .board-content ul li > div.num{width: 11%;}
    .board-main-wrap .board-content ul li:last-child{border-bottom:0}
    .board-main-wrap .board-content ul li > div.num{font-size: 11px;}
    .board-main-wrap .board-content ul li > div.time{font-size: 11px;}
    .board-main-wrap .board-content ul li .cont .count{font-size:11px;margin: 0 0 0 6px;}
    .board-main-wrap .board-content ul li .cont .count em{display:none;}
    .search-result-wrap{display: none}
    .search-result-mobile{display: block;border-top: 7px solid #f4f4f4;}
    .search-result-mobile ul{padding:0 15px}
    .search-result-mobile ul li{border-bottom:1px solid #eeeeee;padding:18px 0}
    .search-result-mobile .box{position: relative;overflow: hidden;padding: 0 0 0 79px;}
    .search-result-mobile .left{width: 79px;position: absolute;top: 0;bottom: 0;left: 0;}
    .search-result-mobile .left .cate{display:inline-block;background: #19a4e5;color:#fff;font-size:9px;border-radius:20px;padding: 3px 0px;width: 54px;text-align: center;position: absolute;top: 50%;left:5px;transform: translate(0%,-50%);}
    .search-result-mobile .right .txt{font-size: 14px;}
    .search-result-mobile .right .txt .icn-board-file{display: inline-block;width:16px;height:16px;margin: 0 0 0 19px;background:url(../images/ico/icn-m-board-fileImage.jpg) 0 0 no-repeat;background-size:16px 16px;-webkit-background-size:16px 16px;vertical-align: bottom;margin: 0 0 0 12px;}
    .search-result-mobile .right .info{font-size: 0;}
    .search-result-mobile .right .info span{display:inline-block;color:#888;font-size:11px;margin:7px 10px 0 0;}
    .search-result-mobile .txt-search-none {margin: 0 15px;border-bottom: 1px solid #dddddd;padding: 170px 0;}
    .search-result-mobile .txt-search-none p{color:#888;font-size: 11px;text-align: center;}
    .search-result-mobile .txt-search-none p span{font-size: 15px;font-family:'Nanum Barun Gothic Bold';color:#333}
    .footer-wrap .footer-bottom .info ul.sns li.face a, .footer-wrap .footer-bottom .info ul.sns li.insta a, .footer-wrap .footer-bottom .info ul.sns li.mail a{width: 20px;height: 20px;background-size: 20px auto;-webkit-background-size: 20px auto}
    .review-goods-wrap{padding: 15px 15px 7px 15px;border: 0;}
    .review-goods-wrap .thumb{float:none;border:0;border-bottom: 1px solid #ddd;margin: 0;}
    .review-goods-wrap .thumb img{width:100%;height: auto;max-width: 230px;margin: 0 auto;}
    .review-goods-wrap .info .tit{font-size: 17px;font-family:'Nanum Barun Gothic Bold';padding: 0;margin: 0;border-bottom: 0;}
    .review-goods-wrap .info .sub em{display: none;}
    .review-goods-wrap .info .sub .name{font-size: 14px;}
    .review-goods-wrap .info .sub .price{font-size:15px;}
    .review-goods-wrap .info .sub p{margin: 0 0 13px 0;}
    .review-board-wrap ul.board{clear:both}
    .review-board-wrap ul.board li .box{margin: 0 15px;padding: 14px 0;font-size: 0;}
    .review-board-wrap ul.board li .box .num{display: none}
    .review-board-wrap ul.board li .box span.cate{display: inline-block;float: none;width: auto;line-height: 1;text-align: left;padding: 0 0 3px 0;font-family: 'Nanum Barun Gothic Bold';font-size: 9px;color: #19a4e5;}

    .review-board-wrap ul.board li .box .info .tit01 em.icn-pic{width: 16px;height: 16px;background: url(../images/ico/icn-m-board-fileImage.jpg) 0 0 no-repeat;-webkit-background-size: 16px 16px;background-size: 16px 16px;margin: 0 0 0 5px;}
    .review-board-wrap ul.board li .box .info .tit01{font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;font-family: 'Nanum Barun Gothic Bold';word-break: break-all;letter-spacing: -0.5px;}
    .review-board-wrap ul.board li .box .info .tit02{font-size: 11px;margin: 4px 0 11px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: 'Nanum Barun Gothic Bold';word-break: break-all;color: #555;}
    .review-board-wrap ul.board li .box .info .point{display: none}
    .review-board-wrap ul.board li .box .info .writer{font-size:10px }
    .review-board-wrap ul.board li .box .info .date{display:inline-block;background: url(../images/layer/layer-review-board01.jpg) 0 2px no-repeat;-webkit-background-size:12px auto;background-size: 12px auto;font-size:10px;padding: 0px 0 0 11px;letter-spacing: -1px;    margin: 3px 0 0 0;}
    .review-board-wrap ul.board li .box .info .view{display:inline-block;background: url(../images/layer/layer-review-board01.jpg) 0 -19px no-repeat;-webkit-background-size:12px auto;background-size: 12px auto;font-size:10px;padding: 0px 0 0 15px;margin: 0 0 0 7px;letter-spacing: -1px;}
    .review-board-wrap ul.board li .box .info .comment{display:inline-block;background: url(../images/layer/layer-review-board01.jpg) 0 -40px no-repeat;-webkit-background-size:12px auto;background-size: 12px auto;font-size:10px;padding: 0px 0 0 15px;margin: 0 0 0 7px;letter-spacing: -1px;color: #19a4e5;font-family:'Nanum Barun Gothic Bold'}
    .review-board-wrap ul.board li .box .info .writer .age{font-size:7px;padding: 1px 7px;    vertical-align: bottom;}
    .review-board-wrap ul.board li .box .graph{position: relative;width: 120px;display: inline-block;vertical-align: middle;margin: 0 6px 0 0;}
    .review-board-wrap ul.board li .box .cate span{font-size: 9px;}
    .review-board-wrap ul.board li.th{display: none}
    .review-board-wrap ul.board li.noti .area{display: block;position: relative;background: #f7f7f7;padding: 0;border-bottom: 1px solid #dddddd;}
    /* .review-board-wrap ul.board li.noti .area:after{content:'';position: absolute;top: 50%;right:15px;border: solid #999;border-width: 0 1px 1px 0;padding: 3px;margin-top: -6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    .review-board-wrap ul.board li.noti .area.on:after{content:'';position: absolute;top: 50%;right:15px;border: solid #999;border-width: 0 1px 1px 0;padding: 3px;margin-top: -2px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} */
    .review-board-wrap ul.board li.noti .area a{display: block;padding: 14px 0 14px 65px;}
    .review-board-wrap ul.board li.noti .area .point{display:inline-block;background:#19a4e5;color:#fff;font-size:8px;padding: 1px 4px;position: absolute;top: 50%;left: 15px;margin-top:-6px;}
    .review-board-wrap ul.board li.noti .area p{display: inline-block;font-family:'Nanum Barun Gothic Bold';font-size: 12px}
    .review-board-wrap ul.board li.noti .area-ctn {display: none;border-bottom: 1px solid #dddddd;}
    .review-board-wrap ul.board li.noti .area-ctn .pad{background: #f7f7f7;padding: 14px 0 14px 14px;font-size: 11px;line-height: 18px}
    .review-board-wrap ul.board li.noti .area.on + .area-ctn{display: block}
    .review-board-wrap ul.board li.noti .btn-show-noti{}
    .review-board-wrap ul.board li.noti .area.button{text-align: center;}
    .review-board-wrap ul.board li.noti .area .count{font-family:'Nanum Barun Gothic Bold';font-size: 15px;color:#19a4e5;padding:0 0 0 8px;letter-spacing:-1px;font-size: 12px;}
    .review-board-wrap ul.board li .box .thumb{border:1px solid #ddd;width: 72px;display: inline-block;margin: 0;vertical-align: middle;}
    .review-board-wrap ul.board li .box .thumb img{display: block;width: 72px;height: 72px;}
    .review-board-wrap ul.board li .box .review-grade-list{clear: both;margin:10px 0 0 0}
    .review-board-wrap ul.board li .box .review-grade-list a span{display: inline-block;width:16px;height:16px;background: url(../images/layer/layer-review-star.jpg) 0 bottom no-repeat;-webkit-background-size: 16px auto;background-size: 16px auto;}
    .review-board-wrap ul.board li .box .review-grade-list a span.on{display: inline-block;width:16px;height:16px;background-position: 0 0;-webkit-background-size: 16px auto;background-size: 16px auto;}
    .review-cate-tab ul li{width:20%;text-align: center;box-sizing:border-box;-webkit-box-sizing:border-box;}
    .review-cate-tab ul li a{padding:0;margin:0;height: 36px;line-height: 36px;font-size: 12px;}
    .review-cate-tab ul li a:after{top: 11px;}
    .search-type-wrap{position: relative;padding: 0 15px;height: auto;margin: 19px auto 0 auto;width: 100%;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .search-type-wrap .select-box {width: 20%;height: 40px;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .search-type-wrap .select-box select{width: 100%;height: 100%;font-size: 12px;background: url(../images/ico/icn-m-select-box.jpg) 84% center no-repeat;background-size: 10px auto;-webkit-background-size: 10px auto;padding: 0 0 0 10px;border: 0;margin: 0;border: 1px solid #ddd;border-right: 0;}
    .search-type-wrap .input-box {position: relative;float:left;width: 80%;height: 40px;/* border: 1px solid #ddd; */margin: 0;/* border-left: 0; */padding: 0 61px 0 0;box-sizing: border-box;webkit-box-sizing: border-box;}
    .search-type-wrap .input-box:after{content: "";position: absolute;top: 12px;left:0;height:16px;width:1px;background: #d9d9d9;}
    .search-type-wrap .input-box input{width:100%;height:40px;padding: 0 20px 0 20px;font-size: 12px;border: 1px solid #ddd;border-left: 0;}
    .search-type-wrap .input-box input:focus{border-color:#ddd !important}
    .search-type-wrap .input-box button{display: block !important;width: 61px;height: 40px;background: #f3f3f3;font-size: 12px;color:#aaa;font-family:'Nanum Barun Gothic Bold';position: absolute;top: 0;right: 0;border: 1px solid #ddd;border-left: 0;}
    .search-type-wrap .write{display: block;width: 100%;height:42px;text-align: center;line-height: 42px;background: #19a4e5;float: left;color: #fff;overflow: hidden;font-size: 13px;margin: 10px 0 0 0;}
    .search-type-wrap.on .input-box button{background: #19a4e5;color:#fff;border-color: #19a4e5;}

    /*popup*/
    .popup-wrap{position: relative;width: 100%;background: #fff;margin: 0 auto;}
    .popup-wrap .join-member-cate ul li a{height: 43px}
    .popup-inner{padding:28px 15px 30px 15px;}
    .popup-wrap .tit{font-size:18px;}
    .popup-wrap .btn-close{background: url(../images/btn/btn-popup-close.jpg) 0 0 no-repeat;-webkit-background-size: 18px auto;background-size: 18px auto;right: 15px;width: 18px;opacity: 1;}
    .popup-wrap .chk-member-join {position: relative;display: block;height: 43px;line-height: 45px;padding: 0 12px;}
    .popup-wrap .chk-member-join label{padding: 0;font-size: 12px;height: 42px;font-family: 'Nanum Barun Gothic Regular';background: url(../images/layer/layer-m-chk01.jpg) right 11px no-repeat;background-size: 21px auto;-webkit-background-size: 21px auto;}
    .popup-wrap .chk-member-join input[type='checkbox']:checked+label{background: url(../images/layer/layer-m-chk01.jpg) right -43px no-repeat;background-size: 21px auto;-webkit-background-size: 21px auto;}
    .popup-wrap .sns-member-cate ul li a{height:43px;line-height: 43px;font-size: 12px;padding: 0 11px;}
    .popup-wrap .sns-member-cate ul li.facebook span{background: url(../images/layer/layer-join-sns.png) 0 14px no-repeat;line-height: 43px;padding: 0 0 0 70px;background-size: 65px auto; }
    .popup-wrap .sns-member-cate ul li.kakao span{background: url(../images/layer/layer-join-sns.png) 0 -42px no-repeat;line-height: 43px;padding: 0 0 0 50px;background-size: 65px auto;}
    .popup-wrap .sns-member-cate ul li.naver span{background: url(../images/layer/layer-join-sns.png) 0 -96px no-repeat;line-height: 43px;padding: 0 0 0 56px;background-size: 65px auto;}
    .popup-wrap .ipinInfo{font-size: 14px;}
    .popup-wrap .btn-pop01{font-size: 13px;height: 40px;line-height: 40px;margin: 24px auto 0 auto;}
    .popup-wrap .login-wrap .input-form-wrap{padding:0}
    .popup-wrap .login-wrap .input-form-wrap .input-box{margin:0 0 9px 0}
     @media (max-width: 340px) {
      .detail-goods-page-wrap .goods-tip-pocket{position: relative;overflow: hidden;padding: 22px 15px 34px 0;}
      .graph-ingredient ul{padding: 42px 27px 37px 27px;}
      .graph-ingredient ul:after{content: "";position: absolute;bottom: 37px;left: 17px;right: 17px;height: 1px;background: #eee;}
     }
     @media (max-width: 365px) {
      .review-board-wrap ul.board li .box .info{width: 38%}
      .review-board-wrap ul.board li .box .chart-area{width: 62%}
     }
     /* @media screen {
      #wrap{max-width: 700px;margin: 0 auto;border: 1px solid #ddd;border-top: 0;}
     } */

/* error */
.error-exception-wrap{text-align: center;}
.error-exception-wrap .img-mark{display: inline-block;}
.error-exception-wrap .txt-mark p{color:#888;font-size: 19px}