@charset "utf-8";

/*===== STYLES =====*/
#loading{position:fixed; top:0; left:0; display:block; width:100%; height:100%; background-color:#fff; z-index:9999;}

.sec_wrap{padding-top:9.4rem;}
.sec_wrap > .container, .sec_wrap > .container-md{display:flex; align-items:flex-start; gap:4rem;}
.sec_wrap .content_area{width:calc(100% - 22rem);}
.sec_wrap .content_area_main{width:calc(100% - 56rem);}
.sec_wrap .left_area{width:18rem; order:-1; padding-bottom:8rem;}
.sec_wrap .right_area{width:30rem; padding-bottom:8rem;}
.sec_wrap.sec_type02 .content_area{width:calc(100% - 42rem);}
.sec_wrap.sec_type02 .content_area_main{width:calc(100% - 42rem);}
.sec_wrap.sec_type02 .right_area{width:16rem;}

.text_ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tit_border{border-bottom:1px solid #d4d4d4;}

.sub_tit{position:relative;}
.sub_tit::before{content:''; position:absolute; top:50%; left:0; display:block; width:100%; height:1px; background-color:#d4d4d4;}
.sub_tit > *{position:relative; display:inline-block; padding-right:0.4rem; background-color:#fff;}
.sub_tit.text-center > *{padding:0 0.4rem;}

.ico_like{display:block; width:2rem; height:2rem; background:url('../img/ico_like_off.png') no-repeat center center / contain;}
button.active .ico_like, a.active .ico_like{background-image:url('../img/ico_like_on.png') !important;}
.ico_like02{display:block; width:2rem; height:2rem; background:url('../img/ico_like02_off.png') no-repeat center center / contain;}
button.active .ico_like02, a.active .ico_like02{background-image:url('../img/ico_like_on.png') !important;}
.ico_share{display:block; width:2rem; height:2rem; background:url('../img/ico_share_off.png') no-repeat center center / contain;}
button.active .ico_share, a.active .ico_share{background-image:url('../img/ico_share_on.png') !important;}
.ico_share_m{display:block; width:2rem; height:2rem; background:url('../img/ico_share_bk.png') no-repeat center center / contain;}
.ico_comment{display:block; width:2rem; height:2rem; background:url('../img/ico_comment_off.png') no-repeat center center / contain;}
button.active .ico_comment, a.active .ico_comment{background-image:url('../img/ico_comment_on.png') !important;}
.ico_eye{display:block; width:2rem; height:2rem; background:url('../img/ico_eye_off.png') no-repeat center center / contain;}
button.active .ico_eye, a.active .ico_eye{background-image:url('../img/ico_eye_on.png') !important;}

.img_square{position:relative; padding-bottom:100%; overflow:hidden;}
.img_square img{position:absolute; top:50%; left:50%; display:block; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}

.tag_wrap{display:flex; align-items:center; flex-wrap:wrap; gap:0.8rem;}
.tag_wrap p{padding:0.1rem 0.4rem; border-radius:0.4rem; color:var(--main);}
.tag_wrap p.col01{background-color:#fff1f2;}
.tag_wrap p.col02{background-color:#f5f5f5;}
.tag_wrap p.col03{background-color:#fff;}

.slide_page_btn{display:flex; gap:0.8rem;}
.slide_page_btn a, .slide_page_btn button{position:static; display:block; width:2.2rem; height:2.2rem; margin:0; background-repeat:no-repeat; background-position:center; background-size:contain;}
.slide_page_btn .swiper-button-prev::after,
.slide_page_btn .swiper-button-next::after{display:none;}
.slide_page_btn .swiper-button-prev{background-image:url('../img/arr01_left_on.png');}
.slide_page_btn .swiper-button-next{background-image:url('../img/arr01_right_on.png');}
.slide_page_btn .swiper-button-prev.swiper-button-disabled{background-image:url('../img/arr01_left_off.png'); opacity:1;}
.slide_page_btn .swiper-button-next.swiper-button-disabled{background-image:url('../img/arr01_right_off.png'); opacity:1;}

.floating_btn_m{position:fixed; bottom:4rem; right:1.6rem; padding:1.6rem; border-radius:50%; background-color:var(--main); box-shadow:0 0 16px rgba(0,0,0,0.1);}

/* Form Style */
input{display:block; width:100%; padding:1.1rem 1.5rem; border:1px solid #d4d4d4; border-radius:0.4rem; font-size:1.6rem; color:#374151; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none;}
input::-ms-clear{display:none;}
input::placeholder{color:#4B5563;}
input.readonly{background-color:#f5f5f5; color:#4B5563; cursor:text;}
input:not(:read-only):focus{border-color:#4B5563;}
select{display:block; width:100%; padding:1.1rem 4.4rem 1.1rem 1.5rem; border:1px solid #d4d4d4; border-radius:0.4rem; background:url('../img/arr_select.png') no-repeat right 2rem center; font-size:1.6rem; color:#374151; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none;}
select::-ms-expand{display:none;}
select:focus{border-color:#4B5563;}
textarea{display:block; width:100%; padding:1.1rem 1.5rem; border:1px solid #d4d4d4; border-radius:0.4rem; font-size:1.6rem; color:#374151; resize:none;}
textarea::placeholder{color:#ccc}
textarea:focus{border-color:#4B5563;}

input::placeholder {
  color: #cdcdcd;
}
textarea::placeholder {
  color: #cdcdcd;
}



.check_custom input{position:absolute; top:0; left:0; display:none; width:0; height:0; margin:0; padding:0; border:0; opacity:0; visibility:hidden; overflow:hidden;}
.check_custom label{display:inline-flex; align-items:center; gap:0.8rem; cursor:pointer;}
.check_custom label i{display:block; width:2rem; height:2rem; background:url('../img/ico_check_off.jpg') no-repeat center center / contain;}
.check_custom label span{font-size:1.2rem; color:#374151; }
.check_custom input:checked + label i{background-image:url('../img/ico_check_on.jpg');}
.check_custom input:disabled + label i{background-image:url('../img/ico_check_disabled.jpg');}

.check_custom02 input{position:absolute; top:0; left:0; display:none; width:0; height:0; margin:0; padding:0; border:0; opacity:0; visibility:hidden; overflow:hidden;}
.check_custom02 label{display:inline-flex; align-items:center; gap:0.8rem; cursor:pointer;}
.check_custom02 label i{display:block; width:2rem; height:2rem; background:url('../img/ico_check02_off.png') no-repeat center center / contain;}
.check_custom02 label span{font-size:1.2rem; color:#374151; }
.check_custom02 input:checked + label i{background-image:url('../img/ico_check02_on.png');}

.file_custom{display:flex; align-items:center; gap:1.6rem;}
.file_custom label{position:relative; display:block; width:9.2rem;}
.file_custom .file_name{width:calc(100% - 10.8rem);}
.file_custom .file_btn{padding:1.2rem 1.6rem; border:1px solid #D4D4D4; background-color:#f5f5f5; font-size:1.4rem; color:#374151;}
.file_custom .file_hidden{position:absolute; top:0; left:0; width:100%; height:100%; padding:0; padding-left:9.2rem; border:0; opacity:0; cursor:pointer;}

.radio_custom_star{position:relative; display:flex; align-items:center; justify-content:center; width:16rem; height:2.8rem; margin:0 auto; overflow:hidden;}
.radio_custom_star::after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-image:url('../img/ico_star_off.png'); background-repeat:repeat-x; background-position:0 0; background-size:3.2rem;}
.radio_custom_star label{position:relative; display:block; width:25%; height:100%; cursor:pointer; z-index:1;}
.radio_custom_star input{position:absolute; top:0; left:0; display:none; width:0; height:0; margin:0; padding:0; border:0; opacity:0; visibility:hidden; overflow:hidden;}
.radio_custom_star .star_img{position:absolute; top:0; right:0; display:block; width:16rem; height:100%; background-image:url('../img/ico_star_on.png'); background-repeat:repeat-x; background-position:0 0; background-size:3.2rem; opacity:0; pointer-events:none;}
.radio_custom_star input:checked + .star_img{opacity:1;}

.input_grid2{display:flex; align-items:center; gap:1.6rem;}
.input_grid2 > *{width:calc(50% - 0.8rem);}
.input_grid_custom01{display:flex; align-items:center; gap:1.6rem;}
.input_grid_custom01 > *:nth-child(1){width:11rem;}
.input_grid_custom01 > *:nth-child(2){width:calc(50% - 7.1rem);}
.input_grid_custom01 > *:nth-child(3){width:calc(50% - 7.1rem);}

.input_text_wrap{position:relative;}
.input_text_wrap span,
.input_text_wrap a{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.input_text_wrap.tl input{padding-left:8rem; text-align:right;}
.input_text_wrap.tl span, .input_text_wrap.tl a{left:1.6rem;}
.input_text_wrap.tr input{padding-right:5rem;}
.input_text_wrap.tr span, .input_text_wrap.tr a{right:1.6rem;}

.input_btn_wrap{display:flex;}
.input_btn_wrap input{width:calc(100% - 9rem); border-right:0; border-radius:0.4rem 0 0 0.4rem;}
.input_btn_wrap button{width:9rem; height:4.8rem; border-radius:0 0.4rem 0.4rem 0; background-color:#4B5563;}
.input_btn_wrap button:disabled{background-color:#d4d4d4; color:#fff;}

/* Filter */
.select_custom{position:relative;}
.select_custom > button{display:block; width:100%; padding:0.7rem 2.4rem 0.6rem 0.8rem; border:1px solid #d4d4d4; border-radius:0.4rem; background:url('../img/arr_select.png') no-repeat right 0.4rem center; background-size:1.6rem; font-size:1.4rem; color:#374151;}
.select_custom .select_list{position:absolute; top:calc(100% + 0.8rem); left:0; display:none; border:1px solid #d4d4d4; background-color:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1); z-index:10;}
.select_custom .select_list.pd{padding:2rem;}
.select_custom .select_list .select_title button{padding:0.1rem 0.4rem;}
.select_custom .select_list ul{padding:0.3rem 0;}
.select_custom .select_list ul li button{display:block; padding:0.9rem 2rem; font-size:1.4rem; color:#4B5563; font-weight:500;}
.select_custom .select_list ul li.on button{color:var(--main) !important;}
.select_custom .select_list .submit_btn{width:100%; padding:0.7rem 0;}
.select_custom.active .select_list{display:block;}

.filter_wrap{display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:0.5rem 2rem; z-index:900;}
.filter_wrap .filter_box,
.filter_wrap .filter_box > div:not(.filter_search){display:flex; align-items:flex-start; flex-wrap:wrap; gap:0.4rem 0.8rem;}
.filter_wrap input{width:auto; padding:0.7rem 0.8rem; font-size:1.2rem;}
.filter_wrap select{width:auto; padding:0.7rem 2.4rem 0.7rem 0.8rem; background-position:right 0.4rem center; background-size:1.6rem; font-size:1.2rem;}
.filter_wrap .check_custom label{gap:0.6rem; padding:0.7rem 0.8rem 0.6rem; border:1px solid #d4d4d4; border-radius:0.4rem;}
.filter_wrap .check_custom label span{font-size:1.4rem;}
.filter_wrap .check_custom input:checked + label{border-color:#4B5563;}
.filter_wrap .ico_btn{padding:0.5rem; border:1px solid #d4d4d4; border-radius:0.4rem;}
.filter_wrap .write_btn{display:flex; align-items:center; justify-content:center; height:3.6rem; padding:0 0.4rem;}
.filter_wrap .filter_search{position:relative;}
.filter_wrap .filter_search input{padding:0.6rem 3.2rem 0.7rem 0.8rem; font-size:1.4rem;}
.filter_wrap .filter_search input:focus{border-color:var(--main);}
.filter_wrap .filter_search button{position:absolute; top:50%; right:0.8rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}

.filter_slider_wrap .filter_slider{padding:0 1rem;}
.filter_slider_wrap .ui-slider{height:0.2rem; border:0; background-color:#f5f5f5;}
.filter_slider_wrap .ui-slider .ui-slider-range{background-color:var(--main);}
.filter_slider_wrap .ui-slider .ui-slider-handle{width:1.2rem; height:1.2rem; border:0; border-radius:50%; background-color:var(--main);}

.filter_slider_wrap .filter_slider2{position:relative; margin-top:2rem;}
.filter_slider_wrap .filter_slider2 input{position:absolute; top:-1rem; width:100%; padding:0; border:none; opacity:0; z-index:10; pointer-events:none; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none;}
.filter_slider_wrap .filter_slider2 input:first-of-type{left:-0.4rem;}
.filter_slider_wrap .filter_slider2 input:last-of-type{right:-0.4rem;}
.filter_slider_wrap .filter_slider2 input::-webkit-slider-thumb{width:2.4rem; height:2.4rem; border-radius:0; pointer-events:all; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; background-color:red;}
.filter_slider_wrap .filter_slider2 .track{position:relative; width:100%; height:0.2rem; margin:0.5rem 0; background-color:#f5f5f5;}
.filter_slider_wrap .filter_slider2 .track .range{position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--main); }
.filter_slider_wrap .filter_slider2 .track .thumb{position:absolute; top:-0.2rem; width:1.2rem; height:1.2rem; background-color:var(--main); border-radius:50%; transform:translateY(-0.25rem);}
.filter_slider_wrap .filter_slider2 .track .thumb.left{left:0;}
.filter_slider_wrap .filter_slider2 .track .thumb.right{right:0;}
.filter_slider_wrap .filter_slider2 .track .range2{position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--main); }
.filter_slider_wrap .filter_slider2 .track .thumb2{position:absolute; top:-0.2rem; width:1.2rem; height:1.2rem; background-color:var(--main); border-radius:50%; transform:translateY(-0.25rem);}
.filter_slider_wrap .filter_slider2 .track .thumb2.left2{left:0;}
.filter_slider_wrap .filter_slider2 .track .thumb2.right2{right:0;}


/* .filter_slider_wrap .filter_slider2 input:first-of-type{left:-2.4rem;}
.filter_slider_wrap .filter_slider2 input:last-of-type{right:-2.4rem;} */

/* Button Style */
.btn_round{border-radius:0.4rem;}
.btn_style01{display:block; padding:0.9rem 2rem;}
.btn_style02{display:block; padding:0.8rem 1.9rem; border-width:1px; border-style:solid;}
.btn_style03{display:block; padding:1.3rem 2rem;}
.btn_style04{display:block; padding:1.2rem 1.9rem; border-width:1px; border-style:solid;}

/* List Style */
.list_grid3 ul li{width:33.333333%;}
.list_grid3_30 ul{gap:3rem;}
.list_grid3_30 ul li{width:calc(33.333333% - 2rem);}

.list_style01 ul li p{color:#374151; font-width: 400;}
.list_style01.slide{max-width:82rem; overflow:hidden;}

.list_style02 ul li{border:1px solid #d4d4d4; border-radius:1.2rem; box-shadow:0 0 8px rgba(0,0,0,0.08); overflow:hidden;}
.list_style02 ul li .img_box{position:relative; width:calc(100% + 0.2rem); margin-left:-0.1rem; padding-bottom:65.895%; overflow:hidden;}
.list_style02 ul li .img_box.img_size02{padding-bottom:50.34%;}
.list_style02 ul li .img_box img{position:absolute; top:50%; left:50%; display:block; width:100%; height: 180px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.list_style02 ul li .text_box{padding:2.1rem 2.5rem 2.4rem;}
.list_style02 ul li .text_box02{padding:1.2rem 2.5rem 1rem;}
.list_style02 ul li h5{color:#111827; line-height:2rem;}
.list_style02 ul li .find_text{padding:0 2.5rem 2.5rem;}
.list_style02 ul li .find_text .line{width:100%; height:1px; margin-bottom:1rem; background-color:#d4d4d4;}

.list_style02.slide{max-width:82rem; overflow:hidden;}
.list_style02.list ul{display:flex; gap:3.5rem;}
.list_style02.list ul li{width:calc(33.333333% - 2.33rem);}

.list_style03 ul li{border:1px solid #d4d4d4; border-radius:1.2rem;}
.list_style03 ul li a{display:block; padding:1.8rem 2.5rem 1.7rem;}
.list_style03 ul li dl{display:flex; align-items:flex-start;}
.list_style03 ul li dl + dl{margin-top:1.5rem;}
.list_style03 ul li dl dt{width:7rem;}
.list_style03 ul li dl dd{width:calc(100% - 7rem);}
.list_style03 ul li .link_box{display:flex; align-items:center; justify-content:space-between; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #d4d4d4;}
.list_style03 ul li .link_box span{display:flex; align-items:center; gap:0.8rem; color:#374151;}

/* Table Style */
.table_style01 table{width:100%; border-top:1px solid #E5E7EB; table-layout:fixed;}
.table_style01 table thead{border-bottom:1px solid #E5E7EB;}
.table_style01 table thead th{padding:1rem 0.4rem; color:#111827; font-weight:500; line-height:2.3rem; background-color:#fafafa;}
.table_style01 table thead th.text-left{padding-left:2rem;}
.table_style01 table tbody tr{border-bottom:1px solid #E5E7EB;}
.table_style01 table tbody td{padding:1.4rem 0.4rem; color:#374151; line-height:2.1rem; font-weight: 400}
.table_style01 table tbody td.tit{color:#111827;}
.table_style01 table tbody td.text-left{padding-left:2rem;}
.table_style01 table tbody tr.notice{background-color:#fff1f2;}

.table_style01.table_change_m table thead th{color:#4B5563;}
.table_style01.table_change_m .tit_box{display:flex; align-items:center;}
.table_style01.table_change_m .tit_box p{padding:1rem 0.4rem;}
.table_style01.table_change_m .tit_box p:nth-of-type(1){width:42.858%; padding-left:0;}
.table_style01.table_change_m .tit_box p:nth-of-type(2){width:35.715%;}
.table_style01.table_change_m .tit_box p:nth-of-type(3){width:21.43%;}
.table_style01.table_change_m .text_box{display:flex; align-items:center;}
.table_style01.table_change_m .text_box p,
.table_style01.table_change_m .text_box span{padding:1.4rem 0.4rem;}
.table_style01.table_change_m .text_box p{width:42.858%; padding-left:0;}
.table_style01.table_change_m .text_box span:nth-of-type(1){width:35.715%;}
.table_style01.table_change_m .text_box span:nth-of-type(2){width:21.43%;}


/* 배너 */
.banner_text{padding:1.6rem; background-color:#f5f5f5;}
.banner_img a{position:relative; display:block; padding-bottom:16.587%; overflow:hidden;}
.banner_img img{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.banner_img02 a{position:relative; display:block; padding-bottom:50%; overflow:hidden;}
.banner_img02 img{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.banner_adsense img{width:100%;}
.main #banner_area{margin:0 !important;}

/* 이번주 공감순위 */
.week_ranking .tit{border-bottom:1px solid #d4d4d4;}
.week_ranking ul li{display:flex; align-items:center; justify-content:space-between; gap:0.4rem;}
.week_ranking ul li + li{margin-top:1.6rem;}
.week_ranking ul li .profile{display:flex; align-items:center; gap:0.4rem; width:calc(100% - 5rem);}
.week_ranking ul li .profile img{width:2.4rem; border:1px solid #f5f5f5; border-radius:50%; overflow:hidden;}
.week_ranking ul li .profile p{max-width:calc(100% - 2.8rem);}
.week_ranking ul li .medal{display:flex; align-items:center; justify-content:space-between; gap:0.4rem; width:4.6rem;}
.week_ranking ul li .medal img{width:1.6rem;}

/* 실시간인기글 */
.popular_posts{/*min-height:40.5rem;*/ padding:1rem; border:1px solid #d4d4d4;border-radius: 1rem;}
.popular_posts ul li + li{margin-top:1.2rem;}
.popular_posts ul li a{display:flex; align-items:center; justify-content:center; gap:0.8rem;}
.popular_posts ul li b{display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:0.4rem; background-color:#f5f5f5; color:#4B5563;}
.popular_posts ul li:nth-of-type(-n+3) b{color:var(--main); }
.popular_posts ul li span{width:calc(100% - 2.8rem); color:#374151;}

/* 월급명세서 확인하기 */
.pay_stub{padding:2.2rem 2.3rem 2.3rem; border:1px solid #d4d4d4; border-radius:1.2rem;}
.pay_stub .img_box{position:relative; padding-bottom:90.48%; border:1px solid #E5E7EB; border-radius:0.8rem; overflow:hidden;}
.pay_stub .img_box img{position:absolute; top:50%; left:50%; display:block; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.pay_stub .img_box.blur img{filter:blur(2px);}
.pay_stub ul{padding:2.5rem 1.6rem; border-radius:0.4rem; background-color:#ECF6FE;}
.pay_stub ul li + li{margin-top:0.8rem;}
.pay_stub ul li p{display:flex; align-items:center; gap:0.8rem;}
.pay_stub button{width:100%; height:5rem;}

/* 대화하기 */
.try_talk{padding:2.3rem 2.3rem 2.5rem; border:1px solid #d4d4d4; border-radius:1.2rem;}
.try_talk .img_box{position:relative; padding-bottom:63.495%; border-radius:0.8rem; overflow:hidden;}
.try_talk .img_box img{position:absolute; top:50%; left:50%; display:block; width:100%; height: 100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.try_talk .text_box{display:flex; justify-content:center; flex-direction:column; min-height:12rem; padding:1.6rem 3rem; border-radius:0.4rem; background-color:#ecf6fe;}
.try_talk button{width:100%; height:5rem;}

/* Board */
.pagination{display:flex; align-items:center; justify-content:center; gap:2rem;}
.pagination li a{display:block; font-size:1.4rem; color:#374151; font-weight:500;}
.pagination li.active a{color:var(--main) !important;}
.pagination li.page_left a{width:2.4rem; height:2.4rem; background:url('../img/page_left_on.png') no-repeat center center / contain;}
.pagination li.page_left.disabled a{background-image:url('../img/page_left_off.png'); cursor:default;}
.pagination li.page_right a{width:2.4rem; height:2.4rem; background:url('../img/page_right_on.png') no-repeat center center / contain;}
.pagination li.page_right.disabled a{background-image:url('../img/page_right_off.png'); cursor:default;}

.pg_btn_wrap{position:relative; padding:0.8rem 0;}
.pg_btn_wrap > div{position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}

.profile_wrap{display:flex; align-items:center; gap:1.2rem;}
.profile_wrap #md_image{border:1px solid #f5f5f5; border-radius:50%; overflow:hidden;}
.profile_wrap .text_box .text{display:flex; align-items:center; gap:0.8rem;}
.profile_wrap .text_box .text p{display:flex; align-items:center; gap:0.4rem;}
.profile_wrap .text_box .text.text02{gap:2rem;}

.personal_wrap dl{display:flex; align-items:flex-start; gap:1rem; border-bottom:1px solid #F2F2F2;}
.personal_wrap dl dt{width:11.6rem; padding:1rem 0;}
.personal_wrap dl dd{display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:0.2rem 1.6rem; padding:1rem 0;}
.personal_wrap .personal_grid2{column-gap:4rem;}
.personal_wrap .personal_grid2 dl{width:calc(50% - 2rem);}
.personal_wrap .personal_grid2 .text_blank{display:inline-block; width:2.8rem;}
.personal_wrap ul{display:flex; gap:3.5rem;}
.personal_wrap ul li{width:calc(33.333333% - 2.34rem); padding-left:2.4rem; padding-right:2.4rem; border-radius:1.2rem;}
.personal_wrap02 ul{display:flex; gap:3.5rem; width:100%;}
.personal_wrap02 ul li{width:calc(33.333333% - 2.34rem); padding-left:1.6rem; padding-right:1.6rem; border-radius:1.2rem;}
.personal_wrap03 ul{display:flex; gap:3.5rem; width:100%;}
.personal_wrap03 ul li{width:calc(33.333333% - 2.34rem); padding-left:1.6rem; padding-right:1.6rem; border-radius:1.2rem;}

.company_cmt_wrap{min-height:35rem; padding:5rem; border-radius:1.2rem;}
.company_cmt_wrap02{min-height:35rem; padding:5rem 3rem; border-radius:1.2rem;}

.star_wrap{position:relative; width:16rem; height:2.8rem; margin:0 auto;}
.star_wrap .star_select{position:absolute; top:0; left:0; width:0; overflow:hidden;}
.star_wrap .star_img_off,
.star_wrap .star_img_on{width:16rem; height:2.8rem; background-repeat:repeat-x; background-position:0 0; background-size:3.2rem;}
.star_wrap .star_img_on{background-image:url('../img/ico_star_on.png');}
.star_wrap .star_img_off{background-image:url('../img/ico_star_off.png');}

.board_btn_wrap{position:relative;}
.board_btn_wrap .btn_list{position:absolute; top:calc(100% + 1.6rem); right:0; width:7.4rem; padding:0.6rem 0; border:1px solid #d4d4d4; background-color:#fff; box-shadow:0 0 8px rgba(0,0,0,0.08); text-align:center; opacity:0; visibility:hidden; transition:opacity 0.5s, visibility 0.5s; z-index:5;}
.board_btn_wrap .btn_list li button,
.board_btn_wrap .btn_list li a{display:inline-block; padding:0.5rem 1rem;}
.board_btn_wrap.active .btn_list{opacity:1; visibility:visible;}

.board_tab ul{display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap;}
.board_tab ul li a{display:block; padding:0.6rem 1.2rem; font-size:1.5rem; color:#374151;}
.board_tab ul li.active a{border-radius:0.4rem; background-color:#f5f5f5; color:var(--main);}

.board_list ul{border-top:1px solid #d4d4d4;}
.board_list ul li{border-bottom:1px solid #d4d4d4;}
.board_list ul li a{display:block; padding:1.6rem 0.8rem;}
.board_list ul li .text{display:flex; align-items:center; justify-content:space-between; margin-top:0.8rem;}
.board_list ul li .text h5{flex:1; padding-right:0.8rem; color:#111827;}
.board_list ul li .text .right_text{display:flex; align-items:center; gap:1.6rem;}
.board_list ul li .text .right_text p{display:flex; align-items:center; gap:0.4rem;}
.board_list ul li .text .right_text p img{width:2rem;}
.board_list ul li.notice{background-color:#FFF1F2;}
.board_list ul li.notice .tag p{background-color:#fff;}

.board_search{position:relative; width:100%; max-width:38rem; margin:0 auto; }
.board_search select{position:absolute; top:0; left:0; width:11rem; padding:0.9rem 1.6rem; border:0; background-position:right center; background-size:1.6rem; font-size:1.2rem;}
.board_search input{padding:0.8rem 4.6rem 0.8rem 12.6rem; border:1px solid #d4d4d4; border-radius:0.4rem; transition:border-color 0.3s ease-in-out; font-size:1.2rem; }
.board_search button, .board_search a{position:absolute; top:0; right:0; display:block; padding:0.6rem 0.6rem;}
.board_search input:focus{border-color:var(--main);}

.board_detail_cont img{display:inline-block; max-width:100%;}
.cd_modify_image img{display:inline-block; max-width:100%;}

.comment_write:not(:has(.container)){display:flex; align-items:center;}
.comment_write .container{display:flex; align-items:center;}
.comment_write input{width:calc(100% - 8rem); padding:1.2rem 1.6rem; border:none; border-radius:0.4rem 0 0 0.4rem; background-color:#fafafa;}
.comment_write textarea{width:calc(100% - 8rem); height:4.8rem; padding:1.2rem 1.6rem; border:none; border-radius:0.4rem 0 0 0.4rem; background-color:#fafafa; resize:none;}
.comment_write textarea::placeholder{color: #ccc}
.comment_write button{width:8rem; height:4.8rem; border-radius:0 0.4rem 0.4rem 0;}

.comment_top button{color:#4B5563;}
.comment_top button.active{color:#111827;}

/*.comment_list .cmt_box{padding:2rem 0.8rem 4rem; border-bottom:1px solid #d4d4d4;}*/
.comment_list .cmt_box{padding:2rem 0.8rem 2rem; border-bottom:1px solid #d4d4d4;}
.comment_list .recmt_box{padding:2rem 0.8rem 4rem 2.8rem; border-bottom:1px solid #d4d4d4;}
.comment_list .recmt_box .cmt_edit input{background-color:#fff;}

.comment_whole ul{border-top:1px solid #d4d4d4;}
.comment_whole ul li{border-bottom:1px solid #d4d4d4;}
.comment_whole ul li a{display:flex; align-items:center; justify-content:space-between; padding:1.2rem 0.8rem;}
.comment_whole ul li p{color:#374151;}
.comment_whole ul li span{width:10rem; text-align:center;}
.comment_whole ul li.active{background-color:#fafafa;}
.comment_whole ul li.active p{font-weight:500;}

/* 무료포인트 */
.point_wrap{display:flex; gap:3.6rem;}
.point_wrap .point_box{width:calc(50% - 1.8rem); padding:4.8rem 3rem 8rem; border:1px solid #d4d4d4; border-radius:1.2rem;}
.point_wrap .point_box ul{display:flex; justify-content:space-between; flex-direction:column; min-height:36.5rem;}
.point_wrap .point_box ul li{position:relative; padding-left:2.4rem;}
.point_wrap .point_box ul li i{position:absolute; top:0.2rem; left:0; display:block;}
.point_wrap .point_box ul li button,
.point_wrap .point_box ul li a{width:9rem; padding:0.8rem 0.4rem 0.7rem; border-radius:0.4rem; text-align:center;}

/* 개인정보 / 이용약관 */
.agree_wrap{min-height:35rem; padding:5rem; border-radius:1.2rem;}

/* 마이페이지 */
.mypage_wrap .grade{display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:50%;}
.mypage_personal dl{display:flex; gap:1rem;}
.mypage_personal dl + dl{margin-top:2.5rem;}
.mypage_personal dl dt{width:8rem;}
.mypage_personal dl dd{width:calc(100% - 9rem);}
.mypage_profile .img_box{position:relative; width:12rem; border:1px solid #f5f5f5; border-radius:50%; overflow:hidden;}
.mypage_profile .img_box button,
.mypage_profile .img_box a{position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:50%; background-color:rgba(23,23,23,0.5); opacity:0; z-index:1; overflow:hidden; transition:opacity 0.3s;}
.mypage_profile .text_box{width:calc(100% - 14rem);}
.mypage_info .img_box{width:6rem; border:1px solid #f5f5f5; border-radius:50%; overflow:hidden;}
.mypage_info ul{display:flex; gap:2rem;}
.mypage_info ul li{width:calc(25% - 1.5rem); padding:1.6rem; border-radius:0.4rem;}
.mypage_info ul li:nth-child(1){padding:1.6rem 0;}
.mypage_tab a{position:relative; color:#4B5563; padding-bottom:1rem;}
.mypage_tab a.active{color:#111827; font-weight:500;}
.mypage_tab a.active::before{content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:2px; background-color:#111827;}
.mypage_write_list ul{border-top:1px solid #d4d4d4;}
.mypage_write_list ul li{padding:1.1rem 1.5rem 1.1rem 0.8rem; border-bottom:1px solid #d4d4d4;}
.mypage_write_list ul li > div{flex:1; width:calc(100% - 10rem);}
.mypage_write_list ul li a{display:block; padding-right:0.8rem; color:#374151;}
.mypage_write_list .all_box{padding-top:2rem; padding-left:0.8rem;}
.mypage_coupon_top ul{display:flex; gap:1.6rem;}
.mypage_coupon_top ul li{width:calc(50% - 0.8rem); padding:2rem 2.4rem; border-radius:1.2rem; background-color:#fafafa;}
.mypage_coupon_top ul li .coupon_input{display:flex;}
.mypage_coupon_top ul li .coupon_input input{width:calc(100% - 9rem); border-right:0; border-radius:0.4rem 0 0 0.4rem;}
.mypage_coupon_top ul li .coupon_input button{width:9rem; height:4.8rem; border-radius:0 0.4rem 0.4rem 0; }
.mypage_coupon_top ul li .code_box{padding:1.1rem 1.2rem; border:1px solid #d4d4d4; border-radius:0.4rem; background-color:#fff;}
.mypage_coupon_top ul li .code_box p{width:9rem; margin-right:1rem;}
.mypage_coupon_list ul{border-top:1px solid #d4d4d4;}
.mypage_coupon_list ul li{padding:1.2rem 4rem 1.2rem 0.8rem; border-bottom:1px solid #d4d4d4;}
.mypage_coupon_list ul li > div{flex:1; max-width:calc(100% - 100px);}
.mypage_coupon_list ul li > div p:nth-of-type(3){max-width:calc(100% - 160px);}
.mypage_coupon_list ul li p.col01{color:var(--main);}
.mypage_coupon_list ul li p.col02{color:#374151;}
.mypage_coupon_list ul li p.col03{color:#111827;}

/* Alert */
.alert_wrap{position:fixed; top:-20rem; left:50%; width:90%; max-width:50rem; padding:1.4rem 2rem; border:1px solid #d4d4d4; border-radius:0.4rem; background-color:#fff1f2; box-shadow:0 0 8px rgba(0,0,0,0.1); transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); z-index:10000;}
.alert_wrap.active{animation:alertShow 3s ease-out 0s forwards;}

@keyframes alertShow {
  0%, 100%{transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
  20%, 80%{transform:translate(-50%, 27rem); -webkit-transform:translate(-50%, 27rem); -moz-transform:translate(-50%, 27rem); -ms-transform:translate(-50%, 27rem); -o-transform:translate(-50%, 27rem);}
}

/* Popup */
.popup_wrap{position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; opacity:0; visibility:hidden; transition:opacity 0.5s, visibility 0.5s;}
.popup_wrap.active{opacity:1; visibility:visible;}
.popup_wrap .popup_box{width:92%; max-width:400px; padding:0.8rem; background-color:#fff; border-radius:1.2rem;}
.popup_wrap .popup_box .pop_x{position:relative; margin-bottom:-0.5rem;}
.popup_wrap .popup_box .pop_x button{position:relative; padding:0.8rem; margin-left:auto;}
.popup_wrap .popup_box .pop_btns{display:flex; align-items:center; justify-content:center; gap:1.6rem;}
.popup_wrap .popup_box .pop_btns button, .popup_wrap .popup_box .pop_btns a{width:10.5rem;}
.popup_wrap .popup_box .pop_appdown a{padding:0.3rem 1.2rem; border:1px solid #d4d4d4; border-radius:1.7rem;}
.popup_wrap .popup_box .pop_login{padding:0 2.2rem;}
.popup_wrap .popup_box .pop_login button{width:100%; height:5rem; border-radius:0.4rem;}
.popup_wrap .popup_box .pop_login .check_custom span{font-size:1.4rem;}
.popup_wrap .popup_box .pop_profile{padding:0 0.8rem;}
.popup_wrap .popup_box .pop_profile ul{gap:3.2rem;}
.popup_wrap .popup_box .pop_profile ul li img{border:2px solid #f5f5f5; border-radius:50%; overflow:hidden;}
.popup_wrap .popup_box .pop_profile ul li.active img{border-color:var(--main);}
.popup_wrap .popup_box .pop_profile > button{width:100%; height:5rem; border-radius:0.4rem;}
.popup_wrap .popup_box .pop_declare{padding:0 2.2rem;}
.popup_wrap .popup_box .pop_declare .check_custom02 label{width:100%; padding:1.6rem; border:1px solid #d4d4d4; border-radius:0.4rem;}
.popup_wrap .popup_box .pop_declare .check_custom02 input:checked + label{border-color:#374151;}
.popup_wrap .popup_box .pop_declare .check_custom02 span{font-size:1.4rem;}
.popup_wrap .popup_box .pop_declare > button{width:100%; height:5rem; border-radius:0.4rem;}
/*.popup_wrap .popup_img{width:96%; max-width:71rem;}*/
.popup_wrap .popup_img{width:100%; max-width:100rem;}
.popup_wrap .popup_img img{margin:0 auto;}


/* Hover 효과 */
@media (hover: hover), (-ms-high-contrast:none) {
  /* button:hover .ico_like, a:hover .ico_like{background-image:url('../img/ico_like_on.png');}
  button:hover .ico_like02, a:hover .ico_like02{background-image:url('../img/ico_like_on.png');} */
  button:hover .ico_share, a:hover .ico_share{background-image:url('../img/ico_share_on.png');}
  button:hover .ico_comment, a:hover .ico_comment{background-image:url('../img/ico_comment_on.png');}

  .select_custom .select_list ul li:hover button{color:var(--main);}

  .list_style01 ul li:hover p{color:var(--main);}
  .list_style02 ul li:hover{border-color:#111827;}
  .list_style03 ul li:hover{border-color:#111827;}
  .list_style03 ul li:hover .link_box span{color:var(--main);}

  .table_style01 table tbody tr:not(.notice):hover{background-color:rgba(245,245,245,0.25);}
  .table_style01 table tbody tr:hover td,
  .table_style01 table tbody tr:hover td.tit{color:var(--main);}
  
  .table_style01 table tbody tr.active td{color:var(--main);}

  .popular_posts ul li:hover b{background-color:#FFF1F2; color:var(--main);}
  .popular_posts ul li:hover span{color:var(--main);}

  .pagination li a:hover{color:var(--main);}
  .board_tab ul li a:hover{color:var(--main);}
  .board_list ul li:hover .text h5{color:var(--main);}
  .comment_whole ul li:not(.active):hover p{color:var(--main);}

  .mypage_profile .img_box:hover button,
  .mypage_profile .img_box:hover a{opacity:1;}
  .mypage_write_list ul li:hover a{color:var(--main);}

  @media (max-width: 767.98px) {
    button:hover .ico_like, a:hover .ico_like{background-image:url('../img/ico_like_off.png');}
    button:hover .ico_like02, a:hover .ico_like02{background-image:url('../img/ico_like_off.png');}
    button:hover .ico_share, a:hover .ico_share{background-image:url('../img/ico_share_off.png');}
    button:hover .ico_comment, a:hover .ico_comment{background-image:url('../img/ico_comment_off.png');}

    .select_custom .select_list ul li:hover button{color:#4B5563;}

    .list_style01 ul li:hover p{color:#374151;}
    .list_style02 ul li:hover{border-color:#d4d4d4;}
    .list_style03 ul li:hover{border-color:#d4d4d4;}
    .list_style03 ul li:hover .link_box span{color:#222;}

    .table_style01 table tbody tr:not(.notice):hover{background-color:#fff;}
    .table_style01 table tbody tr:hover td,
    .table_style01 table tbody tr:hover td.tit{color:#111827;}

    .popular_posts ul li:hover b{background-color:#f5f5f5; color:#111827;}
    .popular_posts ul li:nth-of-type(-n+3):hover b{color:var(--main);}
    .popular_posts ul li:hover span{color:#374151;}

    .pagination li a:hover{color:#374151;}
    .board_tab ul li a:hover{color:#374151;}
    .board_list ul li:hover .text h5{color:#374151;}
    .comment_whole ul li:not(.active):hover p{color:#374151;}

    .point_wrap .point_box ul li button, .point_wrap .point_box ul li a:hover{background:transparent;}

    .mypage_profile .img_box:hover button,
    .mypage_profile .img_box:hover a{opacity:0;}
    .mypage_write_list ul li:hover a{color:#374151;}

  }
}

/* 반응형 max 1400px */
@media (max-width: 1399.98px) {
  .sec_wrap > .container, .sec_wrap > .container-md{gap:2rem;}
  .sec_wrap .content_area{width:calc(100% - 44rem);}
  .sec_wrap .content_area_main{width:calc(100% - 44rem);}
  .sec_wrap .left_area{width:16rem;}
  .sec_wrap .right_area{width:24rem;}

  .list_grid3_30 ul{gap:2rem;}
  .list_grid3_30 ul li{width:calc(33.333333% - 1.34rem);}

  .list_style02 ul li .text_box{padding:2rem 0.8rem;}
  .list_style02 ul li .text_box02{padding:1.2rem 0.8rem 1rem;}
  .list_style02 ul li .find_text{padding:0 0.8rem 1.2rem;}
  .list_style03 ul li a{padding:1.6rem 1.2rem;}

  .table_style01 table thead th.text-left{padding-left:1.2rem;}
  .table_style01 table tbody td.text-left{padding-left:1.2rem;}

  .popular_posts{min-height:38.9rem; padding:1.2rem;}
  .pay_stub{padding:1.2rem;}
  .try_talk{padding:1.2rem;}
  .company_cmt_wrap{padding:3rem 1.6rem;}
  .company_cmt_wrap02{padding:3rem 1.6rem;}
  .point_wrap{gap:2rem;}
  .point_wrap .point_box{width:calc(50% - 1rem); padding:4rem 1.2rem;}
  .point_wrap .point_box ul li button, .point_wrap .point_box ul li a{width:7rem;}
  .agree_wrap{padding:3rem 1.6rem;}
  .mypage_info ul{gap:1rem;}
  .mypage_info ul li{width:calc(25% - 0.75rem); padding:1.6rem 1rem;}
  .mypage_coupon_top ul li{padding:2rem 1rem;}
  .mypage_coupon_top ul li .code_box{padding:1.1rem 0.8rem;}
  .mypage_coupon_top ul li .code_box p{width:auto;}
}

/* 반응형 max 1200px xl */
@media (max-width: 1199.98px) {
  .sec_wrap{padding-top:7.6rem; padding-bottom:4.8rem;}
  .sec_wrap > .container, .sec_wrap > .container-md{flex-wrap:wrap; row-gap:4rem;}
  .sec_wrap .content_area{width:100%;}
  .sec_wrap .content_area_main{width:100%;}
  .sec_wrap .left_area{width:calc(50% - 2rem); order:inherit; padding-bottom:0;}
  .sec_wrap .right_area{width:50%; padding-bottom:0;}
  .sec_wrap.sec_type02 .content_area{width:100%;}
  .sec_wrap.sec_type02 .content_area_main{width:100%;}
  .sec_wrap.sec_type02 .right_area{width:50%;}

  .list_style01.slide{max-width:100%;}
  .list_style02.slide{max-width:100%;}

  .banner_text{width:100%;}
  .banner_text p{word-break:keep-all;}
  .banner_text p br{display:none;}

  .week_ranking ul li .profile img{width:4rem;}
  .week_ranking ul li .profile p{width:calc(100% - 4.4rem);}

  .pagination{gap:1.5rem;}
}

/* 반응형 max 992px lg */
@media (max-width: 991.98px) {
  /*.sec_wrap{padding-top:6.8rem;}*/

 /* .banner_img a{padding-bottom:31.045%;}*/

  .select_custom .select_list{position:fixed; top:auto; bottom:-100%; display:block; width:100% !important; padding:2.8rem 1.6rem 4rem; border:0; border-radius:1.2rem 1.2rem 0 0; box-shadow:none; opacity:0; visibility:hidden; transition:opacity 0.5s, visibility 0.5s, bottom 0.4s ease-in-out; z-index:5100;}
  .select_custom .select_list ul{max-height:22.2rem; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none;}
  .select_custom .select_list ul::-webkit-scrollbar{display:none;}
  .select_custom .select_list ul li{border-bottom:1px solid #d4d4d4;}
  .select_custom .select_list ul li button{width:100%; padding:1.2rem 0; font-size:1.6rem; font-weight:500;}
  .select_custom .select_list .submit_btn{padding:1.2rem 0; font-size:1.6rem;}
  .select_custom .select_custom_bg{position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s; z-index:5000;}
  .select_custom.active .select_list{bottom:0; opacity:1; visibility:visible;}
  .select_custom.active .select_custom_bg{background:rgba(0,0,0,0.5); opacity:1; visibility:visible;}

  .filter_wrap{position:fixed; top:5.6rem; left:0; display:block; width:100%; padding:1.2rem 0; margin:0; border:0; background-color:#fff; transition:box-shadow 0.5s;}
  .filter_wrap .filter_search{width:100%;}
  .filter_wrap .filter_search input{width:100% !important; padding:1rem 3.2rem 1.1rem 1.6rem;}
  .filter_wrap .filter_box{max-width:72rem; margin:0 auto; row-gap:1.2rem;}
  .filter_wrap .filter_box > div:not(.filter_search){width:calc(100% - 4.6rem); overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; flex-wrap:nowrap; white-space:nowrap;}
  .filter_wrap .filter_box > div:not(.filter_search)::-webkit-scrollbar{display:none;}
  /* .filter_wrap.active{box-shadow:0 4px 8px rgba(0,0,0,0.1);} */
  .filter_wrap_blank{width:100%; height:6rem;}
  .filter_wrap_blank02{width:100%; height:11.6rem;}

  .filter_slider_wrap .fs_12{font-size:1.4rem;}
  .filter_slider_wrap .fs_14{font-size:1.6rem;}

  .board_btn_wrap .board_list_bg{position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s; z-index:5000;}
  .board_btn_wrap .btn_list{position:fixed; top:auto; right:auto; bottom:-100%; left:0; width:100%; padding:2.8rem 1.6rem 4rem; border:0; border-radius:1.2rem 1.2rem 0 0; background-color:#fff; box-shadow:none; z-index:5100; transition:opacity 0.5s, visibility 0.5s, bottom 0.4s ease-in-out;}
  .board_btn_wrap .btn_list li{border-bottom:1px solid #d4d4d4;}
  .board_btn_wrap .btn_list li button, .board_btn_wrap .btn_list li a{display:block; width:100%; padding:1.2rem 0; font-size:1.6rem; font-weight:500;}
  .board_btn_wrap.active .board_list_bg{background:rgba(0,0,0,0.5); opacity:1; visibility:visible;}
  .board_btn_wrap.active .btn_list{bottom:0;}

  .board_tab{overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none;}
  .board_tab::-webkit-scrollbar{display:none;}
  .board_tab ul{flex-wrap:nowrap; white-space:nowrap;}
}

/* 반응형 max 767px md */
@media (max-width: 767.98px) {
  .fs_20{font-size:1.6rem;}

  .sec_wrap .left_area{width:100%}
  .sec_wrap .right_area{width:100%;}
  .sec_wrap.sec_type02 .right_area{width:100%;}

  .tit_border.nobd_m{border-bottom:0;}
  .tit_border.change_color_m{border-bottom:1px solid #E9E9E9;}

  .main_tit a{color:#d4d4d4;}
  .sub_tit .fs_14{font-size:1.6rem;}
  .sub_tit .fc_red{color:#9CA3AF;}
  .sub_tit.noline_m::before{display:none;}

  .img_square{border-radius:1.2rem;}

  .tag_wrap p{font-size:1.1rem;}
  .tag_wrap p.col02{color:#7A3CF8; background-color:#F5EFFF;}

  .tag_wrap_m{display:flex; align-items:center; flex-wrap:wrap; gap:0.8rem;}
  .tag_wrap_m .fs_14{font-size:1.2rem;}
  .tag_wrap_m p{padding:0.1rem 0.4rem; border-radius:0.4rem; color:var(--main); }
  .tag_wrap_m p.col01{background-color:#fff1f2;}
  .tag_wrap_m p.col02{background-color:#f5f5f5;}
  .tag_wrap_m p.col03{background-color:#fff;}

  input::placeholder{color:#ccc;}
  textarea::placeholder{color:#ccc;}
  .radio_custom_star{width:12rem; height:2rem;}
  .radio_custom_star::after{background-size:2.4rem;}
  .radio_custom_star .star_img{width:12rem; height:2rem; background-size:2.4rem;}
  .input_grid2{flex-wrap:wrap;}
  .input_grid2 > *{width:100%;}
  .input_grid_custom01{flex-wrap:wrap;}
  .input_grid_custom01 > *{width:100% !important;}

  .select_custom > button{border-color:#e9e9e9;}
  .filter_wrap .filter_search input{border-color:#e9e9e9;}
  .filter_wrap .filter_box{max-width:54rem; padding:0 2rem;}
  .filter_wrap .ico_btn{border-color:#e9e9e9;}
  .filter_wrap .check_custom label{border-color:#e9e9e9;}

  .list_grid3 ul{padding:0 1.6rem;}
  .list_grid3 ul li{width:100%;}
  .list_grid3 ul li + li{margin-top:1.6rem;}
  .list_grid3 ul li > p{width:11rem;}
  .list_grid3_30 ul{gap:1.2rem;}
  .list_grid3_30 ul li{width:100%;}
  .list_style01 ul li .fs_14{font-size:1.3rem;}
  .list_style02 ul li{box-shadow:none;}
  .list_style02 ul li .text_box{padding:1.2rem;}
  .list_style02 ul li .text_box > p{font-size:1.3rem;}
  .list_style02 ul li .text_box02 .fs_14{font-size:1.2rem;}
  .list_style02 ul li .text_box02 .fs_15{font-size:1.4rem;}
  .list_style02 ul li .text_box .fc_gr40,
  .list_style02 ul li .text_box02 .fc_gr40{color:#555;}
  .list_style02.list_m ul{gap:3.2rem;}
  .list_style02.list_m ul li{border:0; border-radius:0; box-shadow:none;}
  .list_style02.list_m ul li a{display:block;}
  .list_style02.list_m ul li .img_wrap{width:9rem;}
  .list_style02.list_m ul li .img_box.img_size02{width:100%; padding-bottom:100%; border-radius:1.2rem; overflow:hidden;}
  .list_style02.list_m ul li .img_box img{width:auto; max-width:none; height:100%;}
  .list_style02.list_m ul li .text_box02{padding:0;}
  .list_style02.list_m ul li .find_text{display:flex; align-items:center; flex-wrap:wrap; padding:0.8rem 0; margin-top:0.8rem; border-radius:0.4rem; background-color:#F8F8F8;}
  .list_style02.list_m ul li .find_text .line{display:none;}
  .list_style02.list_m ul li .find_text p{font-size:1.3rem;}
  .list_style02.list_m ul li .find_text p:nth-of-type(1){width:10rem; color:#555; font-weight:400; text-align:center;}
  .list_style02.list_m ul li .find_text p:nth-of-type(2){width:calc(100% - 10rem); color:#999 !important;}
  .list_style02.list_m ul li .find_text p:nth-of-type(2) span{color:#555;}
  .list_style03 ul li{border-color:#e9e9e9; box-shadow:none;}
  .list_style03 ul li a{display:flex; align-items:flex-end; justify-content:space-between; padding:2rem;}
  .list_style03 ul li dl:first-of-type{margin-bottom:2rem;}
  .list_style03 ul li dl:not(:first-of-type) .fs_14{font-size:1.3rem;}
  .list_style03 ul li dl + dl{margin-top:0.5rem;}
  .list_style03 ul li dl dt{color:#777;}
  .list_style03 ul li dl dt.tag_wrap p{padding:0.1rem 1rem; background-color:var(--main); font-size:1.4rem; color:#fff;}
  .list_style03 ul li dl dd{color:#222;}
  .list_style03 ul li .link_box{align-items:flex-end; flex-direction:column; gap:0.5rem; padding:0; margin:0; border:0;}
  .list_style03 ul li .link_box p{font-size:1.3rem; color:#777;}
  .list_style03 ul li .link_box span{font-size:1.4rem; color:#222;}

  .table_style01 .fs_15{font-size:1.4rem;}
  .table_style01 table{border-top:1px solid #f2f2f2;}
  .table_style01 table thead{border-bottom:1px solid #f2f2f2;}
  .table_style01 table tbody tr{border-bottom:1px solid #f2f2f2;}

  .table_style01.table_change_m table{display:block; border-top:1px solid #E5E7EB;}
  .table_style01.table_change_m table tbody{display:block;}
  .table_style01.table_change_m table tbody tr{display:block; padding:1.5rem 0;}
  .table_style01.table_change_m table tbody tr.notice{border-bottom:1px solid #E5E7EB;}
  .table_style01.table_change_m table tbody td{display:block; padding:0;}
  .table_style01.table_change_m table tbody td.tit{font-size:1.4rem; color:#111827;}
  .table_style01.table_change_m .tag_wrap_m{margin-bottom:0.8rem;}
  .table_style01.table_change_m .text_box{gap:1.6rem; margin-top:0.4rem;}
  .table_style01.table_change_m .text_box p,
  .table_style01.table_change_m .text_box span{width:auto !important; padding:0; font-size:1.3rem;}
  .table_style01.table_change_m .text_box p{color:#999;}
  .table_style01.table_change_m .text_box span{display:flex; align-items:center; gap:0.4rem; color:#d4d4d4;}
  .table_style01.table_change_m .text_box .icon{display:block; width:2rem; height:2rem; background:url('../img/ico_eye.png') no-repeat center center / contain;}

  .week_ranking .fs_12{font-size:1.4rem;}
  .week_ranking .fs_16{font-size:1.5rem;}
  .week_ranking .tit{border-bottom:0;}
  .week_ranking ul li{padding:0.6rem 1.6rem; border-radius:0.4rem; background-color:#f9fafb;}
  .week_ranking ul li + li{margin-top:1.2rem;}
  .week_ranking ul li .profile{width:calc(100% - 7rem); gap:0.8rem;}
  .week_ranking ul li .medal{width:6.6rem;}
  .week_ranking ul li .medal img{width:2rem;}
  .popular_posts{min-height:0; padding:0; border:0;}
  .pay_stub{padding:0; border:0;}
  .pay_stub > div{padding:2.4rem 2rem; border-radius:1.2rem; background-color:#F9FAFB;}
  .pay_stub .img_box{padding-bottom:77.29%;}
  .try_talk{padding:0; border:0;}
  .try_talk > div{padding:2.4rem 2rem; border-radius:1.2rem; background-color:#F9FAFB;}
  .try_talk .img_box{padding-bottom:54.24%;}
  .try_talk .text_box{min-height:9.6rem; padding:1rem 2rem;}
  .try_talk button{font-size:1.6rem; font-weight:500;}

  .pagination li a{font-size:1.6rem;}
  .profile_wrap .text_box .fs_16{font-size:1.4rem;}
  .profile_wrap .text_box .text:nth-child(2) .fs_14{font-size:1.3rem;}
  .personal_wrap dl{border-bottom:1px solid #f2f2f2;}
  .personal_wrap dl dt{width:6rem;}
  .personal_wrap .fs_16{font-size:1.4rem;}
  .personal_wrap ul{flex-wrap:wrap; gap:1.4rem; padding:1.6rem; border-radius:1.2rem; background-color:#F9FAFB;}
  .personal_wrap ul li{display:flex; align-items:center; width:100%; padding:0;}
  .personal_wrap ul li > p{width:8rem; font-size:1.6rem;}
  .personal_wrap ul li > p.fs_16{font-size:1.4rem;}
  .personal_wrap ul li div{width:calc(100% - 8rem);}
  .personal_wrap .personal_grid2{column-gap:0.8rem;}
  .personal_wrap .personal_grid2 dl{width:calc(50% - 0.4rem);}
  .personal_wrap .personal_grid2 .text_blank{width:2.5rem;}
  .personal_wrap02 .fs_16{font-size:1.4rem;}
  .personal_wrap02 ul{gap:2rem;}
  .personal_wrap02 ul li{width:calc(33.333333% - 1.34rem); padding:0;}
  .personal_wrap03 ul{flex-wrap:wrap; gap:1.4rem; padding:0 1.6rem;}
  .personal_wrap03 ul li{display:flex; align-items:center; width:100%; padding:0;}
  .personal_wrap03 ul li > p{width:11rem;}
  .personal_wrap03 ul li > p.fs_16{font-size:1.4rem;}
  .find_info_text{font-size:1.4rem; color:#999;}
  .find_info_text span{color:#222;}
  .company_cmt_wrap{min-height:16.8rem; font-size:1.4rem; line-height:inherit;}
  .company_cmt_wrap02{min-height:16.8rem; font-size:1.4rem; line-height:inherit;}
  .star_wrap{width:12rem; height:2rem;}
  .star_wrap .star_img_off,
  .star_wrap .star_img_on{width:12rem; height:2rem; background-size:2.4rem;}
  .board_tab ul li a{font-size:1.5rem;}
  .board_tab ul li.active a{color:#fff !important; background-color:var(--main) !important;}
  .board_search{max-width:100%;}
  .board_search input{padding:1.2rem 6rem 1.2rem 1.6rem; font-size:1.4rem; border-color:#e9e9e9;}
  .board_search button, .board_search a{padding:1.1rem 1.5rem 1.1rem 1.1rem;}
  .board_search_pos{display:flex; flex-direction:column-reverse;}
  .board_detail_cont #cd_content{color: #374151;}
  .board_detail_cont .fs_16,
  .board_detail_cont button.fs_15,
  .board_detail_cont a.fs_15{font-size:1.4rem;}
  .comment_list .cmt_box{padding:1.2rem 0.8rem 2rem; border-bottom:1px solid #e9e9e9;}
  .comment_list .cmt_box > .fs_14{font-size:1.3rem;}
  .comment_list .recmt_box{padding:1.2rem 0.8rem 2rem 2rem; border-bottom:1px solid #e9e9e9;}
  .comment_list .recmt_box > .fs_14{font-size:1.3rem;}
  .comment_whole ul li span{width:8rem;}

  .point_wrap{flex-direction:column;}
  .point_wrap .point_box{width:100%; padding:3.2rem 1.6rem;}
  .point_wrap .point_box ul{min-height:34rem;}
  .point_wrap .point_box ul li button, .point_wrap .point_box ul li a{width:auto; padding:0.4rem; background-color:transparent;}
  .point_wrap .point_box ul li > div{margin-top:-0.8rem;}
  .agree_wrap{min-height:16.8rem; font-size:1.4rem; line-height:inherit;}
  .mypage_wrap .fs_20{font-size:1.6rem;}
  .mypage_wrap .grade{width:1.6rem; height:1.6rem; font-size:1.4rem;}
  .mypage_personal .fs_16{font-size:1.4rem;}
  .mypage_personal dl + dl{margin-top:0.8rem;}
  .mypage_profile .profile_box{display:flex; gap:0.8rem; width:100% !important;}
  .mypage_profile .profile_box .fs_16{font-size:1.4rem;}
  .mypage_profile .img_box{width:6rem;}
  .mypage_profile .text_box{display:flex; flex-direction:column-reverse; width:100%;}
  .mypage_info ul{flex-wrap:wrap; gap:1rem 0.8rem;}
  .mypage_info ul li{width:calc(33.333333% - 0.54rem); padding:1.2rem 1rem;}
  .mypage_info ul li:nth-child(1){width:100%; padding:0;}
  .mypage_info ul li:nth-child(1) .fs_16{font-size:1.4rem;}
  .mypage_info ul li i{width:3.2rem;}
  .mypage_info ul li > div, .mypage_info ul li > p{width:100%;}
  .mypage_coupon_top ul{flex-direction:column;}
  .mypage_coupon_top ul li{width:100%; padding:2rem 1.6rem;}
  .mypage_coupon_top ul li .code_box{padding:1.2rem;}
  .mypage_coupon_list ul li{padding:1.2rem 1.6rem;}
  .mypage_coupon_list ul li > div p:nth-of-type(3){max-width:100%;}
  .m_fs_14{font-size: 1.4rem;}
  /* .alert_wrap{width:auto;} */

  @keyframes alertShow {
    0%, 100%{transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
    20%, 80%{transform:translate(-50%, 23rem); -webkit-transform:translate(-50%, 23rem); -moz-transform:translate(-50%, 23rem); -ms-transform:translate(-50%, 23rem); -o-transform:translate(-50%, 23rem);}
  }

  .popup_wrap .popup_box.mw_370{max-width:32rem !important;}
  .popup_wrap .popup_box.mw_400{max-width:40rem !important;}
  .popup_wrap.pop_change_m{background:#000;}
  .popup_wrap.pop_change_m .popup_img{width:100%;}
  .popup_wrap.pop_change_m .pop_x{position:absolute; top:1.6rem; right:1.6rem;}
  .popup_wrap.pop_change02_m .pop_x{padding:0.8rem; padding-left:1.6rem; margin-bottom:0; border-bottom:1px solid #d4d4d4;}
  .popup_wrap.pop_change02_m .popup_box{width:100%; max-width:100% !important; height:100vh; padding:0; border-radius:0;}
  .popup_wrap.pop_change02_m .popup_box .pop_profile{padding:12% 1.6rem 0;}
  .popup_wrap.pop_change02_m .popup_box .pop_profile ul{max-width:28rem; margin:0 auto;}
  .popup_wrap.pop_change02_m .popup_box .pop_profile > button{position:absolute; bottom:6rem; left:1.6rem; width:calc(100% - 3.2rem);}
}

/* 반응형 max 576px sm */
@media (max-width: 575.98px) {
  .filter_wrap .filter_box{max-width:100%;}
}

/* 반응형 max 374px */
@media (max-width: 374.98px) {
  .fs_14{font-size:1.3rem;}
  .fs_16{font-size:1.4rem;}

  .list_grid3 ul{padding:0 0.4rem;}
  .list_grid3 ul li > p{width:8rem;}
  .list_style02.list_m ul li .img_wrap{width:8rem;}
  .list_style02.list_m ul li .find_text p:nth-of-type(1){width:9rem;}
  .list_style02.list_m ul li .find_text p:nth-of-type(2){width:calc(100% - 9rem);}

  .input_btn_wrap input{width:calc(100% - 7rem);}
  .input_btn_wrap button{width:7rem;}

  .week_ranking .fs_12{font-size:1.4rem;}

  .personal_wrap03 ul{padding:0 0.4rem;}
  .personal_wrap03 ul li > p{width:8rem;}
  .board_tab ul li a{font-size:1.4rem;}
  .mypage_coupon_top ul li{padding:2rem 0.8rem;}
  .mypage_coupon_top ul li .code_box{padding:0.8rem 0.4rem;}
}




.popup_join_padding{
  padding:0 2.4rem;
}


@media (max-width: 700.98px) {
  .popup_join_padding{
    padding:0 0.5rem !important;
  }
  .date_sct_item{
    font-size: 14px !important;
  }
  /* .filter_wrap .filter_box{max-width:100%;} */
}

@media (max-width: 380.98px) {
  .popup_join_padding{
    padding:0 0.5rem !important;
  }
  .date_sct_item{
    font-size: 12px !important;
  }
  /* .filter_wrap .filter_box{max-width:100%;} */
}

.del_font{color: #979797}


.bviewbtn{
padding: 0.6rem 2rem;
    border-width: 0.1rem;
    border-style: solid;
    border-radius: 1.7rem;
    background-color: #fff8f8;
    /* color: #111827; */
    border-color: #f5acac;

}