.dis-f{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.justi-s-b{justify-content: space-between;}
.justi-f-s{justify-content: flex-start !important;}
.justi-f-e{justify-content: flex-end !important;}
.justi-c{justify-content: center !important;}
.align-i-c{align-items: center;}
.align-f-s{align-items: flex-start !important;}
.align-f-e{align-items: flex-end !important;}
.posi-r{position: relative;}
.text-a-l{text-align: left !important;}

.bg-e{background-color: #eee !important;}
.bg-gr02{background-color: #F2FDF7;}


.fc-k5{color: #555 !important;}
.fc-6{color: #666 !important;}
.fc-k7{color: #777 !important;}
.fc-r{color: #D85151 !important;}

.f24{font-size: 24px !important;}
.f22{font-size: 22px !important;}
.f16{font-size: 16px !important;}
.f15{font-size: 15px !important;}
.f14{font-size: 14px !important;}
.f12{font-size: 12px !important;}
.f500{font-weight: 500 !important;}
.mt-20{margin-top: 20px;}
.f400{font-weight: 400 !important;}

.bg-g{background-color: #92D600;}
.bg-g2{background-color: #92D60005;}

.border-g{border: 1px solid #92D600;}


/* main page */
.main_con + .main_con{margin-top: 1rem;}
.main_bn{position: relative; width:100%; padding-bottom: 22.35%; overflow: hidden;}
.main_bn img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}
.gp_list{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; width: 100%; align-items: flex-start; justify-content: center;}
.gp_list li{width: calc((100% - 40px) / 5);}
.gp_list li .imgbox{border-radius: 1em; background-color: #f9f9f9; box-shadow: inset 0 0 .6rem rgba(0,0,0,.05); width: 100%; padding-bottom: 100%; display: flex; position: relative;}
.gp_list li .imgbox img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 75%;}
/* .gp_list li:nth-child(n+9) img{width: 45%;} */
.gp_list li p{font-size: 1rem; text-align: center; margin-top: .3rem;}

.main_con.btnwrap ul{gap: 1rem;}
.main_con.btnwrap ul li{width: calc((100% - 1rem) / 2); position: relative;}
.main_con.btnwrap ul li em{color: #666; font-size: .85rem; line-height: 1.3; margin-top: .3rem; padding-bottom: 1.4rem;}
.main_con.btnwrap ul li:nth-child(1){background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/16912649772881.png) no-repeat right 0 bottom 0 #fff; background-size: 5rem;}
.main_con.btnwrap ul li:nth-child(2){background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/169126498662273.png) no-repeat right 0 bottom 0 #fff; background-size: 5rem;}

.not_open{position: absolute; bottom: 1rem; left: 1rem; font-weight: bold; font-size: .85rem;}



.bn_slide {overflow: hidden; position: relative;}
.bn_slide .swiper-slide{border-radius: .7rem; overflow: hidden; position: relative; width:100%; padding-bottom: 31.3%;}
.bn_slide .swiper-slide img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.bn_slide .swiper-button-prev:after, .bn_slide .swiper-button-next:after{color:#fff; font-size: 1.2em; font-weight: 900;}
.bn_slide .swiper-button-prev{left: .5em;}
.bn_slide .swiper-button-next{right: .5em;}
.bn_slide .swiper-pagination.swiper-pagination-fraction{display: inline-block; bottom: .5em; font-size: .7rem; padding: .2rem .6rem; border-radius: 1rem; background-color: #ffffff50; position: absolute; z-index: 9999; right: .5rem;}
.bn_slide .swiper-pagination.swiper-pagination-fraction span{display: inline;}

/* 전단광고슬라이드 sm */
.smslide .swiper-slide{overflow: hidden; display: flex; flex-direction: column;}
.smslide .swiper-slide > div{line-height: 1; width: 100%; text-align: left; margin-top: .5rem;}
.smslide .swiper-slide em{position: relative; width:100%; padding-bottom: 100%; border-radius: .4rem; border: 1px solid #eee; overflow: hidden;} 
.smslide .swiper-slide em img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.smslide .swiper-slide em video{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.smslide i{font-size: 0.8em; font-weight: 600; margin-bottom: 0.2em;}
.smslide .desctxt{font-size: 0.8em; color: #999; margin-top: .5rem;}

/* 전단광고 슬라이드 더 작은 사이즈 */
.flyer{position: relative;}
.flyer em{position: relative; width:100%; padding-bottom: 100%;}
.flyer em img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}
.flyer em img{filter: brightness(60%);}
.flyer div{position: absolute; text-align: center; display: flex; flex-direction: column; gap: 6px; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); justify-content: center; align-items: center; margin-top: 0 !important; width: max-content;} 
.flyer div span{font-size: 11px; background-color: #fff; display: inline-block; padding: 2px 4px; border-radius: 2px; color: #666; width: fit-content;} 
.flyer div p{font-size: 14px; font-weight: 600; line-height: 1;}
.flyer div i{font-size: 12px; color: rgba(255,255,255 .8); font-weight: 400; line-height: 1;}

.flyer_list{display: flex; flex-wrap: wrap; gap: 5px;}
.flyer_list .flyer{width: calc((100% - 10px) / 3); overflow: hidden; border-radius: 6px; flex-shrink: 0;}

.h3{height: 2.8em;}
.xsmall02{font-size: 0.8em;}
.h-100{height: 100%;}
.pt{padding-top: 20px !important;}
.send_certi{margin-top: 20px;}





.won{display: inline-block; margin-left:.1em; font-size: 1em; 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:#92D600; font-weight: bold; position: relative;}
.tab_type1 ul li.active:after{content:''; display: block; content:''; position: absolute; width: 40%;
     height: .3rem; background-color: #92D600; 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:#92D600; 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:#222; width:auto; text-align: center; padding:0 0.8em; display: inline-block;
     line-height: 1; cursor: pointer; font-size: 1em;
}
.tab_type3 ul li p{margin-top: 1em; font-weight: 600;}
.tab_type3 ul li.active{color:#92D600; font-weight: bold; position: relative;}

.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;}

.tab_type3 ul li .img_wrap {background-color: #f5f5f5; border-radius: 1.6em; width: 4.5em; height: 4.5em; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.tab_type3 ul li .img_wrap img{}


.tab_type4 ul{display: flex; align-items: center;}
.tab_type4 ul li{width: 50%; text-align: center; border-bottom: 1px solid #d9d9d9;}
.tab_type4 ul li p{padding: 1.2em;}
.tab_type4 ul li p.on{color: #92D600; font-weight:700; position: relative;}
.tab_type4 ul li p.on::after{content: ""; width: 100%;  height: 2px; background-color: #92D600; position: absolute; bottom: 0; left: 0;}

.Wrap{background-color: #fff; min-height: 100vh; padding-bottom: 80px; overflow: hidden;}
.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;}
.Container{padding-top:50px;}
.Container.head_type2{padding-top:4.3em;}
.Container.fixed_type1{padding-bottom:5.8em;}
.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;}
.insert .field input{background-color: #f5f5f5;}
.insert .field input:focus{outline: 1px solid #92D600;}
.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:50%; transform: translateY(-50%); font-size: .75em; background-color: #222; color: #fff; padding: 0.8em 0.8em;}
.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:#92D600;
    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.3em 1.1em;background-color: rgb(244 240 239 / 90%); color:#947062; border-radius: 0px 20px 20px 0px; top:0; left:0;}
.pd_con .cart_btn{position: absolute;background-color: #947062; border-radius: 50%; line-height: 1; left:.6em; bottom:5.5em; width: 50px; height: 50px;
display: flex !important; align-items: center !important; justify-content: center !important; 
}
.pd_con .cart_btn img{width: 2.8em; padding:.6em; position: relative; top:.1em; margin-left: -4px;}
.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:#92D600;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: #947062;}
.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/icon01.png)no-repeat;background-size: cover;}

.pdTop-align span.hot-area{background-color: #f83c21;}
.pdTop-align span.hot-area em{ width: 65%; height: 65%;  background: url(../images/hot.svg)no-repeat;background-size: contain;}
.pdTop-align span.sugar-area{background-color:#c0917f; }
.pdTop-align span.sugar-area em{ width: 65%; height: 65%;  background: url(../images/sugar.svg)no-repeat;background-size: contain;}



/* shop detail */
.shop_detail_top{position: relative;}
.img_label{ position: absolute; top:10px; 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:#92D600; font-weight: 700; display: inline-block; font-size:0.85em;}
.shop_detail_wrap .txt_con .percent span{font-weight: 700;}
.shop_detail_wrap .txt_con .origin{text-decoration: line-through; color:#a1a1a1; margin-top:4px; font-size: .9em;}
.shop_detail_wrap .txt_con span.text-gray{font-size: 1.1em;}
.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%; display: table;}
.shop_detail_top .txt_con .txt_box dl dt{width: 136px;}
.shop_detail_top .txt_con .txt_box dl dd{text-align: right;}


.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:#92D600; 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{border-bottom: 1px solid #d9d9d9;}
.contents .list_con{font-size: .95em;background-color:#fff; padding: 1.6em 0; }

.shop_cart .list_con{border-bottom: 7px solid #f5f5f5; padding: 1.6em 1.6em;}


.contents .list_con .left{display: flex; align-items: center;}
.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; align-items: center;}
.shop_cart .contents .list_con .head .left > span{padding: 0;}
.shop_cart .contents .list_con .head .left > span i{font-size: 1.05em; font-weight: 600;}
.contents .list_con .head .left > span{display:flex; align-items: center;line-height: 1; justify-content: center; position: relative; font-weight: 600; padding: 0.6em 1em; border-radius: 55px; font-size: 0.9em;}
.contents .list_con .head .left > span.delivery{background-color: #222; color: #fff;}
/* .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; margin-bottom: -.5em; font-size: 1.05em;} */
.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:#92D600;}

.contents .list_con .head .right button{position: relative; font-size:.9em; position: relative; top:-2px; padding-bottom: 0.3em; line-height: 1.6; width: 1.8em; height: 1.8em; background-color: #bbb; color: #fff; border-radius: 50%;
    display: flex; align-items: center;  justify-content: center; 
}
.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; border-radius: .3em; background-color:#fff; margin-top:1.2em;}
.order_list_wrap:first-child{margin-top:0;}
.order_list_wrap .title_area{padding-bottom:.6em; border-bottom:.2em solid #ded7c7;}
.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;}


.shop_cart .bag_contents .case{width: 100%; background-color: #92D600; color: #fff; padding: 0.7em;}
.shop_cart .list_wrap{}
.shop_cart .list_con .check-label .checkmark{width: 1.5em; height: 1.5em;}
.shop_cart .list_con .check-label .checkmark:after{width: 0.5em; height: 0.65em;}


.shop_order .contents .list_con{position: relative; padding-bottom: 2em;}
.shop_order .contents .list_con::after{content: ""; z-index: 3; width: 110%; height: 8px; background-color: #f5f5f5; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}


.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: 7em; height:7em;}
.thumb_con .thumb{background-size:cover; background-position:center; 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: 1em; margin-right:4px;}

.shop_detail_wrap{}
.shop_detail_wrap .txt_con{padding: 1.2em;}
.shop_detail_wrap .txt_con h2{font-size: 1.2em; font-weight: 700; display: block; margin-bottom: 0.2em;}

.shop_detail_tab{border-bottom:1px solid #efefef; display: flex; flex-direction: row;}
.shop_detail_tab li{width: 100%; float:left; color:#818181; font-size:1em; text-align: center; padding: 0.8em 0; line-height: 1;}
.shop_detail_tab li.active{border-bottom:.3em solid #92D600; color:#121212; font-weight: bold; border-top: 1px solid #d9d9d9;}

.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:#92D600; 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; color: transparent; margin-right:-.3em;}
.option_con .bt .qty input.count{border-radius: 0; font-size:.9em; font-weight: bold; }

/* 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:0.8em; display: flex; align-items: center; justify-content: space-between;}
.bag_title h3{font-size:1.25em; font-weight: bold; }
.bag_title h3 span{display: inline-block; vertical-align: middle; font-size: 0.65em; background-color: #92D600; color: #fff; border-radius: 55px; padding: 0.4em  0.8em; margin-left: 0.4em;}
.bag_title span{border: 1px solid #d9d9d9; padding: 0.7em; border-radius: 0.5em; font-size: 0.75em; display: flex; align-items: center;}
.bag_title span img{margin-left:8px;}
.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:1.6; font-weight: 600;}
.bag_contents .thumb_txt_con span.name{margin-bottom:0.5em; font-size: 1.15em;}
.bag_contents .thumb_txt_con span.name a{font-weight: bold;}
.bag_contents .thumb_txt_con span.sell{color: #92D600; font-weight: 600; font-size: 1.15em;}
.bag_contents .thumb_txt_con span.delivery{}
.bag_contents .thumb_txt_con span.delivery_price{margin-top: 0.5em;}

.bag_total_price{padding:1.5em 1.2em; background-color: #f5f5f5;}
.bag_total_price dl{line-height: 2; display: flex; justify-content: space-between; font-size: 1.1em;}
.bag_total_price dl dd{font-weight: bold;}
.bag_total_price .total{font-size:1.1em; margin-top:0.8em; padding-top: 0.8em; border-top: 1px solid #d9d9d9; color: #82bd00;font-weight: 700; font-size: 1.2em;}
.bag_total_price .total dd span{font-weight: 700 !important;}
.bag_btn_container button{ width: 100%; border-radius: .3em; font-size: 1.05em; height: 3.6em;}

.bag_policy_container{ border-radius: .3em; position: relative; padding-top: 2em;}
.bag_policy_container::before{content: ""; width: 110%; height: 8px; background-color: #f5f5f5;position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

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


/* 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: 20vw; font-weight: bold;}
.detail_list.txt_box dd{text-align: right; width: 100%;}

.detail_list.txt_box.bg-white{padding:0.8em 1.2em; border-radius: .3em;}
.detail_list.txt_box.bg-white.point_box{}

/* 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:60px 20px;}
.no_post span{color: #888; font-size: 15px;}
.acting_img{text-align: center;}
.no_post img{margin-bottom: 1em;}

/* 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); top:50%;}
.nav_inner .search{width: 100%;}
.head_search{position: relative; width:100%;}
.head_search input{background-color:#f5f5f5; border:0; padding-right:4em; height:40px;}
.head_search input:focus{outline: 1px solid #92D600;}
.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.6em 0.8em; background-color: #92D600; color: #fff;}


.toggle_wrap .toggle_container:first-child{border-top:1px solid #ded7c7; background-color: #e8e3d6;}
.toggle_wrap .toggle_container{ display:flex; align-items: center; background-color:#fff;
    border-bottom:1px solid #ded7c7; width: 100%; padding:1.5em 1.2em;}
.toggle_wrap .toggle_container dl{height: 100%; width: 100%;}

.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;}
.intro_wrapping span{position: absolute; top:47.5%; left:50%; transform: translate(-50%,-50%); width: auto;
    -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: #92D600; color:#fff; border:1px solid #92D600;}
.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: #f4f0ef;
    /* box-shadow:inset 0 0 0 .1em #92D600; */
    color: #947062;
    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: rgb(244 240 239 / 63%);
    box-shadow:inset 0 0 0 .1em #947062;
    color: #947062;
    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;}

.select_type1 select{background-color: #fff; border-radius: .3em; padding:0 .8em; font-size: .9em; color:#818181; background-image: url(../images/i_arrow_bt.png);
    background-repeat: no-repeat; background-position: 97% center; border: 1px solid #92D600;
}
.select_type1 select:focus{outline: 1px solid #92D600;}

.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: 0.7em 1.2em 0.3em; border-radius: 4em; display: table-cell;}



/* ----------------
      지점선택
------------------- */
.per_store{border-radius: 0.3em; text-align:center; display:inline-block; margin-right: 4%;background: #fff; padding: 13px 10px 10px; transition:0.2s all;}
.per_store.change{background: #f4f0ef; color: #947062;     border: 1px solid #e7e0e0;}
.per_store:hover{background: #f4f0ef; color: #947062;}
.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 6px rgb(66 66 66 / 19%); 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;}




/***********************************************/
/* K-LOBAL 커스텀*/
/***********************************************/

.fc-r{color: #f83c21;}
.fc-green{color: #92D600;}

/* 메인 */
.main_slide_wrap{height: 10.2em; width: 100%; overflow: hidden; }
.main_slide{width: 100%; height: 100%;}


/* 제품 리스트 */
.pd_list_mather ul li{border-bottom:8px solid #eee;}
.pd_list_mather ul li .con_wrap .img_wrap.thumb{padding-bottom: 56%;position: relative; overflow: hidden;}
.pd_list_mather ul li .con_wrap .img_wrap.thumb img{position: absolute; left: 50%; top: 50%;
    height: 100%;transform: translate(-50%, -50%);
}
.pd_list_mather ul li .con_wrap .img_wrap .time{position: absolute; border-radius: 50%; z-index: 3; right: 1em; top: 1em; 
    width: 4.2em; height: 4.2em; background-color: #92D600; color: #fff; display: flex;  align-items: center; justify-content: center;
    flex-direction: column; text-align: center;
}
.pd_list_mather ul li .con_wrap .img_wrap .time .icon{width: 1.5em; height: 1.5em; margin: 0 auto 0.3em auto;}
.pd_list_mather ul li .con_wrap .img_wrap .time .icon img{ position: static; transform: inherit;}
.pd_list_mather ul li .con_wrap .img_wrap .time p{font-size: 0.85em;}


.pd_list_mather ul li .con_wrap .txt_wrap{padding: 1.2em;}
.pd_list_mather ul li .con_wrap .txt_wrap .type{display: flex; align-items: center; margin-top: -2.3em; position: relative;z-index: 3; margin-bottom:1em;}
.pd_list_mather ul li .con_wrap .txt_wrap .type p{border-radius: 55px; margin-right: 0.5em; font-size: 0.95em; padding: 0.5em 1em;}
.pd_list_mather ul li .con_wrap .txt_wrap .type p.pick_up{background-color: #92D600;}
.pd_list_mather ul li .con_wrap .txt_wrap .type p.delivery{background-color: #231815; }
.pd_list_mather ul li .con_wrap .txt_wrap .type p i{color: #fff;}
.pd_list_mather ul li .con_wrap .txt_wrap .info b{font-size: 1.2em; font-weight:700; display: block; margin-bottom: 0.4em;}
.pd_list_mather ul li .con_wrap .txt_wrap .info span{font-size: 1.1em; opacity: 0.7; margin-bottom: 0.6em;}


.pd_list_mather ul li .con_wrap .txt_wrap .price{display: flex; align-items: center;}
.pd_list_mather ul li .con_wrap .txt_wrap .price span{margin-right: 0.5em; font-size: 1.2em; font-weight: 700;}
.pd_list_mather ul li .con_wrap .txt_wrap .price span.percent{color: #92D600;}
.pd_list_mather ul li .con_wrap .txt_wrap .price span.origin_price{ color: #bdbdbd; position: relative; font-size: 1.1em;}
.pd_list_mather ul li .con_wrap .txt_wrap .price span.origin_price::after{content: ""; width: 100%; height: 1px; 
    background-color: #bdbdbd; position: absolute; top: 49%; left: 50%; transform: translateX(-50%);
}
.pd_list_mather ul li .con_wrap .txt_wrap .price span.origin_price:last-child{margin-right: 0;}
.pd_list_mather ul li .con_wrap .profile{ border-top: 1px solid #d9d9d9; padding:1.0em 1.2em; display: flex; align-items: center;}
.pd_list_mather ul li .con_wrap .profile .img_wrap{width: 3em; height: 3em; border-radius: 50%; overflow: hidden; position: relative; border: 1px solid #d9d9d9; overflow: hidden;}
.pd_list_mather ul li .con_wrap .profile .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.pd_list_mather ul li .con_wrap .profile p{margin-left: 1em; font-size: 1.1em;font-weight: 700;}

.pd_list_mather ul li .cover{display: none;}
.pd_list_mather ul li.time_out .cover{display: block;}
.pd_list_mather ul li.time_out .cover{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0,0.7);
    left: 50%;top: 50%; transform: translate(-50%, -50%); z-index: 3; color: #fff; font-size: 1.5em; font-weight: 600;
}
.pd_list_mather ul li.time_out .time{display: none !important;}
.pd_list_mather ul li.time_out .info{opacity: 0.5;}
.pd_list_mather ul li.time_out .price{opacity: 0.5;}
.pd_list_mather ul li.time_out .profile{opacity: 0.5;}
.pd_list_mather ul li.time_out .txt_wrap .type p i{opacity: 0.5;}

.address_wrap .insert select{background-color: #f5f5f5; border-radius: 0.3em;}
.address_wrap .insert select:focus{outline: 1px solid #92D600;}


.alram .Container{min-height: 100vh; }
.alram .Container .no_post img{width: 3.5em;margin-bottom: 1.2em;}
.alram .list ul li .con_wrap{ padding:20px 20px 20px 76px; background-color: #fff; position: relative;}

.alram .list ul li .con_wrap .alarm_img{display: flex; justify-content: center; align-items: center; width: 46px;height: 46px; border-radius: 50%; position: absolute; left: 16px; top: 16px; background-color: #92D60015 ;}

.alram .list ul li.commu_alarm .con_wrap .alarm_img, .alram .list ul li.all_alarm .con_wrap .alarm_img{width:46px; padding-bottom: 46px;}
.alram .list ul li.commu_alarm .con_wrap .alarm_img img, .alram .list ul li.all_alarm .con_wrap .alarm_img img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover; border-radius: 50%;} 

.alarm_pdlist{margin-top: 10px;}
.alarm_pdlist ul{display: flex;gap: 8px; overflow-x: auto;}
.alarm_pdlist ul li{position: relative; width: 65px; height: 65px; flex-shrink: 0;}
.alarm_pdlist ul li img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover; border-radius: 6px;}

.alarm_del button{padding: 0 0 .3rem .3rem !important; min-width: max-content; font-weight: 600; color: #333; position: absolute; top: 20px; right: 16px; font-size: .9rem;}

/* .alram .list ul li .con_wrap::before{content: ""; width: 46px;height: 46px; border-radius: 50%; background: url(../img/alarm.svg)no-repeat center center /contain;
    position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
} */

.alram .list ul li .con_wrap .top{display: flex; justify-content: space-between;}
.alram .list ul li{border-bottom: 1px solid #eee;}
span.new_alarm{width: 2em;font-weight: 600; height: 2em; font-size:9px; line-height: 2em; border-radius: 50%; background-color:#E55D5D; color: #fff; display: flex; align-items: center; justify-content: center;}

.alram .list ul li .top{margin-bottom: 3px;}
.alram .list ul li .top b,.alram .list ul li .top b i{font-weight: 600;font-size: 14px;}
.alram .list ul li p{color: #666; font-size: 13px;}
.alram .list ul li .top span.date{color: #888; font-size: 12px; flex-shrink: 0;}
.alram .list ul li.new span.new_alarm{display: flex;}
.alram .list ul li span.new_alarm{display: none;}

.alram .list ul li.alert_alarm .con_wrap::before{background: url(../img/my_alarm02.svg)no-repeat center center / contain;}


.alram .list ul li .top .icon{display: flex; align-items: center; justify-content: center;}

.delivery_list select{background-color: #f5f5f5; border-radius: 0.3em;}
.delivery_list select:focus{outline: 1px solid #92D600;}
.delivery_list button{padding: 0.6em 0.8em;}

.daily .tab_type3 ul{padding: 0 .8em;}
.daily .tab_type3 ul li{ padding: 0;}
.daily .tab_type3 ul li p{margin-top: 0 ; background-color: #f5f5f5; color: #626262; border-radius: 55px; font-size:1em; padding: 0.7em 0.8em;}
.daily .tab_type3 ul li + li{margin-left: 0.8em;}
.daily .tab_type3 ul li p.on{background-color: #92D600; color: #fff;}

.daily .top_banner{width: 100%;padding-bottom: 34%; overflow: hidden; position: relative; border-bottom: 1px solid #d9d9d9;}
.daily .top_banner img{position: absolute; left: 50%; top: 50%; width: 102%; transform: translate(-50%, -50%); object-fit: cover;}

.daily .slide_con .sub_banner{position: relative;}
.daily .slide_con .swiper-pagination{display: flex; left: inherit;right: 1em; color: #fff; width: 50px; height: 25px; background-color: rgba(0, 0, 0, .4); align-items: center; justify-content: center;}
.daily .slide_con .swiper-pagination span{margin: 0 4px;}


.daily .slide_con{}
.daily .slide_con .sub_banner .img_wrap{width: 100%; position: relative; padding-bottom: 36%; overflow: hidden;}
.daily .slide_con .sub_banner .img_wrap img{display: block; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.board_list .btm_con ul li::after{content: ""; width: 100%; height: 8px; background-color: #f5f5f5;display: block;}
.board_list .btm_con ul li .img_wrap{padding-bottom: 50%; width: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #d9d9d9;}
.board_list .btm_con ul li .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.board_list .btm_con ul li .txt_wrap{padding: 1.2em 0; }
.board_list .btm_con ul li .txt_wrap b{font-size: 1.28em; font-weight: 700; display: block; margin-bottom: 0.5em;}
.board_list .btm_con ul li .txt_wrap p{font-size: 1.1em;   width: 100%; }
.board_list .btm_con ul li .icon_wrap{display: flex; align-items: center; margin-top: 0.8em}
.board_list .btm_con ul li .txt_wrap span.date{margin-top: 0.8em; opacity: 0.7; font-size: 1.1em;}

.board_list .btm_con ul li .hash_tag{display: flex; flex-wrap: wrap;}
.board_list .btm_con ul li .hash_tag p:last-child{margin-right: 0;}
.board_list .btm_con ul li .hash_tag p{margin-right: 0.6em; border-radius: 0.5em; font-weight: 600; background-color: #f5f5f5; padding: 0.4em 0.8em;}



.board_list .btm_con ul li .profile{padding: 1.2em; display: flex; align-items: center; justify-content: space-between;}
.board_list .btm_con ul li .profile .left {display: flex; align-items: center;}
.board_list .btm_con ul li .profile .left .icon{width: 3em; height: 3em; border-radius: 50%; }
.board_list .btm_con ul li .profile .left .txt_wrap02{padding-left: 1em;}
.board_list .btm_con ul li .profile .left .txt_wrap02 b{font-size: 1.2em; font-weight: 700; display: block;}
.board_list .btm_con ul li .profile .left .txt_wrap02 span{display: block; margin-top: 0.2em; opacity: 0.7;}
.img.change img.select{display: block;}
.img.change img.no_select{display: none;}

.img img.select{display: none;}
.img img.no_select{display: block;}

.board_list .btm_con ul li .icon_wrap>div{display:flex; align-items: center;}
.board_list .btm_con ul li .icon_wrap>div + div{margin-left:1em;}
.board_list .btm_con ul li .icon_wrap>div p{font-size: 1.1em; font-weight: 600;}
.board_list .btm_con ul li .con_wrap .bd{ padding-bottom: 1.2em;}
.board_list .btm_con ul li .icon_wrap .img{display: flex; align-items: center;}
.board_list .btm_con ul li .icon_wrap .img img{width: 1.6em; margin-right: 0.5em;}
.board_list .btm_con ul li .icon_wrap button{}


.board_list .btm_con ul li .icon_wrap>div.hart .img img:nth-child(1){display: block;}
.board_list .btm_con ul li .icon_wrap>div.hart .img img:nth-child(2){display: none;}


.board_list .btm_con ul li .icon_wrap>div.hart .img.change img:nth-child(2){display: block;}
.board_list .btm_con ul li .icon_wrap>div.hart .img.change img:nth-child(1){display: none;}
.board_list .btm_con ul li .icon_wrap>div.hart{margin-right: -4px;}



.notice_view>.top{padding: 1.2em 0; border-bottom: 1px solid #d9d9d9;}
.notice_view>.top b{font-weight: 700; font-size: 1.25em;}
.notice_view>.top span.date{margin-top: 0.5em; font-size: 1em;}
.notice_view .btm{padding: 1.2em;}
.notice_view .btn_wrap button{width: 100%; border: 1px solid #d9d9d9;  background-color: #fff;
    border-radius: 55px; padding: 1em 0.8em; text-align: center; font-size: 1.1em;
    margin-top: 0.8em; width: 100%;
}
.notice_view>.top span.writer{margin-bottom: 0.8em; display: flex; align-items: center; font-weight: 600;}
.notice_view>.top span.writer i.img{font-weight: 600;  width: 2.5em; border: 1px solid #d9d9d9; height: 2.5em; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; margin-right: 0.5em;}
.notice_view>.top span.writer i img{width: 100%; margin-bottom: 0 !important;}
.notice_view .btn_wrap{position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);}

.notice_view img{margin-bottom: 0.5em; width: 100%;}
.notice_view p {font-size: 1.1em; line-height: 1.4;}
.notice_view p + p{margin-top: 0.3em;}

/* 댓글 */
.reply_wrap{border-top: 1px solid #d9d9d9; padding: 1.2em;}
.reply_wrap .reply_num p {font-size: 1em; padding-bottom: 0.5em;}
.reply_wrap .reply_num p span{ color: #92D600; font-size: 1.1em; font-weight: 700; padding-right: 4px; display: inline-block;}
.reply_wrap .reply_con{margin-bottom: 0.5em; border: 1px solid #d9d9d9; display: flex; justify-content: space-between;}
.reply_wrap .reply_con textarea{height: 3.5em; padding: 8px; border: 0; width: 100%;}
.reply_wrap .reply_con textarea:focus{outline: 1px solid #92D600;}
.reply_wrap .reply_con a{display: flex; align-items: center; justify-content: center; width:5.2em; background-color: #92D600; border: 1px solid #92D600; color: #fff; vertical-align: middle;}
.reply_wrap .reply_list ul li .origin{display: flex; justify-content: space-between; border-bottom: 1px solid #d9d9d9; padding: 1.2em 0;}
.reply_wrap .reply_list ul li .top{display: flex; margin-bottom: 0.6em; align-items: center;}
.reply_wrap .reply_list ul li .top .name{font-size: 1.15em; display: flex;font-weight:700; padding-right: 16px; margin-top: 0;}

.reply_wrap .reply_list ul li .top .thumb{width: 2em; height: 2em; border-radius: 50%; overflow: hidden; margin-right: 0.5em; border: 1px solid #d9d9d9;}
.reply_wrap .reply_list ul li .top .date{color: #888; font-weight: 300; font-size: 0.85em; margin-top: 0;}
.reply_wrap .reply_list ul li .bottom p{font-size: 1.05em; font-weight: 400;}
.reply_wrap .reply_list ul li .submit{color: #888; font-size: 0.95em; white-space: nowrap;}
.reply_wrap .reply_list ul li .submit a + a{padding-left: 4px;}
.reply_wrap .reply_list .sub-reply{position: relative; padding-left: 3em; padding-top: 0.8em; padding-bottom: 1em; padding-right: 1em; border-bottom: 1px solid #fff; background-color: #f5f5f5;}
.reply_wrap .reply_list .sub-reply::before{content:"";position: absolute; left: 16px; top: 8px; width: 1em; height: 1em;
  background: url(../images/reply02.svg)no-repeat center center / contain;
}



.board_list02 ul li{position: relative;}
.board_list02 ul li::after{content: ""; width: 100%; height: 8px; background-color: #f5f5f5; display: block;}
.board_list02 ul li .con_wrap{padding: 1.4em 1.2em;}
.board_list02 ul li .con_wrap .thumb_wrap{display: flex; align-items: center; margin-bottom: 0.4em;}
.board_list02 ul li .con_wrap .thumb_wrap .img{position: relative; width: 2.5em; height: 2.5em; overflow: hidden; border-radius: 50%; border: 1px solid #d9d9d9; margin-right: 0.5em;}
.board_list02 ul li .con_wrap .thumb_wrap .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.board_list02 ul li .con_wrap .thumb_wrap p{font-size: 1em; font-weight: 700;}
.board_list02 ul li .con_wrap .img_wrap{width: 10em; position: relative; padding-bottom:26%; overflow: hidden;}
.board_list02 ul li .con_wrap .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%;}
.board_list02 ul li .con_wrap .right_con{width: calc(100% - 10em); padding-left: 1.2em;}
.board_list02 .btm_con ul li .txt_wrap p{font-size: 1em;   width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_list02 .btm_con ul li .txt_wrap b{font-size: 1.1em; font-weight: 700; margin-bottom: 0.5em; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%;}
.board_list02 .btm_con .btm{display: flex; justify-content: space-between; align-items: center; margin-top: 1em;}
.board_list02 .btm_con .btm span.date{opacity: 0.7;}
.board_list02 .btm_con ul li .icon_wrap p{margin-left: 0.5em; font-size: 1em; font-weight: 600;}

.review_write .pd_area{padding: 1.2em; display: flex; align-items: center; border-bottom: 8px solid #f5f5f5;}
.review_write .pd_area .left{width: 4em; overflow: hidden;}
.review_write .pd_area .left img{width: 100%; object-fit: cover;}
.review_write .pd_area .right{width: calc(100% - 5em); padding-left: 0.8em;}


.review_write .tab>b{font-weight: 700;; display: block; margin-right: 0.8em; font-size: 1em; margin-bottom: 0.8em;}
.review_write .tab{display: flex; flex-wrap: wrap;  background-color: #f5f5f5; padding: 1.2em; align-items: center;}
.review_write .tab ul{display: flex; align-items: center; flex-wrap: wrap; }
.review_write .tab ul li p{display: flex; align-items: center; border-radius: 55px; padding: 0.4em 0.8em; border: 1px solid #d9d9d9; margin-right: 0.4em; margin-bottom: 0.4em;}
.review_write .tab ul li p img{margin-right: 0.4em;}
.review_write .tab ul li.on p{background-color: #92D600; border: 1px solid #92D600; color: #fff;}
.review_write .tab ul li.on img{filter: invert(100%) sepia(1%) saturate(7489%) hue-rotate(184deg) brightness(109%) contrast(91%);}



.fixed_btn{position: fixed; bottom:0; padding: 20px 20px; left: 50%; transform: translateX(-50%); width: 100%;display: flex; align-items: center; justify-content: center;}
.fixed_btn button{width: calc(100vw - 40px);}

.img_upload input{display: none;}
.img_upload label{ width: 100%; font-size: 1.1em; padding: 0.8em 1.2em; border: 1px dashed #92D600; margin-top: 0.8em; display: flex; align-items: center; justify-content: center;}
.img_upload label img{width: 1.2em; margin-right: 0.5em;}


.chat_list ul li{ background-color: #fff; padding: 1em 1.2em; position: relative;}
.chat_list ul li .count{ margin-top: 0.8em; border-radius: 50%; font-size: 0.75em; color: #fff; width: 2em; height: 2em; background-color: #92D600; display: flex; align-items: center; justify-content: center;}
.chat_list ul li .count p{line-height: 1; text-align: center;}
.chat_list ul li .icon_wrap{overflow:hidden; width: 45px; height: 45px; border: 1px solid #d9d9d9; border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.chat_list ul li .icon_wrap img{width: 100%; margin: 0 auto;}
.chat_list ul li .con_wrap{display: flex; align-items: flex-start;}
.chat_list ul li .txt_wrap{width: calc(100% - 5em); padding-left: 1.2em;}
.chat_list ul li .txt_wrap b{font-size: 1.25em; font-weight: 700; display: block;}
.chat_list ul li .txt_wrap p{word-break: keep-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.chat_list ul li span.date{opacity: 0.7; font-size: 0.95em; display: block; margin-top: 0.5em;}
.chat_list ul li.read .txt_wrap p{opacity: 0.7;}




.chat_list ul li .right{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;}
.chat_list ul li .left{display: flex; align-items: center;}
.chat_con .search_con{position: relative; text-align: center; margin:0.8em 0;}
.chat_con .search_con input{border-radius: 55px; padding: 0.8em 1.2em; width: 95vw; margin: 0 auto; background-color: #f5f5f5;}
.chat_con .search_con input:focus{outline: 0;}
.chat_con .search_con button{position: absolute; right: 1em; top: 50%; top: 0.3em;}


.chat_list_view {padding: 1.2em;}
.chat_list_view ul li .icon_wrap{display: flex; background-color: #fff; align-items: center; justify-content: center; border: 1px solid #d9d9d9; width: 3em; height: 3em; border-radius: 50%; overflow: hidden;}
.chat_list_view ul li:nth-child(2n) .icon_wrap{margin-left:1em;}
.chat_list_view ul li .icon_wrap img{}
.chat_list_view ul li .txt_wrap{width: calc(100% - 3em); padding-left: 1em;}
.chat_list_view ul li:nth-child(2n){flex-direction: row-reverse; display: flex;}
.chat_list_view ul li.after_view{display: none;}
.chat_list_view ul li:nth-child(2n) .txt_wrap{width: auto;}
.chat_list_view ul li.after_view .txt_wrap{width: auto;}
.chat_list_view ul li.after_view .con_wrap{flex-direction:row-reverse; display: flex;}



.chat_list_view div.date{ line-height: 1; border-radius: 55px; width: 11em; text-align: center; margin: 0 auto 1em auto;  font-size: 1em; opacity: 0.7;}
.chat_list_view ul li .txt_wrap .txt_in{border-radius: 5px; background-color: #f5f5f5; width:auto; }
.chat_list_view ul li:nth-child(2n) .txt_wrap .txt_in{background-color: #fff; border: 1px solid #d9d9d9;}

.chat_list_view ul li .txt_wrap .txt_in p{padding: 0.8em 1em; font-weight: 600;}
.chat_list_view ul li .txt_wrap .txt_in img{width: 100%;}
.chat_list_view ul li .txt_wrap b{font-weight: 600; display: block; margin-bottom: 0.6em;}
.chat_list_view ul li .con_wrap{display: flex; align-items: flex-start; width: 100%;}
.chat_list_view ul li span.date{display: flex; justify-content: flex-end; margin-top: 0.5em; font-size: 0.95em;}
.chat_list_view ul li:nth-child(2n) .con_wrap{flex-direction:row-reverse; display: flex;}
.chat_list_view ul li + li{margin-top: 2em;}
.chat_list_view ul li .txt_wrap span{white-space: nowrap; opacity: 0.7;}
.chat_list_view .chat_input{display: flex; background-color: #ffff; justify-content: space-between; }
.chat_list_view .chat_input input{ width: 100%;; padding: 1.1em; background-color: #f5f5f5; border-radius: 55px;}
.chat_list_view .chat_input input:focus{outline: 1px solid #92D600;}
.chat_list_view .chat_input img{width: 3.2em; padding-left: 1em; position: absolute; top: 1.3em; right: 2em;}

.chat_list_view .top{text-align: center; margin-bottom:2em;opacity: 0.7;}

.mypage .top{display: flex; justify-content: space-between; align-items: center; padding:24px 20px; border-bottom: 5px solid #f5f5f5;}
.mypage .top .left{display: flex; align-items: center;}
.mypage .top .left b{font-weight: 700;font-size:28px; display: block;}
.mypage .top .left .icon_wrap{width: 4em; height: 4em;  border-radius: 50%;border: 1px solid #d9d9d9; overflow: hidden; display: flex; 
    align-items: center; justify-content: center;  margin-right: 0.8em;
}
.mypage .top .left b img{margin-left: 0.3em; display: inline-block;width:1.2em; margin-bottom: -0.2em;}
.mypage .top .left dl{display: flex; align-items: center; margin-top: 12px; font-size: 15px;}
.mypage .top .left dl dt{margin-right: 0.4em;}
.mypage .top .left dl + dl{margin-left: 12px;}
.mypage .top .right button{background-color: #f5f5f5; color: #999; opacity: 0.7; font-size: 0.95em; border-radius: 5px; text-align: center; padding: 0.8em 1em;}

.inq_body{ position: relative;}
.inq_body .btm_btn{display: flex; gap: 8px; padding-top: 16px;}
.inq_body .btm_btn button{border: 1px solid #eee; color: #888; font-size: 15px; padding: 8px 12px; font-weight: 400; }
.re_con{height: 200px; overflow-y: auto;}
.response p{padding-bottom: 10px;}
.response p span{font-weight: 600;}
.response p i{font-size: 14px; color: #888; }
.inq_con > div{position: relative; min-height: 150px;}
.inq_body .pic_list{padding-top: 16px; position: relative; bottom: 0; flex-wrap: wrap;}



.mypage .mid dl {padding:0 20px;}
.mypage .mid dl + dl{border-top: 1px solid #f5f5f5;}
.mypage .mid dl dt{font-size: 14px; color: #999; padding-top: 20px; margin-bottom: 12px;}
.mypage .mid dl dd{}
.mypage .mid dl dd button{font-size: 16px; padding: 20px 0; width: 100%; text-align: left; position: relative; line-height: 1.2;}
.mypage .mid dl dd button.new{background-color: #f9f9f9;}
.mypage .mid dl dd button span.new{background-color: #E24A4F; color: #fff; padding: 4px 7px; border-radius: 20px; line-height: 1; font-size: 12px; margin-right: 4px; margin-top: 0; }
.mypage .mid dl dd button p{display: flex; align-items: center;}
/* .mypage .mid dl dd button::after{content: ""; width: 10px; height: 10px; 
    background: url(../img/arrow_right.svg)no-repeat center center; transform: translateY(-50%);
    position: absolute; right: 0; top: 50%; 
} */



.mypage .btm{display: flex; align-items: center; justify-content: center; gap: 0 10px; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%);}
.mypage .btm button{padding: 0; color: #888; font-size: 15px;}
.mypage .btm button:first-child{position: relative; padding-right: 12px;}
.mypage .btm button:first-child::after{content: ""; width: 1px; height: 12px; background-color: #ddd; transform: translateY(-50%); position: absolute; right: 0; top: 50%;}
.mypage .list_wrap ul li .con_wrap{position: relative; overflow: hidden; padding-bottom: 70%;}
.mypage .list_wrap ul li .con_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}


.mypage_edit .mid dl{padding: 0;}
.mypage_edit .mid dl dd button{padding: 20px 16px; border-bottom: 1px solid #eee; line-height: 1.4;}
.mypage_edit .mid dl dd button span{color: #888; display: block; margin-top: 4px; font-size: 14px;}
.mypage.mypage_edit .mid dl dd button::after{right: 20px;}



.mather_top{display: flex; align-items: center; justify-content: space-between;}
.mather_top>div{width: 48%; position: relative;}
.mather_top>div select{width: 95%;}
.mather_top>div select:focus{outline: 0;}
.mather_top>div:last-child::after{display: none;}
.mather_top>div::after{content: ""; width: 1px; height: 70%; background-color: #aeaeae; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.mather_order .order_list_wrap{padding: 0;}
.mather_order .order_list_wrap .order_txtbox span{}
.period{width: 100%; padding: 1.2em; background-color: #f5f5f5;}


.shop_order .btn_wrap{width: 100%; margin-top: 1.5em;}
.shop_order .btn_wrap button{width: 32%; border: 1px solid #d9d9d9; border-radius: 0.2em; font-size: 0.95em; display: block; padding: 0.9em;}
.shop_order .btn_wrap span{display: block;}
.mather_order .statu{margin-bottom: 0.7em;}
.mather_order .statu b{font-weight: 700; font-size: 1.2em;}
.mather_order .top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.8em;}
.mather_order .top div.date p{font-size: 1.1em; font-weight: 700;}
.mather_order .top button img{margin-left: 0.5em; display: inline-block; vertical-align: bottom;}
.mather_order .top button{font-size: 1em;}
.shop_order.mather_order .contents .list_con::after{display: none;}

.mather_order .list_wrap .list_con{border: 1px solid #d9d9d9; padding: 1.2em; border-radius: 0.3em; }
.mather_order .contents{position: relative; padding-bottom:2em; margin-bottom: 1.em;}
.mather_order .contents::after{content: ""; width: 110%; height: 8px; background-color: #f5f5f5; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.mather_order_view .order_list_wrap{padding: 0;}
.mather_order_view .contents .list_con .body{margin-top: 0;}
.mather_order_view .in dl{display: flex; align-items: flex-start;}
.mather_order_view .in dl dt{width: 8em; font-weight: 600;}
.mather_order_view .in dl dd{width: calc(100% - 8em); padding-left: 0.5em;}
.mather_order_view .in dl + dl{margin-top: 0.5em;}
.mather_order_view .btm .btn_wrap{width: 100%;}
.mather_order_view .btm .btn_wrap button{width: 100%; font-size: 1.1em; padding: 0.8em; border: 1px solid #92D600; background-color: #92D600; color: #fff;}
.mather_order_view .bag_policy_container .in dl{justify-content: space-between;}
.mather_order_view .bag_policy_container .in dl dd{width: auto;}
.mather_order_view .bag_policy_container .in dl.all_price{border-top: 1px dashed #d9d9d9; padding-top: 1em;margin-top: 1em;}
.mather_order_view .bag_policy_container .in dl.all_price dd{font-size: 1.2em; font-weight: 700;}

.mather_order_view select{width: 100%; border: 1px solid #d9d9d9; padding:1em; background: url('https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/Gmask/157513688091706.png') no-repeat 97% 50%/15px auto;}
.mather_order_view select:focus{outline: 1px solid #92D600; border-radius: 0.3em;}
.mather_order_view .btn_wrap02 button.btn-default{background-color: #f5f5f5; border: 1px solid #f5f5f5; color: #999;}
.mather_order_view .btn_wrap02 button{width: 49%;}


.return input{border: 1px solid #d9d9d9;width: 100%; border-radius: 0; padding: 1em  0.8em;}
.return input:focus{outline: 1px solid #92D600;}

.my_qna_list ul{}
.my_qna_list ul li>div{width: 100%;}
.my_qna_list ul li .con_wrap {padding-right: 1em;}
.my_qna_list ul li .con_wrap .arrow{position: absolute; right: 1.2em; top: 2.5em;}
.my_qna_list ul li .con_wrap .arrow img{width: 0.7em;}
.my_qna_list ul li .con_wrap .top p.stay{background-color: #d9d9d9;  color: #fff;}
.my_qna_list ul li .con_wrap .top p.complete{background-color: #92D600; color: #fff;}
.my_qna_list ul li .con_wrap .top p{margin-right: 0.5em; padding: 0.3em; font-size: 0.85em; border-radius: 55px; width: 5.5em; text-align: center;}
.my_qna_list ul li .con_wrap .txt_wrap b{font-size: 1.25em; display: block; font-weight: 600; width: calc(100% - 2em); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.my_qna_list ul li .con_wrap .txt_wrap{display: flex; align-items: center;}
.my_qna_list ul li .con_wrap span.date{font-size: 1em; color: #999;}
.my_qna_list ul li .answer{display:none; background-color: #f5f5f5; padding: 1.2em; margin-top: 0.8em;}
.my_qna_list ul li .answer .top b{font-weight: 700; margin-right: 0.5em; color: #92D600;}
.my_qna_list ul li{padding: 1.2em; border-bottom: 1px solid #d9d9d9; position: relative; background-color: #fff;}
.my_qna_list ul li .answer .con_wrap{padding-right:0;}
.my_qna_list ul li .answer .con_wrap + .con_wrap{border-top: 1px solid #d9d9d9; margin-top: 1em; padding-top: 1em;}
.my_qna_list ul li .answer .con_wrap span.title03{font-weight: 600; display: block; margin-bottom: 0.5em;}
.my_qna_list .img_wrap{margin-right: 0.8em;}

.rotate {transform: translateY(-4px) rotate(-180deg) !important;}
select{ background: url(../img/select_icon.svg) no-repeat 97% 50%/15px auto ;}



.favorite .search_con{ display: flex; padding: 1.2em; position: relative; }
.favorite .search_con img{width: 2em; position: absolute; right: 2em; top: 1.8em; }
.favorite .search_con input{width: 100%; border-radius: 55px; padding: 1em; background-color: #f5f5f5; }
.favorite .search_con input:focus{outline: 0;}
.favorite .title h2{font-size: 1.1em; font-weight: 700;}
.favorite .icon_wrap {width: 3em;height: 3em;border-radius: 50%;overflow: hidden;position: relative;border: 1px solid #d9d9d9;overflow: hidden;}
.favorite .icon_wrap img{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.favorite .con_wrap p {margin-left: 1em;font-size: 1.1em;font-weight: 700;}
.favorite .list li{ border-bottom: 1px solid #d9d9d9; padding: 0.8em 0;}
.favorite .list li .right button{background-color: #f83c21; color: #fff; padding: 0.4em 0.8em; border-radius: 0.3em; text-align: center;}
.invite .img_wrap{width: 15em; margin: 0 auto 0.3em auto;}
.invite .txt_wrap .top{text-align: center;}
.invite .txt_wrap .top span{font-size: 1.2em;}
.invite .txt_wrap .top b{display: block; font-size: 1.35em; font-weight: 700;}
.invite .txt_wrap .top p{opacity: 0.7; margin-top: 0.3em; font-size: 1.1em; margin-top: 0.8em;}

.invite .txt_wrap .mid{margin-top: 2em;}
.invite .txt_wrap .mid p{background-color: #FEE500; color: #222; padding: 1.2em; font-weight: 600; text-align: center;}
.invite .txt_wrap .mid p img{width: 1.2em; display: inline-block; vertical-align: middle; margin-right: 0.5em;}

.invite .txt_wrap .btm{ background-color: #f5f5f5; padding: 1.2em; margin-top: 1.2em; text-align: center;}
.invite .txt_wrap .btm p{}
.invite .txt_wrap .btm span{display: block; color: #f83c21; font-size: 1.1em; font-weight: 700;}

.cs_notice{}
.member_out{text-align: center; margin-top: 0.8em;}
.member_out span{font-size: 0.95em; border-bottom: 1px solid #d9d9d9; padding-bottom: 0.6em; color: #aaa; display: inline;}


/* 토글 스위치 */
.onoff_button{display: flex;;align-items: center; justify-content: flex-end;}
.onoff_button>div{ display: flex; align-items: center; justify-content: center; }
.onoff_button>div p{font-weight: 600;}
.onoff_button>div span{}
.onoff_button .toggleSwitch {width: 50px;height: 28px;display: block;position: relative;border-radius: 30px;background-color: #ddd;cursor: pointer;}
.onoff_button .toggleSwitch .toggleButton {width: 21px;height: 21px;position: absolute;top: 50%;left: 3px;transform: translateY(-50%);border-radius: 50%;background: #fff;}
.onoff_button #toggle:checked ~ .toggleSwitch {background: #92D600;}
.onoff_button #toggle:checked ~ .toggleSwitch .toggleButton {left: calc(100% - 24px);background: #fff;}
.onoff_button .toggleSwitch, .toggleButton {transition: all 0.2s ease-in;}

.onoff_button [id^=toggle]:checked ~ .toggleSwitch {background: #92D600;}
.onoff_button [id^=toggle]:checked ~ .toggleSwitch .toggleButton {left: calc(100% - 24px);background: #fff;}

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

.setting .in dl{display: flex; align-items: center; justify-content: space-between; border: 1px solid #eee; padding: 12px ; border-radius: 4px;}
.setting .in dl + dl{margin-top: 10px;}
.setting .in dl dt p{font-weight: 500; font-size: 16px; color: #666; line-height: 1;}
.setting .in dl dt span{font-size: 14px; color: #888;}

.setting .in_list dl{padding: 16px; position: relative;}
.setting .in_list dl dt p{color: #111;}

.setting .in_list dl:after {content: ''; display: inline-block; position: relative; width: .45em; height: .45em; border-top: 1px solid #111; border-right: 1px solid #111; position: absolute; display: block; right: 16px; top: 50%; transform: translateY(-50%) rotate(45deg);}



.login .logo{text-align: center; margin: 0 auto 16px auto; width: 100%;}
.login input:focus{outline: 1px solid #92D600;}

.login{ padding-top: 8em;}
.login>article{width: 100%;}
.cupon{padding: 1.2em;}
.cupon ul li .con_wrap{background-color: #92D600; display: flex; position: relative; overflow: hidden; justify-content: space-between; align-items: center; border-radius: 0.3em; }
.cupon ul li .con_wrap p{font-weight: 700; font-size: 1.2em; margin: 0.2em auto;}
.cupon ul li .con_wrap span{opacity: 0.7; margin-top: 0.5em; display: block;}
.cupon ul li .con_wrap .img_wrap{ width: 4em; margin: 0 auto; text-align: center; padding: 1em;}
.cupon ul li .con_wrap .txt_wrap{width: calc(100% - 4em); padding: 1.5em; border: 1px solid #d9d9d9;  background-color: #fff;}
.cupon ul li .con_wrap::after{content: ""; position: absolute; left: -1em; top: 50%; transform: translateY(-50%); width: 1.7em; height: 1.7em; border-radius: 50%; background-color: #e3e3e3; border: 1px solid #d9d9d9;}
.cupon ul li .con_wrap .img_wrap img{width: 1.5em; margin: 0 auto;}


.main{overflow: auto;}
.main .map_con .inner {
    background: url(../images/map05.png)no-repeat center center /auto 100%;
    width: 2140px;
    height: 170vh;
    position: relative;
}
.main .dot_list ul li.con{position: absolute; z-index: 4;  font-size: 1.1em; font-weight: 700; }
.main .dot_list ul li.con p{width: 3.5em; height: 3.5em; border-radius: 50%; background-color: #92D600; color: #fff; display: flex; align-items: center; justify-content: center;  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);}
.main .dot_list ul li.con .con_wrap{z-index: 999; position: relative;}
.main .dot_list ul li.con::after {content: "";width: 0;height: 0;z-index: 3; position: absolute;left: 50%;transform: translateX(-50%);bottom: -16px;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid transparent;border-top: 9px solid #92D600;}




.main .dot_list ul li.con01{left: 24%; top: 48%;}
.main .dot_list ul li.con02{left: 23%; top: 41%;}
.main .dot_list ul li.con03{left: 30%; top: 25%;}
.main .dot_list ul li.con04{left: 10%; top: 61%;}
.main .dot_list ul li.con05{left: 44%; top: 68%;}
.main .dot_list ul li.con06 {left: 47%;top: 67%;}
.main .dot_list ul li.con07{left: 20%; top: 72%;}
.main .dot_list ul li.con08{left: 40%; top: 60%;}

.main .dot_list ul li p.on{background-color: #fff; border: 3px solid #92D600; color: #92D600;}

.main .search_con{position: fixed; top: 6em; left: 50%; transform: translateX(-50%); z-index: 9; width: 100%;}
.main .search_con .input_con{width: 95vw; margin: 0 auto;}
.main .search_con .input_con input{ width: 100%; background-color: #fff; padding: 1.2em;}
.main .search_con .input_con input:focus{outline: 1px solid #92D600;}
.main .search_con .input_con img{position: absolute;right: 1.3em; top: 0.8em;}




.main .search_con .type_con{overflow-x: auto;width: 98vw; margin-left: 0.7em; margin-top: 12px;}
.main .search_con .type_con ul{display: flex;}
.main .search_con .type_con ul li{  color: #999; margin-right: 8px;  }
.main .search_con .type_con ul li:last-child{margin-right: 0;}
.main .search_con .type_con ul li .con_wrap{display: flex;  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); background-color: #fff; padding:0.4em 0.8em; border-radius: 55px;}
.main .search_con .type_con ul li .con_wrap p{white-space: nowrap;}
.main .search_con .type_con ul li .con_wrap .icon{margin-right: 8px; display: flex; align-items: center; justify-content: center;}
.main .search_con .type_con ul li.on .con_wrap{background-color: #92D600; color: #fff; }
.main .search_con .type_con ul li.on img{filter: invert(100%) sepia(1%) saturate(7489%) hue-rotate(184deg) brightness(109%) contrast(91%);}





.main .hidden_list{background-color: #fff; z-index: 6; transition-duration: 0.3s; width: 100%; padding-top: 2.5em; transform: translateY(100%); position: fixed; bottom: 67px; left: 0%; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.main .hidden_list::after{content: ""; width: 4em; height:0.2em; border-radius: 55px; background-color: #d9d9d9; position: absolute; left: 50%; transform: translateX(-50%); top: 1.3em;}
.main .hidden_list ul{display: flex; flex-wrap: wrap;}
.main .hidden_list ul li{margin-bottom: 8px;}
.main .hidden_list ul li .con_wrap{overflow: hidden; position: relative; padding-bottom: 84%;}
.main .hidden_list ul li .con_wrap img{position: absolute;
    left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;
}

.main .hidden_list.page_on{transform: translateY(0);}




.popup_wrap{position: fixed; bottom: 0;  height: 100vh;  width: 100%; z-index: 999;   background-color: rgba(0, 0, 0, .5);}
.popup_wrap .txt_wrap{position: absolute; transition-duration:0.3s; transform: translateY(100%); bottom: 0; width: 100%; padding:3em 1.2em 1.2em 1.2em;  border-top-left-radius: 25px; z-index:6 ;border-top-right-radius: 25px; background-color: #fff;}
.popup_wrap .txt_wrap::after{content: ""; width: 4em; height:0.2em; border-radius: 55px; background-color: #d9d9d9; position: absolute; left: 50%; transform: translateX(-50%); top: 1.3em;}
.popup_wrap .txt_wrap p{color: #f83c21; font-weight: 700; font-size: 1.15em; padding-bottom: 1em;}


.out_bg{background: transparent; width: 100vw; height: 100vh; z-index: 1; position: fixed;}




.tab_new .bd{display: flex; text-align: right; justify-content: flex-end; align-items: center; border-bottom: 7px solid #f5f5f5; padding-top: 0.8em; padding-bottom: 0.8em;}
.tab_new p{border-radius: 55px; padding: 0.4em 0.8em; border: 1px solid #d9d9d9; margin-right: 8px;}
.tab_new p.on{background-color: #92D600; color: #fff; border: 1px solid #92D600;}
.tab_new p:last-child{margin-right: 0;}

input[type="text"]:focus{outline: 0;}



.animation{position: absolute;   left: 50%; top: 50%; transform: translate(-50%, -50%);}
.animation span{display: block; background-color:rgba(42, 193, 188, .32); width: 8em; height: 8em; border-radius: 50%; z-index: 1; }


.animation02{left: 50%; top: 50%;}
.animation03{left: 50%; top: 50%;}
.animation03 span{width: 4.5em; height: 4.5em;}
.animation04{left:50%; top: 50%;}

.animation05{left: 50%; top: 50%;}
.animation06{left: 50%; bottom: 50%;}
.animation06 span{width: 3.5em; height: 3.5em;}

.animation07{left: 50%; bottom: 50%;}
.animation07 span{width: 2.5em; height: 2.5em;}


/* 원내전화번호 */
.tel_info .bd{}
.tel_info .top{margin-bottom: 0.8em; border: 1px solid #d9d9d9; border-radius: 0.5em; padding: 0.8em; display: flex; justify-content: space-between; align-items: center;}
.tel_info .top .txt_wrap b{display: block; margin-bottom: 0.5em;}
.tel_info .list{}
.tel_info .list ul{display: flex; flex-wrap: wrap; border-top: 2px solid #111;}
.tel_info .list ul li{width: 50%; border-bottom: 1px solid #d9d9d9;}
.tel_info .list ul li .con_wrap{display: flex; height: 100%;}
.tel_info .list ul li .con_wrap>div{width: 50%;}
.tel_info .list ul li .con_wrap .left{font-weight: 600; height: auto; background-color: rgba(255,133,158,0.1); padding: 0.8em;}
.tel_info .list ul li .con_wrap .right{font-weight: 600; height: auto;  padding: 0.8em;}
.tel_info .list ul li .con_wrap .right span{display: block;}



/* 진료카드 페이지 */
.medi_card{}
.medi_card .con + .con{margin-top: 1.2em;}
.medi_card .con01{border-radius: 0.5em; background-color: #FFDBE2;}
.medi_card .con01 .card_logo span{color: #666; font-size: 1.15em; text-align: center; display: block; margin-bottom: 0.4em;}
.medi_card .con01 .card_logo{padding: 1.2em; text-align: center;}
.medi_card .con01 .card_logo img{margin: 0 auto;}

.medi_card .info{padding: 1.2em; border-radius: 0.5em; background-color: #fff;}
.medi_card .info .top{text-align: center;}
.medi_card .info .top b{font-size:1.85em; font-weight: 600;}
.medi_card .info .top span{color: #888; display: block; margin-top: 0.2em;}

.medi_card .info .btm{border-top: 1px solid #d9d9d9; padding-top: 1.2em; margin-top: 1.2em;}
.medi_card .info .btm dl dt{color: #888;}
.medi_card .info .btm dl{font-size: 1.15em; display: flex; align-items: center; justify-content: space-between; }
.medi_card .info .btm dl + dl{margin-top:0.4em;}

.medi_card .info.child{border: 1px solid #FF859E;}
.medi_card .info.child .top b{color: #FF859E;}


.medi_card .con02{border-radius: 0.5em; padding: 1.2em;}
.medi_card .con02 .bar_code img{width: 100%; object-fit: cover;}
.medi_card .con02{}

/* 대기현황 */
.stay_con .con{background-color: #fff; border-bottom: 8px solid #f9f9f9;}
.stay_con .con:last-child{border-bottom: 0;}
.stay_con .info_wrap{padding: 1.2em 0;}
.stay_con .count{padding: 1.2em; border-top: 1px solid #eee;}
.stay_con .count span{padding: 0.4em 0.6em; border-radius: 0.3em;}


.stay_con_view .current_staff{padding:1em;border-radius: 0.5em;}
.stay_con_view .current_staff p span{font-size: 1.15em;}
.stay_con_view .list ul li + li{margin-top: 0.8em;}
.stay_con_view .list ul li .con_wrap{display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 1.2em; border-radius: 0.5em;}
.stay_con_view .list ul li .con_wrap span.num{width: 30px; height: 30px; background-color: #bbb; display: flex; align-items: center;color: #fff; border-radius: 50%; justify-content: center; font-weight: 600; font-size: 1.45em;}
.stay_con_view .list ul li .con_wrap.fast span.num{background-color: #FF859E;}


.stay_con_view .list ul li .con_wrap .txt_wrap{width: calc(100% - 4em); display: flex; align-items: center;  }
.stay_con_view .list ul li .con_wrap .txt_wrap .txt{ display: flex;flex-direction: column; width: calc(100% - 30px); padding-left: 0.8em;}
.stay_con_view .list ul li .con_wrap .txt_wrap .txt b{font-size: 1.45em; font-weight: 600;}
.stay_con_view .list ul li .con_wrap .txt_wrap .txt p.part{display: flex; align-items: center;}
.stay_con_view .list ul li .con_wrap .txt_wrap .txt p.part span:first-child{color: #999;}
.stay_con_view .list ul li .con_wrap .txt_wrap .txt p.part span:last-child{margin-left: 0.8em; padding-left: 0.8em; position: relative;}
.stay_con_view .list ul li .con_wrap .txt_wrap .txt p.part span:last-child::before{content: ""; width: 2px; height: 10px; background-color: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}


.stay_con_view .list ul li .con_wrap .type{width: 4em; text-align: right;}
.stay_con_view .list ul li .con_wrap .type p.reser_patient{color: #FFCC4A;}
.stay_con_view .list ul li .con_wrap .type p{font-weight: 600; font-size: 1.15em;}


/* 진료과소개 */
.medi_part .list ul{display: flex; flex-wrap: wrap; gap: 0.8em;}
.medi_part .list ul li{width: calc(50% - 0.4em);}
.medi_part .list ul li .con_wrap{background-color: #fff; border-radius: 0.5em; padding: 1.2em; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.medi_part .list ul li .con_wrap p{margin-top: 0.4em; font-size: 1.15em; font-weight: 600;}

.medi_info_part .img_wrap{width: 100%; background: url(../images/hospital_img.png)no-repeat center center /cover; padding-bottom: 70%;}
.medi_info_part .txt_wrap{margin-top: 0.8em;}
.medi_info_part .txt_wrap p + p{margin-top: 0.2em;}
.medi_info_part .txt_wrap p{font-size: 1.15em; font-weight: 500;}


/* 영유아 검진 예약 */
.reser_list.medi_history_child .period_con{font-size: 1.1em !important;}
.reser_list.medi_history_child .child_name{display: flex; align-items: center; gap: 0.8em;}
.reser_list.medi_history_child .child_name p{font-weight: 700; font-size: 1.45em;}
.reser_list.medi_history_child .child_name span{border: 1px solid #ddd; border-radius: 0.3em; padding:0.2em 0.4em; font-weight: 600;}
.reser_list.medi_history_child .child_name span.son{color: #88D4FE; border-color: #88D4FE; background-color: rgba(136,1212,254,0.12);}
.reser_list.medi_history_child .child_name span.daughter{color: #FF859E; border-color: #FF859E; background-color: rgba(255,133,158,0.05);}


/* 자주묻는질문 */
.faq_con .top{padding: 2.4em 0; background: url(../images/faq_bg.svg)no-repeat center right/ contain;}
.faq_con .top h3{font-size: 1.85em; font-weight: 600; display: block;margin-bottom: 0.8em;}

.faq_con .top .search_con02{border-bottom: 1px solid #111; display: flex; align-items: center; position: relative; padding: 0.4em 0;}
.faq_con .top .search_con02 button{padding: 0;}
.faq_con .top .search_con02 input{border: 0; background-color: transparent; padding-left: 0; padding-right: 1.9em; width: 100%; font-size: 1.05em;}
.faq_con .top .search_con02 .x_btn{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.5em; height: 1.5em; background-color: #bbb; display: flex; align-items: center; justify-content: center; border-radius: 50%;} 
.faq_con .top .search_con02 .x_btn img{width: 0.6em;}

.faq_con .list ul li .con_wrap{display: flex; justify-content: space-between;}
.faq_con .list ul li .con_wrap.ques{border-bottom: 1px solid #eee; padding:20px; background-color: #fff;}
.faq_con .list ul li .con_wrap.ques .txt_wrap{display: flex;width: calc(100% - 15px); align-items: center;}
.faq_con .list ul li .con_wrap.ques img{width: 1em;}
.faq_con .list ul li .con_wrap.ques span{font-size: 18px;font-weight:400; margin-right:12px;}
.faq_con .list ul li .con_wrap.ques .txt_wrap b{font-weight:400; font-size: 16px; line-height: 1; }
.faq_con .list ul li .con_wrap.answer{background: #f8f8f8; padding:24px 20px; display: none; color: #444; border-bottom: 1px solid #eee;}
.faq_con .list ul li .con_wrap.answer p{}

.faq_con .list ul li .con_wrap.ques .arrow{width: 15px;}

/* 서비스페이지 */
.sevice_con{position: relative; padding-top: 3.2em;}
.sevice_con .x_btn{position: absolute; right: 0; top: 10px;width: 3em; height: 3em; display: flex; align-items: center; justify-content: flex-end;}
.sevice_con .x_btn img{width: 1.5em;}

.sevice_con .top h2{font-size: 1.6em; font-weight: 600;}
.sevice_con .top h2 i{font-weight: 600;}
.sevice_con .top{margin-bottom:2.4em;}

.sevice_con .list ul li .con_wrap{background-color: #fff; border-radius: 0.5em; padding:1.4em; display: flex; align-items: center; justify-content: space-between;}
.sevice_con .list ul li .con_wrap .txt_wrap b{display: block; margin-bottom: 0.4em; font-size: 1.35em; font-weight: 600; }
.sevice_con .list ul li .con_wrap .txt_wrap span{color: #999;}
.sevice_con .list ul li .con_wrap .txt_wrap b img{width: 0.5em; display: inline-block; margin-left: 0.2em; margin-bottom: -1px;}
.sevice_con .list ul li + li{margin-top: 0.8em;}



/* 소망공원 */
.service_park .top{margin-bottom: 1.2em;}
.service_park .top .info{display: flex; align-items: center; margin-bottom: 0.8em;} 
.service_park .top h2{font-size: 1.45em; font-weight: 600;}
.service_park .top span.loc{position: relative; padding-left: 0.8em; margin-left: 0.8em; color: #999; font-weight: 600;}
.service_park .top span.loc::before{content: ""; width: 1px; height: 10px; position: absolute; left: 0; border:1px solid #d9d9d9; top: 5px;}
.service_park .top p{color: #666;}


.service_park .swiper-button-prev{left: 0; background-color: rgba(0, 0, 0, 0.4); width: 2.8em; height: 2.8em; color: #fff !important;}
.service_park .swiper-button-prev::after{font-size:1.05em;}

.service_park .swiper-button-next{right: 0; background-color: rgba(0, 0, 0, 0.4); width: 2.8em; height: 2.8em; color: #fff !important;}
.service_park .swiper-button-next::after{font-size:1.05em; color: o#fff !important;}

.swipe_wrap .img_list{margin-top: 0.6em;}
.swipe_wrap .img_list ul{display: flex; gap:0.6em 0.4em; flex-wrap: wrap; justify-content: space-between;}
.swipe_wrap .img_list ul li{width: calc(25% - 0.4em);}
.swipe_wrap .img_list ul li .con_wrap{position: relative; padding-bottom: 56.25%; width: 100%; }
.swipe_wrap .img_list ul li .con_wrap img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/* 도움요청 */


.cus_inquiry .top {display: flex; align-items: center; justify-content: space-between;}
.cus_inquiry .top .txt h3{font-size: 1.35em; font-weight: 700;line-height: 1.2;}
.cus_inquiry .top .txt h3 i{font-size: 1.4em; font-weight: 700;}
.cus_inquiry .top .txt p{color: #999; margin-top: 0.4em; font-weight: 500; font-size: 1.15em;}
.cus_inquiry .top .txt{width:calc(100% - 4.5em);}
.cus_inquiry .top .img{width: 6.5em; display: flex; align-items: center; justify-content: center;}
.cus_inquiry .top .img img{width: 100%;}

.cus_inquiry .list ul li .con_wrap{padding:0 1.2em;}
.cus_inquiry .list ul li .con_wrap.ques b span{display: flex; align-items: center; justify-content: center; margin-right: 0.4em;}
.cus_inquiry .list ul li .con_wrap.ques{background-color: #fff;border-bottom: 1px solid #d9d9d9; padding: 1.2em;}
.cus_inquiry .list ul li .con_wrap.ques span.stay{font-size: 1.1em; color: #999; display: block; margin-bottom: 0.4em;}
.cus_inquiry .list ul li .con_wrap.ques .txt_wrap b{display: flex;align-items: center; font-size: 1.1em; font-weight: 500; width: calc(100% - 8em);}
.cus_inquiry .list ul li .con_wrap.ques .txt_wrap b i{width: calc(100% - 16px); font-weight: 600;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
     display: block;
}
.cus_inquiry .list ul li .con_wrap.ques .txt_wrap{display: flex; justify-content: space-between; align-items: center; }
.cus_inquiry .list ul li .con_wrap.ques .txt_wrap .info{display: flex; gap: 0.8em; justify-content: flex-end; align-items: center; color: #999; width: 8em;}

.cus_inquiry .list ul li .con_wrap.ques span.comp{font-size: 1.1em; color: #FF859E; display: block; margin-bottom: 0.4em;}


.cus_inquiry .list ul li .con_wrap.answer{background-color: #f5f5f5; border-bottom: 1px solid #d9d9d9;}
.cus_inquiry .list ul li .con_wrap.answer .txt_wrap{border-bottom: 1px solid #d9d9d9; padding: 0.8em 0;}
.cus_inquiry .list ul li .con_wrap.answer .txt_wrap:last-child{border-bottom: 0;}
.cus_inquiry .list ul li .con_wrap.answer .txt_wrap .sub_tit{display: flex; margin-bottom: 0.6em; align-items: center; justify-content: space-between;}
.cus_inquiry .list ul li .con_wrap.answer .txt_wrap b{font-weight: 600; font-size: 1.15em;}
.cus_inquiry .list ul li .con_wrap.answer .txt_wrap span{color: #999; font-weight: 500;}
.cus_inquiry .list ul li .con_wrap.answer .txt_wrap p{color: #666; font-size: 1.15em; }
.cus_inquiry .list ul li .con_wrap.answer .img_list{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.4em; margin-top: 0.8em;}
.cus_inquiry .list ul li .con_wrap.answer .img_list .img_wrap{position: relative; width: calc(33.333% - 0.4em); padding-bottom: 30%;}
.cus_inquiry .list ul li .con_wrap.answer .img_list .img_wrap .img{position: absolute; left: 50%; top: 50%; object-fit: cover; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.cus_inquiry .list ul li .con_wrap.answer .img_list .img_wrap .zoom_btn{position: absolute; bottom: 0; right: 0;}




.cus_inquiry .list ul li .con_wrap.ques b span{display: none;}
.cus_inquiry .list ul li.secret .con_wrap.ques b span{display: flex;}
.cus_inquiry .list ul li .con_wrap.ques .txt_wrap b i{width: 100%;}
.cus_inquiry .list ul li.secret .con_wrap.ques .txt_wrap b i{width: calc(100% - 16px);}

.cus_inquiry .list02{margin-top: 1.2em;}
.cus_inquiry .list02 ul li{border-radius: 0.5em; background-color: #fff; padding: 1.2em;}
.cus_inquiry .list02 ul li .con_wrap{display: flex; align-items: center; justify-content: space-between;}
.cus_inquiry .list02 ul li .con_wrap button{border-radius: 0.3em; border: 1px solid #ddd; font-size: 1.15em; padding: 0.6em 0.6em;}
.cus_inquiry .list02 ul li .con_wrap .txt_wrap b{font-size: 1.25em; font-weight: 600; display: block; margin-bottom: 0.4em;}
.cus_inquiry .list02 ul li .con_wrap .txt_wrap span{opacity: 0.7;}
.cus_inquiry .list02 ul li + li{margin-top: 0.8em;}


/******************/
/*     intro      */
/******************/
.intro_bg{width: 100%; height: 100%; background-color: #ff9595;}
.intro_bg img{width: 100%; height: 100%; display: block; object-fit: cover;}
/* .intro_logo{width: 200px; position: absolute;top: 40%; left: 50%; transform: translate(-50%, -50%) !important; z-index: 3;}
.intro_logo p{text-align: center; font-size: 15px; color: #fff; margin-top: 16px; font-weight: 500;} */
/* .intro_logo img{width: 160px; margin: 0 auto;}
.logo_btm {width: 92px; position: absolute; z-index: 3; bottom: 25px; right: 16px;}
.logo_btm img{width: 100%;} */
/* .logo_btm:after{content: ''; position: fixed; display: block; height: 262px; width: 212px; left: 0; bottom: 0; background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/169126500246979.png) no-repeat; background-size: cover;} */

/* 수정 인트로 */
/* .intro_bg{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/171078915563907.jpg) no-repeat center center / cover;} */
.intro_bg{position: relative; }
/* .intro_bg img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%) scale(1.01); object-fit: cover;} */


/******************/
/*     login      */
/******************/
.login{background:url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/GODAM/154458778984700.png)no-repeat; 
width: 100%; height: 100vh; background-size: 100%; background-position:center 40%;}
.login_nonmember{width: 100%; height: 100vh; background-size: 100%; background-position:center 40%;}
  
.login_wrap{ width: 100%; height: 100%; padding-bottom: 80px;}
.login_wrap form{position: absolute;  bottom: 18%; left:0; width: 100%; padding: 0 40px;}
form .login_form .input_box{border: 0; outline: none; width: 100%; height: 46px;}
form .login_form .input_box::placeholder{font-size: 14px; color:#555}
form .login_form li{padding-bottom: 20px;}
form .login_form li>div{border-bottom: 1px solid #888;}
form .button_container{width: 100%; padding: 5px 0; border-bottom: 0!important;}
form .button_container .button{width: 100%; color: #fff; padding: 15px; background-color: #231f20; font-size: 16px;}

.login_finding li{width: 50%; float: left;}
.login_finding li:nth-child(1){text-align: left;}
.login_finding li:nth-child(2){text-align: right;}

.advertisement{width: 100%; box-sizing: border-box;}
.advertisement img{width: 100%; display: block; height: auto;}

.nonmember{width: 100%; padding-top: 20px;}
.nonmember p{text-align: center; color:#888;}

.login_wrap .button_wrap {margin-top: 14px;}
.login_wrap .button_wrap button:last-child{color: #666; background-color: #fff; border:1px solid #eee;}
.login_wrap .login_logo{width: 80px; margin: 0 auto 15px;}
img{max-width: 100%; }

.easy_wrap{margin-top: 40px;}
.easy_wrap p{font-size: 14px; font-weight: 600; color: #333; text-align: center; margin-bottom: 14px;}
.easy_wrap ul{display: flex; justify-content: center; align-items: center; gap: 18px;}
.easy_wrap ul button{padding: 0;}




/******************/
/*     signup01   */
/******************/
.signup_branch h1{font-size: 28px;}
.signup_branch ul{width: 100%; padding: 60px 16px;}
.signup_branch ul li{width: 50%; float: left; padding-bottom: 5px;}
.signup_branch ul li:nth-child(1) p{ border-right: 0;}
.signup_branch ul li p{width: 100%; text-align: center; font-weight: 500;  border: 1px solid #231f20; padding: 10px 0;}
.select_on{background-color: #231f20; color: #fff;}

/******************/
/*     signup02   */
/******************/
.signuppage form{padding: 0 16px;}
.signuppage form>ul>li{padding: 10px 0;}
.signuppage .sign-input{height: 46px; border: none;border-right:0px; border-top:0px; border-left:0px; border-bottom:0px;
    outline: none; width: 100%; }
.signuppage .sign-input::placeholder{color: #d9d9d9; font-size: 15px; font-weight: 500;}

.signuppage .sign-list{border-bottom: 1px solid #888; position: relative;}
.sign-cal{font-size: 14px; font-weight: 500;}
.sign-error{position: absolute; color:#d01313; font-size: 10px; width: 100%;display: block; bottom: 0; left: 0; text-align: right;}
.sign_button{padding:5px 10px; background-color: #231f20; border-radius: 30px; color: #fff; position: absolute; right: 0; top: 0;}
.sign_button01{padding:5px 10px; background-color: #d9d9d9; border-radius: 30px; color: #fff; position: absolute; right: 0; bottom: 13px;}
.btn_on{background-color:#ffba00;}

/* 이용약관 */
.agreement{padding: 20px 16px;}
.agreement p.sub-agree{width: 80%; margin:0 auto; font-size: 12px; text-align: center; padding-top: 10px;}
.agreement .all-agree{padding-bottom: 10px; font-size: 16px; font-weight: 500;}
.agreement .each-agree p{padding-bottom: 10px; font-size: 14px; position: relative;}
.agreement .each-agree span{display: inline-block; position: absolute; right: 0; text-decoration: underline;}

.check-agreement input[type="checkbox"]:not(:checked){position: absolute; left: -999999999999px;}
.check-agreement input[type="checkbox"]:checked{position: absolute; left: -999999999999px;}

.check-agreement input[type="checkbox"]:not(:checked) + label,.check-agreement input[type="checkbox"]:checked + label{
    position: relative; padding-left: 20px;
}

.check-agreement input[type="checkbox"]:not(:checked) + label::before{
    content: ""; position: absolute; left: 0; top: 3px; font-size: 12px;  width: 15px; height: 15px;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

.check-agreement input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  left: 0; top: 3px;
  background: url(/homepage3/TEACHERS/page/app/image/check.png) #231f20 no-repeat center; background-size: 100%;
  width: 15px; height: 15px;
  font-weight: 700;
  line-height: 0.8;
  border-radius: 4px;
  transition: all .2s;
}
.check-agreement input[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0);}
.check-agreement input[type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1); }
.check-agreement input[type="checkbox"]:disabled:not(:checked) + label:before,.check-agreement input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #d9d9d9;
}
.check-agreement input[type="checkbox"]:disabled:checked + label:after {color: #999;}
.check-agreement input[type="checkbox"]:disabled + label {color: #aaa;}


/* modal창 */
.signup-modal{
  position: fixed; 
  top: 0; width: 100%; max-width: 1080px; margin: 0 auto;
  height: 100%;  
  background-color: rgba(0, 0, 0, 0.5);  
  z-index: 9999; display: flex;
}

.signup-modal-content {width:90%; height: 90%; margin: auto; position: relative; display: flex; background-color: #fff;  padding: 1rem 1.5rem; border-radius: 0.5rem;}
.signup-modal .modal-content .signup-modal_img{background-repeat: no-repeat; background-size: cover;  height: 100%; max-width: 100%}
.signup-address-content{width: 95%; height: 95%; margin: auto;}
.close-button{text-align: center; cursor: pointer; border-radius: 0.2rem; display: block; font-size: 3.5rem; top: -20px; right:0; color:#231f20; position: absolute; }

/******************/
/*     main      */
/******************/
.page_tab{width: 100%; border-bottom: 1px solid #d9d9d9; position: relative; height: 46px; background-color: #fff; }
.page_tab .menu_scroll{position: absolute; width: 100%; height:100%; overflow: auto; bottom: 0; left: 0; -ms-overflow-style: none;}
.page_tab .menu_scroll::-webkit-scrollbar{display: none;}

.price_box{position: absolute; width: 100%; bottom: 5px; color:#fff}
.price_box .price{font-weight: 700; font-size: 14px;}
.price_box .price .won{font-weight: 500; font-size: 12px;}
.price_box .price-discount .p-line{text-decoration:line-through; color:#aaa;}
.price_box .price-discount p{display: inline-block; padding-right: 5px;}
.cart_icon{width: 25px; height: 25px; position: absolute;  display: block; right: 10px; top: 40%; transform: translateY(-50%);
  background:url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/GODAM/154453371984388.png)no-repeat; background-position: center; background-size: cover; display: inline-flex;}

ul.input-contents li .insert textarea{
    font-size:13px; color:#61656b;
    width: 100%;
    resize: none;
    overflow-y: hidden;
    padding-top:10px;
    border-bottom:2px solid #e1e1e1;}

.container{margin-top:20px;}
.contents h2{margin-bottom:48px; font-size:17px;}
ul.input-contents li input{width:100%; border:0; border-bottom:1px solid #231f20; height:46px; }

ul.input-contents li{padding-top:40px; position: relative;}
ul.input-contents li:first-child{padding-top:0;}
ul.input-contents li:before, .signtab-containeup_form ul li:after{clear:both; content:''; display:block;}
ul.input-contents li .insert.w50{width:50%; float:left;}
ul.input-contents li .insert{position: relative; margin-top:0px;}
ul.input-contents li span.sub_btn{cursor:pointer; position: absolute; top:50%; transform: translateY(-50%);
    right:0; width: 68px;text-align: center; font-size: 13px; background:transparent; height:44px; line-height: 46px;
    color:#231f20; cursor: pointer;}

ul.input-contents li p.input_title {text-align: left; font-size: 12px; font-weight: 700; color:#999; }
ul.input-contents li .sign-error{font-size:13px; padding-top:6px; position: absolute;}
ul.input-contents li .sign-error{color:#ff6e64;}
.tab-container p{width:50%; display:inline-block; margin-right:-4px; text-align: center; font-size:14px; border-bottom:1px solid #d9d9d9; height:46px; line-height:46px; cursor: pointer;}
.tab-container p.on_click{border-bottom:2px solid #231f20; font-weight: 700;}
.container.signup .btn-container{margin-top:36px; margin-bottom:36px; }

/* 검색결과 */
.search-title{font-size: 16px; padding:30px 16px;}
.search-title h2{ font-weight: 300; color:#888} 
.search-title h2 strong{color: #231f20;}


/* 고객센터 */
.phone-call{position: fixed; right: 16px; bottom:30px; width: 60px; height: 60px; border-radius: 100%;box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5); z-index:99999; }
.phone-call img{width: 100%; object-fit: cover; }



p.dot{padding-left: 0.8em; position: relative;}
p.dot::before{content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #888; position: absolute; left: 0; top: 7px;}
p.dot.dot-p::before{background-color: #FF859E;}
.sec + .sec{margin-top: 1.5em;}

.input_title{margin-bottom: 8px; display: block;}
.input_title span{color: #666;}
.big_txt{font-size:24px; font-weight: 400; line-height: 1.3; display: block;}
.big_txt2{font-size: 1.45em; font-weight: 600;}
.big_txt + span{display: block; color: #888; font-weight: 500; font-size: 1.15em; margin-top: 8px !important; font-weight: 400;}
.big_txt + span i{font-weight: 600;}
.sm_txt{display: block; color: #888; font-weight: 500; font-size: 16px; margin-bottom: 8px !important; font-weight: 400;} 

.login_btn{ background-color: #92D600; color: #fff;}
.login_btn.comp{opacity: 1;}

.join_comp, .join_comp span{color: #fff;}
.join_comp .button_wrap button{background-color: transparent !important; color: #fff !important; border: 1px solid #fff;}


.comp em{display: inline; color: #92D600;}
.comp i, .comp em{font-weight: 600;}

/* .login_wrap .input_con{height: 48px;} */
.input_con + .input_con{margin-top: 8px;}
.input_con p{padding: 0.8em 0; font-size: 1.15em; border-bottom: 1px solid #d9d9d9; font-weight: 600;}

.input_con .lc_btn{margin-bottom: 10px;}
.input_con .lc_btn button{width: 100%; font-weight: 500; font-size: 16px; padding: 16px; color: #92D600; background-color: #92D60010; border: 1px solid #92D600;}

.input_con_email{display: flex;}
.input_con_email p{border-bottom: 0;}

.fixed_btn_container.join_btn{padding: 12px 16px; background-color: #fff; border-top: 1px solid #eee;}
.fixed_btn_container.join_btn .nextbtn{width: auto; padding: 10px 20px; color: #29A9F1; font-size: 14px !important; position: fixed;left: 50%; transform: translateX(-50%); bottom: 83px;}


.input_con input, .input_con select{padding:16px 0;  border-bottom: 2px solid #ddd; width: 100%; margin-bottom:6px; font-size: 20px; font-weight: 600;}

.input_con select{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/169464453111916.png) no-repeat right 6px center; background-size: 10px; }

.input_con input::placeholder{color: #bbb;}
span.info_txt{font-size: 0.9em;}
.date_input{display: flex; align-items: center;  border-bottom: 1px solid #d9d9d9;  margin-bottom:0.6em; }
.date_input input[type="date"]{display: none;}
.date_input label{flex: 1;padding: 0.8em 0; text-align: center;}
.date_input i{color: #bbb;}
.date_input span{color: #bbb; font-size: 1.3em;}

.input_wrap02 .input_con02 + .input_con02{margin-top: 16px;}
.input_wrap02 .input_con02 div.border{border-radius: 4px; overflow: hidden;}
.input_wrap02 .input_con02 input{padding: 16px; width: 100%;}
.input_wrap02 .input_con02 b{display: block; font-weight: 500; font-size: 16px; margin-bottom: 8px;}
.input_wrap02 .input_con02 span{margin-top: 4px;}
.input_wrap02 .input_con02 button{padding:8px 12px; background-color: #eee; font-size: 13px; font-weight: 500; border-radius: 4px; margin-right:16px;}


.agree_area.bg-g07.on{background-color: #92D600 !important; color: #fff;}
.agree_area.on .chk_box input[type="checkbox"]:checked + .on03::after{border-color: #fff;}

/* 인트로 */
.intro_con{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/171078866690775.jpg)no-repeat center bottom / cover;}
.intro_con button{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); padding:12px 16px;
     background-color: #FF859E; color: #fff; width: calc(100vw - 40px);
}


/* 로그인 */
.login .login_wrap .input_con input{border: 1px solid #ddd; border-radius: 4px; padding:16px;}
.login_wrap .input_con + .input_con{margin-top: 0;}

/* 수정 */
.login_custom input{height: 48px; border-radius: 4px; padding: 16px; border: 1px solid #eee; font-size:16px; font-weight: 500; margin-bottom: 8px;} 

.login_wrap .info{ border-radius: 12px; justify-content: center; background-color:#F2FDF7; padding: 16px; margin: 16px 0;}
.login_wrap .info dl{display: flex; font-size: 15px;}
.login_wrap .info dl + dl{margin-top:8px;}
.login_wrap .info dl dt{width: 105px; color: #666;}
.login_wrap .info dl dd{width: calc(100% - 105px); font-weight: 600;}

.login_wrap .info b{font-weight: 600; }
.login_wrap .info span{font-size: 0.85em; opacity: 0.7;margin-top: 0.2em;}
.login_wrap .info b i{font-weight: 600;}
.login_wrap .info .txt{margin: 0.5em 0;}

.button_wrap button{width: 100%;  padding: 16px; font-size: 16px;}
.button_wrap button + button{margin-top:8px;}

/* 결과페이지 */
.find_result{width: 100%; height: calc(100vh - 250px); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 20px 0; justify-content: center;}

.find_result .hs_num{background-color: #f5f5f5; padding: 1.2em; width: 100%;}
.find_result .hs_num dl{display: flex; align-items: center; justify-content: space-between;}
.find_result .hs_num dt{color: #999;}
.find_result .hs_num dd{font-weight: 600; text-align: right;}


/* 접근권한페이지 */
.acess_wrap{height: 100vh; width: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
}
.acess_wrap .bd{background-color: #fff; width: 325px; display: flex; flex-direction: column; gap:30px 0; max-width: 95%; border-radius: 10px; padding: 16px;}
.acess_wrap .list ul li .con_wrap{display: flex; align-items: center;}
.acess_wrap .list ul li .con_wrap .icon_wrap{width: 40px; height: 40px; border-radius: 50%; background-color: #F2FDF7; display: flex; align-items: center; justify-content: center;}
.acess_wrap .list ul li .con_wrap .txt_wrap{padding-left: 10px;}
.acess_wrap .list ul li .con_wrap .txt_wrap b{display: block; margin-bottom: 4px; font-size: 16px;}
.acess_wrap .list ul li .con_wrap .txt_wrap span{color: #666; font-size: 14px;}
.acess_wrap .list ul li + li{margin-top:1.2em;}

.acess_wrap .txt_con{border-top: 1px solid #d9d9d9; padding-top: 1.2em; margin-top: 1.2em;}
.acess_wrap .txt_con p + p{margin-top: 0.2em;}

.acess_wrap h3{font-size: 18px; font-weight:600;}
.acess_wrap .sub_tit{margin-bottom: 20px; display: block; font-weight: 600;}
.acess_wrap .button_wrap{margin-top: 30px; }
.acess_wrap .button_wrap button{border-radius: 55px; padding:14px 16px;}
/* 탭 공통 */
.tab{display: flex;}
.tab p{ font-weight: 600; position: relative; flex: 1; text-align: center;}


.tab.type01{border-bottom: 1px solid #d9d9d9; background-color: #fff;}
.tab.type01 p.on::after{content: ""; width: 100%; height: 2px; background-color: #FF859E; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.tab.type01 p.on{color: #FF859E;}
.tab.type01 p{color: #999; font-size: 1.15em; padding:1em 0;}

.tab.type02{gap: 0.6em;}
.tab.type02 p{border: 1px solid #d9d9d9; border-radius: 0.5em; padding: 0.6em 0.8em; display: flex; align-items: center;  justify-content: center;}
.tab.type02 p.on{background-color: #FF859E; color: #fff; border: 1px solid #FF859E;}


.tab.type03{padding: 0 1.2em; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid #d9d9d9; background-color: #fff; gap: 1.2em;}
.tab.type03 p.on::after{content: ""; width: 100%; height: 2px; background-color: #FF859E; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.tab.type03 p.on{color: #FF859E;}
.tab.type03 p{color: #999; font-size: 1.15em; padding:1em 0;}


.tab.type04{margin: 1.2em 0; border-radius: 555px; background-color: #EDEDED; display: flex; flex-wrap: wrap; padding: 0.2em;}
.tab.type04 p{flex: 1; border-radius: 555px; color: #999; padding:0.6em 0; font-size: 1.1em; font-weight: 600;}
.tab.type04 p.on{background-color: #fff; color: #111;}

/* 뷰페이지 공통 */
.view_page .top{padding:20px 16px; display: flex; flex-direction: column;}
.view_page .top p.title{font-size: 18px; font-weight: 500; margin-bottom: 10px !important;}
.view_page .date_con{display: flex; margin-top: 4px; display: block; color: #888; line-height: 1;}
.view_page .top  b.category{font-size: 1.05em; font-weight: 600;}

.view_page .btm{padding: 20px 16px; font-size: 16px;}
.view_page .btm p + p{margin-top: 0.2em;}
.view_page .btm p{font-size: 1.15em; font-weight: 500;}
.view_page .btm img{max-width: 100%; object-fit: contain;}
.view_page .btm p + img{margin-top: 0.4em;}

.view_page .btm.pd_inq p{font-size: 14px;}

/* 햄버거메뉴 */
.ham_menu>div{width: 2em; height: 1.4em; display: flex; flex-direction: column; justify-content: space-between;}
.ham_menu>div span{width: 100%; height: 1px; background-color: #FF859E;}

/* 예약내역 공통 */
.reser_list ul li + li{margin-top: 0.8em;}
.reser_list ul li .con_wrap{border-radius: 0.5em; display: flex; flex-direction: column; gap: 0.8em; padding: 1.2em; background-color: #fff;}
.reser_list ul li .con_wrap .part_con{display: flex; align-items: center;}
.reser_list ul li .con_wrap .part_con .doctor{position: relative; padding-left: 0.4em; margin-left: 0.4em;}
.reser_list ul li .con_wrap .part_con .doctor::before{content: ""; width: 1px; height: 15px; background-color: #d9d9d9; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.reser_list ul li .con_wrap .part_con span{font-size: 1.05em; color: #999;}
.reser_list ul li .con_wrap .period_con{font-size: 1.45em; display: flex;}
.reser_list ul li .con_wrap .period_con.cancel{font-size: 1.45em !important;}
.reser_list ul li .con_wrap .date_con{display: flex; align-items: center; gap: 0.4em; color: #999;}
.reser_list ul li .con_wrap .date_con span i + i{margin-left: 0.4em;}
.reser_list ul li .con_wrap .date_con img{}
.reser_list ul li .con_wrap button{padding: 1.2em;}
.reser_list ul li .con_wrap button.calcel{color: #999;}



.reser_list_view{}
.reser_list_view .title{margin-bottom:0.8em; display: flex; justify-content: space-between;}
.reser_list_view .title h3{font-size: 1.25em; font-weight: 700;}
.reser_list_view .title button{font-size: 0.95em; width: auto; margin-top: 0; padding: 0.4em 0; color: #E55D5D; position: relative;}
.reser_list_view .title button::after{content: ""; width: 100%; height: 1px; background-color: #E55D5D; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.reser_list_view .con{border-bottom: 8px solid #f5f5f5;padding: 1.2em 0;}
/* .reser_list_view .con + .con{margin-top: 0.8em;} */

.reser_list_view .info_wrap{display: flex; align-items: center; }
.reser_list_view .info_wrap .txt_wrap{padding-left: 0.8em; display: flex; flex-direction: column; gap: 0.4em;}
.reser_list_view .info_wrap .txt_wrap>div{display: flex; align-items: center; flex-wrap: wrap;}
.reser_list_view .info_wrap .txt_wrap>div.info span{margin-right: 0.6em; font-size: 1.15em; background-color: #FF859E; color: #fff; border-radius: 0.3em; padding: 0.2em 0.8em; display: flex; align-items: center; justify-content: center;}
.reser_list_view .info_wrap .txt_wrap>div.info b{font-weight: 700; font-size: 1.25em;}
.reser_list_view .info_wrap .txt_wrap>div.type{gap: 0.4em;}
.reser_list_view .info_wrap .txt_wrap>div.type p{background: #F9F9F9; color: #888; padding: 0.4em;}

.reser_list_view button{margin-top: 0.4em; padding: 1em 0; width: 100%; display: flex; align-items: center; justify-content: center;}

.reser_list_view .list dl{display: flex; align-items: center;}
.reser_list_view .list dl + dl{margin-top: 0.4em;}
.reser_list_view .list dl dt{width:5em; color: #999;}
.reser_list_view .list dl dd{width: calc(100% - 5em); display: flex; gap: 0.4em;}

.add_reser{position: fixed; right: 1.2em; bottom: 1.2em; width: 4em; height: 4em; background-color: #FF859E; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; }



/* 문의, 예약, 진료카드 등록 공통 */
.write_con .con .title{margin-bottom: 0.8em; font-size: 1.25em; font-weight: 600; display: flex; align-items: center; gap: 0.4em;}
.write_con .con .title p{font-weight: 600;}
.write_con .con .info_con{border: 1px solid #d9d9d9; background-color: #fff; max-height: 150px; overflow-y: auto; overflow-x: hidden; border-radius: 0.5em; padding: 1.2em;}
.write_con .con .title i.num{width: 1.8em; height: 1.8em; border-radius: 50%; background-color: #FF859E; color: #fff; display: flex; align-items: center; justify-content: center;}
.write_con .con .title p span.big{font-weight: 600;}


/* 접근권한 모달 */
.acess_modal{width: 330px; max-width: 100%; margin: 0 auto;}

.album_select .list {width: 100%;}
.album_select .list ul {display: flex;flex-wrap: wrap;height: 52vh;overflow-y: auto;overflow-x: hidden;}
.album_select .list ul li{width: 33.333%;}
.album_select .list ul li .con_wrap{position: relative;}
.album_select .list ul li .con_wrap .check-label{width: 100%;padding-bottom: 100%; padding-left: 0;}
.album_select .list ul li .check-label .checkmark{z-index: 2; top: 0.5em; transform: inherit; left: inherit; right: 0.5em;}


.album_select .list ul li .con_wrap .img_wrap{position: absolute; width: 100%; height: 100%; padding-bottom: 100%; overflow: hidden;}
.album_select .list ul li .con_wrap .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%;}

.modal.album_modal{top: inherit;}
.modal.album_modal .modal-bd{padding-bottom:100px; max-height: 82vh; overflow: hidden;}
.album_modal .modal-wrap .modal-container{width: 100%; max-width: 100%; bottom: 0; top: inherit; transform: translate(-50%, 0); border-bottom-left-radius: 0; border-bottom-right-radius:0;}
.album_modal .change_acess{padding: 0.6em;}
.album_modal b{display: block; margin-bottom: 0.5em; font-weight: 600;}

.album_modal .top{margin-bottom: 1.5em; text-align: left;}


.write_con dl dt{}
.write_con dl dt span.small{font-size:1em;}
.write_con dl dt span.big{font-size: 1.15em; font-weight: 600;}
.write_con dl + dl{margin-top: 0.8em;}

.write_con .con .info_con p + p{margin-top: 0.4em;}
.write_con .con .info_con p{font-weight: 500; font-size: 1.1em;}

.write_con .con{border-bottom: 8px solid #f5f5f5; padding: 1.2em 0;}
.write_con .con:last-child{border-bottom: 0;}
.write_con input, .write_con .date_input span{font-size: 1.15em; }

.write_con .select_con{flex-wrap: wrap; display: flex; justify-content: space-between; gap:0.6em; border-bottom: 1px solid #d9d9d9; margin-top: 0.8em;}
.write_con .select_con label{width:calc(50% - 0.3em);}
.write_con .select_con span{color: #999; font-size: 1.15em; display: flex; justify-content: center; align-items: center; width: 100%;  font-weight: 600; padding: 0.6em; border: 1px solid #d9d9d9; border-radius: 0.3em; flex: 1; text-align: center;}
.write_con .select_con span img{margin-left: 0.3em; filter: grayscale(1);}

.write_con .select_con input#daughter:checked ~ span{color: #FF859E; border: 1px solid #FF859E; background-color: rgba(255,133,158,0.1);}
.write_con .select_con input#daughter:checked ~ span img{filter: grayscale(0);}
.write_con .select_con input#son:checked ~ span{color: #56C3FF; border: 1px solid #56C3FF; background-color: rgba(136,1212,254,0.19);}
.write_con .select_con input#son:checked ~ span img{filter: grayscale(0);}
.write_con .select_con input:checked ~ span{color: #FF859E; border: 1px solid #FF859E; background-color: rgba(255,133,158,0.1);}
.write_con .select_con input[type="radio"]{display: none;}

.write_con dl + dl{margin-top:1.2em;}

.write_con .textarea_con{ border-radius: 0.5em; margin-top: 0.8em;}
.write_con .textarea_con textarea{background-color: #f5f5f5; width: 100%; height: 160px; font-size: 1.15em;}
.write_con .textarea_con textarea:focus{outline: none;}
.write_con .select_con label.case{padding: 0.2em 0;}
.write_con .select_con label.case span{border: 0; font-size: 1.1em; justify-content: flex-start; padding: 0; color: #111; }
.write_con .select_con label.case span::after{}
.write_con .select_con label.case span i{display: inline-block; position: relative; margin-right: 0.6em; vertical-align: middle; width: 1.5em; height: 1.5em; border-radius: 50%; border: 1px solid #eee;}
.write_con .select_con label.case span i::after{content: ""; width: 0.5em; height: 0.5em; border-radius: 50%; background-color: #eee; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.write_con .select_con label.case input:checked ~ span{background-color: transparent;}
.write_con .select_con label.case input:checked ~ span i{border: 1px solid #FF859E;}
.write_con .select_con label.case input:checked ~ span i::after{background-color: #FF859E;}

.write_con .reser_list_view{border: 1px solid #d9d9d9; padding: 1.2em; border-radius: 0.5em;}
.write_con .reser_list_view.on{border: 1px solid #FF859E;}
.write_con .reser_list_view.on button{background-color: #FF859E !important; color: #fff;}
.write_con .reser_list_view + .reser_list_view{margin-top: 0.8em;}

.write_con .select_con02{margin-bottom: 1.2em;}
.write_con .select_con02 select{width: 100%; margin-bottom: 0.5em; border-bottom: 1px solid #d9d9d9; padding: 0.8em 0; font-size: 1.15em; font-weight: 500;}
.write_con .select_con02 select:focus{outline: none;}

.write_con .file_wrap{margin-top: 0.8em; display: flex;  gap: 0.4em;}
.write_con .file_wrap .file_con{background-color: #f5f5f5; border-radius: 0.3em; width: calc(25% - 0.4em);}

.write_con .file_wrap .file_con input[type="file"]{display: none;}
.write_con .file_wrap .file_con label .plus_area{ width: 100%; height: 100%; padding: 1.4em 0; display: flex; align-items: center; justify-content: center;}

.write_con .file_wrap .file_con .file_img{position: relative; padding-bottom: 87%; border-radius: 0.5em; overflow: hidden; border: 1px solid rgba(0,0,0,0.1);}
.write_con .file_wrap .file_con .file_img img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.write_con .file_wrap .file_con .file_img .x_btn{position: absolute; right: 0; top: 0; width: 1.5em; height: 1.5em; background-color: rgba(0,0,0,0.4);}
.write_con .file_wrap .file_con .file_img .x_btn img{width: 0.8em; max-width: 0.8em; object-fit: contain;}


.write_con .privacy_info{}



/* 달력 */
.calender_con .month{display: flex; align-items: center; justify-content: space-between;}
.calender_con .month p{font-weight: 600; font-size: 1.15em;  }
.calender_con .ex{padding: 0.8em; display: flex; justify-content: center; align-items: center; gap: 1em; border-radius: 0.5em;}
.calender_con .ex p span.round{width: 1em; height: 1em; border-radius: 50%; border: 1px solid #FF859E;}
.calender_con .ex p{display: flex; align-items: center; gap: 0.4em;}

.calender_con .day_con ul{display: flex; flex-wrap: wrap;}
.calender_con .day_con ul li{width:14.285%; display: flex; align-items: center; justify-content: center; border-radius: 0.3em;}
.calender_con .day_con ul li p{padding: 0.8em;}
.calender_con .day_con ul li.impossible p{color: #c7c7c7;}
.calender_con .day_con ul li.select{color: #fff; background-color: #FF859E;}
.calender_con .day_con ul li.today{color: #c7c7c7; border: 1px solid #FF859E; color: #FF859E;}

.calender_con span.info_txt{}
.write_con .time_con{padding: 1em; border-radius: 0.5em;}
.write_con .time_con label span{border-radius: 555px !important; color: #111 !important; background-color: #fff; padding: 0.5em !important;}
.write_con .time_con input:checked ~ span{background-color: #FF859E !important; color: #fff !important;}


/* 검색창 */
.search_con{background-color: #f9f9f9; padding: 0.6em; border: 1px solid #eee; border-radius: 0.5em; display: flex; align-items: center; justify-content: space-between;}
.search_con input{background-color: transparent; padding: 0;}

/* 리셋영역 */
.state_area{padding: 0.8em 0; font-size: 1.15em;}
.state_area button{width: 2em; height: 2em; display: block; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #eee;}

.rotate_e{animation: state_event 1s linear; transform-origin:  50% 50%;}

@keyframes state_event {
    0%{transform: rotate(0);}
    100%{transform: rotate(180deg);}
}


/* 페이지 카운트 */
.page_count{font-size: 1.15em;}

/* 썸네일 게시판 */
.thumb_list ul li + li{margin-top:1.2em;}
.thumb_list ul li .con_wrap .img_wrap{border: 1px solid #ddd; padding-bottom: 56.25%; width: 100%; position: relative; border-radius: 0.5em; overflow: hidden;}
.thumb_list ul li .con_wrap .img_wrap img{width:100%; object-fit: cover; height:100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.thumb_list ul li .con_wrap .txt_wrap b{font-size: 1.25em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 600; display: block; margin-bottom: 0.4em;}
.thumb_list ul li .con_wrap .txt_wrap{margin-top: 0.8em;}
.thumb_list ul li .con_wrap .txt_wrap span{color: #999; font-size: 1.15em;}

/* 개인정보처리방침 */
.version select{width: 100%; border: 1px solid #ddd; border-radius:4px; padding:11px 16px; margin-top: 30px !important;}
.version_info{color: #888; font-size: 16px; margin-bottom: 30px;}

.policy_wrap h2{font-size: 18px; font-weight: 700; display: block; margin-bottom: 20px;}

/* date, time 커스텀 */
.date-pickder{position: relative;}

input[type='date'] ~ span{position: absolute;left: 0; top: 50%; transform: translateY(-50%); color: #999;font-size: 1.15em;}
input[type='date']{position: relative; width: 100%; background: url('../img/calender.svg') no-repeat left 16px center !important; padding-left: 42px !important;}

input[type=date]::-webkit-calendar-picker-indicator{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; }

.time-picker{position: relative;}
input[type='time'] ~ span{position: absolute;left: 0; top: 50%; transform: translateY(-50%); color: #999;font-size: 1.15em;}
input[type='time']{position: relative; width: 100%; background: url('../images/clock_icon02.svg') no-repeat right 10px center !important;}
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-inner-spin-button {
    display: none;
    appearance: none;
}


.upload_list .img_con{width: 49%;}
.upload_list .img_con img{width: 100%;}
.upload_list{display: flex; flex-wrap: wrap; justify-content: space-between;}

.modal_con02 input{border-bottom: 1px solid #333 !important;
    border-right:0!important; 
    border-left:0!important; 
    border-top:0!important; 
    width: 100%; 

    border-radius: 0 !important; padding: 0.5em;}
.modal_con02 .area{padding: 1em; width: 100%; position: relative;}
.modal_con02 .area01 img{position: absolute; right: 0.85em; top: 0.5em;}
.modal_con02 .area02 p{padding-left: 24px;}
.modal_con02 .area02 label{padding: 0.8em 0 0 0.8em; }
.modal_con02 .area02 .on03{background-color: #d9d9d9; top: 0.7em;}
.modal_con02 .area02{padding-top: 0;}

.find_btn {position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 100%;}
.find_btn p{color: #bbb; font-size: 14px; text-align: center; margin-bottom: 15px;}
.find_btn > div{border-top: 1px solid #eee; display: flex;}
.find_btn button{width: 100%; display: flex;  justify-content: center; align-items: center; padding: 18px 0; color: #888; font-size: 14px; border-radius: 0;}
.find_btn button + button{border-left: 1px solid #eee;}

.agree_area{border-radius: 4px; padding: 16px;}

.textarea_con .con{width: 100%; border-radius: 4px; border: 1px solid #eee; padding: 20px; height: 340px; overflow-y: auto; overflow-x: hidden; font-size: 14px}


.policy_agree .policy_list .con{height:130px; border: 1px solid #eee; padding: 16px; border-radius: 4px; overflow-y: auto; overflow-x: hidden; font-size: 14px;}
.policy_agree .policy_list .con::-webkit-scrollbar-track {
    background:#f5f5f5; border-radius: 55px;
}
.policy_agree .policy_list .con::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
} 
.policy_agree .policy_list .con::-webkit-scrollbar-thumb {
    background:#888888;/* 스크롤바의 색상 */
    border-radius: 55px;
}

button{padding: 16px; text-align: center; border-radius: 4px;}
.fixed_btn_container button{width: 100%; font-size: 16px !important; font-weight: 500;}


.chk_box {padding-left: 24px; display: block; position: relative;cursor: pointer; font-size: 16px; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.on03 { width: 20px; height: 20px; background: transparent; position: absolute; top: 50%; transform: translateY(-50%); left: 0em; border-radius: 50%;  }
.chk_box.type03 {padding-left: 28px;}



.policy_agree .textarea_con{}
.textarea_con .con::-webkit-scrollbar-track {
    background:#f5f5f5; border-radius: 55px;
}
.textarea_con .con::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
} 
.textarea_con .con::-webkit-scrollbar-thumb {
    background:#888888;/* 스크롤바의 색상 */
    border-radius: 55px;
}

button{padding: 16px; text-align: center; border-radius: 4px;}
.fixed_btn_container button{width: 100%; font-size: 16px !important; font-weight: 500;}



.border-r{border-radius:4px;}
.cta_btn{background-color: #f2f2f2; color: #777;}
.cta_btn.comp{background-color: #92D600 !important; color: #fff !important;}
.join_wrap .chk_box{margin-bottom: 8px;}



/* 지점 지정 */
.loca_li li{padding: 1rem 0;}
.loca_li li + li{border-top: 1px solid #eee;}
.loca_li .loca_tit{display: flex; justify-content: space-between; align-items: center;}
.loca_li .loca_tit .tit_txt{display: flex; align-items: center; gap: 8px;}
.loca_li .loca_tit .tit_txt span{color: #29A9F1; background-color: #29A9F110; padding: 4px 5px; border-radius: 2px; font-weight: 600; font-size: .8rem;}
.loca_li .loca_tit .tit_txt p{font-size: 1rem; font-weight: 700;}
.loca_li .loca_info{padding-top: 6px; color: #666; font-size: .85rem}
.loca_li .loca_info p{display: flex; align-items: center; gap: 4px;}
.loca_li .loca_info p i{height: 16px;}
.loca_li .loca_info > p{margin-bottom: 4px;}
.loca_li #store_wrap li:last-child{border-bottom: 1px solid #eee;}


.ballon p{font-size: .9rem;}
.ballon p span, .ballon p span i{font-weight: 600; color: #92D600; display: inline-block;} 
.ballon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 80px;
    background: #444;
    color: white;
    border-radius: 5px;
    padding: 12px;
    width: max-content;
}

.ballon:after {
    border-top: 16px solid #444;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
}

.ballon button{display: block; font-size: 12px !important; padding: 6px 12px; background-color: #82bd00; color: #fff; border-radius: 3px; width: fit-content; }

.btm-sheet-bg{display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3); 
}

.loca_btm{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; box-shadow: 0 0 14px rgba(0,0,0,.08); padding: 16px; border-radius: 20px 20px 0 0;}  
.loca_btm .tit{font-size: 18px; font-weight: 700; }
.loca_btm .loca{color: #888; display: flex; gap: 4px; align-items: center; margin-top: 5px;}
.loca_btm .loca i img{width: 15px;}


.loca_btm.cart_btm .arrow{position: relative; padding-right: 1.6rem; margin-bottom: 10px;}
.loca_btm.cart_btm .arrow:before{display: none;}
.loca_btm.cart_btm .arrow::after{content: ''; position: absolute; display: block; top: 43%; right: .4em; transform: translateY(-50%) rotate(135deg); width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333;}

.map_btn{position: fixed; width: max-content; }
.map_btn button{box-shadow: 0 0 12px rgba(0,0,0,.06);}
.map_btn.circle_btn{right: 16px; bottom: 170px;}
.map_btn.circle_btn button{width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fff; padding: 0;} 
.map_btn.circle_btn button img{width: 18px ; height: 18px ; flex-shrink: 0;}

.map_btn.round_btn button{padding: 8px 13px;font-size: 15px; border: 1px solid #ddd; border-radius: 40px; background-color: #fff;}
.map_btn.round_btn button img{width: 16px; height: 16px;}

.cur_btn{top: 128px; left: 50%; transform: translateX(-50%);}

.list_btn{position: absolute; bottom:80px; left: 50%; transform: translateX(-50%);}
.list_btn.list_btn2{top: -50px;}
.list_btn button{color: #777 ;}

.min_circle{position: absolute; left: 16px; top: -50px;}
.min_circle button{ width: 34px; height: 34px; border-radius: 50%; padding: 0 !important;}
.min_circle button img{opacity: .7;}

/* .map_btm {position: relative;} */

.map_btm {z-index: 55; padding-bottom: 76px;}
.map_btm .order_btn button{font-size: 14px !important;}

.info_loca_li{max-height: 300px; overflow-y: scroll;}
.info_loca_li .star{font-size: 0;}
.info_loca_li .loca_tit .tit_txt{gap: 4px;}
.info_loca_li ul li:first-child{padding-top: 0;}

.fav_loca_li li{padding: 16px 16px 18px;}
.fav_loca_li{border-bottom: 1px solid #eee;}


.map_per_btn button{padding: 8px 12px !important; border-radius: 30px; color: #90C320 !important; background-color: #90C32010; font-size: 14px; font-weight: 400;}






/* 마이페이지 (마더픽) */
.my_top{display: flex; flex-direction: column; gap: 30px;}
.prof{display: flex; align-items: center; gap: 16px;}
.prof .imgwrap{position: relative; width:60px; padding-bottom: 60px; border-radius: 50%; flex-shrink: 0; height: auto; border: 1px solid #eee;}
.prof .imgwrap > img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover; border-radius: 50%;}
.prof .prof_txt{width: calc(100% - 72px);}
.prof .prof_txt b{font-size: 1.2em; font-weight: 600; width: max-content; position: relative;}
.prof .prof_txt b::after{content: ''; display: inline-block; position: relative; width: .4em; height: .4em; border-top: 1px solid #999; border-right: 1px solid #999; position: absolute; display: block; right: -.8em; top: 50%; transform: translateY(-50%) rotate(45deg);}
.prof .prof_txt p{display: flex; gap: 4px; margin-top: 4px;}
.prof .prof_txt p span{background-color: #f5f5f5; border-radius: 20px; padding: 4px 8px; color: #666; font-size: 12px;}
.prof .imgwrap .edit_btn{position: absolute; bottom: -5px; right: -5px; background: #fff; border-radius: 50%; border: 1px solid #ddd; width: 24px; height:24px}
.prof .imgwrap .edit_btn img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.top_menu ul{display: flex;}
.top_menu ul li{width: 25%; text-align: center; }
.top_menu ul li img{width: 17px;}
.top_menu ul li div{margin-top: 8px; font-size: .9rem;}
.top_menu ul li div p{}
.top_menu ul li div span, .top_menu ul li div span i{font-weight: 600; color: #82bd00;}

.recom > div:first-child{display: flex; flex-direction: column; gap: 4px; text-align: center;}
.recom > div:first-child i{font-size: 13px;}
.recom > div:first-child b{font-size: 18px;}
.recom > div:first-child p{font-size: 13px;}
.recom .btn{display: flex; gap: 10px;}
.recom .btn button{font-size: 14px; padding: 14px 0; border-radius: 30px;} 
.recom .btn button:first-child{flex: 1;}
.recom .btn button:last-child{flex: .5;}

.mo_menu ul{display: flex; align-items: center;}
.mo_menu ul li{width: 20%; position: relative; text-align: center; color: #bbb;}
.mo_menu ul li::after{content: ''; display: inline-block; position: absolute; width: .4em; height: .4em; border-top: 1px solid #ddd; border-right: 1px solid #ddd; position: absolute; display: block; right: 0; top: 50%; transform: translateY(-50%) rotate(45deg)}
.mo_menu ul li:last-child::after{display: none;}
.mo_menu ul li p{font-weight: 500; font-size: 12px;}
.mo_menu ul li span{font-size: 20px; font-weight: 700; margin-top: 2px;}
.mo_menu ul li.on{color: #92D600;}

.mo_list li{display: flex; flex-direction: column; gap: 10px; font-size: 14px;}
.mo_list li .btn button{font-size: 14px; padding: 14px 0;}

.mo_li_top p{padding: 12px 0;}

.mo_li_num{display: flex; align-items: center; justify-content: space-between;}
.mo_li_num p i:nth-child(2){color: #888;}
.mo_li_num p i:nth-child(2):before{content: ''; height: 10px; width: 1px; background-color: #ddd; position: relative; display: inline-block; margin: 0 4px;}
.mo_li_num button{padding:0;}
.mo_list .pd_info .pd_imgwrap{width: 60px; height:60px;}

.my_menu_list > .pd20 + .pd20{border-top: 1px solid #eee;}
.my_menu_list ul li{padding: 12px 0; display: flex; gap: 6px; align-items: center; line-height: 1; font-size: 15px;}
.my_menu_list ul li img{width: 17px; height: 17px;}
.my_menu_list b{display: inline-block; font-size: 14px; margin-bottom: 10px; color: #888;}


.mo_sel{display: flex; gap: 10px;}
.mo_sel .input{width: calc(50% - 5px);}


.point_top {text-align: center; }
.point_top p{font-size: 15px; font-weight: 500; color: #666; margin-bottom: 6px;}
.point_top span, .point_top span i{font-size: 30px; font-weight: 700; color: #92D600;}

.point_sec ul{display: flex; background-color: #f9f9f9; border-radius: 8px;}
.point_sec ul li{width: 33.333%; text-align: center; padding: 16px 0;}
.point_sec ul li + li{border-left: 1px solid #eee;}
.point_sec ul li p{color: #888; font-size: 14px; margin-bottom: 2px;}
.point_sec ul li span, .point_sec ul li span i{color: #92D600; font-weight: 700; font-size: 18px;}

.point_sec.half ul li{width: 50%;}
.point_sec.half ul li p{margin-bottom: 6px;}
.point_sec.half ul li span, .point_sec.half ul li span i{font-size: 24px; line-height: 1;}
.point_sec.half ul li span.fr{color: #666; font-weight: 400; font-size: 14px; display: flex; align-items: center; justify-content: center; gap: 4px;}

.point_list ul li{padding: 16px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}
.point_list ul li > div{display: flex; flex-direction: column; gap: 4px;}
.point_list ul li span{display: block;}
.point_list ul li .date{font-size: 12px; color: #aaa;}
.point_list ul li .left p{font-weight: 500;}
.point_list ul li .right{text-align: right;}
.point_list ul li .right > i, .point_list ul li .right > i > i{font-weight: 600;}
.point_list ul li .plus{color: #29A9F1;}
.point_list ul li .minus{color: #FA1D1D;}


.point_list.recom_list .left .chat_info p span{font-size: 16px; font-weight: 500;}
.point_list.recom_list .left .chat_info i{color: #888;}
.point_list.recom_list .right p, .point_list.recom_list .right p i{color: #92D600; font-weight: 600; font-size: 16px;}

.cou_tab ul{display: flex; gap: 8px;}
.cou_tab ul li{width: calc((100% - 16px) / 3); padding: 14px 0; border-radius: 6px; text-align: center; color: #888; border: 1px solid #eee; font-size: 15px; font-weight: 500;}
.cou_tab ul li.on{border-color: #90C320; background-color: #90C32010; color: #90C320;}

.cou_list ul{display: flex; flex-direction: column; gap: 10px;}
.cou_list ul li{padding: 14px 12px; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center;}
.cou_list ul li p{font-weight: 600;}
.cou_list ul li span{font-size: 14px; color: #666; }
.cou_list ul li > div:last-child{margin-left: 14px; padding-left: 14px; border-left: 1px dashed #ddd;}
.cou_list ul li div > i{color: #888; margin-top: 6px; display: block; font-size: 12px;}
.cou_list ul li .img{width: 65px; height: 65px; position: relative; }
.cou_list ul li .img img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover; border-radius: 50%;}


/* qr event */
.cou_list.qr_list ul li{display: block;}
.cou_list.qr_list li div:last-child{margin-left: 0; padding-left: 0; border: none;}
.cou_list.qr_list ul li div > i{margin-top: 2px;}
.cou_list.qr_list li .li_flex{display: flex; justify-content: space-between; align-items: center;}
.qr_view{ padding: 24px 14px; padding-left: 14px !important; margin-top: 14px; border-radius: 8px; display: none;}
.qr_view .imgwrap{position: relative; width:80%; padding-bottom: 80%; margin: 0 auto !important;}
.qr_view .imgwrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%;
    transform: translate(-50%, -50%); object-fit: cover; border-radius: 12px;}

.cou_list.qr_list li div button{background-color: #82bd00; color: #fff; padding: 8px 12px; font-size: .9rem; border-radius: 4px; position: relative; padding-right: 28px;}
.cou_list.qr_list li div button:after {content: ''; position: absolute; display: block; top: 40%; right: 12px; transform: translateY(-50%) rotate(135deg); width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.cou_list.qr_list li div button.arrow_rotate:after{transform: translateY(-50%) rotate(-45deg) !important; top: 55%;}


.my_info .prof{ justify-content: center; padding: 20px 0;}
.my_info .prof .imgwrap{width: 90px; height: 90px;}
.my_info .prof .edit_btn img{filter: saturate(0); opacity: .5;}
.my_info .prof .edit_btn{width: 28px; height: 28px; bottom: 0px; right: 0px;}

.myinfo_list ul{display: flex; flex-direction: column; gap: 20px;}
.myinfo_list ul input[type=button]{color: #92D600; font-weight: 500;}
.myinfo_list ul li p{color: #666; font-weight: 500; margin-bottom: 6px; font-size: 15px;}


.block_list li{display: flex; justify-content: space-between; align-items: center;}
.block_list li .prof .prof_txt b::after{display: none;}
.block_list li .prof .imgwrap{width: 40px; padding-bottom: 40px;}
.block_list li .prof .prof_txt b{font-size: 1rem;}
.block_list li .unblock_btn button{font-size: 14px; color: #fff; padding: 8px 14px; border-radius: 30px; background-color: #E24A4F;}



/* 커뮤니티 */
.chat_li ul li{padding: 16px; border-bottom: 1px solid #eee; position: relative;}
.chat_li ul li .meatball{position: absolute; top: 6px; right: 16px;}
.chatli_con{display: flex; gap: 10px; font-size: 14px;}
.chat_prof{position: relative; width:40px; height: 40px; overflow: hidden ; border-radius: 50%; flex-shrink: 0;}
.chat_prof img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}
.chatli_con .chat_info{width: calc(100% - 50px);}
.chat_info p:first-child{display: flex; align-items: center; gap: 6px;}
.chat_info p:first-child em{font-size: .9em; color: #888; display: flex;}

.chat_info p:first-child em i:first-child:after{content: '·'; position: relative; display: inline-block; color: #ccc; margin: 0 4px;}

.chat_info .messege{margin-top: 4px; color: #333; position: relative; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.chat_info .messege span{font-size: 11px; font-weight: 700; color: #fff; background-color: #82bd00; border-radius: 50%; width: 16px; height: 16px; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.chat_li ul li.new .messege{font-weight: 600;}


/* .chatting_depth{max-height: 600px;overflow-y: scroll;} */
.chatting_depth::-webkit-scrollbar {width:5px;  }
.chatting_depth::-webkit-scrollbar-thumb {background-color: #5f8fc4;border-radius: 10px;}
.chatting_depth::-webkit-scrollbar-track {background-color: #ddd;border-radius: 10px;}
.chatting_list > p{padding:20px;font-weight: 600;color: #5f8fc4;padding-bottom: 0;}

.chatting_list+.chatting_list {border-top:6px solid #f5f5f5;}
.chatting_depth li{display: flex;align-items: center;padding:20px;}
.chatting_depth li + li{border-top:1px solid #ddd}
.chatting_depth .chatting_img{width: 80px;height:80px;border:1px solid #ddd;border-radius: 10px;}
.chatting_depth .chatting_text{width:calc(100%);/* padding-left:15px; */cursor: pointer;}

.chatting_depth .chatting_text .tit{font-size:1rem;font-weight: 600;}
.chatting_depth .chatting_text .txt{font-size:0.9rem;font-weight: 400;color: #666;}
.chatting_depth .chatting_text .number_people{display: flex;font-size: 0.9rem;margin-top:5px;color: #666;}
.chatting_depth .chatting_text .number_people p:first-child{font-weight: 600;margin-right:5px;}

.chatting_list:first-child{border-bottom:8px solid #f1f1f1}

.cha_search{background: #f5f5f5;padding:10px 20px;    display: flex;}
.cha_search input{width: calc(100% - 80px);margin-right:10px;padding:8px;background: #fff;}
.cha_search button{width: 80px;background: #ddd;color: #666;}


.chatting_open li{display: block;padding:20px;}
.chatting_open li + li{border-top:1px solid #ddd}
.chatting_open li:last-child{border:none;}
.chatting_open li p{margin-bottom: 5px;font-weight: 600;color:#666;font-size:0.9rem;}
.chatting_open li input{padding:8px;width: 100%;}
.chatting_open .bot_but{text-align: center;}
.chatting_open .bot_but button{padding:10px 20px;}


/* .chatting_con {padding:20px;} */
.chatting_con > ul{padding: 16px; padding-bottom: 41px;}
.chatting_con > ul::-webkit-scrollbar {width:5px;  }
.chatting_con > ul::-webkit-scrollbar-thumb {background-color: #5f8fc4;border-radius: 10px;}
.chatting_con > ul::-webkit-scrollbar-track {background-color: #ddd;border-radius: 10px;}

.chatting_con > ul > li{display: flex;    align-items: flex-end;}
.chatting_con > ul > li.my{justify-content: flex-start;display: flex;flex-direction: row-reverse;}
.chatting_con > ul > li.my .time{margin-left:0px;margin-right: 10px;}
.chatting_con > ul > li.my .nickname{text-align: right;}
.chatting_con > ul > li.my .chatting_bg{background: #92D600;}
.chatting_con > ul > li.my .chatting_bg .text{color: #fff;}

.chatting_con > ul > li.my > div{display: flex; gap: 10px; flex-direction: row-reverse;}

.chatting_bg.img_bg{padding: 0 !important; background-color: transparent !important;}
.chatting_bg.img_bg .img img{border-radius: 6px;}

.chatting_con > ul > li + li{margin-top:15px;}
.chatting_con > ul li >div{max-width: 70%;}

.chatting_con > ul > li.date{display: flex; justify-content: center; text-align: center; width: max-content; font-size: .8rem; color: #fff; background-color: #bbb; padding: 4px 12px; border-radius: 20px; margin: 0 auto; margin-top: 30px;}

.chatting_con > ul li .chatting_bg{background: #f5f5f5;padding:8px;border-radius: 6px;font-size: 0.9rem;}

.chatting_bg + .chatting_bg{margin-top: 6px;}

.chatting_con .text + .img{margin-top: 6px;}

.chatting_con{position: relative;}
.chatting_con .nickname{font-weight: 600;color: #444;margin-bottom: 5px;font-size: 0.85rem;}
.chatting_con .time{font-size: 0.75rem;color:#888;margin-left:10px; }

.chatting_con li.other > div{display: flex; gap: 10px;}

.chatting_con .talk_adm{position: relative;}
.chatting_con .talk_adm ul{position: absolute;border: 1px solid #ddd;    left: 0;background: #fff;padding:10px;font-size: 0.8rem;z-index: 9;color: #666;display: none;width: 100px;;}
.chatting_con > ul > li.my .talk_adm ul{left: auto;right: 0;;}
.chatting_con .talk_adm ul li+li{margin-top: 6px;}


.on_chat .talk_adm{position: relative;}
.on_chat .talk_adm ul{position: absolute;border: 1px solid #ddd;    left: 0;background: #fff;padding:10px;font-size: 0.8rem;z-index: 9;color: #666;display: none;width: 100px;;}
.on_chat .talk_adm ul li+li{margin-top: 6px;}

p.chatno_post{text-align: center;font-size: 0.9rem;;color: #888;padding:60px 0;font-weight: 400;}


.chatting_send{background: #f5f5f5;padding:12px 16px;    display: flex;    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background-color: #fff; border-top: 1px solid #eee;
    display: flex; align-items: center; gap: 4px;
    z-index: 10;}


    /* .chatting_send div{width: 100%; position: relative; padding:8px 12px;background: #f9f9f9;height: 40px;overflow: initial; border-radius: 40px;  } */
.chatting_send div{width: 100%; position: relative;background: #f9f9f9;height: 40px;overflow: initial; border-radius: 40px;  }
.chatting_send input{width: 100%; height: 100%; font-size: 15px; padding-left: 14px; background-color: transparent;}
.chatting_send input:disabled{color: #aaa;}

/* .chatting_send div.reply p{position: absolute; top: 50%; transform: translateY(-50%); left: 12px; font-weight: 600; font-size: 14px;} */
.chatting_send div.reply p{font-weight: 600; font-size: 12px; padding-right: 10px; flex-shrink: 0;}
.chatting_send div.reply{display: flex; align-items: center;}


/* .chatting_send input{width: calc(100% - 80px);margin-right:10px;padding:8px;background: #fff; } */
/* .chatting_send button{width: 35px;; height: 100%; padding: 0 !important; display: flex; align-items: center; justify-content: center;} */
.chatting_send button{height: 100%; display: flex; align-items: center; justify-content: center;}
.chatting_send button svg{opacity: .5;}

.chatting_send.commu_com_send > button{padding-left: 4px;}
.chatting_send > div > button{padding: 14px; color: #666;}

/* 커뮤니티 코멘트란 수정 (24-12-04) */
.chatting_send.commu_com_send{ display: block;}
/* .chatting_send.commu_com_send > div{display: flex; gap: 4px; align-items: center;  background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 10px 12px; height: 46px;} */
.chatting_send.commu_com_send > div{display: flex; gap: 4px; align-items: center;  background: #fff; border: 1px solid #eee; border-radius: 4px;height: 46px;}
.chatting_send.commu_com_send #comment_div{ background: transparent;  padding: 0; }
.chatting_send.commu_com_send #comment_register{font-size: 15px; color: #888;}


.chatting_cha .modal_header{position: relative;}
.chatting_cha .modal_header h5{position: absolute;top:50%;lefT:50%;transform: translate(-50%,-50%);}

.chatting_out{position: relative;}
.chatting_view_personnel .click_but{position: absolute;}
.chatting_view_personnel .view_wrap{position: absolute;width: 200px;background: #fff;right: -200px;top:51px;padding:20px;padding-bottom:60px;color: #333;box-shadow: 0 0 10px rgba(0,0,0,0.2);height: 93%; transition-duration: 0.3s;}

.chatting_view_personnel .view_wrap.on_chat{right: 0px;z-index: 9;}

.chatting_view_personnel .view_wrap > ul{margin-top: 10px;height: 93%;overflow-y: scroll;}
.chatting_view_personnel .view_wrap > ul > li{padding:10px 0;font-size: 0.9rem;}
.chatting_view_personnel .bottom_chatting_out{position: absolute;bottom:0;border-top:1px solid #bbb;width: 100%;left:0;padding:10px;}
.chatting_view_personnel .bottom_chatting_out button{display: flex;align-items: center;font-size: 0.9rem;opacity: 0.8;font-weight: 600;}
.chatting_view_personnel .bottom_chatting_out button svg{margin-right: 5px;}

.chatting_view_personnel {}
.chatting_view_personnel .click_but{position: absolute;right: 16px;
    top: 12px;color: #fff;font-size: 1.35em;line-height: 1;cursor: pointer;}
    .chatting_view_personnel .click_but.on_chat_but{}


.chatting_out{display: flex;}
.chatting_out button{font-weight: 500;margin-right: 10px;;}

.chat_top{position: fixed; z-index: 10; background-color: #fff; left: 0; top: 0; width: 100%;}


.commu_write{}
.commu_write input, .commu_write textarea{font-size: 16px;padding: 16px 0;}
.commu_write input{ border-bottom: 1px solid #eee;}
.commu_write textarea{width: 250px;}

.commu_write input[type="date"]{border-color: #92D600; padding: 16px; height: 50px;}

.c_shop{font-size: 12px; color: #666; padding: 4px; line-height: 1; border-radius: 2px; background-color: #f5f5f5; margin-bottom: 4px;}
.c_board_con{padding: 20px 16px; }
.pickup_date{color: #666; background-color: #f9f9f9; padding: 6px 10px; border-radius: 4px; font-size: .9rem; display: flex; gap: 4px; align-items: center; width: fit-content; margin-bottom: 16px;}
.c_board_con .text{font-size: 15px;margin-bottom: 16px;}
.c_board_con .img img{border-radius: 8px;}
.c_board_con .img img + img{margin-top: 8px;}
.c_board_con_btm{padding: 16px; padding-top: 0; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #888;} 
.c_board_con_btm i img{width: 14px; height: 14px;}
.c_board_con_btm i.chat img{width: 16px; height: 16px;}
.c_board_con_btm > div{display: flex; align-items: center;}
.c_board_con_btm > div > p{display: flex; align-items: center; gap: 2px;}
.c_board_con_btm em, .c_board_con_btm span{color: inherit; font-weight: inherit;}
.c_board_con_btm > div > p span{padding: 4px 12px; border-radius: 20px; border: 1px solid #eee; margin-left: 4px;}
.c_board_con_btm > div > p:first-child::after{content: '·'; position: relative; display: inline-block; color: #ccc; margin: 0 4px;}

.fav.on img{content: url(../img/heart_on.svg); }
.fav.on span{border-color: #F55252; color: #F55252;}
.fav.on em{color: #F55252;}

.cm_top{display: flex; justify-content: space-between;}
.cm_top div{display: flex; gap: 8px;}
.cm_top div span{font-size: 14px; color: #aaa;}
.cm_top div span.on{color: #111; font-weight: 600;}

.cm_con > ul{display: flex; flex-direction: column; gap: 20px;}
.cm_con ul li{display: flex; flex-direction: column; gap: 16px;}
.cm_con ul li .chatli_con.rep{padding-left: 40px;}
.cm_con ul li .chatli_con.del{opacity: .4;}

.cm_con ul li .chatli_con .meatball{position: absolute; right: 16px;}

.my_commu.commu_list ul{border-bottom: 1px solid #eee;}
.my_commu.commu_list .cl_bot{margin-top: 6px;}
.my_commu.commu_list .cl_top{margin-bottom: 8px;}

.cm_con .chat_info p em{gap: 0;}
.cm_con .chat_info p em b:first-child:after{content: '·'; position: relative; display: inline-block; color: #ccc; margin: 0 4px;}
.cm_con .chat_info p:first-child{display: block;}
.cm_con .chat_prof{width: 30px; height: 30px;}
.cm_con .comment p{padding: 6px 0; font-size: 15px; word-wrap:break-word;}

p.comment{font-size: 15px; color: #555;}

.btm em{font-weight: 400; font-size: 12px; color: #888;}
.btm .cl_bot_left > div > div{display: flex; gap: 4px;}
.btm .cl_bot_left > div > div:nth-child(2):before{content: '·'; position: relative; display: inline-block; color: #ccc; margin: 0 2px 0 6px;}


.writer{font-size: 10px; padding: 3px ; border-radius: 2px; color: #90C320; background-color: #92D60015; margin-left: 4px;}


.chat_btn{padding: 6px 10px; border-radius: 20px; background-color: #f5f5f5; font-size: 14px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #666;} 

.my_coupon .main_tab>ul{display: flex; background-color: #fff;}
.my_coupon .main_tab>ul li{width: 33.3333%; font-size: 14px; color: #333; text-align: center; padding: 12px; border-bottom: 1px solid #eee;}
.my_coupon .main_tab>ul li.on{border-bottom: 2px solid #92D600; color: #92D600; font-weight: 700;}
.my_coupon .main_tab>ul li b, .product_wrap .main_tab>ul li i{font-weight: 400; color: #888;}
.my_coupon .main_tab>ul li.on b, .product_wrap .main_tab>ul li.on i{font-weight: bold; color: #92D600;}



/* ********************************************* *
 * 550px max
 * ********************************************* */
 @media (max-width:550px){
    .gp_list li p{font-size: .85rem; }

}

/* ********************************************* *
 * 390px max
 * ********************************************* */
 @media (max-width:390px){
    .per_store{margin-right:3%;}
    .gp_list li p{font-size: .75rem; }
 }

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

    .tel_info .list ul li{width:100%;}
    .tel_info .list ul li .left{width: 40% !important;}
    .tel_info .list ul li .right{width: 60% !important;}


}
 /* ********************************************* *
 * 320 max
 * ********************************************* */
 @media (max-width:320px){
    .pd_list1 ul li{width:100%;}
    .reply_wrap .reply_list ul li .top .name{font-size: 1em;}
    .notice_view>.top b{font-size: 1.1em;}

    .fixed_btn02 button{width: 100%;}
    .fixed_btn02>div{flex-wrap: wrap;}
    .fixed_btn02>div button:last-child{margin-left: 0; margin-top: 8px;}



 }