.popular_search {padding-bottom: .8em; }
.popular_search ul{display: flex;align-items: center; flex-wrap: wrap;padding:0 .8em; margin:-.2em;}
.popular_search ul li{padding: .2em;}
.popular_search ul li > div{display: flex; padding:.5em  1em;align-items: center; border:1px solid #eee; border-radius: 20px; font-weight: 600; color: #666;} 
.popular_search ul li > div p{font-weight: inherit; line-height: 0.9em; font-size: 0.9em;}
.popular_search ul li > div:hover{background: #000;color:#fff; border-color:#000;}





/*view_page*/
/* .view_page .con + .con{border-top:0.6em solid #f1f1f1;} */
.view_page .con .inner{padding-top: 1.2em; padding-bottom: 1.2em;    overflow: hidden;}
.view_page .product_list .thumbnail { border-radius: 0;padding:0;}
.view_page .product_list .thumbnail_Swiper{width: 100%;height: 100%;}
.view_page .product_list .thumbnail_Swiper .swiper-slide{padding-bottom: 90%;}
.view_page .product_list .swiper-pagination-bullet{background: #fff;height: 0.2em; border-radius: 2em; width: 1em;}
.view_page .product_list .swiper-pagination-bullet-active{width:1.4em;}




.view_page .product_list .tit { font-size: 1.6em;}
.view_page .product_list .t_type span{ font-size: 1.4em;}

.view_page .product_list .text_box{padding-top:1em; padding-bottom: 1.2em;}
.view_page .product_list .txt { font-size: 1em; color: #666;}
.view_page .product_list .state { font-size: 0.95em;}
.view_page .product_list b{ background: rgba(0,0,0,0.3); padding:.2em .6em; font-size: 14px;color: #fff;border-radius: .2em;margin-top: .8em;display: block; width: fit-content;}

.view_page .product_list .title{margin: 0;}
.view_page .product_list .cate_list{display: flex; margin-top: .4em;    font-size: 0.95em;} 
.view_page .product_list .cate_list p + p{margin-left: .2em;}



.view_page .product_list .bot {margin-top: 1.6em;}
.view_page .product_list .price {font-size: 1.5rem;}


.view_page .sec_title{ padding:1em 1.2em; border-bottom:1px solid #eee; margin-bottom: 0;}

.select_area {display: flex; flex-wrap: wrap; align-items: center; margin-top: 1em;} 
.select_area p{background: #f5f5f5; padding:.3em .6em .3em 1em; font-size: 14px; display: flex; align-items: center; border-radius: 4em; color: #333;} 
.select_area p {margin-right: .4em;}
.select_area p span+span{margin-left: .4em;padding-left: .4em;position: relative;}
.select_area p span+span::before{content:'';display: block; width: 1px;height: 14px;background: #ddd;position: absolute;left:0%;top:50%;transform: translateY(-50%);}
.select_area p i{width: 16px;height: 16px;background: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167580549330129.png) center/cover; display: block;margin-left: 10px;}

.info_wrap{border-top:1px solid #eee; padding-top: 1.2em; padding-bottom: 1.2em;}
.info_wrap li{ display: flex; color: #666;}
.info_wrap li + li{margin-top: .6em;}
.info_wrap li i{width: 1.2em; height: 1.2em;position: relative; top: 0.05em; opacity: 0.8; left:-.2em}
.info_wrap li > div{ width: calc(100% - 1.2em);}
.info_wrap li p{ word-break: keep-all;}
.info_wrap button.copy{color:#2faae7;font-size: 0.9em; position: relative; top:-.15em}
.info_wrap .map_sec {margin-top: .4em;}
.info_wrap .map_sec .root_daum_roughmap{ width: 100%; height: 14em;}
.info_wrap .root_daum_roughmap .wrap_map{height: 100%;}
.info_wrap .map_sec .root_daum_roughmap .map{height: 100%;}

.root_daum_roughmap .map_border{display: block !important;}



.sec_more_but{ width: 100%;}
.sec_more_but button{border:1px solid #666;font-size: 1.1em;text-align: center; padding:0.8em;width: 100%;font-weight: 600; border-radius: .2em; position: relative;  background: #fff; } 
.sec_more_but button span{font-weight: inherit; color: #2A4186; display: inline-block;}


.con01 .sec_more_but{position: absolute;left:50%;bottom:0;transform: translateX(-50%); z-index: 9;}
.con01 .sec_content .no_post{display: none;}
.con01 .sec_content.no_content .no_post{display: block;}
.con01 .sec_content.no_content .sec_more_but{display: none;}
.con01 .sec_content button{z-index: 999; box-shadow: 0 0 1em rgba(0,0,0,0.3);} 

.view_page .con01 .inner{overflow: hidden;}
.con01 .sec_content{position: relative; max-height: 40em;     min-height: 3.4em; }
.con01 .sec_more_but::before{content:'';display: block;width: 110%; background: linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1) ); height: 10em; position: absolute; z-index: -1;left:50%; transform: translateX(-50%); bottom:-1.2em; }
.con01 .sec_more_but::after{content:'';display: block;width: 105%; background: #fff; height: 1.2em; position: absolute; z-index: -2;left:50%; transform: translateX(-50%); bottom:-1.2em; }
.con01 .sec_content iframe{width: 100%; height: 14.5em; margin-bottom: 1em;}

.con01 .but_sec_open{max-height: 100%; height: 100%;}
.con01 .but_sec_open .sec_more_but{position: relative; margin-top: 1em;} 
.con01 .but_sec_open .sec_more_but button{box-shadow: none;}
.con01 .but_sec_open .sec_more_but::after,
.con01 .but_sec_open .sec_more_but::before{display: none;}


.review_wrap .top{display: flex; align-items: center;}
.review_wrap .profile i{width: 3.5em;height: 3.5em; overflow: hidden; display: block; position: relative; border-radius: 50%;}
.review_wrap .profile i img{position: absolute;left:50%;top:50%; transform: translate(-50%,-50%); width: 100%;height: 100%;}

.review_wrap .profile_info{width: calc(100% - 3.5em); padding-left: .6em;} 
.review_wrap .profile_info .name{font-size: 1.2em; font-weight: bold; color:#111 ;line-height: 1.4em;} 
.review_wrap .state span{display: none;}
.review_wrap .state.call .call{display: block;}
.review_wrap .state.visit .visit{display: block;}
.review_wrap .state.vedio .vedio{display: block;}

.review_wrap .profile_info .info_bot{display: flex; color: #666; font-size: 0.9em;}
.review_wrap .profile_info .info_bot > div + div{margin-left: .4em;padding-left: .6em; position: relative;  border-radius: 50%;}

.review_wrap .profile_info .info_bot > div + div::after{content:''; display: block; width: .2em;height: .2em; position: absolute;left:0;top:50%;transform: translateY(-50%); background: #bbb;}


.mypage .left{position: relative;}
.mypage .profile_setting{position: absolute; width: 2em;height: 2em; right:-.2em;bottom:-.2em; cursor: pointer;}



.review_wrap .bot .text_con{color: #333; line-height: 1.4em; padding-top: 0;}
.review_wrap .bot .img_con{ overflow-x: auto;padding-left: 1.2em; }
.review_wrap .bot .img_con > div{display: flex; margin:0 -.4em; width: fit-content;}
.review_wrap .bot .img_con > div > div{width:10em;height: 10em; padding:0 .4em;}
.review_wrap .bot .img_con .swiper-slide{border-radius: .4em; overflow: hidden;}
.review_wrap .bot .img_con i{cursor: pointer; width: 100%;height: 100%; display: block;}
.review_wrap .bot .img_con img{display: block; width: 100%;height: 100%;}

.review_wrap .review_content li+li{border-top:1px solid #eee;}
.review_wrap .review_content li{padding:1.2em 0;}
.review_wrap .review_content li:first-child{padding-top: 0;}




.total_review{background: #f9f9f9;}
.total_review >div{display: flex; align-items: center;  }
.total_review .left{width: 6.5em; margin-right: 1.4em;   text-align: center;}
.total_review .review_img{ background-image: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167624069424100.png); background-size: 6.5em 4em; background-position: 0px 0px; width: 6.5em; height: 1.2em; vertical-align: top; background-repeat: no-repeat;}
.total_review .review_img i {  background-image: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167624069424100.png); background-size: 6.5em 4em; background-position: 0px 92%; height: 1.2em; display: block; background-repeat: no-repeat;}
.total_review .left b{font-size: 1.35em; font-weight: bold;}
.total_review .right{width: calc(100% - 7.9em);}

.total_review .revie_num li{ align-items: center; font-size: 0.8em; display: flex; align-items: center;}
.total_review .revie_num p{width: 1.7em; text-align: center; display: inline-block;}
.total_review .revie_num .bar{width: calc(100% - 5.1em);margin:0 .7em; height: .3em; background: #f1f1f1;border-radius: .2em;position: relative; overflow: hidden; display: inline-block;height: 4px;}
.total_review .revie_num .bar span{position: absolute;left:0;top:0; width: 80%;background: #2A4186;display: block;height: 100%;}
.total_review .revie_num em{width: 2em; text-align: center; display: inline-block;}

.review_sorting{display: flex; align-items: center;justify-content: space-between; font-size: 0.9em; margin-bottom: 1em;}
.review_sorting > p { color: #666;}
.review_sorting > p span{ font-weight: 600; color: #111; }
.review_sorting .right{ color:#bbb ;font-weight: 400; font-size: 13px;}
.review_sorting .right span{font-weight: inherit; cursor: pointer;}
.review_sorting .right span + span{margin-left: .2em; padding-left: .4em; position: relative;}
.review_sorting .right span + span::before{content:'';display: block; width: 1px;height: 10px;background: #eee;position: absolute;left:0; top:50%;transform: translateY(-50%);}
.review_sorting .right span.on{color: #2A4186; font-weight: bold;}



/*달력*/

.calendar{max-width: 384px; max-height: 600px; overflow-y: auto; background: #f9f9f9; border-radius: 1em; padding:1em;}
.calendar>ul{display: flex; flex-wrap: wrap;}
.calendar>ul li{width: 14.285%;}
.calendar>ul.week{border-top-left-radius: 16px; border-top-right-radius: 16px;}
.calendar>ul.week li{padding: 6px; text-align: center;}
.calendar>ul.month{background-color: #fff; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.calendar>ul.month li{padding: 8px; text-align: center; border-right: 1px solid #eee; border-top: 1px solid #eee; display: flex; align-items: center; justify-content: center;padding-bottom: 11%; position: relative; cursor: pointer;}
.calendar>ul.month li >div{    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.calendar>ul.month li:nth-child(7n){border-right: 0;}
.cale_info{display: flex;  justify-content: space-between; margin-bottom: 0.6em; font-weight: bold;}
.cale_info .date p{font-weight: bold; font-size: 1.25em;}
.cale_info .date p i{font-weight: bold;}
.cale_info .date_but{display: flex;}
.cale_info .date_but button{width:2.4em;height:2.4em;padding:0; margin-left: .4em;}



.calendar li i{width: 2em;height: 2em;border-radius: 50%; display: block;line-height: 2em;}
.calendar li.today i{background: #000;color: #fff; font-weight: 600;}


.calendar li.impossibility{background: #f5f5f5; color:#888}
.calendar li.select{background: #2A4186; color:#fff;}
.calendar li.select i{font-weight: 600;}
.calendar>ul li.red {color: red;}
.calendar>ul li.blue {color: blue;}

.reservation_page .time_con{display: flex; align-items: center;}
.reservation_page .time_con {

}
.reservation_page .content .row-short li{cursor: pointer;}
.reservation_page .content .row-short li > p{ border:1px solid #eee;padding:.6em .6em; text-align: center; font-size: 1em; font-weight: 400; border-radius: .2em; color:#666 ;}

.reservation_page .content .row-short li.select >p{background: #2A4186; color:#fff; border-color:#2A4186; font-weight: 500;}


.payment_page .option,
.payment_page .point01,
.payment_page .total_sub > div,
.payment_page .total > div,
.reservation_page .total > div{display: flex; justify-content: space-between; align-items: center; width: 100%;} 

.payment_page .total .con,
.reservation_page .total .content{font-size: 1.5em; font-weight: bold; padding:0;}
.payment_page .point01 .con,
.payment_page .total_sub .con{font-size: 1.1em; font-weight: bold;}
.payment_page .total_sec .sec_title h5{font-size: 1.1em;}
.payment_page .total_sec .inner + .inner{margin-top: .4em;}

.payment_page .point01 .con span,
.payment_page .total .con span,
.payment_page .total_sub .con span,
.reservation_page .total .content span{font-weight: inherit;}

.view_fot.w100 .buy{width: 100%; margin-left: 0;}

.payment_page .option .sec_title h6{font-weight: 500;color: #888;}
.payment_page .option .con span{font-weight: 500;}

.payment_page .option + .option{margin-top: .2em;}


.payment_page .content .inner{width: 100%;}


.pay_detail{padding-bottom: 1em;margin-bottom: 1em;border-bottom:1px solid #111;}
.pay_detail em{display: block; font-size: 1.6em; font-weight: 600;}
.pay_detail span{font-weight: inherit;}
.pay_detail p{ font-size: 1em; color: #666;}

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

.pay_detai_lcon .option + .option{margin-top: .6em;}

.pay_detai_lcon + .pay_detai_lcon{padding-top: 1em;margin-top: 1em;border-top:1px solid #eee;}

.payment_page .total_sec .total_sub {border-bottom:1px solid #eee; padding-bottom: 1.2em;margin-bottom: 1.2em;}
.counseling_cancel .total_sec .total_sub {border-bottom:none; padding-bottom: 0em;margin-bottom: 0em;}

.payment_page .description{margin-top: 1em;}
.payment_page .description li {display: flex; justify-content: space-between;}
.payment_page .description li+li{margin-top: .6em;}
.payment_page .description li > i {display: block; width: .5em; height: 2em;}

.payment_page .point02 { border:1px solid #eee; display: flex;align-items: center; border-radius: .4em; margin-top: .4em;}
.payment_page .point02> div{display: flex; align-items: center; width: calc(100% - 5em);padding:.4em;justify-content: flex-end; font-size: 1.1em;font-weight: 600; color: #111;}
.payment_page .point02 p{font-size: inherit; font-weight: inherit; }
.payment_page .point02 input{width: auto;border:none; text-align: right; font-size: inherit; height: 2em; font-weight: inherit;}

.payment_page .point02 button{background: #2A4186; border-radius: .2em;color: #fff; padding:.4em; width:5em; margin-left: .6em;}

.payment_page .product_list + .con{ border-top:1px solid #eee; padding-top: 1em;margin-top: 1em;}


.delivery_txt{color: #f31818; line-height: 1.2; display: block;font-size: 0.9em; display: flex;}
.delivery_txt i{width: 1.2em;height: 1.2em;border:1px solid #f31818;border-radius: 50%;display: block; margin-right: .4em; position: relative;}
.delivery_txt i::before{content:'!';display: block; position: absolute; left:52%;top:54%; transform: translate(-50%,-50%);font-weight: bold; font-size: 0.8em; line-height: 1;}



.filter_swiper_wrap {width: 100%; padding:.8em 3em; position: relative;}
.filter_swiper_wrap_v2 {width: 100%; padding: 0em 1.2em .8em;}
/* .filter_Swiper.swiper {padding:.8em 1.2em; position: relative;} */
.filter_Swiper.swiper.loaction_filter {overflow: unset;}
.filter_swiper_wrap > .arrow_tag_wrap {cursor: pointer; position: absolute; z-index: 5; top: 55%; transform: translateY(-50%); opacity: .8;}
.filter_swiper_wrap  > .arrow_tag_wrap.arrow_tag_left {left: 1em;}
.filter_swiper_wrap > .arrow_tag_wrap.arrow_tag_right {right: 1em;}
.filter_Swiper ul{display: flex;align-items: center; margin:-.2em; width: max-content; }
.filter_Swiper ul li{padding: .2em;}
.filter_Swiper .swiper-slide{width: auto; color: #666;} 
.filter_Swiper .swiper-slide > div{display: flex; padding:.65em 1em;align-items: center; border:1px solid #eee; border-radius: 20px; font-weight: 600; color:inherit; display: flex; background: #fff; cursor: pointer;} 
.filter_Swiper .swiper-slide p{font-weight: inherit; line-height: 0.9em; font-size: 1em;}
.filter_Swiper .swiper-slide i{width: 0.7em;height: 0.7em; display: block; margin-left: .3em;}
.filter_Swiper .swiper-slide i img{width: 100%;height: 100%; display: block;}

.filter_Swiper .swiper-slide .first > div{}
.filter_Swiper .swiper-slide .first i{width: 0.8em;height: 0.8em;}

.filter_Swiper .swiper-slide .filter_con > div ,
.filter_Swiper .swiper-slide .first > div {display: none;}
.filter_Swiper .swiper-slide .first.off > .off,
.filter_Swiper .swiper-slide .filter_con.on > .on,
.filter_Swiper .swiper-slide .filter_con.off > .off,
.filter_Swiper .swiper-slide .first.on > .on {display: flex;}
.filter_Swiper .swiper-slide .first.off{border-color:#2A4186; color: #2A4186;}

.filter_Swiper .swiper-slide .filter_con.off{background: #2A4186; color: #fff; border-color:#2A4186;}


.filter_Swiper .swiper-slide .filter_con i,
.filter_Swiper .swiper-slide .filter_con i{position: relative;top:.1em}




.h_filter .header{ padding:0; border:none;}
.h_filter .header .main_nav{border-bottom:1px solid #eee; padding:0 1.2em;}


ul.option li{margin-top: .8em;}

.area_search02  .header {border:none;}
.area_search .size_wrap header{ background: transparent;position: fixed;      left: 50%;  max-width: 420px;}
.area_search02 .search_header .search_con{width: 100%; background: #fff; border:1px solid #eee;}
.area_search .search_header .search_con{width: 100%; background: #fff; border:1px solid #eee;}

.location.area_search .search_header .search_con {box-shadow: 0 0 10px rgba(0,0,0,0.1); border:none;}
.location.area_search .filter_Swiper .swiper-slide > div{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.area_search.h_filter .header .main_nav{ border-bottom:none;}
.area_search .filter_Swiper.swiper{padding-top: 0;}
.area_search .map_con{width: 100%; height: 53vh; position: relative;}
.area_search .root_daum_roughmap .map_border{display: none;}
.area_search .map_con .root_daum_roughmap{width: 100%;height: 100%;}
.area_search .root_daum_roughmap .wrap_map { height: 100%;}
.area_search .root_daum_roughmap .wrap_btn_zoom{display: none;}



.area_list{/* position: fixed;left: 50%;  bottom:6.8vh;  max-width: 420px;*/  z-index: 999;
    width: 100%; height: 40vh; background: #fff; padding-top: 2em; }
.area_list > .inner{overflow-y: scroll; height: 100%;}
.area_list > .inner::-webkit-scrollbar {width: 0; }
.area_list > .inner::-webkit-scrollbar-thumb {background-color: transparent;border-radius: 10px;}
.area_list > .inner::-webkit-scrollbar-track {}
.area_list.list_on{height: 93.3vh;}
.type_content.maptype_on .area_list{}
.type_content.listtype_on .area_list{height: 93.3vh;    padding-top: 9em;}
.type_content.maptype_on .map_con{}
.type_content.listtype_on .map_con{display: none;}
.type_content.maptype_on .list_type{    top: 50%;transform: translateY(-80%);}
.type_content.listtype_on .list_type {bottom: 5em;}
.type_content.maptype_on .map_but,
.type_content.listtype_on .list_but{border-color:#2A4186; color: #2A4186;}
.type_content.maptype_on .map_but i.on,
.type_content.listtype_on .list_but i.on{display: block; opacity: 1;}
.type_content.maptype_on .map_but i.off,
.type_content.listtype_on .list_but i.off{display: none; opacity: 1;}
.type_content.maptype_on .area_list .product_list.type02 .con{    margin-bottom: 1em;}


.list_type {position: absolute;right:1.2em; z-index: 99;}
.list_type button{width: 4.2em;height: 4.2em; background: #fff;border-radius: 50%;border:1px solid #eee;;}
.list_type button i{display: block;width: 1.6em; height: 1.6em; margin:0 auto; opacity: 0.8;}
.list_type button i.on{display: none;}
.list_type button i img{width: 100%;height: 100%;}
.list_type button p{margin-top: .2em;font-weight: 600; font-size: 0.85em; opacity: 0.8;}



/* .area_search02 .content{border-top:0.6em solid #f1f1f1;padding-top:1.2em;padding-bottom: 1.2em;} */

.area_search02 .content .no > div+ div{margin-top: 1em;}
.area_search02 .content li >div+ div{margin-top: 0.4em;}
.area_search02 .content  em{margin-bottom: .4em ; display: block;}

.area_search02 .state ul {display: flex;}
.area_search02 .state ul li{width: calc(100% / 5); text-align: center;position: relative; border-radius: .4em; overflow: hidden;}
.area_search02 .state ul li + li{margin-left: .8em;}
.area_search02 .state ul li i{display: block; width: 100%;height: 100%;position: relative; border-radius: .4em; overflow: hidden;}
.area_search02 .state ul li i img{display: block; width: 100%;height: 100%;}
.area_search02 .state ul li p{font-weight: 600; font-size: 0.9em; position: absolute;left:50%; top:50%; transform: translate(-50%,-50%); color: #fff; z-index: 99;} 

.area_search02 .state ul li.select p{color: #2A4186; font-weight: bold;}
.area_search02 .state ul li.select i{border:2px solid #2A4186;}
.area_search02 .state ul li.select i::before{content:'';display: block;width: 100%;height: 100%;background: #fff;opacity: 0.7;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 9;}


/*mypage*/
.mypage_card .size_wrap > div,
.mypage .size_wrap > div{background: #f5f5f5;}
.profile .left{width: 6em;height: 6em; margin:0 auto;}
.profile .left i.no{display: none;}
.profile .right{width:calc(100%); text-align: center; margin-top: 1em; }
.profile .right em{font-size: 1.7em;font-weight: bold; line-height: 1.4em; display: block;}
.profile .right em span{font-weight: inherit;}
.profile .right p{display: flex; align-items:center; color: #666;margin-bottom: .4em;justify-content: center; }
.profile .right p i{display: block;width: .9em;height: 1.1em; opacity: 0.4; margin-right: .2em;}
.profile .right p i.arr{width: .7em;height:.7em; margin:0 .1em; opacity: 0.6;}
.profile .right p i img{width: 100%;height: 100%; display: block;}
.profile .right button{background: #fff;padding:.4em 1em; font-family: inherit; border-radius: 4em; margin-top: .6em; font-size: 0.95em; font-weight: 500; color: #333;}

.profile .right button.area_but{display: flex; justify-content: center;margin: 0 auto; background: #eee;font-size: 0.85em;color: #666;    margin-bottom: 0.4em;}
.profile .right.area_befter p{display: none;}
.profile .right.area_after .area_but{display: none;}



.profile .right button i{display: block;width: .9em;height: 1.1em; opacity: 0.4; margin-right: .2em;}
.profile .right button i img{width: 100%;height: 100%; display: block;}

.point_con{background: #fff;border-radius: 1em;padding:1.2em}
.point_con p{font-weight: bold; color: #888;}
.point_con em{font-size: 1em; font-weight: 600; color: #333; margin-top: .4em; display: inline-block; }
.point_con em span{font-weight: inherit; font-size: 1.8em; color: #2A4186;margin-right: 0.2em; display: inline-block;    line-height: 1;}


.point_con {margin:1.6em 0 1em;}
.point_con > div{display: flex;    align-items: center; justify-content: space-between; cursor: pointer;}
.point_con > div i{display: block; width: 1em;}


.top_but li> div{  padding:.8em; border-radius: .6em; text-align: center; font-size: 0.9em; cursor: pointer;}
.top_but li> div p{font-weight: 600; color: #333; margin-top: .2em;}
.top_but i{display: block; width: 2em;height: 2em; margin:0 auto;}
.top_but img{width: 100%;height: 100%;}

.mypage_menu ul{background: #fff;border-radius: 1em;padding:0.8em 1.2em;}
.mypage_menu ul li{border-bottom:1px solid #eee;}
.mypage_menu ul li:first-child{margin-top: 0;}
.mypage_menu ul li:last-child{margin-bottom: 0;border-bottom:none;}
.mypage_menu ul li{padding:.8em 0;}
.mypage_menu ul li >div{display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.mypage_menu ul i{display: block; width: .8em;}
.mypage_menu ul li p{font-weight: 600; color: #333;}


.slide_buy {position: relative;width: 100%;height: 45px;margin: auto;}
.slide_buy input {-webkit-appearance: none;	background-color: #f5f5f5;	width: 100%;	height: 100%;border-radius: .4em;	outline: none;	display: table;	cursor: pointer;transition: background-color 200ms ease; padding:0;margin:0;border:1px solid #eee; overflow: hidden;}
.slide_buy input::after{content:'밀어서 결제하기';display: block; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); font-size: 1.1em;font-weight: 500; color: #666;}
.slide_buy input::before{content:'';display: block; position: absolute;left:0%;top:50%;transform: translate(0%,-50%); font-size: 1.1em;font-weight: 500; color: #666;width: 00%;height: 100%;background: #2A4186;transition-duration: 0.6s;border-radius: .4em;}
.slide_buy label {display: block;position: absolute;box-sizing: border-box;left: 0px;width: 42px;height: 42px;background: #2A4186;border-radius: .3em;cursor: pointer;transition: left 200ms ease; top:50%; transform: translateY(-50%);transition-duration: 0.6s;}
.slide_buy label::before{content:'';display: block; width: 70%;height: 70%;background: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167640058655094.png) no-repeat center/cover; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); transition-duration: 0.6s;}
.slide_buy input:focus {}
.slide_buy input:focus:after {content: '';display: block;position: absolute;width: 70%;height: 2px;left: 0;right: 0;margin: auto;background-color: #2A4186;bottom: -6px;display: none;}
.slide_buy input:checked::before{width: 100%;}
.slide_buy input:checked::after{display: none;}
.slide_buy input:checked {background-color: #f5f5f5;}
.slide_buy input:checked + label {left: calc(100% - 42px);background-color: #2A4186;}
.slide_buy input:checked + label::before{opacity: 0;}

.view_fot .range::after{content:'밀어서 결제하기';display: block; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); font-size: 1.1em;font-weight: 500; color: #2A4186;}
.view_fot .range {position: relative;
    width: 400px;
    height: 3.4em;
    -webkit-appearance: none;
    background: #ddd;
    outline: none;
    border-radius: .4em;
    overflow: hidden;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  }
 .view_fot .range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 3.4em;
    height: 3.4em;
    border-radius:.4em;
    background: #2A4186;
    cursor: pointer;
    border: 4px solid #2A4186;
    box-shadow: -407px 0 0 400px #2A4186;z-index: 99;

    background-image:  url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167640058655094.png) ;background-size: 70%; background-position:center; background-repeat: no-repeat;
  }

/*mypage_card*/
.mycard_Swiper.swiper .swiper-slide{margin-top: 1.8em; margin-bottom: 1em;}
.mycard_Swiper.swiper {padding:0em 2em;}

.payment_page .mycard_Swiper.swiper {padding: 0 1.2em 0;}
.payment_page .radio_style {margin: 0;}


.mycard_Swiper .swiper-slide{border:1px solid #eee; box-shadow: 0 0 15px rgba(0,0,0,0.05); border-radius: 1em;padding:1.5em; background: #fff; padding-bottom: 50%; position: relative;}
.mycard_Swiper .swiper-slide em{ position: absolute; left: 1.2em; bottom: 1.2em; transform: translateY(0%);}
.mycard_Swiper .add_card > div,
.mycard_Swiper .card_number{margin:1.8em 0;position: absolute; left: 1.2em; top:35%; transform: translateY(-50%);}
.mycard_Swiper .add_card > div{left:50%;transform: translate(-50%,-50%);left:50%}
.mycard_Swiper .card_number p{ font-weight: 600; color: #666;}
.mycard_Swiper .card_number span{font-size: 1.5em; font-weight: 600; color: #666; color: #2A4186; }
.mycard_Swiper .card_number span + span{ margin-left: .6em;}
.mycard_Swiper .add_card{text-align: center; display: flex; align-items: center;    flex-direction: column;  justify-content: center;}
.mycard_Swiper .add_card p{ color: #888;}
.mycard_Swiper .add_card button{display: block; background: #2A4186; color: #fff;padding:.4em 1em; border-radius: 2em; margin:0 auto; margin-top: .6em;}

.mycard_Swiper .swiper-slide-active{border-color:#2A4186}
.mycard_Swiper .swiper-pagination-bullet-active{background: #2A4186;}

.mypage_card .swiper-pagination{bottom:0px !important;}
.mypage_card .swiper-pagination-bullet-active{background: #111;}

.mypage_card .card_point{display: flex; justify-content:space-between; align-items: center;}
.mypage_card .card_point > div{display: flex; align-items: center;}
.mypage_card .card_point p{color: #111; font-weight: 600;}
.mypage_card .card_point button{padding:.5em .6em;color: #888; border:1px solid #ddd; border-radius: .4em; margin-left: 1em; background: #fff;}

.mypage_card .card_point .point{ font-weight: 600; color: #333;}
.mypage_card .card_point .point span{color: #2A4186;font-size: 1.2em; font-weight: inherit; margin-right: .2em;}

.text_box .top_but_con{display: flex; align-items: center;justify-content: space-between; margin-bottom: 1em;}
.text_box .sharing,
.text_box .sns_icon i{cursor: pointer; } 
.text_box .sns_icon i{display: block; width: 2em; height: 2em;} 
.text_box .sns_icon i + i{margin-left: .4em;}
.text_box .sns_icon{display: flex; }

.text_box .sharing{    z-index: 9;  display: block;width: max-content;
  left: .8em;  bottom: .8em; background: rgba(0,0,0,0.8);color: #fff; font-size: 0.8em; padding:.2em .6em;  border-radius: 2em;display: flex;align-items: center;}

.text_box i.loca_arr{width: 1em;height: 1.1em;display: block; position: relative; margin-right: .2em;}
.text_box i.loca_arr::before{content:'';width: 100%;height: 100%;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%); filter: invert(100%);background: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167621717358156.png) center/cover; opacity: 0.8;}

.top_but_con{height: 2em;}
.text_box .sharing{left: 1.6em;  bottom: 1.6em;padding:0.3em .8em .2em;     height: 100%;}
.text_box .sharing .loca_arr{width: 1.3em;height: 1.3em; margin-right: .4em;}
.text_box .sharing span{font-size: 1.1em;}
.text_box .sharing .loca_arr::before{background: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/16769261695359.png) center/cover; filter: invert(0%);}
    

/*mypage_counseling*/
.mypage_counseling .product_list > li +li{margin-top: 1.2em;}
.counseling_info{display: flex; padding-bottom:.5em;margin-bottom: .8em; align-items: center; justify-content: space-between;} 

.counseling_info div{font-size: 1.1em; font-weight: bold; display: flex; align-items: center; }
.counseling_info div span{font-weight: inherit;}
.counseling_info div .state{border:1px solid #2A4186; color: #2A4186;padding:.15em .4em .05em; border-radius: .4em;font-weight: 500; margin-bottom: 0; margin-right: .4em; font-size: 0.8em;}
.counseling_info div .state strong{font-weight: inherit;}
.counseling_info div .state.before .after{display: none;}

.counseling_info div .state.after{background: #2A4186; color: #fff;}
.counseling_info div .state.after .after{display: block;}
.counseling_info div .state.after .before{display: none;}


.counseling_info button{display: flex; align-items: center;color: #888; font-size: 0.9em;}
.counseling_info button i{width: 0.7em;height: .7em; display: block; margin-left: .2em; opacity: 0.6;}
.counseling_info button i img{width: 100%;height: 100%;    display: block;}



.mypage_counseling_more .review_but > div{display: flex;}
.mypage_counseling_more .review_but button{height: 45px;text-align: center;background: #fff;width: 50%;border-radius: .4em; color: #2A4186;border:1px solid #2A4186; font-size: 1em; width: 100%;}
.mypage_counseling_more .review_but button.review_writing{background: #2A4186;color: #fff;text-align: center;}
.mypage_counseling_more .review_but button + button{margin-left: 1em;}
.mypage_counseling_more .review_but button.add_cancel{background: #eee ;color: #888 ; border:none;}

 

.mypage_counseling_more .review_but button.cancel{background: #fff;color: #333;text-align: center;border:1px solid #ddd; width: 100%;}


.mypage_counseling_more .d-block.on input[type="checkbox"] + label {
    background: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167631362547172.png)no-repeat center/cover;    border: 1px solid #2A4186; background-color: #2A4186;}

.mypage_counseling_more .d-block.off input[type="checkbox"] + label {background: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167631366782013.png)no-repeat center/cover; border: 1px solid #eee;}

.logout_but{/* position: absolute; bottom:6em; color: #bbb;left:50%; transform: translateX(-50%); text-decoration: underline; */}



.completion_con {text-align: center; margin:2em 0;}
.completion_con i{width: 5em;height: 5em;display: block; margin:0 auto;}
.completion_con em{font-size: 1.3em;font-weight: 600; margin-top: .6em;display: block;}
.completion_con p{font-size:.9em; color: #666;}
.completion_con button{}
.completion_con em span{font-weight: inherit;}
.completion_con em span.id{color: #2A4186;}



.sortation_content .content + .content{border-top:0.6em solid #f1f1f1;}
.sortation_content .content {padding-top:1.2em;padding-bottom: 1.2em;}




.wish_top{display: flex;align-items: center; justify-content: space-between;}
.wish_top button{color: #f31818;}
.mypage_wish .product_list > li +li {  margin-top:1em;}




.company .search_con{display: flex; background: #f5f5f5;padding:1em;border-radius: .4em;}
.company .search_con input{ width: calc(100% - 5.8em); margin-right: .8em;}
.company .search_con button{width: 5em;background: #2A4186; color: #fff; border-radius: .2em;}

.company_list{margin-top: 1em;}
.company_list ul li{margin-bottom: 1em; cursor: pointer; border-radius: .3em; overflow: hidden;}
.company_list ul li i{display: block; width: 100%; height: 125px;}
.company_list ul li i img{display: block; width: 100%;height: 100%;}
.company_list ul li em{font-size: 1.1em; font-weight: 600;}
.company_list ul li p{font-size: 0.9em; font-weight: 500; color: #666;}


.company_view .top{border-bottom:1px solid #eee; padding-bottom: .8em;}
.company_view .top em{font-size: 1.15em; font-weight: 500; margin-bottom: .2em; display: block;} 
.company_view .day{font-size: 0.95em; color: #888;}

.company_view .con{padding: .8em 0;}



/*pointpage*/


.pointpage.payment .size_wrap > div{background: #fff;}
.pointpage .size_wrap > div{background: #f7f7f7;}
.pointpage .content01{background: #fff;}
.pointpage .point_con{ padding: 0;padding:2em 0 1em;margin:0; text-align: center;}
.pointpage .point_con > div { justify-content: center;}
.pointpage .point_con em {  font-size: 2em; font-weight: 500; margin-top: 0em;}
.pointpage .point_con em span{  font-size: inherit ;font-weight: 600;}

.pointpage .point_type{ text-align: center;display: flex; padding-bottom: 2em;}
.pointpage .point_type p{font-size: 0.9em; color: #666; font-weight: 500;}
.pointpage .point_type em{font-size: 1.2em; font-weight:500;}
.pointpage .point_type span{font-weight: inherit;}
.pointpage .point_type li{width: calc(100% / 3);}
.pointpage .point_type li + li{border-left:1px solid #eee;}

.point_content{ padding:1.2em 0; }

.period_tads{border-bottom:1px solid #ebebeb; padding-bottom: .6em;margin-bottom: .6em;}
.period_tads ul{display: flex; font-size: 0.85em;}
.period_tads ul li{border:1px solid #bbb; padding:.2em .6em; width: 3.8em; text-align: center;border-radius: 4em;background: #fff; color: #888;}
.period_tads ul li p{font-weight: inherit;}
.period_tads ul li + li{margin-left: .4em;}
.period_tads ul li.on{border-color:#111;color:#fff;background: #111;}

.period_tads .bot{display: flex; justify-content: space-between; }
.period_tads .bot > p{font-size: 0.9em;color: #666; margin-top: .4em;}
.period_tads select{border:none;background-color: transparent; padding:0;height: auto;font-weight: 600;width: 5.4em;}


.point_breakdown li > div{display: flex; justify-content: space-between;}
.point_breakdown em{font-size: 1.1em;}
.point_breakdown .left p{font-size: .9em; color: #666;}
.point_breakdown .right{text-align: right;}
.point_breakdown .right b strong,
.point_breakdown .right b span{display: none; font-size: 0.9em;}

.point_breakdown .use .right b .end{display: block;}
.point_breakdown .save .right b span{display: block;}
.point_breakdown .schedule .right b .ing{display: block;}


.point_breakdown li{padding:.8em 0; border-bottom:1px solid #ebebeb;}
.point_breakdown .right p{font-size: 1.2em; font-weight: bold;}
.point_breakdown .right p span{font-weight: inherit;}
.point_breakdown .use .right p {color: #f31818;}
.point_breakdown .save .right p {color: #0d94d7;}
.point_breakdown .schedule .right p {color: #f38816;}


/*pointcharging_page*/
.pointcharging_page .input_con{ font-size: 2.2em;display: flex;justify-content: center;   align-items: center; font-weight: 600; color: #666;margin:.4em 0;}
.pointcharging_page .input_con input{padding:0; height: auto; font-size: inherit; border:none;font-weight: inherit; }
.pointcharging_page .txt{font-size: 0.9em;color: #666;}
.pointcharging_page .input_con p{font-weight: inherit; margin-right: .2em;}


.pointcharging_page .amount{display: flex; margin:-.2em}
.pointcharging_page .amount li{width:calc(100% / 5) ; padding:.2em;text-align: center; cursor: pointer;}
.pointcharging_page .amount li > p{border:1px solid #eee; padding:.6em .4em; border-radius: .2em;}

.pointcharging_page .content02 .con{display: flex; justify-content: space-between; align-items: center; }
.pointcharging_page .content02 .con + .con{margin-top: 1em;}
.pointcharging_page .content02 b{font-weight: 500;color: #888;}
.pointcharging_page .content02 .text{ font-weight: 600; display: flex; align-items: center;}
.pointcharging_page .content02 .text span{ font-weight: inherit;}
.pointcharging_page .content02 .text button{padding:.4em .6em;border:1px solid #ddd;font-weight: 500 ;color: #666; border-radius: .2em;}

.charging_means.before .text span{display: none;}
.charging_means.after .text span{display: block;}
.charging_means.after .text button{display: none;}






.counsling_cate{display: flex; margin-bottom: 1em;}
.counsling_cate select + select{margin-left: .8em;}




.mypage_reivew section.content {overflow: hidden;}
.mypage_reivew .product_list{bordeR:1px solid #eee;padding:.8em; border-radius: .8em; margin:1em 0;}

.management_but{display: flex; justify-content: flex-end; margin-top: 1em;}
.management_but button{font-size: .9em;}
.management_but button.cancel{color: #f31818;}

.inquirypgae .inquiry_content li + li{padding-top:.8em;}



.inquiry .but+.but{margin-top: .6em;}

.inquiry .content01{background: #f5f5f5;}

.inquiry .content02 li{padding:1em 1.2em; border-bottom:1px solid #ddd; cursor: pointer;}
.inquiry .content02 .tit{display: flex; align-items: center}
.inquiry .content02 .tit em{font-weight: 600; font-size: 1.1em; width: calc(100% - 68px);}
.inquiry .content02 .tit p{border:1px solid #2A4186; color: #2A4186;padding:.15em .6em 0.05em; font-size: 0.85em; font-weight: 600; border-radius: 20px; margin-right: .4em; width:65px;text-align: center; }
.inquiry .content02 .tit p span,
.inquiry .content02 .tit p strong{font-weight: inherit;white-space: nowrap;}
.inquiry .content02 li > p{font-size: .9em; color: #666; margin-top: .4em;}


.inquiry .content02 li{cursor:initial;}
.inquiry .content02 .before .tit p strong{display: none;}
.inquiry .content02 .after .tit p span{display: none;}
.inquiry .content02 .after .tit p{background: #2A4186 ;color: #fff;}



.inquiry_view .view_con .text{ min-height: 40vh ;padding:1em 1.2em; font-size: 0.95em;margin-bottom: 1em;}

.inquiry_view .answer{padding:1em;background: #f9f9f9;min-height:20vh ; font-size: 0.95em; border-radius: .8em;} 
.inquiry_view .answer_top{display: flex; justify-content: space-between; margin-bottom: .6em;}
.inquiry_view .answer_top em{font-weight: 600;}
.inquiry_view .answer_top .answer_day{color: #666; font-size: 0.9em;}
.inquiry_view .but{margin-top: 1em;}
.inquiry_view .but button{font-size: 0.9em; width: auto; height: auto; padding:.7em 1em .6em;}


.phptoSwiper .swiper-slide{position: relative;padding-bottom:23%; border-radius: .4em; overflow: hidden;}
.phptoSwiper .swiper-slide i{width: 100%; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);    height: 100%;}
.phptoSwiper .swiper-slide i img{width: 100%;}


.phptoSwiper .swiper-slide button{position:absolute; right: 0.4em; top:0.4em; width:1.6em;}


.login_page section > div{position: relative;    height: 100%;}
.login_page .size_wrap {background: #f5f5f5;}
.login_page .size_wrap > div{position: relative;}
.login_page .inner{padding-left:2em;padding-right: 2em; position: absolute;left:50%;top:50%;transform: translate(-50%, -50%); width: 100%;height:80vh;}
.login_con input{height: 3.6em;border-radius: 0.4em;}
.login_con input+input{ margin-top: .4em;}
.login_con > div + div{margin-top: 1em;}
.login_page .but button{height: 3.6em;}
.login_page .but.join{/* position: absolute;bottom:0;left:50%;transform: translate(-50%,0);  */width: 100%;}
.login_con .bot_but{text-align: center;font-size: 14px; color: #888; display: flex; align-items: center;}
.login_con .bot_but button{color: inherit; width: auto;margin:0 .2em}
.login_page .logo{margin:0 auto; margin-bottom: 3em;    width: 5em; display: block; text-align: center;}
.login_page .logo i{display: block;}
.login_page .logo p{color: #888; line-height: 1.4;}

.login_page .sns_login{/* bottom:6em;left:50%;transform: translate(-50%,0);  */width: 100%; margin:40px 0 80px;}
.login_page .sns_login p{font-weight: bold; color: #888; margin-bottom: 1em; text-align: center;}


.join01_page .agree_page{height: 100%;}
.join01_page .agree_page > div{position: relative;}
/* .join01_page .check_agree{position: absolute;left:50%;transform: translateX(-50%);bottom:0; width: calc(100% - 2.4em);}  */
.top_left_txt{font-size: 1.6em; line-height: 1.4;}
.join01_page .all_check{ background: #f9f9f9;padding:1.2em;border-radius: .4em;}
.join01_page .check_agree li + li{margin-top: 1.4em;}
.join01_page .check_agree .policy_box{border:1px solid #eee;padding:0.6em;margin-top: .6em;font-size: 0.95em; color: #666; line-height: 1.3;}



.join_page .insert{background: #f9f9f9;padding:1em;border-radius: .6em;}
.join_page .insert .ncsry{font-size: 0.9em;font-weight: 600; color: #888; margin-bottom: .4em;display: block;}
.join_page .insert .ncsry i{color: #2A4186;position: relative; top:-2px;font-weight: bold;}
.join_page .insert input{background: transparent; border:none; font-size: 1.2em;height: auto; padding:0; width: 100%; outline: none;}
.join_page .insert > span+span{margin-top: .4em;display: block;}
.join_page .insert input[type="password"]{letter-spacing: 4px;}
.join_page .insert input[type="password"]::placeholder{letter-spacing: 0px;;}


.join_page .insert .tit{font-size: 0.85em;color: #888; margin-top: .4em; margin-bottom: .4em;}
.join_page .insert .txt{font-size: 0.8em;color: #f31818; margin-top: .4em;}
.join_page .insert input::placeholder{color: #bbb;}
.join_page .insert .add_but input{width: calc(100% - 4em);}
.join_page .insert .add_but{display: flex;position: relative;}
.join_page .insert .add_but button{width: 6em;font-size: .9em;background: #111;color: #fff;border-radius: .2em;padding:.4em .8em}

.join_page .insert .add_but .sms_time{font-size: 0.9em;font-weight: 600;color: #888;position: absolute; right:6.5em;top:50%;transform: translateY(-50%); }
.join_page .insert .add_but .sms_time button{padding:0.2em .6em .25em;background: #ddd;color: #666; width: auto;}

.join_page .radio_style input{height: 2.2em;}
.join_page .radio_style [type="radio"]:checked{background: #2A4186;}
.join_page .radio_style [type="radio"]{background: #eee;}

.join_page .birth_con{display: flex;align-items: center; font-size: 1.1em;color: #666;}
.join_page .birth_con input{text-align: center;}
.join_page .birth_con select{background-color: transparent; padding:0; border:none; font-size: 1.1em;height: auto; color: #444; font-weight: 600;}




.review_star h3{font-size: 2em; text-align: center; margin-bottom: 40px;}
.review_star .head .top{    word-break: keep-all;text-align: center; color:#888; font-size:0.937rem}
.review_star .cancel_top > p{width:100%; font-size: 1.25rem; }
.review_star .reason01{position:relative;margin-top:10px;height: 60px;}
.review_star .reason01 p{padding:10px 10px; border:1px solid #ddd; }
.review_star .reason01 select{width:100%; ;border:1px solid #ddd; background-color: #fff; padding:15px 15px;z-index: 9; font-size:1rem;}
.review_star .reason01 ul li{cursor: pointer;}
.review_star .reason01_01 p{position:relative}
.review_star .reason01_01 .review_star{width:320px;height:52px;margin:0 auto;margin-bottom: 40px;}
.review_star .reason01_01 .review_star ul li{position:relative;display: inline-block; width:59px; height:52px;overflow: hidden;}
.review_star .reason01_01 .review_star .yes_star{width:300px;height:52px;background:url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/16770212653457.png) no-repeat;     z-index: 9;background-size:cover ; position:absolute; top:0; }
.review_star .reason01_01 .review_star .no_star{width:300px;height:52px;background:url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167702089629237.png) no-repeat;background-size:cover;position:absolute; top:0; left:0;}

.review_pro_info{display: flex;border-bottom:1px solid #ddd;padding-bottom: 30px;}
.review_pro_info .product_img { width: 140px; height: 140px;overflow: hidden;}
.review_pro_info .product_text_box{width: calc(100% - 140px);padding-left: 20px;display: flex;align-items: center;}
.review_pro_info .p_op{opacity: 0.6;}
.review_pro_info .p_number_price{display: flex;opacity: 0.6;}
.review_pro_info .p_number_price p + p{margin-left: 10px;padding-left: 10px;;position: relative;;}
.review_pro_info .p_number_price p + p::before{content:'';display: block;width: 1px;height: 12px;background: #ddd;position: absolute;left:0;top:45%;transform: translateY(-50%);}
.review_pro_info .product_title{font-size: 1.25rem;font-weight: 600;margin:6px 0;}

.star4 ul li:nth-child(5) .yes_star{display: none;}
.star3 ul li:nth-child(4) .yes_star{display: none;}
.star3 ul li:nth-child(5) .yes_star{display: none;}
.star2 ul li:nth-child(3) .yes_star{display: none;}
.star2 ul li:nth-child(4) .yes_star{display: none;}
.star2 ul li:nth-child(5) .yes_star{display: none;}
.star1 ul li:nth-child(2) .yes_star{display: none;}
.star1 ul li:nth-child(3) .yes_star{display: none;}
.star1 ul li:nth-child(4) .yes_star{display: none;}
.star1 ul li:nth-child(5) .yes_star{display: none;}

.star0 ul li .yes_star{display: none;}

.review_star .review_star .star_ment{position: relative;top:12px;color: #333;}
.review_star .review_star .star_ment span{font-weight: inherit;}
.review_star .review_star .star_ment p{text-align: center;display: none;font-weight: bold; }
.review_star .star1 .star_ment .m01{display: block;}
.review_star .star2 .star_ment .m02{display: block;}
.review_star .star3 .star_ment .m03{display: block;}
.review_star .star4 .star_ment .m04{display: block;}
.review_star .star5 .star_ment .m05{display: block;}


.review_writing .textarea_con{position: relative; }
.review_writing .textarea_con > span{position: absolute; right:12px; bottom:16px; font-size: 12px; color: #888;}
.review_writing .noti{font-size: 14px; color: #888;}
.review_writing .noti p{color: #888;}




.profile .filebox .upload-display {  /* 이미지가 표시될 지역 */
  margin-bottom: 5px;
}


.profile .filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
  display: inline-block;
  width: 90px;height: 90px;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 50%;overflow: hidden;

}

.profile .filebox .upload-display img {  /* 추가될 이미지 */
  display: block;
  max-width: 100%;
  width: 100% \9;
  height: auto;
}
.profile .filebox input[type="file"] {  /* 파일 필드 숨기기 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.profile .filebox label{ position: absolute; width: 2em; height: 2em; right: -0.2em; bottom: -0.2em; cursor: pointer; background: url(); bordeR:1px solid #ddd; border-radius: 50%;}
.profile .filebox label img{width: 105%;height: 105%;position: absolute;left:50%; top:50%;transform: translate(-50%,-50%);}

.package_depth .point_content{padding-bottom:0;}
.package_depth{height:34.25em;/*  overflow-y: scroll ; */}
.package_depth li+li{margin-top: .8em;}
.package_depth li > div{border:1px solid #eee;padding:1em;border-radius: .6em; display: flex; align-items: center; background-color: #fff;}
.package_depth li em{font-weight: 600; font-size: 1.2em;}
.package_depth li p{font-size: 0.95em;color: #666;}
.package_depth li p span{font-weight: 600; color: #2A4186;}
.package_depth li .left{width: calc(100% - 6em);}
.package_depth li button{width: 6em; background: #2A4186; color: #fff;border-radius: .4em; padding:0.6em;}



.precautions{background: #fff; font-size: 0.9em; color: #666; padding-top: 1.2em;padding-bottom: 1.2em;}


.tab_bar_sec ul {width: 100%; display: flex; border-bottom: 1px solid #eee;}
.tab_bar_sec ul > li {width: calc(100% / 3); text-align: center; padding: 1em; font-size: 1.1em; color: #888; font-weight: 600;}
.tab_bar_sec ul > li.on {font-weight: bold; border-bottom: 2px solid #2A4186; color: #2A4186;}

.view_page .profile {width: 3em; height: 3em; overflow: hidden; display: block; position: relative; border-radius: 50%;}
.view_page .profile > img {width: 100%; height: 100%; object-fit: cover;}
.view_page .profile_info {width: calc(100% - 3.5em); padding-left: .6em;}
.reple_wrap{width: 100%; display: flex; gap: .5em; margin-top: 1em;}
.reple_wrap > textarea{width: 80%; border: 1px solid #eee; font-size: 1em; line-height: 140%;}
.reple_wrap > button {width: 20%; background-color: #1D4791; color: #fff;}

.filter-select-wrap > li > div {margin-top: .8em;}

.calendar-container {text-align: center; background: white; border-radius: 10px; margin-top: .8em;}
.date-cal {display: flex; font-size: 1.4em; justify-content: center;}
.scriptCalendar {width: 100%; text-align: center;}
.scriptCalendar > thead > tr:first-child > td,
.scriptCalendar > tbody > tr > td,
.scriptCalendar > thead > tr:last-child > td  {font-size: 14px;}
.check-date-ele > ul > li > p {font-size: smaller;}
.date-cal {font-size: 1.3em;}
.calendar-header {display: flex; justify-content: center; width: 100%; align-items: center; padding: 0 1em;}
.calendar-header > .left-btn,
.calendar-header > .right-btn{display: flex; align-items:center;}
.calendarBtn > i {display: block; width: 1.6em; height: 1.5em; overflow: hidden;}
.calendarBtn > i > img {width: 100%; height: 100%;}
.scriptCalendar > tbody > tr > td,
.scriptCalendar > thead > tr > td {text-align: center;}
.scriptCalendar > tbody > tr > td {padding: 1em;}
.calendarBtn {display: flex; justify-content: center;}
.check-date-ele {margin-top: 1em; padding: 15px; background-color: #f1f1f1; border-radius: 10px;}
.check-date-ele > ul {height: 3em; display: flex; gap: 5px; flex-wrap: nowrap; width: 100%; overflow-x: auto; overflow-y: hidden;}
.check-date-ele > ul > li {display: flex; align-items: center; font-size: 14px; border: 1px solid #1D4791; background-color: #fff; border-radius: 50px; position: relative;}
.check-date-ele > ul > li > p {display: block; width: 110px; height: auto; text-align: left; padding: 5px 25px 5px 10px; color: #1D4791; font-weight: 600;}
.check-date-ele > ul > li > p::after{content: '✕'; position: absolute; color: #1D4791; right: 0; top: 50%; transform: translate(-10px, -50%);}
.calendar-top-box {display: flex; align-items: center; gap: 1em;}




.product_list.type04 > li { padding-bottom: 1.2em; border-bottom: 1px solid #ddd;}

.plus_button{display: flex; align-items: center; gap: .5em; cursor: pointer; }
.plus_button > p {display: block; color: #888; font-size: 1em; height: auto; margin-top: .1em;}


.commu-reply-wrap {background-color: #f9f9f9; border-radius: 1em; margin: 1.2em;}

/* 25 02 21 */
.filter_Swiper .swiper-slide > div.reset-btn {border: 1px solid #2A4186; color: #2A4186;}








/* ********************************************* *
*800px max
* ********************************************* */
@media screen and (max-width:800px){
    
    .review_wrap .bot .img_con > div > div {width: 9em; height: 9em; }

    .area_search .size_wrap header { transform: translateX(-50%);  }
    
}


/* ********************************************* *
*550px max
* ********************************************* */
@media screen and (max-width:550px){
  .inquiry .content02 .tit p {padding: .12em .6em .12em;}
  
}



/* ********************************************* *
*400px max
* ********************************************* */
@media screen and (max-width:400px){
  .login_page .size_wrap > div{padding-bottom: 0;}
  .login_page .but.join,
  .login_page .inner,
  .login_page .sns_login{position: initial; transform: none;}
  .login_page .inner{padding:20px 1.2em;height: 100vh;}
  .login_page .inner > div{display: flex; flex-direction: column;  justify-content: space-between;}
}