/* 24-08-01 수정 */
.btn-pr {background-color: #fff; color: #888; font-weight: 400;}
.join .fixed_btn_container {border-top: 0;}

/* 24-07-00 수정 */
select{padding: 0 10px;}
.sec_content {margin-top: 40px;}

.main_bg {width: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover;}

.page-main .main_bg{height: 30em; background-position-y: -25px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468534828103.png);}
.main_box { color: #333; background-color: #fff; border-radius: 1.6em 1.6em 0 0; padding-top: 40px; margin-left: -1.067em; margin-right: -1.067em; margin-top: -.35em !important; padding-bottom: 4.2em;}
.main_ban-txt {padding: 20px 0 40px;}
.main_ban-txt > i {display: block; width: 114px;}
.main_ban-txt > h2{font-size: 26px; font-weight: 200; color: #FFF;}
.fast-go {border-radius: 10px; background-color: #39C0AE; border: 0; top: 25px; cursor: pointer; box-shadow: 0 2.7px 10px 0px #5555554f;}
.fast-go > div > em {margin-left: 30px; color: #fff; font-size: 17px; font-weight: 400; text-align: center;}
.fast-go > div > em::before{content: ''; width: 24px; height: 20px; position: absolute; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468089047969.png); background-size: cover; background-repeat: no-repeat; left: 50%; top: 50%; margin-right: 8px; transform: translate(-85px, -60%);}

.sec_content > h3 {font-size: 24px; font-weight: 300; color: #333;}
.sec_content > h3 > b {color: #39C0AE; font-size: 24px;}

.slide-contain{margin-top: 15px;}
.sec01_slide_contain > ul {display: flex;}
.sec01_slide_contain li {background-color: #F5F5F5; padding: 10px; border-radius: 10px; margin-bottom: 20px; margin-right: 12px;}
.sec01-con > i {width: 100%; position: relative; display: block; padding-bottom: 80%;}
.sec01-con > i > img {border-radius: 10px;}
.sec01_text_top {padding: 20px 0 10px 0; text-align: left;}
.sec01_text_top > h4 {font-size: 20px; color: #333; font-weight: 800;}
.sec01_text_top > p {font-size: 13px; min-height: 63px; color: #777; line-height: 1.6; font-weight: 400; margin-top: 7px;}
.sec02_text_top > p{min-height: auto} 
.flex{justify-content: space-between;}
.sec01 .label {background-color: #39C0AE; font-size: 14px; display: block; padding: 4px 20px 3px 20px; border-radius: 15px; font-weight: 200; color: #fff;}
.sec01 .match_num {display: flex; gap: 5px; font-size: 15px; font-weight: 400; color: #555; align-items: center}
.match_num > span {font-weight: bold; font-size: 19px; color: #39C0AE; display: flex; align-items: center;}
.match_num > span > em {font-weight: 400; font-size: 15px;}

.sec01 .sec01_text_bottom{border-top: 1px solid #D7D7D7; padding: 12px 0 10px;}
.sec01_button_wrap > button {display: block; width: 100%; margin: 0 auto; text-align: center; padding: 17px 10px; background-color: #F5FCFB; border: 1px solid #39C0AE; border-radius: 10px; font-size: 16px; font-weight: 500; color: #39C0AE;}

.sec02_contain li {margin-top: 20px;}
.sec02_text_top{padding: 0;}
.sec02_text_top > .sec01_text_bottom {margin-top: 15px;}
.sec02-con > i {display: block; width: 100%; position: relative; padding-bottom: 55%; overflow: hidden; border-radius: 10px;}
.sec02-con > i > img {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.sec02 .sec01_text_bottom > h4 {font-size: 20px; color: #333; font-weight: 800;}
.sec02 .match_num { background: #f5f5f5; display: flex; gap: 5px; align-items: center; padding: 4px 10px; border-radius: 20px; font-size: 15px; color: #555;}
.sec02_button_wrap{margin-top: 20px;}
.sec02_button_wrap > button { display: block; width: 100%; margin: 0 auto; text-align: center; padding: 17px 10px; background-color: #F5FCFB; border: 1px solid #39C0AE; border-radius: 10px; font-size: 16px; font-weight: 500; color: #39C0AE;}

.article02 > .main_box{padding-top: 25px; padding-bottom: 0;}
.articlebox {position: relative; top: -20px; background-color: #F5F5F5; padding-top: 1px;}
.sec03 .sec-title > h3{font-size: 24px; font-weight: 300; color: #333;}
.sec03 .sec-title > h3 > b {color: #39C0AE; font-size: 24px;}
.sec03 .sec-title > p{font-size: 14px; color: #777; font-weight: 400; margin-top: 10px;}
.sec03_contain  li {background-color: #fff; padding: 17px; border-radius: 10px; margin-bottom: 20px;}
.contact-wrap > .min-tit-txt {font-weight: bold; font-size: 15px; color: #555;}
.contact-wrap > h5{margin-top: 5px; font-size: 28px; color: #39C0AE;}
.contact-wrap > .min-date-txt {font-weight: 500; color: #555; font-size: 14px; margin-top: 4px;}
.contact-wrap > .min-date-txt > b{font-weight: 500; color: #39C0AE;}

.sec01_slide_contain li, .sec02_contain li {cursor: pointer;} 


/* page-about (지어보아 소개) */
.about-article {padding-top:3.6em;}
.page-about .about_main{width: 100%; height: 23em; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/16846896054068.png); background-repeat:no-repeat; background-size: cover;}
.page-about .about_div {margin: 20px 0 40px 0;}
.page-about .about_div > i {width: 192px; display: block; margin-top: 45px;}
.page-about .about-main-txt {font-size: 16px; font-weight: 400; line-height: 1.6; color: #333; margin-top: 15px;}
.page-about .about-main-txt > b{font-weight: bold;}
.page-about .mini_txt_bottom {margin-top: 50px; font-size: 12px;}
.page-about .mini_txt_bottom > p {color: #aaa; font-weight: 400; text-align: center;}


/* page-companylist (업체리스트) */
.article {padding-top:5.6em; padding-bottom: 3em; background-color: #fff;}
.article > .title-wrap > h3 {font-size: 24px; font-weight: 300;}
.article > .title-wrap b {font-weight: bold; font-size: 24px; color: #39C0AE;}
.grid-wrap {margin-top: 15px;}
.grid-wrap > ul {width: 100%; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 20px;}
.grid-wrap > ul > li {width: calc(100% / 2); cursor: pointer;}
.grid-con > i {display: block; border-radius: 10px; overflow: hidden; position: relative; padding-bottom: 74%;}
.grid-con > i > img {width: 100%; height: -webkit-fill-available; position: absolute;}
.grid-con > .con-txt-wrap {margin-top: 5px; text-align: center;}
.grid-con > .con-txt-wrap > .label { width: 65px; margin: 0 auto; text-align: center; background-color: #39C0AE; color: #fff; border-radius: 15px; padding: 4px 0; font-size: 12px; font-weight: 400;}
.grid-con > .con-txt-wrap > .company-name {margin-top: 5px; font-family: 'Pretendard'; font-size: 17px; font-weight: 600; color: #333;}


/* company_info */
.mb {position: relative; height: 300px;}

/* 건설사 */
.page-co-info_01 .main_bg {height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468346850774.jpg); background-size: cover; filter: brightness(0.7);}
.page-co-info_02 .main_bg {height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/16846908167156.jpg); background-size: cover; filter: brightness(0.7);}
.page-co-info_03 .main_bg {height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468549854397.png); background-size: cover; filter: brightness(0.7);}
/* 건설사 시공사례 상세 */
.page-info-detail_01 .main_bg{height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468934674450.jpg); background-size: cover; filter: brightness(0.7);}
.page-info-detail_02 .main_bg{height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468934916335.jpg); background-size: cover; filter: brightness(0.7);}
.page-info-detail_03 .main_bg{height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168469197016495.jpg); background-size: cover; filter: brightness(0.7);}

/* 시공사 */
.page-co-info_04 .main_bg {height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468555733046.png); background-size: cover; filter: brightness(0.7);}
.page-co-info_05 .main_bg {height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468551112714.png); background-size: cover; filter: brightness(0.7);}
.page-co-info_06 .main_bg {height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/16846842043960.jpg); background-size: cover; filter: brightness(0.7);}
.page-co-info_07 .main_bg {height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168468421332974.jpg); background-size: cover; filter: brightness(0.7);}
/* 시공사례 상세 */
.page-info-detail_04 .main_bg{height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/16846924696356.jpg); background-size: cover; filter: brightness(0.7);}
.page-info-detail_05 .main_bg{height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168469326339849.jpg); background-size: cover; filter: brightness(0.7);}
.page-info-detail_06 .main_bg{height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168469293962203.jpg); background-size: cover; filter: brightness(0.7);}
.page-info-detail_07 .main_bg{height: 300px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168469246174125.jpg); background-size: cover; filter: brightness(0.7);}



.page-co-info .main_box {width: 100%; margin: 0 !important; padding-bottom: 0; border-radius: 0; background-color: #fff;}
.page-co-info .info-company-text-wrap { top: 50%; transform: translateY(-50%);}
.page-co-info .info-company-text-wrap > h2, .page-co-info .info-company-text-wrap > p {color: #fff;}
.page-co-info .info-company-text-wrap > h2 {font-weight: 500; font-size: 20px; margin-bottom: 7px;}
.page-co-info .info-company-text-wrap > p {font-weight: 200; font-size: 13px;}
.initial_information_view .fixed_btn_container{display: flex; align-items: center; justify-content: space-between; height: 4.2em !important;    padding: 0.4em 0.8em;}
.fixed_btn_container {bottom: 0; border-top: 1px solid #e9e9e9; background-color: #fff;}
.pagi_fixed_but3 button:first-child{width:100% !important; border-radius: 5px !important; font-weight: 500; font-size: 13px;}

.information_sec02 {padding-bottom: 15px;}
.information-tab-wrap {margin-bottom: 15px;}
.information-tab {width: 100%; display: flex; border-bottom: 1px solid #e9e9e9;}
.information-tab > li {width: calc(100% / 3); text-align: center; padding: 10px 0; cursor: pointer;}
.tab-on{color: #39C0AE; border-bottom: 2px solid #39C0AE;}

.page-co-info .con-txt-wrap {text-align: left;}
.page-co-info .grid-con > i {position: relative; padding-bottom: 66%; border-radius: 10px; overflow: hidden;}
.page-co-info .grid-con > i > img {position: absolute;}
.page-co-info .con-txt-wrap > h3 {font-size: 14px; word-break: keep-all;}
.page-co-info .con-txt-wrap > p {color: #555; font-size: 12px;}
.tab-3-content > dl {justify-content: flex-start; padding: 12px 0; border-bottom: 1px solid #e9e9e9;}
.tab-3-content > dl:first-child {padding: 0 0 12px;}
.tab-3-content > dl:last-child{border: none; padding-bottom: 0;}
.tab-3-content dt {width: 30%; color: #888; font-size: 13px; font-weight: 400;}
.tab-3-content dd {width: 70%; font-size: 13px; font-weight: 400;}

/* 지어보아 집 지으러가기 step_01 */
.content-big-tit {font-weight: 400; font-size: 24px; margin-bottom: 10px;}
.content-big-tit > b {color: #39C0AE;}
.basic-txt { padding: 15px; border-radius: 12px;}
.basic-txt > p {font-weight: 400; font-size: 12px; line-height: 1.6;}
.basic-txt > p:first-child{margin-bottom: 20px;}
.register_list em{display: flex; align-items: center; margin-bottom: .6em; font-size: 16px; font-weight: 600;}
.register_list em span{font-size: 12px; color: #39C0AE; margin-left: .2em; position: relative; font-weight: 500;}
.input-border {border: 1px solid #e9e9e9; border-radius: 10px; overflow: hidden;}
.input-border > ul {display: flex; flex-wrap: wrap;}
.input-border > ul > li:nth-child(1){border-bottom: 1px solid #e9e9e9;}
.input-border > ul > li:nth-child(2){border-bottom: 1px solid #e9e9e9;}
.input-border > ul > .on-but{color: #39C0AE; background-color: #bef3ec80;}
.bor-no {border-bottom: 0;}
.input-border > ul > li {width: calc(100% / 2); margin: 0; padding: 10px; text-align: center; color: #555; font-weight: 400; border-right: 1px solid #e9e9e9; cursor: pointer;}
.input-border > ul > li:nth-child(2){border-right: 0;}
.input-border > ul > li:last-child{border-right:0}
.range-input-wrap {margin-top: 5px;}
.range-pd {padding: 10px;}
.range-pd > p {font-size: 15px; font-weight: 400; text-align: center;}
.step_01 .period {border-radius: 10px;}

/* 지어보아 집 지으럭가ㅣ step_02 */
.home-search-input {width: 68%; padding: 1.1em 0.84em;}
.home-search-btn{text-align: center; width: 30%; background-color: #39C0AE; font-weight: 400; color: #fff; padding: 1.1em 0.84em;}

/* 지어보아 집 지으러가기 step_03 */
.tex-input {width: 100%; padding: 1.1em 0.84em; margin-top: 15px; border-radius: 10px;}

/* 지어보아 집 지으러가기 step_05 */
.grid-con-on {border: 1px solid #06d3b7; background-color: #BEF3EC; border-radius: 9px;}
.step_05 .grid-wrap li {width: calc(100% / 3); border: 1px solid #e9e9e9; border-radius: 10px; overflow: hidden;}
.step_05 .grid-wrap > ul {gap: 15px;}
.step_05 .grid-wrap > ul:last-child li:last-child {display: none; border: none; cursor:default;}
.step_05 .grid-wrap > ul:nth-child(6) > li:nth-child(2) {display: none; border: none; cursor:default;}
.step_05 .grid-con > .con-txt-wrap > .company-name {font-size: 15px; margin-top: 12px;}
.step_05 .grid-con > .con-txt-wrap {padding-bottom: 10px;} 
.step_05 .grid-con > i {height: 120px; position: relative; overflow: hidden;}
.step_05 .grid-con > i > img {width: 135%; height: inherit; position: absolute; left: 50%; transform: translateX(-50%);}

.textarea-wrap > textarea{width: 100%; height: 200px;  outline: none; resize: none; padding: 12px; border: 1px solid #e9e9e9;}
.textarea-wrap > textarea:focus{border: 1px solid #06d3b7;}
.text-length-wrap {display: flex; justify-content: flex-end; font-size: 13px;}
.text-length-wrap > p {color: #a8a8a8;}

.content-text-box > span {color: #a1c5c0; text-transform: uppercase; padding-bottom: 10px;}

/* ## range custom ## */
input[type="range"] {
-webkit-appearance: none;
appearance: none; 
width: 100%;
cursor: pointer;
outline: none;
border-radius: 15px;
/* New additions */
height: 10px;
padding: 0;
background: #ccc;
}

/* Thumb: webkit */
input[type="range"]::-webkit-slider-thumb {
/* removing default appearance */
-webkit-appearance: none;
appearance: none; 
/* creating a custom design */
height: 24px;
width: 24px;
background-color: #39C0AE;
border-radius: 50%;
border: none;

/* box-shadow: -407px 0 0 400px #f50; emove this line */
transition: .2s ease-in-out;
}

/* Thumb: Firefox */
input[type="range"]::-moz-range-thumb {
height: 15px;
width: 15px;
background-color: #BEF3EC;
border-radius: 50%;
border: none;

transition: .2s ease-in-out;
}


input[type="range"]::-webkit-slider-thumb:hover {
box-shadow: 0 0 0 10px rgba(119, 255, 255, 0.1)
}
input[type="range"]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 13px rgba(255,85,0, .2)
}
input[type="range"]:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 13px rgba(255,85,0, .2)
}

input[type="range"]::-moz-range-thumb:hover {
box-shadow: 0 0 0 10px rgba(255,85,0, .1)
}
input[type="range"]:active::-moz-range-thumb {
box-shadow: 0 0 0 13px rgba(255,85,0, .2)
}
input[type="range"]:focus::-moz-range-thumb {
box-shadow: 0 0 0 13px rgba(255,85,0, .2)    
}

/*=============
Aesthetics 
=========================*/
.range { display: flex; align-items: center; gap: 1rem; max-width: 500px; margin: 0 auto; height: 4rem; width: 80%; background: #fff; padding: 0px 10px;}
datalist { display: flex; justify-content: space-between; width: 100%; margin-top: 7px; color: #7c7c7c; font-size: 12px; font-weight: 300;}

.next-button{width: 100%; margin-top: 40px; padding: 0;}
.next-button > ul{display: flex; overflow: hidden; border-radius: 10px; box-shadow: 0 2px 10px 0px rgba(0,0,0,0.05);}
.next-button > ul > li{width: calc(100% / 2); text-align: center; padding: 12px;}
.next-button .left-but {color: #555; border: 1px solid #e5e5e5; background-color: #f9f9f9; cursor: pointer; border-radius: 10px 0 0px 10px;}
.next-button .right-but {color: #fff; background-color: #39C0AE; cursor: pointer; border: 1px solid #06d3b7; border-radius: 0px 10px 10px 0px;}

.upload-button-wrap {margin-top: 20px; cursor: pointer;}
.upload-button-wrap > .upload_button {width: 100%; position: relative; padding: 12px 0; background-color: #39c0ae2b; border: 1px solid #39C0AE;  text-align: center; border-radius: 4px;}
.upload-button-wrap > .upload_button > p {display: block; font-size: 13px; font-weight: 400; color: #39C0AE; margin-top: 1px; margin-left: 25px; }
.upload_button > p::before{content: ''; width: 22px; height: 22px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JEBJ/168433930623705.png); position: absolute; top: 50%; left: 50%; transform: translate(-200%, -50%);}


/* 작업상세 (company_info_detail) */
.page-info-detail .main_bg{filter: brightness(1);}
.page-info-detail .main_box{padding: 20px 0;}
.company_profile{border-bottom: 1px solid #e9e9e9; padding-bottom: 20px;}
.company_pf{display: flex; align-items: center;}
.company_pf_img {width: 50px; height: 50px; border-radius: 100px; overflow: hidden; margin-right: 10px;}
.company_pf_img > img{width: 100%; height: 100%;}
.com-name {font-weight: 600; font-size: 14px;}
.com-info {font-weight: 400; font-size: 12px; color: #888; margin-top: 3px;}
.work_detail {padding: 20px 0 20px;}
.work_dt > h2 {font-size: 13px; font-weight: 500;}
.work_dt > h1 {font-size: 16px;}
.work_dt > h1 > span {font-size: 22px; color: #06d3b7;}
.work_dt_box{border: 1px solid #e9e9e9; padding: 17px; border-radius: 10px;}
.wordk_ic_info > ul {display: flex;     justify-content: space-between;}
.wordk_ic_info > ul > li {width: calc((100% / 4) - 20px); text-align: center;}
.wordk_ic {width: 45px; height: 45px; display: block; position: relative; margin: 0 auto;}
.wordk_ic > img {width: 30px; height: auto; position: absolute; top: 100%; left: 50%; transform: translate(-50%, -100%);}
.wordk_ic_info li:nth-child(2) > .wordk_ic> img {width: 23px;}
.wordk_ic_info li > p{font-weight: 400; font-size: 12px; margin-top: 10px;}

/* .work_all_info{border-top: 1px solid #e9e9e9; padding: 20px 0;} */
.work_all_info h3{font-weight: 600; margin-bottom: 15px;}
.work_all_info .info_01 {padding-bottom: 15px; border-bottom: 1px solid #e9e9e9;}
.work_all_info .info_01_chart > dl{display: flex; font-weight: 400; font-size: 13px; padding: 3px 0;}
.work_all_info .info_01_chart > dl > dt{width: 30%; color: #888;}
.work_all_info .info_01_chart > dl > dd{width: 70%;}
.chart_01 {border: 1px solid #e9e9e9;}
.info_01_chart > ul {display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e9e9e9;}
.info_01_chart > ul:last-child{border: none;}
.info_01_chart li { width: calc((100% / 4)); height: 45px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 10px; word-break: keep-all; border-right: 1px solid #e9e9e9; color: #888; font-weight: 400;}
.info_01_chart li:last-child{border: none;}
.date-picker {width: 98%; color: #333; padding: 1.1em 0.84em;}





/* 지어보아 매칭 상세 (mpagecopy) */
.consult .mypage .top {padding-bottom: 0;}
.mini-number {display: flex; justify-content: space-between; margin-bottom: 10px;}
.mini-number > p {display: flex; justify-content: flex-end; font-size: 12px; font-weight: 300; color: #888;}
.consult .mypage .top .txtbox .dec-txt{font-size: 13px; font-weight: 400; color: #39C0AE; border: none; padding: 0;}
.consult .mypage .top .txtbox i { font-weight: 600; font-size: 1.15em;}
.consult .flex {justify-content: flex-start;}
.consult .match-flex {display: flex; justify-content: space-between; padding: 12px 6px;}
.consult .match-flex:last-child {border-top: 1px solid #e9e9e9;}
.consult .match-flex > dt {font-weight: 400;}
.consult .match-flex:last-child > dt {font-weight: 600;}
.consult .match-flex:last-child > dd > p > span {color: #06d3b7; font-weight: 600; font-size: 22px;}
.consult .match-flex > dd > p {display: flex; align-items: center; gap: 3px;}
.consult .profile_wrap {width: 50px; height: 50px; border-radius: 100px; overflow: hidden;}
.consult .icon > i {display: block; width: 11px; height: 21px; overflow: hidden;}
.consult .profile_wrap > i > img {width: 100%;}
.consult .profile_wrap > i > img{width: 100%; height: 100%;}
.consult .match-date > p {display: flex}
.consult  .icon_wrap > i {display: block;}
.consult .mypage .profile {cursor: pointer;}



.on-li {color: #06d3b7;}









/* @@@ 붙혀넣기 @@@ */
/* @@ 메인 @@ */
.Wrap{overflow: hidden;}

.sec06.sec_bot {padding-bottom: 9em;}
/*슬라이드 기본*/
.swiper { width: 100%; height: 100%;overflow: inherit;}

.swiper-slide { height: auto; display: block;}

.swiper-slide img { display: block; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; }
.main_h5{font-size:1.25em; font-weight: 900;color:#333;font-family: 'Pretendard-Bold'}
.sec_title{margin-bottom:.8em;position: relative;}
.sec_title p{font-size:.95em;color:#888;margin-top:.5em;}
#main .sec_title .main_h5{font-family: 'GangwonEduPowerExtraBoldA' !important;    display: flex;}



/*메인배너*/
.sec01{padding-top:1.5em!important ;}
.sec01 .main_event .swiper-slide{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162837496828968.png) center/cover;padding-bottom:45%; border-radius: 0.4em;box-shadow:1px 1px 6px rgb(0 0 0 / 20%);position: relative;}
.sec01 .main_event .txt_box{position: absolute;bottom:1.2em;left:1.2em;text-align: left;    font-size: 1.1em;}
.sec01 .main_event .txt_box .top{font-size:1.1em;}
.sec01 .main_event .txt_box .top .bot{font-weight: 700;}
.sec01 .main_event .txt_box > p{font-size:0.8em;margin-top:0.5em;color:#888}
.sec01 .main_event .swiper-wrapper{position: relative;}
.sec01 .main_event .swiper-pagination{position: absolute;right:1em;top:1em;    width: 60px;
height: 25px;margin-left: auto;background: rgb(0 0 0 / 40%);border-radius: 2em;display:flex;justify-content: center;color:#fff;
align-items: center;font-size: 0.85em;}
.sec01 .main_event .swiper-pagination span{display: inline;font-weight:200;}








/*뜨거운 후기*/
.main_review .swiper-slide{border:1px solid #e9e9e9;padding:0.7em;border-radius: .8em;;}
.main_review ul {width: 100%;}
.main_review ul li{cursor: pointer;;padding-bottom:.7em;margin-bottom:.7em;border-bottom:1px solid #e9e9e9;}
.main_review ul li:last-child{padding-bottom:0em;margin-bottom:0em;border-bottom:none}
.main_review ul li> div{display: flex;align-items: center;}
.main_review .left_i{width:calc(32% - .8em);display: block;border:1px solid #e9e9e9; border-radius: 0.8em;overflow: hidden;margin-right:.8em;display: flex;justify-content: center;align-items: center;height: 7.641em;}
.main_review .right_txt{width: 68%;text-align: left;}
.main_review .right_txt .brand_name{font-weight: 600;    font-size: 1.125em;}
.main_review .right_txt .id_day{font-size: 0.9em; coloR:#888;padding:.4em 0;} 
.main_review .right_txt .id_day span{    font-weight: 600;display: flex;margin-right:0.3em;position: relative;padding-right:.4em; display: inline;}
.main_review .right_txt .id_day > span:last-child:after{content:'';display: block;width:.10em;height:.8em; background: #e9e9e9; position: absolute;    left: -0.4em;top:50%;transform: translateY(-50%);}
.main_review .right_txt .id_day span strong{font-weight: 600;}


.main_review .right_txt .review_left{font-size:0.9em;width: 63%;/* margin-right:.5em */}
.main_review .right_txt .review_right{font-size:1em;width: 35%;display: flex;align-items: center;margin-right:0.4em;
justify-content: center;}
.main_review .right_txt .review_right i{margin-right:0em;width:1.7em;}
.main_review .right_txt .review_right img{width: 100%;}
.main_review .right_txt .review_right span{display: block;font-size: 2em;font-weight: 700;text-align: center;}
.main_review .right_txt .review_right strong{font-size:0.7em;display: block;}
.main_review .right_txt > div{display: flex;}
.main_review .left_i i.logo {
display: block;
width: 85%;
height: 85%;
object-fit: cover;
}


/*기상도*/
.main_weather ul{   width: 100%;text-align: center;display: flex;justify-content: space-around;    align-items: center;}
.main_weather ul.weather_depth01{border-bottom:1px solid #f1f1f1;padding-bottom: 0.4em;}
.main_weather ul.weather_depth02{padding-top: 0.4em;}
.main_weather ul li{  width:21%; text-align: center;display: inline-block;margin-left:-0.2em;    vertical-align: middle;}
.main_weather ul li > div{padding:0.9em .5em;}

.main_weather .top_day{font-weight: 600;font-size: 0.85em;color:#888;}
.main_weather .bottom_weather{width: 80%;margin: 0 auto;margin-top:1em;padding-bottom:85%;}

.main_weather .bottom_weather.very_bad{ background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162843615186785.png) center/cover;}
.main_weather  .bottom_weather.bad{ background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162843609177267.png) center/cover;}
.main_weather .bottom_weather.w_normal{ background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162843609563538.png) center/cover;}
.main_weather .bottom_weather.good{ background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162843610471410.png) center/cover;}
.main_weather .bottom_weather.very_good{ background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162843610840153.png) center/cover;}



.main_weather .last_li{cursor: pointer;}
.main_weather .last_li >div{border:1px solid #e9e9e9;border-radius: 0.4em; height: 100%; padding: 2em 0;font-size: 0.9em; font-weight: 700;color:#888}

.main_weather .today{color:#fff;font-weight: 300;padding:.2em 0em;border-radius: .4em;}


/*TOP10*/
.sec04 {background: #f5f5f5;}
.main_unification .sec04_title{margin-bottom:2em;display: flex;justify-content: space-between; align-items: flex-end;}
.main_unification .sec04_title i{width: 70px; display: block;}
.main_unification .sec04_title i img{width: 100%;}
.main_unification .sec04_title p {display: flex;font-size:0.8em;color:#888;}
.main_unification .sec04_title p strong{margin:0 .2em;}
.main_unification .sec04_title p strong:last-child{margin-right:0 0em;}

.main_unification .ranking{position:absolute;left:-.5em;top:.8em;width: 30px;display: flex;    justify-content: center;align-items: center;font-size: 0.9em;font-family: 'Pretendard-Black';border-radius: .2em;/* padding-top: 0.2em; padding-right: 0.2em; */color:#fff;box-shadow:1px 1px 6px rgb(0 0 0 / 5%);} 
.main_unification .ranking span{transform: translate(-0.6px,1.2px);font-style: italic;}
.main_unification .swiper-slide{padding:0.8em 0.8em 1.2em;text-align: left;    align-items: flex-start;box-shadow:1px 1px 6px rgb(0 0 0 / 10%);border-radius: .4em;    flex-direction: column;}

.main_unification .swiper-slide i{    width: 75%; padding-bottom: 60%; display: block;margin:10px auto; }


.main_unification .swiper-slide .logo_sec{    width: 100%;  height:30%;    display: flex;
align-items: center;padding-bottom: 0.8em;}
.main_unification .txt_box{color:#888;width: 100%;}

.main_unification .txt_box .id_day{display: flex;flex-wrap: wrap;font-size: 0.9em;}
.main_unification .txt_box .id_day span{font-weight: 600;}
.main_unification .txt_box .id_day strong{font-weight: 600;}
.main_unification .txt_box .id_day span:last-child{position: relative;padding-left:.4em;margin-left:.4em;}
.main_unification .txt_box .id_day span:last-child::before{content:'';display: block;width: 0.15em;height:0.8em ;left:0;position: absolute;    background: #e9e9e9;;top:50%;transform: translateY(-50%);}


.main_unification .txt_box .tit{font-size:1.125em;font-family: 'Pretendard-Bold';color:#333;margin-top:.3em;}
.main_unification .txt_box > p{background: #000;    line-height: 1.5;color:#fff;text-align: center;width: 50%;margin-left:auto;display: flex;margin-top:1.8em;align-items: center; justify-content: center;padding:.3em;border-radius: 1em;font-size:0.8em;font-weight: 200;}
.main_unification .txt_box > p{width: 11em;}

.main_unification .bot_but{font-weight: 600;background: #fff; box-shadow:1px 1px 6px rgb(0 0 0 / 5%);;}

.main_unification .event_p{font-size:1em; color:#f9b007;margin-top:1em; font-family: 'Pretendard-SemiBold'}

.main_unification .txt_box > p img{width: 1em;margin-right:.4em;}



.information_sec08 .top p{font-weight: 600;}
.information_sec08 .top p span{font-weight: 600;}
.id_day em{font-weight: 600;}
.id_day span{font-weight: 600;}
.id_day strong{font-weight: 400 !important;}
.id_day.id_day02 strong{font-weight: 600 !important;}


/*메인모달*/
.main_modal .txt{font-size:1em;}




.mo_main_weather{display: none;}





.main_bot_event_txt{font-size: 0.9em !important;font-weight: 200 !important;color: #888; margin-top:3em}
.main_bot_event_txt i{display: inline-block; width: 1em;height: 1em;    transform: translateY(2px);}
.main_bot_event_txt i img{ width: 100%;height: 100%;}




/* @@ 서브 @@ */
.sub_h5{font-size:1.125em; font-weight: 900;color:#333;font-family: 'Pretendard-Bold';font-weight: bold;}
.sub_h6{font-size:1.125em;color:#333;font-family: 'Pretendard-Bold';text-align: left;}
.sec_title{margin-bottom:.5em;position: relative;}
.sec_title p{font-size:.85em;color:#888;margin-top:.5em;position: relative;}
.sec_title p.posi_right{/* position: absolute;bottom:0;right:1.2em; */font-size: 0.8em;color:#bbb;text-align: right;}
.ranking_zone .sec_title p.posi_right{right:0;}
.sec_title .sub_h5{display: flex;}
.sec_title .main_bot_event_txt{   opacity: 0.5;; transform: translateY(2px);margin-top:0;margin-left:1em;font-size: 0.8em !important; font-weight: 100 !important;}
.sec_title .main_bot_event_txt i{width: 0.9em !important;height: 0.9em;    margin-right: 0em;}


.sub_navi.header .main_nav{    justify-content: space-between;border-bottom:1px solid #e9e9e9;}
input::-webkit-input-placeholder ,
select::-webkit-input-placeholder,
option::-webkit-input-placeholder { color: #888;font-family: 'Pretendard-Regular';}

.sec_title span.arr{width: 1em;    display: block;transform: rotate(180deg) translateY(-50%);;position: absolute;right:0;top:-6px; } 
.sec_title .arr.rota_on{transform: rotate(0) translateY(37%);}
.sec_title span.arr img{width: 100%;}

.loginpage .login_bot_find {display: flex;justify-content: center;
align-items: center;margin-top:1em}

.loginpage .login_bot_find button{position: relative;padding:0 .4em}
.loginpage .login_bot_find button:first-child:after{content:'';display: block;width:.1em;height: 10px;position: absolute;top:50%;transform: translateY(-50%);right:-0.2em;background: #bbb;}

.loginpage.Container{padding:0;height: 100vh;position: relative;}
.loginpage.Container > div{position: absolute;top: 45%;transform: translateY(-50%);}
.loginpage.Container > div .insert input{height: 3.8em;}
.bag_btn_container button{height: 3.2em;}
.loginpage .nav_inner.center h1.logo{    width: 5.2em;    height: 4.9em;margin:0 auto 2em;}

.modal .policy_more{border:1px solid #e9e9e9;height: 18em;overflow-y: scroll;}


.joinpage .acting_img{width: 5em;margin:0 auto 1em;}
.joinpage path{stroke:#4188fe}



.writing_posts .textarea{height: 10em;overflow-y:scroll ;border:1px solid #e9e9e9;border-radius: 0.6em;}
.insert strong span{display: block;}








/*게시판 디자인 통일*/
.board_cont dl > div{position: relative;}
.board_cont dl .txt{width: 100%;}
.board_cont dl .font_sub_tit{font-weight: 700;font-size: 1.125em;}
.board_cont dl .txt strong{display: inline;    line-height: 10px;}
.board_cont dl .txt span{margin-right:.4em;padding-right:.4em;position: relative;align-items: center;}
.board_cont dl .txt span:first-child:after{content:'';display: block;width: 0.12em;height: .8em;position: absolute;right:-.1em;top:50%;transform: translateY(-50%);background: #e9e9e9;}
.board_cont dl .txt span .text-danger{display: flex;align-items: center;}
.board_cont dl .txt span .text-danger img{
width: 1em;display: inline;}
.board_cont dl .txt span img{margin-right:.3em;width: .9em;}
/* .board_cont dl .txt span:after{content:'';display: block;width: 1px;height: 10px;background: #e9e9e9;position: absolute;right:0;top:50%;transform: translateY(-50%);} */
.board_cont dl .txt span:last-child::after{display: none;}
.board_cont dl .txt span:last-child::after{display: none;}




.more_but{position: absolute;right:0;bottom:-0.3em;z-index: 9;}
.more_but span{width:2em;height: 2em;padding:0;display: block;position: relative;}
/* .more_but span::before, */
.more_but span::after{content:'';display: block;width: 0.3em;height: 1.6em;background: #e9e9e9;position: absolute;top:-.6em;background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162862998862415.png)no-repeat center/cover;top:50%;left:50%;transform: translate(-50%,-50%);}
/* .more_but span::after{top:.6em;  } */
.more_but ul{box-shadow:1px 1px 6px rgb(0 0 0 / 10%);border-radius: .8em;padding:0.6em 2em;line-height: 2;position: absolute;right:0;width: max-content;background: #fff;top:2em;display: none;font-size:1em}
.more_but ul::before{content:'';display: block;background:url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162852461656919.png) center/cover;position: absolute;top: -1.1em;right: 9px;width: 1em; height: 1.5em;}

.more_but:hover ul{display: block;}



.find_board_sec {justify-content: flex-end;}
.find_board_sec >div{}
.find_board_sec >div:first-child{margin-right:.8em}
.find_board_sec >div:nth-child(2){margin-right:.8em}
.find_board_sec >div:last-child{margin-right:0em}
.find_board_sec >div.search_button{width: 20%;margin:0;}
.find_board_sec >div.search_button button{width: 100%;}
.find_board_sec .left{position: relative;}
/* .find_board_sec .select_type1{width: 7em;margin-right: .4em;} */
.find_board_sec .select_type1{width: 100%;margin-right: .4em;}
.find_board_sec .search_btn{position:absolute;top:50%;transform: translateY(-50%);right:1em;width: 1.2em;    display: flex;}
.find_board_sec .search_btn img{width: 100%;}
.find_board_sec input{width:100%;    padding: 0.6em !important;}
.find_board_sec select{padding: 0.6em !important;}



/*쪽지*/
.notice_list_view .message_bot_but button{width: 15%;margin-left: 0.4em;margin-right:0em;}
.notice_list_view .message_bot_but button:first-child{width: 65%;margin-left: 0em;}

.my_message_writing textarea{height:15em !important;}
.my_message_writing textarea::placeholder  { color: #888;font-size:0.8em;}


.year_select button{padding:0 1.2em;    border-radius: 0.4em;}
.year_select{padding-left: 1.2em;    padding-right: 1.2em;margin-bottom:1.2em}




/*내가쓴게시글*/
.my_writing_board .board_title strong img{width: 1.2em !important;margin-right:.4em!important;}
.my_writing_board .board_title .more_but{position: relative;   top:0.15em; bottom: auto;}
.my_writing_board .board_title ul{    left: -.4em;padding:0.7em 1.5em 1em;}
.my_writing_board .board_title ul::before{left: 9px;    top: -0.3em;right:auto;height: 0.5em;}
.my_writing_board .board_title ul button{padding:.4em 1em .3em;width: 100%;margin-top:.2em;}


/*가맹문의*/
.member_modal .modal_con{    height: 60vh;padding:1em;
overflow-y: scroll;}
.member_modal .modal_con ul{}
.member_modal .modal_con ul li{width: max-content;margin-bottom:3em;text-align: left;}
.member_modal .modal_con ul .chatting_con{background: #f1f1f1;} 
.member_modal .modal_con ul .chatting_color_g::before{content:'';display: block;width:1.5em;height: 1.5em;background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162853495889407.png)no-repeat center/cover;position: absolute;bottom:-1.1em;left:1em;}
.member_modal .modal_con ul .chatting_con{border-radius: .4em;padding:.8em 1em;position: relative;color:#333;} 
.member_modal .modal_con ul .chatting_color_y{background: #fdd001;} 
.member_modal .modal_con ul .chatting_color_y::before{content:'';display: block;width:1.5em;height: 1.5em;background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162853496213676.png)no-repeat center/cover;position: absolute;bottom:-1.1em;right:1em;}
.member_modal .modal_con ul .chatting_con{border-radius: .4em;padding:.8em 1em;position: relative;color:#333;} 
.member_modal .modal_con ul .chatting_con strong {position:absolute;right:0;bottom:-1.8em;color:#888;font-size:0.85em} 
.member_modal .modal_con ul .chatting_color_y strong{right:auto;left:0;}
.member_modal .modal_con ul li.my_answer{margin-left:auto;}


.scroll_cus::-webkit-scrollbar { width: .6em;}
.scroll_cus::-webkit-scrollbar-thumb {  background-color: #e9e9e9;background-clip: padding-box;
border: 2px solid transparent; border-radius: 10px;}
.scroll_cus::-webkit-scrollbar-track { background-color: #fff; }


/*댓글 채팅*/
.writing_input{border:1px solid #e9e9e9;border-radius: 2em;display: flex;padding:.4em .4em .4em 1em;    align-items: center;}
.writing_input .comments{width: calc(100% - 80px);display: flex;position: relative;}
.writing_input input{border:none !important;padding:0!important;color: #666;    width: 100%;}
.writing_input.comment_on .comments span{ width: 6em;}
.writing_input.comment_on input{padding:0!important;}
.writing_input button{border-radius: 2em;padding:0.5em 0;width:80px ;}
.writing_input.comment_on  input { width:87%;}
.writing_input .comments .xsmall2.btn-secondary5{width: 18px;
height: 18px;
display: flex;border-radius: 50%;    font-size: 0.7em;
justify-content: center;
align-items: center;right:.5em;position:absolute;}

.writing_input .comments_id{width: fit-content;}



/*운영후기*/

.operation_review .main_review ul li{border-bottom:none;border:1px solid #e9e9e9;box-shadow:1px 1px 6px rgb(0 0 0 / 20%);padding: .1em !important;border-radius: 0.8em;position: relative;}
.operation_review .main_review ul li> div{padding:1em;}
.operation_review .main_review .right_txt{font-weight: 600;}
.operation_review .main_review .right_txt .brand_name{}
.operation_review .main_review .right_txt .review_left{font-size:1em}
.operation_review .main_review .right_txt .review_right span{    font-size: 2.5em;}
.operation_review .main_review .right_txt .review_right strong{    font-size: 0.9em;}
.operation_review .main_review .right_txt .review_right i { margin-right: 0.5em; width: 2.2em;}
.operation_review .main_review .right_txt > div { display: flex; align-items: center;}
.operation_review .pick_zone{  border: 1px solid #4188fe;}
.operation_review .pick_zone::before{content:'HOT';display: block;background: #4188fe;width:  max-content;padding:.1em 0.6em;border-radius: 0.3em;position: absolute;left:-.8em;top:1.8em;font-size:0.85em;color:#fff; 
}
.operation_review .main_review .right_txt {font-size: 0.9em;   }
/* .operation_review .main_review .left_i {width: 7.8em;    } */
.fixed_writing.fixed_btn_container{width: 4.2em;right: 1em;bottom:1em;height: 4.2em;    padding: 0;background: transparent;border:none;}
.fixed_writing.fixed_btn_container button{width: 100%;right: 0;border-radius: 8em;height: 100%;    box-shadow: 1px 1px 6px rgb(0 0 0 / 20%);}

.footer_fiexd{position: fixed;bottom:0;z-index: 9;background-color: #fff;padding:0.7em 0;    width: 100%;border-top: 1px solid #f5f5f5;}
.footer_fiexd_con{padding-bottom:7.8em}



/*오늘매출어때*/
.sales_day .top_title{display: flex;    align-items: center;}
.sales_day .top_title p{width:6em;}
.sales_day .top_title input{width:calc(100% - 6em);}
.sales_day .bot_con ul{display: flex;}
.sales_day .bot_con ul li{width: calc(100% / 5);text-align: center;}
.sales_day .bot_con ul li:nth-child(2){transform: translateX(5px);}
.sales_day .bot_con ul li:nth-child(4){transform: translateX(-5px);}
.sales_day .bot_con ul li p{}
.sales_day .bot_con input[type="checkbox"]{width: 100%;}


.sales_day .bot_con .check-label {height:2.8em;}
.sales_day .bot_con .check-label .checkmark{width: 2.8em;height:100%;top:0;transform:translateX(-50%);left:50%;border-radius: 50%;}
.sales_day .bot_con .check-label input:checked ~ .checkmark{border: 2px solid #4188fe;;}

.sales_day .bot_con .check-label .checkmark:after{left: 52%; top: 45%;transform: translate(-50%,-50%) rotate(45deg);width: 0.6em;height: 1em;border-width: 0 0.25em 0.25em 0;}

.sales_day .main_weather .weather_depth02 {    padding: 0 3em;}
.sales_day .main_weather .weather_depth02 li{width: 25%;}
.sales_day .main_weather ul li.last_li{display: none;}


.sales_day .ranking_ul li{border:1px solid #e9e9e9;border-radius: .8em;display: flex;align-items: center;padding:0 1em}
.sales_day .ranking_ul li .bold{font-family: 'Pretendard-Black';color:#222;}



/*이모저모*/
.my_communication .tabSet ul.tabs li{width: calc(100% / 3);}
.tabSet ul.tabs li a{border:1px solid #e9e9e9;color:#888;}
.my_communication .comments{    width: max-content;position: absolute;top:50%;transform: translateY(-50%);right:0;border:1px solid #e9e9e9;border-radius: .4em;padding:0.3em 0.75em 0.3em}
.my_communication .toggle_wrap .toggle_container dl{   border-bottom: none; padding-bottom: 0;}
.my_communication .toggle_wrap .toggle_container{border-bottom:1px solid #e9e9e9}




.comments_sec .hide_com{position: relative;}
.comments_sec .hide_com::before{content: '';display: block;width: 2em;height: 1px;position: absolute;top:50%;transform: translateY(-50%);left:-2.4em;;background: #e9e9e9;}

.comments_sec .id_tit{position: relative;bottom:auto;}
.comments_sec .id_tit span{position: absolute;left:0;background: #fff;;}
.comments_sec .more_but span{background: transparent;width: max-content;position: relative;    height: auto;}
.comments_sec .more_but span::before,
.comments_sec .more_but span::after{display: none;}
.comments_sec .id_tit ul{left: -0.4em;right:auto;}
.comments_sec .more_but ul::before{right: auto;height: 1.2em;        top: -0.6em;    left: 0.8em;}



.category_classification button{background: #f1f1f1;border:1px solid #e9e9e9;padding:1em 2em;;    display: block;margin-right:.6em;border-radius: .6em;color:#bbb;}
.category_classification button.on{border:1px solid #fdd001;color:#fdd001;background: transparent;}
.category_classification  dt{display:flex;}



.initial_information .main_review .right_txt .brand_name{margin-bottom: 0.4em !important;}
.initial_information .tabSet ul.tabs li{width: calc(100% /4);}
.initial_information .interest.bd{padding:0;}
.initial_information .main_review .left_i {height:7.641em;width: 7.641em;}

.initial_information .panel .bd{padding:0;}

.initial_information ul li .star_sec{display: flex;}
.initial_information ul li .star_sec > i {width: 1.2em;}
.initial_information ul li .star_sec >div{display: flex;    coloR: #888;    font-size: 0.9em;}
.initial_information ul li .star_sec span{margin-right:.4em}

.initial_information .brand_name {display: flex;    align-items: center;font-size: 1.1em !important;
justify-content: space-between;}
.initial_information .brand_name strong{padding:.2em .5em;border-radius: .4em;margin-left:0.2em}
/* .initial_information .main_review .right_txt .id_day{    font-size: .95em;} */
.initial_information .main_review ul li{border-bottom: none;
border: 1px solid #e7e7e7;
box-shadow: 1px 1px 6px rgb(0 0 0 / 10%);
padding: 0.1em !important;
border-radius: 0.8em;
position: relative;}
.initial_information .pick_zone{  border: 1px solid #4188fe;}
.initial_information .pick_zone::before{content:'HOT';display: block;background: #4188fe;width: max-content;padding:.1em 0.6em;border-radius: 0.3em;position: absolute;left:-.8em;top:1.8em;font-size:0.85em;color:#fff; 
}
.initial_information .main_review .right_txt{width: calc(100% - 7.841em);}
.initial_information .main_review ul li> div {cursor: pointer;
padding: 1em;
}
.fixed_writing.fixed_btn_container button img{width:1.9em;transform: translateX(2px);}




/*랭킹존*/
.initial_information .ranking_zone .main_review ul li> div{position: relative;}
.initial_information .ranking_zone .ranking_span{position: absolute;left: -0.8em; top: 0.7em;padding:.4em 0.4em 0.2em .4em;color:#fff;text-align: center;    font-size: 0.85em;    border-radius: 0.3em;}
.initial_information .ranking_zone .ranking_span span{display: block;font-size: 1.2em;font-family: 'Pretendard-Bold';font-style: italic;    transform: translateX(-0.1em);line-height: 1;}
.initial_information .ranking_zone .ranking_span strong{font-size: 0.8em;}




.initial_information .ranking_zone >div:last-child .ranking_span{padding:0.5em 1em 0.3em 0.8em;}


.initial_information_view .precautions > div p{align-items: flex-start;}
.initial_information_view .main_unification .swiper-slide i{    width: 65%;}


.click_v_sec {display: none;}



.info_table_sec table{border-top:1px solid #e9e9e9;    width: 100%;font-size: 0.95em;}
.info_table_sec tr{border-bottom:1px solid #e9e9e9;}
.info_table_sec th{color:#4188fe;font-weight: bold;text-align: center;width: 45%;padding:.8em 0;vertical-align: middle;}
.info_table_sec td{color:#666;font-weight: normal;text-align: left;width: 55%;padding:.8em 0;vertical-align: middle;}
.info_table_sec .g_text{color:#666;}
.info_table_sec .bg-gray p{line-height: 2;color:#666;}



.info_color{overflow:hidden;}
.info_color .info_data.hidden{
white-space:nowrap;
word-wrap:normal;
width:90%;
overflow:hidden;
text-overflow: ellipsis;
float:left;

}


.information_sec03 .content{line-height: 1.6;}
.information_sec03 .box a{font-size:.925em;color:#666;text-decoration: underline;}

.information_sec03 .sec03_swiper1 .swiper-wrapper{overflow: hidden;display: block;}
.information_sec03 .sec03_swiper1 .swiper-slide{padding-bottom:50%;background: #e9e9e9;margin-bottom:20px;border-radius: .4em;}

.information_sec03 .sec03_swiper2.swiper{overflow: initial;}
.information_sec03 .sec03_swiper2 .swiper-wrapper{border-radius: .4em;}
.information_sec03 .sec03_swiper2 .swiper-slide{display: block;margin-right: 20px;}
.information_sec03 .sec03_swiper2 .swiper-slide i{background: #e9e9e9;display: block;width: 100%;border-radius: .4em;overflow: hidden;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{color: #444; font-weight: 200;font-size: 1.9em !important;}



.sec_title.border-bot .posi_right{bottom: 0.8em;}

.sec06_con{justify-content: space-around;    align-items: center;}
.sec06_con .left_star li{margin-bottom:.3em;}
.sec06_con .left_star li div{display: flex;align-items: center;}
.sec06_con .left_star li i{width: 1.2em;display: flex;align-items: center;}
.sec06_con .left_star li img{width:100%;}
.sec06_con .star_more{color:#4188fe;}
.sec06_con .star_less{color:#333;}

.sec06_con .left_star{width: calc(100% - 110px) !important;}
.sec06_con .star_sec{width: 110px;}

.star_sec .star_grade{font-size: 3.5em;text-align: center;line-height: 1.2;}

.star_sec .star_score{display: flex;}
.star_sec .star_score li{width:1em;height: 1em;background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162844364995128.png) no-repeat center/cover;margin:0 .2em}


.star_sec .star04 li:last-child{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162862797463257.png) no-repeat center/cover;}

.star_sec .star03 li:last-child,
.star_sec .star03 li:nth-child(4)
{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162862797463257.png) no-repeat center/cover;}

.star_sec .star02 li:last-child,
.star_sec .star02 li:nth-child(4),
.star_sec .star02 li:nth-child(3)
{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162862797463257.png) no-repeat center/cover;}

.star_sec .star01 li:last-child,
.star_sec .star01 li:nth-child(4),
.star_sec .star01 li:nth-child(3),
.star_sec .star01 li:nth-child(2)
{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162862797463257.png) no-repeat center/cover;}
.star_sec .star0 li:last-child,
.star_sec .star0 li:nth-child(4),
.star_sec .star0 li:nth-child(3),
.star_sec .star0 li:nth-child(2),
.star_sec .star0 li:nth-child(1)
{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/162862797463257.png) no-repeat center/cover;}



.information_sec07 .sec_title{margin-bottom:0;}
.information_sec07 .my_writing_board .s_board{display: flex;    align-items: center;}
.information_sec07 .my_writing_board .s_board i{width: 1.4em;display: flex;
align-items: center;}
.information_sec07 .my_writing_board .s_board img{width: 100%;}
.information_sec07 .my_writing_board dl{width: 100% !important;}
.information_sec07 .hot_poin{padding:.2em .4em;border-radius: .2em;position: absolute;top:-0.4em;right:0;}

.information_sec07 .my_writing_board dl:first-child{width: 70%;}
.information_sec07 .my_writing_board dl:last-child{width: 30%;}

.information_sec08.main_unification .swiper-slide{    box-shadow: 0px 0px 6px rgb(0 0 0 / 20%);}
.information_sec08.main_unification .swiper{overflow: initial;}




.pagi_fixed_but3{height: 5em !important; padding: 10px; display: flex; align-items: center; justify-content: space-between;}


.pagi_fixed_but3 button img{width:1.5em !important;}




.initial_information.operation_review_view .main_review ul li> div {
cursor: initial;}
.operation_review_view .shadow_box,
.operation_review_writing .shadow_box
{padding:1em;}
.operation_review_view .sec06_con,
.operation_review_writing .sec06_con{justify-content: space-between;}


.operation_review_view .operation_sec02 .sub_h6 span{border-radius: .4em;padding:.2em .3em .2em .5em;margin-right:.4em}
.operation_review_view .operation_sec02 .sub_h6 span:last-child{padding:0;margin-right:.0em;}

.operation_review_writing .insert {position: relative;}
.operation_sec02 .insert {padding-right: 32px;}


.secret_article{position: absolute;right: 0.5em;top: 35%;display: flex;}
.secret_article strong{width: .8em;display: block;}
.secret_article strong img{width: 100%;}
.operation_review_writing button.left_i{border:1px solid #fdd001;line-height: 1.6;}


.operation_review_writing .textarea{height: 15em;}
.operation_review_writing .textarea::-webkit-input-placeholder {
color: #888;font-size:0.85em;
}

.operation_review_writing .certified{    align-items: center;}  
.operation_review_writing .certified .field{width:80%}
.operation_review_writing .certified input{    width: auto;width:100%}
.operation_review_writing .certified button{padding:0;text-align: center;width:20%;border:1px solid #e9e9e9;border-radius: .6em;}

.operation_review_writing .filebox{width: 35%;}
.operation_review_writing .filebox label{color:#444;}

.operation_review_writing .information_sec01 select{color: #666;padding: 0.8em !important;border-radius: 0.6em;}
.operation_review_writing .select_brand{margin-top:1em;border:1px solid #f1f1f1;border-radius: 0.4em;;padding:0.8em;}
.operation_review_writing .select_brand li:first-child{padding-top:0;}
.operation_review_writing .select_brand li {display: flex;text-align: center;padding-bottom:0.8em  ;/* border-bottom:1px solid #f1f1f1; */}
.operation_review_writing .select_brand li:last-child{padding-bottom:0em;border:none;}
.operation_review_writing .select_brand p {width: 80%;color:#666;font-weight: 500;padding:0.3em;text-align: left;}
.operation_review_writing .select_brand button {width: 20%;border:1px solid #bbb;padding:.5em;line-height: inherit;}
.operation_review_writing .select_brand_check{width: max-content;padding:0.3em 0.8em;border-radius: 20px;margin-top:1em;}


.operation_review_view.initial_information .id_day{display: block;}

.removal{position: relative;}
.removal::after{content:'';display:block;width: 1px;height: 10px;background: #e9e9e9;position: absolute;right:-1px;top:50%;transform: translateY(-50%);}


/*아이디 비밀번호 찾기*/
.find_password .tabs li a{padding:.8em;}
.find_completion ul{border-top:2px solid #666;margin-top:50px;}
.find_completion ul li{display: flex;    justify-content: space-between;padding:10px 0;border-bottom:1px solid #e9e9e9;}
.find_completion ul li strong{font-weight: 600;}


.pagi_fixed_but3 .but_wishon img{content: url('https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/HOTFCHA/164470280881330.png');}

/* .initial_information .id_day{display: none;} */

/*check_box_category*/

.check_box_category .check-label {padding:0;position: relative;}
.check_box_category .check-label .checkmark{  padding: 0.2em .8em .1em;
height: auto; position: initial;    width: 100%;   display: block;transform: none;color: #888;}


.check_box_category ul{display: flex; flex-wrap: wrap;}
.check_box_category ul li{margin-right:.6em}

.check_box_category .check-label input:checked ~ .checkmark {border: 1px solid #4188fe; background-color: #fff;color: #4188fe;}
.check_box_category .check-label input:checked ~ .checkmark:after{display: none;}



.result_view{padding: 20px 20px; background-color: #f8f8f8; border-radius: 12px; margin-top: 20px;}
.result_view .result_inner h2{font-size: 18px;}
.result_view .result_inner h2 span{font-size: 24px; color: #39C0AE;}

.result_inner{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 26px;}

.result_table{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 22px;}

.result_table h6{font-size: 18px; padding-bottom: 8px; color: #39C0AE;}
.result_table span{display: inline-block;}
.result_table .result_con{display: flex; justify-content: space-between; padding-bottom: 6px;}
.result_table .result_con p{color: #bbb; font-weight: 600;}
.result_table .result_con span{padding-left: 3px; color: #333; font-weight: 600;}
.result_table .result_con .pay i{font-weight: bold; color: #39C0AE;}

.result_table .result_con > i{width: 100%; padding-bottom: 60%; border-radius: 10px; position: relative; overflow: hidden; margin-bottom: 8px;}
.result_table .result_con > i img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}


.result_table:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

.loading_page{width: 100%; height: calc(100vh - 70px); position: relative; background-color: #39C0AE;}
.loading_page>div{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.load_text{width: 100%; text-align: center; word-break: keep-all; color: #fff; padding-top: 20px;}
.load_btn{margin: 0 auto; width: 140px; background-color: #fff; text-align: center; padding: 8px; border-radius: 40px; color: #39C0AE; margin-top: 16px;}

.loader {
    width: 60px;
    margin: 0 auto;
    aspect-ratio: 1;
    display: grid;
    grid: 50%/50%;
    color: #fff;
    --_g: no-repeat linear-gradient(currentColor 0 0);
    background: var(--_g),var(--_g),var(--_g);
    background-size: 50.1% 50.1%;
    animation: 
      l6-0   1.5s infinite steps(1) alternate,
      l6-0-0 3s   infinite steps(1);
  }
  .loader::before {
    content: "";
    background: currentColor;
    transform: perspective(150px) rotateY(0deg) rotateX(0deg);
    transform-origin: bottom right; 
    animation: l6-1 1.5s infinite linear alternate;
  }
  @keyframes l6-0 {
    0%  {background-position: 0    100%,100% 100%,100% 0}
    33% {background-position: 100% 100%,100% 100%,100% 0}
    66% {background-position: 100% 0   ,100% 0   ,100% 0}
  }
  @keyframes l6-0-0 {
    0%  {transform: scaleX(1)  rotate(0deg)}
    50% {transform: scaleX(-1) rotate(-90deg)}
  }
  @keyframes l6-1 {
    16.5%{transform:perspective(150px) rotateX(-90deg)  rotateY(0deg)    rotateX(0deg);filter:grayscale(0.8)}
    33%  {transform:perspective(150px) rotateX(-180deg) rotateY(0deg)    rotateX(0deg)}
    66%  {transform:perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(0deg)}
    100% {transform:perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(-180deg);filter:grayscale(0.8)}
  }


  .tool_tip{font-size: 13px; font-weight: 400; padding-top: 30px;}
  .tool_tip p:first-child{padding-bottom: 16px;}
  .tool_tip span{font-weight: bold; color: #39C0AE; padding-bottom: 3px;}
  .tool_tip span b{border: 1px solid #39C0AE; border-radius: 10px; width: 16px; height: 16px; display: inline-block; text-align: center; line-height: 16px; font-weight: 500; margin-right: 3px;}
  .tool_tip p i{line-height: 1.6;}

/* ********************************************* *
* 450px
* ********************************************* */
@media screen and (max-width: 450px){
.initial_information .brand_name {align-items: flex-start;  flex-direction: column-reverse;    }
.initial_information .brand_name .width50p{width: 100%;}
.initial_information .brand_name strong{margin-left:0;margin-right:.2em;display: inline-block;}
.initial_information .brand_name span{margin-left:0;margin-right:.4em;margin-bottom: 0.5em;}


.main_review .right_txt > .event{margin-top: 0.3em;}
.sec_title p {font-size: 0.80em;}
}


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

/* .main_review ul li> div {flex-direction: column;} */
/* .initial_information .main_review .right_txt {width: 100%;} */

.info_table_sec th {width: 40%;padding:0.8em 0.5em;}
.info_table_sec td {width: 60%;padding:0.8em 0.5em;}
.my_communication .board_cont dl .txt {width: 80%;}


.sec06_con .star_sec{    margin: 0 auto;margin-bottom:1em;}
.sec06_con .left_star { width: 100%;}



.sec_title p.posi_right {position: initial;text-align: right;}


.operation_review_writing .information_sec01 ul li >div{flex-direction: column;}
.operation_review_writing .information_sec01 select{width: 100%;}
.operation_review_writing ul .insert.w50p{margin-right:0;margin-top:0.7em;width: 100%;}

.operation_review_writing .information_sec01 ul li button{width: 100%;margin-top:0.7em;}
.secret_article {top: 29%;}
.operation_review_writing .select_brand button {width: 20% !important;padding:.5em;margin-top: 0 !important;}

.main_review .left_i i.logo { width: 80% !important;  height: 56.9% !important;}

.operation_review_view .main_review .left_i { height: 5.641em;width: 5.641em;    }
.initial_information.operation_review_view .main_review .right_txt{width: calc(100% - 5.641em);}
.operation_review_view .main_review .left_i i.logo { width: 100% !important;height: 83% !important;}

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

.initial_information_view .main_unification .swiper-slide i{width: 45%;}
.initial_information .main_review .right_txt{width:100%}

.initial_information .brand_name .width50p{  margin-right: 0;    margin-bottom: 0em;}
.initial_information .main_review .right_txt .id_day{padding:0;}
.initial_information .main_review .right_txt .brand_name {font-size: 1em !important;}
.initial_information ul li .star_sec {margin-top: 0.2em;}
.initial_information ul li .star_sec span {margin-right: .2em;font-weight: 900;color: #000;}
.main_review .right_txt > div{margin-top: 0.2em;}
.initial_information .brand_name span{    margin-right: 0;margin-bottom:0.8em;}

.initial_information .main_review ul li> div {padding: .8em 0.4em ;}

/* .main_review .right_txt > div.event{position: absolute;    left: 0;bottom: 1em;width: 100%;padding: 0 1.3em;} */

.initial_information_view.initial_information .brand_name span {margin-bottom:0;}
.operation_review_view .main_review ul li> div {padding: 1em 1em 1em;}

}


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

.sec06_con {flex-direction: column-reverse;  align-items: flex-start;}

.notice_list_view .dis_flex.pagi_fixed_but{display: block;text-align: center;}
.notice_list_view .dis_flex.pagi_fixed_but button{display: inline-block;height: 100%;width: 31%;;}
.notice_list_view .dis_flex.pagi_fixed_but button:first-child{width: 100%;margin-left:0;margin-bottom:.6em}
.notice_list_view .dis_flex.pagi_fixed_but button:nth-child(2){margin-left:0;}
.pagi_fixed_but3 button:first-child {width: calC(100%) !important;} 
.pagi_fixed_but3{height: 2.6em !important;}

.pagi_fixed_but3 button {margin-right:0.4em;border-radius: 0.2em;}
.pagi_fixed_but3 button img {width: 1.3em !important;}
.pagi_fixed_but3 button:first-child span{font-size: 0.75em;}


.sales_day .bot_con .check-label .checkmark { width: 4em;}
.sales_day .bot_con .check-label { height: 4em;}
.sales_day .bot_con .one_size2 .checkmark {width: 3em!important; }
.sales_day .bot_con .one_size2 .check-label {height: 3em;}
.sales_day .bot_con .one_size3 .checkmark { width: 2em!important;}
.sales_day .bot_con .one_size3 .check-label {height:2em;}

.sales_day .bot_con ul li .small{font-size: 0.7em;;}


.initial_information .brand_name {flex-direction: column-reverse;    align-items: flex-start;}
.initial_information .brand_name strong { margin-left: 0em; margin-right: 0.2em;}

.main_review .right_txt .brand_name span:first-child{margin-bottom:.6em;}
.main_review .left_i i.logo { width: 100% !important; height: 55% !important;}

.main_review .right_txt .brand_name span.width50p{width: 100%;}


.operation_review_writing .select_brand li {padding: 0.6em 0;}
.operation_review_writing .select_brand p {width: 70% !important;    padding: 0.4em;}
.operation_review_writing .select_brand button {width: 30% !important;}

.sec06_con .left_star{width: calc(100%) !important;}

}


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

.initial_information .main_review ul li> div{flex-direction: column;}
.initial_information .main_review .left_i{border:none}

.main_review ul li> div {flex-direction: column;} .initial_information .main_review .right_txt {width: 100%;}



.notice_list_view .dis_flex.pagi_fixed_but button{width: 30%;;}

.writing_input { padding: 0.2em 0.2em 0.2em 0.7em; }
.writing_input button { width: 3.7em;}
.writing_input .comments{width: calc(100% - 3.7em);}
.writing_input input { width: calc(100% - 5em);}
.modal .writing_input button {min-width: auto;    padding: 0.3em 1em;}

.member_modal .modal_con{    height: 50vh;}
.modal-close { right: 0.9em;top: 0.9em;}

.more_but span {width: 1.5em; height: 2.5em;}
.more_but span::after {width: 0.2em; height: 1.2em;}


.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size: 1.2em !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0;}
.mo_main_weather.main_weather .last_li >div{border:none;padding: 0;
display: flex;
align-items: center;}
.sales_day .mo_main_weather.main_weather .last_li{display: none;}

.sub_h5{width: 94%;}


.main_review .left_i i.logo {  height: 75.2% !important;}
.initial_information .main_review ul li> div {padding: 1em 1em 2em;}

.main_review .right_txt > div.event{position: initial;  padding:0;}
.initial_information .main_review ul li> div { padding: 1em 1em 1em;}


.find_board_sec.year_select .select_type1 {width: 5em;}
.find_board_sec select {padding: 0.4em !important;}

}

/* ********************************************* *
* 260px
* ********************************************* */
@media screen and (max-width: 260px){
.notice_list_view .dis_flex.txt{display: block;;}
.notice_list_view .dis_flex.txt .id{   width: 100%; float: left;}
.notice_list_view .dis_flex.txt .id::after{display: none;}
.notice_list_view .dis_flex.txt .send_day{float:left;}
.notice_list_view .dis_flex.txt .get_day{float:left;}


}