/* 공통 */
/*텍스트 컷*/
.text_cut{white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut02{white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut03{white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut04{white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}




.mo_lang .on{font-weight: 600;color: #2A4186;margin-bottom: 20px;}
.mo_lang a+a{margin-left: 10px;}


@font-face {
    font-family: 'GapyeongHanseokbong-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/GapyeongHanseokbong-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* search_box */

.text-red{color: #df2929;}


.txt{color: #333;}
.bold{font-weight: bold;}
.bold.c_888{color: #888;}


.sec_title.add_but{display: flex;justify-content: space-between;align-items: center; align-items: center;}
.sec_title.add_but h5 span{color: #2A4186; font-weight: bold; margin-left: 0.4em;}
.sec_title h4{/* font-family: 'GapyeongHanseokbong-Bold'; */ font-size: 1.3em; letter-spacing: -.05em; font-weight: bold;}
.sec_title h5{ font-size: 1.15em; font-weight: bold;}
.sec_title > .d-block h5 {font-size: 1.15em; font-weight: bold;}
.sec_title h6{ font-size: 1em; font-weight: bold;}
.sec_title.type02{ margin-bottom: .4em;}
.sec_title.type03{ margin-bottom: 0em;}

.padding_top{padding-top: 1.2em;}
.padding_bot{padding-bottom: 1.2em;}
.padding_tb{padding-top: 1.2em;padding-bottom: 1.2em;}


.sec_title{margin-bottom: 0.6em;}
.sec_title p{color: #666;}
.sec_title + .title_tabs{margin-bottom: 1em;}
.sec_title .more_but{width: 0.7em; height: 1em; padding:0; opacity: 0.8;}
.title_tabs{margin-top: .4em;}
.title_tabs ul {display: flex;}
.title_tabs ul li{padding:.5em 1em;font-size: 0.9em; border-radius: 20px; border:1px solid #eee; color: #666; margin-right: 0.4em; cursor: pointer;    line-height: 1;}
.title_tabs ul li.on{background: #2A4186;color: #fff;border-color:#2A4186;}

button{padding:0;font-family: inherit; font-size:1em;font-weight: 500;}
.but.two_but{display: flex;}
.but button{width: 100%;background: #fff;border-radius: .4em; font-size: 1em;height: 45px;}

.but button.check{background: #2A4186;color: #fff;}
.but button.check_sub{background: #fff;color: #2A4186; border:1px solid #2A4186; font-weight: 600;}
.but button.sub{background: #fff;color: #666; border:1px solid #eee; font-weight: 500;}



/*팝업*/
.popup{background-color:#637291;padding:10px 0;position:relative; display: block;}
.popup p{text-align: center; color:#fff; font-size:13px;width: 78%; margin: 0 auto;}
.popup .pop_close{position:absolute; right:5%; top:50%; transform: translateY(-50%); color:#fff; width:22px;border:1px solid #fff; border-radius: 22px; height:22px;cursor: pointer;}
.popup .pop_close span{width:10px; position:absolute; top:48%; left:23.5%; transform: translate(-50%, -50%);background-color: #fff;width:11px; height:1px;}
.popup .pop_close span:first-child{transform: rotate(45deg);}
.popup .pop_close span:last-child{transform: rotate(-45deg);}



/* --------------------------------------------------
-------------------------radio--------------------- */
/*radio_style*/
.radio_style.flex_wrap{flex-wrap: wrap;}
.radio_style.flex_wrap label.w25p{width: calc((100% - 40px) / 5);}
.radio_style{display: flex; margin:-4px; }
.radio_style label {cursor: pointer; display: block;position: relative;    box-sizing: border-box;    margin-left: -1px; margin:4px;    }  
.radio_style label.w33p{width: calc(100% / 3);}
.radio_style label.w20p{width: calc(100% / 4);}
.radio_style label.w25p{width: calc(100% / 5);}
.radio_style label.w50p{width: calc(100% / 2);}
.radio_style span {line-height: 1.2;vertical-align: middle;position: absolute;left:50%;top:54%;transform: translate(-50%,-50%);display: block;color: #666;width: max-content;font-size: 0.95rem;}  
.radio_style [type="radio"] {cursor: pointer; vertical-align: middle;  appearance: none;  border: 1px solid #ddd;;  ;background: #fff;margin:0;border-radius: 0;padding: 1.5em;  border-radius: 0.2em;  width: 100%;}  
.radio_style [type="radio"]:checked {border: 1px solid #2A4186;;background: #2A4186;}    
.radio_style [type="radio"]:checked + span {color:#fff;font-weight: 600;}  
.radio_style [type="radio"]:disabled {background-color: lightgray;  box-shadow: none;   cursor: not-allowed;}  
.radio_style [type="radio"]:disabled + span {color:#fff;}  

.radio_style .select_con{position:absolute;bottom:0; left:0;background: #fff;width: 100%;}

.radio_style label.off [type="radio"]{background: #ddd; border-color:#ddd }
.radio_style label.off [type="radio"] span{color: #888;}
.radio_style label.off [type="radio"]:checked + span{color: #888; font-weight: 400;}


/* --------------------------------------------------
-------------------------radio--------------------- */
/*radio_style*/
.radio_style [type="checkbox"] {cursor: pointer; vertical-align: middle;  appearance: none;  border: 1px solid #ddd;;  ;background: #fff;margin:0;border-radius: 0;padding: 1.5em;  border-radius: 0.2em;  width: 100%;}  
.radio_style [type="checkbox"]:checked {border: 1px solid #2A4186;;background: #2A4186;}    
.radio_style [type="checkbox"]:checked + span {color:#fff;font-weight: 600;}  
.radio_style [type="checkbox"]:disabled {background-color: lightgray;  box-shadow: none;   cursor: not-allowed;}  
.radio_style [type="checkbox"]:disabled + span {color:#fff;}  

.radio_style .select_con{position:absolute;bottom:0; left:0;background: #fff;width: 100%;}

.radio_style label.off [type="checkbox"]{background: #ddd; border-color:#ddd }
.radio_style label.off [type="checkbox"] span{color: #888;}
.radio_style label.off [type="checkbox"]:checked + span{color: #888; font-weight: 400;}




/*제품 진열*/
.list_slide.product_list  {padding-left: 1.4em;}
.product_list .thumbnail img{display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.product_list .thumbnail{position: relative;display: block;overflow: hidden;padding-bottom: 70%; border-radius: .4em;}

.product_list .thumbnail .sns_icon{position: absolute;    z-index: 9; right:1.6em;bottom:1.4em; display: flex;}
.product_list .thumbnail .sns_icon i{display: block; width: 2.2em;height: 2.2em; margin-left: .4em;cursor: pointer;    border-radius: 50%; overflow: hidden;}
.product_list .thumbnail .sns_icon i img{width: 102%;height: 102%;display: block;position: initial; transform: none;}



.product_list .list_icon{position: absolute;bottom:30px;left:50%;transform: translateX(-50%);background:rgb(0 0 0 / 60%);padding:8px 20px;border-radius: 30px;opacity: 0;transition-duration: 0.3s;justify-content: center;    display: flex;z-index: 999;}
.product_list .text_box{padding-top:1em;}
.product_list .title{display: flex; align-items: center;margin-bottom:0;}
/* .product_list .tit{font-weight: 600;  font-size: 1.1em;} */
.product_list .tit{font-weight: 600;  font-size: clamp(13px, 3vw, 16px);}
.product_list .txt{font-size: 0.9em; color: #333;    line-height: 1.4;}
.product_list .bot{margin-top: .4em; display: flex;justify-content: space-between;}
.product_list .price{font-size: clamp(10px, 4vw, 16px);font-weight: 700;   line-height: 1;}
.product_list .review p {font-size: clamp(10px, 4vw, 16px);}
.review i {font-size: clamp(10px, 4vw, 16px);}
.product_list .review p,
.product_list .review strong,
.product_list .price span{font-weight: inherit;}
.review {display: flex; font-size: 0.9em; align-items: center;font-weight: 500; line-height: 1;}
.review i{width: 1em;height:1em;margin-right: .1em;}
.review p{color: #666;}
.review span{font-weight: 600; color: #111;}

.product_list .location_pin {display: flex; color: #666; font-weight: 500; align-items: center; margin-top: 0.8em; opacity: 0.8; position: relative;left:-0.3em}
.product_list .location_pin i{ display: block;width: 1.3em;height: 1.3em; opacity: 0.4; position: relative; top:-0.05em}
.product_list .location_pin i img{height: 100%; width: 100%;display: block;}
.product_list .location_pin span{font-weight: inherit; margin:0 .2em;}
.product_list .location_pin i.arr{width: .7em;height: .7em; opacity: 0.6; transform: rotate(180deg);}

/* .product_list li{margin-bottom: 40px;} */
.product_list .state {font-size: 0.85em; margin-bottom: .4em; color: #666;}
.product_list .state span{padding:.2em .8em; border:1px solid #eee; border-radius: 30px; font-size: clamp(8px, 4vw, 11px);}
.product_list .state span + span{margin-left: .2em;}
.product_list .t_type{margin-right: .2em; display: flex;}
.product_list .t_type span{ display: none; font-weight: bold;  font-size: clamp(13px, 3vw, 16px);}
.product_list.main_slide .t_type span {font-size: 1.1em;}
.product_list .t_type.t_type01 .type01{display: block;}
.product_list .t_type.t_type02 .type02{display: block;}
.product_list .t_type.t_type03 .type03{display: block;}
.product_list .t_type.t_type04 .type04{display: block;}
.product_list .t_type.t_type05 .type05{display: block;}


.product_list.type02 .con{display: flex; cursor: pointer; align-items: center;} 
.product_list.type02 .con + .con{margin-top: 1em;}
.product_list.type02 .thumbnail{width: 40%;padding-bottom: 27%; border: 1px solid #eee;}

.product_list .thumbnail.no_img img{content:url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/168004320554472.png)}
.product_list.main_slide .thumbnail.no_img img{content:url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/168004365247420.png)}

.view_page .product_list .thumbnail.no_img > img{content:url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/16800435136220.png)}
.product_list.type02 .text_box{padding-top:0em; padding-left: 1em; width: calc(60%);}

.product_list.type02 .thumbnail i.loca_arr{background: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167621717358156.png) center/cover; width:0.9em;height: 1.1em; display: block; filter: invert(100%); margin-right: .2em; }
.product_list.type02 .thumbnail p{background: rgb(0 0 0 / 60%); position: absolute; left:0.6em;bottom:0.6em; border-radius: 20px; color: #fff; padding:.2em .6em;font-size: 0.8em; display: flex; align-items: center;}


.product_list.type03 .con{display: flex; cursor: pointer;align-items: center;} 
.product_list.type03 .con + .con{margin-top: 1em;}
.product_list.type03 .thumbnail{width:30%;padding-bottom: 20%;}
.product_list.type03 .text_box{padding-top:0em; padding-left: 1em; width: calc(70%);}

.product_list.type03 .txt span{font-weight: 500; }
.product_list.type03 .txt span + span{padding-left: .7em;margin-left: .2em;position: relative;;}
.product_list.type03 .txt span + span::after{content:'';display: block;width: .2em;height: .2em;background: #bbb;position: absolute;left:0;top:50%; border-radius: 50%;;}


.product_list.type04 .con{display: flex; cursor: pointer; align-items: center;} 
.product_list.type04 .con + .con{margin-top: 1em;}
.product_list.type04 .thumbnail{width: 5em;height: 5em;padding-bottom: 0%;}
.product_list.type04 .text_box{padding-top:0em; padding-left: 1em; width: calc(100% - 5em);}
.product_list.type04 .txt {display: flex; font-size: 1em; margin-top: .2em; color: #333;}
.product_list.type04 .txt p + p{padding-left: .7em;margin-left: .2em;position: relative;;}
.product_list.type04 .txt p + p::after{content:'';display: block;width: .2em;height: .2em;background: #bbb;position: absolute;left:0;top:50%; border-radius: 50%;;}
.product_list.type04 .txt p span{font-weight: inherit; font-weight: 500; color: #666;}


.product_list.type05 .d-block{margin-right: .8em;}
.product_list.type05 .con{display: flex; cursor: pointer; align-items: center;} 
.product_list.type05 .con + .con{margin-top: 1em;}
.product_list.type05 .thumbnail{width: 5em;height: 5em;padding-bottom: 0%;}
.product_list.type05 .text_box{padding-top:0em; padding-left: 1em; width: calc(100% - 7.1em);}
.product_list.type05 .txt {display: flex; font-size: 1em; margin-top: .2em; color: #333;}
.product_list.type05 .txt p + p{padding-left: .7em;margin-left: .2em;position: relative;;}
.product_list.type05 .txt p + p::after{content:'';display: block;width: .2em;height: .2em;background: #bbb;position: absolute;left:0;top:50%; border-radius: 50%;;}
.product_list.type05 .txt p span{font-weight: inherit; font-weight: 500; color: #666;}


.menu_list .cata{display: flex;font-size: 0.9rem;color: #666;justify-content: flex-end;}
.menu_list .cata p+p{margin-left: 12px;}
.menu_list .cata p.on{font-weight: bold;color: #2A4186;}
.menu_list .cata p a{display: block;font-weight: inherit;}



/* header Style */

/* header */
.header{position: sticky; width:100%; z-index: 99; top:0; /* padding: 0.7em 0; */ padding:0 .8em;background: #fff; border-bottom:1px solid #eee;}
.header.bot_none{border-bottom:none}

.header.bot_none  .prev img {height: 1.7em;}

.header .main_nav{ position: relative; height:3.3em;  display: flex;
    align-items: center;justify-content: space-between;}
.main_header .main_nav{display:flex;justify-content:space-between;align-items: center;}
.header .sub_top_tit{font-size:0.9em; color:#111;font-weight: 600; position: absolute;
    left: 50%; transform: translateX(-50%); } .header .sub_top_tit h1{font-weight: inherit;}


    .header .close{width: 15px;height: 15px;}
    .header .close span{display: block; width: 100%;height: 100%;}
    .header .close img{width: 100%;height: 100% !important; display: block;}


.text_cut01{width: 100%; white-space:normal; display:-webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;text-align: left;}
.text_cut03{width: 100%; white-space:normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-align: left;}
.width50p{width:50%}

.gradient_box{background: linear-gradient(45deg, #2A4186, #eb471a);}
.border_color{  border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient( #2A4186, #eb471a);
    background-origin: border-box;
    background-clip: content-box, border-box;}
.text_color{background: linear-gradient(45deg, #e7c218, #eb471a ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.header_flip{background-color:#f5f5f5; border-bottom: 1px solid #eee; position: fixed; top:4em; width: 100%; padding:.8em 0 .4em 0; z-index: 11;}
.header_flip .bd{display: flex; align-items: center; justify-content: space-between;}
.header_flip .bd span:first-child {color: #444;}

.bot_but{display: flex;margin:0 auto;text-align: center;margin-top:1em;    justify-content: center;color:#777;font-weight:500;cursor: pointer;}

.bot_but button{width: 100%; padding:.4em 0;}

.bot_but span{color:#e8351d;font-weight:700;display: inline;}



.header .prev{text-align: center; cursor: pointer;    display: flex;}
.header .prev img{height:1.3em;}

.header .sub_nav .CategoryList{height:40px; overflow-x: auto; max-width: 100%; overflow-y: hidden; white-space: nowrap; line-height: 36px;}

.header .sub_nav .CategoryList::-webkit-scrollbar {height:4px;}
.header .sub_nav .CategoryList::-webkit-scrollbar-thumb {background: #ded7c7;  border-radius: 4px;}
.header .sub_nav .CategoryList ul li.list_con{vertical-align: middle; display: inline-block; margin:0 12px; height:40px;}
.header .sub_nav .CategoryList ul li.list_con:last-child{margin-right:20px;}
.header .sub_nav .CategoryList ul li.list_con > a{color:#818181;}
.header .sub_nav .CategoryList ul li.list_con.active > a{font-weight:bold; color:#26ae5f; padding-bottom:4px; border-bottom:2px solid #26ae5f;}


.header .nav_inner.start_header{position: relative;}
.header .logo.start_header {position: absolute;top:50%;transform: translate(-50%,-50%);left:50%;}


/* .view_header{ background:  transparent;position: absolute; border:none;} */
/* .view_header .sub_top_tit{color: #fff;} */
.view_header .nav_inner.center h1 { width: 3.3em;display: flex;}




/* 
.nav_inner{display:inline-block; position: absolute;} */

/* right */
.nav_inner > span{float:left; position: relative; margin-right:0.3em; cursor: pointer;height: auto;display: flex;}
.nav_inner.right > span{margin-right:1.4em;    display: flex;}
.nav_inner > span.menu img{height: 2.1em; margin-top: 10px;}
.nav_inner > span.search_btn img{}

.nav_inner.right > span strong{background-color:#2A4186; color:#fff; position: absolute;    display: flex;justify-content: center;align-items: center;
    border-radius: 1.6em;width: .8em;height: .8em; font-size:0.5em;font-weight: bold;line-height: 1; }

.nav_inner.right > span .mypage_ea{ left:-.8em; top:-0em;}
.nav_inner.right > span .message_ea{right:-0.2em; top:0em;}

.nav_inner.right > span:last-child{margin-right:0;}
.nav_inner span img{height:1em; right: 1.2em;}
.nav_inner span.head_basket img{height: 1.5em;}
.nav_inner.right .kas{border-radius: 50%; display: inline-flex; overflow: hidden; margin-top: 5px;} 
.nav_inner.right span img{    height:1.5em;opacity: 0.9;}
/* center */
.nav_inner.center h1{ font-size: 1.3em;}
.nav_inner.center h1 strong{font-weight: inherit;}
.nav_inner.center h1 span{ font-weight: 600;color: #2A4186; margin-left: .2em;}
.sub_navi .nav_inner.center h1{position: absolute;left:3em;top:50%;transform: translateY(-50%);}
.nav_inner.center h1.logo{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THERAPY/162837232996284.png);width:3em;height:2.4em;
 cursor: pointer;;   background-repeat: no-repeat; background-position: center; background-size: contain; 
 position: absolute; left:0%; top: 50%; transform: translate(0%,-50%);}
 .nav_inner.center h1.logo a{display: block;width: 100%;}
 .nav_inner.center h1.logo a img{display: block;width: 100%;}
.nav_inner.center h2{font-size:1.125em; font-weight: bold;}
.page_close .close{text-align: center; cursor: pointer;    display: flex;}
.page_close .close img{height:2em;}


.search_header.header{padding:0;} 
.search_header.header .main_nav{height: 5em; padding:0 1.2em}
.search_header .search_con{background: #f5f5f5;border-radius: .2em;    width: 90%; display: flex;padding: .2em;align-items: center;}
.search_header .search_con input{border:none;outline: none;background: transparent; width: calc(100% - 2.8em); padding-right: .8em;}
.search_header .search_con button{width: 2em;height: 2em;margin-right: .8;}
.search_header .search_con button img{width: 100%;height: 100%;}


.recently_search {padding-bottom: .8em; overflow-x: scroll; white-space: nowrap;}
.recently_search ul{display: flex;align-items: center; width: max-content;padding:0 .8em;}
.recently_search ul li{margin-right: .6em;}
.recently_search ul li > div{display: flex; padding:.2em  .4em;padding-left: .8em;; align-items: center; border:1px solid #eee; border-radius: 20px;} 
.recently_search ul li button{background: #ddd; padding:0; width: 1.3em; height: 1.3em; margin-left: .8em; border-radius: 40px; display: flex;    justify-content: center;   align-items: center;}
.recently_search ul li button img{width: 100%; height: 100%;display: block;}


/* left */
.main_header .nav_inner.left{border:1px solid #eee;border-radius: 0.5em;padding:0.4em 0.5em;display: flex; align-items: center;    flex-direction: row-reverse;    width: 45%;    justify-content: flex-end; }
    .nav_inner.left input {width: calc(100% - 21px);outline: none;    border: none !important;
        padding: 0 !important;padding-left: 0.3em !important;    border-radius: 0;}

/*page_navi*/
.page_navi{width: 100%;transition-duration: 0.3s;margin-left: auto; position: sticky; bottom:0; background: #fff;padding:.2em 0;border-top: 1px solid #eee; z-index: 99; bottom:-1px;}
.page_navi ul{display: flex;width: 100%;justify-content: space-around;}
.page_navi ul li{width: 25%;}
.page_navi ul li div{width:100%;text-align: center;display: flex;flex-direction: column;height: 100%;  align-items: center;justify-content: center; cursor: pointer;}
.page_navi ul li div i{width:2.3em;margin:0 auto; height:2.3em !important;display: flex;justify-content: center; align-items: center;}
.page_navi ul li div p{color:#bbb;font-size:0.85em; font-weight: 600;}
.page_navi ul li i img{width: 100%;}
.page_navi ul .page_navion i{opacity: 1;}
.page_navi ul .page_navion p{color: #2A4186;}
.page_navi ul .page_navion.home_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167578650360311.png);}
.page_navi ul .page_navion.search_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167742736430982.png);}
.page_navi ul .page_navion.location_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167578650965887.png);}
.page_navi ul .page_navion.company_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167578651229296.png);}
.page_navi ul .page_navion.mypage_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167578651540155.png);}

.page_navi.ad_page_navi ul .page_navion.home_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167578650360311.png);}
.page_navi.ad_page_navi ul .page_navion.product_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167742736430982.png);}
.page_navi.ad_page_navi ul .page_navion.counseling_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/common/ic_payment_on.png);}
.page_navi.ad_page_navi ul .page_navion.mypage_nav img{content: url(https://d2dkuehpx4xi13.cloudfront.net/images/HANWOOL/167578651540155.png);}






.inner{ padding-left:1.2em; padding-right: 1.2em;}
.inner.tb_padding{padding-top: 1.8em;padding-bottom: 1.8em;;}



/*view_fot*/
.view_fot {padding: 0.8em 0;}
.view_fot .inner{display: flex;}
.view_fot .wish{ width: 3em;height: 3em;cursor: pointer; }
.view_fot .wish p{font-size: 0.8em; font-weight: 600; color: #333; text-align: center;}
.view_fot .wish .on{display: none;}
.view_fot .wish i{display: block; width: 1.8em;height: 1.8em;  margin:0 auto;}

.view_fot .wish.on .on{display: block;}
.view_fot .wish.on .off{display: none;}
.view_fot .wish.on p{color: #f1202c;}



.view_fot .buy{width: calc(100% - 3.8em); margin-left: .8em; }
.view_fot .cancel button,
.view_fot .buy button{font-size: 1.1em; color: #fff; border-radius: .2em;  align-items: center; width: 100%; height: 100%; background: #2A4186; height: 45px; }
.view_fot .cancel button{background: #ddd;color:#666;}


.two_but .cancel{width: 7em;}




.no_post{font-size: 0.9em; text-align: center;line-height: 1.4; font-weight: 500; color: #888; padding:4em 0;}



footer{position: fixed; left:28%;transform: translateX(-50%); bottom:40px; opacity: 0.8;font-size: 14px;    max-width: 600px;}

footer .info div{display: flex;}
footer .info div p{color: #888; font-weight: 400; margin-right: 12px;}
footer .info div p span{color: #111; font-weight: 400; margin-left: 6px;}
footer .fot_bot_text{color: #888; font-size: 13px; margin-top: 15px;} 

footer .info .top{margin-bottom: 8px; display: flex;}
footer .info .top p{ color: #111;width: fit-content; font-weight: 600; cursor: pointer;}

.text_wrap { position: relative;}
.text_wrap footer {    width: max-content;}
footer .info div{display: block;}

footer .fot_info em{color: #000; font-weight: 600; display: flex; cursor: pointer;}
footer .fot_info em span{width: 12px; display: block; transform: rotate(-90deg); margin-left: 20px;}
footer .fot_info .incon{background: #fff;padding:12px;border-radius: 5px;width: max-content; margin-top: 6px; display: none;font-size: 13px;}
footer .fot_info .incon p +p{margin-top: 2px;}



.footer_info{padding:1.2em;display: none;}
.footer_info em {display: inline-flex; font-weight: 600; font-size: 1.1em;}
.footer_info em span{display: block; width: 0.6em;transform: rotate(-90deg); margin-left: 0.6em; transition-duration: 0.3s;}
footer .fot_info em.on span{transform: rotate(90deg);}

.footer_info .info{display: none; background: #f9f9f9; padding:0.8em; border-radius: .6em;margin:.4em 0 .8em; }
.footer_info .info p{color: #888; font-weight: 500; }
.footer_info .info p span{color: #111; margin-left: .4em;}
.footer_info .top{display: flex; margin-top: 0.4em;}
.footer_info .top p{margin-right: 0.6em;padding-right: 0.6em; position: relative; font-weight: 500; color: #666;} 
.footer_info .top p + p::after{content:'';display: block;width: .1em;height: .8em;background: #ddd;position:absolute;left:-0.6em;top:50%;transform: translateY(-50%);}


.left_txt_content{ padding-top:150px; max-width: 600px; position: fixed;left:30%;transform: translateX(-50%);}
.left_txt_content em{font-family: 'GapyeongHanseokbong-Bold'; font-size:34px; line-height: 1.4;}
.left_txt_content em span{display: block; font-family: inherit; color: #2A4186;}
.left_txt_content ul {margin-top: 50px;}
.left_txt_content ul li{display: flex; align-items: center;}
.left_txt_content ul li + li{margin-top:30px;}
.left_txt_content ul i{display: block;  width: 80px; height: 80px;background-color: #2A4186; border-radius: 50%; position: relative;;}
.left_txt_content ul i img{width:45%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.left_txt_content ul li> div{margin-left: 20px;}
.left_txt_content ul b{ font-weight: bold; font-size: 18px; color: #111;}
.left_txt_content ul p{ color: #666; line-height: 1.4; margin-top: 4px;font-size: 15px;}

/* 25.01.23 */
.product_list {list-style:none;}
.product_list > li::marker {font-weight: bold;}

.mypage_note .product_list.type05 .text_box {width: 90%;}
.mypage_note .product_list .title {width: 100%; position: relative;}
.mypage_note .product_list .title > em {position: absolute; right: 0;}
.mypage_note .product_list.type05 .txt {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#copy_infowindow {width: 380px; height: auto; padding: 1em;}
.overlaybox {width: 100%; height: auto; position: relative; display: flex; z-index: 999999;}
.overlaybox button {color: #fff; padding: .2em; height: auto; background-color: #2A4186; border-radius: .3em;}
.overlaybox .txt {font-size: .9em; width: 100%; line-height: 120%;}
.overlaybox .tit {font-size: 1.1em; display: block;}
.overlaybox > i{width: 48%; height: 9em; display:block; position:relative; background-repeat: no-repeat; background-size: cover; border-radius: .5em; overflow: hidden;}
.overlaybox > i > p {background: rgb(0 0 0 / 60%); position: absolute; left: 0.6em; bottom: 0.6em; border-radius: 20px; color: #fff; padding: .2em .6em; font-size: 0.8em; display: flex; align-items: center;}
.overlaybox > i > p > span {display: inline; color: #fff;}
.overlaybox > i > img {width: 100%; height: 100%; object-fit: cover;}
.overlaybox > .text_box .title {display: flex; align-items: center;}
/* .product_list .t_type span */
.overlaybox > .text_box .title > .tit {font-weight: 600; font-size: 1.1em;}
.overlaybox > .text_box .bot {display: flex; justify-content: space-between;}
.overlaybox .text_box {width: 52%; margin: 0 1em; display: flex; flex-direction: column; justify-content: space-between; gap: .2em;}
.overlaybox .text_box .tit {width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.overlaybox .text_box .tit > p {display: block; width: 100%; font-weight: bold;}
.overlaybox .t_type span {font-weight: bold; font-size: 1.1em; display: inline; text-wrap-mode: nowrap;}
.overlaybox .price,
.overlaybox .price > span {font-size: 1.1rem; font-weight: 700; line-height: 1;}
.overlaybox .state span {display: inline; font-size: .8em; padding: .2em .8em; margin-right: .2em; border: 1px solid #eee; border-radius: 30px;}


.ad_counseling .product_list.type04 .txt p + p {padding-left: .5em; padding-right: .5em;}
.ad_view_page .tab_bar_sec ul > li {width: calc(100% / 2);}

#user_profile {overflow: hidden; border-radius: 50%; display: block; width: 84px; height: 84px;}
#user_profile > img {height: 100%;}



/* 25.02.21 */

.ad_view_page .view_fot .buy {width: 100%; margin-left: 0;}
.ad_counseling .counsling_cate select + select {margin-left: 0;}

.kakao-info {overflow: hidden; border-radius: .8em;} 

.overlaybox .text_box_top {display: flex; flex-direction: column; gap: .3em;}





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

footer,
.left_txt_content{left:20px;transform: none;}

}

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


    footer {left: 20px;  bottom: 20px; font-size: 14px;}
    footer .fot_bot_text{ font-size: inherit; margin-top: 12px;} 
}



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

    .size_wrap {  transform: translateX(-50%);}
    .text_wrap footer{display: none;}
    .text_wrap {z-index: 99999;}
    
.footer_info{display: block;}



.left_txt_content{display: none;}
    
}


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

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

    /* .page_navi{position: initial;} */
}



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


    .page_navi {  position: fixed;}


    
.reservation_page  .size_wrap{ padding-bottom:9em;}
 
.size_wrap{ padding-bottom:4em;}
    
}



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

    .product_list.type02 .thumbnail {aspect-ratio: 1;}
    .product_list .title {flex-direction: column; align-items: flex-start;}

    
}