/**************** public *******************/

@import url(common.css);
@import url(about.css);
@import url(survey.css);
@import url(counsel.css);
@import url(mypage.css);
@import url(community.css);
@import url(slick.css);
@import url(skeleton.css);

.field > label { display: block; font-size: 20px; font-weight: 600; line-height: 1.5em; margin-bottom: 12px; } 
.field input,
.field select { height: 40px; width: 100%; border: 1px solid #E7E7E7; border-radius: 4px; font-size: 16px; } 
.field + .field { margin-top: 24px; } 
.field .number { display: flex; justify-content: flex-start; align-items: center; width: 130px; height: 42px; margin: 0 auto; border: 1px solid #E7E7E7; border-radius: 4px; } 
.field .number span { display: block; width: 42px; height: 42px; background-repeat: no-repeat; background-position: center; text-align: center; flex-shrink: 0; } 

.field .number span.minus { background-image: url(https://img.lifet.co.kr/icon/min.svg); } 
.field .number span.plus { background-image: url(https://img.lifet.co.kr/icon/plus_black.svg); } 
.field .number input { flex-grow: 1; text-align: center; border: none; padding: 0; } 

.searchBox input { width: 100%; height: 42px; text-align: center; border-radius: 4px; } 

.show { display: block; }

/* 가입체크 */
#modal-sign .content-area { padding: 50px; } 
#modal-sign .content-area .btn, .update_pop .btn { display: flex; justify-content: center; align-items: center; margin: 0 auto 20px; font-size: 20px; font-weight: 600; height: 50px; padding: 0 60px; line-height: 48px; color: #fff; border-color: #68A5FE; background-color: #68A5FE; } 
#modal-sign .content-area .btn + a { font-size: 20px; font-weight: 500; color: #B3B3B3; text-decoration: underline; text-underline-position: under; } 
#modal-sign .content-area .btn:hover { border-color: #6992DE; background-color: #6992DE; } 
#modal-sign .content-area .btn + a:hover { color: #808080; } 
#modal-sign .imgBox { width: 192px; } 
#modal-checkup .imgBox { max-width: 228px; } 

/*앱 업데이트 팝업*/
.dim.update { z-index: 10002; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .37; mix-blend-mode: multiply; background-color: #4D4D4D; } 
.update_pop { z-index: 10002; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 310px; max-width: none; padding: 18px 21px; text-align: center; border-radius: 20px; background-color: #fff; } 
.update_pop img { width: 50px; } 
.update_pop p { margin: 10px 0 20px; color: #000; font-size: 18px; font-weight: 400; line-height: 140%; } 
.update_pop a.btn { height: 48px; margin-bottom: 0; font-size: 16px; font-weight: 600; } 


/* 로그 섹션 */
#container > .log-area { padding: 0; overflow: hidden; background-color: #F4F5FA; } 
.signout-user-area { padding: 80px 0 70px; display: flex; justify-content: center; align-items: center; text-align: center; } 
.signout-user-area img { margin-right: 46px; margin-bottom: -70px; height: 257px; } 
.signout-user-area .btn { display: flex; justify-content: center; align-items: center; width: 340px; height: 55px; font-size: 18px; background-color: transparent; } 
.signout-user-area .btn:hover { background-color: #68A5FE; border-color: #68A5FE; } 
.signout-user-area .textBox { font-size: 24px; line-height: 1.5em; margin-bottom: 10px; } 
.signout-user-area .alert { font-size: 16px; line-height: 1.5em; margin-bottom: 8px; } 


/* chat */
.chat__info .mobile__head, header .mobile__head { display: none; } 
.profile__img { position: relative; width: 51px; height: 51px; /*background-color: #eee; */
border-radius: 50%; overflow: hidden; } 
.profile__img img { position: absolute; bottom: 0; left: 50%; height: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } 

header + #container.chat-container { padding-top: 130px; } 
header.app_top + #container.chat-container { padding-top: 170px; } 
.chat-container { display: flex; justify-content: center; align-items: flex-start; padding-bottom: 140px;} 

.upload__field { display: none; padding: 14px 18px; padding-bottom: 0; } 
.upload__list { display: flex; justify-content: flex-start; align-items: center; flex-flow: wrap; border-bottom: 1px solid #E8E8E8; } 
.upload__field .item { position: relative; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 98px; height: 98px; margin-bottom: 12px; margin-right: 12px; } 
.upload__field .item .close { position: absolute; right: -8px; top: -8px; width: 18px; height: 18px; border-radius: 50%; box-shadow: 0px 0px 1px 2px #fff; -webkit-box-shadow: 0px 0px 1px 2px #fff; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url(https://img.lifet.co.kr/icon/delete.svg); background-color: transparent; padding: 0; border: none; cursor: pointer; } 

.upload__field .item > img { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; border-radius: 6px; } 


/*추천상품 모달*/
.doctor_sugg .content-area {width: 390px; padding: 15px 20px 20px; } 
.doctor_sugg .content-area .head { font-size: 20px; font-weight: 600; line-height: 150%; } 
.sugg_wrap img { width: 64px; height: 64px; opacity: 92%; } 
.sugg_wrap .search__box { margin-top: 65px; padding: 7px 14px; border-radius: 55px; } 
.sugg_wrap .search__box input[type="text"] { height: 28px; padding: 0; font-size: 16px; } 
.sugg_wrap .search__box input[type="text"]::placeholder { font-weight: 400; font-size: 16px; } 
.sugg_wrap .search__box button { position: absolute; right: 14px; width: 28px; height: 28px; border: 0; text-indent: -99999px; cursor: pointer; background: url(https://img.lifet.co.kr/icon/icon_search.png) no-repeat; background-size: 28px; } 
.sugg_wrap .menu { display: flex; justify-content: space-around; margin: 23px 20px 0; } 
.sugg_wrap .menu li { padding: 0 6px 12px; line-height: 130%; } 
.sugg_wrap hr { margin: 0 -20px; border: 0; height: 14px; background-color: #F5F5F5; } 
.sugg_wrap .menu li.on { padding-bottom: 10px;  border-bottom: 2px solid #68A5FE; } 
.sugg_wrap .menu li.on button {color: #68A5FE; font-weight: 500;}
.sugg_list { overflow-x: hidden; overflow-y: auto; height: 373px; margin-bottom: 20px; padding: 6px 7px 0; } 
.sugg_list li { position: relative; display: flex; align-items: center; padding: 10px 0; text-align: left; } 
.sugg_list li + li { border-top: 1px solid #EFEFEF; } 
.sugg_list li > span { overflow: hidden; width: 64px; height: 64px; margin-right: 10px; border-radius: 3.2px; background-color: #929292; } 
.sugg_list li .inner { flex: 1; } 
.sugg_list li .inner label {position: static; display: block; height: 46px; padding: 3px 60px 4px 0; background: url(https://img.lifet.co.kr/icon/circle_check_off.svg) no-repeat right 2px; } 
.sugg_list li .inner input:checked + label { background-image: url(https://img.lifet.co.kr/icon/circle_checked.svg); background-size: 24px; } 
.sugg_list li .inner > span { display: block; margin-bottom: 2px; color: #666; font-size: 12px; } 
.sugg_list li label span { display: inline-block; font-size: 15px; line-height: 130%; } 
.sugg_list li input { z-index: 1; position: absolute; right: 0; top: 50%; width: 100%; transform: translateY(-50%); opacity: 0; } 
.sugg_list::-webkit-scrollbar { width: 6px; background-color: transparent; } 
.sugg_list::-webkit-scrollbar-thumb { background-color: #EBEBEB; border: 1px solid #fff; border-radius: 15px; cursor: pointer; } 
.sugg_list::-webkit-scrollbar-track { ackground-color: transparent; } 
.sugg_wrap > button { width: 100%; height: 43px; color: #fff; font-size: 16px; font-weight: 700; line-height: 130%; border: 0; border-radius: 38px; background-color: #68A5FE; } 



@media (max-width: 767px) { /*mobile gnb */
    .m-gnb-area { display: block; position: fixed; top: 0; right: 0; width: 0; height: 100%; z-index: 99990000; } 
    .m-gnb-area .dim { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } 
    .m-gnb-area .menu { display: flex; justify-content: space-between; align-items: flex-start; flex-flow: column; position: absolute; right: -275px; top: 0; width: 78%; height: 100%; background-color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; } 
    .m-gnb-area .menu > div { width: 100%; } 
    .m-gnb-area .menu > div:nth-child(2) { flex-grow: 1; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column; } 
    .m-gnb-area .menu .close { position: absolute; right: 20px; top: 8px; width: 32px; height: 32px; background-image: url(https://img.lifet.co.kr/icon/close_w.svg); background-repeat: no-repeat; background-position: center; background-size: 32px; cursor: pointer; z-index: 10; } 
    .m-gnb-area .menu .profile { flex-shrink: 0; display: flex; justify-content: flex-start; width: 100%; height: 168px; padding-left: 28px; padding-top: 46px; color: #fff; background-color: #68A5FE; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06); } 
    .m-gnb-area .profileImg { display: flex; justify-content: center; align-items: center; background-color: #fff; width: 62px; height: 62px; border-radius: 31px; margin-right: 14px; } 
    .m-gnb-area .sign-area .alert { font-size: 18px; font-weight: 500; line-height: 1.5em; } 
    .m-gnb-area .sign-area .alert b { display: block; font-weight: 600; } 
    .m-gnb-area .sign-area .alert span { display: block; } 
    .m-gnb-area .sign-area .alert h1 { font-size: 18px; font-weight: 600; line-height: 1.5em; } 
    .m-gnb-area .sign-area .alert a { display: inline-block; font-size: 16px; font-weight: 400; line-height: 1.5em; background-image: url(https://img.lifet.co.kr/icon/golink_w.svg); background-repeat: no-repeat; background-position: right center; background-size: 15px; padding-right: 19px; margin-top: 6px; } 
    .m-gnb-area .sign-group { display: flex; justify-content: flex-start; align-items: center; } 
    .m-gnb-area .sign-group li + li { margin-left: 16px; } 
    .m-gnb-area .sign-group a { font-size: 14px; font-weight: 500; line-height: 1.5em; } 
    .m-gnb-area .gnb { flex-grow: 1; width: 100%; position: relative; padding: 24px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06); } 
    .m-gnb-area .gnb > ul { position: relative; display: block; height: auto; } 
    .m-gnb-area .gnb > ul > li { position: relative; font-size: 14px; line-height: 1.5em; margin-bottom: 20px; } 
    .m-gnb-area .gnb ul li + li { margin-left: 0; } 
    .m-gnb-area .gnb > ul > li > ul { display: none; } 
    .m-gnb-area .gnb > ul > li.hover > ul { display: block; } 
    .m-gnb-area .gnb > ul > li > a#LIFET310::after { content: ''; display: inline-block; width: 10px; height: 6px; margin-left: 10px; vertical-align: 3px; background: url('https://img.lifet.co.kr/icon/gnb_arrow.svg') no-repeat left center; } 
    .m-gnb-area .gnb > ul > li.hover:nth-child(4) > a::after { transform: rotate(180deg) } 
    .m-gnb-area .gnb > ul > li > ul li a { margin-top: 12px; color: #808080; font-weight: 500; font-size: 15px; line-height: 150%; } 
    .m-gnb-area .gnb li a { display: block; position: relative; font-size: 16px; font-weight: 500; line-height: 1.5em; /*background-image: url(https://img.lifet.co.kr/icon/golink_g.svg); background-repeat: no-repeat; background-position: right -4px center; background-size: 20px; */ } 
    .m-gnb-area hr { flex-shrink: 0; width: 100%; height: 10px; border: none; margin: 0; background-color: #fafafa; } 
    .m-gnb-area .gnb + div { flex-shrink: 0; width: 100%; } 
    .m-gnb-area .btn_signout { display: flex; justify-content: flex-start; align-items: center; height: 64px; padding-left: 24px; background-color: #fff; font-size: 14px; } 
    .m-gnb-area .btn_signout img { margin-right: 5px; } 
    .m-gnb-area.active { width: 100%; } 
    .m-gnb-area.active .menu { right: 0; }
    .chat__info .mobile__head, header .mobile__head { position: relative; display: flex; justify-content: center; align-items: center; height: 48px; color: #343434; } 
    .chat__info .mobile__head { position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid #D8D8D8; background-color: #fff; z-index: 18000; } 
    .mobile__head .name__ { font-size: 18px; font-weight: 600; } 
    .mobile__head .back, header .inner .back, .jelly_history_pop .back { position: absolute; left: 0; top: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: 22px; background-image: url(https://img.lifet.co.kr/icon/back_btn.png); z-index: 1; } 
    header + #container.chat-container { padding-top: 48px; } 
}

@media (min-width: 768px) and (max-width: 1020px){
    #container, footer { width: 1340px; } 
}

@media (max-width: 767px){
    #container, footer { width: 100%; } 
    #container.landing_new {padding-top: 0;}
}


/* 유도 팝업 */

#modal-induce .btn-area { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 70px; } 
#modal-induce .btn-area .btn { display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 223px; height: 47px; 
font-size: 18px; margin-bottom: 14px; border: none; } 
#modal-induce .link { font-size: 16px; line-height: 24px; } 
#modal-induce .link a { display: inline-block; margin-left: 16px; font-weight: 700; line-height: 1em; border-bottom: 1px solid currentColor; vertical-align: middle; } 


/* 고객센터 */
#container > .customer__ { padding: 0; height: 380px; background-color: #A4C9FE; } 
#container > .customer__.detail { height: 316px; } 
.customer__ .section-inner { height: 100%; padding-top: 80px; text-align: center; } 
.customer__ .section-inner .textBox h1 { font-size: 36px; font-weight: 600; line-height: 1.5em; } 
.customer__ .search__box { max-width: 770px; margin: 30px auto 0; background-color: #fff; } 
.customer__ .search__box input[type="text"] { width: 100%; } 
.customer__ .search__box input[type="text"]::placeholder { font-size: 24px; font-weight: 500; line-height: 130%; } 
.customer__ .search__box button { position: absolute; right: 20px; top: 0; width: 66px; height: 100%; background-color: transparent; background-size: 40px; background-repeat: no-repeat; background-position: center; background-image: url(https://img.lifet.co.kr/icon/icon_search.png); } 
.customer__ .search__box .clear { top: 21px; } 

#container > .customer__section { margin-top: -87px; padding-top: 0; padding-bottom: 107px; } 
#container > .customer__section.search { margin-top: 0; padding-top: 0; padding-bottom: 89px; } 
.customer__section.search .search_title {margin: 50px 0 19px; font-size: 24px; font-weight: 600; line-height: 130%;}
.customer__section.search .search_title span {color: #68A5FE;}
.customer__section.search .search_title span:last-child {margin-left: 8px;}
.customer__section .wrap__ { display: flex; justify-content: flex-start; align-items: stretch; flex-flow: column;} 
.customer__section .wrap__ + .wrap__ { margin-top: 20px; } 
.customer__section .wrap__ > article { flex-grow: 1; padding: 24px 40px; background-color: #fff; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); -webkit-box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); border-radius: 12px; min-width: 575px; } 
.customer__section .wrap__ .qa_list { max-width: 100%; } 
.customer__section .wrap__:first-child > article { padding: 28px 50px 40px; } 
.customer__section.search .wrap__:first-child > article.no_search {display: flex; align-items: center; justify-content: center; height: 562px; margin-top: -87px; margin-left: 0; padding: 0; color: #808080; font-size: 24px; font-weight: 500; line-height: 130%;} 
.customer__section .wrap__ > article + article { margin-left: 20px; } 
.customer__section .wrap__ + .wrap__ article:first-child { padding-bottom: 40px; } 
.customer__section .title { border-bottom: 1px solid #E3E3E3; } 
#container > .customer__section.notice_list {margin-top: -195px;}
.customer__section.notice .title {display: flex; align-items: center; margin-top: 22px; border-bottom: 0;}
.customer__section.notice_list .title {margin-bottom: 6px; border-bottom: 0;}
.customer__section.notice .title h1 {padding-bottom: 0; font-size: 36px; line-height: 150%;}
.customer__section.notice .title span {margin-left: 20px; color: #666; font-size: 20px; line-height: 150%;}
.customer__section.notice .notice_view {margin-top: -173px;}
.customer__section.notice .notice_view .title {flex-flow: column; align-items: flex-start; margin-top: 12px; padding-bottom: 40px; font-size: 24px; font-weight: 600; line-height: 150%; border-bottom: 2px solid #EFEFEF;}
.customer__section.notice .notice_view .title span {display:block; margin-top: 16px; margin-left: 0; color: #808080; font-size: 16px; font-weight: 400;}
.customer__section.notice .notice_view .content {margin-bottom: 16px; padding: 40px 0; font-size: 16px; line-height: 150%; border-bottom: 2px solid #EFEFEF;}
.customer__section.notice .notice_view .content p {overflow: hidden;}
.customer__section.notice .notice_view .btn_blue {border-radius: 60px; font-size: 16px; line-height: 24px;}
.customer__section .title button {position: absolute; right: 50px; top: 30px;  padding-right: 20px; font-size: 18px; font-weight: 500; line-height: 130%; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat right center; background-size: 9px;}
.customer__section .wrap__ .sub__ .sub_tit { margin-top: 20px; font-size: 20px; font-weight: 700; line-height: 130%; } 
.customer__section .wrap__ .sub__ .sub_tit + p { margin: 24px 0; font-size: 18px; line-height: 150%; } 
.customer__section .wrap__ .sub__ .tel { margin: 20px 0; } 
.customer__section .wrap__ .sub__ .tel a { padding-left: 24px; font-size: 24px; font-weight: 600; line-height: 150%; background: url(https://img.lifet.co.kr/icon/Tel.svg) no-repeat left center; background-size: 24px; } 
.customer__section .wrap__ .sub__ .tel a + a { margin-left: 23px; } 
.customer__section .wrap__ .sub__ ul li { color: #7B7B7B; font-size: 15px; line-height: 150%; } 
.customer__section .wrap__ .sub__ ul li br { display: none; } 
.customer__section .wrap__ .sub__ ul li + li { margin-top: 4px; } 
.customer__section .wrap__ .notice {margin-top: 10px;}
.customer__section .wrap__ .notice li {position: relative; padding: 20px 0; border-bottom: 1px solid #EFEFEF;}
.customer__section .wrap__ .notice li a {font-size: 20px; line-height: 150%; }
.customer__section.notice .wrap__ .paging {margin: 50px 0 22px;}
.customer__section.notice .wrap__ .notice li a {font-weight: 500;}
.customer__section .wrap__ .notice li span {position: absolute; right: 0; color: #999; font-size: 16px; line-height: 150%;}

.btn_chating { display: inline-block; width: 385px; padding: 12px 0; text-align: center; color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; border-radius: 60px; background-color: #68A5FE; } 
.btn_chating + .btn_chating { display: inline-block; width: 210px; margin-left: 10px; padding: 12px 0; text-align: center; color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; border-radius: 60px; background-color: #373737; } 
.faq_list { display: flex; justify-content: center; margin: 12px 0 20px; } 
.faq_list li + li { margin-left: 12px; } 
.faq_list li a { display: block; padding: 7px 9px 7px 31px; color: #808080; font-weight: 600; line-height: 130%; font-size: 18px; border-radius: 60px; border: 1px solid #808080; background-position: left 7px center; background-repeat: no-repeat; background-size: 24px; } 
.faq_list li:nth-child(1) a { background-image: url(https://img.lifet.co.kr/icon/FAQ/커뮤니티_off.svg); } 
.faq_list li:nth-child(2) a { background-image: url(https://img.lifet.co.kr/icon/FAQ/스토어_off.svg); } 
.faq_list li:nth-child(3) a { background-image: url(https://img.lifet.co.kr/icon/FAQ/펫보험_off.svg); } 
.faq_list li:nth-child(4) a { background-image: url(https://img.lifet.co.kr/icon/FAQ/건강체크_off.svg); } 
.faq_list li:nth-child(5) a { background-image: url(https://img.lifet.co.kr/icon/FAQ/상담_off.svg); } 
.faq_list li:nth-child(6) a { background-image: url(https://img.lifet.co.kr/icon/FAQ/프로필_off.svg); } 
.faq_list li:nth-child(7) a { background-image: url(https://img.lifet.co.kr/icon/FAQ/회원관리_off.svg); } 
.faq_list li:nth-child(1) a.active { background-image: url(https://img.lifet.co.kr/icon/FAQ/커뮤니티.svg); } 
.faq_list li:nth-child(2) a.active { background-image: url(https://img.lifet.co.kr/icon/FAQ/스토어.svg); } 
.faq_list li:nth-child(3) a.active { background-image: url(https://img.lifet.co.kr/icon/FAQ/펫보험.svg); } 
.faq_list li:nth-child(4) a.active { background-image: url(https://img.lifet.co.kr/icon/FAQ/건강체크.svg); } 
.faq_list li:nth-child(5) a.active { background-image: url(https://img.lifet.co.kr/icon/FAQ/상담.svg); } 
.faq_list li:nth-child(6) a.active { background-image: url(https://img.lifet.co.kr/icon/FAQ/프로필.svg); } 
.faq_list li:nth-child(7) a.active { background-image: url(https://img.lifet.co.kr/icon/FAQ/회원관리.svg); } 
.faq_list li a.active { color: #5299FF; border-color: #5299FF; background-color: #EDF4FF; } 
.customer__section .paging { margin: 20px 0 0; } 
.paging a { width: 25px; height: 25px; font-size: 14px; border: 1px solid #E3E3E3; border-radius: 4px; } 
.paging a.on { color: #fff; font-weight: 500; border-color: #999; background-color: #999; } 
.paging span { overflow:hidden; text-indent: -9999px; } 
.paging span:first-child { margin-right: 27px; background: url(https://img.lifet.co.kr/icon/paging_arrow.svg) no-repeat center; } 
.paging span:last-child { margin-left: 27px; transform: rotate(180deg); background: url(https://img.lifet.co.kr/icon/paging_arrow.svg) no-repeat center; } 
.customer__section .wrap__:last-child .qa_list li .head { background: none; } 
.customer__section .wrap__:first-child .qa_list li .head::after, .FAQ__section .qa_list li .head::after { content:''; position: absolute; right: 4px; top: 4px; width: 9px; height: 16px; transform: rotate(90deg); background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat; background-size: 9px; } 
.customer__section .wrap__:first-child .qa_list li.active .head::after, .FAQ__section .qa_list li.active .head::after { transform: rotate(270deg); } 
.customer__section .title h1 { font-size: 24px; font-weight: 700; line-height: 1.3em; padding-bottom: 14px; } 
.customer__section .title h1 span {margin-left: 8px; color: #68A5FE;}
.customer__section .title h1 span.sub_txt {margin-left: 20px; color: #666; font-size: 20px; font-weight: 400; line-height: 150%;}
.customer__section .category__ { display: flex; justify-content: space-between; align-items: flex-start; text-align: center; } 
.customer__section .category__ li { cursor: pointer; } 
.customer__section .category__ .imgBox { display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; background: #FFFFFF; margin-bottom:3px; } 
.customer__section .category__ p { font-size: 22px; line-height: 1.3em; font-weight: 600; } 
.customer__section .qa_list li { padding: 0; display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; min-height: 58px; padding: 14px 0; } 
.customer__section .qa_list li + li { margin-top: 0px; border-top: 1px solid #EEEEEE; } 
.customer__section .qa_list li .head { position: relative; width: 100%; padding-right: 40px; font-size: 20px; line-height: 150%; word-break: keep-all; background: none; } 
.qa_list li .head { flex: 1; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; background-image: url(https://img.lifet.co.kr/icon/mypage_arrow.svg); background-repeat: no-repeat; background-position: right center; background-size: 9px; } 
.qa_list li .head span { color: #68A5FE; font-size: 22px; font-weight: 700; line-height: 22px; margin-right: 12px; margin-top: 0; width: auto; text-align: center; } 
.qa_list li .head > div { font-size: 20px; font-weight: 400; line-height: 1.5em; } 
.customer__section .sub__ { display: flex; flex-wrap: wrap; height: auto; margin-bottom: 0; } 
.customer__section .sub__ .sub_inner + .sub_inner { margin-left: 93px; } 
.customer__section .sub__ .title { width: 100%; margin-bottom: 0px; } 
.customer__section .sub__ .content { min-height: 200px; display: flex; justify-content: center; align-items: center; text-align: center; } 
.customer__section .sub__ .content img { display: block; margin: 0 auto; margin-bottom: 12px; width: 50px; height: 50px; } 
.customer__section .sub__ .content h5 { font-size: 16px; font-weight: 400; margin-bottom: 12px; } 
.customer__section .sub__ .content button { display: flex; justify-content: center; align-items: center; margin: 0 auto; height: 47px; padding: 0 30px; font-size: 18px; font-weight: 700; border-radius: 30px; color: #68A5FE; border: 2px solid #68A5FE; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); cursor: pointer; } 
.customer__section .sub__ .content button:hover { color: #fff; background-color: #68A5FE; } 
#container > .customer__.FAQ__ { padding: 0; } 
.customer__.FAQ__ { height: 262px; background-position: right -1% bottom -43px; } 
#container > .FAQ__section { background-color: #fafafa; padding-top: 58px; padding-bottom: 120px; } 
.FAQ__section .wrap__ { display: flex; justify-content: space-between; align-items: flex-start; } 
.FAQ__section .wrap__ > aside,.FAQ__section .wrap__ > article { background: #FFFFFF; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); -webkit-box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); border-radius: 12px; } 

.FAQ__section .wrap__ > aside { flex-shrink: 0; width: 245px; margin-right: 20px; padding: 50px 40px; } 
.FAQ__section .wrap__ > aside .title { border-bottom: 1px solid #E3E3E3; margin-bottom: 20px; } 
.FAQ__section .wrap__ > aside .title h1 { font-size: 24px; line-height: 1.3em; margin-bottom: 14px; } 
.FAQ__section .wrap__ > aside ul li { cursor: pointer; font-size: 20px; line-height: 26px; } 
.FAQ__section .wrap__ > aside ul li + li { margin-top: 33px; } 
.FAQ__section .wrap__ > aside ul li.active { font-weight: 700; /*color: #68A5FE; */ } 
.FAQ__section .wrap__ > article { flex-grow: 1; padding: 40px; } 
.FAQ__section .qa_list { max-width: 100%; } 
.FAQ__section .qa_list li { padding: 0; } 
.FAQ__section .qa_list li br { display: none; } 
.FAQ__section .qa_list li + li { margin-top: 28px; } 
.FAQ__section .qa_list li .drops, .customer__section .wrap__ .qa_list li .drops { margin-left: 30px; width: calc(100% - 30px); margin-top: 12px; background-color: #F1F6FC; border-radius: 10px; padding: 20px; font-size: 18px; line-height: 1.5em; word-break: keep-all; display: none; } 
.FAQ__section .qa_list li .head { padding-right: 8px; background: none; } 
.FAQ__section .qa_list li.active .head > div { font-weight: 600; } 
.result_title { margin-bottom: 6px; font-size: 24px; font-weight: 600; line-height: 130%; } 
.result_title strong { color: #68A5FE; } 
.result_title span { margin-left: 8px; color: #68A5FE; } 

/* 플로팅 */
#floating__ { position: fixed; right: 0; bottom: 0; margin-right: 50px; margin-bottom: 50px; z-index: 9000; } 
#floating__ #scrollTop { opacity:0; } 
#floating__ ul { display: flex; justify-content: flex-end; align-items: flex-end; flex-flow: column; } 
#floating__ .expandBtn { display:none; } 
#floating__ li + li { margin-top: 10px; } 
#floating__ button { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; border-radius: 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-color: #fff; border: none; cursor: pointer; } 
#floating__ button span { white-space: nowrap; font-size: 18px; font-weight: 600; } 
#floating__ button .over { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; } 
#floating__ button .over img { width: 100%; height: 100%; } 

#floating__ #ft_ChatBtn { background: #FFFFFF; -webkit-background: linear-gradient(98.35deg, #ADCEFF -6.83%, #68A5FE 106.74%); color: #68A5FE; } 
#floating__ #ft_ChatBtn .over img { width: 38px; height: auto; } 
#floating__ #ft_ChatBtn span { width: 0px; overflow: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; padding-left: 0; } 
#floating__ #ft_ChatBtn.active span { width: 150px; padding-left: 16px; } 

#floating__ #scrollTop .over img { width: 36px; height: auto; } 

#floating__ li { position: relative; } 
#floating__ .expandBtn { width: 60px; height: 60px; background-image: url(https://img.lifet.co.kr/icon/float_plus.svg); background-repeat: no-repeat; background-position: center; margin-bottom: 70px; } 
#floating__ .expandBtn.active { transform: rotate(45deg); -webkit-transform: rotate(45deg); } 
#floating__ .expandBtn.active + .depth { display: block; } 

#floating__ .depth { display: none; position: absolute; right: 0; bottom: 100%; margin-bottom: 10px; } 
#floating__ .depth button { width: 200px; height: 60px; font-size: 20px; font-weight: 700; color: #68A5FE; } 
#floating__ .depth button img { margin-right: 10px; margin-left: 3px; } 


/* 크루원 */
#modal-crew .content-area { padding: 0; max-width: 890px; border-radius: 20px; } 
#modal-crew .head { position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 67px; padding-left: 30px; border-bottom: 2px solid #F2F2F2; } 
#modal-crew .head h1 { font-size: 18px; font-weight: 500; } 
#modal-crew .head .closer { height: 100%; } 
#modal-crew .content { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column; min-height: 790px; border-radius: 25px; overflow-y: hidden; } 
#modal-crew .slogan { flex-shrink: 0; width: 100%; display: flex; justify-content: center; align-items: center; padding: 36px 0; } 
#modal-crew .slogan h1 { font-size: 24px; font-weight: 600; line-height: 1.5em; } 
#modal-crew .slogan .instar { display: inline-block; padding-left: 31px; color: #68A5FE; font-size: 18px; font-weight: 700; line-height: 1.5em; margin-top: 4px; background-image: url(https://img.lifet.co.kr/icon/instar.svg); background-repeat: no-repeat; background-position: left center; } 
#modal-crew .content .wrap { position: relative; flex-grow: 1; width: 100%; overflow-y: scroll; } 
.silly .profile_area { padding-right: 55px; } 
.profile_area { position: absolute; width: 100%; left: 0; top: 0; padding: 0 75px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } 
.profile_area li { flex: 0 1 50%; display: flex; justify-content: flex-start; align-items: center; height: 120px; margin-bottom: 30px; } 
.profile_area .profile__ { width: 120px; height: 120px; border-radius: 50%; margin-right: 20px; flex-shrink: 0; } 
.profile_area .profile__ img { width: 100%; vertical-align: top; } 
.profile_area .desc__ { text-align: left; } 
.profile_area .desc__ > span { font-size: 16px; opacity: 0.5 } 
.profile_area .desc__ .name { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; } 
.profile_area .desc__ .name h1 { font-size: 24px; font-weight: 700; line-height: 1.5em; margin-right: 6px; } 
.profile_area .indiv { white-space: pre-line; line-height: 1.5em; } 


.ct_scroll { width: 100%; height: 100%; overflow-y: scroll; } 
.ct_scroll::-webkit-scrollbar { width: 20px; background-color: transparent; } 
.ct_scroll::-webkit-scrollbar-thumb { background-color: #EBEBEB; border: 6px solid #fff; border-radius: 15px; cursor: pointer; } 
.ct_scroll::-webkit-scrollbar-track { background-color: transparent; }



/* AI 진단 */
section.title-area { display: flex; justify-content: flex-start; align-items: center; font-size: 18px; color: #616161; margin-bottom: 30px; } 
section.title-area > div { display: flex; justify-content: flex-start; align-items: center; } 
section.title-area h1 { font-size: 30px; margin-right: 16px; color: #343434; } 

.ImageUploader { position: relative; display: flex; justify-content: center; align-items: center; flex-flow: column; height: 254px; background-color: #ECECEC; border-radius: 10px; overflow: hidden; } 
.ImageUploader:hover { opacity: 0.8; } 
.ImageUploader .item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } 
.ImageUploader .item img { max-width: 100%; max-height: 100%; } 
.ImageUploader input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0; cursor: pointer; } 
.ImageUploader label img { vertical-align: top; } 
.ImageUploader label p { color: #9C9C9C; font-size: 20px; font-weight: 600; margin-top: 12px; } 
.ImageUploader .prev { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #343434; display: flex; justify-content: center; align-items: center; } 

@media(max-width: 767px) { 
    
    /* 모바일 모달 */
    
    .modal-dialog .content-area .closer { width: 40px; height: 40px; top: 10px; right: 10px; } 
    .modal-dialog .modal-content.full_area .head { z-index: 10; position: fixed; width: 100%; height: 60px; background-color: #fff; } 
    .modal-dialog .coupon_pop .head div:first-child { text-align: left; } 
    .modal-dialog .content-area .mobileCloser { z-index: 1; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; cursor: pointer; background-image: url(https://img.lifet.co.kr/icon/btn_x.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; } 
    .modal-dialog .imgBox { max-width: 320px; } 
    .modal-dialog .imgBox { width: 192px; margin-bottom: 22px; } 
    .modal-dialog .imgBox.icon { width: 60px !important; height: 60px !important; margin-bottom: 22px; } 
    .modal-dialog .textBox { margin: 0 0 24px; } 
    .modal-dialog .textBox h1 { font-size: 18px; margin-bottom: 4px; } 
    .modal-dialog .textBox p { font-size: 15px; margin-bottom: 5px; line-height: 150%; } 
    .modal-dialog .btn_area .btn,
    .modal-dialog .modal-content .btn_area .btn { height: 48px; min-width: 130px; padding: 0; font-size: 16px; font-weight: 600; border-width: 1.5px; } 
    .modal-dialog .modal-content .btn_area .btn + .btn { margin-left: 8px; } 
    .modal-dialog .modal-content .submit { height: 30px; line-height: 28px; font-size: 16px; margin: 0 25px; } 

    #modal-sign .content-area {max-width: 310px; padding: 50px 24px 38px; } 
    #modal-sign .content-area .btn { font-size: 16px; height: 48px; padding: 0 57px; margin-bottom: 12px; } 
    #modal-sign .content-area .btn + a { font-size: 16px; } 
    #modal-sign .content-area .imgBox { width: 136px; } 

    .section_sign { margin: 0 auto; padding: 0; background-color: #fff; min-height: calc(100svh - 50px); } 


    /*추천상품 모달*/
    .modal-dialog .doctor_sugg { align-items: flex-end; background-color: transparent;} 
    .doctor_sugg .content-area { width: 100%; padding: 0 20px 20px; border-radius: 20px 20px 0px 0px; } 
    .modal-dialog .doctor_sugg .content-area .closer { top: 15px; right: 15px; } 
    .doctor_sugg .content-area .head {position: static; padding-top: 20px; } 
    .sugg_wrap .search__box { margin-top: 20px; } 
    .sugg_list { max-height: 43svh; margin-right: -7px; margin-top: 16px; margin-bottom: 22px; padding: 0 7px 0 0; } 
    .sugg_list li:first-child { padding-top: 0; } 
    .sugg_list li:last-child { padding-bottom: 0; } 

    /* 유도 팝업 */
    #modal-induce .content-area { width: 100%; max-width: 320px; } 
    #modal-induce .imgBox { width: 100%; margin-bottom: 0; } 
    #modal-induce .btn-area { padding-bottom: 34px; } 
    #modal-induce .btn-area .btn { height: 34px; width: 140px; font-size: 14px; margin-bottom: 10px; padding: 0; } 
    #modal-induce .link { font-size: 14px; font-weight: 700; line-height: 20px; } 
    #modal-induce .link a { margin-left: 5px; } 


    /* 05.02 */
    #container.product-container > .section-wrap:nth-child(2) { padding-bottom: 0; } 
    
    /* 고객센터 */
    #container > .customer__ { background-image: none; height: 194px; padding: 0; } 
    #container > .customer__.detail {display: none; } 
    .customer__ .section-inner { padding-top: 50px; } 
    .customer__ .section-inner .textBox { text-align: center; } 
    .customer__ .section-inner .textBox h1 { font-size: 24px; margin-bottom: 4px; } 
    .customer__ .section-inner .textBox h5 { font-size: 14px; } 
    .customer__ .section-inner .imgBox { position: relative; margin-right: 0; margin-bottom: -16px; margin-top: 26px; } 
    .customer__ .section-inner .imgBox img:first-child { height: 47px; margin: 0 auto; margin-bottom: 7px; } 
    .customer__ .section-inner .imgBox img:last-child { height: 140px; } 
    .customer__section .wrap__ { flex-flow: column; } 
    .customer__section .wrap__ + .wrap__ { margin-top: 0; } 
    .customer__section .sub__ { flex-flow: column; height: auto } 
    .customer__section .wrap__ > article { width: 100%; min-width: 100%; padding: 24px 20px; border-radius: 0; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); -webkit-box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); min-height: inherit; } 
    .customer__section .wrap__ > article + article { margin-left: 0; margin-top: 12px; } 
    .customer__section .title { margin-bottom: 0px; } 
    .customer__section.notice_list .title {display: none;}
    .customer__section .title h1 { font-size: 18px; line-height: 1.3em; padding-bottom: 10px; } 
    .customer__section .title button {right: 20px; top: 14px; padding-right: 18px; font-size: 16px; background-size: 8px;}
    .customer__section.notice .title {display: none;}
    .customer__section.notice .notice_view {margin-top: -215px;}
    .customer__section.notice .notice_view .title{display: block; margin-top: 10px; padding-bottom: 20px; font-size: 20px;}
    .customer__section.notice .notice_view .title span {margin-top: 4px; font-size: 14px;}
    .customer__section.notice .notice_view .content {padding: 20px 0; font-size: 14px;}
    .customer__section.notice .notice_view .content img {max-width: 100%;  height: auto;}
    .customer__section .sub__ .content + .title { margin-top: 12px; } 
    .customer__section .sub__ .content { min-height: 173px; padding-bottom: 6px; align-items: flex-start; padding-top: 20px; } 
    .customer__section .wrap__ .sub__ .sub_tit { display: none; } 
    .customer__section .sub__ .sub_inner + .sub_inner { margin-left: 0; } 
    .customer__section .wrap__ .sub__ .tel { margin: 18px 0 14px; } 
    .customer__section .wrap__ .sub__ .tel a { padding-left: 16px; font-size: 16px; background-size: 16px; } 
    .customer__section .wrap__ .sub__ .tel a + a { margin-left: 8px; } 
    .customer__section .wrap__ .sub__ ul li { font-size: 14px; } 
    .customer__section .wrap__ .sub__ ul li br { display: block; } 
    .customer__section .wrap__ .sub__ ul li span { display: none; } 
    .customer__section .sub__ .content > div { width: 100%; } 
    .customer__section .wrap__ .sub__ .sub_tit + p { display: none; } 
    .customer__section .wrap__ .sub__ ul { margin-bottom: 20px; } 
    .customer__section .wrap__:last-child .qa_list li .head::after { top: 4px; background-size: 8px; } 
    .customer__section .wrap__ .notice {margin-top: 13px;}
    .customer__section.notice_list .paging {margin-bottom: 26px;}
    .customer__section .wrap__ .notice li {padding: 12px 0 16px;}
    .customer__section .wrap__ .notice li a {display: block;  font-size: 16px; font-weight: 500;}
    .customer__section .wrap__ .notice li span {position: static; display: block; margin-top: 2px; font-size: 14px;}
    .btn_chating { width: 100%; margin-left: 0; margin-bottom: 12px; margin-top: 0; padding: 10px 0; line-height: 130%; } 
    .btn_chating + .btn_chating { width: 100%; margin-top: 8px; margin-left: 0; padding: 10px 0; line-height: 130%; } 
    .customer__section .wrap__:last-child { margin-top: 0; } 
    .customer__section .sub__ .content h5 { font-size: 14px; } 
    .customer__section .sub__ .content button { font-size: 14px; font-weight: 600; height: 36px; padding: 0 26px; box-shadow: none; -webkit-box-shadow: none; border-width: 1px; } 
    .faq_list { flex-wrap: wrap; justify-content: center; margin: 20px -20px 11px; } 
    .faq_list li { margin-bottom: 8px; margin-right: 10px; } 
    .faq_list li a { padding: 6px 9px 6px 32px; font-size: 16px; } 
    .faq_list li + li { margin-left: 0; } 
    .result_title { font-size: 18px; } 
    .customer__section .sub__ .content:last-child { min-height: 150px; } 
    .customer__section .qa_list { padding: 0; } 
    .customer__section .qa_list li { padding: 9px 0; min-height: auto; } 
    .customer__section .wrap__:last-child .qa_list li { padding: 10px 0; } 
    .customer__section .qa_list li + li { margin-top: 0; border-top: 0; } 
    .customer__section .qa_list li .head { align-items: flex-start; background-size: 7px; padding-right: 26px; word-break: keep-all; font-size: 16px; } 
    .FAQ__section .qa_list li .drops, .customer__section .wrap__ .qa_list li .drops { width: calc(100% - 20px); margin-left: 20px; margin-top: 10px; padding: 12px 14px; font-size: 14px; border-radius: 10px; } 
    .qa_list li .head span { margin-right: 6px; font-size: 16px; line-height: 1.5rem; margin-top: -2px; } 
    .qa_list li .head > div { font-size: 16px; line-height: 1.5em; } 
    .customer__section.search .search_title {margin: 24px 20px 6px; font-size: 20px;}
    .customer__section.search .wrap__:first-child > article.no_search {height: calc(100svh - 327px); font-size: 18px;}
    .customer__section .wrap__:first-child { position: relative; } 
    #container > .customer__section.search {padding-bottom: 0;}
    #container > .customer__section + hr {height: 12px; margin: 0; border: 0; background-color: #F4F4F4;}
    .customer__section .wrap__:first-child > article {padding: 14px 20px 24px; box-shadow: none; } 
    .customer__section + .customer__section .wrap__:first-child > article {padding-top: 24px; border-top: 12px solid #F4F4F4; box-shadow: none; }
    .customer__section .wrap__:nth-child(2) > article:first-child { padding: 24px 20px;  border-top: 12px solid #F4F4F4; box-shadow: none;} 
    .customer__section .category__ { flex-wrap: wrap; margin: 0 auto; padding: 0; } 
    .customer__section .category__ li { width: calc(100% / 3 - 5px); } 
    .customer__section .category__ li:nth-child(1),
    .customer__section .category__ li:nth-child(2),
    .customer__section .category__ li:nth-child(3) { margin-bottom: 10px; } 
    .customer__section .category__ .imgBox { display: none; } 
    .customer__section .category__ .imgBox img { max-width: 100%; } 
    .customer__section .category__ p { padding: 10px 16px; color: #333; font-size: 14px; margin-bottom: 0px; border-radius: 6px; border: 1px solid #DCDCDC; background: #FFF; } 
    .customer__section .category__ li:nth-child(1) .imgBox img { width: 48px; } 
    .customer__section .category__ li:nth-child(2) .imgBox img { width: 48px; } 
    .customer__section .category__ li:nth-child(3) .imgBox img { width: 48px; } 
    .customer__section .category__ li:nth-child(4) .imgBox img { width: 48px; } 
    .customer__section .category__ li:nth-child(5) .imgBox img { width: 48px; } 
    .customer__section .category__ li:nth-child(6) .imgBox img { width: 48px; } 
    #container > .customer__section, #container > .FAQ__section { padding: 45px 20px; padding-bottom: 120px; } 
    #container > .customer__section { margin-top: 0; padding: 0; } 
    #container > .customer__section.notice_list {margin-top: 0;}
    #container > .customer__section.notice_list .wrap__ {margin: 0;}
    .customer__ .search__box { height: 45px; margin: 16px 20px 0; padding: 7px 25px; } 
    .customer__ .search__box input[type="text"] { height: 31px; } 
    .customer__ .search__box input[type="text"]::placeholder { font-size: 16px; } 
    .customer__ .search__box button { right: 15px; width: 30px; background-size: 28px; } 
    .customer__ .search__box .clear { width: 22px; top: 12px; right: 50px; } 
    .FAQ__section .wrap__ { flex-flow: column; } 
    .FAQ__section .wrap__ > aside, 
    .FAQ__section .wrap__ > article { width: 100%; border-radius: 12px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); -webkit-box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); } 
    .FAQ__section .wrap__ > aside { margin-bottom: 20px; padding: 20px 13px; } 
    .FAQ__section .wrap__ > aside .title { display: none; } 
    .FAQ__section .wrap__ > aside ul { display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; } 
    .FAQ__section .wrap__ > aside ul li { position: relative; display: flex; justify-content: center; align-items: center; width: 33%; text-align: center; height: 33px; font-size: 16px; margin-bottom: 4px; } 
    .FAQ__section .wrap__ > aside ul li:nth-child(4),
    .FAQ__section .wrap__ > aside ul li:nth-child(5),
    .FAQ__section .wrap__ > aside ul li:nth-child(6) { margin-bottom: 0; } 
    .FAQ__section .wrap__ > aside ul li + li { margin-top: 0; } 
    .FAQ__section .wrap__ > aside ul li + li:before { content: ""; position: absolute; left: 0; top: 6px; width: 1px; height: 20px; background-color: #343434; opacity: 0.4; } 
    .FAQ__section .wrap__ > aside ul li:nth-child(3n+1):before { display: none; } 
    .FAQ__section .wrap__ > article { padding: 24px 16px; padding-left: 14px; } 
    .FAQ__section .qa_list { padding: 0; } 
    .FAQ__section .qa_list li br { display: block; } 
    .FAQ__section .qa_list li .head { align-items: flex-start; background-size: 18px; padding-right: 20px; } 
    .FAQ__section .qa_list li .head > div { font-size: 16px; line-height: 1.3em; } 
    .FAQ__section .qa_list li + li { margin-top: 20px; } 
    .FAQ__section .qa_list li .drops { margin-left: 22px; margin-top: 16px; padding: 16px 22px; border-radius: 10px; font-size: 14px; line-height: 1.5em; } 
    .customer__.FAQ__ { height: 304px; } 

    /* 토스트 */
    #container.details_examine ~ .toast_wrap {bottom: 54px;}
    #container.landing ~ .toast_wrap {bottom: 68px;}
    #container.ai_check ~ .toast_wrap {bottom: 62px;}
    .toast_wrap { padding: 20px 20px 50px; } 
    .toast_wrap .message_wrap { width: 100%; } 
    .toast_wrap .message { width: 100%; } 
    .toast_wrap .message .confirm { font-size: 15px;} 
    .toast_wrap .message_wrap + .message_wrap { margin-top: 8px; } 

    /* 플로팅 */
    #floating__ {display: none; margin-right: 20px; margin-bottom: 94px; } 
    #floating__ button .over { width: 40px; height: 40px; } 
    #floating__ button span { font-size: 16px; } 
    #floating__ #ft_ChatBtn .over img { width: 32px; } 
    #floating__ #scrollTop .over img { width: 28px; } 
    #floating__ .expandBtn { width: 40px; height: 40px; background-size: 28px; margin-bottom: 50px; } 
    #floating__ .depth button { font-size: 16px; height: 40px; width: 154px; } 
    #floating__ .depth button img { width: 28px; } 

    
    #modal-pass .alert { flex-flow: column; height: auto; font-size: 14px; padding-top: 14px; padding-bottom: 30px; } 
    #modal-pass .alert a { margin-top: 4px; } 
    .mobile__.select-wrap { margin-bottom: 20px; } 
    .mobile__ .selectBox .select { display: none !important; } 
    .mobile__ .selectBox .list { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; padding: 10px 0; flex-wrap: wrap; border-radius: 0; box-shadow: none; } 
    .mobile__ .selectBox .list li { flex: 0 1 20%; opacity: 0.5; justify-content: center; align-items: center; flex-flow: column; padding-left: 0; margin: 0; flex-shrink: 0; font-size: 12px; height: 85px; transition: 0s; -webkit-transition: 0s; } 
    .mobile__ .selectBox .list li.selected, 
    .mobile__ .selectBox .list li:hover { opacity: 1; background-color: transparent; } 
    .mobile__ .selectBox .select .text,
    .mobile__ .selectBox .list li .text { font-size: 12px; font-weight: 700; margin-left: 0; } 
    .mobile__ .selectBox .list li .img { margin-bottom: 6px; } 
    .mobile__.select-wrap { height: 66px; } 
    .mobile__.select-wrap .list { position: fixed; top: 102px; left: 0; z-index: 8200; box-shadow: 0px 2px 5px rgb(0 0 0 / 10%); -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 10%); flex-wrap: nowrap; overflow-x: scroll; height: 66px; } 
    .mobile__.select-wrap .list::-webkit-scrollbar { display: none; opacity: 0; padding: 0; background-color: transparent; } 
    .mobile__.select-wrap .list::-webkit-scrollbar-thumb { display: none; opacity: 0; padding: 0; background-color: transparent; } 
    .mobile__.select-wrap .list::-webkit-scrollbar-track { display: none; opacity: 0; padding: 0; background-color: transparent; } 

    .mobile__.select-wrap .list li { height: 46px; max-width: 58px; } 
    .mobile__.select-wrap .list li .img { width: 30px; height: 30px; } 
}

/* 커뮤니티 */
#container > .communty_main { padding:70px 0 0; background-color: #F8F8F8; } 
.communty_main .swiper-button-prev { left: 50%; top: 160px; transform: translateX(-690px); width: 76px; height: 76px; color: transparent; background: url(https://img.lifet.co.kr/icon/community_arrow.png) no-repeat left top; } 
.communty_main .swiper-button-next { display: block; left: 50%; top: 160px; transform: translateX(620px) rotate(180deg); right: auto; width: 76px; height: 76px; color: transparent; background: url(https://img.lifet.co.kr/icon/community_arrow.png) no-repeat left top; } 
.communty_main h2 { display: none; margin-bottom: 40px; font-size: 36px; text-align: center; line-height: 46.8px; } 
.communty_slide { max-width: 1170px; margin: 0 auto; } 
.swiper-slide:first-child .swiper-lazy-preloader { display: none; } 
.communty_slide .slide_card .badge { z-index: 10; display: flex; align-items: center; justify-content: center; position: absolute; top:0; right: 26px; width: 56px; height: 72px; color: #fff; font-weight: 600; font-size: 18px; line-height: 130%; filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.08)); background: url('https://img.lifet.co.kr/icon/content_badge.svg') no-repeat left top; } 
.communty_slide .slide_card, .cartegory_list li a, .mySwiper01 .slide_card { position: relative; display: block; border-radius: 15px; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); } 
.communty_slide .slide_card.event { position: relative; display: block; border-radius: 15px; box-shadow: none; } 
.communty_slide .slide_card .img, .mySwiper01 .slide_card .img, .cartegory_list li .img { position: relative; display:block; overflow: hidden; width:370px; height: 230px; text-align: center; border-radius: 15px 15px 0px 0px; background-color: #BED8FF; } 
.mySwiper01 .slide_card .img .swiper-lazy-preloader, .mySwiper01 .swiper-slide .img::before { display: none; } 
.mySwiper01 .swiper-slide { width: 370px; margin-left: 30px; } 
.mySwiper01 .swiper-slide:first-child { margin-left: 0; } 
.communty_slide .slide_card img, .cartegory_list li img, .mySwiper01 .slide_card img { display:inline-block; height: 100%; } 
.communty_slide .slide_card .text, .cartegory_list li .text,.mySwiper01 .slide_card .text { padding: 18px 20px; border-radius: 0px 0px 15px 15px; background-color: #fff } 
.communty_slide .slide_card .text span:first-child, .cartegory_list li .text span:first-child, .cartegory_list li .text span.ing, .view_top .ing, 
.mySwiper01 .slide_card .text span:first-child { color: #6992DE; font-weight: 600; line-height: 20.8px; } 
.cartegory_list.event li .text { padding-top: 14px; } 
.view_top h2 .ing, .view_top h2 .end { display: inline-block; margin-left: 14px; padding: 7px 16px; color: #68A5FE; font-size: 18px; border-radius: 60px; border: 1px solid #68A5FE; vertical-align: top; } 
.mySwiper01 .slide_card .text span:last-child,
.mySwiper01 .slide_card .text span:last-child { display:inline-block; position: absolute; right: 20px; top: 185px; padding: 6px 14px; color:#6992DE; font-weight: 600; border-radius: 54px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); background-color: #fff; } 
.cartegory_list li .text span:last-child, .communty_slide .slide_card .text span:last-child { display:inline-block; position: absolute; right: 20px; top: 185px; padding: 6px 14px; color:#6992DE; font-weight: 600; border-radius: 54px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); background-color: #fff; } 
.cartegory_list.event li .text span:last-child { position: static; margin-left: 8px; padding: 4px 8px; border: 1px solid #68A5FE; box-shadow: none; } 
.communty_slide .slide_card .text h3, .cartegory_list li h3, .mySwiper01 .slide_card .text h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px 0 7px; color: #343434; font-weight: 600; font-size: 24px; } 
.communty_slide .slide_card .text p, .cartegory_list li p, .mySwiper01 .slide_card .text p { color: #B3B3B3; font-size: 16px; font-weight: 500; } 
.cartegory_list li p, .communty_slide .slide_card .text p, .mySwiper01 .slide_card .text p { height: 22px; overflow: hidden; } 
.communty_main .swiper-pagination { display: none; } 
.board_communty { overflow: hidden; padding: 0 0 70px; } 
.board_communty .swiper-slide { position: relative; } 
.category_wrap { max-width: 1170px; margin: 0 auto; } 
.cartegory { display: flex; justify-content: center; height: 120px; margin-bottom: 24px; border: 1px solid #D8D8D8; border-width: 1px 0; box-shadow: 6px 3px 6px rgb(0 0 0 / 8%); } 
.cartegory li { position: relative; text-align: center; background: url(https://img.lifet.co.kr/icon/community_icon1_off.svg) no-repeat center 35%; } 
.cartegory li a { display: block; padding: 80px 45px 0; color: #999; font-weight: 500; font-size: 18px; } 
.cartegory li:first-child a { padding: 80px 53px 0; } 
.cartegory li.on a { color: #68A5FE; font-weight: 700; } 
.cartegory li:nth-child(2) { background-image: url(https://img.lifet.co.kr/icon/community_icon2_off.svg); } 
.cartegory li:nth-child(3) { background-image: url(https://img.lifet.co.kr/icon/community_icon3_off.svg); } 
.cartegory li:nth-child(4) { background-image: url(https://img.lifet.co.kr/icon/community_icon4_off.svg); } 
.cartegory li:nth-child(5) { background-image: url(https://img.lifet.co.kr/icon/community_icon5_off.svg); } 
.cartegory li.on:nth-child(1) { background-image: url(https://img.lifet.co.kr/icon/community_icon1.svg); } 
.cartegory li.on:nth-child(2) { background-image: url(https://img.lifet.co.kr/icon/community_icon2.svg); } 
.cartegory li.on:nth-child(3) { background-image: url(https://img.lifet.co.kr/icon/community_icon3.svg); } 
.cartegory li.on:nth-child(4) { background-image: url(https://img.lifet.co.kr/icon/community_icon4.svg); } 
.cartegory li.on:nth-child(5) { background-image: url(https://img.lifet.co.kr/icon/community_icon5.svg); } 
.cartegory_list { display:flex; flex-wrap:wrap; max-width: none; width: 1200px; margin: 60px auto 30px; } 
.cartegory_list li { display: block; width: 370px; margin-bottom: 40px; margin-right: 30px; border-radius: 15px; } 
.cartegory + .consult__wrapper { margin-bottom: -65px; } 
/*.cartegory_list li:nth-child(3n) { margin-right: 0; } */
.cartegory_list li .text { border-radius: 0px 0px 15px 15px; } 
.visual_top .view_top { z-index: 11; position: absolute; bottom: 80px; left: 50%; margin-left: -400px; width: 800px; color: #fff; } 
.event .community_view .view_top { position: static; margin: 60px 0 0; width: auto; padding-bottom: 40px; color: inherit; border-bottom: 1px solid #D8D8D8; } 
.visual_top .view_top > span { font-size: 18px; font-weight: 500; line-height: 130%; } 
.visual_top .view_top h2 { display: flex; align-items: center; margin: 4px 50px 12px 0; font-weight:600; font-size:32px; } 
.event .community_view .view_top h2 { font-size: 28px; } 
.visual_top .view_top p { display: flex; color: #E4E4E4; font-size:16px; } 
.event .community_view .view_top p { margin-top: 16px; color: #808080; } 
.event .community_view .view_top p em { margin-left: 14px; } 
.visual_top .view_top p em { position: relative; margin-left: 8px; padding-left: 12px; } 
.visual_top .view_top p em::before { content: ''; display: inline-block; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #E4E4E4; } 
.visual_top .tool__share {z-index: 12; position: absolute; right: 50%; top: 388px; width:30px; height:30px; margin-right: -403px; background: url(https://img.lifet.co.kr/icon/share_w.svg) no-repeat; background-size: 30px auto; } 
.event .community_view .view_top .tool__share { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-image: url(https://img.lifet.co.kr/icon/share_m.svg); background-size: 30px; } 
.visual_top .tool__share span, .community_view .view_top .tool__share span { position: absolute; top: 100%; left: 50%; background-color: #92BEFF; letter-spacing: -0.4px; white-space: nowrap; color: #fff; padding: 6px 11px; border-radius: 4px; font-size: 12px; transform: translateX(-50%); -moz-transform: translateX(-50%) -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-top: 8px; display: none; } 
.event .community_view .share_sns { top: 40px; right: 0; } 
.visual_top .view_top a > span:after, .community_view .view_top a > span:after { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -6px; border-top: 0px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #92BEFF; } 
.community_view { position: relative; padding-top: 537px; } 
.event .community_view { position: relative; padding-top: 0; } 
.community_view .share_sns { right: 186px; top: 423px; } 
.community_view .btn_area { margin-bottom: 0; padding-bottom: 70px; text-align: center; } 
.visual_top a:hover > span, .community_view .view_top a:hover > span { display: block; } 
.visual_top .tool__btn {position: absolute; top: 375px; left: 50%; margin-left: 406px; z-index: 1000;}
.view_cont .cont_area { width: 800px; margin: 0 auto 50px; padding: 50px 0; font-size: 18px; text-align: center; /*border-bottom: 1px solid #D8D8D8; */ } 
.view_cont .cont_area.event { width: auto; margin-bottom: 50px; border-bottom: 1px solid #D8D8D8; } 
.view_cont .hash_teg { margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid #D8D8D8; background-color: #fff; } 
.view_cont .hash_teg span { display:inline-block; margin-right: 8px; padding: 10px 20px; color:#666; font-size:16px; font-weight: 500; border-radius: 40px; background-color: #F6F6F5; } 
.view_cont .profile_doc {margin: 0 auto 30px;}
.btn_area { margin-bottom: 59px; } 
.btn_area.center { text-align: center; } 
.btn_area .btn { display: inline-block; padding:0 57px; color: #fff; background-color: #68A5FE; } 

.communty_slide .slide_card.event .img { width: 100%; height: 388px; border-radius: 15px; } 
.cartegory_list li .slide_card.event .text span:first-child { display: inline-block; padding: 5px 14px 4px; font-size: 16px; border-radius: 60px; border: 1px solid #68A5FE; } 
.cartegory_list li .slide_card.event .text span.end, .view_top h2 .end { color: #999; border-color: #999; } 
.cartegory_list .slide_card.event h3 { margin: 8px 0 8px; font-size: 20px; } 
.cartegory_list .slide_card.event p { display: inline; color: #808080; } 
.cartegory_list .slide_card.finish .img:after { content:''; position: absolute; top:0; left: 0; width: 100%; height: 230px;; background-color: #8F8F8F; opacity: .5; border-radius: 15px 15px 0px 0px; } 

.select_area .inner_box { display: inline-block; height: 31px; border-radius: 5px; background-color: #E9E9E9; } 
.select_area .inner_box button { width: 26px; height: 31px; padding: 8px 5px 8px 6px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/select_close.png) no-repeat center; } 
.select_area .inner_box span { display: inline-block; height: 31px; padding: 2px 14px; color: #343434; font-size: 18px; border-left: 1px solid #B3B3B3; line-height: 1.5; } 

.select2-container--default .select2-selection--multiple { border-color: #ccc; } 

#progress_bar { z-index: 1; position: fixed; width: 100%; height: 3px; } 
#progress_bar div { width: 0%; height: 3px; background-color: #68A5FE; } 
.visual_top { overflow: hidden; position: absolute; top: 73px; width: 100%; height: 534px; }
.app_top + #container .visual_top {top: 134px;}
.visual_top::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 534px; background-color: #303030; opacity: 30%; } 
.visual_top > p { height: 550px; margin: -10px -20px; text-align: center; background-position: center; background-repeat: no-repeat; background-size: 115%; filter: blur(14px); -webkit-filter: blur(14px); } 
.visual_top > img { position: absolute; top: 50%; left: 50%; width: 906px; height: 604px; object-fit: cover; transform: translate(-50%, -50%); } 
.councel_banner { display: flex; justify-content: center; height: 139px; border-radius: 12px; background-color: #F4F4F4; } 
.councel_banner > div { width: 440px; background: url(https://img.lifet.co.kr/landing/visual/customer_img.png) no-repeat right 3px; background-size: 148px; } 
.councel_banner > div p { margin: 23px 0 6px; font-size: 22px; font-weight: 600; line-height: 130%; } 
.councel_banner > div a { display: inline-block; height: 30px; padding: 6px 24px 0 14px; color: #fff; font-weight: 600; line-height: 130%; border-radius: 72px; background:#68A5FE url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right 12px center; background-size: 12px; } 
.community_view .search_tit { margin: 50px 0 20px; } 
.community_view .search_tit strong { font-size: 28px; } 
.community_view .search_area .cartegory_list li { box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.04); } 
.community_view .cartegory_list li .text span:first-child { font-size: 18px; } 
.community_view .cartegory_list li .text h3 { margin-top: 10px; font-size: 22px; } 

@media(max-width: 767px){
    .communty_main .swiper-button-prev, .communty_main .swiper-button-next { overflow: hidden; position: absolute; left: auto; right: auto; width: 0; height: 0; margin:0; padding: 0; text-indent: -99999px; transform: none; background: none; } 
    .communty_main .swiper-pagination { display: block; left:50%; height: 8px; transform: translateX(-50%); bottom: 14px; } 
    .communty_main .swiper-pagination-bullet { margin: 0 4px; } 
    #container > .communty_main, .board_communty { padding: 0; } 
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { display: none; overflow: hidden; position: absolute; width: 0; height: 0; } 
    .communty_main h2 { display: none; } 
    .communty_slide { position: relative; overflow: hidden; height: 62.2vw; } 
    .communty_slide .slide_card .img, .communty_slide .slide_card .text, .communty_slide .slide_card { padding: 0; border-radius: 0; } 
    .communty_slide .slide_card .img { width: 100%; height: auto; } 
    .communty_slide .slide_card .badge { width: 46px; height: 59px; font-size: 15px; background-size: 46px; } 
    .cartegory_list li .img { position: relative; width: 100%; height: auto; text-align: center; border-radius: 12px 12px 0 0; } 
    .communty_main .communty_slide .slide_card .text span:last-child { display: none; top: auto; bottom: 43px; } 
    .cartegory_list li img { width: 100%; height: auto; display: inline-block; vertical-align: top; } 
    .communty_slide .slide_card img { position: relative; display: block; width: 100%; height: auto; } 
    .communty_slide .slide_card .text p { display:none; } 
    .communty_slide .slide_card .text span:first-child { position: absolute; left: 20px; bottom: 77px; color: #fff; font-weight: 400; line-height: 130%; } 
    .communty_slide .slide_card .text h3 { position: absolute; left: 20px; bottom: 46px; width: 90%; margin: 0; color: #fff; font-size: 24px; line-height: 130%; } 
    .communty_slide .slide_card .img::after { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(52, 52, 52, 0.6) 0%, rgba(52, 52, 52, 0) 57.42%); transform: rotate(180deg); } 
    .communty_slide .slide_card.event .img::after { display: none; } 
    .swiper-slide:first-child .swiper-lazy-preloader { display: block; } 
    .cartegory { height: 73px; border: 0; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.05); } 
    .cartegory li a { white-space: nowrap; padding: 45px 12px 0; font-size: 12px; } 
    .cartegory li { background-size: 37px; background-position: center 7px; } 
    .cartegory li:first-child a { padding: 45px 18px 0; padding: auto; } 
    .cartegory_list { justify-content: center; width: auto; margin: 16px 0 30px; padding: 0 20px; } 
    .cartegory_list.event { margin-top: 40px; } 
    .cartegory_list li, .cartegory_list li:nth-child(3n+1) { width: 100%; margin: 0 0 20px; } 
    .cartegory_list li .text { box-shadow: none; } 
    .cartegory_list li h3 { font-size: 20px; } 
    .cartegory_list .slide_card.event h3 { margin: 0 0 6px; font-size: 18px; } 
    .cartegory_list.event li .text span:last-child { padding: 3px 7px; font-size: 12px; border-radius: 60px; } 
    .cartegory_list.event li .text { padding: 20px 14px; } 
    .cartegory_list li .slide_card.event .text span:first-child { padding: 4px 12px 4px; font-size: 13px; } 
    .cartegory_list li p, .mySwiper01 .slide_card .text p { height: 18px; font-size: 14px; } 
    .cartegory_list li .text span:last-child { top: auto; bottom: 140px; } 
    .cartegory_list li .slide_card { box-shadow: 0px 0px 32px 6px rgba(79, 79, 79, 0.14); border-radius: 12px; } 
    .cartegory_list .slide_card.finish .img:after { height: 100%; } 
    .cartegory + .consult__wrapper { margin: 0; padding: 0 20px; border: 0; } 

    .visual_top { height: 250px; top: auto; } 
    .visual_top p { background: none !important; } 
    .visual_top img { width: 100%; height: 250px; } 
    .community_view { max-width: none; padding-top: 250px; } 
    .visual_top .view_top { /*margin-top: -29px; */z-index: 10001; width: 100%; margin: 0; left: auto; padding: 0 20px 0; bottom: 24px; } 
    .visual_top .view_top h2 { flex-wrap: wrap; align-items: flex-start; flex-direction: column-reverse; width: 100%; margin: 4px 0 8px; font-size: 24px; } 
    .visual_top .view_top p { font-size: 14px; } 
    .visual_top .view_top p em { margin-left: 8px; } 
    .visual_top .view_top > span { font-size: 14px; } 
    .community_view .btn_area { width: calc(100% - 40px); margin: 0 20px; padding: 0 0 30px; } 
    .community_view .btn_area .btn { width: 100%; } 
    .community_view .btn_area.fixed { z-index: 1; position: fixed; width: 100%; margin: 0; padding: 0 20px 30px; bottom: 0; } 
    .community_view .btn_area.fixed::before { z-index: -1; content: ''; position: absolute; left: 0; top: -34px; display: block; width: 100%; height: 112px; background-image: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); } 
    .community_view .btn_area.fixed .btn { width: 100%; border: 0; } 
    .visual_top .tool__share { position: fixed; right: 20px; top: 12px; width: 22px; height: 22px; margin-right: 0; background-image: url(https://img.lifet.co.kr/icon/share_m.svg); background-size: 22px; } 
    /* .community_view .view_top .tool__btns { display: none; } */
    .community_view .share_sns.active { display: none; } 
    #container.comm_cintainer { background-color: #fff; } 
    .view_cont .hash_teg span { margin-right: 10px; padding:0; font-size: 14px; background-color: #fff; } 
    .btn_area .btn { padding: 0 34px; } 
    .view_cont .hash_teg { margin: 0 20px 40px; padding: 0 0 30px; } 
    .view_cont .cont_area { width: auto; margin-bottom: 40px; padding: 18px 20px; } 
    .view_cont .cont_area.event { margin-bottom: 40px; padding: 30px 20px; } 
    .view_cont .cont_area.event img { max-width: 100%; } 
    .communty_slide .slide_card.event .img { height: auto; border-radius: 0; } 
    .view_top h2 .ing, .view_top h2 .end { margin-left: 0; padding: 0 0 4px; vertical-align: 0; font-size: 14px; line-height: 1.3; border: 0; } 
    .visual_top .tool__btns, .community_view .tool__btns { z-index: 10002; position: fixed; top: 0; right: 20px; } 
    .profile_doc { width: 303px; } 
    .profile_doc .slide__card { height: auto; padding: 24px 30px; } 
    .profile_doc .slide__card .img__ { width: 80px; height: 80px; margin-right: 24px; } 
    .profile_doc .slide__card .text__ p, .profile_doc .slide__card .text__ h1 .name { font-size: 14px; } 
    .profile_doc .slide__card .text__ h1 { font-size: 18px; } 
    .councel_banner { width: 335px; height: 117px; margin: 0 auto; } 
    .councel_banner > div { width: 100%; padding-left: 20px; background-size: 134px; background-position-y: -3px; } 
    .councel_banner > div p { margin: 18.5px 0 6px; font-size: 18px; } 
    .councel_banner > div a { height: 28px; padding: 6px 20px 6px 12px; font-size: 12px; background-position: right 10px center; background-size: 10px; } 
    .event .community_view .view_top { margin-top: 12px; padding: 0 20px 18px; } 
    .event .community_view .view_top h2 { display: flex; flex-flow: column; flex-direction: column-reverse; font-size: 18px; } 
    .event .community_view .view_top .tool__share { top: 11px; width: 22px; height: 22px; background-size: 22px; } 
    .event .community_view .btn_area { padding-bottom: 60px; } 
    .event .community_view .btn_area .btn { width: auto; } 
    .event .community_view .view_top p { margin-top: 10px; } 
    .event .community_view .view_top p em { margin-left: 8px; } 
}

.hidden { overflow: hidden; position:absolute; left:-9999px; width:0; height:0; padding: 0; border: 0;} 

/* 만족도조사 */
#modal-terms.pool_pop .content-area { max-width: 370px; height: 490px; } 
.pool_cont { padding-top: 34px; } 
.pool_cont .q { margin-top: 18px; font-size: 18px; font-weight: 600; line-height: 1.5; } 
.pool_cont p:first-of-type { margin: 2px 0 0; font-size: 16px; line-height: 1.5; } 
.pool_cont p:nth-of-type(2) { margin-bottom: 16px; font-size: 16px; line-height: 1.5; font-weight: 500; } 
.pool_cont p + a { display: none; color: #68A5FE; text-decoration: underline; } 
#mypool { margin: 10px 0 15px; } 
#mypool fieldset { display: block; direction: rtl; border: 0; } 
#mypool fieldset legend { display: none; } 
#mypool input[type=radio] { display: none } 
#mypool label { font-size: 39px; color: transparent; text-shadow: 0 0 0 #D9D9D9; } 
#mypool label:hover { text-shadow: 0 0 0 #FFD645; } 
#mypool label:hover ~ label { text-shadow: 0 0 0 #FFD645; } 
#mypool input[type=radio]:checked ~ label { text-shadow: 0 0 0 #FFD645; } 
#mypool input[type="submit"] { height: 46px; margin-top: 15px; padding: 10px 34px; color: #68A5FE; font-size: 20px; line-height: 1; font-weight: 600; border-radius: 44px; border: 2px solid #68A5FE; background-color: #fff; } 

.starpoint_wrap { display: none; width: 214px; margin: 14px auto 0; } 
.starpoint_box { position:relative; width: 214px; background:url("https://img.lifet.co.kr/patella/star_bg.svg") 0 0 no-repeat; font-size:0; } 
.starpoint_box .starpoint_bg { display:block; position:absolute; top:0; left:0; height:38px; background:url(https://img.lifet.co.kr/patella/star_bg.svg) 0 -38px no-repeat; pointer-events:none; } 
.starpoint_box .label_star { display:inline-block; width:38px; height:38px; box-sizing:border-box; cursor: pointer; } 
.starpoint_box .star_radio { opacity:0; width:0; height:0; position:absolute; } 
.starpoint_box .star_radio:nth-of-type(1):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(1):checked ~ .starpoint_bg { width:20%; } 
.starpoint_box .star_radio:nth-of-type(2):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(2):checked ~ .starpoint_bg { width:40%; } 
.starpoint_box .star_radio:nth-of-type(3):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(3):checked ~ .starpoint_bg { width:60%; } 
.starpoint_box .star_radio:nth-of-type(4):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(4):checked ~ .starpoint_bg { width:80%; } 
.starpoint_box .star_radio:nth-of-type(5):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(5):checked ~ .starpoint_bg { width:100%; } 
.blind { position:absolute; clip:rect(0 0 0 0); margin:-1px; width:1px; height: 1px; overflow:hidden; } 
.pool_cont button { height: 46px; padding: 10px 34px; color: #68A5FE; font-size: 20px; line-height: 1; font-weight: 600; border-radius: 44px; border: 2px solid #68A5FE; cursor: pointer; background-color: #fff; } 

@media (max-width:767px){
    #modal-terms.pool_pop .content-area { max-width: 300px; max-height: 387px; } 
    #modal-satisfy .head { height: 54px; padding-left: 20px; font-size: 14px; font-weight: 700; } 
    #modal-satisfy .content-area .closer { top: 5px; right: 5px; background-size: 20px; } 
    .pool_cont { padding-top: 20px; } 
    .pool_cont .q { margin-top: 12px; font-size: 16px; } 
    .pool_cont p:first-of-type { font-size: 14px; } 
    .pool_cont p:nth-of-type(2) { margin-bottom: 12px; font-size: 14px; } 
    .pool_cont img { width: 120px; } 
    .starpoint_wrap { width: 190px; } 
    .starpoint_box { width: 190px; background:url("https://img.lifet.co.kr/patella/star_bg_m.svg") } 
    .starpoint_box .label_star { width: 33px; height: 33px; } 
    .starpoint_box .starpoint_bg { height:33px; background:url(https://img.lifet.co.kr/patella/star_bg_m.svg) 0 -33px no-repeat; } 
    .pool_cont button { height: 33px; padding: 6px 23px; font-size: 16px; border-width: 1px; } 
    .upload_pic .del button { width: 70px; height: 70px; } 
    .upload_pic .del.hover { background-size: 70px; } 
}

/* 펫 선택 팝업 */
.modal-dialog .profile_pop > .content-area { max-width: 387px; padding: 76px 0 20px; } 
#container.pet_cancle ~.modal-dialog .bottom_sheet .head div:first-of-type, #container.landing ~.modal-dialog .bottom_sheet .head div:first-of-type, #container.membership ~.modal-dialog .bottom_sheet .head div:first-of-type { position: static; padding: 0; height: auto; font-size: 20px; font-weight: 600; line-height: 1.5; text-align: center; border: 0; } 
#container.membership ~.modal-dialog .bottom_sheet .head div:first-child.left { text-align: left; } 
.choice_area { overflow-y: auto; overflow-x: hidden; max-height: 335px; margin-right: 8px; margin-bottom: 30px; padding: 0 30px 0; } 
.choice_area ul { width: 330px; } 
.choice_area ul li a { display: flex; height: 96px; margin-top: 8px; padding: 18px 20px; border: 1px solid #E5E5E8; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);} 
.choice_area ul li a .photo { display: flex; justify-content: center; align-items: flex-end; width: 60px; height: 60px; margin-right: 20px; margin-bottom: 0; border-radius: 50%; } 
.choice_area ul li a .photo img { width: 60px; object-fit: cover; height: 60px; border-radius: 50%; } 
.choice_area ul li.active a {padding-left: 19px; padding-top: 17px; border-color: #68A5FE; border-width: 2px;} 
.choice_area + .btn { display: inline-block; height: 43px; margin-top: -5px; font-size: 16px; padding: 11px 47px; line-height: 1; } 
.choice_area .name { width: 200px; text-align: left; } 
.choice_area .name strong { display: block; width: 90%; margin-bottom: 2px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.choice_area .name span { display: inline-block; color: #808080; font-size: 13px; } 
.choice_area .name span:last-child::before {content:''; display: inline-block; width: 3px; height: 3px; margin: 0 6px 0 2px; vertical-align: 2px; border-radius: 50%; background-color: #808080;}

#profile_add.profile_add { display: block; width: 330px; height: 96px; margin-top: 10px; padding-top: 50px; color: #CECECE; font-size: 18px; font-weight: 600; border-radius: 14px; background: #F4F4F4 url(https://img.lifet.co.kr/icon/profile_add.svg) no-repeat center 10px; background-size: 50px; } 

@media (min-width:768px){
    #modal-hjstory .scroll::-webkit-scrollbar { width: 8px; background-color: transparent; } 
    #modal-hjstory .scroll::-webkit-scrollbar-thumb { background-color: #EBEBEB; border: 2px solid #fff; border-radius: 4px; cursor: pointer; } 
    #modal-hjstory .scroll::-webkit-scrollbar-track { background-color: transparent; } 
    .choice_area::-webkit-scrollbar { -webkit-appearance: none; } 
    .choice_area::-webkit-scrollbar:vertical { width: 13px; } 
    .choice_area::-webkit-scrollbar-thumb { border-radius: 8px; border: 4px solid white; background-color: #BDBDBD; } 
    .modal-dialog .content-area .mobileCloser { z-index: 1; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; cursor: pointer; background-image: url(https://img.lifet.co.kr/icon/btn_x.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; } 
}

@media (max-width:767px){
    .modal-content.profile_pop .content-area { width: 100%; max-width: 100%; max-height: 520px; padding: 0 0 20px; border-radius: 25px 25px 0px 0px; transition: .8s all ease; } 
    .modal-dialog .profile_pop .head {position: static; height: 58px; padding: 0; border: 0;}
    .modal-content.profile_pop .head p { display: none; font-size: 15px; } 
    .modal-dialog .profile_pop .content-area .head div:first-child { padding-left: 20px; padding-top: 16px; font-size: 20px; text-align: left; border: 0; } 
    .modal-content.profile_pop .choice_area { max-height: 328px; height: auto; margin-right: 0; margin-top: 0; margin-bottom: 16px; padding: 0 20px; } 
    .modal-content.profile_pop .choice_area ul { width: 100%; margin-bottom: 0; margin-top: -6px;} 
    .choice_area { position: relative; height: 347px; margin-top: 14px; margin-bottom: 0; } 
    /*.modal-content.profile_pop .content-area::after { content:''; position: absolute; left: 0; bottom: 30px; height: 60px; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 14.58%); } */
    .choice_area ul { width: 260px; margin-bottom: 14px; } 
    #profile_add.profile_add { width: 100%; height: 96px; padding-top: 54px; font-size: 16px; background-size: 40px; background-position: center 15px; } 
    
    .choice_area ul li a { align-items: center; height: 96px; margin-top: 8px;} 
    .choice_area ul li.active a { padding: 18px 19px; border-width: 2px; } 
    .choice_area ul li a .photo { width: 60px; height: 60px; margin-right: 18px; margin-top: 0;} 
    .choice_area ul li a .photo img { width: 60px; height: 60px; } 
    .choice_area .name { width: 50%; } 
    .choice_area .name strong { font-size: 14px; } 
    .choice_area .name span { position: relative; margin: 4px 0 0 0; padding: 0; font-size: 14px; font-weight: 400; opacity: 0.8; background-color: #fff; } 
    .choice_area .name span:first-of-type::before { display: none; } 
    .choice_area .name span::before { content: ''; display: inline-block; width: 2px; height: 2px; margin-right: 6px; vertical-align: middle; border-radius: 50%; background-color: #222; } 
    .choice_area .name br + span::before { display: none; } 
    .choice_area + .btn { z-index: 1; position: relative; height: 38px; margin-top: -10px; padding: 10px 30px; font-size: 14px; } 
}



/* 건강검진센터 리뉴얼 */
.samsung_join { z-index: 1000; position: relative; display: none; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; right: 0; bottom:200px; width: 116px; height: 116px; border-radius: 50%; background-color: #0C4DA2; } 
.samsung_join button { position: absolute; top:5px; right: 5px; width: 22px; height: 22px; text-indent: -9999px; border: 1px solid #EBEBEB; border-radius: 50%; background:#fff url(https://img.lifet.co.kr/icon/floting_close.svg) no-repeat center center; } 
.saumsung_join span { display: block; width: 100%; text-align: center; } 
.saumsung_join span:nth-child(2) { margin: } 
#container > .section-wrap.suvey_center { padding: 0; } 

.samsung_direct { display: flex; justify-content: center; flex-wrap: wrap; align-content: center; margin-top: -67px; padding: 170px 0 100px; background-color: #F4F5FA; } 
.samsung_direct div { display: flex; align-items: center; height: 81px; } 
.samsung_direct .mobile { display: none; } 
.samsung_direct img:first-child { width: 242px; height: 55px; } 
.samsung_direct span { margin: 10px 60px 0; color: #4D4D4D; font-size: 50px; font-weight: 500; line-height: 1.3; } 
.samsung_direct p { width: 100%; margin-top: 20px; font-size: 32px; font-weight: 500; text-align: center; } 
.samsung_direct img:last-of-type { width: 400px; height: 77px; } 

.suvey_center .btn_go { z-index: 1; overflow: hidden; display: flex; flex-wrap: wrap; position: relative; width: 1030px; margin: 0 auto 0; padding: 42px 46px; box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.1); border-radius: 20px; background-color: #fff; } 
.suvey_center .btn_go h2 { width: 100%; margin-bottom: 14px; font-weight: 600; font-size: 18px; line-height: 130%; } 
.suvey_center .btn_go a { display: flex; align-items: center; width: 458px; height: 102px; padding-left: 30px; color: #fff; border-radius: 12px; background :#68A5FE url(https://img.lifet.co.kr/icon/arrow_white.svg) no-repeat right 30px center; box-shadow: 0px 0px 27.661px 5.18644px rgba(177, 180, 198, 0.2); } 
.suvey_center .btn_go a:last-child { margin-left: 22px; background-color: #A0D24B; } 
.suvey_center .btn_go a img { margin-right: 14px; } 
.suvey_center .btn_go a strong { font-weight: 700; font-size: 22px; line-height: 150%; } 
.suvey_center .btn_go a strong.m_block { display: none; } 
.suvey_center .btn_go a p { font-size: 16px; } 
.use_guide { padding: 102px 0 100px; } 
.use_guide .profile-step-area .step-wrap { max-width: 1170px; margin:50px auto 0; } 
.use_guide .profile-step-area .step-wrap li a { width: 360px; height: 341px; padding: 40px 20px; border-radius: 15px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); } 
.use_guide .profile-step-area > h1 { margin-bottom: 10px; font-size: 40px; } 
.use_guide .profile-step-area .step-wrap .imgBox { height: auto; } 
.use_guide .profile-step-area > h1 + p { font-weight: 500; font-size: 28px; } 
.use_guide .profile-step-area .step-wrap h5 { margin-bottom: 8px; } 

.top_banner { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin-bottom: -40px; background-color: #F4F5FA; } 
.top_banner img { width:149px; } 
.top_banner p { margin-left: 18px; font-weight: 500; font-size: 17px; line-height: 20px; } 
.top_banner p span span { color: #003CDC; } 

@media (max-width:767px){
    .samsung_join { width: 72px; height: 72px; bottom: 146px; } 
    .samsung_join img { max-width: 100%; } 
    .samsung_join button { width: 14px; height: 14px; top: 3px; right: 4px; } 
    #container > .section-wrap.suvey_center { padding: 0 20px; } 
    .scroll_area::-webkit-scrollbar { display: none; } 
    .scroll_area::-webkit-scrollbar-thumb { display: none; } 
    .scroll_area::-webkit-scrollbar-track { display: none; } 
    .suvey_center .btn_go a { width: calc(50% - 4px); justify-content: center; height: 60px; margin-top: 35px; padding-left: 0; box-shadow: none; background-image: none; } 
    /*.suvey_center .btn_go a::after { content: url(https://img.lifet.co.kr/icon/arrow_white_m.svg); margin-left: 6px; } */
    .suvey_center .btn_go a img { width: 30px; margin-right: 4px; margin-left: -5px; } 
    .suvey_center .btn_go a p { display: none; } 
    .suvey_center .btn_go a:last-child { margin-left: 7px; } 
    .suvey_center .btn_go a strong { display: none; } 
    .suvey_center .btn_go a strong.m_block { display: block; font-weight: 600; font-size: 16px; } 
    .suvey_center .btn_go h2 { display: none; } 
    .use_guide { margin: 0 -20px 0; padding-top: 50px; padding-bottom: 60px; } 
    .use_guide .profile-step-area > h1 + p { font-size: 18px; font-weight: 600; } 
    .use_guide .profile-step-area .step-wrap { width: 100%; margin-top: 23px; } 
    /*.use_guide .profile-step-area > h1 { width: 160px; margin: 0 auto 4px; } */
    .use_guide .profile-step-area .step-wrap li a { overflow: hidden; width: auto; height: 124px; margin: 0 20px; max-width: none; padding: 7px 20px; } 
    .use_guide .profile-step-area .step-wrap .imgBox { float: left; } 
    .use_guide .profile-step-area .step-wrap h5 { margin: 21px 0 5px; text-align: left; } 
    .use_guide .profile-step-area .step-wrap .textBox { font-size: 14px; line-height: 1.5; text-align: left; } 
    .use_guide .profile-step-area .step-wrap .imgBox img { max-width: 110px; } 
    .use_guide .profile-step-area .step-wrap .textBox p { font-size: 14px; } 
    .use_guide .profile-step-area > h1 { margin-bottom: 4px; font-size: 24px; } 
    .samsung_direct { height: 239px; margin: 0 -20px; padding: 0; } 
    .samsung_direct .web { display: none; } 
    .samsung_direct .mobile { display: flex; width: 211px; height: 78px; } 
    .samsung_direct span { margin: 0 28px 0 30px; font-size: 34px; } 
    .samsung_direct p { margin-top: 16px; font-size: 18px; line-height: 1.4; } 
    .samsung_direct img:first-child { width: 70px; height: 63px; } 
    .samsung_direct img:last-of-type { width: 65px; height: 78px; } 

    .scroll_area { overflow-x: hidden; height: calc(100svh - 60px); } 
    .dislocation_content { padding: 48px 20px; } 
    .dislocation_content ul { display: flex; flex-wrap: wrap; margin-top: 26px; } 
    .dislocation_content ul li { overflow: hidden; width: auto; margin-left: 0; margin-bottom: 24px; border-radius: 10px; background-color: #fff; box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.1); } 
    .dislocation_content ul li .img { overflow: hidden; height: 190px; } 
    .dislocation_content .title { font-size: 20px; } 
    .dislocation_content .title span { display: block; } 
    .dislocation_content .title + p { margin: 12px 0 15px; font-size: 16px; } 
    .dislocation_content ul li strong { margin: 14px 0 2px; } 
    .dislocation_content ul li:last-child { margin-bottom: 0; } 
    .dislocation_content ul li p { font-size: 14px; } 
    .diagnosis_cont .rig_img { margin-bottom: -55px; } 
    .diagnosis_cont .rig_img img { width: 340px; } 
    .dislocation_content [class*="ai_swiper"] .swiper-slide .swiper-lazy-preloader { display: block; } 

    .top_banner { height: 62px; } 
    .top_banner img { width: 118px; } 
    .top_banner p { margin-left: 14px; font-size: 13px; line-height: 16px; } 
    .top_banner p > span { display: block; } 
}

.profile_complete { margin-top: -10px; text-align: center; } 
.profile_complete strong { display: block; width: 100%; margin: 25px 0 4px; font-size: 26px; line-height: 1.5; font-weight: 700; } 
.profile_complete p { color: #737373; font-size: 16px; line-height: 150%; } 
.profile_complete .btn_wrap { margin: 0 0 70px; } 
.profile_complete .btn_wrap a { display: inline-block; width: auto; margin: 0 5px; padding: 14px 50px; text-align: center; font-weight: 700; font-size: 18px; line-height: 130%; border-radius: 50px; border: 2px solid #68A5FE; } 
.profile_complete .btn_wrap a.button { color: #fff; background-color: #68A5FE; } 
.profile_complete .btn_wrap a.button2 { color: #89BC32; border-color: #89BC32; } 
.profile_complete .btn_wrap + a { color: #999; font-size: 18px; font-weight: 500; text-decoration: underline; border: 0; } 
.profile_complete .btn_wrap + a:hover { } 
.profile_last .title_text { display: none; } 
.profile_complete img, .profile_complete strong, .profile_complete p { display: inline-block; } 

@media (max-width:767px){
    .profile_last .profile-title-area, .profile_last .profile-add-area { display: block; } 
    .profile_last .profile-add-area { width: auto; box-shadow: none; } 
    .profile_last .profile-add-area .profile-img { width: 100%; border-radius: 24px; background-color: #F7EAFF; } 
    .profile_last .profile-title-area div:first-child { display: block; text-align: center; } 
    .profile_last .profile-add-area .profile-img { padding: 20px 20px 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; } 
    .profile_last .profile-add-area .profile-img .img-wrap { background-color: transparent; } 
    .profile_last .profile-tag, .profile_last .profile-add-area .profile-img .title { display: none; } 
    .profile_last .title_text { display: block; width: 100%; height: 108px; text-align: center; background: rgba(255, 255, 255, 0.6); border-radius: 16px; } 

    .profile_last .profile-title-area h1 { font-size: 18px; } 
    .profile_last .title_text span { display: block; padding: 12px 0 6px; color:#000; opacity: 0.5; } 
    .profile_last .title_text p { color: #494949; font-weight: 600; font-size: 16px; line-height: 140%; text-align: center; } 
    .profile_complete img, .profile_complete strong, .profile_complete p { display: none; } 
    .profile_last .profile-add-area .profile-info { padding: 0; } 
    .profile_complete .btn_wrap { margin-top: 38px; margin-bottom: 50px; } 
    .profile_complete .btn_wrap a { width: auto; height: auto; margin: 0 4px; padding: 12px 50px; font-size: 16px; border-width: 1px; } 
    .profile_complete .btn_wrap + a { font-size: 14px; } 
}



/* 종합검진 결과페이지 영양제키트 추가 */
.tonic_kit { display: flex; align-items: center; margin: 20px 0; padding: 32px 70px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); border-radius: 20px; background-color: #fff; } 
.tonic_kit .product_img { display: flex; justify-content:center; align-items: center; width: 448px; height: 289px; border-radius: 10px; background: #BED8FF; } 
.tonic_kit .product_img img { width: 118px; margin-right: 6px; } 
.tonic_kit .product_img img:last-child { margin-right: 0; } 
.product_txt dl { margin-left: 80px; } 
.product_txt dl dt { margin-bottom: 2px; font-weight: 600; font-size: 22px; line-height: 150%; } 
.product_txt dl dd { margin-bottom: 18px; font-size: 20px; line-height: 150%; } 
.product_txt dl dd:last-child { margin-bottom: 0; } 



.loading { display: none; z-index: 190000003; align-items: center; justify-content: center; position: fixed; left:0; top:0; width: 100%; height: 100%; opacity: .4; background: #000; } 
.loading.active { display: flex; } 
.spinner { width: 80px; height: 80px; border-radius: 50%; background: radial-gradient(farthest-side,#fff 100%,#0000) top/9px 9px no-repeat, conic-gradient(#000 1%,#fff); -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0); animation: spinner-c7wet2 1s infinite linear; } 

@keyframes spinner-c7wet2 { 100% { transform: rotate(1turn); } }

@media (max-width:767px) {
    .kit_area .title span { display: block; border-radius: 10px; } 
    .tonic_kit { flex-wrap: wrap; justify-content: center; padding: 30px 25px; } 
    .tonic_kit .product_img { width: 270px; height: 172px; } 
    .tonic_kit .product_img img { width: 74px; margin-right: 4px; } 
    .product_txt dl { margin: 20px -5px 0; } 
    .product_txt dl dt { font-size: 16px; } 
    .product_txt dl dd { font-size: 15px; } 
    .spinner { width: 60px; height: 60px; -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0); } 
}



/*배너*/
.coupon_banner { height: 113px; padding: 24px 0 0 120px; border-radius: 12px; background:#F2F1F2 url(https://img.lifet.co.kr/banner/coupon_img.png) no-repeat 593px 11px; background-size: 236px; } 
.search_area .coupon_banner { width: 770px; margin: 210px auto 90px; padding-left: 60px; background-position: 485px bottom; background-size: 227px; } 
.pass_regist .coupon_banner { height: 146px; margin: 159px auto 0; padding: 23px 0 0 30px; text-align: left; background-image: url(https://img.lifet.co.kr/banner/coupon_img2.png); background-position: 278px 17px; background-size: 178px; } 
.coupon_banner .tit { margin-bottom: 8px; font-weight: 600; font-size: 22px; line-height: 130%; } 
.pass_regist .coupon_banner .tit { font-size: 24px; } 
.coupon_banner .tit span { color: #68A5FE; } 
.coupon_banner a { display: inline-block; height: 28px; color: #fff; border-radius: 60px; padding: 6px 22px 6px 12px; font-weight: 600; font-size: 12px; line-height: 130%; background: #68A5FE url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right 10px center; background-size: 12px; } 
.coupon_banner br { display: none; } 
.pass_regist .coupon_banner br { display: block; } 
.pass_regist .coupon_banner a { height: 34px; padding: 8px 24px 8px 14px; font-size: 14px; } 


/* 통합검색 */
.search_area.consult__search { max-width: 1170px; margin: 0 auto; display: block; height: auto; } 
.search_area.consult__search .search__box button { background-image: url(https://img.lifet.co.kr/icon/icon_search.png); background-size: 40px; } 
.search_area .search__box {display: none; max-width: 770px; height: 72px; margin: 0 auto; background-color: #F3F3F3; } 
.search_area .search__box .clear { top: 21px; } 
.search_area a.back { display: none; } 
.search__box { position: relative; padding: 16px 30px; border-radius: 46px; background: #F3F3F3; } 
.search__box input[type="text"] { padding: 5px 86px 5px 15px; border: 0; font-weight: 500; font-size: 24px; line-height: 130%; background-color: transparent; } 
.search__box input[type="text"]::placeholder { color: #999; font-weight: 500; font-size: 18px; line-height: 130%; } 
.search_area .search__box input[type="text"]::placeholder { color: #999; font-weight: 500; font-size: 24px; line-height: 130%; } 
.search_top button { position: absolute; right: 30px; top: 16px; width: 40px; height: 40px; padding: 0; text-indent: -9999px; background:#F3F3F3 url(https://img.lifet.co.kr/icon/icon_search.png) no-repeat center center; border: 0; background-size: 40px; } 
.search_top .clear { display: none; position: absolute; right: 86px; top: 17px; width: 30px; height: 30px; background-image: url(https://img.lifet.co.kr/icon/close_b.svg); background-size: contain; cursor: pointer; z-index: 1; } 
.search_area h2 { margin: 60px 0 20px; font-weight: 600; font-size: 22px; line-height: 130%; } 
.search_area .search_h2 { margin: 40px 0 16px; } 
.search_area .search_h2 strong { color: #68A5FE; } 
.search_area .word { position: relative; max-width: 770px; margin: 0 auto; } 
.word_wrap { display: flex; } 
.word_wrap .landing_channel {display: none;}
.search_area .command { width: 374px; margin-right: 70px; } 
.search_area .word span, .search_area .command a { display: inline-block; margin-bottom: 10px; margin-right: 6px; padding: 7px 10px 7px 14px; letter-spacing: -0.6px; border: 1px solid #E0E0E0; border-radius: 30px; } 
#container .search_area .command a { padding: 8px 12px; color: #000; font-size: 16px; } 
.search_area .word span a { color: #000; font-size: 16px; line-height: 18px; } 
.search_area .word span button { position: static; display: inline-block; width: 18px; height: 18px; margin-left: 2px; border:0; cursor: pointer; opacity: .7; vertical-align: 1px; text-indent: -99999px; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat right center; background-size: 18px; } 
.search_area .word > button { position: absolute; right: 0; top:0; width: auto; height: auto; color: #666; font-size: 18px; cursor: pointer; line-height: 130%; border: 0; text-indent: inherit; background: none; } 
.search_area .word_wrap h2 { margin-bottom: 12px; } 
.popula_word { width: 324px; } 
.popula_word ol { float: left; width: 152px; margin-top: -9px; list-style: none; } 
.popula_word ol + ol { margin-left: 20px; } 
.popula_word ol li a { display: inline-block; padding: 9px 0; font-size: 16px; line-height: 130%; } 
.search_area .popula_word ol li span { display: inline-block; width: 18px; margin: 0 14px 0 0; padding: 0; color: #999; font-size: 16px; font-weight: 600; line-height: 130%; border-radius: 0; border: 0; } 
.popula_word ol:first-of-type li:nth-child(1) span, .popula_word ol:first-of-type li:nth-child(2) span, .popula_word ol:first-of-type li:nth-child(3) span { color: #68A5FE; } 
.coupon_area .event_banner { max-width: 770px; margin: 180px auto 0; background-image: url(https://img.lifet.co.kr/banner/search_banner.png); } 
.search_tit { position: relative; margin: 60px 0 28px; } 
.search_area .consult__tab2 { margin-bottom: -10px; } 
.search_tit strong { display: flex; font-weight: 600; font-size: 24px; line-height: 130%; } 
.search_tit span { margin-left: 8px; color: #68A5FE; font-weight: 700; font-size: 26px; line-height: 130%; } 
.search_area .cartegory_list { width: auto; margin: 26px 0 120px -22px; } 
.search_area .cartegory_list li { position: relative; width: 574px; height: 210px; margin: 0 0 20px 22px; padding: 23px 24px 23px 26px; border-radius: 15px; box-shadow: 0px 0px 32px 6px rgb(177 180 198 / 20%); background-color: #fff; } 
.search_area .cartegory_list a { position: static; border: 0; box-shadow: none; } 
.search_area .cartegory_list .img { position: absolute; right: 24px; top: 23px; width: 186px; height: 164px; border-radius: 10px; } 
.search_area .cartegory_list .img img { position: absolute; left: 50%; transform: translateX(-50%); width: auto; height: 100%; } 
.search_area .cartegory_list li h3 { width: 62%; white-space: normal; } 
.search_area .cartegory_list li .text { padding: 0; } 
.search_area .cartegory_list li .text span:last-child { display: none; } 
.search_area .cartegory_list li p { position: absolute; bottom: 23px; width: 54%; } 
.search_none { display: flex; align-items: center; justify-content: center; width: 100%; min-height: calc(100svh - 284px); font-weight: 500; font-size: 24px; line-height: 130%; } 
.search_area .consult__list .detail__ .search_word { color: #68A5FE; } 
.customer__section .search_none { min-height: auto; padding: 205px 0 265px; color: #808080; font-size: 24px; font-weight: 500; line-height: 130%; } 

.search_wapper { display: flex; align-items: center; justify-content: space-between; } 
.search_wapper strong { font-size: 31px; line-height: 130% } 
.search_wapper .search__box { margin: 0; } 
.search_more .consult__tab2 { margin-bottom: 0; } 
.search_more .consult__tab2 ul { margin-top: 33px; margin-bottom: 30px; } 
.search_more .total_num span, .search_more .selectBox__ .select__ { font-size: 20px; } 
.search_more .selectBox__ .list__ li { font-size: 16px; } 
.total_num { position: relative; margin-bottom: 18px; } 
.total_num span { font-weight: 500; font-size: 16px; line-height: 130%; } 
.total_num .selectBox__ { position: absolute; right: 0; top: -6px; } 

.event_banner { height: 188px; margin-top: 15px; padding-top: 28px; background: url(https://img.lifet.co.kr/landing/visual/event_bg.png) no-repeat left top; } 
.event_banner a { display: block; height: 158px; padding-top: 38px; text-align: center; } 
.event_banner strong { margin-bottom: 6px; font-weight: 600; font-size: 32px; line-height: 130%; } 
.event_banner p { margin-top: 6px; font-size: 24px; line-height: 140%; } 

@media (max-width:767px){
    .search_wrap { z-index: 100000; position: fixed; left: 0; top: 0; width:100%; padding: 0 20px 10px; background-color: #fff; } 
    .search_area .search__box {display: block; height: 42px; margin-top: 10px; padding: 7px 14px; margin-left: 32px; border-radius: 55px; } 
    .search__box input[type="text"]::placeholder { font-size: 14px; } 
    .search_area .search__box input[type="text"]::placeholder { font-size: 16px; } 
    .search_area .fixed { z-index: 100000; position: fixed; top: 0; width: 100%; margin: 0 -20px; padding: 0 20px 10px; background-color: #fff; } 
    .search_area .fixed a.back { margin-top: 18px; } 
    .search_area a.back { display: block; float: left; margin-top: 18px; } 
    .search_area .search_h2 { display: none; } 
    .search_area .result_area { padding-top: 57px; } 
    .search_area.consult__search { margin-top: -88px; } 
    .search_area.consult__search .search__box button { background-size: 28px; } 
    .search__box input[type="text"] { padding: 0;  padding-right: 61px; font-weight: 500; font-size: 16px; line-height: 130%; } 
    .search_area .search__box .clear { top: 9px; right: 52px; width: 22px; height: 22px; } 
    .search_area h2 { margin-top: 34px; margin-bottom: 16px; font-size: 18px; } 
    .search_area .word > button { right: 0; font-size: 14px; } 
    .search_area .word .scroll { overflow-x: auto; display: flex; margin-right: -20px;} 
    .search_area .word span a { font-size: 15px; } 
    .search_area .word span { height: 34px; white-space: nowrap; } 
    .word_wrap { flex-flow: column; } 
    .word_wrap .landing_channel {display: block;}
    .search_area .word_wrap h2 { margin-bottom: 16px; } 
    .search_area .command { width: auto; margin: 0; } 
    .popula_word { display: flex; flex-wrap: wrap; width: 100%; } 
    .popula_word h2 { width: 100%; } 
    .popula_word ol { float: none; width: calc(100% / 2 - 28px); } 
    .popula_word ol + ol { margin-left: 28px; } 
    #container .search_area .command a { height: 34px; padding-top: 7px; font-size: 15px; } 
    .search_area .word span button { margin-left: 4px; vertical-align: 0px;} 
    .coupon_area .event_banner { margin-top: 142px; background-image: url(https://img.lifet.co.kr/landing/visual/event_img_m.png); } 
    .search_tit { margin-top: 46px; margin-bottom: 20px; } 
    .search_area .consult__tab2 { margin-bottom: -11px; } 
    .search_tit strong { font-size: 18px; } 
    .search_tit span { font-weight: 600; font-size: 20px; } 
    .search_area .cartegory_list { margin: 0 20px 48px; padding: 0; } 
    #contentsList.cartegory_list { margin: 0 0 48px; padding: 0; } 
    .category_wrap #contentsList.cartegory_list { margin: 0 20px 48px; padding: 0; } 
    .search_area .cartegory_list li .text { padding: 0; } 
    .search_area .cartegory_list li h3 { font-size: 16px; } 
    .community_view .cartegory_list li .text span:first-child { font-size: 12px; } 
    .community_view .cartegory_list li .text h3 { margin-top: 2px; font-size: 16px; } 
    .community_view .search_tit { border-top: 12px solid #EFEFEF; } 
    .community_view .search_tit strong { margin: 48px 0 18px 20px; font-size: 18px; } 
    .search_area .cartegory_list li { width: 100%; height: auto; min-height: 122px; margin: 0 0 10px; padding: 14px 12px 40px 12px; border-radius: 8px; } 
    .search_area .cartegory_list .img { top: 14px; right: 12px; width: 106px; height: 94px; } 
    .search_area .cartegory_list li p { bottom: 14px; width: 56%; } 
    .search_none { min-height: calc(100svh - 175px); font-size: 18px; } 
    .search_tit + .search_none { min-height: calc(100svh - 395px);}
    .community_view .search_area .cartegory_list li { min-height: 130px; margin-bottom: 0; padding: 18px 0; box-shadow: none; border-radius: 0; } 
    .community_view .search_area .cartegory_list li + li { border-top: 1px solid #EFEFEF; } 
    .community_view .search_area .cartegory_list .img { top: 18px; right: 0; } 
    .community_view .search_area .cartegory_list li p { bottom: 18px; } 
    .customer__section .search_none { padding: 0; min-height: calc(100svh - 390px); font-size: 18px; } 

    .coupon_banner { width: auto !important; height: auto !important; padding: 18px 0 18px 20px !important; background-image: url(https://img.lifet.co.kr/banner/coupon_img_m.png) !important; background-position: right 14px center !important; background-size: 124px !important; border-radius: 10px; } 
    .search_area .coupon_banner { margin: 50px 0 0; } 
    .coupon_banner br { display: block; } 
    .coupon_banner .tit { font-size: 18px !important; } 
    .coupon_banner a { height: 28px !important; padding: 6px 22px 6px 12px !important; font-size: 12px !important; } 

    .event_banner { height: auto; margin-top: 10px; padding-top:0; background: none; } 
    .event_banner a { height: auto; padding: 16px 0 15px 20px; text-align: left; border-radius: 10px; background:#F2F1F2 url(https://img.lifet.co.kr/landing/visual/event_img_m.png) no-repeat right 24px bottom; background-size: 89px 86px; } 
    .event_banner strong { font-size: 18px; } 
    .event_banner strong span { display: block; } 
    .event_banner p { margin-top: 2px; font-size: 13px; }

}



/* 앱첫화면 로그인 */
header + #container.app_top { padding-top: 110px; } 
.app_banner { z-index: 1000000; position: fixed; left: 0; top: 0; display: flex; width: 100%; height: 40px; background-color: #414141; } 
.app_banner img { width: 45px;} 
.app_banner .inner { position: relative; display: flex; align-items: center; justify-content: center; width: 1170px; margin: 0 auto; padding: 0; text-align: center; } 
.app_banner .inner > a { padding-right: 13px; color: #fff; font-weight: 600; font-size: 14px; line-height: 140%; background: url(https://img.lifet.co.kr/icon/arrow_white.svg) no-repeat right center; background-size: 6px; } 
.app_banner .inner button { position: absolute; right: 0; top:10px; width: 20px; height: 20px; border: 0; cursor: pointer; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/close_white.svg) no-repeat left center; } 
.app_banner p { display: none; } 
.app_banner span { color: #7AB0FF; }
.app_banner span:first-child {color: #fff;}
.app_login { padding: 0; display: flex; align-items: center; background-color: transparent; } 
.app_login2 { padding: 0; display: flex; align-items: center; background-color: transparent; } 
.signin > .first_login { margin-bottom: 20px; text-align: center; font-size: 30px; font-weight: 400; line-height: 130%; } 
.signin > .first_login span { color: #68A5FE; font-weight: 600; } 
.app_visual { margin-bottom: 30px; text-align: center; } 
.app_visual img { width: 264px; } 
.app_login .sign_wrap, .app_login2 .sign_wrap { box-shadow: none; }
.app_login .sign_wrap #submit {position: relative; margin-top: 12px; margin-bottom: 30px; height: 52px; color: #589CFF; border-radius: 60px; border: 2px solid #68A5FE; background-color: #fff;} 
.app_login2 .sign_wrap { position: relative; } 
.app_login2 .logo { margin-bottom: 34px; text-align: center; } 
.app_login2 .logo img { width: 124px; } 
.app_login2 .sign_wrap #submit { height: 46px; margin-top: 51px; } 
.app_login2 .close { position: absolute; right: 20px; top: 20px; width: 32px; height: 32px; text-indent: -9999px; border: 0; background: url(https://img.lifet.co.kr/icon/close_black.svg) no-repeat center; } 
.app_guide { padding-top: 55px; } 
.app_guide h1 { z-index: 1; position: fixed; top:0; width: 100%; height: 55px; padding: 16px 0 0 20px; font-weight: 700; font-size: 16px; line-height: 150%; border-bottom: 2px solid #F2F2F2; background-color: #fff; } 
.app_guide .close { z-index: 1; position: fixed; right: 20px; top: 15px; width: 24px; height: 24px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat center; } 
.app_toast { display: none; } 
.app_guide .shoot_guide.step02 .step {margin: 10px 0 20px;}
.applink_page {display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100vw; height: 100svh; padding-bottom: 17svh;}
.applink_page h1 img {width: 144px;}
.applink_page strong {margin: 42px 0 12px; font-size: 28px; font-weight: 700; line-height: 130%;}
.applink_page p {font-size: 16px; line-height: 130%;}

.app_login .first_login img {width: 212px;}
.app_login .first_login + p {margin-top: 25px; margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 130%; text-align: center;}
.kakao_bollon {position: relative; left: 50%; top: 17px; margin-left: -68px; display: inline-block; width: 136px; height: 78px; padding: 13px 2px 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; text-align: center; background: url(https://img.lifet.co.kr/icon/kakao_tooltip.png) no-repeat; background-size: 136px;}
.kakao_bollon span {color: #68A5FE; font-weight: 600;}

@media (max-width:767px) { 
    header + #container.app_top { padding-top: 92px !important; } 
    .app_banner { justify-content: flex-start; height: 44px; } 
    .app_banner .inner { width: 100%; text-align: left; justify-content: flex-start; padding-left: 30px; } 
    .app_banner .inner > a { display: none; font-size: 16px; background: none; } 
    .app_banner .inner button { right: auto; left: 14px; top: 12px; } 
    .app_banner img { width: 45px; } 
    .app_banner p { display: block; margin-left: -5px; color: #fff; font-size: 14px; font-weight: 600; } 
    .app_banner p span:first-child {display: none;}
    .app_banner p a { position: absolute; top: 8px; right: 10px; display: inline-block; padding: 6px 12px; font-weight: 700; font-size: 12px; line-height: 130%; border-radius: 25px; background-color: #68A5FE; } 
    .app_login { height: 100svh; } 
    .app_login .sign_from_110 { padding: 0 20px; } 
    .app_login2 { align-items: flex-start; } 
    .app_toast {display: block; z-index: 99999999;  position: fixed; bottom: -252px; width: 100%; height: 252px; padding: 30px 20px 0; background: #FFFFFF; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); border-radius: 24px 24px 0px 0px; transition: 0.7s all linear; } 
    .app_toast.ani + .dim2, .filter_list .dim { content: ''; z-index: 9999999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } 
    .app_toast.ani { bottom: 0; } 
    .app_toast div { display: flex; align-items: center; justify-content: center; } 
    .app_toast div img { width: 92px; margin-right: 15px; } 
    .app_toast a span { display: flex; justify-content: center; align-items: center; width: 100%; height: 51px; margin-top: 20px; color: #fff; font-weight: 600; font-size: 15px; line-height: 130%; background: linear-gradient(0deg, #68A5FE, #68A5FE), #FFFFFF; border-radius: 47px; } 
    .app_toast div strong { font-weight: 700; font-size: 20px; line-height: 140%; } 
    .app_toast .web { width: 100%; padding: 18px 0 30px; text-align: center; font-size: 14px; border: 0; background-color: #fff; } 
    .app_toast .close, .filter_wrap .close { position: absolute; top: 16px; right: 16px; width: 26px; height: 26px; text-indent: -9999px; border: 0; background: url(https://img.lifet.co.kr/icon/close_black.svg) no-repeat left top; background-size: 24px; } 
}



/* 공지 팝업 */
.modal-dialog .notice_pop .content-area { overflow: hidden; max-width: 340px; padding: 0; border-radius: 18px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); background-color: #fff; } 
.notice_pop .button { padding: 20px 15px; } 
.push_pop .button { padding: 20px 0 0; } 
.notice_pop .button button, .push_pop .button button { display: block; width: 100%; color: #808080; font-size: 15px; cursor: pointer; border: 0; background: transparent; } 
.modal-dialog .push_pop .button button + button { color: #343434; font-weight: 500;} 
.notice_pop .button button + button, .push_pop .button button + button { margin-top: 12px; } 
.notice_pop .button .btn_blue, .push_pop .button .btn_blue { padding: 12px 0; color: #fff; border-radius: 60px; background-color: #68A5FE; } 
.notice_pop img, .push_pop img { display: block; max-width: 100%; } 
.modal-dialog .notice_pop .closer { position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; background: url(https://img.lifet.co.kr/icon/close_white.png) no-repeat; background-size: 30px; } 

/* 이벤트 팝업(메인) */
.modal-dialog .event_pop_bottom .content-area { overflow: hidden; max-width: 340px; padding: 0; border-radius: 12px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); background-color: #fff; } 
.event_pop_bottom .button, .event_pop .button { position: relative; padding: 20px; } 
.event_pop_bottom .button button, .event_pop .button button { display: block; width: 100%; color: #808080; font-size: 15px; text-align: left; border: 0; cursor: pointer; background: transparent; } 
.event_pop_bottom .button button + button { margin-top: 12px; } 
.event_pop_bottom .button .btn_blue { padding: 12px 0; color: #fff; border-radius: 60px; background-color: #68A5FE; } 
.event_pop_bottom .event_cont { position: relative; height: 340px; text-align: left; } 
.modal-dialog .modal-content.event_pop { align-items: center; background-color: transparent; } 
.modal-dialog .event_pop .content-area { overflow: hidden; width: 340px; padding: 0; border-radius: 12px; } 
.event_cont h1 { color: #408EFD; font-size: 30px; font-weight: 900; line-height: 125%; } 
.event_cont h1 strong { display: block; color: #343434; font-weight: 700; } 
.event_cont h1 span { display: block; margin-bottom: 6px; color: #343434; font-size: 16px; font-weight: 500; line-height: 125%; } 
.event_cont a { display: inline-block; margin-top: 14px; padding: 8px 23px 8px 13px; color: #fff; font-weight: 500; line-height: 130%; border-radius: 60px; background: #343434 url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right 11px center; background-size: 12px; } 
.event_cont p { position: absolute; bottom: 30px; left: 20px; font-weight: 600; line-height: 135%; letter-spacing: -0.7px; } 
#noticePopup .event_cont {overflow-y: auto; height: 406px; padding: 0 20px 20px;}
#noticePopup .event_cont p {position: static; line-height: 140%; font-weight: 400; letter-spacing: 0;}
#noticePopup.event_pop .button {background-color: #F6F6F6;}
#noticePopup .pop_tit {margin: 30px 20px 16px; font-size: 20px; font-weight: 600; line-height: 130%;}
.modal-dialog .event_pop_bottom .closer { position: absolute; top: 0; right: 0; width: auto; height: auto; padding: 20px; color: #343434; font-weight: 600; background: none; } 
.modal-dialog .event_pop .closer { position: absolute; top: 0; right: 0; width: auto; height: auto; padding: 20px 16px; color: #343434; font-weight: 600; background: none; } 
.event_swiper .swiper-slide { width: 340px; cursor: pointer; } 
.event_swiper img, .modal-dialog .event_pop_bottom div img { max-width: 100%; vertical-align: top; } 
.event_swiper .swiper-pagination-fraction { display: inline-block; left: auto; right: 20px; bottom: 20px; width: auto; padding: 6px 12px; color: rgba(255, 255, 255, 0.80); border-radius: 16px; background-color: rgba(77, 77, 77, 0.70); } 
.event_swiper .swiper-pagination-current { color: rgba(255, 255, 255, 1); font-weight: 600; } 
.modal-dialog .modal-content.push_pop { align-items: flex-end; background-color: transparent; } 
.modal-dialog .modal-content.push_pop .content-area { max-width: 80%; min-width: 100%; padding: 44px 20px 30px; text-align: left; border-radius: 20px 20px 0 0; } 
.modal-dialog .push_pop .content-area .closer { opacity: .5; } 
.push_pop .title { font-size: 24px; font-weight: 600; line-height: 130%; } 
.push_pop .title + p { margin: 6px 0 20px; color: #666; font-size: 16px; line-height: 130%; } 
.modal-dialog .middle_pop .content-area {width: 310px; } 

@media (max-width:767px){
    #customPopupModal.modal-dialog .dim {display: block;}
    .modal-dialog .notice_pop .content-area { max-width: 315px; } 
    .notice_pop .button { padding: 20px; } 
    .notice_pop .button button { font-size: 14px; } 
    .notice_pop .button .btn_blue { padding: 10px 0; } 
    .modal-dialog .modal-content.notice_pop, .modal-dialog .point_change_pop, .modal-dialog .middle_pop { align-items: center; background-color: transparent; } 

    .modal-dialog .event_pop .content-area {width: 315px; } 
    .modal-dialog .event_pop_bottom .content-area { position: relative; bottom: 0; max-width: 100%; border-radius: 18px 18px 0 0; } 
    .event_pop_bottom .event_cont { height: auto; } 
    .event_pop_bottom p { position: static; } 
    .event_pop_bottom a { margin: 14px 0 37px; } 
    .event_pop_bottom .button { height: 57px; padding: 18px 26px 20px; background-color: #fff; } 
    .event_pop_bottom .button button.btn_blue { display: none; } 
    .event_pop_bottom .button button + button { margin: 0; text-align: left; } 
    .event_pop_bottom .button .btn_blue { padding: 10px 0; } 
    .modal-dialog .modal-content.event_pop_bottom { align-items: flex-end; background-color: transparent; } 
    .modal-dialog .event_pop_bottom .closer { top: -2px; font-size: 15px; } 
    .modal-dialog .event_pop .closer { top: -3px; } 
    .event_pop .button { height: 51px; padding: 16px; } 
    
}

.file_upload { margin: 10px 0; } 
.file_upload label { display: inline-block; padding: 7px 11px; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 130%; border-radius: 4px; border: 1px solid #D4D4D4; } 
.file_upload ul li { display: flex; align-items: center; margin-top: 6px; padding: 8px 14px; font-size: 15px; font-weight: 500; line-height: 150%; border-radius: 4px; border: 1px solid #D4D4D4; background-color: #F5F5F5; } 
.file_upload ul li button { width: 18px; height: 18px; margin-right: 12px; text-indent: -9999px; cursor: pointer; border: 0; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat; background-size: 18px; } 
.file_upload ul li span { margin-left: 8px; color: #808080; }


/*커머스 공통*/
.paging { display: flex; justify-content: center; margin-top: 30px; } 
.paging a { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; margin: 0 3px; color: #747474; font-size: 14px; border: 1px solid #E3E3E3; } 
.paging a.on { color: #fff; font-weight: 500; background-color: #999; } 
.btn_default {display: inline-block; padding: 7px 22px 6px 12px; color: #fff; font-weight: 600; font-size: 12px; line-height: 130%; border-radius: 60px;  background:#68A5FE url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right 10px center; background-size: 12px;}
.btn_line {display: inline-block; height: 38px; padding: 10px 43px; color: #68A5FE; font-weight: 500; font-size: 14px; line-height: 130%; border: 1px solid #68A5FE; border-radius: 60px;}
.btn_line.gray {color: #666; border-color:#D0D0D0;}
.btn_line.gray.disabled {opacity: .5;}
.btn_blue {display: inline-block; padding: 10px 32px; color: #fff; font-weight: 600; font-size: 14px; line-height: 130%; border-radius: 6px; background-color: #68A5FE;}
.bullet::before {content: ''; display: inline-block; width: 3px; height: 3px; margin: 0 10px; vertical-align: 3px; border-radius: 50%; background-color: currentColor;}

.photo {display: flex; margin-bottom: 12px;}
.photo label {display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 12px; border-radius: 8px; cursor: pointer; background-color: #F1F1F1;}
.photo label img {width: 37px;}
#Preview {display: flex;}
#Preview li {position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; padding: 0; margin-top: 0;}
#Preview li div {overflow: hidden; position: relative;  display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 8px; border: 1px solid #D2D2D2;}
#Preview li img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; object-fit: cover;}
#Preview li .delBtn {display: inline-block; position: absolute; top: -7px; right: -7px; width: 18px; height: 18px; cursor: pointer; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/close_gray.svg) no-repeat;}

.slick-dots {display: flex !important; justify-content: center; margin-top: 20px;}
.slick-dots li {position: relative;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; margin: 0 4px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:before { content: ''; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #C2C2C2;}
.slick-dots li.slick-active button:before {background-color: #68A5FE;}

#customPopupModal img {max-width: 100%; vertical-align: top; cursor:pointer;}
#customPopupModal .slick-dots {position: absolute; right: 20px; bottom: 20px; padding: 6px 12px; color: rgba(255, 255, 255, 0.80); border-radius: 16px; background-color: rgba(77, 77, 77, 0.70);}
#customPopupModal .slick-dots li {display: none;}
#customPopupModal .slick-dots li.slick-active {display: block;}
#customPopupModal .slick-dots li .current {margin-right: 4px; color:#fff;}

/* commerce */
.slick_wrap .img span, .product_list li .img span, .slick_suggestion .img span {position: absolute; right: 16px; bottom: 16px; padding: 6px 12px; color: #fff; font-weight: 600; line-height: 130%; border-radius: 60px; background-color: #212121;}
.rander_new01 .lottie01 img {width: 600px;}
.landing_store .scroll {overflow-x: auto;}
.store_category {display: flex; margin: 16px 0 26px;}
.store_category li + li {margin-left: 18px;}
.store_category a {display: flex; align-items: center; font-weight: 600; font-size: 18px; line-height: 130%; white-space: nowrap;}
.store_category a > span {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; background-color: #F7F7F7;}
.store_category a > span img {width: 18px;}
.store_category li.on a {color: #68A5FE;}
.store_category li.on a > span {background-color: #E4EFFF;}

.obesity .product_list li {width: calc(100% / 2 - 5px); margin: 16px 9px 0 0;}
.obesity .product_list li:nth-child(even) {margin-right: 0;} 
.obesity .product_list li .img {width: auto; height: auto;}
.obesity .product_list li .img img {width:100%;}
.landing_store .product_list li {margin-bottom: 0;}
.product_list li:nth-child(4n) {margin-right: -1px;}
.product_list li .img {overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; width: 280px; height: 280px; margin-bottom: 10px; border-radius: 7px; }
.product_list li .img::before, .swiper-slide .img::before, .care_swiper .swiper-slide .top::before, .cart_list ul li .img::before, .slick_wrap .img::before, .order_list .thumbnail::before, .review_list > ul > li .thumbnail::before, .review_pop .top .thumbnail::before, .slick_suggestion .img::before {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(144, 144, 144, 0.08);}
.product_list li .img img {width: 280px;}
.pro_name > span:first-child { margin-top: 10px; color: #808080; font-size: 12px; line-height: 130%;}
.pro_name p {margin: 2px 0 4px; color: #343434; font-weight: 500; font-size: 15px; line-height: 130%;}
.pro_name .rate {margin-right: 10px; padding-left: 20px; font-weight: 600; font-size: 12px; line-height: 130%; background: url(https://img.lifet.co.kr/icon/icon_star.png) no-repeat left center; background-size: 16px;}
.pro_name .review_count {margin-bottom: 4px; font-weight: 500; font-size: 12px; line-height: 130%;}
.pro_name .discount .percent {margin-right: 8px; color: #68A5FE; font-weight: 700; font-size: 16px; line-height: 130%;}
.pro_name .discount strong {margin-right: 8px; font-weight: 700; font-size: 16px; line-height: 130%;}
.pro_name .discount .overline {color: #B3B3B3; font-size: 14px; line-height: 130%; text-decoration: line-through;}
.pro_name .discount ~ span {display: inline-block; height: 28px; margin-top: 16px; margin-right: 4px; padding: 6px 10px 0; font-weight: 600; font-size: 12px; border-radius: 6px; line-height: 130%; background-color: #EAEAEA;}
.pro_name .discount + .option_badge {color: #fff; background-color: #68A5FE;}
/*.pro_name .discount ~ span.free {color: #5B5B5B; background-color: #EAEAEA;}
.pro_name .discount ~ span.best {color: #fff; background-color: #68A5FE;}
.pro_name .discount ~ span.bargain {color: #fff; background-color: #F9708B;}*/
.day_delivery {margin-top: 2px; padding-left: 28px; font-weight: 700; font-size: 16px; line-height: 130%; background: url(https://img.lifet.co.kr/icon/icon_truck.svg) no-repeat left center;}
.product_list li .heart {position: absolute; top: 16px; right: 16px; width: 34px; height: 34px; text-indent: -9999px; cursor: pointer; background: url(https://img.lifet.co.kr/icon/heart_off.png) no-repeat center; border: 0; background-size: 34px;}
.ai_check .product_list li .heart {top: 12px; right: 12px; width: 26px; height: 26px; background-size: 26px;}
.product_list li .heart.active, .care_swiper .heart.active, .slick_suggestion .heart.active {background-image: url(https://img.lifet.co.kr/icon/heart_on.png);}
#container .store_suggestion .section-inner {max-width: 1192px;}
.store_suggestion .section-inner .title {padding-left: 10px;}
  
#container .landing_store {padding-top: 80px; padding-bottom: 80px;}
#container .store_suggestion {padding-top: 80px; padding-bottom: 80px; background-color: #F9F9F9;}
#container .store_suggestion .landing_more {right: 10px;}
.store_suggestion .pro_name .discount ~ span {display: inline-block; height: 25px; margin-right: 4px; padding: 6px 10px 0; font-weight: 600; font-size: 10px; border-radius: 6px; line-height: 130%;}
.suggestion_swiper ul {display: flex; flex-wrap: wrap; margin-top: 24px; padding-top: 24px; border-top: 1px solid #E8E8E8;}
.suggestion_swiper ul li {flex: 0 0 50%; margin-bottom: 16px; font-weight: 500; font-size: 16px; line-height: 150%;}
.suggestion_swiper ul li::before {content:'✓'; margin-right: 4px; color: #68A5FE;}

.pet_change {z-index: 10000; position: fixed; left: 50%; top: 107px; margin-left: -672px; transition: all .5s;}
.pet_change button { padding-right: 22px; font-weight: 600; font-size: 18px; line-height: 130%;  background: url(https://img.lifet.co.kr/icon/change.svg) no-repeat right center;}
.pet_change .ballon {position: absolute; width: 123px; height: 48px; left: -26px; top: 56px; text-align: center; color: white; font-weight: 600; font-size: 16px; line-height: 24px; border-radius: 6px; padding: 16px 0 0; background: url(https://img.lifet.co.kr/icon/ballon.png) no-repeat; background-size: 123px;}
.product_list li .img .option_badge, .together_wrap .img .option_badge {top: 13px; left: 14px; right: auto; bottom: auto; padding: 6px 8px; font-size: 14px; font-weight: 500; line-height: 130%; border-radius: 4px; background-color: #68A5FE;}

.banner_bottom {margin-bottom: 100px;}
.banner_bottom .inner-1200 {display: flex;}
.banner_bottom .inner {width: 576px; height: 140px;  border-radius: 14px; background: #F0F2F7 url(https://img.lifet.co.kr/visual/banner_add_img1.png) no-repeat right 16px bottom; background-size: 213px;}
.banner_bottom .inner a {display: block; padding: 35px 40px;}
.banner_bottom .inner + .inner {margin-left: 18px; background-image: url(https://img.lifet.co.kr/visual/banner_add_img2.png); background-position: right 60px center; background-size: 110px;}
.banner_bottom .inner span {color: #666; font-size: 20px; font-weight: 500; line-height: normal;}
.banner_bottom .inner p {margin-top: 8px; font-size: 32px; font-weight: 600; line-height: normal;}
.opinion_pop .content-area {width: 520px;}

.onboarding_swiper {overflow: hidden;}
.onboarding_swiper .swiper-slide {text-align: center; background-color: rgba(244, 244, 248, 1);}
.onboarding_swiper .img_top {height: 56vh; display: flex; align-items: flex-end; justify-content: center;}
.onboarding_swiper .img_top img {display: inline; width: 212px; vertical-align: top;}
.onboarding_swiper .swiper-slide.first .img_top {align-items: center;}
.onboarding_swiper .swiper-slide.first .img_top img {width: 275px;}
.onboarding_swiper .back {height: 44vh; padding-top: 50px; background-color: #fff;}
.onboarding_swiper .slick-arrow {display: none !important;}
.onboarding_swiper h1 {margin-top: 8px; font-size: 26px; font-weight: 500; line-height: 130%; letter-spacing: -0.26px;}
.onboarding_swiper h1 span {display: block; color: #3788FF;}
.onboarding_swiper .back span {color: #5094F8; font-size: 16px; font-weight: 600; line-height: 130%; }
.onboarding_btn {z-index: 1; position: fixed; bottom: 0; width: 100%; padding: 16px 0px; color: #fff; font-size: 22px; font-weight: 600; line-height: normal; letter-spacing: -0.24px; background-color: #68A5FE;}
.onboarding_swiper .swiper-pagination {bottom: 100px !important;}
.onboarding_swiper .swiper-pagination-bullet {width: 6px; height: 6px; opacity: 1; background-color: #E6E6E6;}
.onboarding_swiper .swiper-pagination-bullet-active {background-color: #68A5FE;}

.review_photo2 .contentWrap {width: 50vw;}
.contentWrap {padding: 30px;max-height: 80svh; overflow-y: auto;}
.contentWrap .slick-arrow {display: none; top: 50%; width: 50px; height: 50px; background-image: url(https://img.lifet.co.kr/icon/pop_arrow.svg); background-size: 50px;}
.contentWrap .slick-arrow.show {display: block;}
.contentWrap .slick-prev {left: 0;}
.contentWrap .slick-next {right: 0;}
.slick_img .slider-content .slick-slide {display: flex !important; justify-content: center; align-items: center; width: 606px; height: 560px;}
.slick_img .slider-content .slick-slide img { max-width: 100%; max-height: 510px; object-fit: contain;}
.slick_img .slider-thumb {width: 292px; margin: 0 auto;}
.slick_img .slider-thumb .slick-arrow {display: none !important;}
.slick_img .slider-thumb .slick-track {transform: none !important;}
.slick_img .slider-thumb img {width: 70px; height: 70px; object-fit: contain; border-radius: 6px;}
.slick_img .slider-thumb .slick-slide img {border: 2px solid #F4F4F4; cursor:pointer; border-radius: 6px;}
.slick_img .slider-thumb .slick-current img {border-color: #68A5FE;}
.slider-content .slick-prev {left: -2px;}
.slider-content .slick-next {right: -2px;}
.slider-content .slick-arrow {top: 50%;}

@media (max-width:767px) {
    .slick_wrap .img span, .product_list li .img span, .slick_suggestion .img span {right: 12px; bottom: 12px; padding: 4px 8px; font-size: 12px; font-weight: 500;}
    .photo {margin: -10px 0 0;}
    .photo label {margin: 10px 12px 10px 0;}
    #Preview {flex-flow: nowrap; overflow-x: auto; max-width: 368px; padding: 10px 0;}
    .product_list li .heart, .slick_suggestion .heart {position: absolute; top: 12px; right: 12px; width: 24px !important; height: 24px !important; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/heart_off.png) no-repeat center; background-size: 24px !important;}
    .pet_change { z-index: 10002; position: fixed;  left: 126px; top: 16px !important; margin: 0; padding: 0;}
    .pet_change button {font-size: 16px;}
    .pet_change .ballon {left: -27px; top: 24px; width: 108px; height: 45px; padding-top: 13px; font-size: 14px; background-size: 108px;}
    .pet_change .ballon::after {top: -6px; left: 45px;}
    #container > .section-wrap.banner_bottom {padding: 0 20px 40px;}
    .banner_bottom .inner-1200 {flex-flow: column;}
    .banner_bottom .inner {width: 100%; height: 100px; border-radius: 12px; background-position: right -11px bottom; background-size: 151px;}
    .banner_bottom .inner a { padding: 22px 20px;}
    .banner_bottom .inner span {font-size: 15px;}
    .banner_bottom .inner p {margin-top: 8px; font-size: 24px;}
    .banner_bottom .inner + .inner {margin: 10px 0 0; background-position: right 25px center; background-size: 78px;}
    .opinion_pop .content-area {width: 100%;}
    .opinion_pop p br {display: none;}
    .opinion_pop .content-area .btn_blue {margin-bottom: 30px;}
    .product_list li .img .option_badge, .together_wrap .img .option_badge  {top: 8px; left: 8px; padding: 4px 6px; font-size: 10px;}
    .pro_name .discount ~ span {height: 21px; margin-top: 10px !important; margin-right: 1px; padding: 4px 6px; font-size: 10px; border-radius: 4px;}

    .review_photo2 .contentWrap {width: 100vw; }
    .contentWrap {max-height: none;  padding: 30px 20px 0;}
    .review_photo .slick-arrow {z-index: 1; position: fixed; top: 50%;}
    .review_photo .slick-prev {left: 0;}
    .review_photo .slick-next {right: 0;}
    .modal-dialog .review_photo2 .head {justify-content: flex-start; padding-left: 20px;}
    .slider-content {display: flex; justify-content: center;}
    .slick_img .slider-content div img {max-width: 100%;}
    .slick_img .slider-content .slick-slide {width: 100%; height: 66svh;} 
    .slick_img .slider-content .slick-slide img {max-height: none; min-width: 360px;}
    .slick_img .slider-thumb {margin-top: 40px;}    
}

.review_banner {position: relative; height: 80px; padding-top: 14px; color: #3B3B3B; font-family: TTLaundryGothic; font-size: 24px; font-weight: 700; line-height: 130%; text-align: center; border-radius: 12px; background:#FFF4CF url(https://img.lifet.co.kr/icon/review_img2.png) no-repeat 671px 15px; background-size: 246px;}
.review_banner strong {color: #FF9314;}
.review_banner span {display: block; margin-top: 4px; font-size: 14px; font-weight: 400; line-height: 130%; font-family: TTLaundryGothic;}
.review_banner::before {content:''; position: absolute; top: 6px; left: 250px; width: 66px; height: 61px; background: url(https://img.lifet.co.kr/icon/review_img1.png) no-repeat; background-size: 66px;}

.search_area .result_tit {margin-top: -20px; font-size: 24px; font-weight: 700; line-height: 130%;}
.search_area .check_radio {display: flex; align-items: center; margin-top: 40px;}
.search_area .check_radio label {display: flex; align-items: center; margin-right: 24px; font-size: 16px; line-height: 130%;}
.search_area .check_radio input[type="radio"] {appearance: none; display: inline-block; width: 18px; height: 18px; margin-right: 7px; padding: 0; border-radius: 50%; border: 4px solid #ccc;}
.search_area .check_radio input[type="radio"]:checked {border-color: #68A5FE;}

.search_area .consult__tab2 ul {margin: 32px 0 50px;}
.search_area .consult__tab2 ul li {width: auto;}
.search_area .consult__tab2 ul li a {padding: 0 20px;}
.search_area .product_list li {margin-bottom: 81px;} 
.search_more {text-align: center;}
.search_more a {display: flex; align-items: center; justify-content: center; width: 355px; height: 48px; margin: 0 auto; padding: 12px 0; font-size: 16px; font-weight: 500; line-height: 24px;  letter-spacing: -0.096px; border-radius: 6px; border: 1px solid #CDCDCD;}
.search_more a::after {content: ''; display: inline-block; width: 16px; height: 16px; background: url(https://img.lifet.co.kr/icon/arrow_new.png) no-repeat center; background-size: 16px;}
.search_area .exposure_tag {margin-bottom: 40px;}
.search_area .consult__list {margin-bottom: 40px; padding-top: 0;}
.search_area .consult__list > ul {display: flex; flex-wrap: wrap; max-width: none; margin-right: 0;}
.search_area .consult__list > ul > li:nth-child(odd) {margin-right: 34px;}
.search_area .consult__list > ul > li > a {width: 568px; border: 0;}
.search_area .consult__list .detail__ {padding-right: 0;}
.search_area .keyword_alarm {display: flex; align-items: center;}
.search_area .keyword_alarm strong {margin-right: 30px; font-size: 18px; font-weight: 600; line-height: 140%; }
.search_area .keyword_alarm button {padding: 8px 12px; font-size: 14px; font-weight: 600; border-radius: 6px;}
.search_area .counsel .consult__list > ul {flex-flow: column; max-width: 799px; margin-right: 85px;}
.search_area .counsel .consult__list li > a {width: auto;}
.search_area .counsel .consult__list > ul > li:nth-child(odd) {margin-right: 0;}
.search_area .counsel .consult__list .rig {padding-left: 39px;}
.search_area .counsel .consult__list .rig h3 {margin-bottom: 12px; font-size: 16px; font-weight: 500; line-height: 130%;}
.search_area .counsel .consult__list .rig .popular_consult .swiper-slide {width:246px; padding: 16px; border-radius: 8px;}
.search_area .counsel .consult__list .rig .popular_consult .swiper-slide  + .swiper-slide {margin-left: 0; margin-top: 8px;}
.search_area .counsel .consult__list .rig .popular_consult .swiper-slide .tit {margin: 8px 0; font-size: 16px;}
.search_area .counsel .consult__list .rig .popular_consult .swiper-slide .date {margin-top: 0;}
.search_area .total .consult__list > ul {width: auto; margin-bottom: 0;}
.search_area .total .consult__list > ul li {margin-bottom: 40px;}
.search_area .total .consult__list > ul li + li {margin-top: 0; padding-top: 0; border: 0;}
.total.channel-cointainer .exposure_tag > ul, .search_area .total .product_list li {margin-bottom: 40px;}

.related_search {display: none; overflow:hidden;  position: absolute; left: 0; top: 46px; width: 328px; border-radius: 12px; background-color: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.related_search ul {overflow-y: auto; max-height: 374px;}
.related_search ul li a {display: block; min-height: 44px; padding: 10px 0 10px 46px; font-size: 16px; background: url(https://img.lifet.co.kr/icon/icon_search.png) no-repeat 14px center; background-size: 24px;}
.related_search ul li a:hover {background-color: #F3F3F3;}
.related_search ul::-webkit-scrollbar {width: 14px; background-color: transparent;}
.related_search ul::-webkit-scrollbar-thumb {background-color: #D9D9D9; border: 5px solid #fff; border-radius: 15px; cursor: pointer;}
.related_search ul::-webkit-scrollbar-track {background-color: transparent;}

.product_list li.soldout .img::before {content:'일시품절'; z-index: 1; display: flex; justify-content: center;padding-top: 87px; color: #fff; font-weight: 600; font-size: 32px; line-height: 130%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); }
.product_list li.soldout .img::after {content: '빠른시일내에 가지고 올게요!'; z-index: 1; position: absolute; bottom: 87px; width: 115px; text-align: center; color: #fff; font-weight: 500; font-size: 20px; line-height: 130%;}
.mypage_cont .product_list li.soldout .img::before {padding-top: 71px; font-size: 26px;}
.mypage_cont .product_list li.soldout .img::after {bottom: 71px; width: 92px; font-size: 16px;}

.filter_list {display: block;}
.filter_wrap {position: absolute; right: 0; top: 0;}
.filter_wrap .title {display: none;}
.filter_wrap ul {display: flex;}
.filter_wrap ul li {margin-left: 20px;}
.filter_wrap ul li button {color: #999; font-size: 16px; line-height: 130%; }
.filter_wrap ul li.on button {color: #4D4D4D;}
.total_num .select {display: none;}

@media (max-width: 767px) {
    .review_banner {height: 71px; padding-top: 12px; border-radius: 8px; font-size: 19px; background-size: 160px; background-position: right -66px bottom !important;}
    .review_banner::before {display: none;}

    .search_area .result_tit {display: none;}
    .search_area .check_radio {z-index: 1000; position: fixed; left: 0; top: 0; width: 100%; margin-top: 62px; padding: 21px 20px 36px; background-color: #fff; transition: all .3s linear;}
    .search_area .check_radio.up {top: -50px;}
    .search_area .consult__tab2 ul {justify-content: space-between; flex-wrap: nowrap;margin: 0;}
    .search_area .consult__tab2 ul li {flex: none;}
    .search_area .consult__tab2 ul li a {padding: 0 16px;}
    .search_area .consult__list > ul > li > a {width:auto;}
    .search_more a {width: 100%; height: 44px; padding: 10px 0;}
    .search_area .search_tit {margin: 40px 0 12px;}
    .search_area .search_tit:first-child {margin-top: 0;}
    .search_area .exposure_tag {margin-top: 0; margin-bottom: 0;}
    .search_area .exposure_tag ul {margin-bottom: 12px;}
    .search_area .exposure_tag ul li a {padding-top: 20px;}
    .search_area .exposure_tag ul li a > img {top: 20px;}
    .search_area .consult__list {margin-bottom: 12px;}
    .search_area .consult__list > ul {margin-top: 0;    }
    .search_area .consult__list .rig {display: none;}
    .search_area .consult__list > ul > li:nth-child(odd) {margin-right: 0;}
    .community-container.community {min-height: auto; padding: 0;}
    .search_area .keyword_alarm strong {font-size: 16px;}
    .search_area .keyword_alarm button {height: auto; padding: 6px 10px; font-size: 12px;}
    .search_area .community .exposure_tag {margin-top: 3px;}
    .search_area .counsel .consult__list > ul {margin-right: 0; margin-top: 0;}
    .search_area .total {margin-top: -10px;}
    .search_area .main_home .consult__tab2 {z-index: 1000; position: fixed; left: 0; top: 138px; width:100%; padding: 0 20px; background-color: #fff; transition: all .3s linear;}
    .search_area .main_home .up + .consult__tab2 {top: 62px; padding-top: 10px;}
    .search_area .main_home .consult__tab2.up {top: 0;}
    .search_area .main_home .consult__tab2 ~ div {padding-top: 137px;}
    .search_area .main_home .consult__tab2 ~ div.total {padding: 162px 0 40px;}
    .search_area .main_home .up + .consult__tab2 ~ div {padding-top: 184px;}
    .search_area .community_wrap {margin-top: 0;}
    .search_area .product_list li {margin-bottom: 0;}

    .related_search {overflow: hidden; position: fixed; top: 51px; width: 100%; height: 100%; border-radius: 0; box-shadow: none;}
    .related_search ul {overflow-y: auto; max-height: none; height: calc(100svh - 50px); padding-top: 11px;}

    .product_list li.soldout .img::before {padding-top: 14vw !important; font-size: 20px !important;}
    .product_list li.soldout .img::after {width: 87px !important; bottom: 50% !important; margin-bottom: -40px; font-size: 14px !important;}

    .search_area .total .consult__list > ul {flex-flow: column;}
    .search_area .total .consult__list > ul li {margin-bottom: 20px;}
    .search_area .total .consult__list > ul li + li {padding-top: 20px; border-top: 1px solid #E9E9E9;}
    .total.channel-cointainer .exposure_tag > ul, .search_area .total .product_list li {margin-bottom: 0;}
    .total_num { margin-bottom: 10px; } 
    .total_num span { font-size: 14px; } 

    .filter_wrap {z-index: 9999999; position: fixed; left:0; right: auto; top: auto; bottom: 0; width: 100%; padding: 20px; border-radius: 20px 20px 0px 0px; background-color: #fff;}
    .filter_wrap .title {display: block; margin-bottom: 20px; font-size: 20px; font-weight: 600; line-height: 130%; }
    .filter_wrap ul {flex-flow: column;}
    .filter_wrap ul li {margin-left: 0;}
    .filter_wrap ul li + li {margin-top: 24px;}
    .filter_wrap ul li button {width: 100%; height: 24px; color: #343434; font-weight: 500; line-height: normal; text-align: left;}
    .filter_wrap ul li.on button {color: #343434; background: url(https://img.lifet.co.kr/icon/depth2_check.png) no-repeat right center; background-size: 24px;}
    .filter_list {display: none;}
    .total_num .select {display: block; position: absolute; right: 0; top: 0; height: 18px;  padding-right: 18px; font-size: 14px; background-size: 8px; background-position: right 5px center; background-image: url(https://img.lifet.co.kr/icon/select_down.svg); background-repeat: no-repeat;}
}