\/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


/******************  by 박찬근 ******************/

.myPageContents {
    margin-top: -40px;
}

.pointColor {
    color: #669933;
}

.miniMessage {
    font-size: 12px;
    line-height: 12px;
}

.deliveryTodayText {
    color: #669933;
}


/* 좌측 프레임 메뉴 수정 후 삭제 부분 시작 */

.myPageContents .menus {
    width: 180px;
    margin-right: 60px;
}

.myPageContents .menus .subtitle {
    font-size: 32px;
    font-weight: 700;
}

.myPageContents .menus a {
    font-size: 14px;
    color: #999999;
}

.myPageContents .menus li {
    margin: 8px 0px;
}

.myPageContents .menus .list {
    padding: 20px 0px;
    border-bottom: 1px solid #EDEDED;
}

.myPageContents .menus .list:last-child {
    border-bottom: 0px;
}

.myPageContents .menus .bold {
    font-size: 16px;
    font-weight: 500;
    color: #264427;
}

.myPageContents .menus .active {
    font-size: 14px;
    font-weight: 500;
    color: #669933;
}


/* 좌측 프레임 메뉴 수정 후 삭제 부분 끝 */

.listHiddenArticle {
    display: none;
}

.myPageContents .section {
    width: 100%;
    max-width: 920px;
}

.myPageContents .section.nonMemberSection {
    max-width: 100%;
}

.myPageContents .section .registButton {
    text-align: right;
    margin-top: 20px;
}

.myPageContents .section .title {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #264427;
}

.myPageContents .myInfo {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-top: 14px;
}

.myPageContents .myInfo .userName {
    text-align: center;
    height: 240px;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    padding-top: 16px;
}

.myPageContents .myInfo .memberLevelIcon {
    width: 120px;
    height: 120px;
    margin-bottom: 8px;
}

.myPageContents .myInfo .comment {
    font-size: 12px;
    line-height: 18px;
    color: #B7BB6C;
    margin-top: 5px;
    display: block;
}

.myPageContents .myInfo .greeting {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    margin-top: -20px;
}

.myPageContents .myInfo .greeting img {
    vertical-align: text-bottom;
}

.myPageContents .myInfo .points {
    height: 120px;
    border-top: 1px solid #ccc;
    background-color: #F9F9E7;
    border-radius: 0px 0px 5px 5px;
    padding: 0 35px;
}

.myPageContents .myInfo .points .part {
    width: 33.33%
}

.myPageContents .myInfo .points .text {
    font-size: 16px;
    color: #264427;
    font-weight: 500;
    line-height: 24px;
}

.myPageContents .myInfo .points .number {
    font-family: "Roboto";
    font-size: 26px;
    font-weight: 700;
    color: #669933;
    line-height: 34px;
    margin-top: 14px;
}

.myPageContents .myInfo .points .unit {
    font-size: 16px;
    margin-left: 5px;
    line-height: 24px;
}

.myPageContents .myInfo .points .v-line-gray {
    border-left: 1px solid #ededed;
    height: 60px;
}

.myPageContents .myInfo .points2 {
    height: 118px;
    border-radius: 0px 0px 5px 5px;
}

.myPageContents .myInfo .points2.otherStyle {
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
}

.myPageContents .myInfo .points2 .part2 {
    width: 40%;
    height: 100%;
    background-color: #F9F9E7;
    border-right: 1px solid #ddd;
    border-radius: 5px 0px 0px 5px;
}

.myPageContents .myInfo .points2 .part2 .number {
    font-size: 26px;
    line-height: 34px;
    margin-top: 15px;
}

.myPageContents .myInfo .points2 .part3 {
    width: 33.33%;
    height: 100%;
    background-color: #F9F9E7;
    border-right: 1px solid #ddd;
    border-radius: 5px 0px 0px 5px;
}

.myPageContents .myInfo .points2 .part4 {
    width: 33.33%;
    height: 100%;
    border-radius: 5px 0px 0px 5px;
}

.myPageContents .myInfo .points2 .part2.otherBg {
    background-color: #EEF9E7;
}

.myPageContents .myInfo .points2 .part {
    width: 20%;
    height: 100%;
}

.myPageContents .myInfo .points2 .text {
    color: #264427;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
}

.myPageContents .myInfo .points2 .number {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 700;
    color: #669933;
    line-height: 26px;
    margin-top: 20px;
}

.myPageContents .myInfo .points2 .unit {
    font-size: 18px;
}

.myPageContents .myInfo .points2.otherStyle .unit,
.myPageContents .myInfo .points2.otherStyle+.points2 .unit {
    vertical-align: 1px;
    font-size: 16px;
}

.myPageContents .myInfo .points2 .v-line-gray2 {
    border: 0.5px solid #ededed;
    width: 1px;
    height: 100%;
}

.myPageContents .myInfo .points2 .v-line-gray {
    border-left: 1px solid #ededed;
    width: 1px;
    height: 80px;
}

.myPageContents .myDelivery {
    margin-top: 66px;
}

.mt65 {
    margin-top: 60px;
}

.myPageContents .myDelivery .title div {
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
}

.myPageContents .myDelivery .line {
    display: inline-block;
    height: 12px;
    border-left: 1px solid #CCC;
    margin: 0 6px 0;
}

.myPageContents .myDelivery .term {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.myPageContents .myDelivery .wrapper {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-top: 16px;
}

.myPageContents .myDelivery .part {
    width: 20%;
    height: 140px;
}

.myPageContents .myDelivery .part:hover {
    cursor: default;
}

.myPageContents .myDelivery .v-line-gray {
    border-left: 1px solid #EDEDED;
    height: 80px;
}

.myPageContents .myDelivery .text {
    font-size: 14px;
    line-height: 20px;
}

.myPageContents .myDelivery .number {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-top: 16px;
}

.myPageContents .myCancel {
    margin-top: 60px;
}

.myPageContents .myCancel .wrapper {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-top: 13px;
    padding: 25px;
}

.myPageContents .myCancel .wrapper .subtitle {
    font-size: 16px;
}

.myPageContents .myCancel .line2 {
    margin-top: 10px;
}

.myPageContents .myCancel .title {
    font-weight: 500;
    font-size: 20px;
}

.myPageContents .myCancel .more {
    font-size: 14px;
}

.myPageContents .myCancel .bulletCompete {
    width: 56px;
    height: 22px;
    color: white;
    font-size: 11px;
    background-color: #669933;
    border-radius: 20px;
    padding-bottom: 2px;
}

.myPageContents .myCancel .orderNumber span {
    font-size: 14px;
}

.myPageContents .myCancel .orderNumber .number {
    font-family: "Roboto";
}

.myPageContents .myCancel .orderButton {
    color: #FF6000;
    font-size: 14px;
}

.myPageContents .myCancel .orderDate {
    font-size: 14px;
    color: #999999;
}

.myPageContents .myCancel .orderDate .date {
    font-size: 14px;
    font-family: "Roboto";
    color: #999999;
}

.myPageContents .myCancel .v-line-gray {
    border-left: 1px solid #ededed;
    width: 1px;
    height: 10px;
    margin: 2px 9px 0 10px;
}

.myPageContents .recentList {
    margin-top: 65px;
}

.myPageContents .recentList .wrapper {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 15px;
}

.myPageContents .recentList .thumbnail {
    width: 70px;
    height: 94px;
    margin-right: 20px;
    background:#f5f5f5;
}
.myPageContents .recentList .thumbnail img{
   width:100%;
}
.myPageContents .recentList .title {
    width: 650px;
}

.myPageContents .recentList .title div {
    margin: 5px 0px;
}

.myPageContents .recentList .subtitle {
    font-size: 16px;
    color: #222;
}

.myPageContents .recentList .number {
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto";
    color: #222;
}

.myPageContents .recentList .dates {
    text-align: right;
    width: 150px;
}

.myPageContents .recentList .dates .orderDate {
    margin-top: 10px;
    color: #999999;
    line-height: 20px;
}

.myPageContents .recentList .dates .date {
    font-family: "Roboto";
    color: #999999
}

.myPageContents .myRegularDelivery {
    margin-top: 60px;
}

.myPageContents .myRegularDelivery .title {
    font-weight: 500;
    font-size: 20px;
}

.myPageContents .myRegularDelivery .wrapper {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-top: 12px;
    padding: 25px;
    height: 225px;
}

.myPageContents .myRegularDelivery .thumbnail {
    width: 120px;
    height: 162px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 5px;
    background:#f5f5f5;
}

.myPageContents .myRegularDelivery .thumbnail img {
    width: 100%;
}

.myPageContents .myRegularDelivery>div>.text {
    width: 600px;
    height: 100%;
}

.myPageContents .myRegularDelivery .subtitle {
    font-size: 18px;
    margin: 10px 0;
    line-height: 27px;
}

.myPageContents .myRegularDelivery .plan,
.myPageContents .myRegularDelivery .date,
.myPageContents .myRegularDelivery .etc {
    font-size: 14px;
    line-height: 20px;
}

.myPageContents .myRegularDelivery .etc {
    margin-top: 6px;
}

.myPageContents .myRegularDelivery .v-line-gray {
    border-left: 1px solid #ededed;
    height: 12px;
    margin: 0 10px;
}

.myPageContents .myRegularDelivery .priceInfo {
    width: 120px;
    height: 100%;
}

.myPageContents .myRegularDelivery .priceInfo>div {
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
}

.myPageContents .myRegularDelivery .priceInfo .text {
    font-size: 14px;
}

.myPageContents .myRegularDelivery .priceInfo .price {
    font-family: "Roboto";
    font-size: 20px;
    margin-top: 3px;
    font-weight: 700;
    line-height: 26px;
}

.myPageContents .myRegularDelivery .priceInfo .won {
    font-size: 17px;
    padding-left: 3px;
    line-height: 25px;
}

.myPageContents .myGoodsReputation {
    margin-top: 60px;
}

.myPageContents .myGoodsReputation .title {
    font-weight: 500;
    font-size: 20px;
}

.myPageContents .myGoodsReputation .wrapper {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-top: 15px;
    padding: 20px 20px 20px 110px;
    width: 49%;
    height: 127px;
    position: relative;
}

.myPageContents .myGoodsReputation .thumbnail {
    width: 64px;
    height: 86px;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 20px;
    background:#f5f5f5;
}

.myPageContents .myGoodsReputation .thumbnail img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.myPageContents .myGoodsReputation .thumbnail {
    margin-right: 20px;
}

.myPageContents .myGoodsReputation .detail {
    height: 100%;
    width: 100%;
}

.myPageContents .myGoodsReputation .subtitle {
    font-size: 18px;
    line-height: 26px;
}
.myPageContents .myGoodsReputation .subtitle:hover{
   cursor:pointer;
}
.myPageContents .myGoodsReputation .subtitle.no_review_gy {
    color: #999;
}

.myPageContents .myGoodsReputation .noSubtitle {
    font-size: 18px;
    color: #999;
}

.myPageContents .myGoodsReputation .reputation {
    font-size: 14px;
    margin-top: 12px;
}

.myPageContents .myGoodsReputation .write {
    border-radius: 3px;
    background-color: white;
    border: 1px solid #ccc;
    font-size: 13px;
    width: 80px;
    height: 28px;
}

.myPageContents .review_write .oneQoneA .list .question {
    width: 645px;
    overflow: hidden;
    word-break: break-all;
}

.myPageContents .review_write .oneQoneA .list .inputDate {
    width: 84px;
    text-align: left;
    padding-top: 3px;
}

.myPageContents .review_write .oneQoneA .list .qMark {
    padding-top: 31px;
    width: 42px;
    margin-right: 0;
    line-height: 37px;
}

.myPageContents .review_write .oneQoneA .list .aMark {
    width: 42px;
    margin-right: 0;
}

.myPageContents .review_write .oneQoneA .list .prod_Q {
    width: 816px;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
}

.myPageContents .review_write .downWritingQA .list .answer {
    width: 816px;
    padding-right: 39px;
    line-height: 26px;
    font-size: 16px;
}

.deliveryGuideTextList {
    line-height: 180%;
    font-size: 12px;
    color: #222;
}

.deliveryGuideListSubject {
    margin-bottom: 20px;
}

.deliveryGuideListSubject span {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    margin-left: 10px;
    vertical-align: 7%;
}

.deliveryGuideTextList li {
    margin-bottom: 20px;
}

.deliveryGuideTextList .subText {
    color: #666;
}

.myPointHistory {
    margin-top: 15px;
}

.myPointHistory .tab2,
.myPointHistory .tab3 {
    display: none;
}

.myPointHistory .tabButtonGroup {
    position: relative;
}

.myPointHistory .tabButtonGroup:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    left: 0px;
    bottom: 0px;
    border-bottom: 1px solid #222222;
    z-index: -1;
}

.myPointHistory .tabButtonGroup button {
    background-color: white;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #222222;
    padding: 15px 35px;
    height: 44px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    cursor: pointer;
}

.myPointHistory .tabButtonGroup button:first-child {
    border-radius: 5px 0px 0px 0px;
    border-right: 1px solid white;
}

.myPointHistory .tabButtonGroup button:last-child {
    border-radius: 0px 5px 0px 0px;
    border-left: 1px solid white;
}

.myPointHistory .tabButtonGroup button.active {
    border-left: 1px solid #222222;
    border-top: 1px solid #222222;
    border-right: 1px solid #222222;
    border-bottom: 1px solid #fff;
    font-weight: 500;
    color: #222;
}

.myPointHistory .searchWrapper {
    padding: 40px 20px 0px 20px;
}

.myPointHistory .myDate2 {
    width: 90%;
}

.myPointHistory .searchBtn {
    display: inline-block;
    width: 100px;
    height: 36px;
    background-color: white;
    border: 1px solid #222;
    border-radius: 5px;
}

.myPointHistory .label {
    color: #222;
    float: left;
    font-size: 14px;
    padding-top: 6px;
    margin-right: 30px;
}

.myPointHistory .label:before {
    content: "";
    display: inline-block;
    background-color: #222;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    margin-top: -15px;
    margin-right: 7px;
}

.myPointHistory .dataTable {
    width: 100%;
    margin-top: 40px;
    border-top: 1px solid #ccc;
}

.myPointHistory .dataTable th {
    background-color: #F6F6F6;
    font-weight: 500;
    font-size: 14px;
    height: 53px;
}

.myPointHistory .dataTable tr {
    border-bottom: 1px solid #EDEDED;
}

.myPointHistory .dataTable td {
    padding: 16px;
    text-align: center;
}

.zzimGoods .title {
    color: #264427;
}

.zzimGoods .caption {
    margin-top: 15px;
    height: 27px;
}

.zzimGoods .caption span {
    font-size: 16px;
    font-weight: 500;
}

.zzimGoods .caption .number {
    color: #ff6000;
    font-size: 16px;
}

.zzimGoods .caption .iconQuestion {
    padding-bottom: 3px;
}

.zzimGoods .caption .selectAllWrapper {
    padding-bottom: 16px;
    padding-right: 8px;
}

.zzimGoods .selectAll {
    margin-bottom: 5px;
    margin-right: 20px;
}

.zzimGoods .selector {
    margin-bottom: 40px;
}

.zzimGoods .listWrapper {
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 15px;
}

.zzimGoods .list {
    padding: 20px;
    height: 103px;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}

.zzimGoods .list:last-child {
    border-bottom: none;
}

.zzimGoods .goodsImage {
    width: 48px;
    height: 66px;
    margin-right: 32px;
    background:#f5f5f5;
}
.zzimGoods .goodsImage img{
   width:100%;
}
.zzimGoods .list .text {
    width: 560px;
    margin-right: 30px;
}

.zzimGoods .list .textWide {
    width: 700px;
    margin-right: 35px;
}

.zzimGoods .list .cartDiv {
    width: 120px;
    margin-right: 25px;
}

.zzimGoods .list .btnDiv {
    width: 18px;
    position: absolute;
    right: 26px;
    top: 41.5%;
}

.zzimGoods .list .iconBellGray {
    width: 34px;
    height: 34px;
    background: transparent url("../images/common/iconBellGray.svg") center center no-repeat;
    text-indent: -999999px;
    overflow: hidden;
    display: block;
}

.zzimGoods .list .iconBellGreen {
    width: 34px;
    height: 34px;
    background: transparent url("../images/common/iconBellGreen.svg") center center no-repeat;
    text-indent: -999999px;
    overflow: hidden;
    display: block;
}

.zzimGoods .list .btnPutToCart {
    width: 100px;
    margin-right: 28px;
    color: #999;
}

.zzimGoods .oldPrice {
    text-decoration: line-through;
    color: #BBBBBB;
    font-size: 12px;
}

.myDelivery .listWrapper {
    margin-top: 15px;
}

.myDelivery .list .buttonGroup button:first-child {
    margin-bottom: 10px;
}

.myDelivery .list {
    padding: 30px 40px 30px 43px;
    height: 156px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    border-radius: 5px;
}

.myDelivery .list.active {
    border: 1px solid #669933;
}

.myDelivery .list .text {
    width: 770px;
}

.myDelivery .list .name {
    font-weight: 500;
    font-size: 24px;
    color: #999999;
    line-height: 36px;
    margin-bottom: 10px;
}

.myDelivery .list .name .deliveryAddress {
    vertical-align: 5px;
    margin-left: 4px;
}

.myDelivery .list .address {
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}

.myDelivery .caption .btn_send_st01 {
    padding: 0 20px;
}

.myDelivery .caption.flexRight {
    padding-bottom: 6px;
}

.myDelivery .list .phone {
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}

.myDelivery .list.active .name {
    font-weight: 500;
    font-size: 24px;
    color: #222;
}

.myDelivery .list.active .address {
    font-size: 16px;
    color: #222;
}

.myDelivery .list.active .phone {
    font-size: 16px;
    color: #222;
}


/* popup Window */

.myPointHistoryPopup .content,
.myPointHistoryPopup .couponWrapper,
.myPointHistoryPopup .message {
    width: 100%;
    text-align: center;
}

.myPointHistoryPopup .message {
    margin: 20px auto 20px;
    width: 60%;
    word-wrap: break-word;
    word-break: keep-all;
    font-size: 16px;
    line-height: 26px;
}

.myPointHistoryPopup .alert {
    padding: 26px 0px 30px;
    border-bottom: 1px solid #eee;
}

.myPointHistoryPopup .alert img {
    vertical-align: -3px;
}

.iconMarkExclamation {
    vertical-align: -3px;
    margin-right: 3px;
}

.myPointHistoryPopup .couponPassword {
    display: block;
    width: 340px;
    height: 50px;
    margin: 20px auto;
    border: 2px solid #669933 !important;
    border-radius: 5px;
    color: #222;
    font-size: 18px;
    letter-spacing: 4px;
    text-align: center;
    padding: 0px;
}

.myPointHistoryPopup .couponPassword::-webkit-input-placeholder {
    text-align: center;
    font-size: 16px;
}

.myPointHistoryPopup .couponPassword::-moz-placeholder {
    text-align: center;
    font-size: 16px;
}

.myPointHistoryPopup .couponPassword:-ms-input-placeholder {
    text-align: center;
    font-size: 16px;
}

.myPointHistoryPopup .couponPassword::-ms-input-placeholder {
    text-align: center;
    font-size: 16px;
}

.myPointHistoryPopup .couponPassword::placeholder {
    text-align: center;
    font-size: 16px;
}

.myPointHistoryPopup .couponNumberInput {
    display: block;
    width: 340px;
    height: 50px;
    margin: 20px auto;
    border: 2px solid #669933 !important;
    border-radius: 5px;
    color: #222;
    font-size: 16px;
    letter-spacing: 4px;
    text-align: center;
    padding: 0px;
    font-size: 18px;
    font-weight: 500;
}

.myPointHistoryPopup .clause {
    width: 100%;
    height: 140px;
    font-size: 12px;
    line-height: 22px;
    color: #666;
    padding: 10px;
    word-break: keep-all;
    margin-top: 20px;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow-y: scroll;
}


/* 쿠폰등록 가이드 문구  */

.coupon_guide_txt {
    border: 1px solid #ccc;
    padding: 20px;
}

.coupon_guide_txt li {
    line-height: 22px;
    text-align: left;
    font-size: 12px;
}

.myPointHistoryPopup .bott_check_rit {
    margin-top: 13px !important;
}

.myDeliveryPopup .inputUserName {
    width: 186px;
    height: 40px;
    padding: 10px;
}

.myDeliveryPopup .inputPhone {
    width: 80px;
    min-width: 80px;
    height: 40px;
    padding: 10px;
}

.myDeliveryPopup .hyphen {
    margin: 0px 7px;
    font-weight: 300;
    vertical-align: -7px;
    font-size: 24px;
}

.myDeliveryPopup .inputTable td {
    padding: 10px;
}

.myDeliveryPopup .addressTd input {
    margin: 0px 7px 10px 0px;
}

.myDeliveryPopup .inputAddr1 {
    width: 186px;
    height: 40px;
    padding: 10px;
}

.myDeliveryPopup .inputAddr2 {
    width: 292px;
    height: 40px;
    padding: 10px;
}

.myDeliveryPopup .inputAddr3 {
    width: 100%;
    height: 40px;
    padding: 10px;
}

.myDeliveryPopup .textarea1 {
    width: 100%;
    height: 106px;
    margin-top: 40px;
}

.myDeliveryPopup .bottomButton {
    margin: 30px 0px 0px 0px;
    padding-top: 40px;
}

.oneQoneA .list {
    border: 1px solid #EDEDED;
    border-radius: 5px;
    margin: 10px 0px;
    overflow: hidden;
    cursor: pointer;
}

.oneQoneA .listActive {
    border: 1px solid #CCCCCC;
}

.oneQoneA .list:first-child {
    margin-top: 21px;
}

.oneQoneA .lineWrapper {
    padding: 0px 30px;
}

.oneQoneA .hLine {
    height: 1px;
    background-color: #EDEDED;
}

.oneQoneA .list .number {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 700;
    color: #CCCCCC;
    width: 42px;
    height: 30px;
}

.oneQoneA .list .numberBlack {
    color: #222;
}

.oneQoneA .list .state {
    font-size: 16px;
    color: #CCCCCC;
    width: 77px;
    height: 30px;
}

.oneQoneA .list .complete {
    font-size: 16px;
    color: #669933;
    font-weight: 500;
}

.oneQoneA .list .oneStep {
    padding: 28px 30px 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.oneQoneA .list .questionSection {
    padding: 28px 30px;
}

.oneQoneA .list .question {
    font-size: 16px;
    color: #222;
    width: 635px;
    min-height: 30px;
    word-break: break-all;
    padding-right: 20px;
}

.oneQoneA .list .questionDetail {
    font-size: 16px;
    color: #222;
    position: relative;
    width: 720px;
}

.oneQoneA .list .answer {
    font-size: 16px;
    color: #222;
    word-break: break-all;
    width: 816px;
    padding-right: 54px;
    line-height: 26px;
}

.oneQoneA .list .answerSection {
    background-color: #F5F5F5;
    padding: 30px;
}

.oneQoneA .list .inputDate {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px;
    color: #999;
    width: 84px;
    height: 30px;
    padding-top: 5px;
    line-height: 16px;
}

.oneQoneA .list .qMark {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 28px;
    color: #222;
    margin-right: 30px;
}

.oneQoneA .list .aMark {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 28px;
    color: #3895FF;
    width: 42px;
    margin-right: 0;
}

.oneQoneA .list .fileIcons {
    margin-top: 20px;
    padding: 0px 50px;
}

.oneQoneA .list .fileIcons img {
    margin-right: 10px;
    width: 100px;
    height: 100px;
}

.oneQoneA .pager {
    position: relative;
    min-height: 32px;
}

.oneQoneA .writeButton {
    position: absolute;
    right: 0px;
    top: 0px;
}

.userfileIcons {
    padding: 0px 50px;
    margin-top: 20px;
}

.userfileIcons .file {
    width: 100px;
    height: 100px;
    background: #ededed;
    overflow: hidden;
    text-align: center;
}

.my_order_sec02 .write_cont .userfileIcons .file {
    width: 80px;
    height: 80px;
}

.userfileIcons>.file+.file {
    margin-left: 10px;
}

.userFileWrapper {
    margin-right: 10px;
}

.userfileIcons .file img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.userfileIcons2 {
    padding: 0px 80px 30px;
}

.userfileIcons2 .file {
    width: 100px;
    height: 100px;
    background: #EDEDED;
    overflow: hidden;
    text-align: center;
}

.userfileIcons2 .file+.file {
    margin-left: 10px;
}

.userfileIcons2 .file a {
    display: block;
    height: 100%;
}

.userfileIcons2 .file img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.fileGroup.userfileIcons {
    padding: 0;
    margin-top: 0;
}

.popup_file_list {
    margin-bottom: 37px;
}

.popup_file_list .userFileWrapper {
    margin-right: 0;
}

.popup_file_list .userFileWrapper+.userFileWrapper {
    margin-left: 10px;
}


/****************** by Kim Mi-Sun *********************/


/*  상품 리스트  */

.sub_visual {
    background: #EDF1EB;
    min-height: 449px;
    padding-top: 165px;
    -webkit-transition: background .5 ease;
    -o-transition: background .5 ease;
    transition: background .5 ease;
}

.bg_value {
    text-indent: -9999px;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

.sub_visu_cont {
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 1200px;
}

.sub_nav {
    margin-bottom: 40px;
    height: 37px;
}

.sub_nav ul {
    clear: both;
    overflow: hidden;
    padding-top: 15px;
}

.sub_nav ul li {
    float: left;
    font-size: 12px;
}

.sub_nav ul li+li {
    padding-left: 25px;
    position: relative;
}

.sub_nav ul li+li:before {
    background: url("../images/common/icon_sub_next.png") no-repeat;
    content: '';
    height: 8px;
    left: 12px;
    position: absolute;
    top: 6px;
    width: 5px;
}

.sub_nav ul li a {
    color: #222;
    font-size: 12px;
}

.sub_nav ul li a.txt_home {
    color: #669933;
    font-weight: bold;
}

.cate_select .select_txt {
    color: #264427;
    display: inline-block;
    font-size: 40px;
    white-space: nowrap;
    font-weight: 700;
    line-height: 59px;
    padding-right: 46px;
    min-width: 280px;
    position: relative;
}

.cate_select .select_txt:before {
    background: url("../images/common/icon_dw.svg") center center no-repeat;
    content: '';
    width: 30px;
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0;
    top: 50%;
}

.arrows_box {
    position: absolute;
    right: 105px;
    bottom: 115px;
}

.btn_list_prev {
    background: url("../images/sub/slide_list_prev_on.svg") no-repeat;
}

.btn_list_next {
    background: url("../images/sub/slide_list_next_on.svg") no-repeat;
}

.btn_list_prev.slick-arrow.slick-disabled {
    background: url("../images/sub/slide_list_prev_off.svg") no-repeat;
}

.btn_list_next.slick-arrow.slick-disabled {
    background: url("../images/sub/slide_list_next_off.svg") no-repeat;
}

.arrows_box button {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.list_slide_paging {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    font-family: 'Roboto';
    line-height: 19px;
}

.promo_txt_slide.slick-slider {
    position: absolute;
    right: 0;
    top: 84px;
    width: 200px;
}

.top_promotion_wrap {
    overflow: inherit;
    width: 554px;
}

.promo_slider {
    width: 440px;
    overflow: inherit;
    height: 330px;
}

.top_promotion .slick-list {
    overflow: visible;
}

.promo_slider .slick-list img {
    opacity: 0;
}

.promo_slider .slick-list img.sub_visu {
    opacity: 0;
}

.promo_slider .slick-list img.active {
    -webkit-animation: slide_fade02 .5s ease;
    animation: slide_fade02 .5s ease;
    opacity: 0;
}

.promo_slider .slick-active img.sub_visu {
    -webkit-animation: slide_fade .5s ease;
    animation: slide_fade .5s ease;
    opacity: 1;
}

@-webkit-keyframes slide_fade {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slide_fade {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slide_fade02 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes slide_fade02 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


/* 중카테고리 선택  */

.cate_select {
    position: absolute;
    left: 0;
    top: 128px;
    width: 400px;
    z-index: 10;
    background: transparent;
}

.select_txt {
    padding: 0 30px 0 20px;
}

.select_txt.active {
    color: #669933;
}

.cate_select .select_txt.active:before {
    background: url("../images/common/icon_dw_on.svg") center center no-repeat;
}

.cate_select_option {
    display: none;
    width: 280px;
    margin-top: 19px;
    border: 1px solid #669933;
    background: #fff;
    padding: 23px 0 25px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
    margin-left: 20px;
    border-radius: 20px;
    border-top-right-radius: 0;
}

.cate_select_option ul li {
    color: #222;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 30px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: option .2s ease both;
    animation: option .2s ease both;
}

@-webkit-keyframes option {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
}

@keyframes option {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.cate_select_option ul li:hover {
    cursor: pointer;
    color: #669933;
    background: rgba(102, 153, 51, .1);
}

.cate_select_option ul li:nth-child(1) {
    -webkit-animation-delay: .01s;
    animation-delay: .01s;
}

.cate_select_option ul li:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.cate_select_option ul li:nth-child(3) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.cate_select_option ul li:nth-child(4) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.cate_select_option ul li:nth-child(5) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}

.cate_select_option ul li:nth-child(6) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.cate_select_option ul li:nth-child(7) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

.cate_select_option ul li:nth-child(8) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.cate_select_option ul li:nth-child(9) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.cate_select_option ul li:nth-child(10) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.cate_select_option ul li:nth-child(11) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s;
}

.cate_select_option ul li:nth-child(12) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.cate_select_option ul li:nth-child(13) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s;
}

.cate_select_option ul li:nth-child(14) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.cate_select_option ul li:nth-child(15) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
}

.cate_select_option ul li:nth-child(16) {
    -webkit-animation-delay: .80s;
    animation-delay: .80s;
}

.cate_select_option ul li:nth-child(17) {
    -webkit-animation-delay: .85s;
    animation-delay: .85s;
    animation-delay: .85s;
}

.cate_select_option ul li:nth-child(18) {
    -webkit-animation-delay: .90s;
    animation-delay: .90s;
}

.cate_select_option ul li:nth-child(19) {
    -webkit-animation-delay: .95s;
    animation-delay: .95s;
}

.cate_select_option ul li:nth-child(20) {
    -webkit-animation-delay: .100s;
    animation-delay: .100s;
}

.sub_promotion {
    height: 360px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 760px;
}

.promo_cont {
    clear: both;
    overflow: hidden;
    width: 554px;
    padding-left: 114px;
}

.sub_promotion_container {
    width: 648px;
    overflow: hidden;
    height: 330px;
    position: absolute;
    top: 0;
    right: 0;
}
.sub_promotion_container img{
   opacity:0;
   -webkit-animation:category 1s ease-in-out both;
           animation:category 1s ease-in-out both;
}
@-webkit-keyframes category{
   0%{
      opacity:0;
      -webkit-transform:translatex(30px);
   }
   100%{
      opacity:1;
      -webkit-transform:translatex(0);
   }
}
@keyframes category{
   0%{
      opacity:0;
      transform:translatex(30px);
   }
   100%{
      opacity:1;
      transform:translatex(0);
   }
}

.promo_txt_st01 span {
    color: #264427;
    display: block;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    line-height: 20px;
}

.promo_txt_st01 strong {
    color: #264427;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.promo_txt_st02 {
    margin: 8px 0 26px;
}

.promo_txt_st02 strong {
    color: #669933;
    font-size: 28px;
    line-height: 37px;
    font-family: 'Roboto';
    vertical-align: middle;
    font-weight: bold;
}

.promo_txt_st02 span {
    color: #669933;
    font-size: 18px;
    line-height: 27px;
    vertical-align: middle;
    font-weight: 500;
}

.total_txt {
    color: #6d6d6d;
    font-size: 14px;
    line-height: 20px;
}

.menu_list {
    flex-wrap: wrap;
    margin:27px 0 80px;
}

.menu_list button {
    margin-bottom: 10px;
    margin-right: 1.3%;
    width: 18.96%;
}

.menu_list button:nth-child(5n) {
    margin-right: 0;
}

.prod_list_filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lef_fil {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.lef_fil button {
    line-height: 20px;
    color: #6d6d6d;
    background: none;
}

.lef_fil button.on {
    font-weight: 600;
    color: #222;
}

.select_st01 {
    color: #222;
    font-size: 14px;
    font-weight: 500;
}

select.select_st01 {
    appearance: none;
    background: url(../images/common/ico_select_arrow.svg) no-repeat 100% 50%;
    border: 0;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    outline: none;
    padding-right: 20px;
    width: 100%;
    height: auto;
    font-family: Pretendard;
}

select.select_st01::-ms-expand {
    display: none;
}

.prod_list_cont {
    clear: both;
    overflow: hidden;
}

.prod_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: start;
}

.prod_list li {
    margin: 30px 2.306% 30px 0;
    width: 23.27%;
}

.prod_list li:nth-child(4n) {
    margin-right: 0;
}

.thum_img {
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
}

.prod_info {
    padding-top: 14px;
}

.prod_tit {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
    word-break: break-all;
}

.prod_price {
    margin-bottom: 10px;
}

.prod_price strong {
    color: #333;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    vertical-align: middle;
}

.prod_price span {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    vertical-align: middle;
}

.delivery_txt span {
    color: #2D2D2D;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.delivery_txt div {
    vertical-align: middle;
}

.delivery_txt span+span::before {
    background: #EDEDED;
    content: '';
    display: block;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 2px;
    width: 1px;
}

.delivery_txt .txt_or,
.txt_or {
    color: #C99741;
}

.txt_gr {
    color: #8CAE66;
}

.txt_bl {
    color: #81A5B1;
}


/*  상품 상세  */

.pa_top172 {
    padding-top: 165px;
}

.product_detail_sec01 {
    margin-bottom: 40px;
}

.product_detail_sec01:after {
    content: '';
    overflow: hidden;
    display: block;
    clear: both;
}

.lef_gallery {
    float: left;
    position: relative;
    width: 550px;
}

.gallery_img {
    border-radius: 5px;
    height: 650px;
    overflow: hidden;
    border-radius: 5px;
    width: 480px;
}

.gallery_img img {
    width: 100%;
    -webkit-transform:translateZ(0);
            transform:translateZ(0);
}

.gallery_thum.slick-slider {
    position: absolute;
    right: 0;
    top: 0;
}

.gallery_thum_img {
    overflow: hidden;
}

.gallery_thum div {
    border-radius: 5px;
    height: 81px;
    border-radius: 5px;
    width: 60px;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.gallery_thum img {
    width: 100%;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
            transform:translateZ(0);
}

.gallery_thum div+div {
    margin-top: 10px;
}

.gallery_thum .slick-active {
    position: relative;
}

.slick-vertical .slick-slide {
    border: 0;
}

.gallery_thum .slick-current.slick-active:after {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    content: '';
    display: block;
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    top: 0;
    border-radius: 5px;
    width: calc(100% - 2px);
}

.goodsDetailHotDealSubject {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 26px;
}


/* 상품상세 비디오 재생  */

.video_img iframe {
    width: 100%;
    height: 270px;
    display: none;
    margin-top: 190px;
}

.video_img.slick-slide {
    position: relative;
    background: #000;
    height: 650px;
}

.video_img.active:after {
    display: none;
}

.video_img:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 10;
    content: '';
}

.btn_video_play {
    width: 54px;
    height: 54px;
    background: url("../images/sub/icon_video_play.svg") no-repeat;
    background-size: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    overflow: hidden;
    text-indent: -99999px;
    display: block;
    z-index: 11;
}

.rit_prod_info {
    float: right;
    width: 550px;
    position: relative;
}

.prod_tit02 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
}

.prod_info_line {
    border-bottom: 1px solid rgba(85, 85, 85, 0.08);
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.goods-info-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(85, 85, 85, 0.08);
}

.prod_info_line dl,
.prod_delivery_info dl,
.goods-info-list li 
 {
    width: 100%;
    display: flex;
    gap: 8px;
}

.prod_info_line dt,
.prod_delivery_info dt, 
.goods-info-list-title {
    width: 100px;
    color: #555;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.prod_info_line dd,
.prod_delivery_info dd,
.goods-info-list-content {
    color: #2D2D2D;
    line-height: 20px;
    letter-spacing: -0.28px;
    width: 100%;
}

.prod_info_line.plus_area {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.prod_info_line.plus_area p {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6BA82E;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.32px;
}

.prod_info_line.plus_area span{
    display: flex;
    padding: 4px 6px;
    border-radius: 4px;
    background: #6BA82E;
    color: #FFF;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
}

.prod_info_line.plus_area button{
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    text-decoration: underline;
    background: none;
}

.prod_delivery_info dl {
    padding: 16px 0;
    border-bottom: 1px solid rgba(85, 85, 85, 0.08);
}

.prod_delivery_info .good_scert {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.prod_delivery_info .good_scert div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2D2D2D;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.prod_delivery_info .good_scert img {
    width: 48px;
    height: 48px;
}

.deli_info_txt span {
    display: inline-block;
    font-size: 13px;
    vertical-align: 1.5px;
}

.deli_info_txt span+span {
    padding-left: 20px;
    position: relative;
}

.deli_info_txt span+span:before {
    background: #EDEDED;
    content: '';
    display: block;
    height: 12px;
    left: 9px;
    position: absolute;
    top: 5px;
    width: 1px;
}

.food_mark {
    position: absolute;
    top: 10px;
    right: 90px;
    text-align: right;
}

.food_mark img {
    margin-bottom: 3px;
    width: 40px;
    background: #F6F6F3;
    border-radius: 3px;
}

.food_mark br {
    line-height: 0;
}

.deli_txt_or {
    color: #FF6000;
}

.deli_txt_gy {
    color: #999;
}

.customer_price {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(85, 85, 85, 0.08);
}

.sale_txt_red {
    color: #FF2C2C;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.64px;
}

.money_txt_st02 {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    margin-top: 2px;
}

.check_num {
    display: flex;
    padding: 16px;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    background: rgba(85, 85, 85, 0.04);
    margin-top: 16px;
}

.check_num_name {
    color: #555;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.check_num_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.product_num {
    display: flex;
    width: 110px;
    height: 40px;
    padding: 0px 8px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid rgba(85, 85, 85, 0.16);
    background: #FFF;
}

.product_num a, .product_num button {
    display: block;
    height: 24px;
    position: relative;
    width: 24px;
    background: none;
}

.product_num input[type="text"] {
    color: #2D2D2D;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    width: 40px;
    height: 24px;
    letter-spacing: -0.32px;
    border: none;
}

.btn_minus:before {
    background: #555;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 12px;
    transform: translate(-50%, -50%);
}

.btn_plus:before {
    background: #555;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 12px;
    transform: translate(-50%, -50%);
}

.btn_plus:after {
    background: #555;
    content: '';
    display: block;
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 2px;
    transform: translate(-50%, -50%);
}

.btn_minus:disabled:before, 
.btn_plus:disabled:before, 
.btn_plus:disabled:after {
    background: #EDEDED;
}

.rit_dc_price {
    text-align:right;
}

.rit_dc_price>div {
    display: inline-block;
    vertical-align: middle;
}

.total_dc_price {
    padding-right: 7px;
    letter-spacing: -0.8px;
}

.total_dc_price {
    line-height: 20px;
    font-weight: 500;
    color: #333;
}

.total_dc_price span {
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.rit_dc_price .check_price {
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.32px;
}

.staff_dc_txt{
   font-size:13px;
   line-height:19px;
}
.staff_dc_txt02{
   font-size:13px;
   line-height:19px;
   text-align:right;
   margin-top:7px;
}

.bott_btnBox {
    position: relative;
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.btn_share, .btn_copy {
    background: url("../images/sub/icon_share_new.svg") center center no-repeat;
    display: block;
    width: 52px;
    height: 52px;
    overflow: hidden;
    text-indent: -9999px;
}

a.btn_cart {
    border: 1px solid #346633;
    border-radius: 5px;
    color: #346633;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 60px;
    padding-top: 16px;
    text-align: center;
    border-radius: 5px;
    flex: 1;
}

a.btn_buy {
    background: #346633;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 60px;
    padding-top: 16px;
    text-align: center;
    border-radius: 5px;
    /* width: 240px; */
    width: 200px;
}

.btn_resale, .btn_stopSale {
    display: flex;
    height: 52px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.32px;
}

.btn_resale {
    background: #6BA82E;
    color: #FFF;
}

.btn_stopSale {
    background: #ededed;
    color: #c8c8c8;
}

.star_rating_area {
    display: flex;
    padding: 0 8px;
    border-radius: 9999px;
    border: 1px solid rgba(85, 85, 85, 0.16);
    gap: 2px;
    align-items: center;
    width: fit-content;
    height: 28px;
    margin-top: 16px;
}

.star_rating_num {
    color: #555;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.product_rating {
    color: #555;
    line-height: 20px;
    letter-spacing: -0.28px;
    margin-left: 4px;
}

.star_rating_num_zero {
    display: flex;
    padding: 0 10px;
    border-radius: 9999px;
    border: 1px solid rgba(85, 85, 85, 0.16);
    align-items: center;
    width: fit-content;
    height: 28px;
    color: #2D2D2D;
    line-height: 20px;
    letter-spacing: -0.28px;
    margin-top: 16px;
}

.star_rating_num_zero span {
    color: #4B7620;
    line-height: 20px;
    letter-spacing: -0.28px;
    margin-left: 4px;
}


/* 배지 */

.badge {
    position: absolute;
    width: 50px;
    height: 58px;
    top: 0px;
    left: 0px;
    background: #448245 url("../images/common/imageCornerTipBg.png") 50% 0px no-repeat;
    border-radius: 5px 0px 0px 0px;
}

.badge span {
    color: #fff;
}


/* 상품권 상세 페이지  */

a.wid409 {
    width: 409px;
}

.product_detail_sec02 {
    margin-bottom: 100px;
}

.sub_tit_st01 {
    color: #669933;
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: -1px;
    margin-bottom: 25px;
    text-align: center;
}

.product_detail_sec02 .sub_tit_st01 {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: -1.2px;
    margin-bottom: 25px;
    text-align: left;
}

.other_prod_img {
    border-radius: 5px;
    height: 240px;
    margin-bottom: 14px;
    overflow: hidden;
    border-radius: 5px;
    background:#f5f5f5;
}

.other_prod_con {
    margin-bottom: 70px;
}

.other_prod_con li {
    width: 15.34%;
}

.other_prod_con li+li {
    margin-left: 18px;
}

.other_prod_con li img {
    width: 100%;
}

.other_prod_con li p {
    color: #222;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    padding: 0 10px;
}

.other_prod_img {
    position: relative;
}

.other_prod_img .addToCart {
    right: 10px;
    bottom: 10px;
    width: 35px;
    height: 35px;
}

.other_prod_img:hover .iconPoint {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.other_prod_img:hover .iconButton {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.product_detail_sec03 {
    border-top: 1px solid #999;
    min-height: 600px;
    width: 100%;
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
}

.lef_detail_con {
    width: 800px;
    float: left;
    padding-bottom: 8px;
}

.tab_detail_list {
    border-bottom: 1px solid #EDEDED;
}

.tab_detail_list ul:after {
    clear: both;
    overflow: hidden;
    content: '';
    display: block;
}

.tab_detail_list li {
    float: left;
    width: 159px;
    position: relative;
}

.tab_detail_list li+li:before {
    width: 1px;
    height: 20px;
    background: #EDEDED;
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
}

.tab_detail_list li a {
    color: #999;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    padding: 20px 0;
    text-align: center;
    position: relative;
}

.tab_detail_list li.on a {
    color: #222;
}

.tab_detail_list li.on a:after {
    border-bottom: 4px solid #4A844C;
    bottom: -1px;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}

.product_code {
    margin-bottom: 15px;
    line-height: 19px;
    font-size: 14px;
    text-align: right;
}

.product_code strong {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    display: inline-block;
    line-height: 19px;
    vertical-align: middle;
}

.product_code span {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-family: 'Roboto';
    line-height: 19px;
}


/* 상품별 화면구성   */


/* 묶음 상세 */

.bundle_option {
    margin-bottom: 23px;
}

/* 묶음상품 목록 */

.products_vw_list .list {
    margin-top: 0;
}

.products_vw_list .goods:nth-child(1),
.products_vw_list .goods:nth-child(2),
.products_vw_list .goods:nth-child(3),
.products_vw_list .goods:nth-child(4) {
    margin-top: 0;
}

.products_vw_list .goods {
    width: 178px;
    margin: 20px 29.3px 0 0;
}

.products_vw_list .thumbnail {
    width: 178px;
    height: 240px;
}

.products_vw_list .thumbnail>div>img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.products_vw_list .currentPrice {
    font-size: 18px;
}

.products_vw_list .won {
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
}

.products_vw_list .oldPrice {
    font-size: 14px;
    display: inline-block;
    line-height: 22px;
    display: inline-block;
}


/* 상품상세_묶음상품 */

.composition {
    margin: 20px 0 45px;
}

.composition h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: left;
    line-height: 24px;
}

.tb_detail {
    width: 100%;
    border-top: 1px solid #CCC;
}

.tb_detail col:first-child {
    width: 310px !important;
}

.tb_detail col+col {
    width: 120px !important;
}

.tb_detail th {
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    padding: 4px 10px 5px;
    background: #EDEDED;
    border: 1px solid #CCC;
    border-width: 0 1px 1px 1px;
}

.tb_detail th:last-child {
    border-right: 1px solid #CCC;
}

.tb_detail td {
    font-size: 13px;
    line-height: 24px;
    padding: 4px 10px 5px;
    background: #fff;
    border: 1px solid #CCC;
    border-width: 0 1px 1px;
}

.composition p {
    margin-top: 14px;
    font-size: 12px;
    font-weight: 500;
}

.mt35 {
    margin-top: 35px;
}

td.text-through {
    text-align: right;
    text-decoration: line-through;
}

td.text-right {
    text-align: right;
}


/*  상품정보 미리보기 팝업 */

.product_vw_popup {
    width: 880px;
}

.tit_popup_vw {
    padding: 20px 0;
    border-bottom: 1px solid #EDEDED;
}

.tit_popup_vw h3 {
    font-size: 26px;
    color: #222;
    padding-top: 20px;
    font-weight: 500;
    text-align: left;
    line-height: 38px;
}

.popup_vw_topContent {
    border-bottom: 1px solid #222;
    padding: 20px 0 30px;
    clear: both;
    overflow: hidden;
}

.lef_topContent {
    float: left;
    width: 50%;
    padding-top: 7px;
}

.lef_topContent dl {
    clear: both;
    overflow: hidden;
}

.lef_topContent dl+dl {
    padding-top: 7px;
}

.lef_topContent dt {
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 29px;
    width: 130px;
    text-align: left;
}

.lef_topContent dd {
    float: left;
    font-size: 16px;
    width: calc(100% - 130px);
    color: #666;
    line-height: 29px;
    text-align: left;
}

.rit_topContent {
    width: 340px;
    text-align: left;
    float: right;
}

.rit_topContent .customer_price {
    margin: 0;
    padding-bottom: 0;
}

.rit_topContent .normal_price02 {
    font-size: 16px;
    line-height: 22px;
}

.popup_vw_content .description_sec {
    font-size: 10px;
}

.popup_vw_content .description_box01 {
    padding-bottom: 0;
    padding: 80px 0 0;
}
.popup_vw_content .prodDetailCopyrightWrap{
   margin-bottom:60px;
}
.scroll_paRit02 {
    max-height: 80vh !important;
}


/* 상품상세 스크롤 고정  */

.tab_active {
    padding-top: 68px;
}

.tab_active .tab_detail_list {
    position: fixed;
    top: 85px;
    background: #fff;
    width: 840px;
    z-index: 5;
}

.tab_detail_cont {
    padding-top: 40px;
}


/* 상품상세 앵커 이동& 타이틀 */

.tit_detail_st01 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 14px;
    font-weight: 600;
    text-align:left;
}

.tit_detail_st01+.prod_info_txt {
    padding: 0;
}

.tab_detail_cont+.tab_detail_cont {
    padding-top: 60px;
}

.rit_detail_con {
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    width: 320px;
    float: left;
    position: absolute;
    right: 0;
    height: calc(100% - 7px);
}

.rit_bar_fixed {
    height: 100%;
    padding: 30px 20px 30px;
    width: 320px;
}

.rit_detail_con h4 {
    color: #222;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 2px;
    text-align: left;
}

.thum_datail p strong {
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: 700;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.thum_datail p span {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.buy_option {
    height: calc(100% - 210px);
    max-height: 400px;
    overflow-y: auto;
}

.buy_option dl,
.buy_option02 dl,
.bott_fixed_price dl {
    color: #222;
    display: table;
    font-size: 14px;
    margin: 0;
    padding: 13px 20px;
    vertical-align: middle;
    width: 100%;
    background: #F5F5F5;
    overflow: hidden;
    border-radius: 5px;
}

.buy_option dl+dl,
.buy_option02 dl+dl {
    margin-top: 10px;
}

.buy_option dt,
.buy_option02 dt .bott_fixed_price dt {
    color: #222;
    display: table-cell;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

.buy_option dt span,
.buy_option02 dt span,
.bott_fixed_price dt span {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

.buy_option dd,
.buy_option02 dd,
.bott_fixed_price dd {
    display: table-cell;
    margin: 0;
    text-align: right;
    width: 50%;
}

.rit_buy_price strong {
    color: #4A844C;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.4px;
    line-height: 26px;
    vertical-align: middle;
}

.rit_buy_price span {
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    vertical-align: middle;
    padding-left:3px;
}

.option_bar_btn {
    padding-top: 30px;
}

.option_bar_btn a+a {
    margin-top: 10px;
}

a.btn_bor_gr {
    background: #fff;
    border: 1px solid #257325;
    border-radius: 5px;
    color: #257325;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    padding-top: 15px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
}

a.btn_back_gr {
    background: #346633;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
    font-size: 16px;
    font-weight: 600;
    height: 54px;
    border-radius: 5px;
    width: 100%;
}

a.btn_back_gr .price,
a.btn_back_gr .price b {
    color: #BCD630;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
}

a.btn_soldOut {
    background: #96C296;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: 54px;
    padding-top: 15px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
}

.rit_bar_fixed {
    position: absolute;
    top: 0;
}

.rit_bar_fixed.active {
    background: #fff;
    height: 100vh;
    min-height: 300px;
    position: fixed;
    top: 92px;
    width: 318px;
}

.rit_bar_fixed.active .buy_option {
    height: calc(100% - 210px);
}

.rit_bar_fixed.active_bottom {
    bottom: 0;
    position: absolute;
    top: auto;
    height: 100vh;
    left: 0;
}

.rit_bar_fixed.active_bottom .buy_option {
    height: calc(100% - 260px);
}

.thum_datail {
    position: relative;
    padding-left: 88px;
    height: 93px;
    margin-bottom: 30px;
}

.thum_datail_img {
    width: 69px;
    height: 93px;
    overflow: hidden;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    background:#f5f5f5;
}

.thum_datail_img img {
    max-width: 100%;
    -webkit-transform:translateZ(0);
        -ms-transform:translateZ(0);
            transform:translateZ(0);
}

/* 상품 상세  */

.normal_price02 {
    color: #C8C8C8;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    text-decoration: line-through;
}
.staff_price{
   line-height:19px;
   font-size:13px;
}

.dc_price {
    display: flex;
    column-gap: 8px;
    align-items: center;
}

.dc_price .money_txt_st01,
.dc_price a {
    display: flex;
}

.dc_price>p {
    display: inline-block;
    vertical-align: top;
}

.money_txt_st01 strong {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.64px;
}

.money_txt_st01 span {
    color: #000;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -0.64px;
}

.prodDetailPickupMsg {
    padding-top: 17px;
    margin-left: 3px;
}

.prodDetailCopyrightWrap {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 20px;
    margin-top: 40px;
}

.prodDetailCopyrightWrap p {
    color: #666;
    text-align:left;
}

.coupon_icon {
    margin-left: 30px;
    display: none; /* display: inline-block; */
}

.coupon_icon img {
    vertical-align: middle;
    width: 33px;
    height: 17px;
    margin-top: -1px;
}

.coupon_icon span {
    font-size: 12px;
    line-height: 18px;
    padding-left: 2px;
    color: #222;
    display: inline-block;
}

.dc_info {
    display: flex;
}

.dc_info p {
    color: #555;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.dc_info p+p {
    padding-left: 9px;
    margin-left: 8px;
    position: relative;
}

.dc_info p+p:before {
    width: 1px;
    height: 12px;
    background: #6D6D6D;
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
}

.dc_info span.text-red {
    color: #FF2C2C;
}

.connection_con {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 40px;
}

.connection_con h3 {
    text-align: left;
    color: #222;
    margin-bottom: 14px;
    line-height: 27px;
    font-weight: 700;
}
.connection_list{
   clear:both;
   overflow:hidden;
}
.connection_prod {
    width:50%;
    float:left;
    padding:0 40px 20px 0;
}
.connection_prod a {
    padding-left: 250px;
    position: relative;
    display: block;
    min-height: 102px
}

.connec_thum_img {
    width: 230px;
    height: 102px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.connec_thum_img img {
    max-width: 100%;
}

.connec_tit {
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    margin-bottom: 4px;
    letter-spacing: -1px;
}

.connec_date {
    color: #999;
    line-height: 19px;
    font-family: 'Roboto';
    font-size: 14px;
}

.description_box01 {
    padding: 20px 0 80px;
    color: #222;
    font-size: 10px;
}

.more_cont {
    max-height: 955px;
    font-size: 10px;
    overflow: hidden;
}

.more_cont>div {
    font-size: 10px;
}

.description_sec+.description_sec {
    margin-top: 85px;
}

.description_box02 {
    /* font-size: 10px; */
    margin-top: 53px;
}

.description_box01 h4 {
    font-size: 26px;
    line-height: 38px;
    color: #222;
    text-align: center;
    margin-bottom: 8px;
}

.description_box01 h3 {
    font-size: 46px;
    line-height: 57px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 36px;
    color: #548e55;
}

.description_box01 img {
    margin-bottom: 23px;
    max-width: 100%;
}

.description_box01 p {
    line-height: 36px;
    font-size: 20px;
    text-align: left;
    /* margin-bottom: 30px; */
    margin-bottom: 0;
    word-break: keep-all;
}

.vw_tip_txt+.vw_tip_txt {
    margin-top: 34px;
}

.vw_point_txt p+p {
    margin-top: 36px;
}

.description_box01 h3.tit_description03 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    margin-bottom: 20px;
    color: #121212;
}


/* 상품상세 초록 포인트  */

.choroc_point_cont {
    margin-bottom: 105px;
    padding-top: 15px;
}

.choroc_point_cont li {
    margin-bottom: 40px;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.point_icon_img {
    width: 117px;
}

.vw_point_box {
    width: 683px;
}

.choroc_point_cont li img {
    width: 80px;
    margin-bottom: 0;
}

.choroc_point_cont h4 {
    font-size: 20px;
    color: #548e55;
    line-height: 20px;
    margin-bottom: 7px;
    text-align: left;
    font-weight: 700;
}

.choroc_point_cont p {
    font-size: 20px;
    line-height: 34px;
}


/* Package & Info  */

.Package_info01 {
    background: #EDEDED;
    padding: 64px 0;
    text-align: center;
    margin-bottom: 10px;
}

.Package_info01 img {
    margin-bottom: 17px;
    max-width:50% !important;
}

.Package_info01 p {
    font-size: 20px;
    text-align: center;
    line-height: 29px;
}

.Package_info02 {
    line-height:0;
    border:1px solid #E5E5E5;
    min-height:475px;
    padding:30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}
.Package_info02 img{
    margin:0 auto;
    max-width:50% !important;
}
.Package_info03{
   border:1px solid #EDEDED;
   padding:62px 80px 68px;
   margin-top:10px;
}
   .Package_info03 table{
         width:638px;
   }
   .Package_info03 table th{
      padding:12px 14px;
      vertical-align:middle;
   }
   .Package_info03 table td{
      padding:12px 20px;
   }
   .Package_info03 ul{
      margin-top:20px;
   }
   .Package_info03 li{
      padding-left:10px;
      position:relative;
      line-height:20px;
      text-align:left;
   }
   .Package_info03 li + li{
      margin-top:7px;
   }
   .Package_info03 li:before{
      content:'';
      display:block;
      width:4px;
      height:4px;
      background:#000;
      position:absolute;
      top:8px;
      left:0;
      -webkit-border-radius:5px;
      border-radius:5px;
      overflow:hidden;
   }
   .Package_info03 p{
      color:#999;
      font-size:12px;
      margin-top:10px;
      line-height:17px;
   }

/* e */

.description_more {
    margin-top: 80px;
}

.description_more a {
    display: block;
    height: 60px;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 20px 0;
    color: #222;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    position: relative;
}

.description_more a:after {
    background: url("../images/sub/icon_more.svg") no-repeat;
    display: block;
    width: 14px;
    height: 8px;
    content: '';
    position: absolute;
    top: 25px;
    right: 40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.description_more a.close:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.more_cont.more_active {
    max-height: inherit;
}

.tit_description {
    font-size: 34px;
    line-height: 59px;
    text-align: center;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px;
}

.tit_description02 {
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
}

.bott_desc_txt {
    padding: 30px 0 0;
    position: relative;
}

.bott_desc_txt h4 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 10px;
}

.bott_desc_txt p {
    font-size: 16px;
    line-height: 24px;
}

.bott_desc_txt p strong {
    color: #669933;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding-right: 10px;
}

.btn_recipe {
    position: absolute;
    top: 40px;
    right: 30px;
    width: 30px;
    height: 20px;
}

.description_box02+.description_box02 {
    margin-top: 80px;
}

.prod_info_txt {
    padding: 20px 0;
    /* border-top: 1px solid #EDEDED; */
}

.description_box02 .prod_info_txt:nth-child(2) {
    /* border-top: 1px solid #222; */
}

.prod_info_txt:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.prod_info_txt>h4 {
    font-size: 18px;
    line-height: 27px;
    color: #222;
    font-weight: 500;
    margin-bottom: 6px;
    text-align: left;
}

.prod_info_txt>p {
    font-size: 15px;
    line-height: 24px;
    color: #222;
    text-align:left;
}

.prod_info_txt>p+table {
    margin-top: 16px;
}

.prod_round_tb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.prod_round_tb table tr th:first-child {
    border-left: 0;
}

.prod_round_tb table tbody tr:last-child th,
.prod_round_tb table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.prod_round_tb table {
    border: 0;
}

.prod_info_txt .tb_mypage_st tr:last-child th,
.prod_info_txt .tb_mypage_st tr:last-child td {
    border-bottom: 1px solid #ccc;
}

.prod_info_txt .tb_mypage_st th {
    background: #EDEDED;
}

.prod_info_txt .tb_mypage_st th,
.prod_info_txt .tb_mypage_st td {
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
}
.prod_info_txt .tb_mypage_st td
.prod_info_txt table th,
.prod_info_txt table td {
    text-align: center;
    border-top: 1px solid #ccc;
}

.prod_info_txt.mb60 .tb_mypage_st.tb_regular td {
    text-align: right;
    border-top: 1px solid #ccc;
}

.prod_info_txt.mb60 .tb_mypage_st.tb_regular td:first-child {
    text-align: center;
}

.product_description_con .description_box02 .prod_info_txt.mb60 {
    padding-top: 3px;
}


/* 모바일과공통 배송/반품/교환 */

.dre_sec {
    margin-bottom: 60px;
}

.tb_dre_st th {
    font-size: 14px;
    color: #222;
    line-height: 20px;
    background: #F6F6F6;
    font-weight: 500;
    text-align: left;
    padding: 16px 20px;
    border-top: 1px solid #EDEDED;
    vertical-align: top;
}

.tb_dre_st td {
    font-size: 14px;
    color: #222;
    /* line-height: 22px; */
    line-height: 30px;
    background: #fff;
    text-align: left;
    /* padding: 16px 20px; */
    padding: 10px;
    border-top: 1px solid #EDEDED;
    word-break: keep-all;
}

.tb_dre_st tr:last-child th,
.tb_dre_st tr:last-child td {
    border-bottom: 1px solid #ccc;
}

.tb_dre_st tr th,
.tb_dre_st tr td {
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
}

.dre_sec table {
    margin-bottom: 30px;
    border-right:1px solid #ccc;
}

.dre_sec .subjectTitle {
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

.dre_sec ol+table {
    margin-top: 30px;
}

.dre_sec li {
    font-size: 14px;
    line-height: 24px;
    position: relative;
}

.dre_sec ul li {
    padding-left: 10px;
}

.dre_sec ul li:before {
    position: absolute;
    top: 11px;
    left: 0;
    content: '';
    display: block;
    background: #222;
    width: 4px;
    height: 1px;
}

.dre_sec ol li+li {
    margin-top: 20px;
}

.dre_sec p {
    margin-bottom: 20px;
}


/* e */

.prod_info_txt table td {
    text-align: left;
}

.prod_info_txt table.text_left th,
.prod_info_txt table.text_left td {
    text-align: left;
}
.prod_info_txt table.text_center th{
   text-align:center;
}
.prod_info_txt thead th{
   border-bottom:1px solid #EDEDED;
}
.txt_bk{
   color:#fff;
   background:#000;
   padding:1px 6px 2px;
   line-height:20px !important;
   display:inline-block;
}
.txt_bk + .txt_bk{
   margin-left:3px;
}
.lef_bor_gy{
   border-left:1px solid #EDEDED;
}
.prod_info_box {
    padding: 20px;
    background: #F5F5F5;
    line-height: 22px;
    margin-top: 14px;
}

.prod_info_box p {
    font-size: 15px;
    line-height: 24px;
}

.believe_choroc_con {
    border: 1px solid #EDEDED;
    border-radius: 10px;
}

.believe_line {
    padding: 40px;
}

.believe_line+.believe_line {
    border-top: 1px solid #EDEDED;
}

.believe_choroc_wrap {
    font-size: 10px;
}

.believe_choroc_wrap>p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-align: center;
}

.believe_line {
    position: relative;
    min-height: 178px;
    padding-left: 190px;
}

.believe_line h4,
.believe_line h4 span {
    color: #257325;
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 12px;
    text-align: left;
    font-weight: 700;
}

.believe_line h4 span,
.believe_line h4 button {
    vertical-align: middle;
}

.believe_line h4 button {
    margin-left: 20px;
}

.believe_line p {
    font-size: 18px;
    line-height: 27px;
    text-align: left;
}

.believe_mark {
    width: 100px;
    height: 100px;
    background: #EEE;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 40px;
}

.description_sec .tit_description {
    margin-bottom: 30px;
}

.tit_descrip_small {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    color: #222;
    /* margin:3px 0; */
}

h5.tit_descrip_small {
    text-align: left;
}

.iconBoardPicture {
    width: 15px;
    height: 13px;
}


/* 안전관리시스템 (상품 상세) */

.safety_system {
    display: flex;
    padding: 20px 48px;
    align-items: center;
    gap: 20px 8px;
    border-radius: 8px;
    background: rgba(85, 85, 85, 0.04);
    flex-wrap: wrap;
}

.safety_system li, .safety_system li a {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 175px;
}

.safety-name {
    display: flex;
    align-items: center;
    color: #2D2D2D;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.safety-name img{
    width: 16px;
    height: 16px;
}


/* 상품 상세 인스트 그램 */

.sns_instargram {
    clear: both;
    overflow: hidden;
}

.sns_instargram li:nth-child(odd) {
    float: left;
    width: 390px;
    margin-top: 20px;
}

.sns_instargram li:nth-child(even) {
    float: right;
    width: 390px;
    margin-top: 20px;
}

.sns_instargram li:first-child {
    margin-top: 0px;
}

.sns_instargram li:nth-child(2) {
    margin-top: 0px;
}

.sns_instargram li:nth-child(even)+.sns_instargram li:nth-child(even) {
    margin-top: 20px;
}

.sns_instargram li {
    border: 1px solid #ccc;
    margin: 0;
    font-size: 0;
}

.sns_instargram li a {
    display: block;
    width: 388.1px;
}

.sns_imgBox{
   height:388px;
   background:#f5f5f5;
   overflow:hidden;
}
.sns_imgBox img {
    width: 100%;
}

.top_tit_sns {
    position: relative;
    padding: 14px 62px 13px 68px;
    background: url("../images/sub/icon_sns_next.svg") 346px 19px no-repeat;
}

.top_tit_sns img {
    position: absolute;
    top: 14px;
    left: 21px;
}

.top_tit_sns h4 {
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-left: 10px;
}

.top_tit_sns p {
    line-height: 18px;
    font-size: 12px;
    margin-left: 10px;
    letter-spacing: -0.65px;
}

.bott_sns_txt {
    position: relative;
    padding: 9px 15px 14px 80px;
}

.sns_like {
    display: block;
    position: absolute;
    left: 24px;
    top: 13px;
    padding-top: 26px;
    background: url("../images/sub/icon_sns_like.svg") center 0 no-repeat;
    background-size:24px 21px;
    font-size: 10px;
    font-weight: 700;
    line-height: 13px;
    text-align: center;
    width: 27px;
}

.hashtag_txt {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 22px;
    height: 44px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hashtag_txt span {
    line-height: 22px;
    font-size: 12px;
    display: inline-block;
    margin-right: 20px;
    ;
}


/* 믿을 수 있는 초록 */

.choroc_believe_wrap {
    border: 2px solid #EDEDED;
    padding: 0 40px;
    border-radius: 10px;
}

.choroc_believe {
    padding: 40px 0 40px 130px;
    position: relative;
    border-top: 1px solid #EDEDED;
}

.choroc_believe h4 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    margin-bottom: 10px;
}

.choroc_believe img {
    position: absolute;
    top: 40px;
    left: 0;
}

.choroc_believe dl+dl {
    margin-top: 6px;
}

.choroc_believe dt {
    font-weight: 500;
    width: 56px;
    display: inline-block;
}

.choroc_believe dd {
    width: 107px;
    display: inline-block;
}

.choroc_believe dt,
.choroc_believe dd {
    line-height: 20px;
}

.choroc_believe button {
    position: absolute;
    right: 0;
    bottom: 40px;
}

.btnGray48 {
    color: #222222;
    border: 1px solid #ccc;
    height: 48px;
    border-radius: 5px;
    padding: 13px 10px;
    font-size: 14px;
    line-height: 14px;
    background-color: white;
}

.btnGray48:hover {
    border: 1px solid #669933;
}

.tit_choroc_believe {
    margin-bottom: 44px;
}

.tit_choroc_believe h3 {
    margin-bottom: 8px;
}

.tit_choroc_believe p {
    color: #666;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}


/* 초록레시피 */

.choroc_recipe_list ul {
    clear: both;
    overflow: hidden;
}

.choroc_recipe_list li {
    float: left;
    width: 250px;
}

.choroc_recipe_list li+li {
    margin-left: 22px;
}

.thum_recipe_img {
    height: 300px;
    overflow: hidden;
}

.recipe_list_txt {
    padding-top: 10px;
}

.recipe_list_txt span {
    display: block;
    font-size: 12px;
    color: #222;
    line-height: 18px;
}

.recipe_list_txt p {
    font-size: 18px;
    line-height: 27px;
    color: #222;
}

.recipe_slide {
    overflow: hidden;
}

.recipe_slide .swiper-container-horizontal>.swiper-scrollbar {
    opacity: 1 !important;
}

.recipe_slide .swiper-scrollbar-drag {
    background: #669933;
}

.recipe_slide .swiper-scrollbar {
    background: #EDEDED;
}

.recipe_slide .swiper-container-horizontal>.swiper-scrollbar {
    height: 2px;
    margin-top: 2px;
}

.recipe_slide .swiper-container-horizontal>.swiper-scrollbar {
    width: 100%;
}

.recipe_slide {
    margin-bottom: 6rem;
}

.recipe_list_txt p:nth-child(1) {
    font-size: 12px;
    line-height: 18px;
    display: block;
}

.recipe_list_txt p:nth-child(2) {
    line-height: 27px;
    display: block;
    font-size: 18px;
}

.recipe_slide .recipe_slide {
    width: 100%;
    overflow: hidden;
}

.recipe_slide .swiper-slide {
    padding-bottom: 40px;
}

.recipe_slide .swiper-slide img {
    width: 100%;
}

.recipe_slide .swiper-slide:last-child {
    margin-right: 0 !important;
}

.recipe_slide .swiper-container-horizontal>.swiper-scrollbar {
    left: 0;
    bottom: 0;
}


/* 핫딜 상품상세  */

.hotDeal_option {
    margin-bottom: 60px;
    border-bottom: 0;
}

.select_option_st {
    position: relative;
}

.select_option_st {
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.select_option_st.active {
    border: 1px solid #257325;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
}

.select_option_txt {
    color: #222;
    display: block;
    font-size: 16px;
    line-height: 24px;
    outline: none;
    padding: 12px 30px 14px 20px;
    vertical-align: middle;
    width: 100%;
    height: auto;
    min-width: 50px;
    background: #fff;
    position: relative;
}

.select_option_txt:after {
    background: url('../images/sub/icon_option_dw.svg') 0 center no-repeat;
    position: absolute;
    right: 20px;
    top: 20px;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-size: 100% auto;
}

.select_option_st.active .select_option_txt:after {
    background: url('../images/sub/icon_option_dw_on.svg') 0 center no-repeat;
    position: absolute;
    right: 20px;
    top: 20px;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-size: 100% auto;
}

.prod_delivery_info+.select_option_line {
    margin-top: 3px;
}

.select_option_line {
    position: relative;
    height: 50px;
    margin-bottom: 20px;
}

.select_option_line+.option_choiceBox {
    margin-top: 30px;
}

.optionBox {
    padding-bottom: 20px;
    display: none;
}

.optionBox li {
    clear: both;
    padding: 0 20px;
    overflow: hidden;
}

.optionBox li>div {
    float: left;
}

.lef_option {
    width: 70%;
}

.lef_option p {
    font-size: 16px;
    line-height: 34px;
}

.rit_option span {
    color: #ccc;
    line-height: 34px;
    font-size: 14px;
    text-decoration: line-through;
}

.rit_option strong {
    line-height: 34px;
    font-size: 16px;
    padding-left: 18px;
}

.rit_option {
    text-align: right;
    width: 30%;
}

.optionBox li:hover {
    background: #669933;
    cursor: pointer;
}

.optionBox li:hover p,
.optionBox li:hover strong {
    color: #fff;
}

.optionBox li:hover p.soldOut,
.optionBox li:hover span.soldOut,
.optionBox li:hover strong.soldOut {
    color: #ccc;
}

.optionBox li.soldOutList:hover {
    background: none;
    cursor: default;
}

.lef_option p.soldOut,
.rit_option span.soldOut,
.rit_option strong.soldOut {
    /* 해당 상품 품절 표시 */
    color: #ccc;
}

.optionBox li:hover span {
    color: rgba(255, 255, 255, .5);
}

.small_product_num {
    position: relative;
}

.small_product_num .product_num {
    height: 26px;
    min-width: 88px;
    padding: 0 30px;
}

.small_product_num .product_num a {
    width: 30px;
    height: 26px;
}

.small_product_num .product_num input[type="text"] {
    font-size: 14px;
    width: 24px;
    height: 24px;
}

.small_product_num .btn_minus:before {
    top: 11px;
    left: 9px;
}

.small_product_num .btn_plus:before {
    top: 11px;
    left: 10px;
}

.small_product_num .btn_plus:after {
    top: 7px;
}
.small_product_num .thumbnailDeliveryBadge0,
.small_product_num .thumbnailDeliveryBadge2{
   vertical-align:middle;
   margin-left:7px;
}
.option_choiceBox {
    margin-top: 10px;
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 20px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.select_option_st {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
}

.btn_close_option {
    position: absolute;
    top: 24px;
    right: 21px;
}

.option_choiceBox p {
    line-height: 20px;
    color: #222;
}

.option_choiceBox p+p {
    margin-top: 10px;
}

.option_choiceBox p span+span {
    padding-left: 10px;
}

.option_choiceBox .small_product_num {
    margin-top: 13px;
}

.choice_couponDw {
    position: absolute;
    top: 0;
    right: 0;
}

.hotDeal_check_num {
    clear: both;
    padding: 20px;
    background: #EDEDED;
    overflow: hidden;
    margin-top: 30px;
}

.product_num_txt {
    float: left
}

.product_num_txt p {
    font-weight: 500;
    font-size: 14px;
    padding-top: 16px;
    line-height: 20px;
}

.hotDeal_check_num .check_price strong {
    font-weight: 700;
    font-family: 'Roboto';
    color: #669933;
    font-size: 40px;
    line-height: 53px;
}

.hotDeal_check_num .check_price span {
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
}

.rit_optionBox {
    margin-bottom: 20px;
}

.rit_optionBox .option_choiceBox {
    border: 1px solid #ccc;
}

.rit_optionBox .small_product_num {
    margin-top: 10px;
}

.rit_optionBox .btn_close_option img {
    width: 15px;
}

.products_vw_list .check_st01 {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.products_vw_list .thumbnail:hover .check_st01 {
    display: block;
}

.products_vw_list .thumbnail.choice_active {
    /* border: 1px solid #669933; */
    border-radius: 5px;
    overflow: hidden;
}


/* 핫딜 상품상세 옵션바  */

.hot_select_wrap {
    margin-bottom: 30px;
}

.hot_select_wrap .hot_select+.hot_select {
    margin-top: 10px;
}

.hot_select {
    position: relative;
    height: 50px;
}

.hot_select select {
    height: 50px;
    font-size: 16px;
    padding: 12px 37px 14px 21px;
    background: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.hot_select:after {
    background: #fff url('../images/sub/icon_option_dw.svg') 0 center no-repeat;
    width: 14px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 20px;
    content: '';
}

.tit_deal {
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
}

.option_choiceBox .textEllipsis {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    line-height: 20px;
}

.deal_group+.deal_group {
    margin-top: 30px;
}

.option_benefit {
    position: relative;
    clear: both;
    margin-top: 20px;
}

.option_benefit>div {
    width: 50%;
}

.rit_deal_price {
    position: absolute;
    top: 0;
    width: 57%;
    text-align: right;
    right: 0;
}

.rit_deal_price strong {
    line-height: 24px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Roboto';
    font-weight: 700;
}

.rit_deal_price span {
    line-height: 22px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
}


/* 정기배송 상품상세 */

.option_radio_box {
    margin: 15px 0 15px;
}

.option_radio_box li {
    display: inline-block;
}

.option_radio_box li+li {
    margin-left: 30px;
}

.regular_txt {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #222;
}

.mb60 {
    margin-bottom: 60px
}

.tb_regular th {
    text-align: center;
}

.tb_regular td {
    text-align: right;
}

.delivery_radioBox {
    padding-left: 24%;
    margin-bottom: 45px;
}

.btn_sale_view {
    display: inline-block;
    width: 85px;
    border: 1px solid #CCC;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 3px 0 5px;
}

.delivery_radioBox .option_radio_box li+li {
    margin-left: 29px;
}

.buy_option input[type="radio"]+label {
    line-height: 20px;
}


/* 멀티행사 상품상세  */

.multi_event {
    position: relative;
    margin-top: 20px;
}

.multi_event+.multi_event {
    margin-top: 10px;
}

.multi_event_txt {
    width: 100%;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    display: table;
    background: url("../images/sub/onSale_img.png") 19px 19px no-repeat;
    border: 1px solid #CCC;
}

.multi_event_txt:after {
    width: 8px;
    height: 14px;
    ;
    display: block;
    content: '';
    position: absolute;
    top: 33px;
    right: 20px;
    background: url("../images/sub/icon_next_onsale.svg") no-repeat;
}

.no_link_event .multi_event_txt:after {
    background: none;
}

.multi_event_txt>a {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
    width: 100%;
    padding: 0 30px 0 80px;
}

.multi_event_txt>a>p {
    display: inline-block;
    width: 100%;
}

.multi_event p {
    font-size: 14px;
    line-height: 22px;
}

.mt15 {
    margin-top: 15px;
}


/* 멀티 상품 상세  */


/* 행사 상세 */

.thum_ev_img02 {
    width: 74px;
    height: 100px;
    background: #ccc;
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
}

.thum_ev_img02 img {
    width: 100%;
}

.ev_prod_txt {
    line-height: 20px;
}

table.tb_ev_st th,
table.tb_ev_st td {
    background: #fff;
    padding: 14px 10px;
    vertical-align: top;
}

td.pl0 {
    padding-left: 0;
}

.bor0 {
    border-bottom: 0 !important;
}

.tb_bor_left {
    border-bottom: 1px solid #ededed;
}

.tb_bor_left td {
    border-left: 1px solid #ededed;
}

.tb_bor_left td:first-child {
    border-left: 0;
}


/* 예약 상품상세  */
.select_50 {
    position: relative;
}

.select_50 select {
    background: #fff;
    display: flex;
    height: 50px;
    padding: 8px 16px;
    align-items: center;
    border: 1px solid rgba(85, 85, 85, 0.16);
    border-radius: 8px;
    color: #C8C8C8;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.select_50:after {
    width: 24px;
    height: 6px;
    content: '';
    display: block;
    background: url('../images/sub/icon_option_dw.svg')  center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 16px;
    top: 22px;
}

.detail_notice_txt p {
    color: #666;
    line-height: 20px;
    padding-left: 23px;
    background: url("../images/sub/icon_notice.svg") 0 3px no-repeat;
}

.mt40 {
    margin-top: 40px;
}

.detail_notice_txt {
    margin-top: 30px;
}


/* 상품평  */

.bor0_pa40 {
    border-bottom: 0;
    padding-bottom: 40px;
}

.review_write .cart_top_info {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 17px;
    width: 100%;
    position: relative;
}

.review_write .cart_top_info .writeButton {
    position: absolute;
    bottom: 0;
    right: 0;
}

.review_write .cart_top_info .number {
    color: #669933;
}

.review_star {
    width: 110px;
    text-align: center;
}

.review_star strong {
    vertical-align: top;
    line-height: 16px;
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
}

.review_write .helpCenter1Q1A .list,
.review_write .oneQoneA .list {
    margin: 0;
}

.review_write .helpCenter1Q1A .list+.list,
.review_write .oneQoneA .list+.list {
    margin-top: 10px;
}

.review_write .helpCenter1Q1A .list .question {
    /* width: 350px; */
    overflow: hidden;
}

.review_write .helpCenter1Q1A .list .number {
    /* width: 25px; */
    padding: 0;
}

.review_star img {
    vertical-align: top;
    padding: 0 1px;
    width: 18px;
    line-height: 30px;
    display: inline-block;
}

.review_write .helpCenter1Q1A .list .inputDate,
.review_write .oneQoneA .list .inputDate {
    margin-right: 0;
    padding-right: 0;
    text-align: right;
    /* width: 100px; */
    width: 70px;
}

.review_write .oneQoneA .list .question {
    width: 350px;
    overflow: hidden;
}


/* 상품평 */

.review_write .helpCenter1Q1A .list .oneStep {
    padding: 17px 30px 13px 30px;
}

.review_write .helpCenter1Q1A .listActive {
    border-color: #999;
}

.review_write .review_write .helpCenter1Q1A .list .number {
    width: 52px;
    margin-right: 0;
    word-break: break-all;
}

.review_write .review_star {
    width: 94px;
    text-align: left;
}

.review_write .helpCenter1Q1A .list .inputDate.inputId {
    width: 63px;
    text-align: left;
}

.review_write .helpCenter1Q1A .list .question {
    width: 464px;
    max-width: none;
}

.review_write .question_txt_over {
    width: 370px;
}


/*  상품 문의 */

.review_write .downWritingQA .list .oneStep {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 28px;
}

.myPageContents .review_write .oneQoneA .list .listArrowButtonDown {
    width: 20px;
    height: 30px;
    background: url("../images/common/btnArrowDown.png") right center no-repeat;
    border: none;
}

.myPageContents .review_write .oneQoneA .list .listArrowButtonUp {
    background: url("../images/common/btnArrowUp.png") right center no-repeat;
}

.review_write .oneQoneA .list .number {
    width: 42px;
    margin-right: 0;
}

.review_write .oneQoneA .list .state {
    width: 77px;
}

.review_write .oneQoneA .list .inputDate.inputId {
    width: 63px;
    text-align: left;
}

.review_write .oneQoneA .list .inputDate {
    width: 60px;
    padding-top: 0;
}

.review_write .oneQoneA .list .question {
    width: 481px;
    max-width: none;
    padding-right: 10px;
}

.review_write .downWritingQA .list .state {
    line-height: 24px;
}

.review_write .oneQoneA .list .complete {
    color: #669933;
}

.review_write .oneQoneA .list .qMark {
    color: #222;
}

.review_write .oneQoneA .list .aMark {
    color: #669933;
}

.review_write .oneQoneA .listActive {
    border-color: #999;
}

.review_write .oneQoneA .list .oneStep {
    padding: 17px 30px 11px 30px;
}


/* //e */

.revw_star_list ul {
    overflow: hidden;
    clear: both;
    margin-bottom: 40px;
}

.revw_star_list li {
    width: 166px;
    padding: 0 36px;
    text-align: left;
    float: left;
    border-left: 1px solid #CCC;
}

.revw_star_list li:first-child {
    width: 126px;
    padding: 0;
    border-left: 0;
}

.review_write .review_star02 img {
    vertical-align: top;
    padding: 0 1px;
    width: 18px;
    display: inline-block;
    margin-left: -2px;
}

.revw_star_list li:first-child .review_star02 img {
    margin-left: 0;
}

.revw_star_list span {
    font-size: 14px;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    line-height: 20px;
}

.review_write .helpCenter1Q1A .aMark {
    display: none;
}

.review_write .helpCenter1Q1A .list .fileIcons {
    /* padding: 0 40px; */
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.review_write .helpCenter1Q1A .list .fileIcons a {
    width: 194px;
    height: 194px;
    margin-right: 19px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review_write .helpCenter1Q1A .list .fileIcons a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin-right: 0;
    margin: 0 auto;
}

.question_txt_over {
    /* max-width: 100%; */
    /* width: 346px; */
    width: 320px;
    /* margin-right: 20px; */
    height: 30px;
    position: relative;
    padding-right: 25px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
}

.rit_icon {
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 20px;
    text-align: left;
}

.rit_icon img {
    vertical-align: middle;
}

.rit_icon img+img {
    padding-left: 3px;
}

.iconBoardListPic {
    vertical-align: 1px;
    width: 20px;
    margin-left: 3px;
}

.iconBoardListPic img {
    vertical-align: middle;
}

.iconBoardListPic img+img {
    padding-left: 3px;
}


/* 상품상세  */


/* 상품평 이벤트  */

.point_eventBox {
    background: url("../images/sub/bg_point_ev.png") no-repeat;
    height: 172px;
    text-align: center;
    padding-top: 40px;
    width: 800px;
}

.point_message01 {
    margin-bottom: 2px;
}

.point_message01 strong {
    vertical-align: middle;
    font-weight: 700;
    display: inline-block;
    font-size: 40px;
    line-height: 59px;
    color: #222;
}

.point_message01 span {
    vertical-align: middle;
    display: inline-block;
    font-size: 40px;
    line-height: 59px;
    color: #222;
}

.p_num span {
    font-size: 20px;
    line-height: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #947719;
}

.p_num p {
    vertical-align: middle;
    display: inline-block;
    padding-left: 6px;
}

.p_num p strong {
    vertical-align: middle;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #947719;
    font-family: 'Roboto'
}

.p_num p strong+strong {
    background: url("../images/sub/icon_point_ev.svg") 3px center no-repeat;
    padding-left: 24px;
}

.point_eventBox02 {
    margin: 50px 0 40px;
    padding-top: 25px;
}

.point_eventBox02 .p_num {
    margin-top: 10px;
}

.point_eventBox02 .p_num span {
    line-height: 24px;
}


/* 상품평 없음  */

.no_review_txt li {
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    position: relative;
    padding-left: 10px;
}

.no_review_txt li+li {
    margin-top: 10px;
}

.no_review_txt li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 8px;
    background: #222;
    left: 0;
}

.mt80 {
    margin-top: 80px;
}


/* 배송/반품/교환 */

.dre_sec01+.dre_sec01 {
    margin-bottom: 60px;
}

.dre_sec01:first-child {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.dre_sec01:last-child {
    margin-bottom: 0
}

.dre_sec01 h4 {
    margin-bottom: 20px;
}

.dre_sec01 h4 strong {
    font-size: 23px;
    line-height: 30px;
    font-family: "Roboto";
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

.dre_sec01 h4 span {
    font-size: 20px;
    line-height: 29px;
    font-family: "Roboto";
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

.dre_sec01 h5 {
    font-size: 18px;
    line-height: 27px;
    color: #257325;
    font-weight: 500;
    margin-bottom: 10px;
}

.color_red {
    color: #D90000;
}

strong.color_red {
    font-weight: 500;
}

.dre_sec01 .prod_info_txt {
    padding: 0 0 30px;
    border: 0;
}

.dre_txtBox {
    font-size: 16px;
    line-height: 24px;
}

.dre_txtBox ol li+li {
    margin-top: 20px;
}

.dre_txtBox ul li+li {
    margin-top: 10px;
}

.dre_txtBox ol li>p {
    padding-left: 15px;
}

.mt10 {
    margin-top: 10px;
}


/* 상품문의  */

.title_prodInfo {
    width: 616px;
}

.title_prodInfo p {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    font-size: 16px;
}

.inquiry_tit .question_txt_over {
    position: relative;
    font-size: 16px;
}

.inquiry_tit:before {
    content: '';
    width: 1px;
    height: 12px;
    display: block;
    position: absolute;
    top: 7px;
    left: 8px;
    background: #CCC;
}

.title_prodInfo p+p img {
    padding-top: 3px;
    padding-left: 8px;
}

.inquiry_tit {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    max-width: 50%;
    padding-left: 21px;
    position: relative;
}

.oneQoneA .list .question.title_prodInfo {
    -o-text-overflow: inherit;
    text-overflow: inherit;
}


/* 제목 두줄 처리  */

.downWritingQA .list .downWriting {
    -o-text-overflow: inherit;
    text-overflow: inherit;
    overflow: inherit;
    white-space: normal;
    height: auto;
}

.downWritingQA .list .downWriting>img {
    vertical-align: middle;
    padding-left: 5px;
}

.downWritingQA .list .oneStep {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.downWritingQA .list .downWriting span {
    font-size: 16px;
    line-height: 24px;
}

.downWritingQA .list .inputDate {
    line-height: 24px;
}

.downWritingQA .list .state {
    line-height: 22px;
}

.answer_day_wrap {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

.answer_day_wrap div {
    width: 57px;
    float: right;
}

.answer_day_wrap p {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.questionSection {
    position: relative;
}

.btn_qa_delete {
    position: absolute;
    top: 0;
    color: #999;
    right: 0;
}

.btn_qa_delete2 {
    position: absolute;
    top: 30px;
    right: 32px;
}

.downWritingQA .list .answer {
    width: 810px;
}

.downWritingQA .list .questionSection {
    margin-top: 0;
}

.question_prod_tit {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-bottom: 10px;
}

.prod_Q {
    position: relative;
    width: 800px;
    padding-right: 80px;
}

.downWritingQA .list .questionDetail {
    width: 100%;
    word-break: break-all;
    white-space: normal;
}


/* 상품문의 등록 팝업  */

.radio_listBox {
    margin: 14px 0 40px;
}

.radio_listBox input[type="radio"]+label {
    margin-right: 18px;
}


/* 공유 버튼*/

.share_sns {
    width: 60px;
    height: 160px;
    padding: 10px;
    border: 1px solid #222;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 0;
    -webkit-box-shadow: 1px 1px 9px rgba(0, 0, 0, .16);
    -ms-box-shadow: 1px 1px 9px rgba(0, 0, 0, .16);
    box-shadow: 1px 1px 9px rgba(0, 0, 0, .16);
    left: 70px;
    display: none;
    z-index: 2;
}

.share_sns a {
    width: 40px;
    text-align: center;
    height: 40px;
    padding-top: 9px;
    margin: 0;
    display: block;
}

.share_sns a:hover {
    background: #F5F5F5;
    border-radius: 5px;
}

.share_sns a+a {
    margin-top: 10px;
}


/* 이벤트  */

.sub_tit_st02 {
    line-height: 47px;
    color: #264427;
    font-size: 32px;
    font-weight: 700;
    /* margin-bottom: 50px; */
    text-align: center;
}

.tab_menu_list ul {
    clear: both;
    overflow: hidden;
}

.tab_menu_list li {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 50%;
}

.tab_menu_list li.on a {
    background: #fff;
    color: #222;
    font-weight: 700;
}

.tab_menu_list li.on a:after {
    background: #669933;
    height: 2px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    content: '';
}

.tab_menu_list li a {
    background: #fff;
    color: #999;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 60px;
    padding-top: 14px;
    line-height: 29px;
    text-align: center;
    position: relative;
}

.event_sec01 {
    margin-top: 40px;
}

.event_cont {
    display: none;
    padding-top: 60px;
}

.event_cont:first-child {
    display: block;
}

.iconShare {
    position: absolute;
    right: 0;
    top: 12px;
    width: 25px;
    height: 25px;
}


/* 기획전 List */

.event_list_con ul {
    clear: both;
    overflow: hidden;
    padding-bottom: 30px;
}

.event_list_con li {
    float: left;
    /* margin-right: 3.28%; */
    margin-top: 60px;
    /* width: 48.36%; */
    width: 560px;
    margin-right: 40px;
}

.event_list_con li:nth-child(1),
.event_list_con li:nth-child(2) {
    margin-top: 0;
}

.event_list_con li:nth-child(2n) {
    margin-right: 0;
}

.event_list_con a:focus {
    outline: none
}

.thum_e_img {
    border-radius: 5px;
    height: 250px;
    overflow: hidden;
    -webkit-border-radius: 5px;
}

.thum_e_img img {
    /* max-width: 100%; */
    width: 100%;
}

.event_txt {
    padding: 10px 0;
}

.e_tit {
    color: #222;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
}

.e_date {
    margin-top: 5px;
}

.e_date span {
    color: #999;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 19px;
    vertical-align: middle;
}

.ev_ing {
    height: 22px;
    background: #669933;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    padding: 2px 13px;
    font-weight: 500;
    margin-right: 8px;
}


/* 이벤트 List */

.event_list_con02 {
    margin-bottom: 60px;
}

.eventBox {
    clear: both;
    overflow: hidden;
}

.eventBox+.eventBox {
    margin-top: 50px;
}

.thum_ev_img {
    width: 590px;
    height: 180px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
    position: relative;
}

.thum_ev_img img {
    max-width: 100%;
    max-height: 100%;
}

.rit_event_con {
    float: right;
    width: 570px;
    padding-left: 40px;
}

.rit_event_con p {
    font-size: 26px;
    line-height: 38px;
    font-weight: 300;
    margin-bottom: 3px;
}

.rit_event_con span {
    font-size: 14px;
    line-height: 19px;
    color: #999;
    margin-bottom: 3px;
    display: block;
}

.rit_event_con button {
    width: 123px;
    height: 40px;
    margin-top: 30px;
    background: #fff url("../images/sub/icon_ev_vw.svg") 95px 14px no-repeat;
    font-weight: 500;
    text-align: left;
    font-size: 15px;
    line-height: 22px;
    border: 1px solid #669933;
    color: #669933;
    border-radius: 20px;
    display: block;
    padding-left: 20px;
}

.closed_event {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}

.closed_ev_midl {
    display: table-cell;
    vertical-align: middle;
}

.closed_event p {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    display: inline-block;
    text-align: center;
}


/* 기획전 상세, 카테고리 탭 */

.event_vw_con {
    position: relative
}

.event_vw_con .slickPrev {
    position: absolute;
    top: 0;
    left: -32px;
    top: 115px;
}

.event_vw_con .slickNext {
    position: absolute;
    top: 0;
    right: -32px;
    top: 115px
}

.tab_cate_cont .goodsRecommendSection .list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}

.rit_promo .list-ui .prices {
    margin-bottom: 0;
}


/* 이벤트 기획전,  공유하기  */

.shareBox_st02 {
    position: absolute;
    top: 0;
    right: 0;
}

.shareBox_st02 .share_sns {
    right: 0;
    left: auto;
}

.shareBox_st02 .btn_share {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: #fff url("../images/sub/icon_recipe_sharing.svg") center no-repeat;
    background-size: 23px 22px;
    border: 0;
    border-radius: 0;
}


/* 이벤트 상세보기 탭메뉴  */

.event_menu_list ul {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
}

.event_menu_list.active {
    position: fixed;
    top: 85px;
    z-index: 10;
    width: 1160px;
}

.event_menu_list.active ul {
    border-top: 1px solid #fff;
}

.category_tab_cont {
    padding-bottom: 0;
}

.event_menu_list li {
    width: 25%;
    height: 44px;
    border: 1px solid #ccc;
    background: #fff;
    border-width: 0 1px 1px 0;
    position: relative;
}

.event_menu_list li.active {
    border: 1px solid #ccc;
    border-width: 0 1px 1px 0;
    position: relative;
}

.event_menu_list li:hover:before,
.event_menu_list li.active:before {
    border: 1px solid #222;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
}

.event_menu_list a {
    padding: 0;
    font-size: 16px;
    background: #fff;
    padding-bottom: 1px;
    display: block;
    text-align: center;
    line-height: 24px;
    padding: 9px 0 10px;
}

.event_menu_list li:first-child {
    border-color: #ccc;
}

.tit_ev_vw {
    padding-bottom: 14px;
    border-bottom: 1px solid #222;
}

.tit_ev_vw h3 {
    font-size: 20px;
    line-height: 29px;
    text-align: left;
    margin-top: 60px;
}


/*  기획전 상세_Type 2  */

.promotion_top_con {
    margin-bottom: 80px;
    line-height: 0;
    text-align:center;
}

.list-ui.wid33_list .thumbnail {
    width: 370px;
    height: 500px;
}

.list-ui.wid33_list .goods {
    width: 370px;
    margin-right: 25px;
    margin-top: 80px;
    margin-bottom: 0;
}

.list-ui.wid33_list .goods:nth-child(1),
.list-ui.wid33_list .goods:nth-child(2),
.list-ui.wid33_list .goods:nth-child(3) {
    margin-top: 0;
}

.list-ui.wid33_list .goods:nth-child(4n) {
    margin-right: 25px;
}

.list-ui.wid33_list .goods:nth-child(3n) {
    margin-right: 0;
}

.promotion_top_con {
    margin-bottom: 80px;
}


/*  기획전 상세_Type 3  */

.promotion_page_con {
    background: rgba(245, 245, 245, .3);
    clear: both;
    overflow: hidden;
    /* margin-top: 50px; */
    padding: 48px 48px 60px;
}

.lef_promo {
    width: 448px;
    float: left;
}

.lef_promo .list-ui.list,
.rit_promo .list-ui.list {
    margin-top: 0;
    margin-bottom: 0;
}

.lef_promo .list-ui .goods {
    width: 455px;
    margin-right: 0;
}

.lef_promo .list-ui .thumbnail {
    width: 100%;
    height: 606px;
}

.lef_promo .list-ui .title {
    font-size: 20px;
    line-height: 29px;
    height: auto;
    margin-bottom: 14px;
}

.lef_promo .list-ui .currentPrice {
    font-size: 26px;
    line-height: 34px;
}

.lef_promo .list-ui .won {
    font-size: 23px;
    line-height: 34px;
    font-weight: 500;
}

.lef_promo .list-ui .prices {
    margin: 0;
}

.rit_promo {
    width: 616px;
    padding-left: 40px;
    float: left;
}

.rit_promo .list-ui.wid33_list .thumbnail {
    width: 178px;
    height: 240px;
}

.rit_promo .list-ui.wid33_list .goods {
    width: 178px;
    margin-right: 21px;
    margin-bottom: 40px;
}

.rit_promo .list-ui.wid33_list .goods:nth-child(3n) {
    margin-right: 0;
}

.rit_promo .list-ui.wid33_list .goods:nth-child(4),
.rit_promo .list-ui.wid33_list .goods:nth-child(5),
.rit_promo .list-ui.wid33_list .goods:nth-child(6) {
    margin-top: 0;
}

.rit_promo .list-ui .currentPrice {
    font-size: 18px;
}

.rit_promo .list-ui .won {
    font-size: 15px;
}


/*  기획전 상세 Type 1 : 2021-1-25 추가  */

.planedExhibitType4Wrap {
    margin-top: 80px;
}

.planedExhibitRecipeGroup {
    display: inline-block;
    width: 561px;
    line-height: 0;
}

.planedExhibitRecipeGroup:nth-child(odd) {
    margin-right: 35px;
}

.planedExhibitRecipeGroup .subject {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 14px;
    word-wrap: none;
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
}

.planedExhibitType4RecipeBigImageWrap {
    display: inline-block;
    overflow: hidden;
    width: 260px;
    height: 312px;
    line-height: 0;
    margin-right: 17px;
}

.planedExhibitType4RecipeBigImageWrap img {
    width: 100%;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.planedExhibitType4RecipeBigImageWrap img:hover {
    transform: scale(1.2);
}

.planedExhibitRecipeListGroup {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 312px;
}

.planedExhibitRecipeListWrap {
    display: inline-block;
    vertical-align: top;
    width: 281px;
    height: 231px;
    overflow-y: auto;
}

.planedExhibitRecipeListWrap .list {
    padding-bottom: 20px;
    display: block;
}

.planedExhibitRecipeListWrap .list+.list {
    border-top: 1px solid #ededed;
    padding-top: 19px;
}

.planedExhibitRecipeListWrap .list .goodsImageWrap {
    width: 69px;
    height: 93px;
    overflow: hidden;
    border-radius: 5px;
    line-height: 0;
    display: inline-block;
    position: relative;
}

.planedExhibitRecipeListWrap .list .goodsImageWrap .checkWrap {
    position: absolute;
    top: 1px;
    left: 3px;
}

.planedExhibitRecipeListWrap .list .goodsImageWrap img {
    width: 100%;
}

.planedExhibitRecipeListWrap .list .textWrap {
    display: inline-block;
    width: 175px;
    vertical-align: top;
    margin-left: 8px;
}

.planedExhibitRecipeListWrap .list .textWrap .subtitle {
    font-size: 16px;
    line-height: 27px;
    height: 54px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.planedExhibitRecipeListWrap .list .textWrap .priceWrap {
    margin-top: 3px;
}

.planedExhibitRecipeListWrap .list .textWrap .price {
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 700;
    line-height: 18px;
}

.planedExhibitRecipeListWrap .list .textWrap .won {
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    vertical-align: 1px;
}

.planedExhibitRecipeListWrap .list .textWrap .oldPrice {
    font-size: 14px;
    line-height: 18px;
    color: #BBBBBB;
    vertical-align: 1px;
    margin-left: 8px;
    text-decoration: line-through;
}

.planedExhibitRecipe2CartBtn:link {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 280px;
    height: 54px;
    background-color: #346633;
    color: white;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    padding: 25px 0;
}


/**/


/* 퇴근길 기획전 상세보기 type4 */

.this_week_wrap .chorocRecipeSection {
    opacity: 1;
    margin-top: 80px;
}

.this_week_wrap .chorocRecipeSection .sectionTitle {
    height: auto;
    line-height: 47px;
}

.this_week_wrap .chorocRecipeSection .list {
    margin-top: 40px;
}

.this_week_wrap .chorocRecipeSection .list+.list {
    margin-top: 80px;
}

.this_week_wrap .chorocRecipeSection .subsWrapper {
    margin-right: 69px;
}

.this_week_wrap .chorocRecipeSection .thumbs {
    padding-left: 0;
    width: 70px;
    overflow: inherit;
}

.this_week_wrap .chorocRecipeSection .chorocRecipeSlickArrowWrap {
    width: 54px;
    margin-left: 8px;
    background-position: center !important;
}

.this_week_wrap .chorocRecipeThumbWrap {
    width: 54px;
    height: 54px;
}

.this_week_wrap .chorocRecipeThumbWrap {
    margin-left: 6px;
}
.this_week_wrap .chorocRecipeSection .thumbs a .check_st01{
   left:9px;
}
.this_week_wrap .chorocRecipeSection .chorocRecipeSlickArrowWrap {
    height: 23px;
}
.this_week_wrap + .category_tab_cont{
   margin-top: 70px;
}

/* 마이페이지 */


/* 주문내역 */

.title02 {
    color: #264427;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 14px;
    text-align: left;
}

div.my_order_sec .myDelivery {
    border: 0;
    margin: 0;
}

.myPageContents .myDelivery .my_order_bor .wrapper {
    border: 0;
    margin-top: 0;
}

.myPageContents .myDelivery .my_order_bor {
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 5px;
}

.myPageContents .more {
    margin-right: 7px;
    margin-bottom: -6px;
}

.myPageContents .registButton .btn_send_st01 {
    padding: 0 20px;
}

.myDate {
    background: #F5F5F5;
    border-top: 1px solid #ccc;
    padding: 23px 64px;
}

.myDate_line {
    clear: both;
    overflow: hidden;
}

.myDate_line+.myDate_line {
    margin-top: 20px;
}

.myDate_line h3 {
    color: #222;
    float: left;
    font-size: 14px;
    padding-top: 6px;
    width: 120px;
}

.btn_date_st01 {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    height: 36px;
    padding: 0 15px;
    border-radius: 5px;
}

.wid60 {
    min-width: 60px;
}

.wid80 {
    min-width: 80px;
}

.btn_date_st01.on {
    background: #fff;
    border: 1px solid #669933;
    color: #669933;
    font-weight: 500;
}

.myDate_line button+button {
    margin-left: 2px;
}

.inp_date {
    display: inline-block;
    vertical-align: middle;
}

.inp_date>span {
    padding: 0 10px 0 7px;
}

.inp_dateBox {
    display: inline-block;
    position: relative;
    width: 160px;
}

.inp_dateBox input {
    border: 1px solid #ccc;
    font-family: 'Roboto';
    font-size: 14px;
    height: 36px;
    padding: 8px 32px 8px 12px;
    border-radius: 5px;
    width: 100%;
}

.inp_dateBox input::-webkit-input-placeholder {
    color: #ccc;
    text-align: left;
}

.inp_dateBox input::-moz-placeholder {
    color: #ccc;
    text-align: left;
}

.inp_dateBox input:-ms-input-placeholder {
    color: #ccc;
    text-align: left;
}

.inp_dateBox input::-ms-input-placeholder {
    color: #ccc;
    text-align: left;
}

.inp_dateBox input::placeholder {
    color: #ccc;
    text-align: left;
}

.inp_dateBox input:focus {
    border: 1px solid #669933
}

.inp_dateBox button {
    background: url("../images/sub/icon_date.svg") no-repeat;
    border: 0;
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 20px;
}

.month_line {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}

.month_line button+button {
    margin-left: 2px;
}

.date_send {
    margin: 30px 0 40px;
    text-align: center;
}

button.btn_send_st01 {
    background: #669933;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 39px;
    padding: 0 31px;
    min-width: 80px;
    text-align: center;
    border-radius: 5px;
    white-space: nowrap;
}

.order_prod_con04 .btn_send_st01 {
    padding: 0 20px;
}

.order_num {
    margin-bottom: 12px;
    font-family: 'Roboto';
    line-height: 19px;
    color: #3895FF;
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.order_num .to-from {
     display: flex;
    flex-direction: column;
}

.order_num span {
    color: #222;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    padding-right: 30px;
    vertical-align: -1px;
}

.order_num .orderCode {
    font-weight: 400;
    color: #666;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 19px;
    padding-right: 16px;
    vertical-align: middle;
}

.my_order_sec02+.my_order_sec02 {
    margin-top: 60px;
}
form .my_order_sec02{
   margin-top: 60px;
}
.order_check_cont {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.order_check_cont::after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}

.order_check_list {
    display: table;
    padding: 17px 20px;
    width: 100%;
}

.order_check_list+.order_check_list {
    border-top: 1px solid #EDEDED;
}

.order_check_list>div {
    display: table-cell;
    vertical-align: middle;
}

.prod_thum_img {
    background: #EDEDED;
    height: 66px;
    overflow: hidden;
    border-radius: 3px;
    width: 48px;
    margin: 0 auto;
}

.prod_thum_img img {
    max-width: 100%;
}

.order_prod_con02 {
    padding: 10px 30px;
}

.order_prod_con02 p {
    color: #222;
    font-size: 14px;
    line-height: 20px;
}

.last_td {
    text-align: center;
}

.last_td a {
    vertical-align: middle;
}

.order_check_cont table {
    height: 100%;
}

td.tb_pa {
    padding: 0 !important;
    width: 27px;
    border-right: 1px solid #EDEDED;
    position: relative;
    top: 0;
    height: 100%;
}

td.tb_pa div {
    height: 100%;
}

.tb_pa div:before {
    background: #fff;
    content: '';
    display: block;
    height: 25px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
}

.tb_pa div:after {
    background: #fff;
    content: '';
    display: block;
    height: 25px;
    position: absolute;
    right: -1px;
    bottom: 0px;
    top: auto;
    width: 1px;
}

.btn_my_cart {
    background: url("../images/sub/icon_my_cart.svg") 0 0 no-repeat;
    color: #999;
    background-size: 19px auto;
    font-size: 12px;
    padding-left: 25px;
    display: inline-block;
}

.btn_my_cart:hover {
    color: #669933;
    background: url("../images/sub/icon_my_cart_over.svg") no-repeat;
    background-size: 19px auto;
}

a.btn_order_cancle {
    border: 1px solid #ccc;
    color: #999;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    margin-top: 8px;
    padding: 0 13px;
    border-radius: 3px;
}

.pl7 {
    margin-left: 7px;
}

.last_td>span {
    color: #222;
    font-size: 12px;
    padding-top: 4px;
    display: block;
}

.order_check_cont table {
    table-layout: fixed;
    width: 100%;
}

.order_check_cont td {
    padding: 18px 19px;
}

.order_check_cont table tr+tr {
    border-top: 1px solid #EDEDED;
}

.order_check_cont table .amount {
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
}

.order_check_cont table .amount span {
    font-weight: 400;
    white-space: nowrap;
}

.order_check_cont table .amount .num {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 15px;
}

td.order_prod_con03 {
    padding-bottom: 37px;
    vertical-align: bottom;
    text-align: right;
    padding-right: 0;
}

.order_prod_con03>div {
    padding: 10px 25px;
}

td.order_prod_con04 {
    border-bottom: 0;
}

.couponDetailPopup table {
    width: 70%;
    margin:0 auto 30px;
}

.couponDetailPopup table td {
    padding: 5px 12px;
    text-align: left;
    color: #222;
    vertical-align: top;
}

.couponDetailPopup table .header {
    font-weight: 500;
    color: #222;
}

.couponDetailPopup .textGreen {
    color: #669933;
}

.couponDetailPopup .barcodeTd {
    padding: 20px 12px;
}

.pa_lef0_rit20 {
    padding: 0 20px 0 0;
}

.useMyInfoConsentPopup .topNoticeTextGroup {
    padding: 17px 30px;
    background-color: #F9F9E7;
    border: 1px solid #CCCCCC;
    line-height: 24px;
    letter-spacing: -1.1px;
    border-radius: 5px;
}

.useMyInfoConsentPopup .content {
    overflow-y: auto;
}

.useMyInfoConsentPopup .textGroup {
    overflow-y: scroll;
    padding-right: 10px;
    max-height: 40vh;
}

.useMyInfoConsentPopup .textGroup .text {
    margin-top: 12px;
    line-height: 24px;
    letter-spacing: -1px;
}

.useMyInfoConsentPopup .textTable {
    margin-top: 12px;
}

.useMyInfoConsentPopup .textTable th,
.useMyInfoConsentPopup .textTable td {
    padding: 13px 20px;
    line-height: 24px;
    letter-spacing: -1px;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.useMyInfoConsentPopup .textTable td {
    vertical-align: top;
}

.useMyInfoConsentPopup .textTable td:last-child {
    border-right: none;
}

.useMyInfoConsentPopup .textTable th {
    font-weight: 500;
    background-color: #F6F6F6;
    border-top: 1px solid #CCCCCC;
    text-align: left;
}

.useMyInfoConsentPopup .noticeText {
    font-size: 16px;
    border-top: 1px solid #EDEDED;
    padding: 20px 110px 15px;
    margin-top: 30px;
    text-align: center;
    word-break: keep-all;
}
.dc_detail ul{
   width:250px;
   float:right;
   margin-bottom:10px;
}
.dc_detail li{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top:10px;
}
div.dc_detail li span{
   width:130px;
   text-align:right;
   color: #999;
   font-size: 12px;
   line-height: 18px;
}
div.dc_detail li strong{
   width:120px;
   text-align:right;
   color: #999;
   font-weight:400;
   font-size: 12px;
   line-height: 18px;
}

/* 주문상세  */

.order_num {
    position: relative
}

.rit_mypage_btn {
    position: absolute;
    right: 0;
    top: -4px;
}

.rit_mypage_btn a+a {
    margin-left: 6px
}

a.btn_my_bor {
    border: 1px solid #ccc;
    height: 28px;
    background: #fff;
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 4px 14px 6px;
    display: inline-block;
    line-height: 18px;
    border-radius: 28px;
}

.btn_my_write {
    background: url("../images/sub/icon_my_write.svg") 0 5px no-repeat;
    color: #999;
    font-size: 12px;
    padding-left: 15px;
    background-size: 9px auto;
    display: inline-block;
}

td.order_prod_con03 span {
    display: block;
    font-size: 12px;
    line-height: 18px
}

span.sold_out_txt {
    color: #FF6000
}

span.change_txt {
    color: #3895FF
}

span.return_txt {
    color: #669933;
}

.tb_view td.order_prod_con03 {
    padding-right: 40px;
}

.tooltip {
    position: relative;
}

.my_tooltip span {
    color: #669933;
    font-size: 12px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px
}

.tooltip {
    background: url("../images/sub/icon_question_off.svg") right center no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.tooltip:hover {
    background: url("../images/sub/icon_question_on.svg") right center no-repeat;
}

.my_tooltip_con {
    border: 1px solid #707070;
    padding: 10px;
    background: #fff;
    width: 345px;
    position: absolute;
    bottom: 30px;
    left: -15px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    display: none;
    z-index: 5;
}

.my_tooltip_con:after {
    width: 13px;
    height: 13px;
    position: absolute;
    bottom: -12px;
    left: 10px;
    display: block;
    content: '';
    background: url("../images/sub/bg_tooltip.png") center center no-repeat;
}

.my_tooltip_con p {
    font-size: 12px;
    color: #222;
    line-height: 18px;
    text-align: left
}

p.my_gr_txt {
    color: #669933;
}

.tooltip:hover .my_tooltip_con {
    display: block;
}

.title03 {
    font-size: 20px;
    color: #222;
    font-weight: 500;
    margin-bottom: 16px;
}

.title_4 {
    font-size: 20px;
    color: #222;
    font-weight: 500;
    margin: 62px 0px 17px;
}

.title_5 {
    font-size: 20px;
    color: #222;
    font-weight: 500;
    margin: 40px 0px 15px 0px;
}

.tb_mypage_st {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #ccc;
}

.tb_mypage_st tr:first-child th,
.tb_mypage_st tr:first-child td {
    border-top: 0;
}

.tb_mypage_st th {
    font-size: 14px;
    color: #222;
    line-height: 20px;
    background: #F6F6F6;
    font-weight: 500;
    text-align: left;
    padding: 16px 20px;
    border-top: 1px solid #EDEDED;
    vertical-align: top;
}

.tb_mypage_st td {
    font-size: 14px;
    color: #222;
    /* line-height: 22px; */
    line-height: 30px;
    background: #fff;
    text-align: left;
    /* padding: 16px 20px; */
    /* padding: 10px; */
    padding: 13px 20px;
    border-top: 1px solid #EDEDED;
    word-break: keep-all;
}

.tb_mypage_st.tableTdPad10 td {
    /* 요청사항 : 상품문의등록 pop up */
    padding: 10px;
}

.tb_mypage_st td p,
.tb_mypage_st td span {
    line-height: 24px;
}

.tb_mypage_st tr:last-child th,
.tb_mypage_st tr:last-child td {
    border-bottom: 1px solid #EDEDED;
}

.tb_mypage_st .notice {
    padding-left: 12px;
}

.tb_mypage_st .notice li {
    font-size: 12px;
    list-style: disc;
}

td.tb_money_line {
    text-align: right;
}

td.tb_money_line strong {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 15px
}

.txt_or,
.tb_money_line .txt_or {
    color: #FF6000;
}

span.txt_or {
    font-weight: 500
}

.tb_total_price.first th,
.tb_total_price.first td {
    border-top: 1px solid #ccc
}

.tb_total_price th {
    background: #FBF5EB;
}

.payment_info {
    text-align: right;
    margin-top: -5px;
}

.payment_info li {
    display: inline-block;
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.payment_info li+li {
    padding-left: 20px;
    position: relative
}

.payment_info li+li:after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 9px;
    background: #ccc;
    display: block;
}

.my_bott_btn {
    text-align: right;
    margin-top: 20px;
}

.my_bott_btn .btn_send_st01 {
    padding: 0 20px;
}
.order_prod_con03.txt_vertical_m{
   vertical-align:middle;
   padding:18px 0;
}
.order_prod_con03.txt_vertical_m > a{
   margin-top:0;
}


/* 취소 신청 */

.bott_check_rit {
    margin-top: 17px;
    padding-right: 10px;
    text-align: right;
}

.order_notice {
    margin-top: 6px;
}

.order_notice p {
    color: #FF6000;
    font-size: 12px;
    line-height: 22px;
}

.tb_mypage_st .order_notice p {
    line-height: 22px;
}

.order_cancel_notice {
    margin-top: 10px;
    padding-left: 17px;
}

.order_cancel_notice li {
    color: #666;
    font-size: 14px;
    line-height: 180%;
    list-style: disc;
}

.lef_money_txt strong {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 15px;
}

.lef_money_txt span {
    font-weight: 500;
}

.txt_medium {
    font-weight: 500
}

.my_bott_btn02 {
    margin-top: 30px;
    text-align: right
}

.popupWindow .my_bott_btn02 {
    margin-top: 20px;
}

.my_bott_btn02 button+button {
    margin-left: 7px
}

button.btn_send_gy {
    background: #ccc;
}
.bank_txt span{
   display:inline-block;
   margin-right:8px;
   position:relative;
}
.bank_txt span + span{
   padding-left:10px;
}
.bank_txt span + span:before{
   position:absolute;
   left:0;
   top:8px;
   width:1px;
   height:10px;
   background:#ccc;
   content:'';
   display:block;
}
.bank_txt button{
   margin-left:12px;
}

/* 정기배송 관리 */

.regularDeliveryListTitle {
    font-size: 20px;
    margin: 40px 0 18px;
}

.regularDeliveryTitle .text {
    color: #669933;
    line-height: 14px;
}

.regularDeliveryOrder {
    margin-top: 6px;
    line-height: 14px;
}

.regularDeliveryGoods {
    font-size: 12px;
    line-height: 12px;
}

.order_prod_con04 .price {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 16px;
}

.order_prod_con04 .won {
    vertical-align: 1px;
    font-weight: 500;
}

.regularDeliveryDetailPage {
    margin-top: 39px;
}


/* 반품신청 */

.pl20 {
    padding-left: 20px;
    width: 20px;
    height: 20px;
}

.photo_add_list {
    display: inline-block;
    vertical-align: middle;
}

.photo_add_list li {
    width: 100px;
    height: 100px;
    background: #EDEDED;
    display: inline-block
}

.photo_add_list li+li {
    /* margin-left: 6px; */
    margin-left: 10px;
}

.photo_add_list li img {
    max-width: 100%;
    max-height: 100%;
}

.btn_light_gy {
    color: #999;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 10px 6px;
    font-size: 12px;
    width: 94px;
}

.photo_count {
    display: inline-block;
    /* padding-top: 35px; */
    padding-top: 27px;
    height: 100px;
    vertical-align: bottom;
    margin-left: 5px;
}

.photo_count span {
    display: block;
    font-size: 14px;
    font-family: 'Roboto';
    margin-bottom: 5px;
    color: #222;
}

.gy_line {
    width: 1px;
    display: inline-block;
    background: #ccc;
    height: 10px;
    vertical-align: middle;
    margin: 0 10px;
}

.ml10 {
    margin-left: 10px;
}

.select_st02 {
    color: #222;
    font-size: 14px;
    font-weight: 500;
}

.wid180 {
    width: 180px !important;
}

.wid_max60 {
    max-width: 60px;
}

.my_file_add {
    padding: 0;
    float: left;
    margin-top: 0;
}

.my_file_add+.photo_count {
    float: left;
}


/*초록배송조회 팝업  */

.delivery_step {
    margin: 40px 0 60px;
}

.delivery_step_list {
    clear: both;
    overflow: hidden;
}

.delivery_step_list li {
    /* width: 200px; */
    width: 32.25%;
    min-height: 120px;
    height: 134px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 14px 15px 14px 20px;
    text-align: left;
}

.delivery_step_list li+li {
    /* margin-left: 10px */
    margin-left: 1.625%;
}

.delivery_step_list h4 {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    font-weight: 500;
    margin-top: 4px
}

.delivery_step_list strong {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    font-weight: 700;
    font-family: 'Roboto';
    display: block;
}

.delivery_step_list span {
    width: 100%;
    height: 4px;
    background: #F5F5F5;
    display: block;
    margin: 10px 0
}

.delivery_step_list p {
    font-size: 12px;
    color: #999;
    line-height: 18px;
}

.delivery_step_list li.active {
    /* background: url("../images/sub/bg_delivery_step.png") 165px 15px no-repeat; */
    border: 1px solid #669933;
    position: relative;
}

.delivery_step_list li.active:after {
    background: url("../images/sub/bg_delivery_step.png") no-repeat;
    /* border: 1px solid #669933; */
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
}

.delivery_step_list li.active strong {
    color: #669933
}

.delivery_step_list li.active span {
    background: #BCD630;
}

.delivery_step_list li.active h4,
.delivery_step_list li.active p {
    color: #222;
}

.btn_an_center {
    text-align: center;
}


/* 취소/반품/교환 */

h3.tit_dot {
    position: relative;
    width: 98px;
    padding-left: 10px;
    line-height: 20px;
}

.tit_dot:before {
    content: "";
    display: block;
    background-color: #222;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 1px;
}

.my_search_bor {
    margin-bottom: 60px
}

.my_search_bor .myDate {
    background: #fff;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.my_search_bor .myDate_line {
    padding: 20px;
}

.my_search_bor .myDate_line+.myDate_line {
    border-top: 1px solid #EDEDED;
    margin-top: 0;
}

a.hyperlink_num {
    color: #3895FF;
    line-height: 19px;
    font-family: 'Roboto';
    padding-right: 17px;
    background: url("../images/sub/icon_hyperlink.svg") right center no-repeat;
}

.tip_txt_list li+li {
    margin-bottom: 4px;
}
.tip_quality h4{
   margin-bottom:10px;
}
.tip_txt_list li h5 {
    color: #222;
    font-size: 12px;
    line-height: 18px;
}
.tip_quality h4 img{
   padding-right:6px;
}
.tip_quality h4 img,
.tip_quality h4 span{
   vertical-align:middle;
   font-size:16px;
}
.tip_quality .tip_txt_list li p {
    line-height: 18px;
    font-size: 12px;
}


/* 환불안내  */

.return_notice_txt {
    margin-top: 10px;
}

.return_notice_txt h4 {
    font-size: 16px;
    line-height: 24px;
    padding-left: 26px;
    background: url("../images/sub/icon_notice.svg") 0 center no-repeat;
    margin-bottom: 10px;
}

.return_notice_txt li,
.return_notice_txt p {
    color: #666;
    font-size: 13px;
    line-height: 23px;
}


/* 정기일정 관리  */

.per_delivery_cont {
    padding-top: 40px;
}

td.pa_top0 {
    padding: 10px 0 0;
}

.tb_dott_st th span {
    font-weight: 500;
    display: inline-block;
}

.tb_dott_st th,
.tb_dott_st td {
    padding: 10px 0 10px 20px;
    text-align: left;
    vertical-align: top;
    border: 0;
}

.tb_dott_st td {
    padding-right: 20px;
}

table.tb_dott_st tr+tr {
    border: 0;
}

.tb_dott_st th span {
    padding-left: 10px;
    position: relative;
}

.tb_dott_st th span:after {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background: #222;
    position: absolute;
    top: 11px;
    left: 0;
    content: '';
    margin-top: -2px;
}

.mar_rit20 {
    margin-right: 20px;
}

.tb_gy_st {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
}

.tb_gy_st th {
    padding: 10px;
    background: #FAFAFA;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #EDEDED;
}

.tb_gy_st td {
    padding: 10px;
    background: #FAFAFA;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #EDEDED;
}

.txt_per_or {
    color: #FF6000;
}

.btn_dw_vw {
    float: right;
    padding-right: 20px;
    position: relative;
}

.btn_dw_vw:after {
    width: 1px;
    height: 5px;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #222;
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    top: 9px;
}

.btn_dw_vw.active:after {
    top: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.dw_ui_box {
    display: none;
}

.ma_bott40 {
    margin-bottom: 40px;
}

.num {
    font-size: 12px;
}


/*  결제카드 관리 */

.card_add_con {
    clear: both;
    overflow: hidden;
    margin-top: 40px;
}

.card {
    width: 280px;
    min-height: 176px;
    float: left;
    position: relative;
    border-radius: 10px;
}

.card_img {
    height: 176px;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    border-radius: 10px;
}

.card2 {
    width: 262px;
    height: 165px;
    float: left;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.card_add_con .group {
    margin-right: 40px;
}

.card .checkboxCircle1[type="checkbox"]+label {
    margin: 0 auto;
}

.card img,
.card2 img {
    max-width: 100%;
}

.delete_over {
    height: 44px;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
    text-align: right;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.card_img:hover .delete_over {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}

.card2:hover .delete_over {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}

.delete_over button {
    color: #fff;
    padding-left: 18px;
    background: url("../images/sub/icon_delete.png") 0 center no-repeat;
    font-size: 16px;
    border: 0;
}

.card+.card {
    margin-left: 40px
}

.card.add {
    overflow: initial
}

.card2.add {
    overflow: initial
}

.card a {
    background: url("../images/sub/icon_card_add.png") center 44px no-repeat;
    border: 2px solid #ccc;
    display: block;
    height: 176px;
    text-align: center;
    color: #ccc;
    font-size: 18px;
    font-weight: 500;
    padding-top: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

.card2 a {
    background: url("../images/sub/icon_card_add.png") center 44px no-repeat;
    border: 2px solid #ccc;
    display: block;
    height: 100%;
    text-align: center;
    color: #ccc;
    font-size: 18px;
    font-weight: 500;
    padding-top: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

.mt60 {
    margin-top: 60px !important;
}

.font_roboto {
    font-family: 'Roboto';
}


/* 환불 계좌 등록 팝업*/

.wid200 {
    width: 200px !important;
}

.wid280 {
    width: 280px !important;
}

.txt_review {
    margin-bottom: 10px;
}

.alert_txt_left {
    padding: 10px 0 0;
    text-align: left;
}

.mt60 {
    margin-top: 60px;
}

.text-left {
    text-align: left;
}


/*  1:1 문의 */

.write_cont table input,
.write_cont table button {
    vertical-align: middle
}

span.star {
    color: #FF6000;
}

.photo_add_list li {
    position: relative;
    vertical-align: top;
}

.photo_add_list02 {
    margin-top: 10px;
    padding-bottom: 23px;
}

.wid370 {
    width: 370px;
}

.mar_rit10 {
    margin-right: 10px;
}

.write_cont .mar_rit10 {
    margin-right: 6px;
}

.btn_photo_delete {
    font-size: 12px;
    color: #999;
    line-height: 19px;
    padding-right: 15px;
    background: url("../images/sub/icon_photo_delete.png") right center no-repeat;
    border: 0;
    position: absolute;
    right: 0;
    bottom: -23px;
}

.btn_photo_delete2 {
    font-size: 12px;
    color: #999;
    line-height: 19px;
    padding-right: 15px;
    background: url("../images/sub/btnXgray.svg") right center no-repeat;
    background-size: 8px 8px;
    border: 0;
}

.wid370 {
    width: 370px !important;
}

.radio_box li {
    display: inline-block;
    min-width: 70px;
    vertical-align: middle;
}

.radio_box li {
    margin-right: 26px
}

.write_cont .radio_box li:last-child {
    margin-right: 21px;
}

.inline_ui {
    display: inline-block;
    vertical-align: middle;
}

.wid90 {
    width: 90px
}


/*  고객상품평  */

.mypageBannerTextBig {
    color: #222;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
}

.mypageBannerTextMid {
    color: #63371B;
    /* font-weight: 500; */
    font-size: 28px;
    line-height: 40px;
}

.mypageBannerTextSmall {
    color: #947719;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
}

.mypageBannerTextNormal {
    color: #947719;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
}

.mypageBannerNum {
    color: #947719;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin: 0 6px;
}

.mypageBannerDate {
    color: #947719;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
}

.mypageTopBannerArrow {
    vertical-align: 1px;
}

.sub_ev_banner {
    border-radius: 5px;
    overflow: hidden;
    margin: 20px 0 0;
    height: 140px;
    background: url('../images/sub/mypageTopBannerBg.png') no-repeat;
    text-align: center;
}
.sub_ev_banner > div > p:nth-child(1){
   margin-bottom:7px;
}
.sub_ev_banner span {
    /* line-height: 100%; */
    letter-spacing: -1.3px;
}

.star_num span {
    vertical-align: middle;
    display: inline-block
}

.top_list_num {
    margin-bottom: 15px;
    margin-top: 40px;
}

.top_list_num span {
    font-size: 16px;
    color: #222;
    font-weight: 500;
}

.top_list_num span strong {
    color: #FF6000;
    font-weight: 500;
}

.top_list_num+.dataTable {
    margin-top: 0;
}

.approval {
    font-weight: 500;
    color: #3895FF;
}

.non_approval {
    font-weight: 500;
    color: #FF6000;
}

.wid100 {
    width: 100%;
}


/* 평점 등록 팝업  */

.myGradePopup {
    padding-left: 40px;
    padding-right: 40px;
    width: 586px;
}

.myGradePopup .content .buttonGroup {
    margin-bottom: 0;
}

.myGradePopup .clause {
    margin-top: 10px;
    height: 200px;
}

.myGradePopup .buttonGroup {
    /* margin-top: 100px; */
    margin-top: 40px;
}

.myGradePopup .btnSelectFile {
    margin-top: 20px;
    margin-bottom: 10px;
}

.myGradePopup .fileGroup .file {
    width: 100px;
    height: 100px;
    background-color: #F5F5F5;
    border: 1px solid #ddd;
    overflow: hidden;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.myGradePopup .close {
    right: -5px;
}

.myGradePopup .fileGroup.popup_file_list .file {
    width: 80px;
    height: 80px;
    border: 0;
    background: #EDEDED;
    margin-bottom: 5px;
    margin-right: 0;
}

.myGradePopup .fileGroup .file img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.myGradePopup .starGroupWrapper {
    padding: 20px 15px;
    /* border-bottom: 1px solid #EDEDED; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.myGradePopup .starGroup {
    width: 237px;
    /* 추가 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.myGradePopup .starGroup>span {
    width: 65px;
    font-size: 16px;
    display: inline-block;
}

.myGradePopup .starGroupWrapper:first-child {
    margin-top: 5px;
}

.myGradePopup .starGroupWrapper .starGroup:first-child {
    margin-right: 58px;
}

.myGradePopup .starGroupWrapper .starGroup img {
    margin-right: 10px;
}

.btn_starBox {
    width: 150px;
}

.btn_star {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 23px;
}

.btn_star .starMark:hover {
    cursor: pointer;
}

.btn_star .star_button input[type="checkbox"] {
    display: none
}

.btn_star .star_button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.btn_star+.btn_star {
    margin-left: 3px;
}

.btn_star .star_button input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.starMark {
    position: absolute;
    top: -1px;
    left: -1px;
    height: 23px;
    width: 24px;
    background: url("../images/common/iconStarGray.svg") no-repeat;
    background-size: 24px 23px;
}

.btn_star .star_button input:checked~.starMark {
    background: url("../images/common/iconStarOrange.svg") no-repeat;
    background-size: 24px 23px;
}


/* 나의상품평 */


/* 보기 */

.my_review_sec {
    clear: both;
    overflow: hidden;
     margin-top: 60px
}

.lef_my_review {
    width: 300px;
    height: 407px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
}

.lef_my_review img {
    width: 100%;
}

.rit_my_review {
    width: 553px;
    float: right;
}

.tit_review {
    margin-bottom: 100px;
}

.tit_review h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    padding: 10px 0;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 10px;
}

.tit_review p,
.tit_review span {
    color: #999;
    line-height: 19px;
}

.rating_num {
    font-size: 70px;
    line-height: 92px;
    font-weight: 700;
    font-family: 'Roboto';
    margin-bottom: 20px;
}

.rating_con h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    width: 63px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.rating_con li {
    float: left;
    width: 50%;
    margin-bottom: 21px;
}

.rating_con li p {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    display: inline-block;
    margin-right: 10px;
    font-family: 'Roboto';
    vertical-align: middle;
}

.star_line {
    display: inline-block;
    vertical-align: middle;
}

.star_line img {
    width: 24px;
}

.star_line img+img {
    padding-left: 2px;
}

.tb_review {
    width: 100%;
    border-top: 1px solid #222;
}

.tb_review td {
    padding: 20px 0;
}

.tb_review td {
    border-bottom: 1px solid #EDEDED;
    line-height: 24px;
}

.tit_rw_td {
    font-size: 18px;
}

.add_review_file .photo_add_list {
    margin-top: 40px;
}

.add_review_file .photo_add_list li {
    width: 160px;
    height: 160px;
    overflow: hidden;
    text-align: center;
}

.add_review_file .photo_add_list li+li {
    margin-left: 16px;
}


/***********/


/* 고객센터 */


/* 고객센터 : 시작 */


/*********************** by Bak Chan-geun  *******************/

.helpCenterContents {
    margin-top: -40px;
}

.helpCenterContents .section {
    width: 920px;
}

.helpCenterContents .section .title,
.section .title02 {
    font-size: 24px;
    font-weight: 500;
    color: #264427;
    margin-top: 10px;
}

.helpCenterContents .section.notice .searchBoxWrapper .btnGray32 {
    font-size: 14px;
}

.listArrowButtonDown {
    width: 20px;
    height: 30px;
    background: url("../images/common/btnArrowDown.png") right 8px no-repeat;
    border: none;
}

.listArrowButtonUp {
    background: url("../images/common/btnArrowUp.png") right 8px no-repeat;
}

/* 품질관리센터 */

.helpCenterMain .guideWrapper {
    background-color: #F9F9E7;
    padding: 30px 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 14px;
}

.helpCenterMain .guideWrapper .text {
    width: 700px;
}

.helpCenterMain .guideWrapper .btnGreen40 {
    /* width: 120px; */
    min-width: 134px;
}

.helpCenterMain .guideWrapper .subtitle {
    font-weight: 400;
    line-height: 19px;
    font-family: "Roboto";
}

.helpCenterMain .guideWrapper .phone {
    font-weight: 700;
    font-family: "Roboto";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
    margin-top: 6px;
}

.helpCenterMain .guideWrapper .slash {
    margin: 0px 10px;
    color: #ccc;
    font-size: 18px;
}

.helpCenterMain .guideWrapper .guide {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-top: 11px;
}

.helpCenterMain .iconWrapper {
    margin-top: 40px;
    column-gap: 17px;
}

.helpCenterMain .iconWrapper .icon {
    border: 1px solid #ccc;
    flex: 1;
    height: 170px;
    border-radius: 20px 0px 20px 20px;
}

.helpCenterMain .iconWrapper .icon img {
    padding: 10px 0 20px;
}

.helpCenterMain .iconWrapper .icon .label {
    color: #222;
    font-weight: 500;
}

.helpCenterMain .lineEventBannerWrapper {
    margin-top: 60px;
}

.helpCenterMain .banner {
    /* background-color: #ddd; */
    /* min-height: 160px; */
    border-radius: 5px;
}

.helpCenterMain .listTitle {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    margin: 60px 0px 15px 0px;
}

.helpCenterMain .list {
    border: 1px solid #EDEDED;
    border-radius: 5px;
    margin: 10px 0px;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    cursor: pointer;
}

.helpCenterMain .listActive {
    border: 1px solid #CCCCCC;
    height: auto;
}
.helpCenterMain .list.listActive .qMark{
   color:#222;
}
.helpCenterMain .list:first-child {
    margin-top: 21px;
}

.helpCenterMain .list .oneStep {
    padding: 28px 30px 20px 30px;
}

.helpCenterMain .list .question {
    font-size: 16px;
    color: #222;
    width: 780px;
    height: 30px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
}

.helpCenterMain .list .answer {
    font-size: 16px;
    color: #222;
    word-break: break-all;
    width: 800px;
}

.helpCenterMain .list .answerSection {
    background-color: #F5F5F5;
    padding: 30px;
}

.helpCenterMain .list .arrowButton {
    height: 30px;
}

.helpCenterMain .list .qMark {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 28px;
    color: #ccc;
    margin-right: 30px;
}

.helpCenterMain .list .aMark {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 28px;
    color: #669933;
    margin-right: 30px;
}

.helpCenterMain .list .fileIcons {
    margin-top: 20px;
    padding: 0px 50px;
}

.helpCenterMain .list .fileIcons img {
    margin-right: 10px;
    width: 100px;
    height: 100px;
}

.helpCenterMain .buttonWrapper {
    text-align: right;
    margin-top: 30px;
}

.helpCenter1Q1A .list {
    border: 1px solid #EDEDED;
    border-radius: 5px;
    margin: 10px 0px;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    cursor: pointer;
}

.helpCenter1Q1A .listActive {
    border: 1px solid #CCCCCC;
    height: auto;
}

.helpCenter1Q1AListTransition {
    height: 300px;
}

.helpCenter1Q1A .list:first-child {
    margin-top: 21px;
}

.helpCenter1Q1A .lineWrapper {
    padding: 0px 30px;
}

.helpCenter1Q1A .hLine {
    height: 1px;
    background-color: #EDEDED;
}

.helpCenter1Q1A .list .number {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 700;
    color: #CCCCCC;
    width: 40px;
    height: 30px;
}

.helpCenter1Q1A .list .numberBlack {
    color: #222;
}

.helpCenter1Q1A .list .state {
    font-size: 16px;
    color: #CCCCCC;
    width: 60px;
    height: 30px;
    margin-right: 20px;
}

.helpCenter1Q1A .list .arrowButton img {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.helpCenter1Q1A .list .arrowButtonRotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.helpCenter1Q1A .list .complete {
    font-size: 16px;
    color: #3895FF;
    font-weight: 500;
}

.helpCenter1Q1A .list .oneStep {
    padding: 28px 30px 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.helpCenter1Q1A .list .questionSection {
    /* margin-top: 25px; */
    padding: 28px 30px;
}

.helpCenter1Q1A .list .question {
    font-size: 16px;
    color: #222;
    width: 620px;
    height: 30px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.helpCenter1Q1A .list .questionDetail {
    font-size: 16px;
    color: #222;
    position: relative;
}

.helpCenter1Q1A .list .answer {
    font-size: 16px;
    color: #222;
    word-break: break-all;
    width: 700px;
}

.helpCenter1Q1A .list .answerSection {
    background-color: #F5F5F5;
    padding: 30px;
}

.helpCenter1Q1A .list .inputDate {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px;
    color: #999;
    width: 96px;
    height: 20px;
}

.helpCenter1Q1A .list .arrowButton {
    height: 30px;
}

.helpCenter1Q1A .list .qMark {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 28px;
    color: #222;
    margin-right: 30px;
}

.helpCenter1Q1A .list .aMark {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 28px;
    color: #669933;
    margin-right: 30px;
}

.helpCenter1Q1A .list .fileIcons {
    margin-top: 20px;
    padding: 0px 50px;
}

.helpCenter1Q1A .list .fileIcons img {
    margin-right: 10px;
    width: 100px;
    height: 100px;
}

.helpCenter1Q1A .pager {
    position: relative;
}

.helpCenter1Q1A .writeButton {
    position: absolute;
    right: 0px;
    top: 0px;
}

.entryShop .guideWrapper {
    background-color: #F9F9E7;
    padding: 30px 40px 30px 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 15px;
}

.entryShop .guideWrapper .width180 {
    width: 160px !important;
}

.entryShop .guideWrapper ul {
    /* width: 660px; */
    width: 690px;
}

.entryShop .guideWrapper li {
    /* list-style: disc;
    line-height: 220%; */
    position: relative;
    line-height: 20px;
    padding-left: 10px;
}

.entryShop .guideWrapper li:before {
    width: 4px;
    height: 4px;
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    content: '';
    background: #222;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.entryShop .guideWrapper li+li {
    margin-top: 13px;
}

.entryShop .list {
    border: 1px solid #EDEDED;
    border-radius: 5px;
    margin: 10px 0px;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    cursor: pointer;
}

.entryShop .listActive {
    border: 1px solid #CCCCCC;
    height: auto;
}

.entryShop .list:nth-child(2) {
    /* margin-top: 21px; */
}

.entryShop .lineWrapper {
    padding: 0px 30px;
}

.entryShop .hLine {
    height: 1px;
    background-color: #EDEDED;
}

.entryShop .list .number {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 700;
    color: #CCCCCC;
    width: 42px;
    height: 30px;
    /* margin-right: 20px; */
}

.entryShop .list .numberBlack {
    color: #222;
}

.entryShop .list .state {
    font-size: 16px;
    color: #CCCCCC;
    width: 76px;
    height: 30px;
    /* margin-right: 20px; */
}

.entryShop .list .arrowButton img {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.entryShop .list .arrowButtonRotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.entryShop .list .complete {
    font-size: 16px;
    color: #669933;
}

.entryShop .list .oneStep {
    padding: 28px 23px 20px 30px;
}

.entryShop .list .division {
    /* width: 470px; */
    width: 519px;
    height: 30px;
}

.entryShop .list .division span {
    font-size: 16px;
    color: #222;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.entryShop .list .division .seperator {
    background-color: #ccc;
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 2px 10px 0;
    vertical-align: middle;
}

.entryShop .list .questionSection {
    /* margin-top: 25px; */
    font-size: 16px;
    color: #222;
    padding: 30px 20px 30px 71px;
    word-break: break-all;
}

.entryShop .list .answerSection {
    background-color: #F5F5F5;
    padding: 30px 30px 30px 71px;
    font-size: 16px;
    color: #222;
    line-height: 24px;
    word-break: break-all;
}

.entryShop .list .company {
    font-weight: 400;
    font-size: 14px;
    color: #669933;
    width: 200px;
    height: 30px;
    text-align: right;
    padding-right: 30px;
}

.faQ .tabButtonGroup {
    margin-top: 15px;
}

.faQ .tabButtonGroup div {
    margin: 0px 5.7px 3px 0px;
}

.faQ .tabButtonGroup div:last-child {
    margin-right: 0;
}

.faQ .tabButtonGroup a {
    display: table-cell;
    vertical-align: middle;
    width: 110px;
    padding: 0 10px;
}

.faQ .searchBoxWrapper {
    margin: 42px 0 14px;
}

.faQ .inputSearch {
    height: 32px;
    width: 120px;
}

.faQ .btnGray32 {
    min-width: 45px;
}

.faQ .searchBoxWrapper input[type="text"] {
    margin-right: 5px;
    width: 140px;
    font-size: 12px;
    line-height: 18px;
    padding: 0px 10px;
}

.faQ .searchBoxWrapper input[type="text"]::-webkit-input-placeholder {
    font-size: 12px;
    color: #999999;
}

.faQ .searchBoxWrapper input[type="text"]::-moz-placeholder {
    font-size: 12px;
    color: #999999;
}

.faQ .searchBoxWrapper input[type="text"]:-ms-input-placeholder {
    font-size: 12px;
    color: #999999;
}

.faQ .searchBoxWrapper input[type="text"]::-ms-input-placeholder {
    font-size: 12px;
    color: #999999;
}

.faQ .searchBoxWrapper input[type="text"]::placeholder {
    font-size: 12px;
    color: #999999;
}

.faQ .tabButtonGroup button:last-child {
    margin-right: 0px;
}

.faQ .list {
    border: 1px solid #EDEDED;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    cursor: pointer;
}

.faQ .list+.list {
    margin-top: 10px;
}

.faQ .listActive {
    border: 1px solid #CCCCCC;
    height: auto;
}

.faQ .lineWrapper {
    padding: 0px 30px;
}

.faQ .hLine {
    height: 1px;
    background-color: #EDEDED;
}

.faQ .list .number {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 700;
    color: #CCCCCC;
    width: 51px;
    height: 30px;
    /* margin-right: 20px; */
}

.faQ .list .numberBlack {
    color: #222;
}

.faQ .list .category {
    font-size: 16px;
    color: #669933;
    width: 125px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.faQ .list .inputDate {
    width: 100px;
    height: 30px;
    padding-top: 5px;
    font-size: 12px;
    font-family: "Roboto";
    color: #999999;
}

.faQ .list .question {
    /* width: 680px; */
    width: 659px;
    height: 30px;
    /* padding-right: 20px; */
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
}

.faQ .list .complete {
    font-size: 16px;
    color: #3895FF;
}

.faQ .list .oneStep {
    padding: 28px 23px 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faQ .list .division {
    width: 600px;
    height: 30px;
}

.faQ .list .division span {
    font-size: 16px;
    color: #222;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.faQ .list .division .seperator {
    background-color: #ccc;
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0px 10px;
}

.faQ .list .questionSection {
    margin-top: 25px;
    font-size: 16px;
    color: #222;
    padding: 20px 20px 20px 70px;
    word-break: break-all;
}

.faQ .list .answerSection {
    background-color: #F5F5F5;
    padding: 30px 30px 30px 71px;
    font-size: 16px;
    line-height: 24px;
    color: #222;
    word-break: break-all;
}

.noBoardDataMessage {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 300px;
    padding-top: 100px;
}


/* .helpCenterContents .notice .title {
    margin: 0px;
} */

.helpCenterContents .notice .btnGray32 {
    min-width: 45px;
}

.helpCenterContents .notice .searchBoxWrapper input[type="text"] {
    margin-right: 5px;
    width: 140px;
    height: 32px;
    line-height: 18px;
    font-size: 12px;
    padding: 0px 10px;
}

.helpCenterContents .notice .searchBoxWrapper input[type="text"]::-webkit-input-placeholder {
    font-size: 12px;
    color: #999999;
}

.helpCenterContents .notice .searchBoxWrapper input[type="text"]::-moz-placeholder {
    font-size: 12px;
    color: #999999;
}

.helpCenterContents .notice .searchBoxWrapper input[type="text"]:-ms-input-placeholder {
    font-size: 12px;
    color: #999999;
}

.helpCenterContents .notice .searchBoxWrapper input[type="text"]::-ms-input-placeholder {
    font-size: 12px;
    color: #999999;
}

.helpCenterContents .notice .searchBoxWrapper input[type="text"]::placeholder {
    font-size: 12px;
    color: #999999;
}

.helpCenterContents .notice .dataTable {
    width: 100%;
    margin-top: 14px;
    border-top: 1px solid #ccc;
}

.helpCenterContents .notice .dataTable thead td {
    background-color: #F6F6F6;
    font-weight: 500;
    font-size: 14px;
    height: 52px;
    text-align: center;
}

.helpCenterContents .notice .dataTable tr {
    border-bottom: 1px solid #EDEDED;
}

.helpCenterContents .notice .dataTable tbody td {
    padding: 16px;
    text-align: center;
}

.helpCenterContents .notice .dataTable tbody td:nth-child(2) {
    padding: 16px;
    text-align: left;
}

.helpCenterContents .notice .dataSubject {
    height: 60px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #EDEDED;
    padding-right: 15px;
    margin-top: 15px;
    padding-bottom: 40px;
}

.helpCenterContents .notice .dataSubject .subject {
    font-weight: 500;
    font-size: 16px;
    color: #222;
}

.helpCenterContents .notice .dataSubject2 {
    height: 60px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #EDEDED;
    padding-right: 20px;
    margin-top: 15px;
}

.helpCenterContents .notice .dataSubject2 .subject {
    font-weight: 500;
    font-size: 16px;
    color: #222;
}

.helpCenterContents .notice .dataSubject .date {
    color: #999;
}

.helpCenterContents .notice .dataContent {
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 20px;
}

.helpCenterContents .notice .dataContent .attachment {
    color: #669933;
    text-align: right;
    margin: 15px 20px 15px 0px;
}

.helpCenterContents .notice .dataContent .text {
    color: #222;
    margin: 15px 0px;
}

.helpCenterContents .notice .buttonWrapper {
    margin-top: 30px;
}

.helpCenterContents .notice .buttonWrapper .btnContent40 {
    width: 86px;
}

.helpCenterContents .notice .dataPrev {
    height: 50px;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    padding-left: 20px;
}

.helpCenterContents .notice .subject {
    color: #222;
    font-weight: 500;
}

.helpCenterContents .notice .text.disabled {
    color: #999999;
}

.helpCenterContents .notice .dataNext {
    height: 50px;
    margin-top: 40px;
    border-top: 1px solid #EDEDED;
    padding-left: 20px;
}

.helpCenterContents .notice .arrowImage {
    margin: 0px 25px;
}


/*********************** by Kim Mi-Sun  *******************/


/* 고객센터 */

.mb20 {
    margin-bottom: 20px;
}

.sub_bott_small {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-top: 8px
}


/* 회원 혜택 */

.help_cen_sec01>h3 {
    color: #264427;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 15px
}

.help_cen_sec01+.help_cen_sec01 {
    margin-top: 60px;
}

.benefit_con ul {
    clear: both;
    overflow: hidden;
}

.benefit_con li {
    width: 220px;
    border: 1px solid #ccc;
    min-height: 250px;
    width: 220px;
    text-align: center;
    padding: 30px 20px 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    float: left;
}

.benefit_con li+li {
    margin-left: 13px;
}

.benefit_con li h4 {
    font-size: 14px;
    line-height: 20px;
    color: #222;
    font-weight: 500;
    margin-top: 8px;
}

.benefit_con li span {
    background: #EDEDED;
    height: 1px;
    display: block;
    margin: 20px 0;
}

.benefit_con li p {
    font-size: 14px;
    line-height: 20px;
    color: #666;
}


/* >회원 등급 안내 */

.customer_level_con {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 30px 0;
    clear: both;
    overflow: hidden;
}

.level_box {
    width: 25%;
    float: left;
    padding: 0 20px;
    min-height: 364px
}

.level_box+.level_box {
    border-left: 1px solid #EDEDED;
}

.level_icon {
    width: 120px;
    height: 120px;
    background: #F5F5F5;
    border-radius: 120px;
    margin: 0 auto 24px;
    text-align: center;
}

.level_icon img {
    width: 150px;
    height: 150px;
}

.level_box h4 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto';
    line-height: 24px;
    margin-bottom: 20px;
    text-align: center;
}

.level_box p {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

.level_box ul {
    margin-top: 20px;
}

.level_box li {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 4px 0;
    border-radius: 3px;
    overflow: hidden;
}

.level_box li+li {
    margin-top: 5px;
}

.level_royal h4 {
    color: #B7AF3E;
}

.level_royal li {
    background: #F4F3E2;
    color: #B7AF3E;
}

.level_vip h4 {
    color: #D17766;
}

.level_vip li {
    background: #FBF3F2;
    color: #D58475;
}

.level_family h4 {
    color: #2C8F2C;
}

.level_family li {
    background: #F4F8F0;
    color: #257325;
}

.level_welcome h4 {
    color: #669933;
}


/* 상품권 안내  */


/* 상품권 등록 */

.mb40 {
    margin-bottom: 40px
}

.gift_con>img {
    margin: 20px 0;
}

.gift_alert_txt {
    padding-left: 23px;
    position: relative;
    line-height: 20px;
    color: #666;
    background: url("../images/common/iconMarkExclamationOrange.svg") 0 3px no-repeat;
    background-size: 16px auto;
    margin-bottom: 40px;
}

.bott_btn_center {
    text-align: center;
}

.gift_con .bott_btn_center button,
.gift_con .bott_btn_center button.btn_bor_gr {
    padding: 0 20px;
}

.bott_btn_center button+button {
    margin-left: 7px;
}

button.btn_bor_gr {
    background: #fff;
    border: 1px solid #669933;
    color: #669933;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    padding: 0 20px;
    min-width: 80px;
    text-align: center;
    border-radius: 5px;
}

.mb10 {
    margin-bottom: 10px !important
}


/*  상품권 이용안내  */

.gift_guide_con ol {
    clear: both;
    overflow: hidden;
    margin-bottom: 40px;
}

.gift_guide_con ol li {
    padding: 25px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.gift_guide_con ol li h4 {
    margin-bottom: 20px;
}

.gift_guide_con ol li strong {
    font-size: 18px;
    color: #669933;
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 700;
}

.gift_guide_con ol li span {
    font-size: 16px;
    color: #222;
    line-height: 24px;
    font-weight: 500;
    padding-left: 8px;
}

.gift_guide_con ol li:nth-child(1) {
    width: 323px;
    float: left;
}

.gift_guide_con ol li:nth-child(2) {
    width: 578px;
    float: right;
}

.gift_shop {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 15px 17px;
    border-radius: 5px;
}

.gift_offLine {
    background: #F5F5F5 url("../images/sub/icon_gift_offline.png") 218px 34px no-repeat;
}

.gift_onLine01 {
    background: #F5F5F5 url("../images/sub/icon_gift_online01.png") 93px 37px no-repeat;
}

.gift_onLine02 {
    background: #F5F5F5 url("../images/sub/icon_gift_online02.png") 94px 35px no-repeat;
}

.gift_onLine03 {
    background: #F5F5F5 url("../images/sub/icon_gift_online03.png") 92px 35px no-repeat;
}

.onLine_use>div {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}

.onLine_use>img {
    vertical-align: middle;
    margin: 0 7px
}

.gift_guide_txt+.gift_guide_txt {
    margin-top: 30px
}

.gift_guide_txt h4 {
    position: relative;
    padding-left: 10px;
    line-height: 20px;
    font-weight: 500;
    padding-left: 10px;
    margin-bottom: 6px;
}

.gift_guide_txt h4:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    background: #222;
    border-radius: 8px;
    margin-top: -2px;
}

.gift_guide_txt p {
    padding-left: 10px;
}

.gift_guide_txt li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
    letter-spacing: -.5px;
}

.gift_guide_txt li span {
    display: block;
    padding-left: 10px;
}

.gift_guide_txt li+li {
    margin-top: 10px;
}


/* 상품입점상담 */

input[type="text"].inputPhone,
.inputPhone {
    width: 80px;
    min-width: 80px;
    height: 40px;
    padding: 10px;
    vertical-align: top;
    line-height: 19px;
}

.hyphen {
    margin: 0px 5px;
    font-weight: 700;
}

.addressTd input {
    margin: 0px 10px 10px 0px;
}

input[type="text"].inputAddr1,
.inputAddr1 {
    width: 186px;
    height: 40px;
    padding: 10px;
}

input[type="text"].inputAddr2,
.inputAddr2 {
    width: 292px;
    height: 40px;
    padding: 10px;
}

input[type="text"].inputAddr3,
.inputAddr3 {
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-bottom: 0;
}

.radio_box02 {
    clear: both;
    overflow: hidden;
}

.radio_box02 li {
    float: left;
    width: 20%;
}

.radio_box02+.radio_box02 {
    margin-top: 20px;
}

.personal_info_txt {
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.personal_info_txt p {
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.personal_agree {
    text-align: right;
    margin-bottom: 40px;
}

.personal_agree strong {
    margin-right: 40px;
    font-weight: 500;
}

.personal_agree ul,
.personal_agree li {
    display: inline-block;
}

.personal_agree li+li {
    margin-left: 30px;
}

.tip_quality .txt_line_height li {
    line-height: 24px;
}

.unselect {
    text-align: right;
    margin-top: 20px;
}


/* 상담분야  radio */

.counseling_radio+.counseling_radio {
    margin-top: 30px;
}

.counseling_radio h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.counseling_radio .radio_box02 li {
    padding: 10px 0;
}


/* 상품입점상담 */

.help_cen_sec01 .my_bott_btn .btn_send_st01 {
    padding: 0 30px;
}


/* 글 없음  */

.no_data {
    height: 400px;
    border: 1px solid #ccc;
    margin-top: 40px;
    text-align: center;
    border-radius: 5px;
}

.no_data>div {
    margin: 0 auto;
}

.no_data p {
    font-size: 16px;
    color: #999;
    line-height: 24px;
    margin-top: 17px;
}


/* 고객센터 : 끝 */


/* 주문서 */


/***** 주문서 : 시작 ******/
.order_completed_wrap{
   width:860px;
   margin:0 auto;
}
.order_completed_wrap .orderGray {
    color: #999;
    font-weight: 500;
    font-size: 14px;
}

.order_completed_wrap .orderPrice {
    color: #222;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 14px;
}

.order_completed_wrap .orderWon {
    color: #222;
    font-weight: 500;
    font-size: 14px;
}

.order_completed_wrap .orderTotalPrice {
    color: #669933;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 20px;
}

.order_completed_wrap .orderCaption {
    color: #222;
    font-weight: 400;
    font-size: 14px;
}

.order_completed_wrap .orderCaption+.seperator {
    height: 12px;
}

.order_completed_wrap .comple_sec01 .order_completed > br {
    display: none;
}

/* .order_completed_wrap .order_completed .guide_message {
    margin-bottom: 24px;
} */

.order_completed_wrap .orderNumber {
    color: #669933;
    font-weight: 400;
    font-size: 14px;
}

.order_completed_wrap .orderNumber+.orderCaption {
    margin-left: 50px;
}

.order_completed_wrap .orderTotalWon {
    color: #669933;
    font-weight: 500;
    font-size: 14px;
}

.order_completed_wrap .marginTop20 {
    margin-top: 20px;
}

.order_completed_wrap .comple_sec01 .order_completed {
    padding-top: 78px;
}

.myOrderWrapper .articleWrapper1 {
    border: 1px solid #CCC;
    border-radius: 5px;
    width: 860px;
}

.myOrderWrapper .articleWrapper1 .marginTop60 {
    margin-top: 60px;
}

.myOrderWrapper .articleWrapper1 .formTable1 {
    width: 100%;
}

.myOrderWrapper .articleWrapper1 .formTable1 td {
    padding: 23px 20px;
    line-height: 21px;
}

.myOrderWrapper .articleWrapper1 .formTable1 td:first-child {
    vertical-align: top;
}

.myOrderWrapper .articleWrapper1 .formTable1 tr {
    border-bottom: 1px solid #EDEDED;
}
.myOrderWrapper .articleWrapper1 .formTable1 tr:last-child{
    border-bottom:0;
}
.myOrderWrapper .articleWrapper1 .formTable1 .detail1 {
    font-size: 12px;
    color: #222222;
}

.myOrderWrapper .totalPrice {
    color: #FF6000;
}

.myOrderWrapper .articleWrapper1 .formTable1 .totalAmountTd,
.myOrderWrapper .listTable td.totalAmountTd {
    background-color: #FBF5EB;
    text-align: right;
    height: 80px;
    vertical-align: middle;
    padding-top: 30px;
    padding-right: 20px !important;
    border-radius: 0px 0px 5px 5px;
}
.myOrderWrapper .articleWrapper2 .listTable tr:last-child{
   border-bottom:0;
}
.myOrderWrapper .articleWrapper2 .listTable td.totalAmountTd.pa_rit50 {
    padding-right: 50px !important;
}

.myOrderWrapper .articleWrapper1 .formTable1 .deliveryMessage {
    width: 480px;
}

.myOrderWrapper .articleWrapper1 .formTable1 .selDeliveryCount {
    width: 80px;
}

.myOrderWrapper .articleWrapper1 .dataTable1 {
    border-top: 1px solid #ccc;
}

.myOrderWrapper .articleWrapper1 .dataTable1 th {
    background-color: #FAFAFA;
    padding: 10px 20px;
    color: #222;
    font-weight: 500;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}

.myOrderWrapper .articleWrapper1 .dataTable1 td {
    background-color: #FAFAFA;
    padding: 10px 20px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.myOrderWrapper .articleWrapper1 .dataTable1 .percent {
    color: #FF6000;
    font-size: 12px;
}

.cart_top_info.regularDeliverySubject {
    margin-top: 60px;
}

.regularDeliveryBtnWrap .btn_send_st01 {
    padding: 0 20px;
}

.regularDeliverySchedulePopup .content {
    padding-top: 33px;
    border-top: 1px solid #ededed;
}

.regularDeliverySchedulePopup .caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}

.regularDeliverySchedulePopup .dataTable1 {
    border-top: 1px solid #ccc;
    margin-top: 13px;
}

.regularDeliverySchedulePopup .dataTable1 th {
    background-color: #FAFAFA;
    padding: 11px 20px;
    color: #222;
    font-weight: 500;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}

.regularDeliverySchedulePopup .dataTable1 td {
    background-color: #FAFAFA;
    padding: 11px 20px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.regularDeliverySchedulePopup .dataTable1 .percent {
    color: #FF6000;
    font-size: 12px;
}

.regularDeliverySchedulePopup .alert {
    margin-top: 28px;
}

.regularDeliverySchedulePopup .alert .list li {
    font-size: 12px;
    line-height: 24px;
}

.myOrderWrapper .articleWrapper1 .alert {
    padding: 20px;
}

.myOrderWrapper .articleWrapper1 .alert img {
    width: 16px;
    height: 16px;
    margin-right: 13px;
    margin-top: 3px;
}

.myOrderWrapper .articleWrapper1 .alert .text {
    color: #666;
    font-size: 14px;
    word-break: keep-all;
    line-height: 23px;
}

.pl3 {
    padding-left: 3px;
}

.myOrderWrapper .articleWrapper1 .dataTable1 .rightAlign {
    text-align: right;
}

.myOrderWrapper .marginBottom20 {
    margin-bottom: 20px;
}

.myOrderWrapper .marginRight30 {
    margin-right: 30px;
}

.myOrderWrapper .articleWrapper1 .formTable1 .marginTop5 {
    margin-top: 5px;
}

.myOrderWrapper .articleWrapper1 .formTable1 .marginTop10 {
    margin-top: 10px;
}

.myOrderWrapper .articleWrapper1 .formTable1 .marginTop20 {
    margin-top: 20px;
}

.myOrderWrapper .articleWrapper1 .formTable1 .btnGray30 {
    margin-top: 20px;
}

.myOrderWrapper .articleWrapper1 .formTable1 .radio_st label {
    margin-right: 20px;
}

.myOrderWrapper .articleWrapper2 {
    margin-top: 60px;
    width: 860px;
}

.myOrderWrapper .articleWrapper2+.sectionTitle {
    margin-top: 60px;
}

.myOrderWrapper .articleWrapper2.marginTop0 {
    margin-top: 0px;
}

.myOrderWrapper .addDeliveryLocation {
    width: 860px;
    height: 140px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 40px;
}

.myOrderWrapper .articleWrapper2 .amountNumber {
    color: #222;
    font-size: 16px;
    font-weight: 500;
}

.myOrderWrapper .articleWrapper2 .marginTop20 {
    margin-top: 10px;
}

.myOrderWrapper .articleWrapper2 .number {
    color: #ff6000;
    font-size: 16px;
}

.myOrderWrapper .articleWrapper2 .lef_cart {
    margin-top: 15px;
}

.myOrderWrapper .articleWrapper2 .listTable {
    width: 100%;
}

.myOrderWrapper .articleWrapper2 .listTable td {
    padding: 20px;
    color: #222;
}

.myOrderWrapper .articleWrapper2 .listTable tr td:first-child {
    padding-right: 0;
}

.myOrderWrapper .articleWrapper2 .listTable .goodsImage {
    width: 70px;
    height: 94px;
    background:#f5f5f5;
}
.myOrderWrapper .articleWrapper2 .listTable .goodsImage img{
   width:100%;
}

.myOrderWrapper .articleWrapper2 .listTable tr {
    border-bottom: 1px solid #EDEDED;
}

.myOrderWrapper .articleWrapper2 .listTable .v-line {
    position: relative;
    padding: 20px 0;
}

.myOrderWrapper .articleWrapper2 .listTable .v-line::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #ededed;
    top: 20%;
}

.myOrderWrapper .articleWrapper2 .listTable .priceTd {
    text-align: right;
    padding-right: 50px;
    padding-left: 0;
}

.myOrderWrapper .articleWrapper3 {
    border: 1px solid #CCC;
    border-radius: 5px;
    width: 860px;
}

.myOrderWrapper .articleWrapper3 .formTable2 {
    width: 100%;
}

.myOrderWrapper .articleWrapper3 .formTable3 {
    width: 100%;
    height: 76px;
    background-color: #FBF5EB;
    border-radius: 0px 0px 5px 5px;
}

.myOrderWrapper .articleWrapper3 .formTable3 td {
    padding: 20px 30px 20px 20px;
}

.myOrderWrapper .articleWrapper3 .formTable3 .totalPrice,
.myOrderWrapper .articleWrapper3 .formTable3 .totalWon {
    color: #FF6000;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 16px;
    padding-left: 2px;
}

.myOrderWrapper .articleWrapper3 .formTable2 td {
    padding: 20px;
}

.myOrderWrapper .articleWrapper3 .formTable2 td:first-child {
    vertical-align: top;
}

.myOrderWrapper .articleWrapper3 .formTable2 td:last-child {
    padding-right: 30px;
}
.myOrderWrapper .articleWrapper3 .formTable2 tr:first-child{
   border-top:0;
}
.myOrderWrapper .articleWrapper3 .formTable2 tr {
    border-bottom: 1px solid #EDEDED;
}

.myOrderWrapper .articleWrapper3 .formTable2 .noBorder {
    border: none;
}

.myOrderWrapper .articleWrapper4 {
    border: none;
}

.myOrderWrapper .alignRight {
    text-align: right;
}

.myOrderWrapper .price {
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
}

.myOrderWrapper .price2 {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    vertical-align: middle;
}

.myOrderWrapper .priceDetail {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 4px;
}

.myOrderWrapper .won {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 2px;
}

.myOrderWrapper .listHiddenArticle1,
.myOrderWrapper .listHiddenArticle2 {
    display: none;
}

.myOrderWrapper .articleWrapper3 .listHiddenArticle1 .hiddenTable1 select {
    /* width: 250px; */
    width: 100%;
    max-width: 398px;
}

.myOrderWrapper .articleWrapper3 .listHiddenArticle1 .hiddenTable1 .deliverySelector {
    width: 150px;
}

.myOrderWrapper .articleWrapper3 .hiddenTable1 {
    width: 100%;
    background-color: #F5F5F5;
}

.myOrderWrapper .articleWrapper3 .hiddenTable1 td {
    padding: 10px 5px 10px 20px;
}

.myOrderWrapper .articleWrapper3 .hiddenTable1 td:first-child {
    padding-left: 30px;
}

.myOrderWrapper .articleWrapper3 .hiddenTable1 .unit {
    padding-left: 0px;
}

.myOrderWrapper .articleWrapper3 .hiddenTable1 .alignRight {
    padding-right: 30px;
}

.myOrderWrapper .articleWrapper4 {
    border: 1px solid #CCC;
    border-radius: 5px;
    width: 860px;
}

.myOrderWrapper .articleWrapper4 .flexEdgeWrap {
    padding: 1%;
}

.myOrderWrapper .articleWrapper4 .radioDiv {
    position: relative;
    height: 181px;
    width: 0;
    flex-grow: 1;
}

.myOrderWrapper .articleWrapper4 .radioDiv label[for*=img]{
    display: flex;
    height: 100%;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 1%;
}

.myOrderWrapper .articleWrapper4 .radioDiv label[for*=img].select-radio{
    background-color: #e9f3e5;
    border-color: #479732;
}

.myOrderWrapper .articleWrapper4 .radioDiv span {
    position: relative;
    /* display: flex; */
}

.myOrderWrapper .articleWrapper4 .radioDiv .goodsImage {
    width: 70px;
    height: 94px;
    background:#f5f5f5;
    margin-right: 20px;
}
.myOrderWrapper .articleWrapper4 .radioDiv .goodsImage img{
   width:100%;
}
.myOrderWrapper .articleWrapper4 .radioDiv.gift_unselect .goodsImage{
   display:none;
}
.myOrderWrapper .articleWrapper4 .radioDiv.gift_unselect .text{
   left:41px;
}

.myOrderWrapper .articleWrapper5 {
    border: 1px solid #CCC;
    border-radius: 5px;
    width: 860px;
}

.myOrderWrapper .articleWrapper5 .formTable5 {
    width: 100%;
}

.myOrderWrapper .articleWrapper5 .formTable5 tr:first-child {
    border-bottom: 1px solid #EDEDED;
}

.myOrderWrapper .articleWrapper5 .formTable5 td {
    padding: 20px;
}

.myOrderWrapper .articleWrapper5 .logoButtons button {
    margin-right: 5px;
}

.myOrderWrapper .articleWrapper5 .contentBox1 {
    height: 83px;
    padding: 30px 18px;

}
.myOrderWrapper .articleWrapper5 .contentBox1 + .contentBox1{
   border-top: 1px solid #ededed;
}
.myOrderWrapper .articleWrapper5 .contentBox2 {
    padding: 27px 34px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #ededed;
}

.myOrderWrapper .articleWrapper5 .contentBox3 {
    padding: 10px 20px;
}

.myOrderWrapper .articleWrapper5 .formTable6 td {
    padding: 15px 0px;
    vertical-align: top;
    color: #666;
}

.myOrderWrapper .articleWrapper5 .formTable6 td:last-child {
    vertical-align: middle;
}

.myOrderWrapper .articleWrapper6 {
    border: 1px solid #CCC;
    border-radius: 5px;
    width: 860px;
    padding: 20px;
}

.myOrderWrapper .articleWrapper6 .userTerm {
    text-align: right;
}

.myDeliveryPopup .inputTable tr {
    border-bottom: 1px solid #dfdfdf;
}

.myDeliveryPopup .inputTable td {
    /* padding: 10px; */
    padding: 10px 0px 10px 10px;
}

.myDeliveryPopup .inputTable .dataTd div {
    margin: 10px 0px;
}

.myDeliveryPopup .inputTable .linkButtonTd {
    text-align: right;
    vertical-align: bottom;
    padding: 10px;
}

.myDeliveryPopup .inputTable .user {
    font-weight: 500;
    margin: 0;
}

.myDeliveryPopup .inputTable .dataTd div.address {
    margin: 0px;
}

.myDeliveryPopup .inputTable .dataTd div.phone {
    margin: 3px 0 0;
}

.myDeliveryPopup .inputTable .radioTd {
    vertical-align: top;
    padding-top: 18px;
}

.myDeliveryPopup .registDeliveryButtonDiv {
    text-align: left;
}

.myDeliveryPopup .noDeliveryDataDiv {
    background-color: #F5F5F5;
    text-align: center;
    height: 186px;
    vertical-align: middle;
}

.giftGoodsImageWrapper {
    padding: 40px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.giftGoodsImageWrapper .imageWrapper {
    width: 70px;
    height: 94px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
    background:#f5f5f5;
}

.giftGoodsImageWrapper .imageWrapper img {
    max-width: 70px;
    max-height: 94px;
}
.giftGoodsImageWrapper > div{
    width:50%;
    margin-top:20px;
}
.giftGoodsImageWrapper > div:nth-child(1),
.giftGoodsImageWrapper > div:nth-child(2){
   margin-top:0;
}

.marginTop60 {
    margin-top: 60px;
}

.order_completed_wrap .greenText {
    color: #669933;
}

.payExpWrap.marginT2_0>p {
    line-height: 26px;
    font-size: 12px;
    color: #666;
}


/* 일반배송 주문서  */

.order_wh_top {
    position: relative;
}

.order_wh_wrap .rit_cart {
    margin-top: 82px;
    height: calc(100% - 82px)
}

.shop_deli_pick a {
    font-size: 14px;
    line-height: 20px;
    padding: 9px 20px 11px;
    height: 40px;
    display: block;
    float: left;
    border: 1px solid #CCC;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.shop_deli_pick {
    clear: both;
    position: absolute;
    right: 0;
    bottom:-5px;
}

.shop_deli_pick a+a {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 0;
}

.shop_deli_pick a.on {
    color: #669933;
    border-color: #669933;
    position: relative;
}

.shop_deli_pick a+a.on::after {
    border: 1px solid #669933;
    border-width: 1px 0 1px 1px;
    width: 2px;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
}
.shop_deli_pick a.rit_radius3{
   -webkit-border-top-right-radius: 3px;
   border-top-right-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   border-bottom-right-radius: 3px;
}
.today_place_info>div {
    margin-bottom: 10px;
}

.today_place_info .color_gr {
    color: #669933;
}

.font12 {
    font-size: 12px;
    line-height: 18px;
}

a.btn_gr_coupon {
    color: #669933;
    text-decoration: underline;
    margin-top: 8px;
    display: inline-block;
}

span.greenNumber {
    color: #669933;
}

.order_coupon_sel select {
    display: inline-block;
}

.order_coupon_sel select:first-child {
    width: 250px !important;
}

.order_coupon_sel select+select {
    margin-left: 7px;
}

/* 입고알림관리  */

.sell_price {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.nor_price {
    font-size: 12px;
    color: #BBB;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: line-through;
    padding-left: 5px;
}


/* 포인트  */


/* searchBox */

.myPointHistory .search_monthFirst {
    padding: 40px 0 0;
}

.search_monthFirst .month_line {
    padding-left: 0;
}

.search_monthFirst .inp_date {
    padding-left: 20px;
}

.sel_filter {
    width: 160px;
    display: inline-block;
    padding-left: 20px;
}

.sel_filter select {
    height: 36px;
    width: 100%;
}

.extinction .tooltip {
    position: absolute;
    top: 2px;
    right: 0;
}

.extinction {
    padding-right: 20px
}


/* 주문서 작성  */

.regularDeliveryBtnWrap {
    text-align: center;
    margin-top: 30px;
}


/* 전체동의 */

.schedule_line {
    padding-top: 14px;
    position: relative;
    margin-top: 6px;
}

.schedule_line.before:before {
    border-top: 1px solid #EDEDED;
    position: absolute;
    top: 0;
    left: -20px;
    width: calc(100% + 40px);
    content: '';
}

.soon_point {
    margin: 14px 0 7px;
    display: flex;
    justify-content: space-between;
}

.soon_point.mb30 {
    margin-bottom: 30px;
}

.soon_point dt {
    color: #A2A2A2;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.soon_point dd {
    display: flex;
    align-items: center;
}

.bott_total_order dl.soon_point dd strong,
.bott_total_order dl.soon_point dd span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #222;
}

.agreement_box p {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 18px;
}

.col_gr {
    color: #669933;
    font-weight: 600;
}


/* 복수배송 개인정보 동의  */

.agreement_check {
    position: relative;
}

.btn_agree {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    overflow: hidden;
    top: 5px;
    background: url("../images/sub/icon_agreement.svg") center center no-repeat;
    background-size: 9px 6px;
}

.btn_agree.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.agree_check_con {
    margin-top: 30px;
    display: none;
}

.agree_check_con li p {
    font-size: 12px;
    padding-left: 30px;
    line-height: 16px;
    margin-top: 4px;
    color: #666;
}

.btn_agree_vw {
    display: inline-block;
    color: #666;
    margin-top: 4px;
    font-size: 12px;
    background: url("../images/sub/icon_agree_vw.svg") right 7px no-repeat;
    margin-left: 30px;
    padding-right: 12px;
    line-height: 18px;
}

.cart_total_price.tb_pl20 {
    padding-left: 20px;
}

.img_midd {
    vertical-align: middle;
}


/* 주문서 작성 */


/* 상품권 선택 셀렉트 박스  */

.td_posi {
    position: relative;
}

.select_option_st02 {
    position: absolute;
    top: 9px;
    left: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 20px);
    z-index:1;
}

.select_option_st02.active {
    border: 1px solid #257325;
}

.select_option_txt02 {
    color: #222;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    outline: none;
    padding: 9px 30px 9px 10px;
    vertical-align: middle;
    width: 100%;
    height: auto;
    min-width: 50px;
    background: #fff;
    position: relative;
    height: 40px;
}

.select_option_txt02:after {
    background: url('../images/common/ico_select_arrow.svg') 0 center no-repeat;
    position: absolute;
    right: 10px;
    top: 15px;
    content: '';
    display: block;
    width: 16px;
    height: 10px;
}

.select_option_st02.active .select_option_txt02:after {
    background: url('../images/common/ico_select_arrow.svg') 0 center no-repeat;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 14px;
    right: 15px;
}

.optionBox02 {
    background: #fff;
    display: none;
}

.optionBox02 li {
    padding: 10px;
}

.ev_gy {
    color: #999;
}
.tit_wid_37{
   width:37px;
   display:inline-block;
}

/***************************** by Kim Mi-Sun  ******************************/


/* 주문완료 */

.comple_sec01+.comple_sec01 {
    margin-top: 60px;
}

.order_completed {
    text-align: center;
    padding-top: 50px;
}

.order_completed img {
    margin-bottom: 40px;
}

.customer_name,
.customer_name span {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 4px;
    font-weight: 700;
}

.guide_message {
    font-size: 32px;
    line-height: 40px;
}
.comple_marginT{
   margin-top:21px;
}
.comple_message_txt{
   font-size:25px;
   line-height: 40px;
}
.comple_message_txt span{
   color:#669933;
   font-size:25px;
   line-height: 40px;
}
.mt20 {
    margin-top: 20px;
}

.order_completed_wrap .my_bott_btn .btn_send_st01,
.order_completed_wrap .btnGray40 {
    width: 140px;
}

.order_completed_wrap .my_bott_btn {
    text-align: center;
}

.order_completed_wrap .my_bott_btn02 {
    margin-top: 30px;
}


/* 초록레시피 */


/* 초록레시피 : 시작 */

.recipeTopWrapper .slickBorder {
    width: 580px;
    max-height: 650px;
    padding-right: 40px;
    border-right: 1px solid #EDEDED;
    position: relative;
}

.recipeTitleWraper {
    width: 579px;
    padding-left: 40px;
    position: relative;
}

.btn_recipe_sharing {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    padding-top: 4px;
    position: absolute;
    top: 0;
    right: 0;
}

.top_recipe_tit {
    padding-top: 20px;
    height: 125px;
}

.top_recipe_tit h4 {
    color: #264427;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
}

.top_recipe_tit p {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    margin-top: 2px;
}

.recipeMainSlick {
    width: 540px;
    height: 650px;
    overflow: hidden;
}

.mainSlickImageWrap {
    width: 540px;
    height: 650px;
    overflow: hidden;
    position: relative;
}

.recipeImgSlogan {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: white;
    position: absolute;
    bottom: 210px;
    left: -152px;
}

.mainSlickImage {
    width: 100%;
}

.recipeTopWrapper .numberSlick {
    margin-top: 71px;
    position: relative;
}

.recipe_prod_txt {
    font-size: 16px;
    line-height: 24px;
    max-height:48px;
    margin-top: 6px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.recipeTitleWraper .recipe_prod_txt{
   margin-right:28px;
   height:48px;
}
.recipeTopWrapper .slick-dots {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: absolute;
    right: 0px;
    top: 10px;
}

.recipeTopWrapper .slick-dots button {
    margin-right: 7px;
}

.recipeMainWrapper .thumbnailSlick5 {
    /* recipe 상세 */
    position: relative;
    /* width: 548px; */
    width: 560px;
    margin-top: -10px;
}

.recipeMainWrapper .thumbnailSlick5 .slick-dots {
    /* recipe 상세 */
    position: absolute;
    top: -30px;
    right: 13px;
}

.recipeTopWrapper .numberSlick li button,
.recipeTopWrapper .thumbnailSlick5 li button {
    position: relative;
    font-size: 0px;
    width: 10px;
    height: 10px;
    background-color: #EDEDED;
    border-radius: 50%;
}

.recipeTopWrapper .numberSlick li.slick-active button,
.recipeTopWrapper .thumbnailSlick5 li.slick-active button {
    position: relative;
    font-size: 0px;
    width: 10px;
    height: 10px;
    background-color: #669933;
    border-radius: 50%;
}

.recipeTopWrapper .thumbnailSlick5 li.slick-active button {
    background-color:#6C8B6C;
}

.recipeTopWrapper .numberSlick .number {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 40px;
    color: #EDEDED;
    line-height: 53px;
    margin-bottom: 4px;
}

.recipeTopWrapper .numberSlick .categoryName {
    font-size: 14px;
    color: #222;
    line-height: 20px;
    margin-bottom: 8px;
}

.recipeTopWrapper .titleSlick {
    height: 28px;
    width: 380px;
    margin-top: 0;
}

.recipeTopWrapper .titleSlick .text a {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #222;
    line-height: 28px;
    overflow: hidden;
    height: 32px;
}

.recipeTopWrapper .explainSlick {
    width: 380px;
    height: 40px;
    margin-top: 14px;
}

.recipeTopWrapper .explainSlick .text a {
    font-size: 16px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    height: 40px;
    display: block;
}

.recipeMainWrapper .h-line {
    height: 1px;
    background-color: #EDEDED;
    margin-top: 46px;
}

.recipeMainWrapper .tabSection {
    position: relative;
}

.recipeMainWrapper .rightAlign {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index:1;
}

.recipeMainWrapper .h-line2 {
    height: 1px;
    background-color: #222;
    /* margin-top: 60px; */
    margin-top: 34px;
}

.recipeMainWrapper .thumbnailTitle {
    margin-top: 6px;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 24px;
}

.recipeMainWrapper .thumbnailWrapper {
    margin-top: 16px;
    line-height: 0;
}

.recipeMainWrapper .thumbnailWrapper .thumbnailSlick1,
.recipeMainWrapper .thumbnailWrapper .thumbnailSlick2,
.recipeMainWrapper .thumbnailWrapper .thumbnailSlick3,
.recipeMainWrapper .thumbnailWrapper .thumbnailSlick4 {
    width: 120px;
    overflow: hidden;
    line-height: 0;
}

.recipeMainWrapper .thumbnailWrapper .thumbnail {
    border-radius: 0;
    width: 100%;
}

.recipeMainWrapper .thumbnailImageWrapper {
    width: 120px;
    height: 162px;
    margin-right: 28px;
    overflow: hidden;
    position: relative;
    background:#f5f5f5;
}

.recipeMainWrapper .soldoutBlack {
    font-size: 20px;
}

.thumbnailImageWrapper a {
    display: block;
    font-size: 0;
}

.recipeMainWrapper .thumbnailImageWrapper:last-child {
    margin-right: 0px;
}

.recipeMainWrapper .marginTop80 {
    margin-top: 57px;
}

.recipeMainWrapper .recipes {
    margin-top: 40px;
}

.recipeMainWrapper .recipes .group {
    width: 260px;
    margin-bottom: 80px;
    margin-right: 40px;
}

.recipeMainWrapper .recipes .group:nth-child(4n) {
    margin-right: 0;
}

.recipeMainWrapper .recipes .image {
    width: 260px;
    height: 312px;
    overflow: hidden;
    background:#f5f5f5;
}

.recipeMainWrapper .recipes .image img {
    width: 100%;
    -webkit-transition:all 0.3s ease-in-out;
             transition:all 0.3s ease-in-out;
    -webkit-transform:scale(1) translateZ(0);
            transform:scale(1) translateZ(0);
    cursor: pointer;
}

.recipeMainWrapper .recipes .image img:hover {
   -webkit-transform:scale(1.2) translateZ(0);
          transform:scale(1.2) translateZ(0);
  -webkit-transition:all 0.3s ease-in-out;
          transition:all 0.3s ease-in-out;
}

.recipeMainWrapper .recipes .categoryName {
    font-size: 12px;
    line-height: 18px;
    color: #222;
    margin-top: 10px;
}

.recipeMainWrapper .recipes .categoryName .sorting {
    /* margin-right: 12px; */
    font-size: 12px;
    line-height: 18px;
    vertical-align: 0px;
}

.recipeMainWrapper .recipes .categoryName .sorting:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #ededed;
    vertical-align: -1px;
    margin: 0 5px;
}

.recipeMainWrapper .recipes .categoryName2 {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    margin-top: 5px;
}

.recipeMainWrapper .recipes .recipeName {
    font-size: 18px;
    color: #222;
    max-height: 52px;
    line-height:26px;
    overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: normal;
    word-wrap: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.recipeMainWrapper .recipeSubtitle {
    font-size: 24px;
    font-weight: 500;
    color: #222;
    width: 75%;
    max-height: 75px;
    overflow: hidden;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.recipeMainWrapper .recipeTopDataTable {
    margin-top: 20px;
}

.recipeMainWrapper .recipeTopDataTable tr {
    border-top: 1px solid #EDEDED;
}

.recipeMainWrapper .recipeTopDataTable tr:nth-child(2) {
    border-top: none;
}

.recipeMainWrapper .recipeTopDataTable tr:nth-child(3) {
    /* 목록 image 아래 줄 맞춤 */
    height: 201px;
}

.recipeMainWrapper.choroc_story_view .recipeTopDataTable tr:nth-child(2) {
    /* 목록 image 아래 줄 맞춤 */
    height: 280px;
}

.recipeMainWrapper .recipeTopDataTable td {
    padding: 20px 0;
    vertical-align: top;
    line-height: 19px;
}

.recipeMainWrapper .recipeTopDataTable tr:nth-child(1) td {
    padding-bottom: 0px;
}

.recipeMainWrapper .recipeTopDataTable .date {
    font-family: "Roboto";
    font-size: 14px;
}

.recipeMainWrapper .recipeTopDataTable .count {
    font-family: "Roboto";
    font-size: 14px;
    color: #FF6000;
}

.recipeTopDataTable td.paddingTB40+td.paddingTB40 {
    line-height: 24px;
}

.recipeMainWrapper .recommendButton {
    margin-top: 60px;
    padding: 30px;
    border-top: 1px solid #ededed;
}

.recipeMainWrapper .recommendButton button {
    height: 60px;
    width: 240px;
}

.recipeMainWrapper .recommendRecipeSection {
    margin-top: 80px;
}

.recipeMainWrapper .recommendRecipeSection .subtitle {
    font-size: 28px;
    font-weight: 700;
    color: #222;
}

.recipeMainWrapper .recommendRecipeSection .images {
    margin-top: 20px;
}

.recipeMainWrapper .recommendRecipeSection .group {
    margin-right: 40px;
}

.recipeMainWrapper .recommendRecipeSection .group:nth-child(4n) {
    margin-right: 0px;
}

.recipeMainWrapper .recommendRecipeSection .images .thumbnail_recip_img {
    width: 260px;
    height: 312px;
    overflow: hidden;
}

.thumbnail_recip_img img {
    max-width: 100%;
}

.recipeMainWrapper .recommendRecipeSection .category {
    font-size: 12px;
    margin-top: 10px;
}

.recipeMainWrapper .recommendRecipeSection .title {
    font-size: 18px;
    width: 260px;
    line-height: 27px;
    max-height: 54px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.recipeMainWrapper .replySection .replyTable td {
    padding: 20px;
    font-size: 16px;
    color: #222;
}

.recipeMainWrapper .replySection .replyTable .date {
    text-align: center;
    color: #999;
}

.recipeMainWrapper .replySection .replyTable tr {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.recipeMainWrapper .replySection .replyTable tr:first-child {
    border-top: none;
    border-bottom: 1px solid #ededed;
}

.recipeMainWrapper .replySection .btnReply {
    width: 90px;
    font-weight: 500;
}

.recipeMainWrapper .replySection .btnDelete {
    width: 90px;
    font-weight: 500;
}

.recipeMainWrapper .replySection .replyForm {
    margin-top: 80px;
}

.recipeMainWrapper .replySection .totalReply {
    font-size: 16px;
}

.recipeMainWrapper .replySection .totalReply .number {
    color: #669933;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 16px;
}

.recipeMainWrapper .replySection .replyForm .replyInput {
    width: 990px;
    height: 60px;
    margin-right: 10px;
}

.recipeMainWrapper .replySection .replyForm .inputWrapper {
    background-color: #EDEDED;
    border-radius: 5px;
    padding: 20px;
    margin-top: 12px;
}

.recipeMainWrapper .replySection .replyForm .btnRegist {
    width: 120px;
    padding: 15px 0;
}

.replyTable {
    margin-top: 26px;
    table-layout:fixed;
}
.replyTable td{
   word-break:break-all;
}
.recipeMainWrapper .replySection .replyTable .replyPlusTd {
    padding-left: 150px;
    padding-right: 10px;
}

.recipeMainWrapper .replySection .replyTable .replyPlusTd img {
    width: 22px;
    height: 22px;
    margin-right: 20px;
}

.recipeMainWrapper .replySection .replyTable .replyPlusWrapper {
    background-color: #FBF5EB;
    border: 1px solid #ccc;
    border-radius: 5px;
    /* width: 100%; */
    width: 960px;
    min-height: 60px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.recipeMainWrapper .replySection .replyTable .replyPlusWrapper .text {
    line-height: 180%;
    width: 880px !important;
    padding-right: 38px;
    /* word-break: keep-all; */
    margin-top: 5px !important;
}


/* 추천수  */

.recommend_txt {
    position: absolute;
    top: 30px;
    right: 55px;
}

.recommend_txt strong {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.recommend_txt span {
    color: #669933;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 19px;
    vertical-align: middle;
    display: inline-block;
    padding-left:5px;
}

.recipeTopDataTable_wrap {
    height: 225px;
}


/* 초록레시피 상세 내용  */

.recipeMainWrapper .subContents {
    padding-top: 60px;
}

.recipeTitleWraper .shareBox_st02 .btn_share {
    width: 30px;
    height: 30px;
    top: 25px;
}

/* 초록레시피 상세  type01 */
.top_tit_recipe{
    text-align:center;
    padding:66px 0;
    background:url("../images/sub/icon_recipe_tit01.png") center 0 no-repeat;
    position:relative;
}
.top_tit_recipe:after{
    content:'';
    width:40px;
    height:33px;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-20px;
    display:block;
    background:url("../images/sub/icon_recipe_tit02.png") center 0 no-repeat;
}
.top_tit_recipe span{
    font-size:25px;
    line-height:33px;
    display:block;

}
.top_tit_recipe h4{
    font-size:50px;
    line-height:75px;
    font-weight:700;
    margin-bottom:20px;
}
.top_tit_recipe p{
    line-height:29px;
    font-size:20px;
    color:#666;
}
.recipe_description h5{
    font-size:28px;
    line-height:41px;
    margin-bottom:20px;
    font-weight:700;
}
.recipe_description{
    padding-top:60px;
}
.recipe_vw_type01 ol{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.recipe_vw_type01 li{
    width:560px;
    margin-top:80px;
}
.recipe_vw_type01 li:nth-child(1),
.recipe_vw_type01 li:nth-child(2){
    margin-top:0;
}
.recipe_vw_type01 li img{
    width:100%;
    margin-bottom:14px;
    line-height:0;
}
.recipe_vw_type01 li:nth-child(2n){
    margin-left:40px;
}
.recipe_vw_type01 li strong{
    width:21px;
    float:left;
    font-size:16px;
    line-height:24px;
    font-weight:700;
}
.recipe_vw_type01 li span{
    display:block;
    width:calc(100% - 21px);
    font-size:16px;
    line-height:24px;
    float:left;
}
.recipe_check{
   position:absolute;
   top:5px;
   left:5px;
}
.recipe_check .checkmark{
   border:1px solid #c5c5c5;
}
.recipe_check.check_st01 input:checked~.checkmark{
   border:1px solid #c5c5c5;
   background:#fff;
}
.recipe_check.check_st01 .checkmark:after{
   border-color:#6C8B6C;
}

.bott_choice_cart{
   text-align:center;
   margin-top:40px;
}
.bott_choice_cart button{
   background:#6C8B6C url("../images/sub/icon_recipe_cart.svg") 20px 10px no-repeat;
   width:212px;
   height:40px;
   -webkit-border-radius:5px;
   border-radius:5px;
   color:#fff;
   text-align:left;
   padding-left:51px;
   font-size:15px;
   font-weight:500;
}
/* 초록레시피 상세 type02 */
.recipe_vw_type02 li{
    clear:both;
    overflow:hidden;
}
.recipe_vw_type02 li + li{
    margin-top:10px;
}
.recipe_vw_type02 li strong{
    width:21px;
    float:left;
    font-size:16px;
    line-height:24px;
    font-weight:700;
}
.recipe_vw_type02 li span{
    display:block;
    width:calc(100% - 21px);
    font-size:16px;
    line-height:24px;
    float:left;
}
/*e*/

/* 초록레시피 : 끝 */


/* 초록스토리 */
.recipe_small_tit{
  color:#666;
  font-size:18px;
  text-align:center;
  line-height:26px;
}
.recipe_cate_txt{
  font-size:12px;
  line-height:17px;
  margin-top:10px;
}
/* 초록스토리 상세페이지 */
.tit_cho_story{
   position:relative;
   padding-bottom:20px;
   border-bottom:1px solid #ccc;
}
.tit_cho_story h3{
   color:#264427;
   font-size:32px;
   font-weight:700;
   line-height:47px;
   width:80%;
}
.tit_cho_story .recommend_txt{
   top:13px;
}
.tit_cho_story .shareBox_st02 .btn_share{
   width:30px;
   height:30px;
   top:9px;
   background:#fff url("../images/sub/icon_recipe_sharing.svg") center no-repeat;
   background-size:18px;
}
.goodsPopularSection.story_slide{
   opacity:1;
   margin-top:70px;
}
.goodsPopularSection.story_slide .slick-track{
   margin:0;
}
.goodsPopularSection.story_slide .list{
   margin-top:0;
}
.tit_story_prod{
   font-size:28px;
   line-height:41px;
   margin-bottom:20px;
   font-weight:700;
}

/* 초록배송 */
.delivery_content .sub_nav{
    width:1200px;
    margin:0 auto;
    padding: 0 20px;
}

.delivery_content .sub_nav ul li a.txt_home{
   color:#669933
}
.chorocDeliveryMainImage {
    background: #EBEBEB url('../images/sub/deliveryMainTitleImage.jpg') center 0 no-repeat;
    height:460px;
}

.chorocDeliveryMainImage .mainTitleWrapper {
    width: 1160px;
    /* height: 582px; */
    position: relative;
    margin:0 auto;
    text-align:center;
    padding-top:20px;
}

.chorocDeliveryMainImage .mainTitle {
    line-height:36px;
    font-size: 24px;
    color: #333;
    margin-bottom:4px;
}

.chorocDeliveryMainImage .mainTitleBold {
    font-weight: 700;
    font-size:38px;
    line-height:40px;
    color: #333;
    margin-bottom:25px;
}

.chorocDeliveryMainImage .searchInput {
    /* position: absolute; */
    /* left: calc(50% - 250px); */
    /* top: 0px; */
    width: 500px;
    margin:0 auto;
    letter-spacing: -0.5px;

}
.mainTitleWrapper .search_box02.searchInput input[type="text"]{
    border:2px solid #fff !important;
    background:transparent;
    color:#fff;
    line-height:24px;
}
.mainTitleWrapper .search_box02 a{
   background:url("../images/sub/shopGuideGlass1.svg") no-repeat;
   background-size: 18px 18px;
}
.chorocDeliveryMainImage .searchInput input[type="text"]::-webkit-input-placeholder {
    font-size: 16px;
    text-align: left;
    color: #fff;
}

.chorocDeliveryMainImage .searchInput input[type="text"]::-moz-placeholder {
    font-size: 16px;
    text-align: left;
    color: #fff;
}

.chorocDeliveryMainImage .searchInput input[type="text"]:-ms-input-placeholder {
    font-size: 16px;
    text-align: left;
    font-family: 'Noto Sans KR';
    color: #fff;
}

.chorocDeliveryMainImage .searchInput input[type="text"]::-ms-input-placeholder {
    font-size: 16px;
    text-align: left;
    color: #fff;
}

.chorocDelivery .searchInput input[type="text"]::placeholder {
    font-size: 16px;
    text-align: left;
    color: #fff;
}

.chorocDeliveryMainImage .searchCaption {
    /* margin-top: 10px; */
    font-size: 21px;
    /* position: absolute;
    top: 227px;
    left: 340px;
    width: 250px; */
    color: #333;
    word-break: keep-all;
    line-height: 30px;
}


.delivery_content .subjectTitle {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    margin-top: -40px;
    text-align: center;
}

.delivery_content .subjectTitle2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    color: #222;
    margin-top:60px;
}

.delivery_content .cartoonImage {
    margin-top: 40px;
    text-align: center;
    line-height: 0;
}

.delivery_content .cartoons {
    margin-top: 40px;
    margin: auto;
    padding: 0px 50px;
}

.delivery_content .cartoonCaption {
    width: 200px;
    font-size: 18px;
    color: #666;
    line-height: 27px;
    margin: 20px 70px;
    overflow: hidden;
}

.delivery_content .cartoon {
    text-align: center;
}

.delivery_content .tab_menu_list {
    /* margin-top:54px; */
    margin-top:80px;
}

.delivery_content .deliveryExplainSlickWrapper {
    position: relative;
    margin-top: 60px;
    padding-bottom:80px;
}

.delivery_content .deliveryExplainSlickPrev1,
.delivery_content .deliveryExplainSlickPrev2,
.delivery_content .deliveryExplainSlickNext1,
.delivery_content .deliveryExplainSlickNext2 {
    cursor: pointer;
    position: absolute;
    top: 266px;
}

.delivery_content .deliveryExplainSlickPrev1,
.delivery_content .deliveryExplainSlickPrev2 {
    left: 10px;
}

.delivery_content .deliveryExplainSlickPrev1.slick-disabled,
.delivery_content .deliveryExplainSlickPrev2.slick-disabled {
    opacity: 0.43;
    cursor: default;
}

.delivery_content .deliveryExplainSlickNext1,
.delivery_content .deliveryExplainSlickNext2 {
    right: 10px;
}

.delivery_content .deliveryExplainSlickNext1.slick-disabled,
.delivery_content .deliveryExplainSlickNext2.slick-disabled {
    opacity: 0.43;
    cursor: default;
}

.deliveryExplainSlick1 .slick-dots,
.deliveryExplainSlick2 .slick-dots {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: absolute;
    left:0;
    bottom: -45px;
    width:100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.deliveryExplainSlick1 .slick-dots li+li,
.deliveryExplainSlick2 .slick-dots li+li {
    margin-left: 10px;
}

.deliveryExplainSlick1 li button,
.deliveryExplainSlick2 li button {
    position: relative;
    font-size: 0px;
    width: 10px;
    height: 10px;
    background-color: #EDEDED;
    border-radius: 50%;
}

.deliveryExplainSlick1 li.slick-active button,
.deliveryExplainSlick2 li.slick-active button {
    position: relative;
    font-size: 0px;
    width: 10px;
    height: 10px;
    background-color: #669933;
    border-radius: 50%;
}

.deliveryExplainWrap {
    width: 1160px;
    height: 733px;
    position: relative;
    text-align: center;
    background-color: #F5F5F5;
    padding-top: 60px;
    overflow: hidden;
}

.deliveryExplainWrap .title {
    font-weight: 700;
    line-height: 47px;
    font-size: 32px;
    color: #222;
}

.deliveryExplainWrap .subtitle {
    font-size: 18px;
    line-height: 27px;
    color: #666;
}

.deliveryExplainWrap .textWrap {
    position: absolute;
    left: 90px;
    top: 247px;
    text-align: left;
}

.deliveryExplainWrap .indexNumber {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 50px;
    line-height: 66px;
    color: #ccc;
}

.deliveryExplainWrap .text1 {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #222;
    margin-top: 4px;
}

.deliveryExplainWrap .text2,
.deliveryExplainWrap .text2 span{
    font-size: 18px !important;
    line-height: 27px;
    color: #222;
    margin-top:9px;
}

.deliveryExplainWrap .text3 {
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    line-height: 26px;
}

.deliveryExplainWrap .explainImage {
    position: absolute;
    right:80px;
    top: 193px;
}

.deliveryLists .list {
    border: 1px solid #EDEDED;
    border-radius: 5px;
    margin: 10px 0px;
    overflow: hidden;
    cursor: pointer;
}

.deliveryLists .listActive {
    border: 1px solid #CCCCCC;
}

.deliveryLists .list:first-child {
    margin-top: 16px;
}

.deliveryLists .lineWrapper {
    padding: 0px 30px;
}

.deliveryLists .list .numberBlack {
    color: #222;
}

.deliveryLists .list .question {
    color: #222;
    font-size: 16px;
    text-align: left;
    /* width: 1000px; */
    width: 1040px;
}

.deliveryLists .list .oneStep {
    padding: 22px 20px 22px 30px;
}

.deliveryLists .list .answer {
    font-size: 16px;
    color: #222;
    word-break: break-all;
    /* width: 800px; */
    width: 1049px;
    line-height: 26px;
}

.deliveryLists .list .answerSection {
    background-color: #F5F5F5;
    padding: 30px;
}

.deliveryLists .list .qMark {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 28px;
    color:#CCC;
    /* margin-right: 20px; */
    width: 40px;
}
.deliveryLists .listActive .qMark{
   color:#222;
}
.deliveryLists .list .aMark {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 28px;
    color: #669933;
    width: 40px;
    /* margin-right: 30px; */
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}
.delivery_content .search_box02 {
   width:500px;
   margin:0 auto;
}

.delivery_searchBox{
   margin-top:20px;
}
.delivery_searchBox h3{
   text-align:center;
   font-weight:700;
   color:#669933;
   font-size:28px;
   line-height:40px;
   margin-bottom:25px;
}
.delivery_searchBox p{
   text-align:center;
   margin:20px 0 10px;
}
.delivery_searchBox p span{
   display:inline-block;
   color:#666;
   line-height:20px;
   padding-left:26px;
   background:url("../images/sub/icon_notice.svg") 0 center no-repeat;
}
.deli_duide_step{
   margin-top:35px;
}
.deli_duide_step li{
   background:#fff;
   padding:10px 23px;
   -webkit-border-radius:40px;
            border-radius:40px;
}
.deli_duide_step li + li{
   margin-top:14px;
}
.deli_duide_step li strong{
   color:#669933;
   font-weight:500;
   font-size:16px;
   display:inline-block;
   vertical-align:middle;
   line-height:21px;
}
.deli_duide_step li span{
   font-size:16px;
   position:relative;
   line-height:24px;
   color:#666;
   display:inline-block;
   vertical-align:middle;
   padding-left:19px;
}
.deli_duide_step li span:before{
   width:1px;
   height:15px;
   position:absolute;
   left:9px;
   top:6px;
   background:rgba(112,112,112,.2);
   display:block;
   content:'';
}
.delivery_gui_txt .subjectTitle2{
   margin-bottom:16px;
}
.delivery_gui_txt ul li{
   line-height:20px;
   padding-left:10px;
   position:relative;
}
.delivery_gui_txt ul li:before{
   width:4px;
   height:4px;
   content:'';
   position:absolute;
   top:8px;
   left:0;
   background:#222;
   -webkit-border-radius:4px;
          border-radius:4px;
}
.delivery_gui_txt ul li + li{
   margin-top:12px;
}

/* 초록배송 : 끝 */


/* on sale : start */

.onSaleMainBannerWrapper {
    text-align: center;
    margin: auto;
    padding: 0;
    height: 600px;
    position: relative;
}

.onSaleMainBannerWrapper img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
}
.onSaleMainBannerWrapper + .contentFrame .tab_menu_list ul{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.onSaleMainBannerWrapper + .contentFrame .tab_menu_list li{
   width:100%;
}
.htmlContents {
    height: 200px;
    background-color: #F5F5F5;
    margin-top: 7px;
}

.onSaleLineBannerSection {
    margin-top: 30px;
}

.orangeText {
    color: #FF6000;
}

.onSaleCatalogueSection .tab {
    display: none;
    margin-bottom: 30px;
}

.onSaleCatalogueSection .tab:first-child {
    display: block;
}

.onSaleCatalogueSection .goods {
    /* margin-bottom: 68px; */
    margin-right: 26.5px;
    width: 270px;
}

.onSaleCatalogueSection .sectionTitle {
    font-weight: 500;
    font-size: 20px;
    color: #222;
    margin-top: 30px;
    margin-bottom: 40px;
    line-height: 29px;
    text-align: center;
    font-weight: 500;
}

.onSaleCatalogueSection .sectionTitle .textColorGreen {
    font-size: 20px;
    font-weight: 500;
}

.onSaleCatalogueSection .sectionTitle .orangeText {
    font-weight: 500;
    font-size: 20px;
}

.onSaleCatalogueSection .sectionTitle .date {
    font-weight: 400;
    font-size: 16px;
    font-family: "Roboto";
    color: #222;
}

.onSaleCatalogueSection .slogan {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    margin-top: 0px;
}


/* .onSaleCatalogueSection .list {
    margin-top: 25px;
} */

.onSaleCatalogueSection .thumbnail {
    position: relative;
    width: 270px;
    height: 365px;
    overflow: hidden;
    border-radius: 5px;
    background:#f5f5f5;
}

.onSaleCatalogueSection .thumbnail .thumbnailImage {
    width: 100%;
    line-height: 0;
}

.onSaleCatalogueSection .title {
    font-weight: 400;
    color: black;
    font-size: 16px;
    margin-top: 14px;
    width: 100%;
    /* height: 45px; */
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 140%;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.onSaleCatalogueSection .prices {
    margin: 5px 0px;
}

.onSaleCatalogueSection .won {
    font-weight: 500;
    color: black;
    font-size: 17px;
    padding-bottom: 2px;
    margin-right: 10px;
}

.remainTerm {
    font-size: 13px;
    background-color: white;
    border-radius: 0 0 3px 0;
    width: 104px;
    height: 58px;
    border: 1px solid #eee;
}

.remainTerm .number {
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 700;
    color: #D90000;
    margin: 0 2px 0 5px;
}

.onSaleCatalogueSection .list {
    /* margin-top: 40px; */
    margin-top: 0;
    margin-bottom: 40px;
}

.onSaleCatalogueSection .lineWrapper {
    position: relative;
}

.onSaleCatalogueSection .lineWrapper .whiteRectangle {
    position: absolute;
    width: 30px;
    height: 30px;
    left: calc(50% - 15px);
    bottom: -15px;
    background-color: white;
    z-index: 9;
}

.onSaleCatalogueSection .bonusGoodsGroup {
    width: 50%;
    border-left: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
    padding: 60px 0 50px;
}

.onSaleCatalogueSection .lineWrapper .bonusGoodsGroup:first-child {
    border-left: none;
}

.onSaleCatalogueSection .lineWrapper {
    position: relative;
}

.onSaleCatalogueSection .lineWrapper:last-child .bonusGoodsGroup:first-child,
.onSaleCatalogueSection .lineWrapper:last-child .bonusGoodsGroup:nth-child(2) {
    padding-bottom: 0
}

.onSaleCatalogueSection .lineWrapper:first-child .bonusGoodsGroup:first-child {
    border-left: none;
    border-top: none;
    padding-top: 0;
}

.onSaleCatalogueSection .lineWrapper:first-child .bonusGoodsGroup:nth-child(2) {
    border-top: none;
    padding-top: 0;
}

.onSaleCatalogueSection .bonusGoodsGroup .goods {
    margin-right: 15px;
}

.onSaleCatalogueSection .bonusGoodsGroup .iconPlus {
    width: 17px;
    height: 370px;
    margin-right: 15px;
    display: block;
    padding-top: 235px;
}

.onSaleCatalogueSection .bonusGoodsGroup .discount {
    font-family: "Roboto";
    color: #FF6000;
    font-size: 20px;
    font-weight: 700;
    margin-right: 10px;
}

.onSaleCatalogueSection .bonusGoods {
    width: 178px;
    height: 362px;
    padding-top: 125px;
    position: relative;
}

.onSaleCatalogueSection .bonusThumbnail {
    border-radius: 5px;
    overflow: hidden;
    width: 178px;
    height: 240px;
    background:#f5f5f5;
}

.onSaleCatalogueSection .bonusTitle {
    font-size: 16px;
    margin-top: 10px;
}

.hotItemTitleWrap {
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: center;
    line-height: 0;
}

.hotItemTitle {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
}

.hotItemCaption {
    font-size: 18px;
    line-height: 100%;
    margin-top: 18px;
}

.goodsThumbOrderNum {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    margin-bottom: 5px;
}

.balloonWrapper {
    height: 125px;
    position: absolute;
    top: 0;
    left: 0;
}

.balloon {
    width: 178px;
    height: 80px;
    border-radius: 50px;
    border: 1px solid #ccc;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.09);
    margin-bottom: 20px;
    position: relative;
}

.balloonArrow {
    position: absolute;
    bottom: -16px;
    left: 48%;
}

.balloon .text {
    text-align: center;
}

.balloon span {
    font-weight: 500;
    font-size: 16px;
}

.balloon .bold {
    color: #FF6000;
}

.pointMessageBox {
    /* background-color: #F9F9E7; */
    color: #669933;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    /* height: 40px; */
    margin-top: 14px;
    text-align: left;
}

.discountMessageBox {
    background-color: #FBF5EB;
    min-height: 40px;
    margin-top: 20px;
    padding: 12px 20px;
}

.discountMessageBox div {
    color: #222;
    font-size: 12px;
}

.discountMessageBox div .bold {
    color: #FF6000;
    font-size: 12px;
    font-weight: 700;
}

.onSaleGoods {
    width: 50%;
    padding-top: 50px;
}

.onSaleGoodsWrap {
    width: 100%;
    max-height: 291px;
    overflow: hidden;
    padding-bottom: 50px;
    border-bottom: 1px solid #EDEDED;
}

.onSaleGoods:nth-child(2n) .onSaleGoodsWrap {
    padding-left: 74px;
}

.onSaleGoodsWrap:after {
    clear: both;
    content: '';
    display: block;
}

.onSaleGoodsWrap .thumbnail {
    float: left;
    width: 178px;
    height: 240px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 23px;
    /* line-height: 0; */
}

.onSaleGoodsTitleWrap {
    float: left;
    background: url('../images/sub/onSaleGraphic.svg') left bottom no-repeat;
    width: 304px;
    height: 240px;
    position: relative;
}
.onSaleGoodsTitleWrap .thumbnailDeliveryWrap{
  margin-top:0;
    margin-bottom:14px;
}
.onSaleGoodsWrap .addToCart{
   right:10px;
   bottom:10px;
}
.ico_sale_day{
   min-width:40px;
   height:40px;
   background:#264427;
   -webkit-border-radius:40px;
   border-radius:40px;
   position:absolute;
   left:20px;
   bottom:20px;
   padding-top:10px;
}
.ico_sale_day span{
   text-align:center;
   font-weight:500;
   color:#FDFC4C;
   line-height:19px;
   display:block;
   padding:0 5px;
}
.onSaleGoodsTitle {
    width: 200px;
    max-height: 24px;
    line-height: 150%;
    font-size: 16px;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.onSaleGoodsPrices {
    margin-top: 7px;
}

.onSaleGoodsPrices .currentPrice {
    margin-right: 0;
    font-size: 18px;
}

.onSaleGoodsPrices .won {
    margin-right: 0;
    margin-left: -1px;
    vertical-align: 1px;
    font-size: 15px;
}

.onSalePercentLowWrap {
    position: absolute;
    top: 161px;
    left: 0px;
    line-height: 120%;
}

.onSalePercentHighWrap {
    position: absolute;
    top: 63px;
    right: 0px;
    line-height: 120%;
    text-align: right;
}

.onSalePercentLowNum {
    font-size: 24px;
    font-family: "Roboto";
    font-weight: 700;
    color: #222;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.onSalePercentLowLetter {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 700;
    color: #222;
    margin-left: 2px;
    line-height: 19px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 3px;
}

.onSalePercentLowAmount,
.onSalePercentHighAmount {
    color: #999;
    font-weight: 500;
    line-height: 18px;
}

.onSalePercentHighNum {
    font-size: 40px;
    font-family: "Roboto";
    font-weight: 700;
    color: #669933;
    line-height: 42px;
    display: inline-block;
    vertical-align: middle;
}

.onSalePercentHighLetter {
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 700;
    color: #669933;
    margin-left: 3px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 11px;
}

.onSaleDataTableWrap {
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    margin-bottom: 60px;
}

.onSaleDataTable {
    width: 100%;
}

.onSaleDataTable th,
.onSaleDataTable td {
    padding: 17px;
    font-size: 16px;
    text-align: center;
    line-height: 100%;
}

.onSaleDataTable th {
    background-color: #F5F5F5;
    font-weight: 500;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #EDEDED;
}

.onSaleDataTable td {
    border-bottom: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
}

.onSaleDataTable tr:nth-child(5) td:first-child,
.onSaleDataTable tr:nth-child(5) td:last-child,
.onSaleDataTable tr:last-child td {
    border-bottom: none;
}

.onSaleViewAllGoodsBtn {
    width: 100%;
    height: 60px;
    border: 1px solid #CCC;
    background: white url('../images/sub/iconArrowDown2.svg') 97% center no-repeat;
    font-weight: 700;
    border-radius: 5px;
}

.onSaleViewAllGoodsBtn.close {
    background: white url('../images/sub/icon_more.svg') 97% center no-repeat;
}

.onSaleIncentivePriceWrap+.onSaleIncentivePriceWrap {
    margin-top: 80px;
    /* border-top: 5px solid #f1f1f1; */
}

.wid20 li {
    width: 20%;
}

.sale_ev_sec+.sale_ev_sec {
    margin-top: 105px;
}

.top_ev_period {
    margin-bottom: 40px;
}

.top_ev_period h4 {
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    font-weight: 500;
}

.top_ev_period p {
    text-align: center;
    margin-top: 10px;
}

.top_ev_period p span {
    display: inline-block;
    vertical-align: middle;
}

.top_ev_period p span:nth-child(1) {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 21px;
}

.top_ev_period p span:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
    padding-left: 2px;
}


/* on sale : end */


/*  장바구니  */


/* by Min-Sun Kim */


/* 일반배송  */

.tab_wid33 li {
    width: 33.3333%
}

.tab_wid50 li {
    width: 50%
}

.cart_ord_num {
    font-size: 14px;
    font-weight: 700;
    color: #999;
    line-height: 20px;
}

.tab_wid33 li.on .cart_ord_num,
.tab_wid25 li.on .cart_ord_num {
    color: #669933;
}
.cart_top_info {
    margin-bottom: 13px;
    width: 860px;
    font-size: 16px;
    font-weight: 500;
}

.cart_top_info .number {
    color: #ff6000;
    font-size: 16px;
}

.cart_top_info span {
    font-weight: 500;
    font-size: 16px;
}
.cart_top_info .iconQuestion{
   line-height:16px;
}
.cart_top_info .selectAll {
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    line-height: 29px;
}

.cart_top_info>.flexBottom {
    margin-bottom: 30px;
}

.cart_top_info .bott_check_rit {
    margin-top: 0
}
.cart_top_info .check_st01{
   min-height:20px;
}
.cart_cont {
    position: relative;
    height: 100%;
    min-height: 440px;
}

.cart_cont:after {
    clear: both;
    display: block;
    content: '';
    overflow: hidden;
}

.cart_cont>div {
    float: left;
    height: 100%;
}

.lef_cart {
    width: 860px;
}

.tab_container .lef_cart .order_check_cont table td {
    /* 장바구니 */
    padding: 18px 21px;
}

.rit_cart {
    width: 280px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.cart_cont .rit_cart .price_bar_wrap{
   top:37px;
}
.cart_cont .rit_cart .price_bar_wrap.active{
   top:95px;
}
.cart_cont .rit_cart .price_bar_wrap.active_bottom{
   top:auto;
}
.cart_cont.order_wh_wrap .price_bar_wrap{
    top:0;
}
.cart_payment_bor {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: auto;
    overflow: hidden;
}

.cart_payment_bor .orderNumber {
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    padding-top: 1px;
    vertical-align: top;
}

.price_bar_wrap {
    /* background: #fff; */
    position: absolute;
    top: 0;
    width: 100%;
}

.price_bar_wrap.active {
    position: fixed;
    /* top: 62px; */
    top: 95px;
    width: 280px;
    height: calc(100vh - 67px);
}

.price_bar_wrap.active_bottom {
    bottom: 0;
    position: absolute;
    top: auto;
    /* height: 100vh; */
}

div.product_num_small {
    min-width: 80px;
    padding: 0 29px;
    height: 30px;
}

div.product_num_small input[type="text"] {
    width: 20px;
    font-size: 14px;
    padding: 2px 0 0 0;
    height: 28px;
    border: 0;
    text-align: center;
}

.product_num_small a {
    height: 30px;
    width: 29px;
}

.product_num_small .btn_plus:before {
    left: 9px;
    top: 13px;
}

.product_num_small .btn_minus:before {
    top: 13px;
    left: 9px;
}

.product_num_small .btn_plus:after {
    top: 9px;
    left: 14px;
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left !important;
}

.last_td.text-left,
.last_td.text-left a {
    height: 24px;
    line-height: 24px;
    display: inline-block;
}

.car_won, .car_won span {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
}

.ev_notice_txt span {
    font-size: 12px;
    display: inline-block;
    line-height: 18px;
    color: #999;
    padding-right: 7px;
    position: relative;
}

.ev_notice_txt span.cart_ev_txt {
    color: #264427;
}

.ev_notice_txt span:before {
    background: #EDEDED;
    width: 1px;
    height: 10px;
    position: absolute;
    right: 1px;
    top: 4px;
    content: '';
}

.ev_notice_txt span:last-child:before {
    display: none;
}

.ev_or {
    color: #FF6000;
}

.ev_li_or {
    color: #C99741;
}

.ev_gr {
    color: #8CAE66;
}

.ev_bl {
    color: #81A5B1;
}

.today_place {
    color: #669933;
    padding-right: 5px;
}

td.td_delivery {
    text-align: center;
}

.rit_price_an {
    text-align: right;
    display: inline-block;
}

.td_delivery_line {
    margin-top: 5px;
}

.btn_delivery {
    padding-left: 32px;
    background: url("../images/sub/icon_delivery.svg") 0 center no-repeat;
    background-size: 30px auto;
    height: 30px;
    display: inline-block;
}

.btn_delivery_today {
    padding-left: 26px;
    background: url("../images/sub/icon_delivery_box.svg") 0 center no-repeat;
    background-size: 24px auto;
    height: 24px;
    display: inline-block;
}

.btn_delivery span,
.btn_delivery_today span {
    font-size: 14px;
    line-height: 20px;
    color: #222;
    padding-top: 5px;
    display: inline-block;
    text-decoration: underline;
}
.txt_alert{
   font-size: 14px;
   line-height: 20px;
   color: #222;
   display: inline-block;
}
.btn_delivery_today span {
    padding-top: 0;
}

.cart_sec01+.cart_sec01 {
    margin-top: 60px;
}

.cart_sec01 .order_prod_con03 {
    vertical-align: middle;
}

.cart_total_price {
    background: #FBF5EB;
    padding: 30px 50px 30px 60px;
    border-top: 1px solid #ccc;
    -webkit-border-bottom-left-radius:5px;
            border-bottom-left-radius:5px;
   -webkit-border-bottom-right-radius:5px;
           border-bottom-right-radius:5px;
}
/* 주문금액  */
.list_total_price{
   text-align:left;
}
.list_total_price h5{
   display:inline-block;
   vertical-align:top;
   color:#FF6000;
   line-height:20px;
   padding-right:3px;
}
.list_total_price p{
   display:inline-block;
   vertical-align:top;
}
.list_total_price p strong{
   font-size:16px;
   line-height:21px;
   font-weight:700;
   color:#FF6000;
   display:inline-block;
   vertical-align:top;
   font-family:'Roboto';
}
.list_total_price p span{
   line-height:20px;
   color:#FF6000;
   display:inline-block;
   vertical-align:top;
}
.cart_list_txt01{
   margin-top:6px;
   line-height:20px;
   text-align:left;
}
.delivery_dc_txt{
   margin-top:20px;
   text-align:left;
}
.delivery_dc_txt p,
.delivery_dc_txt p span{
   color:#666;
   line-height:22px;
   font-size:12px;
}


.cart_sec01 .iconBellGray {
    width: 24px;
    height: 24px;
    background: transparent url("../images/common/iconBellGray.svg") center center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    margin-right: 0
}

.cart_sec01 .iconBellGreen {
    width: 24px;
    height: 24px;
    background: transparent url("../images/common/iconBellGreen.svg") center center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    margin-right: 0;
}

.price_bar_wrap h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 20px 0 24px;
    max-height: 27px;
    overflow: hidden;
    padding: 0 20px 0;
    font-weight: 500;
}

.price_bar_wrap h3 span {
    font-size: 18px;
    line-height: 27px;
}

.buy_option_line {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 72px;
}

#orderForm .buy_option_line {
    margin-bottom: 21px;
}

.buy_option_line dl {
    display: flex;
    justify-content: space-between;
}

.buy_option_line dt {
    font-size: 12px;
    font-weight: 500;
    color: #A2A2A2;
    line-height: 18px;
}

.buy_option_line dd {
}

.buy_option_line dd strong,
.buy_option_line dd span {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.bott_total_order {
    background: #F6F6F6;
    padding: 20px;
}

.bott_total_order dl {
    display: flex;
    justify-content: space-between;
}

.mb40 {
    margin-bottom: 40px;
}

.bott_total_order dl dt {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}

.bott_total_order dl dd {
    display: flex;
    align-items: center;
}

.bott_total_order dl dd strong {
    font-size: 20px;
    color: #669933;
    font-weight: 700;
    line-height: 28px;
}

.bott_total_order dl dd span {
    font-size: 14px;
    color: #669933;
    font-weight: 600;
    line-height: 20px;
}

.bott_total_order a.btn_back_gr {
    height: 44px;
}

.prod_thum_img02 {
    width: 70px;
    height: 94px;
}

.prod_thum_img {
    position: relative;
}

.sold_out_dim {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: table;
    vertical-align: middle
}

.sold_out_dim p {
    display: table-cell;
    vertical-align: middle
}

.sold_out_dim span {
    color: #fff;
    font-weight: 500;
}

.normal_price,
.bebe_price,
.bebe_price span {
    color: #A2A2A2;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: line-through;
}

.bebe_price {
    display: none;
}

.btn_choice{
   background:#669933;
   -webkit-border-radius:3px;
         border-radius:3px;
         color:#fff;
         padding:0 15px;
         height:28px;
         text-align:center;
         display:inline-block;
         vertical-align:middle;
         margin-left:10px;
         font-size:12px;
}

/* 장바구니 예약상품  */

.booking_date span {
    padding-right: 10px;
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
}

.booking_date strong {
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    color: #669933;
    font-weight: 500;
    vertical-align: middle;
}

p.date_gy {
    color: #999;
}


/* 쿠폰적용 팝업*/

.pop_win460 {
    width: 460px
}

.cart_popup {
    margin: 30px 0 60px;
    text-align: center;
}

.cart_popup p {
    line-height: 34px;
}

.coupon_list {
    padding-left: 60px;
    /* 2020.10.16 chan 추가 : 형제 style 적용안받게, 팝업창 radio 버튼 좌측정렬로 */
    text-align: left;
}

.coupon_list li {
    margin: 25px 0;
}

.coupon_list li strong {
    padding-left: 20px;
    position: relative;
}

.coupon_list li strong:before {
    position: absolute;
    left: 7px;
    top: 5px;
    content: '';
    display: block;
    height: 10px;
    width: 1px;
    background: #ccc;
}

.coupon_list li b {
    color: #669933;
    font-weight: 400;
}

.inventory {
    padding-left: 74px;
}

.inventory p {
    margin: 10px 0;
}

.inventory p span {
    font-weight: 700;
    font-family: 'Roboto';
}

.creditPayWrap.payExpWrap.marginT2_0 {
    padding-left: 10px;
}


/* 장바구니  : E */


/* Log in */


/* Log in form : start */

.loginWrapper {
    width: 400px;
    margin: auto;
    margin-top: 90px;
}
.loginWrapper input{
   font-size:18px;
}
.loginWrapper .tabButtons2 {
    margin: auto;
    width: 400px;
    padding: 0 52;
}

.loginWrapper .tabButtons2 .tabButton {
    letter-spacing: -1.2px;
}

.iconSns {
    padding: 0 35px;
    width: 410px;
    margin: 20px auto 0px;
    justify-content: center;
    gap: 30px;
}

.iconSns a:link {
    display: block;
    width: 80px;
    height: 80px;
}

.loginIDinput[type="text"][value=""] {
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 10px 40px 25px 37px;
    display: block;
    height: 45px;
    background: url('../images/common/iconLoginIdBg.svg') left 10% no-repeat;
    background-size:20px auto;
    /* margin-top: 10px; */
    font-size: 18px;
}

.loginIDinput[type="text"]:not([value=""]) {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #CCC;
}

.loginIDinput[type="text"][value=""].focused {
    padding: 10px 40px 20px 0;
    background: none;
    border: none;
    border-bottom: 1px solid #CCC;
}

.loginIDinput.focusout {
    background: url('../images/common/iconLoginIdBg.svg') left 10% no-repeat;
}

.loginIDinput.focusout[type="text"]:not([value=""])::-webkit-input-placeholder {
    padding-left: 37px;
    line-height: 0;
}

.loginIDinput.focusout[type="text"]:not([value=""])::-moz-placeholder {
    padding-left: 37px;
    line-height: 0;
}

.loginIDinput.focusout[type="text"]:not([value=""]):-ms-input-placeholder {
    padding-left: 37px;
    line-height: 0;
}

.loginIDinput.focusout[type="text"]:not([value=""])::-ms-input-placeholder {
    padding-left: 37px;
    line-height: 0;
}

.loginIDinput.focusout[type="text"]:not([value=""])::placeholder {
    padding-left: 37px;
    line-height: 0;
}

.loginIDinput.focusout[type="text"]:not([value=""]):-ms-input-placeholder {
    padding-left: 37px;
    line-height: 0;
}

.loginIDinput.focusout[type="text"]:not([value=""])::-ms-input-placeholder {
    padding-left: 37px;
    line-height: 0;
}

.loginIDinput[type="text"][value=""]:-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    font-family: 'Noto Sans KR';
}

.loginIDinput2[type="text"][value=""] {
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 0px 40px 20px 0px;
    height: 40px;
    margin-top: 10px;
    font-size: 18px;
}

.loginIDinput2.focusout::-webkit-input-placeholder {
    padding-left: 30px;
}

.loginIDinput2.focusout::-moz-placeholder {
    padding-left: 30px;
}

.loginIDinput2.focusout:-ms-input-placeholder {
    padding-left: 30px;
}

.loginIDinput2.focusout::-ms-input-placeholder {
    padding-left: 30px;
}

.loginIDinput2.focusout::placeholder {
    padding-left: 30px;
}

.loginIDinput2[type="text"]:not([value=""]) {
    /* page loading 처음 값 체크(브라우저 아이디 저장기능때문)  */
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #CCC;
}

.loginIDinput2[type="text"][value=""]:-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    font-family: 'Noto Sans KR';
}

.loginPhoneInput[type="text"][value=""] {
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 0px 40px 20px 0px;
    height: 40px;
    margin-top: 10px;
    font-size: 18px;
    font-family: "Roboto";
}

.loginPhoneInput[type="text"][value=""]:-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    font-family: 'Noto Sans KR';
}

.loginPWinput[type="password"][value=""] {
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 10px 40px 25px 37px;
    height: 45px;
    background: url('../images/common/iconLoginPwBg.svg') left 10% no-repeat;
    background-size:20px auto;
    /* margin-top: 10px; */
    width: 100%;
}

.loginPWinput[type="password"]:not([value=""]) {
    /* page loading 처음 값 체크(브라우저 비번 저장기능때문)  */
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #CCC;
}

.loginPWinput[type="password"][value=""].focused {
    padding: 10px 40px 20px 0;
    background: none;
}

.loginPWinput.focusout {
    background: url('../images/common/iconLoginPwBg.svg') left 10% no-repeat;
}

.loginPWinput.focusout[type="password"]:not([value=""])::-webkit-input-placeholder {
    padding-left: 30px;
}

.loginPWinput.focusout[type="password"]:not([value=""])::-moz-placeholder {
    padding-left: 30px;
}

.loginPWinput.focusout[type="password"]:not([value=""]):-ms-input-placeholder {
    padding-left: 30px;
}

.loginPWinput.focusout[type="password"]:not([value=""])::-ms-input-placeholder {
    padding-left: 30px;
}

.loginPWinput.focusout[type="password"]:not([value=""])::placeholder {
    padding-left: 30px;
}

.loginPWinput.focusout[type="password"]:not([value=""]):-ms-input-placeholder {
    padding-left: 30px;
}

.loginPWinput.focusout[type="password"]:not([value=""])::-ms-input-placeholder {
    padding-left: 30px;
}

.loginPWinput[type="password"][value=""]:-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    font-family: 'Noto Sans KR';
}

.loginPWinput[type="password"][value=""]::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px;
}

.loginPWinput[type="password"][value=""]::-moz-placeholder {
    color: #ccc;
    font-size: 14px;
}

.loginPWinput[type="password"][value=""]::-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
}

.loginPWinput[type="password"][value=""]::placeholder {
    color: #ccc;
    font-size: 14px;
}

.loginPWinput2[type="password"][value=""] {
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 10px 40px 20px 0px;
    height: 40px;
    margin-top: 10px;
    width: 100%;
}

.loginPWinput2[type="password"]:not([value=""]) {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #CCC;
}

.loginPWinput2[type="password"][value=""].focusout::-webkit-input-placeholder {
    padding-left: 30px;
}

.loginPWinput2[type="password"][value=""].focusout::-moz-placeholder {
    padding-left: 30px;
}

.loginPWinput2[type="password"][value=""].focusout:-ms-input-placeholder {
    padding-left: 30px;
}

.loginPWinput2[type="password"][value=""].focusout::-ms-input-placeholder {
    padding-left: 30px;
}

.loginPWinput2[type="password"][value=""].focusout::placeholder {
    padding-left: 30px;
}

.loginPWinput2[type="password"][value=""]:-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    font-family: 'Noto Sans KR';
}

.loginPopupIDinput[type="text"][value=""] {
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 10px 40px 7px 0px;
    height: 60px;
    margin-top: 20px;
    font-size: 14px;
}

.loginPopupIDinput[type="text"][value=""]:-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    font-family: 'Noto Sans KR';
}

.loginPopupPWinput[type="password"][value=""] {
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 10px 40px 7px 0px;
    height: 60px;
    margin-top: 20px;
    font-size: 14px;
}

.loginPopupPWinput[type="password"][value=""]:-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    font-family: 'Noto Sans KR';
}

.phoneInputWrapper {
    position: relative;
    /* margin-top: 10px; */
}

.makeCodeBtn {
    position: absolute;
    right: 0px;
    bottom: 10px;
    width: 110px;
}

.codeTextInputGray[type="text"][value=""] {
    background-color: #F5F5F5;
    padding:18px 20px;
    border-radius: 5px;
    border: none;
    margin-top: 40px;
    height: 60px;
    text-align: center;
    font-size: 16px;
    line-height:24px;
    font-family: "Roboto";
    color: #222;
    letter-spacing: 9.5px;
}

.codeTextInputGray[type="text"][value=""]:-ms-input-placeholder {
    text-align: center;
    color: #ccc;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.052em;
}

.codeTextInputGray[type="text"][value=""]::-webkit-input-placeholder {
    text-align: center;
    color: #ccc;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.052em;
}

.codeTextInputGray[type="text"][value=""]::-moz-placeholder {
    text-align: center;
    color: #ccc;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.052em;
}

.codeTextInputGray[type="text"][value=""]::-ms-input-placeholder {
    text-align: center;
    color: #ccc;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.052em;
}

.codeTextInputGray[type="text"][value=""]::placeholder {
    text-align: center;
    color: #ccc;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.052em;
}

.codeTextInputGray[type="text"][value=""]:focus {
    background-color: white;
    border: 1px solid #669933;
}

.loginButton {
    width: 100%;
    height: 56px;
    color: white;
    font-weight: 700;
    font-size: 20px;
    margin-top: 70px;
    background: #669933;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.loginPopupForm {
    width: 400px;
    margin: auto;
}

.loginPopupNoticeMessage {
    color: #FF6000;
    font-size: 12px;
    margin-top: 10px;
}

.othersOrderWrapper {
    margin-top: 20px;
}

.othersOrder:link {
    color: #669933;
    font-size: 14px;
    font-weight: 500;
}

.loginSaveIDSheck {
    float: right;
    margin-top: 20px;
}

.othersOrderWrapper {
    text-align: center;
}

.findIDlinks {
    margin-top: 14px;
    text-align: center;
}

.findIDlinks a:link {
    color: #999;
}

.findIDlinks a, .findIDlinks a:link {
    color: #999;
}

.snsLogin {
    color: #222;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
}

.memberWrapper {
    display: block;
}

.mobileWrapper {
    display: none;
}

.btnLoginGroup {
    margin-top: 30px;
}

.btnLoginGroup button {
    width: 50%;
    height: 50px;
    border: 1px solid #ccc;
    background-color: white;
    color: #999;
}

.btnLoginGroup button.active {
    border: 1px solid #222;
    color: #222;
}

.btnLoginGroup button:first-child {
    border-radius: 5px 0px 0px 5px;
}

.btnLoginGroup button:last-child {
    border-radius: 0px 5px 5px 0px;
}

.hiddenLabelID,
.hiddenLabelPW1,
.hiddenLabelName,
.hiddenLabelPhone1,
.hiddenLabelPhone2,
.hiddenLabelPW2 {
    visibility: hidden;
    margin-top: 20px;
    font-size: 12px;
    color: #999;
}

.hiddenLabelID,
.hiddenLabelPW1 {
    padding-top: 0px;
    margin-top: 28px;
    opacity: 0;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.hiddenLabelName {
    margin-top: 18px;
}

.hiddenLabelPhone1 {
    margin-top: 22px;
}

.hiddenLabelPhone2 {
    margin-top: 22px;
}

.hiddenLabelID.visible,
.hiddenLabelPW1.visible {
    visibility: visible !important;
    opacity: 1;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.showLabel5:focus~.subTab2.hiddenLabelPhone2 {
    visibility: visible;
}

.loginPopup1 .message,
.loginPopup2 .message {
    background-color: #F5F5F5;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    padding: 18px 30px 22px;
    line-height: 180%;
    color: #666666;
    letter-spacing: -0.6px;
    min-height: 80px;
}

.loginPopup1 .message2 {
    text-align: center;
    font-size: 14px;
    padding: 20px 0px;
    line-height: 180%;
}

.loginPopup1 .popupWindowWrapper {
    /* login popup */
    width: 460px;
    margin: auto;
}

.loginWrapper .tabButtons2 .seperator {
    background-color: #ededed;
    height: 20px;
    margin: 0px;
}

.loginDeliveryGuide {
    width: 100%;
    height: 80px;
    background-color: #F5F5F5;
    border-radius: 5px;
    text-align: center;
    padding: 33px 0;
    margin: 11px 0 20px;
    color: #666666;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
}

/*  구회원 로그인시 팝업 */
 .tit_old_menber{
    margin-bottom:20px;
 }
.tit_old_menber h3{
  font-size:32px;
  line-height:47px;
  margin-bottom:20px;
  font-weight:700;
  text-align:center;
}
.tit_old_menber p{
  line-height:30px;
  font-size:20px;
  text-align:center;
}
.old_txtBox{
  background:#F5F5F5;
  -webkit-border-radius:5px;
           border-radius:5px;
           padding:30px 0 40px;
           margin-bottom:20px;
}
.old_txt01{
  line-height:24px;
  text-align:center;
}
.old_txt02{
  text-align:center;
  margin:30px 0;
}
.old_txt02 img{
  vertical-align:middle;
}
.old_txt02 span{
  font-size:20px;
  line-height:30px;
  vertical-align:middle;
}
.old_bottBtn{
  text-align:center;
}
.old_bottBtn a{
     height:48px;
     width:246px;
     padding-top:10px;
     line-height:24px;
     display:inline-block;
}
.old_menber_con td{
  line-height:24px;
}


/* log in : end */


/* 주문서 */
.creditPayWrap,
.cashPayWrap,
.safePayWrap {
    display: none;
}

.safePayWrap .select_st03 {
    vertical-align: middle;
}


/* 통합검색 2011.11.10 chan 추가 */


/* 상품검색  popup */

.search_box02.search_box54 {
    margin-bottom: 30px;
}

.search_box02.search_box54 input[type="text"] {
    height: 54px;
    font-size: 16px;
    padding: 15px 47px 14px 27px;
}

.search_box02.search_box54 a {
    top: 18px;
    right: 22px;
}

td.plR0 {
    padding-left: 0;
    padding-right: 0;
}

.product_result {
    margin-bottom: 30px;
    min-height: 80px;
    max-height: 382px;
    overflow-y: auto;
}

.product_result td {
    vertical-align: top;
    padding-top: 18px;
    padding-bottom: 18px;
}

.product_result td:nth-child(2) {
    padding-left: 20px;
}

.product_result td p {
    line-height: 20px;
}

.product_result .btnGray31 {
    font-size: 14px;
}

.prod_sear_price span {
    vertical-align: middle;
}

.prod_sear_price strong {
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
}

.searching {
    color: #669933;
    font-weight: 700;
    vertical-align: top;
    padding-top: 1px;
    display: inline-block;
}


/* 매장검색 팝업  */

.pop_win580 {
    width: 580px;
}

.popup_place01 .popupWindow {
    width: 586px;
}

.place_search_info {
    margin-bottom: 20px;
}

.popup_place_search {
    border-top: 1px solid #EDEDED;
    padding-top: 20px;
}

.place_search_info h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.place_search_info p {
    font-size: 16px;
    line-height: 24px;
}

.popup_place_search .top_address_search select {
    width: calc(50% - 5px);
}

.text_left {
    text-align: left !important;
}

.place_sear_result>p {
    margin-bottom: 7px;
}

.place_sear_result>p strong {
    font-weight: 700;
}

.place_sear_result .tb_gy_st th {
    padding: 16px 20px 15px;
}

.place_sear_result .tb_gy_st td {
    background: #fff;
    padding: 9px 10px 9px 20px;
}

.place_sear_result .tb_gy_st td:last-child {
    padding-right: 20px;
}

.mb0 {
    margin-bottom: 0 !important;
}


/* 2020-11-17 style_ms.css 이어 붙임 */


/* 장바구니  */

/* 증정품 테이블  */

.product_plus td {
    padding-bottom: 10px;
}

tr.product_present {
    border-top: 0 !important;
    padding-top: -8px;
}

.product_present td {
    padding-top: 0;
    text-align: left;
}

.prod_thum_img03 {
    width: 52px;
    height: 72px;
    float: left;
}

.rit_prod_plus {
    padding: 7px 0 0 20px;
    float: left;
    width: calc(100% - 52px)
}

.present_icon span {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    background: #E14E4E;
    padding: 1px 13px;
    height: 22px;
    border-radius: 3px;
}

.present_icon strong {
    font-size: 12px;
    color: #E14E4E;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.present_txt {
    font-size: 12px;
    margin-top: 2px;
    line-height: 18px;
}

.present_num {
    font-size: 15px;
    font-family: 'Roboto';
    display: inline-block;
    padding-left: 5px;
    /* vertical-align: middle; */
    vertical-align: -0.3px;
    font-weight: 700;
}

th.text_center,
td.text_center {
    text-align: center;
}


/* 통합검색 */

.integrated_search {
    margin-top: 60px;
}

.tab_wid25 li {
    width: 33.3%;
}

.search_box {
    width: 500px;
    margin: 0 auto 40px;
    position: relative;
}

.search_sec01+.event_sec01 {
    margin-top: 80px;
}

.totalSearchInputbox[type="text"] {
    border: 2px solid #669933;
    border-radius: 100px;
    background: #fff;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    height: 54px;
    padding: 13px 80px 14px 27px;
    width: 100%;
}

.totalSearchInputbox[type="text"][value=""] {
    border: 2px solid #669933 !important;
}

.totalSearchInputbox[type="text"]::-webkit-input-placeholder {
    color: #999999;
    font-size: 18px;
    font-weight: 500;
}

.totalSearchInputbox[type="text"]::-moz-placeholder {
    color: #999999;
    font-size: 18px;
    font-weight: 500;
}

.totalSearchInputbox[type="text"]:-ms-input-placeholder {
    color: #999999;
    font-size: 18px;
    font-weight: 500;
}

.totalSearchInputbox[type="text"]::-ms-input-placeholder {
    color: #999999;
    font-size: 18px;
    font-weight: 500;
}

.totalSearchInputbox[type="text"]::placeholder {
    color: #999999;
    font-size: 18px;
    font-weight: 500;
}

.totalSearchRecomWrap {
    display: none;
}

.totalSearchRecommended a:link {
    font-size: 16px;
    /* margin-top: 18px; */
    line-height: 24px;
    display: block;
    padding: 12px 28px 14px 28px;
}

.totalSearchRecommended a:hover {
    background: #F9F9E7;
}

.totalSearchRecommended:first-child a:link {
    margin-top: 0;
}

.totalSearchRecommended span {
    font-size: 16px;
}

.search_box .iconTotalSearchboxGlass {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 18px;
    height: 18px;
}

.search_box .iconTotalSearchboxGlass img {
    width: 18px;
    height: 18px;
}

.totalSearchPanel {
    display: none;
    width: 100%;
    border: 2px solid #669933;
    padding: 30px 0;
    background-color: white;
    border-radius: 20px;
    /* min-height: 300px; */
    position: absolute;
    z-index: 99;
    top: 66px;
    left: 0px;
}

.totalSearchDeleteBtnWrap {
    display: block;
    text-align: center;
    margin-top: 50px;
}

.totalSearchDeleteBtn {
    width: 128px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #598D25;
    background-color: white;
    color: #669933;
}

.noRecentSearchWords {
    color: #ccc;
    width: 90%;
    height: 100%;
}

.totalSearchRecentPopularWrap {
    position: relative;
    height: 100%;
    display: none;
    width: 100%;
}

.totalSearchRecentPopularGroup {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.totalSearchRecentPopularGroup:after {
    /* 세로줄 */
    content: "";
    width: 1px;
    height: 100%;
    background-color: #EDEDED;
    position: absolute;
    left: 250px;
    top: 0px;
    z-index: 0;
}

.recentSearchPanel {
    width: 250px;
    min-height: 100%;
    height: 100%;
    padding: 0 20px 0 30px;
    display: table-cell;
    margin-right: 60px;
}

.recentSearchPanel .subject,
.popularSearchPanel .subject {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 29px;
}

.iconRecentSearchPanelClear {
    width: 16px;
    height: 16px;
    vertical-align: top;
}

.recentSearchText {
    font-size: 16px;
    overflow: hidden;
    width: 80%;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: normal;
}

.popularSearchNumWrap {
    overflow: hidden;
    height: 50%;
    width: calc(100% - 20px);
    clear: both;
}

.popularSearchText {
    font-size: 16px;
    display: block;
    line-height: 24px;
    float: left;
    width: calc(100% - 27px);
    max-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: normal;
}

.recentSearchTextWrap,
.popularSearchTextWrap {
    height: 40px;
    position: relative;
}

.recentSearchTextWrap a {
    vertical-align: middle;
    display: inline-block;
}

.recentSearchTextWrap>a:nth-child(2) {
    line-height: 16px;
}

.popularSearchNum {
    display: block;
    width: 27px;
    margin: 0px;
    float: left;
    line-height: 24px;
}

.iconSearchPopularArrow {
    position: absolute;
    right: 0px;
    top: 45%;
    color: #ccc;
}

.search_box .iconTotalSearchboxClear {
    position: absolute;
    top: 16px;
    right: 50px;
    width: 24px;
    height: 24px;
}

.popularSearchPanel {
    width: 250px;
    padding: 0 30px;
    display: table-cell;
}

.integrated_result {
    background: #fff;
    padding: 30px 0;
    text-align: center;
    margin-bottom: 70px;
}

.integrated_result p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
    font-weight: 500;
}

.keyword {
    color: #669933;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
}

.search_num {
    color: #669933;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
}
.associate{
   margin-top:-5px;
}
.associate h4 {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
    padding-right: 20px;
}

.associate a {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 22px;
    color: #999;
    text-align: center;
    padding: 8px 30px 8px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50px;
    margin:5px 0;
}

.associate a+a {
    margin-left: 10px;
}

.pt40 {
    padding-top: 40px;
}

.pt80 {
    padding-top: 80px;
}

.searchTotalCheckToday {
    display: inline-block;
    margin-left: 23px;
    vertical-align: -1px;
}


/* 매장 */

.place_list {
    border: 1px solid #ccc;
    border-radius: 10px;
}

.place_list a {
    padding: 40px 0;
    display: block;
}

.place_list:hover {
    border: 1px solid #669933;
}

.place_list+.place_list {
    margin-top: 30px;
}

.place_list ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.place_list li+li {
    border-left: 1px solid #EDEDED;
}

.place_line01 {
    width: 278px;
    padding-left: 40px;
}

.place_line02 {
    width: 436px
}

.place_line03 {
    width: 231px
}

.place_marginRight5 {
    margin-right: 5px;
}

.place_line04 {
    width: 212px;
    padding-right: 40px;
}

.place_list h4 {
    font-size: 12px;
    font-weight: 500;
    color: #999;
    line-height: 18px;
    margin-bottom: 10px;
}

.place_line01 p,
.place_line02 p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
}

.place_notice img+img {
    padding-left: 6px;
}

.place_line02,
.place_line03 {
    padding: 0 45px 0 50px;
}

.place_line04 {
    padding-left: 50px;
}

.place_line03 p,
.place_line04 p {
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: 700;
}

.thum_img {
    position: relative;
}

.thum_img:hover .addToCart {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}

.thum_img .addToCart {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0px;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0px 0px 5px 5px;
    padding: 0px 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.thum_img .addToCart .wrapper {
    height: 100%;
}

.thum_img .addToCart img {
    width: auto;
    vertical-align: middle;
    padding-right: 5px;
}

.thum_img .iconPoint span {
    vertical-align: middle;
    line-height: 19px;
}

.list_wid33 li {
    width: 360px;
}

.list_wid33 .thum_e_img {
    height: 210px;
}

.category_tit {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 3px;
}

.e_tit02 {
    font-size: 18px;
    line-height: 27px;
}

.list_wid33 li:nth-child(1),
.list_wid33 li:nth-child(2),
.list_wid33 li:nth-child(3) {
    margin-top: 0;
}

.list_wid33 li:nth-child(2n) {
    margin-right: 40px;
}

.list_wid33 li:nth-child(3n) {
    margin-right: 0;
}


/* 매장상세정보 팝업 */

.pop_win1100 {
    width: 1100px;
}

.place_vw_map {
    clear: both;
    overflow: hidden;
    margin: 40px 0;
}

.lef_place {
    float: left;
}

.maker_icon {
    position: absolute;
}

.rit_place {
    width: 510px;
    float: right;
}

.place_txt {
    padding-bottom: 40px;
}

.place_txt h5 {
    margin-bottom: 10px;
}

.place_txt h5 strong {
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 7px;
}

.place_txt h5 span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    padding-right: 2px;
}

.place_txt h5 span img {
    width: 20px;
    height: 20px;
}

.place_txt p {
    line-height: 22px;
}

.place_txt p+p {
    margin-top: 10px;
}


/* 품질관리센터  */
/* 상품 취급 기준 */
.tit_quality{
    margin-bottom:30px;
}
.tit_quality h2{
    font-size:32px;
    text-align:center;
    line-height:47px;
    font-weight:700;
    margin-bottom:3px;
}
.tit_quality p{
    font-size:18px;
    text-align:center;
    line-height:24px;
    font-weight:400;
    color:#666;
    font-family:'Roboto';
}
.top_quality_img{
    line-height:0;
}
.quality_txt01{
    margin:40px 0;
}
.quality_txt01 p{
    color:#666;
    font-size:18px;
    line-height:32px;
}
.criteria_list ul{
    clear:both;
    overflow:hidden;
}
.criteria_list li{
    float:left;
    width:296px;
    height:420px;
    border:1px solid #CCC;
    -webkit-border-radius:20px;
            border-radius:20px;
    -webkit-border-top-right-radius:0;
            border-top-right-radius:0;
            text-align:center;
            padding:40px 30px;
            margin-right:16px;
            margin-bottom:18px;
}
.criteria_list li:nth-child(3n){
    margin-right:0;
}
.criteria_list li img{
    line-height:0;
    margin-bottom:7px;
}
.criteria_list li h3{
    font-size:20px;
    line-height:29px;
    margin-bottom:30px;
}
.criteria_list li p{
    color:#666;
    line-height:24px;
    text-align:left;
}

/* 안전 관리 제도 */
.btn_quality_vw{
    padding-right:18px;
    line-height:20px;
    background:url("../images/sub/icon_vw_go.svg") right 7px  no-repeat;
    background-size:9px;
}
.safe_list li{
    height:250px;
}

/* 잔류 농약 검사 */
.quality_sec01 + .quality_sec01{
    margin-top:60px;
}
.quality_txt02{
    background:#FAFAFA;
    padding:40px;
}
.quality_txt02 > p{
    font-size:18px;
    line-height:32px;
    color:#666;
    margin-bottom:40px;
}
.quality_check_list{
    clear:both;
    overflow:hidden;
}
.quality_check_list li{
    float:left;
    width:405px;
    margin-right:30px;
    padding:20px 0 20px 120px;
    position:relative;
}
.quality_check_list li img{
    position:absolute;
    top:0;
    lefT:0;
}
.quality_check_list li:nth-child(2n){
    margin-right:0;
}
.quality_check_list li:nth-child(1),
.quality_check_list li:nth-child(2){
    margin-bottom:30px;
}

.shfe_check_txt h5{
    font-size:18px;
    line-height:27px;
    font-weight:500;
    margin-bottom:12px;
}
.shfe_check_txt p{
    line-height:24px;
    font-size:14px;
}
.shfe_check_txt p strong{
    line-height:24px;
    font-size:14px;
    display:block;
    margin-bottom:5px;
}
.shfe_check_txt p span{
    line-height:22px;
    font-size:12px;
    display:block;
    color:#666;
}
.qualityListWrap .list {
    width: 920px;
    height: 60px;
    border: 1px solid #EDEDED;
    padding: 18px 30px;
    position: relative;
    line-height: 100%;
    border-radius: 5px;
    margin-top: 10px;
}

.qualityListWrap .list:first-child {
    margin-top:  0;
}

.qualityListWrap .list strong {
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 700;
    margin-right: 4px;
    line-height:21px;
    display:inline-block;
    vertical-align:middle;
}

.qualityListWrap .list span {
    font-size: 16px;
    line-height:23px;
    display:inline-block;
    vertical-align:middle;
}
.viewResultBtn {
    min-width: 90px;
    height: 31px;
    padding: 0 20px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    border: 1px solid #B3CC99;
    color: #669933;
    background-color: white;
    font-weight: 500;
    position: absolute;
    top: 14px;
    right: 20px;
}

/* 방사능 검사  */
.quality_sec01 table th,
.quality_sec01 table td{
    text-align:center;
}
.quality_sec01 table td{
    line-height:24px;
}
.td_rit_bor{
    border-right:1px solid #EDEDED;
    border-bottom:1px solid #EDEDED;
}
.reference_txt{
    font-size:12px;
    color:#666;
    line-height:22px;
    margin-top:10px;
}

/* 방사능 검사   검출한계*/
.quality_txt03{
    background:#FAFAFA;
    padding: 0px 40px 40px 40px;
}
.quality_txt03 > p{
    font-size:18px;
    line-height:32px;
    color:#666;
    margin-bottom:40px;
}

/*  생산이력제 */
th.bg_white{
    background:#fff;
}
a.btn_system{
    border:1px solid #669933;
    color:#669933;
    font-size:14px;
    padding:5px 20px;
    -webkit-border-radius:3px;
            border-radius:3px;
            display:inline-block;
            position:absolute;
            top:42px;
            right:20px;
}
.production_system li{
   position:relative;
   border:1px solid #EDEDED;
   -webkit-border-radius:5px;
           border-radius:5px;
           padding:20px 230px 20px 30px;
}
.production_system li + li{
   margin-top:10px;
}
.production_system li h5{
   font-weight:500;
   line-height:20px;
   margin-bottom:10px;
}
.production_system li p{
   line-height:24px;
}



/* 입점 품질 관리  */
.quality_graph_img{
    margin-top:30px;
}
/*  */
.system_box {
    padding: 26px 0 26px 106px;
    border: 1px solid #EDEDED;
    background: url("../images/sub/bg_system.png") 14px center no-repeat;
}

.system_box h4 {
    font-size: 16px;
    margin-bottom: 6px;
    line-height:24px;
}

.system_box p {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}
.mt100{
    margin-top:100px;
}
/* 인증 정보 안내 */
.domestic_list{
    clear:both;
    overflow:hidden;
}
.domestic_list li{
    width:296px;
    height:250px;
    float:left;
    margin-right:16px;
    margin-top:16px;
    position:relative;
}
.domestic_list li:nth-child(1),
.domestic_list li:nth-child(2),
.domestic_list li:nth-child(3){
    margin-top:0;
}
.domestic_list li:nth-child(3n){
    margin-right:0;
}
.domestic_mark{
    width:296px;
    height:250px;
    background:#F6F6F6;
    -webkit-border-radius:20px;
            border-radius:20px;
    -webkit-border-top-right-radius:0;
            border-top-right-radius:0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        -webkit-box-pack: center;
           -ms-flex-pack: center;
            justify-content: center;
            border:1px solid#F6F6F6;
}
.domestic_list li:hover .domestic_mark{
    border:1px solid #EDEDED;
}
.domestic_txtBox{
    background:rgba(255,255,255,.9);
    position:absolute;
    top:1px;
    left:1px;
    width:calc(100% - 2px);
    height:calc(100% - 2px);
    padding:30px;
    -webkit-border-radius:20px;
            border-radius:20px;
    -webkit-border-top-right-radius:0;
            border-top-right-radius:0;
            opacity:0;
            -webkit-transition:all .3s;
                    transition:all .3s;
}
.domestic_list li:hover .domestic_txtBox{
    opacity:1;
}
.domestic_txtBox h4{
    font-size:18px;
    color:#669933;
    font-weight:500;
    line-height:27px;
    margin-bottom:9px;
}
.domestic_txtBox p{
    line-height:24px;
}
.btn_info_link{
   height:30px;
   text-align:center;
   padding:4px 10px;
   border:1px solid #ccc;
   display:inline-block;
   font-size:14px;
   line-height:20px;
   -webkit-border-radius:3px;
           border-radius:3px;
           margin-top:20px;
           color:#222;
}


/* 매장안내  */
.sub_wid100 {
    width: 100%;
    padding: 165px 0 0;
}

.delivery_search {
    position: relative;
    width: 500px;
    margin: 0 auto 80px;
}

.delivery_search p {
    font-size: 24px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 21px;
}

.search_box02 {
    width: 100%;
    position: relative;
}

.search_box02 input[type="text"] {
    border: 2px solid #669933 !important;
    border-radius: 54px;
    background: #fff;
    width: 100%;
    height: 54px;
    font-size: 16px;
    line-height: 24px;
    padding: 14px 40px 14px 27px;
}

.search_box02 input[type="text"]::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
}

.search_box02 input[type="text"]::-moz-placeholder {
    color: #999;
    font-size: 16px;
}

.search_box02 input[type="text"]:-ms-input-placeholder {
    color: #999;
    font-size: 16px;
}

.search_box02 input[type="text"]::-ms-input-placeholder {
    color: #999;
    font-size: 16px;
}

.search_box02 input[type="text"]::placeholder {
    color: #999;
    font-size: 16px;
}

.search_box02 a {
    position: absolute;
    top: 18px;
    right: 22px;
    background: #669933;
    width: 18px;
    height: 18px;
    background: url("../images/common/iconSearchGlassMain.svg") center no-repeat;
    background-size: 18px auto;
    text-indent: -99999px;
    overflow: hidden;
}

.btn_search_del {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 13px;
    right: 0;
    background: #669933 url("../images/sub/icon_search_close.svg") center center no-repeat;
    border-radius: 34px;
    text-indent: -99999px;
    overflow: hidden;
}

.shop_info {
    margin: 0 auto;
    width: 1160px;
}

.shop_info ul {
    clear: both;
    overflow: hidden;
}

.shop_info li {
    float: left;
    width: 300px;
    height: 300px;
    text-align: center;
    border-radius: 300px;
    position: relative;
}

.shop_info li a {
    display: block;
    height: 100%;
}

.shop_info li:hover {
    cursor: pointer;
}

.shop_info li:nth-child(1) {
    background: #70B4B2 url("../images/sub/icon_shop01.svg") center 207px no-repeat;
}

.shop_info li:nth-child(1) a {
    padding-top: 45px;
}

.shop_info li:nth-child(1):hover {
    background: rgba(90, 144, 142, 1) url("../images/sub/icon_shop01.svg") center 207px no-repeat;
}

.shop_info li:nth-child(2) {
    background: #669933 url("../images/sub/icon_shop02.svg") center 200px no-repeat;
    margin: 0 130px;
}

.shop_info li:nth-child(2) a {
    padding-top: 67px;
}

.shop_info li:nth-child(2):hover {
    background: rgba(82, 122, 41, 1) url("../images/sub/icon_shop02.svg") center 200px no-repeat;
}

.shop_info li:nth-child(3) {
    background: #3B563C url("../images/sub/icon_shop03.svg") center 200px no-repeat;
}

.shop_info li:nth-child(3) a {
    padding-top: 60px;
}

.shop_info li:nth-child(3):hover {
    background: rgba(47, 69, 48, 1) url("../images/sub/icon_shop03.svg") center 200px no-repeat;
}

.shop_info li h3 {
    color: #fff;
    font-size: 26px;
    line-height: 37px;
    margin-bottom: 12px;
}

.shop_info li:hover h3 {
    color: #ccc;
}

.shop_info li p {
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
    line-height: 25px;
}

.sub_wid100 .sub_nav {
    width: 1200px;
    margin: 0 auto 40px;
    padding-left: 20px;
    padding-right: 20px;
}


/* 메장안내 2021-2-3 수정본 */

.contentsFullWidthWrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    /* menu frame 때문에 내림 */
    padding-top: 165px;
}
.contentsFullWidthWrap + .contentFrame .sub_nav ul li a{
   color:#fff;
}
.contentsFullWidthWrap + .contentFrame .sub_nav ul li a.txt_home{
   color:#669933;
}

.shopGuideMainImage {
    height: 460px;
    background: url("../images/sub/shopGuideMain.png") center no-repeat;
    background-size: cover;
    position: relative;
}

.shopGuideMainImage:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: black;
    opacity: 0.4;
    z-index: 1;
}

.shopGuideBigBtnBg {
    height: 190px;
    background-color: #FAFAFA;
}

.shopGuideMainTitleWrap {
    padding-top: 76px;
    height: 383px;
}

.shopGuideBigBtnWrap {
    height: 190px;
}

.shopGuideBigBtnWrap:after {
    clear: both;
    content: "";
    display: block;
}

.shopGuideBtnIconTextWrap {
    height: 100%;
    padding: 26px;
}

.shopGuideArrowLeft {
    width: 26px;
    height: 100%;
    background: url("../images/sub/shopGuideArrowLeft.svg") left center no-repeat;
    background-size: 25.11px 23.73px;
    float: left;
}

.shopGuideArrowRight {
    width: 26px;
    height: 100%;
    background: url("../images/sub/shopGuideArrowRight.svg") left center no-repeat;
    background-size: 25.11px 23.73px;
    float: right;
}

.shopGuideBigBtnLeft {
    display: block;
    float: left;
    width: 50%;
    height: 100%;
    text-align: right;
    padding: 0 46px 0 0;
    position: relative;
}

.shopGuideBigBtnRight {
    display: block;
    float: left;
    width: 50%;
    height: 100%;
    padding: 0 0 0 46px;
}

.shopGuideBigBtnLeft:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 48px;
    width: 1px;
    height: 50%;
    background-color: #ccc;
}

.shopGuideBigBtnLeft .text,
.shopGuideBigBtnRight .text {
    display: block;
    font-size: 24px;
    line-height: 24px;
    margin-top: 6px;
}

.shopGuideMainTitle1 {
    color: white;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
}

.shopGuideMainTitle2 {
    color: white;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: 12px;
}

.shopGuideMainSearchInputWrap {
    margin-top: 40px;
    text-align: center;
}

.shopGuideMainSearchInputGroup {
    width: 528px;
    display: inline-block;
    position: relative;
    text-align: center;
}

.shopGuideMainSearchInput[type="text"],
.shopGuideMainSearchInput[type="text"][value=""]{
    width: 528px;
    height: 54px;
    border: 2px solid white;
    border-radius: 30px;
    background-color: transparent;
    font-size: 18px;
    line-height: 18px;
    padding: 0 27px;
    color:#fff;
}

.shopGuideMainSearchInput[type="text"]::placeholder,
.shopGuideMainSearchInput[type="text"][value=""]::placeholder{
    color: white;
    font-size: 18px;
}
.shopGuideMainSearchInputGroup input[type='text']:-ms-input-placeholder{
    color: white;
    font-size: 18px;
}

.shopGuideMainSearchInput[type="text"]:focus,
.shopGuideMainSearchInput[type="text"][value=""]:focus {
    background-color: white;
}

.shopGuideGlass {
    display: block;
    position: absolute;
    right: 21px;
    top: 16px;
    width: 22px;
    height: 22px;
    background: url("../images/sub/shopGuideGlass1.svg") no-repeat;
    background-size: 22px 22px;
}

.shopGuideMainSearchInput[type="text"]:focus+.shopGuideGlass {
    background: url("../images/sub/shopGuideGlass2.svg") no-repeat;
}

.shopGuideContentsWrap1 {
    margin-top: 80px;
}

.shopGuideNewShopWrap {
    display: inline-block;
    vertical-align: top;
}

.shopGuideNewShopWrap .subtitle {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}

.shopGuideNoticeWrap .subtitle {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}

.shopGuideNewShopWrap .shopInfoWrap {
    margin-top: 22px;
}

.shopGuideNewShopWrap .shopWrap {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    width: 270px;
    vertical-align:top;
}

.shopGuideNewShopWrap .shopWrap+.shopWrap {
    margin-left: 25px;
}

.shopGuideNewShopWrap .shopWrap .shopPhoto {
    width: 268px;
    height: 243px;
    overflow: hidden;
    background:#f5f5f5;
}
.shopGuideNewShopWrap .shopWrap .shopPhoto img{
	width:100%;
}
.shopGuideNewShopWrap .shopWrap .text {
    padding: 20px;
    width: 100%;
}

.shopGuideNewShopWrap .shopWrap .text .subject {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
}

.shopGuideNewShopWrap .shopWrap .text .address {
    font-size: 14px;
    line-height: 24px;
    margin-top: 22px;
    overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;

}

.shopGuideNoticeWrap {
    display: inline-block;
    margin-left: 67px;
    width: 513px;
    vertical-align: top;
}

.shopGuideNoticeWrap .listWrap {
    margin-top: 22px;
}

.shopGuideNoticeWrap .listWrap .list {
    width: 513px;
    height: 80px;
    border: 1px solid #ededed;
    position: relative;
}
.shopGuideNoticeWrap .listWrap .list a{
   padding: 0 0 0 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height:100%;
}
.shopGuideNoticeWrap .listWrap .list+.list {
    margin-top: 10px;
}

.shopGuideNoticeWrap .listWrap .list .subject {
    display: inline-block;
    font-size: 16px;
    line-height: 100%;
    width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: none;
    white-space: nowrap;
    padding-right: 20px;
}

.shopGuideNoticeWrap .listWrap .list .date {
    display: inline-block;
    font-size: 16px;
    line-height: 100%;
    color: #999;
    width: 95px;
}

.shopGuideNoticeWrap .listWrap .list .arrow {
    position: absolute;
    right: 25px;
    top: 41%;
    line-height: 0;
}

.shopGuideNoticeWrap .shopGuidePlusBtn {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    margin-top: 27px;
    padding-top: 3px;
}

.shopGuideNoticeWrap .shopGuidePlusBtn span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 100%;
}

.shopGuideNoticeWrap .shopGuidePlusBtn span:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: -16px;
    width: 10px;
    height: 10px;
    background: url("../images/sub/shopGuideIconPlus.svg") no-repeat;
    background-size: 10px 10px;
}

.shopGuideRecommendShopWrap {
    margin-top: 88px;
}

.shopGuideRecommendShopWrap .subtitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
}

.shopGuideRecommendShopWrap .listWrap {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.shopGuideRecommendShopWrap .listWrap .list {
    width: 214px;
    height: 170px;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 23px 20px 20px;
    text-align: center;
    border-radius: 5px;
    margin: 0 20px 20px 0;
}

.shopGuideRecommendShopWrap .listWrap .list.noImage {
    background: url("../images/sub/shopGuideNoImage.png") no-repeat;
    background-size: cover;
    background-position: center;
}

.shopGuideRecommendShopWrap .listWrap .list:nth-child(5n) {
    margin-right: 0px;
}

.shopGuideRecommendShopWrap .listWrap .list .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    color: #669933;
}

.shopGuideRecommendShopWrap .listWrap .list .address {
    display: inline-block;
    width: 100%;
    height: 14px;
    margin-top: 21px;
    line-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: none;
}

.shopGuideRecommendShopWrap .listWrap .list .phone {
    line-height: 100%;
    margin-top: 7px;
    display: block;
}

.shopGuideRecommendShopWrap .listWrap .list .detailVeiwBtn {
    font-size: 12px;
    height: 29px;
    color: #999;
    border: 1px solid #ccc;
    background-color: white;
    padding: 0 10px;
    border-radius: 3px;
    margin-top: 23px;
}


/* 매장안내, 직접검색  */

.top_address_inp .search_box02 input[type="text"] {
    border-radius: 5px;
    height: 54px;
    padding: 13px 41px 13px 18px;
    font-weight: 500;
    border: 1px solid #ccc !important;
}

.top_address_inp .search_box02 input[type="text"]::-webkit-input-placeholder {
    color: #999;
}

.top_address_inp .search_box02 input[type="text"]::-moz-placeholder {
    color: #999;
}

.top_address_inp .search_box02 input[type="text"]:-ms-input-placeholder {
    color: #999;
}

.top_address_inp .search_box02 input[type="text"]::-ms-input-placeholder {
    color: #999;
}

.top_address_inp .search_box02 input[type="text"]::placeholder {
    color: #999;
}

.top_address_inp .search_box02 a {
    top: 18px;
    right: 22px;
    background: url("../images/sub/iconSearch_shop.svg") no-repeat;
    background-size: 18px auto;
}


/* 추천 매장 */

.shop_sec02 {
    background: #F6F6F6;
    margin-top: -150px;
}

.shop_sec_cont {
    padding: 240px 20px 80px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.tit_shop {
    font-size: 28px;
    line-height: 41px;
    font-weight: 700;
    margin-bottom: 20px;
}

.shop_place_intro {
    clear: both;
    overflow: hidden;
}


/* 추천매장  NEW*/

.lef_shop_place {
    width: 765px;
    float: left;
    position: relative;
}

.rit_shop_place {
    width: 370px;
    float: right;
}

.shop_place_img01 {
    width: 100%;
    height: 411px;
    overflow: hidden;
}

.shop_place_img01 img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.shop_place_txt01 {
    background: #fff;
    width: 240px;
    height: 240px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
}

.shop_place_txt01 h4 {
    font-size: 26px;
    margin-bottom: 4px;
    line-height: 38px;
}

.shop_place_txt01 .shop_time_txt {
    color: #666;
    line-height: 22px;
    font-size: 15px;
    margin-bottom: 70px;
}

.shop_time_txt span {
    display: block;
}

.shop_place_txt01 .shop_call_txt {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Roboto';
}

.rit_shopBox {
    height: 200px;
    background: #fff;
    position: relative;
}

.rit_shopBox+.rit_shopBox {
    margin-top: 10px;
}

.shop_place_img02 {
    height: 200px;
    /* text-align: center; */
    overflow: hidden;
}

.shop_place_img02 img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.shop_place_img01 {
    position: relative;
    /* text-align: center; */
}

.shop_dim {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 0;
}

.shop_dim p {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 59px;
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 0 25px;
    background: url("../images/sub/icon_shop_link.svg") 709px center no-repeat;
    background-size: 31px auto;
}

.rit_shopBox .shop_dim p {
    font-size: 18px;
    line-height: 27px;
    bottom: 10px;
    padding: 0 14px;
    background: url("../images/sub/icon_shop_link.svg") 319px center no-repeat;
    background-size: 31px auto;
}


/* 초록배송 가능 매장 */

.shop_sec04 {
    background: #F6F6F6;
}

.shop_sec04 .shop_sec_cont {
    padding: 0 20px 80px
}

.shop_sec04+.shop_sec04 .shop_sec_cont {
    padding-bottom: 120px;
}

.choroc_possi ul {
    clear: both;
    overflow: hidden;
}

.choroc_possi li {
    width: 370px;
    float: left;
}

.choroc_possi li+li {
    margin-left: 25px;
}

.possi_img {
    height: 200px;
    overflow: hidden;
    width: 100%;
}

.possi_img img {
    width: 100%;
    /* height: 100%; */
}

.possi_txt {
    padding-top: 12px;
}

.possi_txt>p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
}

.posii_time_call p {
    display: block;
    vertical-align: middle
}

.posii_time_call span {
    line-height: 20px;
    color: #222;
    display: inline-block;
    vertical-align: top;
    width: 50px;
}

.posii_time_call strong {
    color: #222;
    line-height: 20px;
    font-family: 'Roboto';
    vertical-align: top;
    padding-left: 10px;
}

.shop_sec05 {
    position: relative;
}

.shop_sec05:before {
    width: 50%;
    content: '';
    display: block;
    height: 140px;
    background: #669933;
    position: relative;
    left: 0;
    top: 0;
}

.shop_sec05:after {
    width: 50%;
    content: '';
    display: block;
    height: 140px;
    background: #257325;
    position: absolute;
    right: 0;
    top: 0;
}

.shop_sec05 .shop_sec_cont {
    padding: 0;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1200px;
    z-index: 10;
    margin-left: -600px;
}

.shop_go_now {
    width: 100%;
}

.shop_go_now li {
    float: left;
    width: 50%;
}

.shop_go_now li a {
    display: block;
    padding: 40px 70px;
}

.shop_go_now li strong {
    display: block;
}

.shop_go_now li span {
    display: block;
}

.shop_go_now li:nth-child(1) {
    text-align: right;
}

.shop_go_now li:nth-child(1) a {
    background: url("../images/sub/icon_shop_go.svg") 0 center no-repeat;
}

.shop_go_now li:nth-child(2) a {
    background: url("../images/sub/icon_shop_go_wh.svg") right center no-repeat;
}

.shop_go_now li:nth-child(1) strong {
    color: rgba(255, 255, 255, .8);
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}

.shop_go_now li:nth-child(1) span {
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, .6);
    margin-top: 2px;
}

.shop_go_now li:nth-child(2) {
    text-align: left;
}

.shop_go_now li:nth-child(2) strong {
    color: rgba(255, 255, 255, .6);
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}

.shop_go_now li:nth-child(2) span {
    font-size: 16px;
    line-height: 24px;
    margin-top: 2px;
    color: rgba(255, 255, 255, .5);
}


/* 추천 매장  */

.shop_sec06 {
    padding: 45px 0;
}

.shop_sec06 .shop_sec_cont {
    padding: 45px 20px;
    clear: both;
    overflow: hidden;
}

.lef_place_notice {
    width: 254px;
    float: left;
    height: 205px;
    border-right: 1px solid #EDEDED;
}

.lef_place_notice .tit_shop {
    text-align: left;
    margin-bottom: 20px;
}

.lef_place_notice a {
    font-size: 16px;
    line-height: 24px;
}

.rit_place_notice {
    width: 805px;
    float: left;
    padding: 0 60px 0 75px;
}

.rit_place_notice table {
    border-top: 0;
}

.rit_place_notice table td {
    padding-left: 0;
    padding-right: 0;
}

td.text-date {
    font-family: 'Roboto';
    color: #999;
    text-align: right;
}

.rit_place_notice table td a {
    display: inline-block;
    vertical-align: middle;
}


/* 배송 가능 지역 팝업  */

.address_search_cont {
    padding: 30px 0 20px;
    text-align: left;
    border-top: 1px solid #EDEDED;
}

.bor_square input[type="text"] {
    border-radius: 10px;
}

.address_info {
    padding-left: 52px;
    text-align: left;
    margin-top: 8px;
}

.address_info li {
    line-height: 20px;
    position: relative;
    padding-left: 12px;
    font-size: 14px;
}

.address_info li strong {
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.address_info li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 8px;
    background: #222;
    display: block;
    position: absolute;
    top: 11px;
    overflow: hidden;
    left: 0;
}

.address_info li span {
    font-weight: 400;
    color: #8C9F23;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.txt_gr,
p.txt_gr {
    color: #669933;
    font-weight: 500;
}

.address_search_cont .ac th,
.address_search_cont .ac td {
    text-align: center;
}

.mb30 {
    margin-bottom: 30px;
}

.delivery_no_result {
    text-align: center;
    padding: 70px 0 100px;
}

.delivery_no_result p,
.delivery_no_result p span {
    font-size: 16px;
}


/* 매장안내 TAB */

.find_store_wrap {
    clear: both;
    overflow: hidden;
    border: 1px solid #ccc;
    /* border-width: 1px 0; */
}

.lef_store {
    /* width: 460px; */
    width: 39.8%;
    float: left;
    height: 598px;
    padding: 30px;
}

.rit_store {
    /* width: 698px; */
    width: 60.2%;
    float: left;
    height: 598px;
    background: #ddd;
    position: relative;
}

.top_address_search {
    margin-bottom: 23px;
    clear: both;
    overflow: hidden;
}

.top_address_search select {
    float: left;
    width: 196px;
}

.top_address_search select+select {
    margin-left: 8px;
}

.result_list_wrap>p {
    line-height: 20px;
    padding-bottom: 10px;
}

.result_list_wrap>p span {
    color: #FF6600;
    font-weight: 500;
}

.search_result_list {
    border-top: 1px solid #999;
    overflow-y: auto;
    height: 478px;
}

.top_address_inp+.result_list_wrap .search_result_list {
    height: 464px;
}

.search_result_list li {
    padding: 15px 0 15px 50px;
    position: relative;
    border-bottom: 1px solid #EDEDED;
}

.search_result_list li:hover {
    cursor: pointer;
}

.search_result_list li>img {
    position: absolute;
    left: 0;
    top: 25px;
    width: 30px;
    height: 29px;
}

.result_call_txt strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.result_call_txt span {
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 21px;
}

.result_address_txt {
    margin-top: 2px;
    line-height: 20px;
    color: #666;
}

.map {
    border-left: 1px solid #EDEDED;
    height: 598px;
    margin-bottom: 14px;
    position: relative;
}


/* 매장안내상세보기 팝업창 */

.maker {
    background: #fff;
    border-radius: 10px;
    /* width: 430px; */
    height: 70px;
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-box-shadow: -1px 4px 8px 1px rgba(0, 0, 0, .16);
    box-shadow: -1px 4px 8px 1px rgba(0, 0, 0, .16);
    padding: 20px 30px;
    z-index: 20;
}

.maker ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 40px;
}

.maker ul li img {
    vertical-align: middle;
    width: 30px;
    height: 29px;
}

.maker ul li span {
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    color: #264427;
    padding-left: 10px;
}


/* 매장상세 Tab 내용 */

.maker02 ul {
    text-align: right;
}

.maker02 ul li {
    display: inline-block;
    vertical-align: middle
}

.maker02 ul li+li {
    padding-left: 20px;
}

.maker02 ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.maker02 ul li span {
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    color: #264427;
    padding-left: 2px;
}

.shop_notice_cont .oneQoneA .list {
    margin: 10px 0;
}

.shop_notice_cont .faQ .searchBoxWrapper {
    margin: 0 0 15px;
}

.shop_notice_cont .list .inputDate {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px;
    color: #999;
    width: 91px;
    height: 16px;
    /* margin-right: 40px; */
    padding-top: 0;
}

.shop_notice_cont .faQ .list .number {
    width: 52px;
    word-break: break-all;
    margin-right: 0;
}

.shop_notice_cont .list .question {
    width: 937px;
    max-width: 937px;
}

.shop_notice_cont .listArrowButtonDown {
    width: 20px;
    background-position: right 8px;
}

.shop_notice_cont .faQ .list:nth-child(3) {
    margin-top: 0;
}


/* 매장상세정보 팝업  */

.lef_place {
    width: 49%;
    position: relative;
}

.rit_place {
    width: 49%;
}

.rit_place .tb_mypage_st th,
.rit_place .tb_mypage_st td {
    padding: 14px 20px;
    line-height:21px;
}
.rit_place .tb_mypage_st td > p{
   display:inline-block;
    line-height:20px;
}
.rit_place .tb_mypage_st td p + p{
   margin-left:20px;
}
.shop_slider .slick-slide img {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
}

.shop_slider .slick-slide {
    height: 304px;
    overflow: hidden;
    background: #F5F5F5;
}

.slide_box_wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    padding: 0 20px;
    margin-top: -30px;
}

.slide_box_wrap a {
    width: 17px;
    height: 29px;
    display: block;
}

.btn_slide_prev {
    float: left;
}

.btn_slide_next {
    float: right;
}

.popup_map {
    height: 470px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ededed;
}

.shop_slider .slick-dots {
    text-align: center;
    margin-top: 10px;
}

.shop_slider .slick-dots button {
    text-indent: -99999px;
    overflow: hidden;
    background: #ededed;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.shop_slider .slick-dots .slick-active button {
    background: #669933;
}

.shop_slider .slick-dots li {
    display: inline-block;
    margin: 0 4px;
}


/* 장바구니 담기 팝업  */

.wid_popup460 {
    width: 460px;
}


/* 브랜드 스토리  */

.brand_visual_wrap {
    height: 600px;
    background: url("../images/sub/brand_story_img01.jpg") center no-repeat;
    background-size: cover;
}

.brand_visual_wrap .sub_nav {
    padding: 0 20px;
    margin: 0 auto;
    width: 1200px;
}

.tit_brand {
    margin-top: 80px;
}

.tit_brand p:nth-child(1) {
    text-align: center;
    font-size: 57px;
    line-height: 75px;
    /* font-family:'Roboto'; */
    margin-bottom: 7px;
    font-weight: 300;
}

.tit_brand p:nth-child(2) {
    text-align: center;
    font-size: 40px;
    line-height: 59px;
    font-weight: 700;
}

.brand_sec01 {
    padding: 20px 0 100px;
}

.brand_txt p {
    color: #666;
    font-size: 18px;
    line-height: 32px;
}

.brand_txt+.brand_txt {
    margin-top: 35px;
}

.brand_sec02 ul {
    clear: both;
    overflow: hidden;
}

.brand_sec02 li {
    float: left;
    width: 560px;
    margin-right: 40px;
    margin-bottom: 60px;
    line-height: 0;
}

.brand_sec02 li:nth-child(2n) {
    margin-right: 0;
}

.brand_sec02 h3 {
    font-size: 32px;
    line-height: 47px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
}

.brand_sec02 li h4 {
    font-size: 22px;
    color: #669933;
    line-height: 33px;
    font-weight: 700;
    margin-top: 14px;
}

.brand_sec02 li p {
    color: #999;
    line-height: 24px;
    margin-top: 7px;
}


/* 예약 주문완료 */

.today_orderList+.today_orderList {
    margin-top: 10px;
}

.today_orderList p {
    color: #669933;
    margin-bottom: 2px;
}

.today_orderList li {
    line-height: 24px;
}





/*  6월 오픈 이벤트 페이지  */
.open_ev_sec01{
   background:#e3f5e9;
   padding-bottom:64px;
}
.open_ev_sec01 ul{
  margin:0 110px;
}
.open_ev_sec01 ul p{
   position:absolute;
   top:0;
   left:0;
}
.open_ev_sec01 ul p strong{
   font-weight:700;
   font-size:28px;
   display:inline-block;
   background:#e3f5e9;
}
.open_ev_sec01 ul p span{
   font-size:28px;
   display:inline-block;
   padding-right:22px;
   background:#e3f5e9;
   padding-left:3px;
}
.open_ev_sec01 ul li{
  position:relative;
  height:40px;
  margin-bottom:20px;
}
.open_ev_sec01 ul li:before{
  content:'..........................................................................';
  display:block;
  position:relative;
  width:calc(100% - 250px);
  font-size:20px;
  letter-spacing:5px;
  overflow:hidden;
}
.open_ev_sec01 ul a{
  display:inline-block;
  background:#266c33;
  color:#fff;
  font-size:24px;
  font-weight:700;
  padding:7px 40px 0;
  -webkit-border-radius:40px;
  border-radius:40px;
  height:40px;
  line-height:25px;
  position:absolute;
  top:0;
  right:0;
}
.open_ev_sec02{
  padding:70px 110px;
}
.ev_challenge{
  background:#f3f3f3;
  height:300px;
  position:relative;
}
.ev_challenge + .ev_challenge{
  margin-top:15px;
}
.ev_challenge p{
   color:#666;
   font-size:25px;
   position:absolute;
   top:110px;
   left:185px;
}
.ev_challenge p span{
   color:#666;
   font-size:25px;
   display:inline-block;
}
.btn_coupon_dw{
  color:#fff;
  font-size:30px;
  font-weight:700;
  height:56px;
  display:inline-block;
  padding:0 42px;
  line-height:31px;
  background:#222;
  -webkit-border-radius:56px;
  border-radius:56px;
  min-width:244px;
  text-align:center;
  position:absolute;
  bottom:55px;
  right:75px;
}
.btn_coupon_dw:disabled:hover{
  cursor:default;
}
.btn_coupon_dw:disabled,
.mission_complete:disabled{
  background:#c2c2c2;
}
.btn_ev_next{
   width:41px;
   height:41px;
   background:url("../images/sub/icon_open_ev_off.jpg") no-repeat;
   position:absolute;
   top:82px;
   left:512px;
   display:block;
}
.mission_complete:disabled + .btn_ev_next,
.btn_ev_next.active{
   width:41px;
   height:41px;
   background:url("../images/sub/icon_open_ev_on.jpg") no-repeat;
   position:absolute;
   top:82px;
   left:512px;
   display:block;
}
.mission_complete{
  color:#fff;
  font-size:30px;
  font-weight:700;
  height:56px;
  display:inline-block;
  padding:0 42px;
  line-height:31px;
  background:#222;
  -webkit-border-radius:56px;
  border-radius:56px;
  min-width:244px;
  text-align:center;
  position:absolute;
  bottom:55px;
  left:180px;
}
.open_ev_sec02 ul{
  margin:40px 0 0 285px;
}
.open_ev_sec02 li{
  color:#666;
  font-size:24px;
  line-height:34px;
}
.open_ev_go,
.open_ev_go:hover{
  color:#fff;
  font-weight:700;
  text-align:center;
  padding:22px 0 0;
  width:560px;
  font-size:40px;
  line-height:40px;
  height:85px;
  display:block;
  background:#266c33;
  -webkit-border-radius:83px;
  border-radius:83px;
  margin:0 auto;
}
.open_ev_sec03,
.open_ev_sec04{
  position:relative;
}
.open_ev_sec03 a{
     position:absolute;
     left:320px;
     bottom:250px;
}
.open_ev_sec04 a{
     position:absolute;
     left:320px;
     bottom:290px;
}
.open_ev_sec06{
  padding-bottom:110px;
}
.open_ev_sec06 > a,
.open_ev_sec06 > a:hover{
   width:602px;
}
.dw_store{
   clear:both;
   overflow:hidden;
   text-align:center;
}
.dw_store a{
   display:inline-block;
}
.dw_store a + a,
.dw_store a + a:hover{
   margin-left:7px;
}
.choroc_app_dw,
.choroc_app_dw:hover{
  color:#fff;
  font-weight:700;
  text-align:center;
  padding:20px 0 0;
  width:296px;
  font-size:30px;
  line-height:40px;
  height:83px;
  background:#222;
  -webkit-border-radius:83px;
  border-radius:83px;
  margin:20px auto 0;
}
.choroc_app_dw img{
   vertical-align:middle;
}
.choroc_app_dw span{
   color:#fff;
   font-size:30px;
   padding-left:15px;
   vertical-align:middle;
}
/*//e*/

/*  6월 오픈이벤트 쿠폰 (매장배송) */
.open_ev_couponList{
   width:311px;
   margin:30px auto 0;
}
.open_ev_couponList li{
   border:1px solid #ccc;
   -webkit-border-radius:5px;
            border-radius:5px;
            background:#fff;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             min-height:53px;

}
.open_ev_couponList li + li{
   margin-top:13px;
}
.open_ev_couponList li p{
   width:189px;
   text-align:left;
   padding-left:20px;

}
.open_ev_couponList li p span{
   font-weight:500;
}
.open_ev_couponList li a{
   width:120px;
   display:block;
    min-height:53px;
   text-align:center;
   border-left:1px dashed #DEDEDE;
   padding-top:15px;
}
.open_ev_couponList li a span{
   padding-left:30px;
   background:url("../images/sub/icon_coupon_dw.svg") 0 center no-repeat;
   background-size:20px;
   display:inline-block;
   font-weight:500;
   line-height:20px;
}

/* custom select */
.default-option {
    text-align: left;
}

.option-list {
    display: none;
    width: 100%;
    height: 500px;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 13;
    background-color: #fff;
    border: 1px solid #b5b7b5;
    border-radius: 0.5rem;
    overflow-y: auto;
}

.option-list li[data-disabled="N"]{
    color: #C8C8C8;
}

.option-list li{
    /* font-size: 16px; */
    /* line-height: 19px; */
    padding: 16px 12px;
    border-bottom: 1px solid #b5b7b5;
    color: #444B55;
    position: relative;
}

.option-list li:hover,
.option-list li:focus{
    background-color: #FBFBFB;
}

.option-list li::after {
    position: absolute;
    right: 25px; 
    top: 35px; 
    content: '';
    width: 6px;
    height: 6px;
    border-top: 2px solid #A2A2A2;
    border-right: 2px solid #A2A2A2;
    transform: rotate(45deg);
}

.option-list li:last-child{
    border-bottom: none;
}

.option-list li .del-badge{
    display: block;
    width: fit-content;
    font-size: 10px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    padding: 0 4px;
    margin-top: 4px;
}

.option-list li .badge-optional{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
}

.option-list li[data-shipping=o2o] .badge-optional{
    color: #2B7EA5;
}

.option-list li[data-shipping=cj] .badge-optional{
    color: #8CAE50;
}

.option-list li[data-shipping=hj] .badge-optional{
    color: #555555;
}

.option-list li .badge-optional .del-badge{
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 8px;
}

.option-list li[data-shipping=o2o] .del-badge {
    background-color: #2B7EA5;
}

.option-list li[data-shipping=cj] .del-badge {
    background-color: #8CAE50;
}

.option-list li[data-shipping=hj] .del-badge {
    background-color: #555555;
}

.option-list li[data-shipping=sold-out] .del-badge {
    background-color: #E2E2E2;
}

.option-list li .optional-text{
    font-size: 10px;
    font-weight: 500;
    line-height: 28px;
    background-color: #f6f6f6;
    color: #959595;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 9px;
}

#except {
    display: none;
}

#except .cart_top_info {
    position: relative;
}

#except .check_st01 {
    position: absolute;
    right: 0;
    top: 1px;
    font-weight: normal;
    line-height: 150%;
}

#except .check_st01 .checkmark {
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    vertical-align: middle;
    margin-left: 5px;
}

#except .required-input {
    margin-top: 5px;
}

#except .check_st01 input:checked:disabled~.checkmark {
    background-color: #6B8D6A;
    border-color: #6B8D6A;
}

#except .check_st01 input:checked:disabled~.checkmark::after {
    border-color: #fff;
}

#except .listTable {
    background-color: #ffe9e9;
}

/* 회원가입 */
.signup-area {
    width: 680px;
    margin: 0 auto 40px;
}

.signup-area .inp_st01:read-only{
    border-color: #ccc !important;
}

.join-title {
    font-size: 18px;
    line-height: 28px;
    color: #222;
    font-weight: 800;
    margin-bottom: 20px;
}

.join-agree-list > li{
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    margin-bottom: 10px;
}
.join-agree-list .check_st01{
    display: flex;
    height: 52px;
    align-content: center;
    flex-wrap: wrap;
    padding: 0 16px;
}

.join-agree-list .check_st01 .checkmark {
    position: relative;
    margin-right: 10px;
}

.join-agree-list .check_st01 .btnDetails {
    text-decoration: underline;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
}

.join-agree-list ul {
    padding: 12px 16px;
    border-top: 1px solid #E1E1E1;
}

.join-agree-list ul li {
    font-size: 14px;
    line-height: 24px;
    color: #626262;
}

#popupDetail {
    display: none;
}

.signup-area dd,
.signup-area dd > div{
    position: relative;
}

input + p.textRegular1_2 {
    display: flex;
    align-items: center;
    gap: 5px
}

input + p.textRegular1_2 i {
    display: block;
}

input + p.textRegular1_2 i::before,
input + p.textRegular1_2 i::after {
    content: '';
}

input + p.textColorGreen i {
    width: 11px;
    height: 5px;
    border-left: 1px solid #669933;
    border-bottom: 1px solid #669933;
    transform: rotate(-45deg);
}

input + p.textColorRed i {
    border: 1px solid #ff0000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin: 2px;
    position: relative;
}

input + p.textColorRed i::before,
input + p.textColorRed i::after {
    background-color: #FF0000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
}

input + p.textColorRed i::before {
    height: 6px;
    top: 2px;
}

input + p.textColorRed i::after {
    height: 2px;
    bottom: 2px;
}

.btn-input-area {
    position: absolute;
    right: 20px;
    top: 11px;
    display: flex;
    align-items: center;
    gap: 25px;
}

.btn-reset {
    display: none;
    transform: rotate(45deg);
    background-color: #ccc;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

#onlineId ~ .btn-reset {
    position: absolute;
    top: 11px;
    right: 25px;
}

.btn-reset::before,
.btn-reset::after {
    content: '';
    width: 1px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.btn-reset::before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.btn-detect {
    display: none;
    font-size: 12px;
    text-decoration: underline;
    background-color: transparent;
}

#btnJoin:disabled {
    background: #ccc;
}

.icon-lock {
    background: #669933;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 20px;
}

.cert-text {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
}
.cert-area, .find-area, .success-area, .signup-area.pw {
    width: 680px;
    margin: 80px auto 0;
}
.find-area, .success-area, .signup-area.pw {
    display: none;
}

.find-area p {
    text-align: center;
    font-size: 1.8rem;
    width: calc(100% - 2.8rem);
} 

.find-area p:first-child {
    margin: 0 auto 20px;
} 

.find-id {
    background-color: #f0f0f0;
    padding: 30px 0;
    margin: 0 auto;
}

.find-area .agree-part {
    font-size: 16px;
    line-height: 26px;  
    color: #626262;
    margin-bottom: 16px;
    background-color: transparent;
}

.find-area .agree-part strong {
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    text-decoration: underline;
    margin-left: 10px;
}

.icon-success {
    background: #669933;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 20px;
}

.icon-success::before {
    content: '';
    display: block;
    width: 19px;
    height: 9px;
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-color: #fff;
    transform: rotate(-45deg);
}


.find-area a.btn_send_st01,
.success-area a.btn_send_st01 {
    background: #669933;
    color: #fff;
    padding: 0 31px;
    min-width: 80px;
    border-radius: 5px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.btn-agree-area {
    text-align: center;
    margin-top: 80px;
}

#btnFindPw:disabled {
    background: #ccc;
}

/* 마이페이지 리뉴얼 */
.my_top_class {
    margin-bottom: 24px;
}

.nema-class {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    line-height: 120%;
    position: relative;
    margin-bottom: 24px;
}

.nema-class span {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #A2A2A2;
    line-height: 120%;
    margin-left: 10px;
}

.nema-class span::before {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    margin-right: 9px;
    background-color: #EDEDED;
}

.btn_info_write {
    display: flex;
    height: 100%;
    align-items: center;
    background-color: transparent;
    font-size: 14px;
    line-height: 17px;
    color: #A2A2A2;
    position: absolute;
    right: 6px;
    top: 0;
}

.btn_info_write svg {
    transform: rotate(-90deg);
    margin-left: 6px;
}

.bebe-area {
    margin-bottom: 24px;
}

.bebe-area {
    display: flex;
    margin-bottom: 24px;
    column-gap: 12px;
}

.bebe-area strong{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}

.bebe-area p{
    color: #A2A2A2;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px;
}

.bebe-area p span{
    color: #39B077;
}

.bebe-expire-area {
    display: flex;
    width: 640px;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background: rgba(246, 246, 246, 0.90);
    backdrop-filter: blur(2px);
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
}

.bebe-expire-area > div {    
    display: flex;
    column-gap: 8px;
    /* justify-content: space-between; */
    align-items: center;
}

.bebe-expire-area dt {
    color: #7A7A7A;
    font-weight: 500;
    line-height: 20px;
}

.bebe-expire-area dd {
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.bebe-expire-area a {
    display: block;
    padding: 4px 8px;
    border-radius: 6px;
    background: #6BA82E;
    color: #FFF;
    font-weight: 600;
    line-height: 20px;
}

.my_benefit_info {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    border: 1px solid #EDEDED;
    border-radius: 8px;
    margin-bottom: 24px;
}

.my_benefit_info a {
    flex-basis: 33.3%;
    height: 48px;
    display: flex;
    align-items: center;
    column-gap: 12px;
    justify-content: center;
    border-right: 1px solid #EDEDED;
}

.my_benefit_info a:last-child {
    border-right: none;
}

.my_benefit_info .info-title {
    font-size: 14px;
    font-weight: 500;
    color: #A2A2A2;
}

.my_benefit_info p {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
}

.bebe-banner-area {
    display: block;
    width: 100%;
    background-color: #E9F4FA;
}

.bebe-banner-area img {
    display: block;
    max-width: 360px;
    margin: 0 auto;
}

.my_order_delivery {
    text-align: center;
    padding-top: 60px;
}

.my_order_delivery>h3 {
    margin-bottom: 8px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
}

.my_order_delivery>h3 strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.my_order_delivery>h3 span {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #D9D9D9;
}

.my_order_delivery .delivery-step {
    display: flex;
    padding: 21px 0;
    margin-bottom: 60px;
    border-radius: 8px;
    border: 1px solid #EDEDED;
    background: #FFF;
}

.my_order_delivery li {
    flex-basis: 20%;
    border-right: 1px solid #EDEDED;
    height: 48px;
}

.my_order_delivery li:last-child {
    border-right: none;
}

.my_order_delivery li strong {
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
}

.my_order_delivery li span {
    display: block;
    color: #A2A2A2;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}

/* 초록베베 리스트 */
.list-bebe-badge {
    display: block;
    padding: 4px 8px;
    border-radius: 4px;
    background: #59B2E2;
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}

.list-bebe-price {
    display: flex;
    align-items: center;
    color: #1987C3;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.list-bebe-price svg {
    margin-right: 4px;
}

.detail-bebepass-area {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    align-items: center;
}

.detail-bebe-price {
    display: flex;
    align-items: center;
    color: #1987C3;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    width: fit-content;
    letter-spacing: -0.32px;
    column-gap: 4px;
}

.detail-bebe-price span{
    color: #FF2C2C;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.bebe-tooltip {
   position: absolute;
   right: -314px;
   top: -6px;
   display: none;
   width: 304px;
   padding: 8px 12px;
   border-radius: 4px;
   background-color: #4A4A4A;
   color: #FFF;
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   justify-content: space-between;
}

.bebe-tooltip::before {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border-right: 4px solid #4A4A4A;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   position: absolute;
   left: -4px;
   top: 13px;
}

.bebe-tooltip button {
   display: flex;
   background-color: transparent;
   width: 16px;
   height: 16px;
   align-items: center;
   justify-content: center;
}

.bebe-tooltip button::after {
   display: block;
   content: "\00d7";
   font-size: 20px;
   color: #fff;
   font-weight: 300;
   margin-top: -2px;
}

.detail-bebe-link, .detail-bebe-link:link {
    display: flex;
    height: 36px;
    align-items: center;
    padding: 0 16px;
    border-radius: 6px;
    background: rgba(25, 135, 195, 0.08);
    color: #1987C3;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    width: fit-content;
}

p.cart-bebe-price,
.cart-bebe-price {
    display: none;
    align-items: center;
    column-gap: 4px;
    color: #1987C3;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 2px;
}

.dc-area {
    background-color: #F6F6F6;
}

.enter_area {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    margin-top: 15px;
    width: 480px;
}

.enter_area dt {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-weight: 500;
}

.enter_area dd {
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
}

.quantity-guide-area {
    padding: 16px 0;
    border-top: 1px solid rgba(85, 85, 85, 0.08);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.quantity-guide-area .guide-title {
    color: #555;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.quantity-guide-area .guide-list {
    display: flex;
    column-gap: 8px;
}

.quantity-guide-area li {
    display: flex;
    width: 88px;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #EDEDED;
}

.quantity-guide-area .qty {
    color: #888;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.24px;
    padding: 2px 0; 
    background-color: #F6F6F6;
    width: 100%;
    text-align: center;
}

.quantity-guide-area .amt,
.quantity-guide-area .amt span {
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.quantity-guide-area .amt {
    display: flex;
    align-items: center;
    color: #7A7A7A;
    height: 28px;
    column-gap: 3px;
}

.quantity-guide-area .amt span {
    color: #FF5757;
}

.cart-recommend-area {
    margin-top: 80px;
    width: 1180px;
}

.cart-recommend-area .list {
    position: relative;
}

.cart-recommend-area .slickNextArrow2 {
    height: 83%;
}

.recommend-title {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 16px;
}

.cart-recommend .slick-track {
    display: flex !important;
    width: fit-content !important;
}

.list-ui.cart-recommend .goods {
    margin-top: 0;
    margin-right: 20px;
    height: 550px;
}

.btn_safety {
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background:#F0F6EA;
    margin-top: 8px;
    width: 100%;
}

.btn_safety p, .btn_safety p strong {
    line-height: 20px;
    letter-spacing: -0.28px;
}

.btn_safety p {
    color: #555;
}

.btn_safety strong {
    color: #4B7620;
    font-weight: 700;
}

.sum_price {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 16px;
}

.sum_price dt {
    color: #555;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.32px;
}

.sum_price dd, .sum_price dd strong {
    color: #2D2D2D;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: -0.48px;
}

.multi_event_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 32px;
}

.multi_event_item {
    display: flex;
    padding: 12px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid rgba(85, 85, 85, 0.16);
}

.multi_event_badge {
    display: flex;
    height: 20px;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #6BA82E;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.multi_event_text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #2D2D2D;
    line-height: 20px;
    letter-spacing: -0.28px;
    flex: 1;
}

.multi_event_text span {
    color: #7A7A7A;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.24px;
}

.multi_event_link {
    display: flex;
    color: #555;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.24px;
    text-decoration: underline;
}

.free_area {
    display: none;
    justify-content: space-between;
    margin-top: 8px;
}

.free_area * {
    color: #6BA82E;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;

}

.free_area strong {
    font-weight: 700;
}

.new_popup_wrap {
    display: none;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.new_popup {
    display: flex;
    width: 500px;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    background: #FFF;
}

.new_popup_top {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 0px 16px;
    align-items: center;
    justify-content: space-between;
}

.new_popup_top span {
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

.new_popup_content {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.plus-event-text {
    color: #2D2D2D;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.36px;
}

.new_popup_text {
    color: #555;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.btn_new_popup_close {
    display: flex;
    width: calc(100% - 32px);
    height: 52px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #F0F6EA;
    color: #6BA82E;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.32px;
    margin: 16px 0;
}

.plus-event-text,
.plus-event-text strong  {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
}

.plus-event-text strong {
    color: #6BA82E;
    font-weight: 700;
}

.plus_goods_list {
    width: 100%;
    max-height: 290px;
    overflow-y: auto;
}

.plus_goods_list::-webkit-scrollbar {
    width: 0;
}

.plus_goods_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid rgba(85, 85, 85, 0.08);
}

.plus_goods_list li:first-child {
    padding-top: 0;
    border-top: none;
}

.plus_goods_list li:last-child {
    padding-bottom: 0;
}

.plus_goods_list .product_num {
    width: 94px;
}

.plus_goods_item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.item_img {
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--Line-Neutral, rgba(85, 85, 85, 0.08));
    position: relative;
}

.item_img.soldout::before {
    content: '품절';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
    position: absolute;
    left: 0;
    top: 0;
    color: #FFF;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.item_img img {
    width: 56px;
    height: 56px;
}

.plus_goods_item_info {
    display: flex;
    flex-direction: column;
}

.plus_goods_item_info span,
.plus_goods_item_info p, 
.plus_goods_item_info p strong {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
}

.plus_goods_item_info span,
.plus_goods_item_info p {
    color: #2D2D2D
}

.plus_goods_item_info p {
    font-weight: 600;
}

.plus_goods_item_info p strong {
    color: #FF2C2C;
    font-weight: 600;
    margin-right: 4px;
}

.plus_popup .btn_new_popup_close {
    background: #6BA82E;
    color: #FFF;
}

.btn_plus_cart {
    width: 40px;
    height: 40px;
    background: url(../images/sub/btn_plus_cart.svg) no-repeat center;
    background-size: 100% 100%;
}

.btn_plus_cart:disabled {
    background-image: url(../images/sub/btn_plus_cart_disabled.svg);
}

.plus_event_text,
.plus_event_text strong {
    color: #6BA82E;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.plus_event_text {
    width: 100%;
    margin-bottom: 16px;
    display: none;
    padding: 8px 0;
    justify-content: center;
    border-radius: 8px;
    background: #F0F6EA;
}

.plus_event_text strong {
    font-weight: 700;
}

.plus_event_text>strong {
    margin-left: 4px;
}