.won{display: inline-block; margin-left:.1em; font-size: .9em; font-weight: normal !important;}
.box_txt span{background-color: #121212; color:#fff; border-radius: .2em; padding:.3em; display: inline-block;}

.insert_wrap{display: flex;}
.insert_wrap > .insert{ padding-right:.6em; width: 100%;}
.insert_wrap > .insert:last-child{padding-right:0;}


/* tab style */
.tab_type1 .bd{padding-left:0; padding-right:0;  padding-bottom:.75em; padding-top:.75em;}
.tab_type1 ul{ display: flex; flex-direction: row;}
.tab_type1 ul li{width: 100%; text-align: center; padding:.25em 0 .5em; min-width: 10%; color:#98A8B9; line-height: 1; cursor: pointer; font-size: .9em;}
.tab_type1 ul li.active{color:#cfae89; font-weight: bold; position: relative;}
.tab_type1 ul li.active:after{content:''; display: block; content:''; position: absolute; width: 40%;
     height: .3rem; background-color: #cfae89; display: block; top:-1em;
    left:50%; transform: translateX(-50%);}

/*  table, chart */
.tab_type2 ul{ display: flex; flex-direction: row; background-color: #f2f2f7; border-radius: .6em;}
.tab_type2 ul li{text-align: center; padding:.8em .5em; width: 100%; margin-right:.6em; color:#98A8B9; line-height: 1;
    border-radius: .6em; cursor: pointer; font-size: .9em;}
.tab_type2 ul li.active{color:#cfae89; font-weight: bold; position: relative; background-color: #fff; box-shadow: 0 .075em .25em 0 rgba(0, 0, 0, .05);}

.tab_type3{position: relative;}
.tab_type3:after{content:''; position: absolute; right: 0; bottom: 0; width: 8%; height: 100%;  opacity: 1;
        background: linear-gradient(90deg,rgba(255,237,0,0),#fff); transition: opacity .2s ease-in; content: '';}

.tab_type3 .bd{padding-left:0; padding-right:0; overflow: auto;  padding-bottom:1em; padding-top:1em;}
.tab_type3 ul{white-space: nowrap; display: table;}
.tab_type3 ul li{color:#818181; width:auto; text-align: center; padding:0 1.2em; display: inline-block;
     line-height: 1; cursor: pointer; font-size: 1em;}
.tab_type3 ul li.active{color:#121212; font-weight: bold; position: relative;}
.tab_type3 ul li.active:before{content:''; display: block; content:''; position: absolute; width: 100%;
     height: .3em; background-color: #121212; display: block; bottom:-1.25em;
    left:50%; transform: translateX(-50%);}
.tab_type3 ul li.event_con{position: relative; font-weight: bold; color:#f83c21;}
.tab_type3 ul li.event_con:after{content:'N'; position: absolute; color:#fff; background-color: #f83c21; border-radius: 50%; display: block;
    font-size: .8em; top:-.6em; right:.2em;
    padding:.2em .3em;}




.Wrap{min-height: 100vh;    width: 100%;}
.Wrap.flex-center, .Wrap.flex-center .Container{height: 100%;}
.Wrap.flex-center .Container{display: flex; justify-content: center; align-items: center;    flex-direction: column; flex: 1 0 auto; padding-top:0;}
#main .Container{padding-top:3.2em; padding-bottom:3.2em;}
.Container{padding-top:5.3em;    padding-bottom:5.2em;min-height: 100vh;}

.Container.head_type2{padding-top:5.4em;}
.Container.fixed_type1{padding-bottom:5.8em;}

#bot_two_but .Container{padding-bottom: 7em;}

.Container::after{content:''; display: block;}
.Container.double_head{padding-top:90px;}
.main_slide{line-height: 1;}
.main_slide > div{line-height: 0;}
.main_slide img{width: 100%;}

.insert strong{margin-bottom:.6em; font-size: 1em;}
.insert .field {position: relative;}
.hyphen{display: flex; align-items: center;}
.hyphen > *{width: 100%;}
.hyphen .yen{width:32px;}
.hyphen .field button{max-width: 128px;}
.hyphen .field_btn{width: 144px; padding-left:4px;}
.field.cover input{padding-right:80px;}
.cover_btn{position: absolute; right:.6em; top:58%; transform: translateY(-50%); color:#fdb714;font-size: .8em;padding:0.5em .4em 0.5em;}
.my_account .cover_btn{top:50%;}


.cover_btn:disabled{color: #a1a1a1;}


[class*=pd_list] .title{line-height: 1;}
[class*=pd_list] .title h2{font-size: 1.5em; font-weight: bold;}
[class*=pd_list] .title h3{margin-top:8px; font-size:1.15em; font-weight: bold;}
.badge{display: inline-block; text-align: center; color:#fff; text-transform: uppercase; background-color:#cfae89;
    border-radius: 20px; padding:4px 10px; font-size:11px; font-weight: bold; line-height: 1;}


    .pd_list1 ul{flex-wrap: wrap;}
    .pd_list1 ul li{width: 50%; margin-bottom:3.2em; padding-right:.4em; padding-left:.4em;}
    /* .pd_list1 ul li:nth-child(odd){padding-right:.8em;} */

    .pd_con{position: relative; width: 100%; line-height: 0; height: 100%; overflow: hidden; min-height: 32vh;}
    .pd_con.soldout:before{content:'품절'; position: absolute; top:50%; transform: translate(-50%, -50%); left:50%; width: 100%; font-weight: bold; z-index: 11;
        font-size: 1.35em; text-align: center;}
    .pd_con.soldout:after{content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7); z-index: 10;}
    .pd_con .img_label b{height: auto; width: auto; font-size: .85em; padding:1.5em 1.2em; background-color:#ffa845; border-radius: 0; top:0; left:0;}
    .pd_con .cart_btn{position: absolute; background-color: rgba(166,148,95,.8); border-radius: 50%; line-height: 1; right:.6em; bottom:5.5em;}
    .pd_con .cart_btn img{width: 2.8em; padding:.5em; position: relative; top:.1em;}
    .pd_con .img_area{height: 100%;}
    .pd_con .img_area img{width: 100%; line-height: 1; height:100%;  object-fit: cover;} /*  */
    .pd_con .txt_area{line-height: 1.4; width: 100%; position: absolute;
        bottom:0; left:0; background-color: rgba(0, 0, 0, .6); color:#fff; padding:.85em 1.2em; z-index: 2;}
    
    .pd_con .txt_area > *{font-weight: bold; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .pd_con .txt_area .name{font-size: 1.05em;}
    .pd_con .txt_area .percent{text-transform: uppercase; color:#cfae89;display: inline-block;}
    .pd_con .origin{text-decoration: line-through; color:#a1a1a1; margin-top:4px; font-size: .9em;}

    .pd_con .txt_area .txt_item{position: relative;}
    .pd_con .txt_area .txt_item .inventory{position: absolute; right:0; bottom:0;}
    .pd_con .txt_area .txt_item .inventory b{font-weight: bold;}


    .pdTop-align{position: absolute; z-index: 1; top: 0; right: 0;}
    .pdTop-align span{width: 40px; height: 40px; display: block; position: relative; }
    .pdTop-align span i{color:#fff; font-weight: bold; line-height: 1.1; font-size: 10px; text-align: center;  display: block;}
    .pdTop-align span em{display: block; margin: 2px auto;}
    .pdTop-align span.best-area{background-color: #cfae89;}
    .pdTop-align span.best-area em{ width: 65%; height: 65%;  background: url(../images/crown.svg)no-repeat;background-size: cover;}
    .pdTop-align span.kids-area{background-color:#ffcd2a; }
    .pdTop-align span.kids-area em{ width: 65%; height: 65%;  background: url(../images/kids.svg)no-repeat;background-size: cover;}

    /* shop detail */
    .shop_detail_top{position: relative;}
    .img_label{ position: absolute; top:0; left:0; z-index: 5; }
    .img_label b{font-weight: bold; background-color: #ffa845; display: flex;
        align-items: center; justify-content: center; width: 18vw; height: 18vw; font-size: 1em; padding:.6em;}
        .shop_detail_top .img_label{top:1.2em; left:1.2em;}
        .shop_detail_top .img_label b{border-radius: 50%;}

    .shop_detail_top .img_list .img_con{ position: relative; overflow: hidden;}
    .shop_detail_top .img_list .img_con .img{top:0; left:0; background-image: url(../images/sample1.jpg); background-repeat: no-repeat; background-size: contain;
        background-position: center; width: 100%; padding-top:100%;}

    .shop_detail_top .txt_con{background-color: #fff; padding:1.8em 1.2em; line-height: 1.8;}
    .shop_detail_top .txt_con > h2{font-size:1.25em; font-weight: bold;}
    .shop_detail_wrap .txt_con .price{font-weight: bold; font-size:1.25em; letter-spacing: -.7px;}
    .shop_detail_wrap .txt_con .percent{text-transform: uppercase; color:#cfae89; font-weight: bold; display: inline-block; font-size:0.85em;}
    .shop_detail_wrap .txt_con .origin{text-decoration: line-through; color:#a1a1a1; margin-top:4px; font-size: .9em;}

    .shop_detail_top .txt_con .txt_box{background-color:#f7f7f7; border:1px solid #efefef; padding:1.5em 1.2em; text-align: left; border-radius: .3em; line-height: 2;}
    .shop_detail_top .txt_con .txt_box dt, .shop_detail_top .txt_con .txt_box dd{display: table-cell; font-size:0.85em;}
    .shop_detail_top .txt_con .txt_box dt{min-width: 28vw; font-weight: bold;}
    .shop_detail_top .txt_con .txt_box dd > a{text-decoration: underline; font-weight: bold;}

    /* 수정 */
    .shop_detail_top .txt_con .txt_box dl{width: 100%;}
    .shop_detail_top .txt_con .txt_box dl dt{display: inline-block; width: 136px;}
    .shop_detail_top .txt_con .txt_box dl dd{display: inline-block;}


    .shop_detail_mid .bd img{width: 100%;}

    .shop_detail_mid h3{margin-top:16px; padding-bottom:16px; border-bottom:1px solid #efefef;}
    .shop_detail_mid h3 strong{display: inline-block; color:#cfae89; margin-left:4px;}
    .shop_detail_mid h3, .shop_detail_mid h3 strong{font-weight: bold; font-size: 1.125em;}
    .shop_detail_con .contents .no_data{padding-top:56px; padding-bottom:56px; text-align: center; color:#a1a1a1;}
    .shop_detail_mid img{width: 100%; max-width: 100%;}

    .contents .list_con:first-child{margin-top:0;}
    .contents .list_con{margin-top:1.2em;}
    .contents .list_con{padding:1.5em 1.2em; border-radius: .3em; font-size: .95em;
        background-color:#fff; 
    }

    .contents.point_contents .list_con{margin-top:0;}
    .contents.point_contents .list_con:first-child{border-top:0;}
    .contents.point_contents .list_con{margin-top:0; border-top:1px solid #ded7c7;}
    .contents .list_con .head{display: flex; justify-content: space-between; color:#121212;}
    .contents .list_con .head .left > span{display: inline-block; vertical-align: middle; margin-right:16px; position: relative;}
    /* .contents .list_con .head .left > span::after{content:''; position: absolute; right:-8px; width:1px; height:10px; top:50%; transform: translateY(-50%); background-color: #ded7c7;} */
    .contents .list_con .head .left > span:last-child{margin-right:0;}
    .contents .list_con .head .left > span:last-child::after{display: none;}

    .contents .list_con .head .left .writer{font-size: .9em;}
    .contents .list_con .head .left .option{display: block; margin-top:12px; font-size: .9em; color:#818181}

    .contents .list_con .head .left .reply{font-weight: bold; color:#cfae89;}

    .contents .list_con .head .right button{text-decoration: underline; font-size:.85em; position: relative; top:-2px;}

    .contents .list_con .foot{margin-top:16px;}
    .contents .list_con .foot button{font-size: .85em; width: 100%; padding:1.2em; border-radius: .3em;}

    .order_list_wrap{padding:1.5em 1.2em;background-color:#fff; margin-top:1.2em; border-bottom: 4px solid #eee;}
    .order_list_wrap:first-child{margin-top:0;}
    .order_list_wrap .title_area{padding-bottom:0em;}
    .contents .order_list_wrap .list_con{padding-left:0; padding-right:0; border-top:1px solid #ded7c7; margin-top:0;}
    .contents .order_list_wrap .list_con:first-child{border-top:0;}








.score_wrap, .score {background-repeat: no-repeat; background-size:contain;}
.score_wrap{position: relative; background-image: url(../images/i_star0.png); width: 113px; height:20px; overflow: hidden;
    background-size: contain; background-repeat: no-repeat;}
.score{position: absolute; top:0; left:-113px; width: 113px; height:20px;
    background-size: contain; background-repeat: no-repeat;
    display: block; text-align: left; background-image: url(../images/i_star5.png);}
.score_wrap .star1{left:-96px;}
.score_wrap .star2{left:-71px;}
.score_wrap .star3{left:-48px;}
.score_wrap .star4{left:-24px;}
.score_wrap .star5{left:0;}




/* 리뷰 */
.review-pd{width: 84px; height:84px; position: absolute; top:0;}
.review-main{padding-left:100px; margin-top:16px;}
.score-label-wrap{height:24px; position: absolute; top:0; width: 100%; font-size: 0;}
.review-main-name{position: absolute; top:4px; left:100px;}
.review-main-score{position: absolute; left: 100px; overflow: hidden; top:35px;}
.review-main-text{margin-top:48px;}
.score-label{position: relative;display: inline-block; margin-right:0px; width: 21px; margin-right:1px; height: 22px; cursor: pointer;}
.score-label-wrap .star-label input{opacity: 0; position: absolute; width:auto; height:auto; margin:0; padding:0; font-size: 0; top:-14px;}



    .thumb_list_wrap .list_con .body{min-height: 80px; position: relative;}
    .contents .list_con .body{ margin-top:16px;}
    .contents .list_con .body.cell_body{margin-top:0;}
    .contents .list_con .body.cell_body .cell{line-height:2;}
    .contents .list_con .body.cell_body .cell span:first-child{min-width:20vw;}
    .thumb_con{position: absolute; right:0; width: 6em; height:6em;}
    .thumb_con .thumb{background-size:cover; background-repeat: no-repeat; width: 100%; height:100%; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/admin/157403903875431.jpg);}
    .thumb_txt_con{padding-right:96px;}




.review_img_area{margin-top:80px;}
.review_img_area li{margin-top:8px;}
.review_img_area .content{padding-top:100%; background-size:contain; background-repeat: no-repeat; width: 100%;}









    
    .list_wrap .txt_con{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .txt_con.secret, .thumb_txt_con.secret{padding-left:20px; position: relative;}
    .txt_con.secret .icon, .thumb_txt_con.secret .icon{position: absolute; left:2px; top:50%; transform: translateY(-50%);
         background-image: url(../images/lock.gif);background-repeat: no-repeat; background-size:contain; width: 12px; height:12px; display: inline-block;}
     
     .thumb_txt_con .name{color:#121212; font-weight: bold;}
     .thumb_txt_con .etc{font-size:.9em;}
     .thumb_txt_con .price{font-size: 1.1em; font-weight: bold;}
     .thumb_txt_con .price .origin{display: inline-block; text-decoration: line-through; color: #a1a1a1; font-size: .9em; margin-right:4px;}

    .shop_detail_wrap{padding-bottom:3em;}
    
    .shop_detail_tab{border-bottom:1px solid #efefef; background-color: #fff; display: flex; flex-direction: row; border-top: 4px solid #eee;}
    .shop_detail_tab li{width: 100%; float:left; color:#818181; font-size:1em; text-align: center; padding: 1.2em 0; line-height: 1;}
    .shop_detail_tab li.active{border-bottom:.3em solid #cfae89; color:#cfae89; font-weight: bold;}

    .sticky_wrap{background-color:rgba(0,0,0,.5); position: fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100%;
        margin-left:auto; margin-right:auto; z-index: 101;}
    .buy_sticky{
     bottom:0;
     padding:1.8em 1.2em 1.5em;
     width: 100%;
     border-top: .1rem solid #ded7c7; border-top-left-radius: .6em; border-top-right-radius: .6em;
     height: auto;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #fff;
     position: fixed;
     left: 0;
     max-height: 75vh;
     overflow-y: auto;
    }
    
.buy_sticky .txt_con{display: inline-block;}
.buy_sticky .price{display: inline-block; font-weight: bold; font-size:1.25em; letter-spacing: -.7px;}
.buy_sticky .percent{text-transform: uppercase; color:#cfae89; font-weight: bold; display: inline-block; font-size:1em; font-weight: bold;}
.buy_sticky .origin{display: inline-block; margin-left:8px; text-decoration: line-through; color:#a1a1a1; margin-top:4px; font-size: .9em;}
.buy_sticky .select_con{display: block;}
.buy_sticky .insert:last-child{margin-bottom:0;}
.buy_sticky .insert{width: 100%; margin-bottom:8px;}
.buy_sticky .insert select{border:1px solid #efefef; border-radius: .3em; height:4em; padding:0 1.2em;}

.buy_sticky .btn_con ul{width: 100%;}
.buy_sticky .btn.wish span{background-image: url(../images/i_wish.svg);  height: 30px;}
.buy_sticky .btn.wish.on span{background-image: url(../images/i_wish_on.svg);}
.buy_sticky .btn span{background-repeat: no-repeat;
background-position: center; background-size: contain; text-indent: -9999px;}

.buy_sticky .btn.cart span{background-image: url(../images/head_cart.svg);  height: 2em;}

.option_con ul{width: 100%;}
.option_con ul li:first-child{margin-top:0;}
.option_con ul li{background-color:#f7f7f7; border-radius: .3em; width: 100%; position: relative; padding:1.5em 1.2em; margin-top:.6em;}
.option_con .top{padding-right:40px;}
.option_con .top > span{display: inline-block;}
.option_con .top > span:first-child::before{content:''; margin:0;}
.option_con .top > span::before{content:'/'; display: inline-block; margin-right:4px;}
.option_con .delete_btn{position: absolute; right:1.2em; top:1.3em; cursor: pointer;}
.option_con .delete_btn > img{height:1.5em; opacity: 0.7;}

.option_con .bt{display: flex; justify-content: space-between; margin-top:1.5em;}
.option_con .bt.mt-0{margin-top:0;}
.option_con .bt .qty input.plus{
    border-top-left-radius: 0; border-bottom-left-radius: 0;
    background-image: url(../images/i_plus.svg); background-repeat: no-repeat; background-size: 1em 1em; background-position: center; opacity: .8; cursor: pointer;}
.option_con .bt .qty input.minus{
    border-top-right-radius: 0; border-bottom-right-radius: 0;
    background-image: url(../images/i_minus.svg); background-repeat: no-repeat; background-size: 1em 1em; background-position: center; opacity: .8; cursor: pointer;}
.option_con .bt .qty input{padding:0; background-color: #fff; width:2.4em; height:2.4em; border:1px solid #efefef; text-align: center; line-height: 1; margin-right:-.3em;}
.option_con .bt .qty input.count{border-radius: 0; font-size:.9em; font-weight: bold; color:#121212;}

/* pagination */
.pagination {text-align: center;}
.pagination > ul > li{ display: inline-block; cursor: pointer; margin: 0 2px; text-transform: uppercase; color:#818181; padding:0 4px 4px; font-size: .95em;}
.pagination .num.active{font-weight: bold; color:#121212;}

.pagination .arrow{background-repeat: no-repeat; background-position: center; padding:0;
    background-size: cover; width:13px; height:13px; position: relative; top:2px;}
.pagination .arrow.first, .pagination .arrow.last{background-image: url('../images/page_first.png');}
.pagination .arrow.prev, .pagination .arrow.next{background-image: url('../images/page_prev.png');}
.pagination .arrow.next, .pagination .arrow.last{transform: rotate(180deg);}


/* cart, mypage */
.bag_title{padding-bottom:1.2em;}
.bag_title h3{font-size:1.25em; font-weight: bold;}

.form_divide .bag_option{border-bottom:0; padding-bottom:0; margin-top:16px;}
.bag_option{border-bottom: 1px solid #efefef; padding-bottom:16px;}
.bag_option .left > span{display: inline-block; vertical-align: middle;}
.bag_option .left .total_chk .check-label{font-weight: bold;}

.bag_option .left .total_delete button{text-decoration: underline; font-size: 0.85em; font-weight: normal;}

.bag_contents .thumb_txt_con span{line-height: 2;}
.bag_contents .thumb_txt_con span.name{line-height: inherit;}
.bag_contents .thumb_txt_con span.name a{font-weight: bold;}


.bag_total_price{padding:1.5em 1.2em; background-color: #fff;}
.bag_total_price dl{line-height: 2; display: flex; justify-content: space-between;}
.bag_total_price dl dd{font-weight: bold;}
.bag_total_price .total{font-size:1.1em; margin-top:8px;}

.bag_btn_container button{ width: 100%; border-radius: .4em; font-size:0.9em; height: 3em;}

.bag_policy_container{background-color:#fff; padding:1.5em 1.2em; border-radius: .3em;font-size: 0.9em;}



.bag_policy_container .all_check{background: transparent;width: 100%;display: block;padding:1em;border-radius: .4em;
    border:1px solid #fdb714;
}
.bag_policy_container .all_check .check-label{font-weight: 500;display:block;    padding-left: 2.3em;}

.bag_policy_container .all_check .check-label input{display: block;}
.bag_policy_container .all_check .check-label .checkmark{background: transparent;border:none; width: 1.7em;height: 1.7em; background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163700226465985.png) center/cover;}

.bag_policy_container .all_check .check-label .checkmark:after{width: 100%;height: 100%;
    background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163700229823920.png) center/cover;}



/* .bag_policy_container .flex-between {padding-left:1em} */
.bag_policy_container .flex-between .check-label .checkmark{
    top: 0.8em;background: transparent;border:none; width: 1.5em;height: 1.5em; background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163699717642764.png) center/cover; }

.bag_policy_container .flex-between .check-label .checkmark:after{width: 100%;height: 100%;
    background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163700138082251.png) center/cover;}
.bag_policy_container .flex-between .check-label {font-weight: 500;padding-left:2.2em;display:block;}


.my_account .bag_policy_container .flex-between {padding-left:0em;    color: #666;}



.btn_fixed{bottom:2em; position: fixed; width: calc(100% - 3.2em); left:1.6em;}

/* delivery fee */
/* basic fee */
.basicFee .info_wrap{width: 100%; border: 1px solid #efefef; border-top: 4px solid #eee; margin-bottom: 1.5em;}
.basicFee .info{display: flex; justify-content: space-between; padding: 6px 15px; position: relative;}
.basicFee .info::before{content: ""; display: block; width: 1px; height: 100%; background-color: #efefef; position: absolute; left: 60%; top: 0;}
.basicFee .info li{font-size: 0.95em; line-height: normal;}
.basicFee .basis_price{width: 60%;}
.basicFee .fee{width: 40%; text-align: right;}
/* add fee */
.addFee{margin-bottom: 3.5em;}
.addFee .info_wrap{width: 100%; border: 1px solid #efefef; border-top: 4px solid #eee;}
.addFee .info{position: relative;}
.addFee .info::before{content: ""; display: block; width: 1px; height: 100%; background-color: #efefef; position: absolute; left: 70%; top: 0;}
.addFee li{display: flex; border-bottom: 1px solid #efefef; padding: 6px 15px; font-size: 0.95em; line-height: normal;}
.addFee li:last-child{border-bottom: 0;}
.addFee .town_name{width: 70%;}
.addFee .fee{width: 30%; text-align: right;}
.select_town, .select_fee{font-size: 1.15em; font-weight: 800;}
.select_town::before{content:"√"; margin-right: 0.3em;}


/* order2 */
.detail_list.txt_box dl{margin:1.2em 0;}
.detail_list.txt_box dl.line_bt{border-bottom:1px solid #efefef; padding-bottom:1.2em;}
.detail_list.txt_box dt, .detail_list.txt_box dd{display: table-cell;}
.detail_list.txt_box dt{min-width: 19vw; font-weight: bold;}
.detail_list.txt_box dd{text-align: right; width: 100%;}

.detail_list.txt_box.bg-white{padding:0.7em 1.2em; border-radius: .3em;}
.detail_list.txt_box.bg-white.point_box{border:1px solid #ddd; border-radius: .5em; font-size: 1.05em;}

/* step */
.step_container{background-color: #222;}
.step_container ol{display: table; margin: auto; padding-top:8px; padding-bottom:8px;}
.step_container li{display: table-cell; padding:8px 16px; position: relative; opacity: .4; font-size: .95em;}
.step_container li.on{opacity: 1;}
.step_container li span{font-weight: bold; color:#fff;}
.step_container li:after{display: inline-block; margin-top: -5px; opacity: .4;
position: absolute; top: 50%; right:-2px; width: 6px;  height: 6px;
border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg); transform: rotate(45deg); content: " ";}
.step_container li:last-child::after{display: none;}


/* tab */
.tab_container ol{display: table; margin: auto; width: 100%;}
.tab_container li{display: table-cell; padding:12px 16px;
    position: relative; font-size: .95em; text-align: center; font-weight:bold; color:#d1d1d1; cursor: pointer; background-color: #f1f1f1;}
.tab_container li.on{ background-color: #fff; opacity: 1; border-bottom:0; color:inherit;}


/* no post */
.no_post{text-align: center; padding:2.4em 1.2em;color:#bbb;}
.acting_img{text-align: center;}
.no_post img, .acting_img img{width: 5em; display: block; margin-left:auto; margin-right:auto;}


/* shop info */
.shop_info_wrap{padding-top:24px;  border-bottom:1px solid #efefef;}
.shop_info_wrap p + p{margin-top:4px;}
.shop_info_search{position: relative; border-top:1px solid #efefef; margin-top:24px;}
.shop_info_search input{background-color: #f7f7f7; border:0; width:100%; height:40px; padding-left:40px;}
.shop_info_search span{position: absolute; top:55%; transform: translateY(-50%); left:8px;}
.shop_info_search span img{height:26px;}



/* filter */
.filter_list{max-width:50%; width:100%; margin-left:auto;}

.filter_title{ display: block; cursor: pointer; padding:10px 8px; padding-right:16px; position: relative; border:1px solid #ded7c7; border-radius: 2px; font-size: .875em; line-height: 1;} 
.filter_title .sel-arrow{ position: absolute; right:6px;}
.filter_title .sel-arrow.sel-arrow-st2{ position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    background-size:16px 16px; width:16px; height:16px; background-repeat: no-repeat; background-image:url(../images/i_arrow_bt.png);}

.filter_title.open .sel-arrow{transform: rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.filter_title.open .sel-arrow.sel-arrow-st2{transform: rotate(180deg) translateY(45%); -webkit-transform:rotate(180deg) translateY(45%); -ms-transform:rotate(180deg) translateY(45%);}
.filter_con_list{border:1px solid #d1d1d1; display: none; position: absolute; max-width: 112px; z-index:10; background-color:#fff; font-size: .9em; width: 100%;}
.filter_con_list > li{ display: block; cursor: pointer; padding:4px 8px;}
.filter_con_list > li:hover{background-color:#f7f7f7;}


/* search page */
.nav_inner.left.search{width:calc(100% - 19vw);}
.head_search{position: relative; width:100%;}
.head_search input{background-color:#f5f5f5; border:0; padding-right:4em;}
.head_search span{position: absolute; top:55%; transform: translateY(-50%);}
.search_close_btn{right:.6em;}
.search_close_btn img{width:2em;}
.head_search span.img{right:.6em;}
.head_search span.img img{width: 2em;}
.head_btn{padding:0;}


.border-bot{border-bottom:1px solid #ddd;}
.border-top{border-top:1px solid #ddd;}
.toggle_wrap .toggle_container:first-child{ /* background-color: #e8e3d6; */}
.toggle_wrap .toggle_container{align-items: center; background-color:#fff;
 width: 100%; padding:1em 0em;border-bottom:1px solid #ddd;}
 .notice_list .toggle_wrap .toggle_container{border-bottom:none;}
 .notice_list .small2.text_cut{padding-right:1.6em}


 .notice_list .close_but{position: absolute;right:00px;top:00px;font-size: 1.1em;}
 .notice_list .close_but button{color: #888;font-weight:500;}
.toggle_wrap .toggle_container dl{height: 100%; width: 100%; border-bottom:1px solid #ddd;padding-bottom:.8em;position: relative;}

.toggle_wrap .toggle_container dl.noti_view_con{height: 100%; width: 100%;border-bottom:none;padding-bottom:0;    min-height: 16em;}

.toggle_inner .toggle_container:first-child{border-top:0;}
.toggle_inner .toggle_container{display: block; background-color: #ece8dd;}
.toggle_inner .toggle_container .content{min-height: 15vh;line-height: 1.6;}



.btn_now{position: absolute; right:20px; top:0;}
.btn_now button{padding-top:4px; padding-bottom:4px;}



.intro_wrapping{position: relative; height: 100vh; background-color: #FFF;}
.intro_wrapping span img{width:100%;margin:0 auto}
.intro_wrapping span{position: absolute; top:40%; left:50%; transform: translate(-50%,-50%); width: auto;text-align: center;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
     -ms-animation: fadein 2s; /* Internet Explorer */
      -o-animation: fadein 2s; /* Opera < 12.1 */
         animation: fadein 2s;
}

@keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}




.choice_wrap button:focus{background-color: #cfae89; color:#fff; border:1px solid #cfae89;}
.choice_wrap.single ul{display: block;}
.choice_wrap.single ul li{padding:0; margin-bottom:.6em;}
.choice_wrap.single ul li label{padding-top:.8em; padding-bottom:.8em;}
.choice_wrap.single ul li:last-child{margin-bottom:0;}
.choice_wrap ul{display: flex; margin-left:-.3em; margin-right:-.3em; overflow-x: auto;}
.choice_wrap ul li{
    width:100%;
  padding:0 .3em;
}
.choice_wrap ul li label{
    display: inline-block;
    background-color: #fff;
    border:1px solid #e8e3d6;
    color: #a5a5a5;
    border-radius: .4em;
    width: 100%;
    font-size: 1em;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

.choice_wrap ul li label {
    padding: 1em .6em;
    cursor: pointer;
}

.choice_wrap ul li input[type="checkbox"]:checked + label,
.choice_wrap ul li input[type="radio"]:checked + label {
    background-color: #fff;
    box-shadow:inset 0 0 0 .1em #cfae89;
    color: #cfae89;
    font-weight: bold;
    transition: all .2s;
}

.choice_wrap.join_choice ul li input[type="checkbox"]:checked + label,
.choice_wrap.join_choice ul li input[type="radio"]:checked + label {
    background-color: #fff;
    box-shadow:inset 0 0 0 .1em #cfae89;
    color: #cfae89;
    font-weight: bold;
    transition: all .2s;
}
.choice_wrap ul li.payment_con{padding-top:0em; padding-bottom:.6em;}
.choice_wrap ul li.payment_con label {
    padding: 1.8em 1.2em;
    text-align: left;
}


.choice_wrap ul li input[type="checkbox"], .choice_wrap ul li input[type="radio"] {
  position: absolute;
  opacity: 0;
}


.choice_wrap.join_choice ul.cf{display: block !important;}
.choice_wrap.join_choice ul.cf li{float:left !important; width: 50%;}


.chkbox_type1 dl{margin-bottom:1.8em;}
.chkbox_type1 dl:last-child{margin-bottom:0;}

.insert .field select{background-color: #fff; border-radius: .4em; padding:0.8em; font-size: .8em; color:#818181; background-image: url(../images/i_arrow_bt.png);
    background-repeat: no-repeat; background-position: 99% center;outline: none;}


.list_control_type1{border-top:1px solid #e8e3d6; padding-bottom:.8em; padding-top:.8em; width: 100%;}
.list_control_type1.choice_wrap ul li label{padding:.4em 1.2em; border-radius: 4em; display: table-cell;}



/* ----------------
      지점선택
------------------- */
.per_store{border-radius: 0.3em; text-align:center; display:inline-block; margin-right: 4%;background: #f5f5f5; padding: 13px 10px 10px; transition:0.2s all;}
.per_store.change{background: #cfae89; color: #fff;}
.per_store:hover{background: #cfae89; color: #fff;}
.per_store:nth-child(3n){margin-right:0;}



.call{cursor: pointer; position: fixed; right: 16px; bottom: 30px; width: 60px; height: 60px; border-radius: 100%; box-shadow: 2px 3px 4px rgb(0 0 0 / 50%); z-index: 99999;}
.call img{width: 100%; height: 100%; display: block;}

.phone-modal{width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 99999;}
.phone-modal .phone-wrap{width: 90%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 1000px;}
.phone-modal .phone-wrap ul{padding: 18px; height: calc(100% - 45px); border-radius: 20px 20px 0 0; background-color: #fff;}
.phone-modal .phone-wrap ul li{padding: 8px 0;}
.phone-modal .phone-wrap ul li p{background-color: #222; color: #fff; text-align: center; font-size: 18px; line-height: 50px; border-radius: 3px; cursor: pointer;}
.phone-modal .ph-button button{width: 100%; text-align: center; color: #fff; background-color: #888; line-height: 45px; font-size: 18px; background: #888; display: block; border-radius: 0; margin-top: -1px;}




.no-join{border: 1px solid #ddd; color: #999; background-color: #fff;}
.login-btn{background-color: #ceab86; color: #fff;}
.search-id-btn{opacity: 0.6;}


.non_order_inquiry_wrap .field.cover input{padding-right: 16px;}
.point_search_btn{background-color: #ceab86; color: #fff; padding: 0.9em 1em !important;}




 /* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
    .Container {padding-top: 5em;}
}


/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
    .cover_btn {padding: 0.6em 0.6em;top: 48%;    right: 0.2em; }

    .select_type1 select {border-radius: 0.2em;padding: 0.6em;}
    input[type="date"], input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"]{padding:.6em !important;}

    .insert .field select {border-radius: 0.2em;padding: 0.6em;}
    .bag_btn_container button {width: 100%;border-radius: 0.2em;font-size: 0.8em; height: 2.8em;   }
    
}


/* ********************************************* *
* 350px
* ********************************************* */
@media screen and (max-width: 350px){

  
}

/* ********************************************* *
* 300px
* ********************************************* */
@media screen and (max-width: 300px){
    .toggle_wrap .toggle_container dl { padding-bottom: 0.5em;    }

}

/* ********************************************* *
* 260px
* ********************************************* */
@media screen and (max-width: 260px){


}