
.wrap {
    min-height: calc(100vh - 380px);
}
.chatbot_wr:has(.btn_chatbot.write_topic) {
  right: 2.2rem;
}

.btn_chatbot.write_topic {
  width: 5.6rem;
  height: 5.6rem;
  background: url(../img/ic_posting_plus.svg) no-repeat center;
  box-shadow: 0 0.3rem 0.6rem rgb(208 2 27 / 16%);
  background-color: #D83145;
  background-size: 1.8rem auto;
}

.mywriting_time {
      text-align: right;
      font-size: 1.3rem;
      color: var(--gray-800);
      padding-right: 2.8rem;
}

.header_home_btn {
  margin-right: 1rem;
  margin-bottom: 0.125rem;
}

:root {

	--hd_height_m: 52.2px;

}



i::before {

	font-family: xeicon !important;

}



.btn-outline-gray-200 {

	color: var(--text);

	border-color: var(--gray-200);

}

.btn-outline-gray-200:hover {

	color: var(--text);

	background-color: var(--gray-200);

	border-color: var(--gray-200);

}

.btn-outline-gray-200:not(:disabled):not(.disabled):active,
.btn-outline-gray-200:not(:disabled):not(.disabled).active,
.show>.btn-outline-gray-200.dropdown-toggle {

	color: var(--text);

	background-color: var(--gray-200);

	border-color: var(--gray-200);

}



.btn-gray-900 {

	color: #fff;

	border-color: var(--gray-900);

	background-color: var(--gray-900);

}

.btn-gray-900:hover {

	color: #fff;

	border-color: var(--text);

	background-color: var(--text);

}

.btn-gray-900:not(:disabled):not(.disabled):active,
.btn-gray-900:not(:disabled):not(.disabled).active,
.show>.btn-gray-900.dropdown-toggle {

	color: #fff;

	border-color: var(--text);

	background-color: var(--text);

}





.w-fit-content {
	width: fit-content;
}

.gap_3 {
	gap: 0.3rem;
}

.gap_8 {
	gap: 0.8rem;
}

.gap_15 {
	gap: 1.5rem;
}

.gap_16 {
	gap: 1.6rem;
}

.gap_20 {
	gap: 2.0rem;
}

.gap_30 {
	gap: 3.0rem;
}



.row_gap_12 {
	row-gap: 1.2rem;
}



.pl_27 {
	padding-left: 2.7rem;
}

.mb_12 {
	margin-bottom: 1.2rem;
}



/* 국기 비율 3:2 */

.flag_rect {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: block;
}

.flag_rect::after {
	content: '';
	display: block;
	padding-bottom: calc(2/3*100%);
}

.flag_rect>span {

	position: absolute;

	width: 100%;

	height: 100%;

	object-fit: cover;

	image-rendering: -webkit-optimize-contrast;

	border: 0;

	box-shadow: none;

	background-size: cover !important;

}
/* 고도화 border-radius 추가 */
.flag_wr {

	border: 1px solid var(--gray-400);

	border-radius: 5px;

	flex-shrink: 0;

	/* 기본크기 */

	width: 2.5rem;

}



.commu_ico_wr {
	color: var(--gray-800);
	flex-shrink: 0;
}



.dev2_pg .sch_ip input[type="search"] {

	-webkit-appearance: textfield;

}

.dev2_pg .sch_ip input[type=search]::-ms-clear,
.dev2_pg .sch_ip input[type=search]::-ms-reveal {

	display: none;

}

.dev2_pg .sch_ip input[type="search"]::-webkit-search-decoration,

.dev2_pg .sch_ip input[type="search"]::-webkit-search-cancel-button,

.dev2_pg .sch_ip input[type="search"]::-webkit-search-results-button,

.dev2_pg .sch_ip input[type="search"]::-webkit-search-results-decoration {

	display: none;

}

.sch_ip .form-control:focus {
	box-shadow: none;
}





/********** head 수정 **********/

/* 모바일 헤더 알림설정 아이콘 */

.set_push_btn {
	width: 2.4rem;
	margin-right: 2.0rem;
}

.m_nav .nav_ul2 .content_menu_tit {

	font-weight: 800;

}





/********** 지역로고 **********/

.area_logo {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;



	margin: auto;

	display: inline-block;

	vertical-align: middle;

	border: 1px solid #e5e5e5;

	-webkit-box-shadow: inset 0px 0px 0px 2px #fff;

	box-shadow: inset 0px 0px 0px 2px #fff;



	background-size: cover !important;

}



.area_logo.seoul {
	background: url('../img/seoul.jpg');
}

.area_logo.gangwon {
	background: url('../img/gangwon.jpg');
}

.area_logo.gyeonggi {
	background: url('../img/gyeonggi.jpg');
}

.area_logo.gyeongnam {
	background: url('../img/gyeongnam.jpg');
}

.area_logo.gyeongbuk {
	background: url('../img/gyeongbuk.jpg');
}

.area_logo.gwangju {
	background: url('../img/gwangju.jpg');
}

.area_logo.daegu {
	background: url('../img/daegu.jpg');
}

.area_logo.daejeon {
	background: url('../img/daejeon.jpg');
}

.area_logo.busan {
	background: url('../img/busan.jpg');
}

.area_logo.sejong {
	background: url('../img/sejong.jpg');
}

.area_logo.incheon {
	background: url('../img/incheon.jpg');
}

.area_logo.ulsan {
	background: url('../img/ulsan.jpg');
}

.area_logo.jeollanam {
	background: url('../img/jeollanam.jpg');
}

.area_logo.jeollabuk {
	background: url('../img/jeollabuk.jpg');
}

.area_logo.jeju {
	background: url('../img/jeju.jpg');
}

.area_logo.chungnam {
	background: url('../img/chungnam.jpg');
}

.area_logo.chungbuk {
	background: url('../img/chungbuk.jpg');
}







/********** 라운지/채널 페이지 **********/

/* 상단 검색 박스 */

.sch_box {

	padding: 2.5rem 5.0rem 2.5rem 4.0rem;

	border-radius: 1.0rem;

	background: url('../img/sch_box_bg.jpg') no-repeat center;

	background-size: cover;

	color: #fff;

	margin-bottom: 1.5rem;

}

.sch_box .flag_position_wr {
	height: 36.5px;
}

.sch_box .flag_wr {

	width: 4.0rem;

	margin-right: 1.0rem;

}

.sch_box .commu_tit {

	font-size: 2.8rem;

	font-weight: 700;

	line-height: 1.3;

}

.sch_box .change_btn {

	height: 36.5px;

	flex-shrink: 0;

	margin-left: 0.5rem;

}

.sch_box .change_btn img {

	width: 2.5rem;

	filter: invert(100%) sepia(1%) saturate(745%) hue-rotate(331deg) brightness(117%) contrast(100%);

}



.sch_box .write_btn {

	height: 3.0rem;

	padding: 1.0rem 1.5rem;

	background: #fff;

	color: #3A3A3A;

	font-size: 1.2rem;

	font-weight: 600;

}



/* 검색창 디자인 */

.topic_sch {

	width: 48.0rem;

	border: 1px solid rgb(255 255 255 / 10%);

	background: rgb(255 255 255 / 20%);

	padding: 0 2.0rem;

}

.topic_sch .form-control {

	background: transparent;

	color: #fff;

	font-size: 1.5rem;

}

.topic_sch .form-control:focus {

	outline: 0;

	border: 0;

	box-shadow: none;

}

.topic_sch .form-control+.btn {
	margin-left: 1.0rem;
}





/* 국가를 선택하세요 말풍선 */

.community_pg .bubble_wr {

	position: absolute;

	top: 2px;

	right: 0;

	transform: translate(calc(100% + 18px), 0);

}

.community_pg .bubble {

	display: flex;

	align-items: center;

	position: relative;

	padding: 0.8rem 1.0rem;

	background: #FAF089;

	-webkit-border-radius: 0.5rem;

	-moz-border-radius: 0.5rem;

	border-radius: 0.5rem;

	color: var(--text);

	font-size: 1.2rem;

	font-weight: 600;

	line-height: 1.2;

}



.community_pg .bubble:after {

	content: '';

	position: absolute;

	border-style: solid;

	border-width: 9px 10px 9px 0;

	border-color: transparent #FAF089;

	display: block;

	width: 0;

	z-index: 1;

	left: -8px;

	top: 50%;

	transform: translate(0, -50%);

}



.community_pg .bubble .close_btn {
	width: auto;
	margin-left: 1.0rem;
	flex-shrink: 0;
}

.community_pg .bubble .close_btn img {

	width: 1.4rem;

}





/* 토픽 리스트 카드 디자인 */

.topic_cd_wr {
	gap: 2.0rem;
}



.topic_card {

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	position: relative;

	width: calc((100% - 2.0rem) / 2);

	padding: 2.0rem;

	border-radius: 1.0rem;

	border: 1px solid var(--gray-400);

	background: #fff;

}

.topic_card .tp_tit_wr {
	margin-bottom: 0.7rem;
}

.tp_tit_wr.with_photo::after {

	content: "";

	display: block;

	width: 1.9rem;

	height: 1.9rem;

	background: url('../img/ic_photo.png') no-repeat center;

	background-size: cover;

	flex-shrink: 0;

	margin-left: 0.3rem;

}

.tp_tit_wr .tit_txt {

	font-size: 1.6rem;

	font-weight: 500;

}



.tp_cont_txt {

	font-size: 1.4rem;

	font-weight: 500;

	color: var(--gray-600);

	margin-bottom: 1.0rem;

  min-height: calc(1.2em * 2);

}



.topic_card .user_info_line {

	font-size: 1.3rem;

	line-height: 1.3;

	color: var(--gray-800);

}

.topic_card .user_info_line .flag_wr {
	width: 2.5rem;
	margin-right: 0.5rem;
}





/* 뱃지 디자인 */

.badge {

	padding: 0.3rem;

	border-radius: 0.4rem;

	font-size: 1.3rem;

	font-weight: 400;

	margin-bottom: 1.0rem;

	word-break: break-all;

	text-wrap: wrap;

	text-align: left;

	line-height: 1.1;

	cursor: default;

}

.badge.gray {
	background-color: var(--gray-200);
	color: var(--gray-800);
}

.badge.red {
	background-color: var(--primary-200);
	color: var(--primary);
}

.badge.orange {
	background-color: #FFF2EB;
	color: #F5894A;
}

.badge.green {
	background-color: #E8FEF8;
	color: #2B7462;
}

.badge.blue {
	background-color: #E7EFFF;
	color: #4D8AFF;
}





/* 하단 아이콘 */

.icon_line {

	display: flex;

	justify-content: space-between;

	align-items: center;

	border-top: 1px solid var(--gray-400);

	padding-top: 1.0rem;

	margin-top: 1.0rem;

}



.commu_ico_wr {

	display: flex;

	align-items: center;

	font-size: 1.2rem;

	color: var(--gray-800);

	margin-right: 1.0rem;

}



.topic_card .topic_time {

	text-align: right;

	font-size: 1.3rem;

	color: var(--gray-800);

	padding-right: 2.8rem;

}



/* 북마크 버튼 */

.topic_card .bookmark_wr {

	position: absolute;

	bottom: 1.8rem;

	right: 2.0rem;

	z-index: 2;

	margin: 0;

}



/* 링크 */

.topic_card a.topic_link {

	display: block;

	width: 100%;

	height: 100%;

	border-radius: inherit;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}





/* 중간 띠 배너 */

.md_bnr {
	margin: 2.0rem 0;
}





/* 모바일 상단 탭 */

.mo_commu_tab {

	position: relative;

	display: none;

	justify-content: space-between;

	align-items: center;

	background: #3A3A3A;

	padding: 1.5rem 1.6rem;

	border-bottom: 1px solid rgb(255 255 255 / 20%);

}

.mo_commu_tab .btn img {
	width: 20px;
}



.mo_commu_tab ul li {

	flex-shrink: 0;

	margin-right: 2.5rem;

}

.mo_commu_tab ul li:last-child {
	margin-right: 0;
}

.mo_commu_tab ul li a {

	font-size: 1.5rem;

	font-weight: 500;

	color: #fff;

	opacity: 0.5;

}

.mo_commu_tab ul li.on a {
	opacity: 1;
}



/* 모바일 검색창 */

.mo_sch_wr {

	display: none;

	align-items: center;

	justify-content: space-between;

	position: absolute;

	top: 0;
	left: 0;

	width: 100%;

	height: 100%;

	padding: 0.5rem 1.6rem;

	background: #3A3A3A;

}

.mo_sch_wr.show {
	display: flex;
}

.mo_sch_wr .topic_sch {
	height: 100%;
}

.mo_sch_wr .topic_sch .form-control {
	height: 100%;
}



.mo_sch_wr .sch_ip button {
	width: 20px;
	height: 20px;
}





/* 채널 카테고리 버튼 */

.channel_cate_wr {
	margin-top: 3rem;
	margin-bottom: 3.0rem;
}

.channel_cate_wr .tab_arrow_btn img {
	width: 1.9rem;
}

.channel_cate_wr .tab_arrow_btn {
	width: 3.5rem;
}

.channel_cate_wr .btn {

	background: var(--gray-400);

	color: var(--gray-600);

	font-size: 1.6rem;

	font-weight: 500;

	height: 3.5rem;

	flex-shrink: 0;

}

.channel_cate_wr .cate_btn {
	margin-right: 1.0rem;
}

.channel_cate_wr .cate_btn:last-child {
	margin-right: 0;
}

.channel_cate_wr .cate_btn.active {

	background: #3A3A3A;

	color: #fff;

}







/********** 커뮤니티 메인(PC) **********/

.tp_list_card {

	display: flex;

	flex-direction: column;

	width: calc((100% - 1.6rem) / 2);

	border: 1px solid var(--gray-400);

	border-radius: 1.0rem;

}

.tp_list_card .list_cd_hd {

	display: flex;

	align-items: center;

	justify-content: space-between;

	background: var(--gray-200);

	padding: 2.0rem 1.6rem;

	border-bottom: 1px solid var(--gray-400);

	border-top-left-radius: 1.0rem;

	border-top-right-radius: 1.0rem;

	height: 64px;

}

.tp_list_card .list_cd_hd .flag_wr {
	width: 3.5rem;
	margin-right: 0.5rem;
}

.tp_list_card .list_cd_hd p {

	font-size: 1.6rem;

	font-weight: 600;

	line-height: 1.2;

	margin-right: 0.5rem;

}



.tp_list_card .list_cd_hd .change_btn img {

	width: 2.0rem;

	filter: invert(12%) sepia(97%) saturate(6072%) hue-rotate(349deg) brightness(80%) contrast(104%);

}


.tp_list_card .list_cd_hd .view_more_btn {

	font-size: 1.5rem;

	color: var(--gray-700);

	line-height: 1;

}

/* 고도화 추가 */
.tp_list_card .list_cd_hd .view_more_btn :hover {

  color: #212529;
  background-color: #F8FAFC;
  border-color: #D5DDEB;

}



.tp_list_card .list_cd_bd {

	display: flex;

	flex-direction: column;

	background: #fff;

	padding: 2.0rem 1.6rem;

	min-height: 190px;

	border-bottom-left-radius: 1.0rem;

	border-bottom-right-radius: 1.0rem;

	flex-grow: 1;

}

.tp_list_card .list_cd_bd .commu_ico_wr {

	/*	width: 12%;*/

}



.cn_ct_icon {
	width: 2.0rem;
	margin-right: 0.5rem;
}



.no_topic {
	color: var(--gray-800);
	flex: 1 1 auto;
}

.no_topic img {

	width: 4.4rem;

	margin-bottom: 1.0rem;

}







/********** 국가/지역 선택 모달 **********/

.slct_modal.modal .modal-body {

	padding-top: 0;

	padding-bottom: 0;

	margin-bottom: 2.0rem;

	margin-top: 2.0rem;

	max-height: 390px;

}



.modal_sch_wr {

	padding: 2.0rem 2.0rem 0;

}



.radio_gr_wr {
	gap: 1.0rem;
}

.radio_gr_wr input[type=radio] {

	position: absolute;

	clip: rect(0, 0, 0, 0);

	pointer-events: none;

}



.slct_modal .radio_gr_wr .btn {

	width: calc((100% - 2.0rem) / 3);

	justify-content: start;

	text-align: left;

	font-weight: 400;

	padding: 1.0rem;

	margin-bottom: 0;

}

.slct_modal .radio_gr_wr .btn:hover,
.slct_modal .radio_gr_wr .btn:not(disabled):hover,
.slct_modal .radio_gr_wr .btn:has(input[type=radio]:checked) {

	border-color: var(--primary);

	background: var(--primary-100);

}



.radio_gr_wr .flag_wr {
	width: 2.5rem;
	margin-right: 0.5rem;
}

#select_area_modal .radio_gr_wr .flag_wr {
	width: 3.5rem;
}







/********** 토픽 작성 페이지 **********/

.topic_write .container {

	max-width: 710px;

}



.topic_write .sub_group_box {

	padding: 3.0rem 3.0rem 5.0rem;

}



.set_cate_wr {
	padding: 2.0rem 0 3.0rem;
}

.set_cate_wr .btn-outline-gray-400:not(:disabled):not(.disabled):active,
.set_cate_wr .btn-outline-gray-400:not(:disabled):not(.disabled).active,
.set_cate_wr .show>.btn-outline-gray-400.dropdown-toggle,
.set_cate_wr .btn-outline-gray-400:hover {

	border-color: var(--primary);

	background: var(--primary-200);

	color: var(--primary);

}



.selcted_cate {
	margin-top: 3.0rem;
	margin-bottom: 2.0rem;
}

.selcted_cate .flag_wr {
	width: 3.5rem;
	margin-right: 0.5rem;
}

.selcted_cate p {
	font-size: 1.6rem;
	font-weight: 600;
}



.hashtag_wr {
	gap: 1.0rem;
}

.hashtag_wr .result_list {
	background: var(--gray-200);
	margin: 0;
	flex-wrap: nowrap;
}

.hashtag_wr .result_list .btn {
	flex-shrink: 0;
}

.hashtag_wr .result_list span {
	text-wrap: wrap;
}

.hashtag_wr .result_list span::before {
	content: "#";
	align-self: start;
}



.topic_write_btn_gr {
	margin-top: 5.0rem;
}







/********** 토픽 상세 페이지 **********/

/* 북마크 버튼 */

.hd_mo .bookmark_wr {
	margin: 0;
}

.hd_mo .bookmark_wr img {
	width: 2.0rem;
}



/* 추천 글 */

.recmnd_tp {

	width: 36.0rem;

	border-radius: 1.0rem;

	border: 1px solid var(--gray-400);

	margin-left: 3.0rem;

}

.recmnd_tp_hd {

	display: flex;

	align-items: center;

	background: var(--gray-100);

	border-top-left-radius: 1.0rem;

	border-top-right-radius: 1.0rem;

	border-bottom: 1px solid var(--gray-400);

	padding: 1.6rem 2.0rem;

	font-size: 1.6rem;

	font-weight: 600;

}

.recmnd_tp_hd img {
	width: 2.3rem;
	margin-right: 0.8rem;
}



.recmnd_tp_bd {

	background: #fff;

	padding: 1.6rem 2.0rem;

	border-bottom-left-radius: 1.0rem;

	border-bottom-right-radius: 1.0rem;

}

.recmnd_tp_bd li:not(:last-child) {

	border-bottom: 1px solid var(--gray-400);

}

.recmnd_tp_bd li a {
	display: block;
}

.recmnd_tp_bd li:not(:first-child) a {
	padding-top: 1.5rem;
}

.recmnd_tp_bd li:not(:last-child) a {
	padding-bottom: 1.5rem;
}

.recmnd_tp_bd li a p.line1_text {

	font-size: 1.5rem;

	color: #59697D;

}





/* 토픽 상세 , 고도화 추가*/

.topic_dt_box {

	padding: 3.0rem;
  width:100%;

}



.topic_dt_hd {
	padding-bottom: 2.0rem;
	border-bottom: 1px solid var(--gray-400);
}

.topic_dt_box .more_btn {
	width: 2.4rem;
}

.topic_dt_box .sub_menu_ul {

	min-width: 10.0rem;

	text-align: center;

}



.topic_tit {

	font-size: 2.2rem;

	font-weight: 700;

	line-height: 1.2;

	margin-bottom: 1.0rem;

}


.user_info_line .topic_nickname {
    cursor: pointer;
    display:block;
    position: relative;
    z-index: 2;
}

.user_info_line {

	display: inline-flex;

	align-items: center;

	line-height: 1.2;

}

.user_info_line>div {

	display: flex;

	align-items: center;

}




.user_info_line .profile_circle_box {
	width: 2.4rem;
	height: 2.4rem;
}

.user_info_line .flag_wr {
	width: 2.5rem;
	margin-right: 0.3rem;
}



.user_info_line .user_nickname {
	font-size: 1.3rem;
	color: var(--gray-900);
	word-break: break-all;
}



.topic_dt_cont {

	padding-top: 2.0rem;

	padding-bottom: 3.0rem;

	border-bottom: 1px solid var(--gray-400);

}

.editor_style {
	line-height: 1.7;
}

.topic_dt_cont .editor_style a {
	color: #0066cc;
	text-decoration: underline;
  }



.editor_style figure {
	margin: 0;
}

.editor_style figure:not(:first-child) {
	margin-top: 1rem;
}

.editor_style figure:not(:last-child) {
	margin-bottom: 1rem;
}





/* 해시태그 뱃지 */

.hash_tag_gr {

	display: flex;

	flex-wrap: wrap;

	gap: 0.5rem;

	margin-top: 3.0rem;

}

.tag_badge {

	padding: 0.4rem 0.6rem;

	border-radius: 0.5rem;

	background: #E7EFFF;

	color: #4D8AFF;

	font-size: 1.2rem;

	line-height: 1.1;

}





/* 북마크/추천/공유하기 버튼 */

.topic_btn_gr {

	display: flex;

	margin-top: 4.0rem;

}

.topic_btn_gr .btn {

	height: 3.0rem;

	border: 1px solid var(--gray-500);

	padding: 0.7rem 1.0rem;

	font-size: 1.4rem;

	font-weight: 500;

	color: var(--gray-700);

	border-radius: 3.0rem;

}

.topic_btn_gr .btn img {
	margin-right: 0.4rem;
}



/* 토글버튼 활성화 */

.toggle_btn.on {

	border-color: var(--primary);

	color: var(--primary);

}



/* 토글버튼 이미지 */

.toggle_btn .toggle_img_off {
	display: block;
}

.toggle_btn .toggle_img_on {
	display: none;
}



.toggle_btn.on .toggle_img_off {
	display: none;
}

.toggle_btn.on .toggle_img_on {
	display: block;
}





/* 댓글 작성란 */

.comment_write_wr {

	padding: 3.0rem 0;

}

.comment_write_wr .btn {
	min-width: 16.0rem;
}

.comment_write_wr textarea {

	min-height: 10.4rem;

	resize: none;

}


/* 댓글 */

.cmt_sect_tit {

	font-size: 1.8rem;

	font-weight: 700;

	line-height: 1.3;

}

.comment_read_wr:has(.comment) {

	padding-top: 3.0rem;

	border-top: 1px solid var(--gray-400);

}



.comment:last-child {
	border-bottom: 0;
}

.comment .profile_circle_box {
	width: 3.0rem;
	height: 3.0rem;
}

.comment .user_nickname {
	font-size: 1.5rem;
	font-weight: 500;
	word-break: break-all;
}

.comment .flag_wr {
	margin-right: 0.5rem;
}


/* 고도화 추가 */
.comment .comment_cont {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
	font-size: 1.5rem;
	line-height: 1.5;
	white-space: pre-line;
	color: var(--gray-900);
    margin-top: 1rem;
}


.cmt_detail{display: flex; align-items: center; justify-content: space-between; margin-top: 1rem;}
.cmt_detail > div{width: 80%; display: flex; align-items: center;}

.comment .cmt_time {
	font-size: 1.4rem;
	color: var(--gray-700);
	line-height: 1.1;
	margin-right: 1.5rem;
}

.comment .commu_ico_wr {
	font-size: 1.4rem;
	color: var(--gray-700);
	line-height: 1.1;
	display: flex;
	align-items: center;
}



.open_reply_btn:hover {
	/* text-decoration: underline; */
	text-decoration-color: var(--gray-700);
}

.open_reply_tbtn{color: var(--gray-700) !important; font-weight: 500;}
.open_reply_tbtn:hover{text-decoration: underline;}



/* 답글 영역 */

.reply_wr {

	background: var(--gray-100);

	border-radius: 1.0rem;

	margin-top: 2.0rem;

}

.reply_wr .comment_write_wr {
	padding: 1.5rem 1.5rem 2.0rem;
}

.comment_write_wr.collapse,
.comment_write_wr.collapsing {
 transition: height 0.15s ease-in-out;
}

/* 답글 아이콘 */

.reply .reply_ico {

	width: 1.7rem;

	height: 1.7rem;

	background: url(../img/ico_reply.png) no-repeat;

	background-size: contain;

	flex-shrink: 0;

	margin-right: 1.0rem;

}



.reply {
	padding: 2.0rem 1.5rem;
}

.reply:not(:last-child) {
	border-bottom: 1px solid var(--gray-400);
}

.comment_write_wr+.reply {

	padding-top: 2.0rem;

	border-top: 1px solid var(--gray-400);

}





/* 댓글 블러처리 */

.all_comment.blur_on {

	position: relative;

	max-height: 50.0rem;

	overflow: hidden;

}

.all_comment.blur_on::before {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgb(255 255 255 / 0%);

	backdrop-filter: blur(7px);

	-webkit-backdrop-filter: blur(7px);

	z-index: 1;

}

.all_comment .join_in_talentlink {

	display: none;

	flex-direction: column;

	align-items: center;

	width: 100%;

	position: absolute;

	top: 5.0rem;

	left: 0;

	z-index: 2;

}

.all_comment.blur_on .join_in_talentlink {
	display: flex;
}

.join_in_talentlink .btn {
	min-width: 10.0rem;
}



.best_comment+.default_comment {
	margin-top: 3.0rem;
}



/* 유저 닉네임 커서 처리 */

.open_user_detail {
	cursor: pointer;
}







/********** 내가 작성한 글 페이지 수정 **********/

body:has(.dev2_pg) .post_list_wr .tp_cont_txt {
	margin-bottom: 0.7rem;
}

body:has(.dev2_pg) .post_list_wr .tp_tit_wr .tit_txt {
	font-size: 1.4rem;
}

body:has(.dev2_pg) .post_list_wr {
	position: relative;
}

body:has(.dev2_pg) .post_list_wr a {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;
	left: 0;

}

.comment_arrow {
	width: 1.6rem;
	height: 1.6rem;
}





/********** 커뮤니티 즐겨찾기 **********/

.tab_cont_wr .topic_cd_wr {

	gap: 1.0rem;

}

.tab_cont_wr .topic_card {

	width: calc((100% - 1.0rem) / 2);

}





/********** 회원정보 모달 **********/

.modal_wide3.modal-dialog {
	max-width: 75.0rem;
}

#user_detail_modal .prf_cirbox_wr {
	width: 25%;
}

#user_detail_modal .modal-body {
	max-height: 65.0rem;
}







/********** 푸쉬알림 설정 페이지(모바일 전용) **********/

body:has(.push_setting) .ft {
	display: none;
}

body:has(.push_setting) .chatbot_wr {
	display: none;
}



.setting_gr .setting {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 1.5rem 1.6rem;

}

.setting_gr .setting span {
	margin-right: 1.0rem;
}



.setting_gr .setting.main_set {
	border-bottom: 1px solid var(--border);
	font-weight: 700;
}













/********** 반응형 **********/

/*반응형 max 1200 xl*/

@media (max-width: 1199.98px) {}



/* 태블릿, 모바일 시작 사이즈 */

/*반응형 max 992px lg*/

@media (max-width: 991.98px) {
  
  .chatbot_wr:has(.btn_chatbot.write_topic) {
      right: 1.6rem;
    }

	.lounge_layout .sub_with_bnr {
		padding-top: 0;
	}

	.lounge_layout .tit_h2 {
		font-size: 2.2rem;
	}



	/* 상단 검색 박스 */

	.container:has(.sch_box) {
		padding: 0;
	}

	.sch_box {

		border-radius: 0;

		padding: 3.0rem 1.6rem;

		margin-bottom: 2.0rem;

	}

	.sch_box .flag_position_wr {
		height: 33px;
	}

	.sch_box .change_btn {
		height: 33px;
	}



	/* 국가를 선택하세요 말풍선 */

	.community_pg .bubble_wr {

		top: unset;

		bottom: 0;

		right: 0;

		transform: unset;

		transform: translateY(calc(100% + 7px));

	}

	.community_pg .bubble {

		padding: 0.7rem 0.8rem;

		-webkit-border-radius: 0.4rem;

		-moz-border-radius: 0.4rem;

		border-radius: 0.4rem;

	}

	.community_pg .bubble:after {

		border-width: 0 9px 13px;

		border-color: #FAF089 transparent;

		left: unset;

		right: 3px;

		top: -8px;

		transform: translate(0, 0);

	}



	/* 토픽 리스트 카드 디자인 */

	.topic_cd_wr {
		gap: 1.0rem;
	}

	.topic_card {
		width: 100% !important;
	}

	.tp_list_card .list_cd_hd {
		height: 58px;
	}



	/* 모바일 상단 탭 */

	.mo_commu_tab {
		display: flex;
	}



	/* 채널 카테고리 버튼 */

	.channel_cate_wr {
		margin-bottom: 2.0rem;
	}





	/********** 커뮤니티 메인(PC) **********/

	.tp_list_card {
		width: 100%;
	}

	.tp_list_card .list_cd_bd {

		min-height: 171px;

	}





	/********** 토픽 작성 페이지 **********/

	body:has(.topic_write) .ft {
		padding-bottom: 0 !important;
	}

	.topic_write .container {
		max-width: 100%;
	}

	.topic_write_btn_gr {

		padding: 1.0rem 0;

		background: #fff;

		margin-top: 3.0rem;

		position: sticky;

		bottom: 0;

	}



	/********** 토픽 상세 페이지 **********/

	.topic_detail .sub_with_tit {

		padding-top: 0;

		padding-bottom: 0;

	}

	.topic_detail .container {

		padding-left: 0;

		padding-right: 0;

	}



	.topic_detail .sub_group_box.topic_dt_box {

		padding: 2.0rem 1.6rem 4.0rem !important;
		width: 100%;
	}



	/* 추천 글 */

	.recmnd_tp_wr {

		width: 100%;

		padding: 4.0rem 1.6rem;

	}

	.recmnd_tp {

		width: 100%;

		margin-left: 0;

	}

	.recmnd_tp_bd li:not(:last-child) {
		border-bottom: 0;
	}

	.recmnd_tp_bd li:not(:first-child) a {
		padding-top: 0.8rem;
	}

	.recmnd_tp_bd li:not(:last-child) a {
		padding-bottom: 0.8rem;
	}



}



/*반응형 max 767px md*/

@media (max-width: 767.98px) {}



/*반응형 max 576px sm*/

@media (max-width: 575.98px) {

	/* 국가/지역 선택 모달 */

	.slct_modal .radio_gr_wr .btn {

		width: calc((100% - 1.0rem) / 2);

	}



	/* 회원정보 모달 */

	#user_detail_modal .prf_cirbox_wr {
		width: 100%;
	}

}



/*반응형 max 350px */

@media (max-width: 349.98px) {

	/* 국가/지역 선택 모달 */

	.slct_modal .radio_gr_wr .btn {

		width: 100%;

	}



	/* 회원정보 모달 */

	#user_detail_modal .pagination_wr .pagination a {

		width: 2.8rem;

		height: 2.8rem;

	}

}

.d_grid {
  display: grid;
}

.mr_4 {
  margin-right: 0.4rem;
}

.go_corp {
  padding: 0.4rem 0.8rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.1;
  color: var(--gray-800);
  height: auto;
  margin-right: 1.5rem;
}

.go_corp img {
  margin-left: 0.3rem;
}

.m_menu_join {
  height: auto;
  width: auto;
  padding: 0.5rem 0.7rem;
  min-width: unset;
}


/* 커뮤니티 PC 메인페이지 채널 아이콘 */
.cn_ct_icon i {
  font-size: 2.0rem;
  color: var(--gray-900);
}


.btn-blue {
  background-color: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

.btn-blue:hover,
.btn-blue:focus {
  color: #fff;
}
