﻿
/* 컨설팅 슬라이드*/

.consult__main {margin-top: 30px; margin-bottom: 21px; box-shadow: 0px 0px 36px 14px rgba(174, 174, 174, 0.16); background-color: #fff;} 
.guideBtn { position: relative; } 
.guideBtn .tooltip_ {position: absolute;left: 50%;top: 100%;color: #fff;background-color: #68A5FE;border-radius: 5px;font-size: 15px;font-weight: 600;padding: 7px 14px;white-space: nowrap;transform: translate3d(-50%, 20px, 0);-webkit-transform: translate3d(-50%, 20px, 0);display: none; } 
.guideBtn .tooltip_:before {content: "";position: absolute;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #68A5FE;top: 0px;left: 50%;transform: translate3d(-50%, -10px, 0);-webkit-transform: translate3d(-50%, -10px, 0); } 
.guideBtn:hover .tooltip_ { display: block; } 
.consult__main .text__box { font-size: 12px; } 
.consult__main .text__box h5 { font-size: 14px; font-weight: 400; line-height: 1em; margin-bottom: 4px; } 
.consult__main .slide__card {position: relative;display: flex;justify-content: flex-start;align-items: center;background-color: #fff;border-radius: 14px;font-size: 22px;font-weight: 700;color: #68A5FE; } 

.consult__main .text__box { font-size: 12px; } 
.consult__main .text__box h5 { font-size: 14px; font-weight: 400; line-height: 1em; margin-bottom: 4px; } 
.consult__main .right__ { position: relative; padding-left: 25px; } 
.consult__main .swiper { position: relative; overflow: hidden; height: 420px; text-align: center; } 
.guide_slider { position: relative; width: 380px; margin: 0 auto; }
.guide_slider .slide__card { position: relative; height: 180px; padding: 0; display: flex; justify-content: space-between; align-items: center; background-color:#DBE9FF; border-radius: 10px; } 
.guide_slider .slide__card .text__ { padding-left: 30px; color: #343434; font-size: 16px; font-weight: 400; line-height: 1.4em; } 
.guide_slider .slide__card .text__ h1 { font-size: 24px; font-weight: 600; line-height: 1.5em; margin-bottom: 11px; text-align: left; } 
.guide_slider .slide__card .text__ h1 .name { font-weight: 500; font-size: 16px; line-height: 150%; } 
.profile_doc .slide__card .text__ h1 .name { color: #666; font-weight: 400; font-size: 18px; } 
.guide_slider .slide__card .text__ p { text-align: left; } 
.profile_doc .slide__card .text__ p { color: #666; font-size: 18px; } 
.guide_slider .slide__card .img__ { width: 140px; height: 140px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-right: 30px; } 

.guide_slider .slick-slide > div > div {padding: 0 10px;}
.guide_slider .slide__card .handwriting { margin-top: 20px; } 
.guide_slider .slide__card .handwriting.jp_ img { width: 282px; } 
.guide_slider .slide__card .handwriting.sk_ img { width: 222px; } 
.guide_slider .slide__card .handwriting.hk_ img { width: 278px; } 
.guide_slider .slide__card .applyBtn { display: none; } 
.guide_slider .slick-arrow {top: 92px;}
.guide_slider .slick-prev {left: -48px;}
.guide_slider .slick-next {right: -48px;}

.profile_doc { width: 398px; margin-bottom: 30px; padding: 0; } 
.profile_doc .slide__card { justify-content: center; height: auto; padding: 32px 40px; border-radius: 10px; border: 1px solid #EFEFEF; background-color: #fff; } 
.profile_doc .slide__card .img__ { width: 108px; height: 108px; margin-right: 32px; } 
.profile_doc .slide__card .text__ { padding-left: 0; } 
.guide_slider .slide__card .doct_jp { background-image: url(https://img.lifet.co.kr/visual/doct_jp.png); } 
.profile_doc .slide__card .doct_jp { background-image: url(https://img.lifet.co.kr/visual/doct_jp.png); } 
.guide_slider .slide__card .doct_sk { background-image: url(https://img.lifet.co.kr/visual/doct_sk.png); } 
.profile_doc .slide__card .doct_sk { background-image: url(https://img.lifet.co.kr/visual/doct_sk.png); } 
.guide_slider .slide__card .doct_hk { background-image: url(https://img.lifet.co.kr/visual/doct_hk.png); } 
.profile_doc .slide__card .doct_hk { background-image: url(https://img.lifet.co.kr/visual/doct_hk.png); } 

.step_guide { width: 380px; margin: 0 auto; } 
.modal-guide .step_guide + .alert { margin: 20px auto 0; } 
.modal-guide .alert { width: 380px; margin: 8px auto 0; } 
.modal-dialog .modal-guide .textBox p { font-size: 14px; } 
.step_guide .imgBox { max-width: 100px; margin: 0 20px 0 0; } 
.step_guide li { margin-bottom: 12px; padding: 20px 27px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); border-radius: 12px; list-style: none; } 
.step_guide li a { display: flex; align-items: center; } 
.step_guide li .rig {flex: 1; text-align: left; } 
.step_guide li .rig span { font-weight: 500; font-size: 14px; line-height: 17px; } 
.step_guide li .rig .textBox { margin: 5px 0 0; } 
.step_guide li .rig h2 { margin-top: 5px; color: #68A5FE; font-weight: 700; font-size: 18px; line-height: 22px; } 

.m-gnb-area { display: none; } 
#container > .section-wrap.consulting {display: flex; padding: 0; } 
.consulting .consult__wrapper h2 {margin-top: 0;}
.consulting h2 { margin: 30px 0 12px; font-size: 20px; font-weight: 600; line-height: 130%; } 

/* 상담 센터 */

.consult__wrapper { position: relative; max-width: 1170px; margin: 0 auto 0; border-top: 50px solid #fff;} 
.mypage_cont .consult__wrapper { padding: 0; } 
.consult__wrapper + .consult__wrapper { margin-top: 23px; } 
.doctor_center .consult__wrapper .consult__tool {justify-content: space-between;}
.cartegory + .consult__wrapper .consult__tool { justify-content: space-between; font-size: 20px; font-weight: 500; } 

/*.consult__wrapper .consult__tool button .delBtn {display: inline-block; width: 16px; height: 16px; margin-left: 4px; text-indent: -99999px; background: url(https://img.lifet.co.kr/icon/close_black.svg) no-repeat; background-size: 16px; } */

.mypage_cont .consult__wrapper .consult__tool { justify-content: space-between; align-items: center; /* min-height: 84px; */ padding: 0; font-weight: 500; font-size: 18px; border: 0; } 
.consult__wrapper .consult__tool .title { font-size: 18px; } 
.consult__wrapper .consult__tool .select__wrap { margin-left: 20px; } 
.consult__wrapper .consult__tool .left { display: flex; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: 500; border: 0; } 

.cartegory + .consult__wrapper .consult__tool .tool__filter { min-width: 190px; height: 52px; padding-left: 30px; padding-right: 70px; background-image: url(https://img.lifet.co.kr/icon/filter.svg); background-position: right 30px center; border: 0; background-size: 28px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); } 
.consult__wrapper .consult__tool .tool__filter .text { font-size: 18px; } 
.consult__wrapper .consult__tool .tool__filter.active { background-color: #68A5FE; background-image: url(https://img.lifet.co.kr/icon/filter_w.png); color: #fff; border-color: currentColor; font-weight: 600; } 
.consult__wrapper .consult__tool .title { padding-bottom: 24px; } 
.consult__wrapper .consult__tool .title h1 { font-size: 32px; font-weight: 700; line-height: 1.2em; margin-bottom: 10px; } 
.consult__wrapper .consult__tool .title br { display: none; } 
.consult__wrapper .consult__tool .title p { font-size: 18px; font-weight: 400; line-height: 1.5em; } 
.consult__list > ul li + li {margin-top: 28px; padding-top: 28px; border-top: 1px solid #D9D9D9;} 
.consult__wrapper .consult__list li > a {border: 0;}
.consult__wrapper .consult__list li > a .detail__ {padding-right: 0;}

.consult__list li > a.active:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-shadow: inset 0px 0px 0px 5px rgba(104, 165, 254, 0.5);-webkit-box-shadow: inset 0px 0px 0px 5px rgba(104, 165, 254, 0.5);pointer-events: none;border-radius: 14px;z-index: 1; } 

.consult__list .img__box { flex-shrink: 0; width: 222px; text-align: center; font-size: 20px; font-weight: 500; } 
.consult__list .img__box .img__ { width: 110px; height: 110px; margin: 0 auto; margin-bottom: 6px; } 
.consult__list .img__box .img__ img { width: 100%; } 
.consult__list .detail__ { flex-grow: 1; padding-right: 60px; } 
.consult__list .detail__ .subject .mobile__ { display: none; } 
.consult__list .detail__ .subject img {width: 24px; margin-left: 3px;}
.consult__list .detail__ .subject .doct { font-size: 16px; color: #6c6c6c; } 

.consult__list {display: flex; padding-top: 20px; } 
.consult__wrapper .consult__list {padding-top: 29px;}
.consult__list > ul {width: 870px; margin-right: 40px; margin-bottom: 56px;}
.examine-container .consult__list > ul {width: 100%; margin-right: 0;}
.counsel_tag {width: 260px;}
.counsel_tag ul {display: flex; flex-wrap: wrap; margin-left: -8px;}
.counsel_tag ul li + li {margin: 0;}
.counsel_tag ul li a {display: inline-block; height: auto; margin-top: 12px; margin-left: 8px; padding: 8px 12px 7px 11px; font-size: 16px; line-height: 18px; letter-spacing: -0.6px; border-radius: 30px; border: 1px solid #E0E0E0 !important;}
.counsel_tag a img {width: 260px;}
.question_area .consult__list {position: relative; padding-top: 0; border: 0; } 
.consult__list .btn__more {display: none;justify-content: center;align-items: center;height: 70px;background-color: #fff;border-radius: 14px;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);cursor: pointer;font-size: 22px;font-weight: 500; } 
.question_area .consult__list .img__box .img__ { width: 72px; height: 72px; } 

.write_btn.counsel {z-index: 8100; position: fixed; top: 101px; padding-left: 38px; background-image: url(https://img.lifet.co.kr/icon/icon_counsel.png); background-size: 24px; transition: .5s all;}
.app_top ~ #scrolling-tab.up.up_cancel ~ #container .write_btn.counsel, .app_top ~ #container .write_btn.counsel {top: 140px;}
.app_top ~ #scrolling-tab.up ~ #container .write_btn.counsel {top: 77px;}

/* 나의 상담 */
.consult__list .img__box .profile__img { width: 118px; height: 118px; } 
.consult__list .img__box .profile__img img { width: auto } 
.consult__list .state__ {flex-shrink: 0;display: flex;justify-content: center;align-items: center;flex-flow: column;background-color: #F9F9F9;border-left: 1px solid #ddd;width: 184px;height: 100%;border-radius: 0px 14px 14px 0px; } 
.mypage_cont .consult__list .state__ { width: 156px; } 
.consult__list .state__.mobile__ { display: none; } 
.consult__list .state__ { position: relative; font-size: 22px; font-weight: 700; } 
.mypage_cont .consult__list .state__ { font-size: 18px; line-height: 21px; } 
.consult__list .state__ .state__img {position: relative;width: 96px;height: 70px;background-repeat: no-repeat;background-position: center;background-size: 49px;margin-bottom: 13px;margin-top: 7px; } 
.consult__list .wait { color: #FEC465; } 
.consult__list .wait .state__img { background-image: url(https://img.lifet.co.kr/icon/cst_wait.png); } 
.consult__list .ing { color: #68A5FE; } 
.consult__list .ing .state__img { background-image: url(https://img.lifet.co.kr/icon/cst_ing.png); } 
.consult__list .end { color: #B3B3B3; } 
.consult__list .end .state__img { background-image: url(https://img.lifet.co.kr/icon/cst_end.png); } 
.mypage_cont .consult__list .state__ .state__img { margin-bottom: 8px; background-size: 37px; } 
.consult__list .new:after {content: "";position: absolute;top: 44px;right: 50px;width: 12px;height: 12px;border-radius: 6px;background-color: #FC7667; } 

.consult__coupon .coupne__ {display: flex;justify-content: space-between;align-items: center;padding: 35px 58px;height: 172px;border-radius: 14px;color: #fff;background-color: #92BEFF;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); } 
.consult__coupon .btn {flex-shrink: 0;display: flex;justify-content: center;align-items: center;min-width: 182px;height: 45px;border-radius: 30px;font-weight: 700;border: none; } 
.consult__coupon .btn:hover { background-color: #fff; color: #68A5FE; } 
.consult__coupon .text__ {flex-grow: 1;font-size: 18px;font-weight: 500;line-height: 1.5em;word-break: keep-all; } 
.consult__coupon .text__ h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; } 
.consult__coupon .coupne__.bg__ {background-repeat: no-repeat;background-image: url(https://img.lifet.co.kr/logo/logo_trans.png);background-position: right 58px center;background-size: 168px; } 



/* 상담센터 검색 && 탭 */
.consult__search {display: flex;justify-content: flex-start;align-items: center;height: 130px; } 
.consult__search h1 {font-size: 20px;font-weight: 700;padding: 0 50px;flex-shrink: 0; } 
.consult__search .search__box {flex-grow: 1;position: relative;height: 66px; background-color: #EDEDED; } 
.consult__search .search__box input {width: 100%;height: 100%;border-radius: 33px;background-color: #EDEDED;border: none;padding: 0 41px;padding-right: 120px;font-size: 18px; } 
.consult__search .search__box input::placeholder { color: #878787; }
.consult__tab ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; min-height: 124px; } 
.consult__tab ul li { flex: 1 1 31%; } 
.consult__tab ul li + li { margin-left: 20px; } 

.consult__tab a {display: flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 14px;box-shadow: 0px 0px 10px rgba(207, 210, 226, 0.38);-webkit-box-shadow: 0px 0px 10px rgba(207, 210, 226, 0.38);font-size: 20px;font-weight: 700;height: 64px; } 
.consult__tab a span {display: inline-block;width: 30px;line-height: 30px;border-radius: 15px;text-align: center;color: #fff;background-color: #68A5FE;font-size: 20px;margin-left: 9px; } 
.consult__tab a.active { color: #fff; background-color: #68A5FE; } 
.consult__search + .consult__tab { border-top: 1px solid #EDEDED; } 


/* 신청서 작성 */
 
.consulting__apply__wrap .banner__ {display: flex;justify-content: center;align-items: center;flex-flow: column;text-align: center; margin-bottom: -5px; padding: 60px 0 0; font-size: 20px;color: #737373; } 
.consulting__apply__wrap .banner__ h1 {font-size: 32px;font-weight: 600;color: #343434; line-height: 130%; } 
.consulting__apply__wrap .banner__.coupone { display: none;background-color: #92BEFF;color: #fff;padding: 50px 0;height: auto;font-size: 18px;line-height: 1.3em;font-weight: 500; } 
.consulting__apply__wrap .banner__.coupone h1 {font-size: 28px;font-weight: 700;line-height: 1.3em; } 
.consulting__apply__wrap .banner__.coupone .btn {display: flex;justify-content: center;align-items: center;width: 210px;height: 45px;border-radius: 30px;margin-top: 20px;border : none; } 
.consulting__apply__wrap .banner__.coupone .btn:hover {background-color: #fff;color: #68A5FE; } 

.apply__field {max-width: 1170px; margin: 0 auto;padding: 50px 0; } 
.apply__field + .apply__field {border-top: 2px solid #EFEFEF; } 
.apply__field.keyword {padding: 20px 0;} 
.apply__field.keyword h5 {margin-bottom: 0;}
.apply__field.keyword h5 button {display: inline-block; padding-right: 26px; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat right center; background-size: 11px;}
.apply__field > h5 {font-size: 24px; font-weight: 600; line-height: 150%; margin-bottom: 20px; } 
.apply__field > h5 button {margin-left: 29px; color: #68A5FE; font-size: 20px; font-weight: 600; line-height: 150%; }
.apply__field.keyword button {margin: 0; color: #343434; font-size: 24px; line-height: 140%;}
.apply__field.keyword .tag {display: inline-block; margin-top: 20px; margin-right: 4px; padding: 8px 12px; color: #000; font-size: 16px; line-height: 18px; letter-spacing: -0.6px; border-radius: 30px; border: 1px solid #E0E0E0;}

.apply__field .subject__, .apply__field .comment__ {position: relative; } 

.apply__field .subject__ .byte__, 
.apply__field .comment__ .byte__ {position: absolute;right: 0;bottom: 0;display: flex;justify-content: flex-start;align-items: center;font-size: 18px;height: 70px;padding-right: 30px;pointer-events: none; } 
.apply__field .subject__ {margin-bottom: 14px; } 
.apply__field .comment__ {padding-bottom: 60px;margin-bottom: 20px; } 
.apply__field .caution-area {font-size: 18px; } 
.apply__field .subject__ input {height: 70px; border: none;width: 100%;padding: 0; } 
.apply__field .comment__ textarea {width: 100%;height: 290px;padding: 22px;font-size: 22px;line-height: 1.5em;padding-left: 0;border: none; } 

.apply__field .subject__,
.apply__field .comment__ {width: 100%;border-radius: 12px; background-color: #fff; border: 2px solid #E6E6E6;color: #808080; font-size: 22px;padding-left: 30px;overflow-y: hidden; } 

.apply__field .subject__ input, .apply__field .subject__ textarea { color: #343434; background-color: #fff; } 
.apply__field .subject__ input::placeholder,
.apply__field .comment__ textarea::placeholder { color: #9b9b9b; font-size: 22px; } 
.apply__field .term__ { margin-top: 80px; } 
.apply__field .term__ .checkTerm { position: relative; } 
.apply__field .term__ ul .checkTerm { display: flex; } 
.apply__field .total__ button { position: absolute; left: 305px; top: 18px; color: #646464; font-weight: 400; font-size: 20px; line-height: 150%; border: 0; text-decoration: underline; cursor: pointer; background-color: transparent; } 
.apply__field .term__ .checkTerm label {display: flex;justify-content: flex-start;align-items: center;height: 40px;font-size: 20px;padding-left: 46px;background-repeat: no-repeat;background-position: left center;background-size: 28px;background-image: url(https://img.lifet.co.kr/icon/circle_check.svg); } 
.apply__field .term__ .checkTerm label b { font-weight: 500; padding-right: 5px; } 
.apply__field .term__ .checkTerm input {position: absolute;left: 0;top: 0;width: 280px;height: 100%;cursor: pointer;opacity: 0;z-index: 1; } 
.apply__field .term__ .checkTerm input:checked + label { background-image: url(https://img.lifet.co.kr/icon/circle_checked.svg); } 
.apply__field .term__ .total__ .checkTerm label {font-size: 24px;font-weight: 600;height: 64px;border-top: 2px solid #EDEDED;border-bottom: 2px solid #EDEDED; } 
.apply__field .term__ .total__ { margin-bottom: 28px; } 
/*.apply__field .term__ li:last-child b { font-weight: 400; } */
.apply__field .btn-area { max-width: 632px; margin: 0 auto; margin-top: 80px; display: flex; justify-content: center; align-items: center; } 
.apply__field .btn-area .btn {display: flex;justify-content: center;align-items: center;height: 48px; color: #fff;border-radius: 60px;font-size: 16px; border: 0;font-weight: 600; background-color: #68A5FE; } 
.apply__field .btn-area .btn + .btn { margin-left: 10px; } 
.apply__field .btn-area .btn__cancle { color: #5B5B5B; width: 188px; background-color: #EAEAEA; } 
.apply__field .btn-area .btn__cancle:active { background-color: #E1E1E1; } 
.apply__field .btn-area .btn__submit { width: 188px; } 

.councel_photo .title {margin: 31px 0 12px; font-size: 22px; font-weight: 500; line-height: 130%;}
.councel_photo .photo {display: flex; margin-bottom: 14px;}
.councel_photo .photo label {display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; margin-right: 12px; border-radius: 10px; cursor: pointer; background-color: #F1F1F1;}
.councel_photo .photo label img {width: 46px;}
.councel_photo .bullet, .text_area .bullet {margin-top: 5px; color: #737373; font-size: 18px; font-weight: 400; line-height: 150%;}
.councel_photo .bullet::before, .text_area .bullet::before {content: ''; display: inline-block; width: 3px; height: 3px; margin: 0 10px; vertical-align: 3px; border-radius: 50%; background-color: currentColor;}
.councel_photo .bullet br {display: none;}
.councel_photo #Preview li, .councel_photo #Preview li img, .councel_photo #Preview li div {width: 100px; height: 100px; margin-top: 0;}
.councel_photo #Preview li .delBtn {width: 22px; height: 22px; background-size: 22px;}

/* 신청 가이드 */
.modal-dialog .modal-guide .content-area { max-height: 726px; padding-bottom: 30px; } 
.guide_slider .swiper-pagination { bottom: 0; height: 8px;} 
.modal-guide .scroll { overflow-y: auto; width: 550px; text-align: center; height: 508px; margin-top: 40px; padding: 0 29px 0 55px; } 
.modal-guide .scroll > h1 { margin-bottom: 4px; color: #68A5FE; font-weight: 700; font-size: 24px; line-height: 130%; } 
.modal-guide .scroll .alert + h1 {margin-top: 50px;}
.modal-guide .scroll > p { margin-bottom: 20px; font-weight: 600; font-size: 20px; line-height: 150%; } 
.modal-guide .btn_area { margin: 30px 0 0; padding-bottom: 10px; } 
.modal-guide .btn_area a { display: inline-block; padding: 13px 43px; color: #6992DE; font-weight: 600; font-size: 18px; line-height: 130%; border-radius: 60px; background-color: #D9E8FF; } 
.modal-guide .btn_area a + a { color: #fff; margin-left: 10px; background-color: #68A5FE; } 
.modal-guide .swiper-button-prev { width: 36px; height: 36px; margin-top: auto; left: -19px; top: 78px; background: url('https://img.lifet.co.kr/icon/community_arrow.png') no-repeat left center; background-size: 100%; } 
.modal-guide .swiper-button-next { width: 36px; height: 36px; margin-top: auto; right: -19px; top: 78px; transform: rotate(180deg); background: url('https://img.lifet.co.kr/icon/community_arrow.png') no-repeat left center; background-size: 100%; } 
.modal-guide .swiper-button-prev:after, #modal-guide .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content:''; } 

/*상담권 팝업*/
.modal-dialog .counsel_ticket .content-area .head div:first-child {border-bottom :0;}
.modal-dialog .counsel_ticket .content-area {padding: 70px 20px 30px; text-align: center; border-radius: 16px;}
.modal-dialog .modal-content.bottom_sheet.counsel_ticket {align-items: center;}
.counsel_ticket .icon img {width: 46px;}
.counsel_ticket .cont h1 {margin: 12px 0 40px; font-size: 18px; font-weight: 500; line-height: 130%; }
.counsel_how {margin-bottom: 24px; padding: 20px; border-radius: 8px; border: 1px solid #E3E3E3;}
.counsel_how h2 {font-size: 18px; font-weight: 500; line-height: 130%;}
.counsel_how .bullet {margin-top: 8px; font-size: 16px; font-weight: 500; line-height: 150%; }
.counsel_how .bullet::before {margin-left: 0;}
.counsel_how .bullet div {display: inline-block; margin-left: 4px; padding-left: 18px; font-size: 16px; background-size: 14px;}
.month_jelley {display: inline-flex; align-items: center; justify-content: center; margin-top: 14px; padding: 16px 20px; font-size: 16px; font-weight: 600; line-height: 130%;  border-radius: 9px; background-color: #F4F4F8;}
.month_jelley div {margin-left: 20px; padding-left: 24px; background-size: 18px;}
.modal-dialog .counsel_ticket .btn_area * {display: inline-block; width: 165px; height: 43px; padding: 11px 0;  font-size: 16px; font-weight: 700; line-height: 130%; vertical-align: top; border-radius: 38px;}
.modal-dialog .counsel_ticket .btn_area a {color: #6992DE; background-color: #D9E8FF;}
.modal-dialog .counsel_ticket .btn_area button {margin-left: 11px; color: #fff; background-color: #68A5FE;}

@media (max-width:767px) {
    .modal-dialog .modal-guide .content-area { overflow-y: scroll; max-height: none; max-width: 100%; height: 100svh; padding: 60px 0 0 20px; border-radius: 0; } 
    .modal-guide .head { position: fixed; width: 100%; top: 0; left: 0; z-index: 10; } 
    .modal-guide .scroll { overflow: hidden; width: auto; height: auto; margin-top: 0; padding: 30px 20px 76px 0; } 
    .modal-guide .scroll > h1 { font-size: 20px; } 
    .modal-guide .scroll > p { font-size: 18px; } 
    .guide_inner {width: 100%;}
    .guide_slider .slick-list {margin: 0 -10px;}
    .guide_slider .slick-slide {width: 100%; }
    .guide_slider .slick-arrow {display: none !important;}
    .guide_slider .slick-dots {margin-top: 14px;}
    .modal-dialog .modal-guide.modal-content .btn_area {z-index: 10; position: fixed; width: 100%; left:0; bottom: 0; margin-bottom: 0; margin-top: 0; padding: 20px 20px 30px; background-color: #fff; } 
    .modal-guide .btn_area a { width: 50%; height: 46px; padding: 12px 0; text-align: center; box-shadow: 0px 0px 36px 5px rgb(174 174 174 / 16%); } 
    .modal-guide .btn_area a + a { margin-left: 7px; } 
    .modal-guide .swiper-button-prev, #modal-guide .swiper-button-next { display: none; } 

    .consulting h2 { margin: 0 0 12px; font-size: 18px; } 
    .consult__wrapper { margin: 0 -20px; padding: 0 20px 0; border-top: 0; } 
    .mypage_cont .consult__wrapper { padding: 0 20px; border: 0; } 

    /* 상담 */
    #container > .section-wrap.consulting {display: block; padding: 20px;} 
    .consult__search { height: auto; } 
    .consult__search h1 { display: none; } 
    .consult__search .search__box { height: 44px; padding: 12px 30px; margin-top: 6px; margin-bottom: 20px; border: 1px solid #F8F8F8; } 
    .consult__search .search__box input { font-size: 14px; padding-left: 25px; padding-right: 80px; } 
    .consult__search + .consult__tab { border : none; }  
    .consult__wrapper + .consult__wrapper { margin-top: 44px; } 
    
    .cartegory + .consult__wrapper .consult__tool { font-size: 16px; } 
    .mypage_cont .consult__wrapper .consult__tool { min-height: inherit; font-size: 16px; margin: 0; } 
    .consult__wrapper .consult__tool .left { margin-top: 0; font-size: 16px;} 
    
    .cartegory + .consult__wrapper .consult__tool .tool__filter { min-width: 83px; height: 34px; padding-left: 16px; padding-right: 44px; background-size: 18px; background-position: right 14px center; } 
    .consult__wrapper .consult__tool .tool__filter .text { font-size: 16px; font-weight: 500; } 
    .consult__list .new:after { width: 5px; height: 5px; top: -2px; right: -2px; } 
    .consult__list li {padding: 0;} 
    .consult__list > ul li + li {margin-top: 20px; padding-top: 20px; border-top: 1px solid #E9E9E9;}
    .consult__list li > a { display: block; padding: 0; height: auto; } 
    .consult__list li > a.active:after { border-radius: 10px; box-shadow: inset 0px 0px 0px 3px rgb(104 165 254 / 50%); -webkit-box-shadow: inset 0px 0px 0px 3px rgb(104 165 254 / 50%); } 
    .consult__list { padding-top: 14px; } 
    .consult__search .consult__list { padding-top: 0; } 
    .consult__list .img__box .img__ { margin-bottom: 7px; } 
    .consult__list.state__list li > a { padding: 16px 14px; padding-bottom: 18px; } 
    .consult__list .detail__ .subject img {width: 16px;}
    .consult__list.state__list .detail__ .desc { font-size: 12px; } 
    .consult__list.state__list .detail__ .subject h1 { font-size: 14px; } 
    .consult__list.state__list .state__ { top: 0; margin-top: 34px; } 
    .consult__list .img__box,
    .consult__list .detail__ .subject .doct { display: none; } 
    .consult__list .detail__ { padding-right: 0; } 
    .consult__list .detail__ .subject {justify-content: flex-start; align-items: center;} 
    .consult__list .detail__ .desc { height: auto; font-size: 14px; margin-bottom: 8px; -webkit-line-clamp: 2;} 
    .consult__list .detail__ .subject .mobile__ { display: block; font-size: 12px; font-weight: 500; margin-bottom: 2px; } 
    .consult__list .detail__ .subject span.color00 { color: #EB970F; } 
    .consult__list .detail__ .subject span.color01 { color: #E8B109; } 
    .consult__list .detail__ .subject span.color02 { color: #4772C1; } 
    .consult__list .detail__ .subject span.color03 { color: #22B090; } 
    .consult__list .detail__ .subject span.color04 { color: #55AAAB; } 
    .consult__list .detail__ .subject span.color05 { color: #EB970F; } 
    .consult__list .detail__ .subject span.color06 { color: #9170E3; } 
    .consult__list .detail__ .subject span.color07 { color: #79B514; } 
    .consult__list .btn__more { height: 44px; font-size: 14px; border-radius: 10px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); } 
    .consult__wrapper .consult__tool button { margin-right: 6px; padding: 6px 12px; white-space: nowrap; font-size: 16px; } 
    .consult__list > ul {width: 100%; margin-right: 0; margin-bottom: 15px;}
    .counsel_tag {display: none;}
    .write_btn.counsel {z-index: 10005; right: 20px; top: auto; width: 115px; top: auto; bottom: 94px; height: 48px; margin-right: 0; transition: .2s all linear;}
    .write_btn.counsel.slim {width: 48px; padding-right: 0; text-indent: -9999px; background-position: center;}

    .consult__coupon .coupne__ { position: relative; padding: 19px 14px; padding-bottom: 14px; height: auto; align-items: flex-end; border-radius: 10px; } 
    .consult__coupon .coupne__.bg__ { background-size: 97px; background-position: right 20px center; } 
    .consult__coupon .text__ { font-size: 12px; } 
    .consult__coupon .text__ h1 { font-size: 18px; line-height: 1.2em; margin-bottom: 4px; } 
    .consult__coupon .text__ p { /*padding-right: 112px; */ font-size: 14px; } 
    .consult__coupon .btn__ { position: absolute; right: 0; bottom: 0; margin: 14px; } 
    .consult__coupon .btn__ a { padding: 0 20px; height: 31px; } 
    .consult__coupon .btn { min-width: 87px; height: 26px; font-size: 12px; white-space: nowrap; padding: 0 10px; } 
    .consult__coupon { margin-top: 10px; } 
    .consult__list .state__ { display: block; height: auto; width: auto; position: absolute; right: 0; bottom: 0; background-color: transparent; border: none; margin-bottom: 12px; margin-right: 16px; } 
    .consult__list .state__.mobile__ { display: block; } 
    .consult__list .state__.mobile__ div { background-color: #68A5FE; border : none; color: #fff; } 
    .consult__list .state__img { display: none !important; } 
    .consult__list .state__ > div { display: flex; justify-content: center; align-items: center; width: 64px; height: 24px; font-size: 11px; font-weight: 600; border-radius: 20px; border: 1px solid currentColor; } 

    .state__list .detail__ .desc { margin-bottom: 16px; } 
    .state__list .detail__ .view__ { line-height: 20px; } 
    .state__list .img__box { display: block; position: absolute; left: 14px; top: 16px; width: auto}
    .state__list .state__ { top: 18px; } 
    .consult__list .wait div { color: #fff; background-color: #FEC465; } 
    .consult__list .ing div { color: #fff; background-color: #68A5FE; } 
    .consult__list .end div { color: #fff; background-color: #B3B3B3; } 
    .state__list .img__box .profile__img { width: 42px; height: 42px; } 
    .state__list .img__box .profile__img+div { display: none; } 
    .state__list .detail__ .subject { display: flex; justify-content: center; align-items: flex-start; flex-flow: column; height: 42px; padding-left: 51px; margin-bottom: 8px}

    /* 컨설팅 메인 */
    .consult__main {margin: 0 0 -8px;} 
    .consult__main .guide__ { margin-top: 0; display: flex; justify-content: flex-start; align-items: center; height: 100%; 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); } 

    .guide_slider { width: 100%; margin-bottom: 40px; } 
    .guide_slider .slide__card { padding: 0; height: 170px; padding: 30px 20px; box-shadow: none; align-items: center; } 
    .guide_slider .slide__card .applyBtn { display: none; } 
    .guide_slider .slide__card .text__ { padding-left: 0; padding-top: 0px; margin-right: 0px; } 
    .guide_slider .slide__card .img__ { margin-right: 0; width: 120px; height: 120px; background-position: left center; } 
    .guide_slider .slide__card .text__ h1 { font-size: 22px; font-weight: 700; line-height: 1.5em; margin-bottom: 7px; } 
    .guide_slider .slide__card .text__ h1 .name { font-size: 18px; } 
    .guide_slider .slide__card .text__ p { opacity: 0.9; font-size: 16px; line-height: 1.4em; } 
    .guide_slider .slide__card .handwriting { display: none; } 
    .guide_slider .slide__card .doct_jp { background-size: 100%; } 
    .guide_slider .slide__card .doct_sk { background-size: 100%; } 
    .guide_slider .slide__card .doct_hk { background-size: 100%; } 

    .step_guide { width: 98%; } 
    .step_guide li { height: 124px; padding: 16px 14px; border: 1px solid #fff; } 
    .modal-guide { align-items: flex-start; } 
    .modal-dialog .step_guide li .imgBox { width: 100px; height: 100px; margin: 0 12px 0 0; } 
    .modal-guide .textBox p { letter-spacing: -0.5px; } 
    .modal-guide .alert { width: 100%; margin: 8px auto 0; } 
    .modal-guide .step_guide + .alert { margin: 24px auto 0; } 

    .consult__main .guide__ { width: 100%; justify-content: center; background-color: #fff; padding: 22px 0; } 
    .consult__main .guide__ li {flex: 0 1 50%;} 
    .consult__main .guide__ li + li {  border-left: 1px solid #d5d5d5; } 

    .consult__main .guide__ .btn_ { font-size: 17px; font-weight: 600; height: 36px; justify-content: center; align-items: center; box-shadow: none; border-radius: 0; width: 100%; color: #343434; background: none; } 
    .consult__main .guide__ li:first-child .btn_, .consult__main .guide__ li:last-child .btn_ {margin: 0;}
    .consult__main .guide__ li:first-child .btn_::after {display: none;}
    .consult__main .guide__ .btn_ img { width: 36px; margin-right: 4px; margin-left: 0; } 
    .consult__main .guide__ .btn_ strong { font-weight: 600; font-size: 17px; line-height: 20px; } 
    .consult__main .guide__ .btn_ p { display: none; } 
    .consult__main .guide__ .guideBtn img { display: none; } 
    .guideBtn:hover .tooltip_ { display: none; } 
    .consult__main .text__box h5 { font-weight: 500; margin-bottom: 2px; } 

    .councel_photo .title {font-size: 14px;}
    .councel_photo .photo label, .councel_photo #Preview li, .councel_photo #Preview li img, .councel_photo #Preview li div {width: 80px; height: 80px;}
    .councel_photo .photo label img {width: 38px;}
    .councel_photo #Preview li .delBtn {width: 18px; height: 18px; background-size: 18px;}
    .councel_photo #Preview {overflow-x: auto; max-width: 368px; margin-top: 0; padding: 10px 0 0;}
    .councel_photo .bullet {margin-left: 23px; font-size: 13px; text-indent: -23px;}
    .councel_photo .bullet br {display: block;}   

    /* 신청서 작성 */
    .consulting__apply__wrap .banner__ {display: none; padding: 0; font-size: 16px; word-break: keep-all; } 
    .consulting__apply__wrap .banner__:first-child { display: none; } 
    .consulting__apply__wrap .banner__ h1 { font-size: 18px; margin-bottom: 4px; color: #343434; } 
    .consulting__apply__wrap .banner__ > div { line-height: 1.5em; } 
    .consulting__apply__wrap .banner__.coupone { font-size: 14px; padding: 26px 0; height: auto; } 
    .consulting__apply__wrap .banner__.coupone h1 { font-size: 16px; margin-bottom: 4px; color: #fff; } 
    .consulting__apply__wrap .banner__.coupone .btn { margin-top: 10px; width: 144px; height: 35px; font-size: 14px; } 

    .apply__field {margin: 0 20px; padding: 26px 0; padding-right: 0;} 
    .apply__field > h5 { font-size: 16px; margin-bottom: 11px; } 
    .apply__field .subject__ { padding: 0; } 
    .apply__field .comment__ { padding: 12px 14px; } 
    .apply__field .subject__, 
    .apply__field .comment__ { font-size: 14px; border-radius: 8px; border-width: 1px; } 
    .apply__field .subject__ input { padding: 12px 14px; } 
    .apply__field .comment__ { padding-right: 0; padding-bottom: 40px; padding-top: 0; padding-left: 0; margin-bottom: 14px; } 
    .apply__field .subject__ input::placeholder,
    .apply__field .comment__ textarea::placeholder { font-size: 14px; } 
    .apply__field .subject__ input { height: 42px; padding-right: 60px; } 
    .apply__field .comment__ textarea { padding-top: 12px; padding-left: 14px; font-size: 14px; height: 184px; padding-bottom: 0; border-radius: 0 0 8px 8px; } 
    .apply__field .subject__ .byte__, 
    .apply__field .comment__ .byte__ { font-size: 12px; height: 42px; padding-right: 14px; } 
    .apply__field .caution-area li {font-size: 14px;}

    .consulting__apply__wrap .apply__field:nth-child(3n) { padding-right: 0; padding-left: 0; } 
    .consulting__apply__wrap .apply__field:nth-child(3n) .caution-area { padding-left: 20px; } 
    
    .apply__field .term__ { margin-top: 50px; } 
    .apply__field .term__ .total__ .checkTerm label { align-items: center; height: 44px; border-width: 1px; font-size: 16px; background-position: left center; } 
    .apply__field .term__ .checkTerm label { align-items: flex-start; height: auto; min-height: 20px; font-size: 14px; background-size: 19px; background-position: left top; padding-left: 26px; } 
    .apply__field .total__ button { left: auto; right: 0; top: 10px; font-size: 14px; } 
    .apply__field .term__ .checkTerm label b { flex-shrink: 0; } 
    .apply__field .term__ li { margin-bottom: 14px; } 
    .apply__field .btn-area { margin-top: 42px; } 
    .apply__field .btn-area .btn {} 
    .apply__field .btn-area .btn__submit:hover { background-color: #fff; border-color: #68A5FE; color: #68A5FE; } 
    .apply__field .btn-area .btn__submit:active { background-color: #68A5FE; border-color: #68A5FE; color: #fff; } 
    .apply__field .btn-area .btn__cancle:hover { background-color: #fff; border-color: #A0A0A0; color: #A0A0A0; } 
    .apply__field .btn-area .btn__cancle:active { background-color: #A0A0A0; border-color: #A0A0A0; color: #fff; } 
    .apply__field > h5 button {float: right; font-size: 14px;}
    .apply__field.keyword {padding: 16px 0;}
    .apply__field.keyword h5 button {float: none; padding-right: 18px; font-size: 16px; background-size: 7px;}
    .apply__field.keyword .tag { padding: 6px 12px; font-size: 12px;}
    .apply__field + .apply__field {border-width: 1px;}
    .apply__field .tag__list:last-child span:first-child::after {vertical-align: 2px;}

    .chat__room__wrap { display: none; }

    .counsel_ticket .icon {margin-top: 86px;}
    .counsel_ticket .cont h1 {margin-bottom: 30px;}
    .counsel_how {margin: 0 20px 24px; padding: 20px 18px;}
    .modal-dialog .modal-content .btn_area {margin-bottom: 40px;}

}

@media (max-width:767px) {
    #container.chat-container {flex-flow: column; padding-bottom: 0;}
    
}