@charset "UTF-8";

/* 공용  */
* {margin: 0;  padding: 0; box-sizing: border-box;}
body.menu_on {overflow: hidden;}
body {font-family: sans-serif; background-color: var(--bg);}
.search-box input:focus-visible{outline:none;}
.sub-page, .my_pg{width:100%; overflow: hidden; min-height:80vh; padding-bottom:5rem;}
.sub-title{padding:53px 0 30px; text-align:center;}
.sub-title h2{font-size:2.4rem; font-weight:600;}
.container{padding: 0;}
.container.service{margin-bottom:100px; padding: 0;}
.gap-2{gap:2px;}
.gap-4{gap:4px;}
.gap-5{gap:5px;}
.gap-6{gap:6px;}
.gap-8{gap:8px;}
.gap-10{gap:10px;}
.gap-12{gap:12px;}
.gap-13{gap:13px;}
.gap-14{gap:14px;}
.gap-15{gap:15px;}
.gap-10-15{gap:10px 15px;}
.text-primary{color: var(--primary);}
.relative{position:relative;}
.mo_only{display:none}
.main-container{display:flex; align-items: stretch; justify-content: space-between; gap: 1.5rem;}
.sides_banner{padding-top:50px; max-width: 224px; width: 100%;}
.sides_banner .left-banner_box{position: sticky; top: 2rem; left:0; z-index:10; max-width: 224px; background-color: #fff;  padding: 18px 20px;  border-radius: 0px 28px 28px 0px;  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);}
.sides_banner .right-banner_box{position: sticky; top: 2rem; right:0; z-index:10; max-width: 224px; background-color: #fff;  padding: 18px 20px;  border-radius: 28px 0px 0px 28px;  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.1);}
.sides_banner .left-banner, .sides_banner .right-banner{border-radius:20px; overflow:hidden; }
.sides_banner ul li{width:100% !important; aspect-ratio: 1 / 1.8;}
.sides_banner ul li img{width:100%; aspect-ratio: 1 / 1.8; object-fit: cover; border-radius:20px; }
.sides_banner .swiper-pagination{width: auto; left: 50%; transform: translateX(-50%);padding: 4px 9px;  background-color: rgba(0, 0, 0, 0.4);  border-radius: 50px;  color: #fff;  font-size: 13px; font-weight: 500;}
.sides_banner .mini-banner{display: flex; flex-wrap: wrap; gap: 1rem;}
.sides_banner .mini-banner li{aspect-ratio: 39 / 32;}
.sides_banner .mini-banner li img{aspect-ratio: 39 / 32;}
.tag_box .tag_span:last-child{margin-bottom:0;}
.tag_span{display:inline-block; padding:0.5rem 0.8rem; border-radius:6px; font-size:1.2rem; font-weight:500; color:#fff; margin-bottom:0.5rem;}
.tag_blue{background-color:#1DB5C8;}
.tag_gray{background-color:rgba(0,0,0,0.5);}
.link_btn{width: 26px; height: 26px; padding: 0; border: none;  background: none;vertical-align: middle;   /* inline 요소 정렬 */display: flex; /* flex로 강제 정렬 */align-items: center;      /* 수직 중앙 */}
.modal-backdrop.fade.show{z-index:1050;}
.modal-open .mo-choice{z-index:1060;}
.modal-open .z-1060{z-index:1060;}
.add-tag{font-size:1.2rem; color:#848F9A; margin-bottom:0.5rem; padding-right: 2.6rem;}
.board_tag{display:inline-block; padding:0.5rem 0.8rem; border-radius:6px; font-size:1.4rem; font-weight:500; background-color:#EDF7F2;}
.no-list-form{display:flex; justify-content: center; flex-wrap: wrap; gap:3rem;  padding: 50px 0;}
.no-list-form p{width:100%; text-align: center;}
input[type="date"]{ appearance: none;  /* 기본 화살표/아이콘 제거 */ line-height: normal; -webkit-appearance: none;}
/* iOS에서 input date 텍스트정렬 */
input[type="date"]::-webkit-date-and-time-value{text-align: left; vertical-align: center; line-height: 46px;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;appearance: none;}
.search-box .clear-btn, .sch_ip .clear-btn2 {position: absolute; right: 38px; top: 50%; transform: translateY(-50%); border: none; background: transparent; width:1.5rem;  cursor: pointer; display: none; /* 기본 숨김 */}
.sch-box .clear-btn, .sch_ip .clear-btn2 {position: absolute; right: 38px; top: 50%; transform: translateY(-50%); border: none; background: transparent; width:1.5rem;  cursor: pointer; display: none; /* 기본 숨김 */}

/* 헤더 */
.h_menu {position: fixed;  left: 0;  top: 0;  width: 100%;  height: var(--hd_height);  background: var(--bg);  padding: 0 6rem;  border-bottom: 1px solid var(--border);  display: flex;  align-items: center;  justify-content: space-between;  z-index: 9999;}
.guide_pg3 {background-color: #00acc1; color: #fff;}
.mb_header {display: none;}
.logo {height: 3rem; display: block;}
.pc_nav {height: 100%;}
.pc_nav .nav_wr {height: 100%;}
.pc_nav .nav_ul {display: flex;    height: 100%;}
.pc_nav .nav_li {height: 100%; position: relative;}
.pc_nav .nav_a {display: flex;    align-items: center;    justify-content: center;    width: 100%;    height: 100%;    padding: 0 3rem;}
.pc_nav .nav_ul2 {display: none;}
.pc_nav .nav_li:hover .nav_ul2 {display: block;    position: absolute;    background: var(--bg);    top: 100%;    left: 50%;    transform: translateX(-50%);    border: 1px solid var(--border);    z-index: 9999;}
.pc_nav .nav_ul2 a {display: block;    padding: 1rem 2rem;    white-space: nowrap;}
.pc_nav .nav_a i {display: none;}
.top-bar {background-color: var(--gray-10);  font-size: 13px;  padding: 6px 20px;  text-align: right;  color: var(--gray-70);}
.top-bar a {color: var(--secondary);   text-decoration: none;  margin-left: 10px;    font-weight: 400;}
.top_bar_inner {max-width: 1050px;    margin: 0 auto;    display: flex;    justify-content: flex-end;}
.header {max-width: 1050px;    margin: 0 auto;    display: flex;    justify-content: space-between;    padding: 0px 0px;    background-color: var(--white);    flex-wrap: wrap;    height: 90px;}
.header .icons img {width: 30px;}
.logo img {height: 76px;  width: auto;  padding-top: 12px;}
.search-box {position: relative;  width: 270px;  height: 44px;  display: flex;  align-items: center;  background-color: #fff;  border: 1px solid var(--gray-30);  border-radius: 20px;  padding: 0 10px;}
.search-box img {width: 24px !important; margin-bottom:0px !important;}
.search-box input {width: 100%;  padding: 8px 44px 8px 12px;  border: none;    border-radius: 20px;    font-size: 14px;    background-color: #fff;    /* color: var(--text); */}
.search-box input::placeholder {color: var(--input_placeholder);}
.search-box button {position: absolute; right: 10px;  top: 50%;  transform: translateY(-50%);  background: none;   border: none;  font-size: 16px;  cursor: pointer; color: var(--gray-70);}
.icons {display: flex;   gap: 25px;   font-size: 15px;   align-items: center;}
.icons img {margin-bottom: 3px;}
.icons a {text-decoration: none; color: var(--gray-90);   text-align: center;  display: flex;  flex-direction: column;  align-items: center;  font-size: 12px;}
.gnb {width: 100%;   display: flex;  gap: 20px;   height: 65px;  justify-content: center;   padding: 10px 0;  font-weight: bold;  border-top: 1px solid var(--gray-20);  border-bottom: 1px solid var(--gray-20);}
.gnb_inner {width: 1050px;  display: flex;  margin: 0 auto;  gap: 20px; justify-content: flex-start;  padding: 10px 0;  font-weight: 600;  font-size: 18px;  align-items: center; overflow-x: auto;    overflow-y: hidden;}
.gnb_inner::-webkit-scrollbar {height: 4px;}
.gnb_inner::-webkit-scrollbar-thumb {background-color: #bcd0e1; border-radius: 10px;}
.gnb_inner::-webkit-scrollbar-track {background: #eeeeee;}
.gnb a {color: var(--gray-90); text-decoration: none; border-radius: 10px;}
.mobile-menu {display: none;}
.big-box .sch_ip, .main-list-box .sch_ip{border-radius: 50px;}
.big-box .sch_ip input, .main-list-box .sch_ip input{border: 0}
.main-list-box .sch_ip{max-width:300px; border:1px solid #D7DCE2;}
.recent-search-box{position: absolute; z-index: 10; top: 43px; right: 0; width: 100%;  padding: 1.5rem; background-color: #fff;  border: 1px solid #eee; border-radius: 10px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);}
.recent-search-box .search-all-delete{position: unset; transform: unset; font-size: 1.3rem; height: auto;}
.recent-search-box .search-delete{width:;position: unset; transform: unset; font-size: 1.3rem; height: auto;}
.recent-search-box .search-delete img{margin-bottom:0; width: 8px !important; height: auto;}
.recent-search ul{display: flex; flex-wrap: wrap; gap: 1.5rem;padding:1rem 0;}
.recent-search ul li{display: flex; align-items: center;  justify-content: space-between; width: 100%;}
.recent-search ul li p{font-size:1.4rem;}




/* 모바일 메뉴 */
.hd_menu_btn {font-size: 2rem;}
.m_menu_wr {visibility: hidden; opacity: 0;  position: fixed;  top: 0;  right: 0;   width: 100%;   height: 100%;  z-index: 99999;  transition: all 0.5s ease-in-out;  display: flex; justify-content: flex-end;}

/* x버튼 */
.close_btn_wr {display: none;  opacity: 0;}
.m_nav .close_btn_wr {display: flex; justify-content: flex-end;  opacity: 0;}
.menu_on .m_nav .close_btn_wr {opacity: 1;}
.close_btn {height: auto; border:0; background-color:transparent;}

/*네비*/
.nav-top{height:5rem; padding:0 2rem; gap:1rem;}

/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr {visibility: visible;  opacity: 1;}
.m_nav {position: relative; width: 100%;  height: 100%;  z-index: 99999;  background: var(--bg);  transition: all 0.4s ease-in-out;  max-width: 0;  transform: translateX(100%);  visibility: hidden; opacity: 0;}
.menu_on .m_nav {transform: translateX(0); visibility: visible; opacity: 1; max-width: 50rem;}
.menu_bg {position: fixed;  left: 0;  top: 0; background: rgba(0, 0, 0, 0.6); transition: all 0.4s ease-in-out;  width: 100%;  height: 100%; z-index: 99998; visibility: hidden; opacity: 0;}
.menu_on .menu_bg {visibility: visible;  opacity: 1;}

/* 메뉴 열렸을때 내부 */
.m_nav .nav_wr {height: 100%;}
.m_nav .nav_ul {display: block;}
.m_nav .nav_li {height: 100%;  position: relative;}
.m_nav .nav_a {display: flex; align-items: center;  justify-content: space-between; width: 100%; height: 100%;  padding: 1rem 2rem;}
.m_nav .nav_a i {display: inline-block;}
.m_nav .nav_ul2 {display: none; background: #f0f0f0;}
.m_nav .nav_ul2 a {display: block;  padding: 1rem 2rem;  white-space: nowrap;}
.nav_list{ display: flex; align-items: stretch;   height: 100%;}
.nav_list .nav_list_1{width: 50%; overflow-y: auto;}
.nav_list .nav_list_1 ul{min-height: 100%; background-color: #F8F9FB; padding: 15px 18px;}
.nav_list .nav_list_1 ul li{font-size: 14px; line-height: 19px; font-weight: 500;  color: #707070; cursor: pointer; display: flex;  align-items: center;  justify-content: space-between;  padding: 15px;  border: 1px solid transparent;  border-radius: 6px;}
.nav_list .nav_list_1 ul li img{display:none;}
.nav_list .nav_list_1 ul li.active{border: 1px solid #10A9BE; color: #10A9BE; background-color: #fff;}
.nav_list .nav_list_1 ul li.active img{display:block;}
.nav_list .nav_list_2{width: 50%; overflow-y: auto;}
.nav_list .nav_list_2 ul{height: 100%; background-color: #fff; padding: 15px 18px;}
.nav_list .nav_list_2 ul li{font-size: 14px; line-height: 19px; font-weight: 500;  color: #707070; display: none;}
.nav_list .nav_list_2 ul li.on{display: block;}
.nav_list .nav_list_2 ul li .category2 a{display:inline-block; width:100%; padding: 15px;  border: 1px solid transparent;  border-radius: 6px;}
.nav_list .nav_list_2 ul li .category2 a:hover{color: #10A9BE; background-color: #F8F9FB;}

/*기업 회원가입*/
.radios_wr.radio-select{flex-direction: unset; gap:20px;}
.radio-select .radios{width:auto;}

/*찾기*/
.basic_form_wrap.find-box {max-width: 48.4rem; width:100%;text-align: center;}
.basic_form_wrap.find-box .check_icon{margin-bottom:20px;}
.basic_form_wrap.find-box .check_icon img{width: 83px; aspect-ratio: 1 / 1;}
.basic_form_wrap.find-box h4{font-size:25px; font-weight:600;}
.basic_form_wrap.find-box .text{font-size:16px; line-height:130%;}

/** 메인  **/
.main-pg{max-width:1050px; width:100%;}
.main-btn-box{display: flex; align-items: center; gap:15px;  position: absolute;  right: 0; top: 95px;}
.main-btn-box button{background-color:transparent; border:0;}
.main-btn-box button .on{display:none;}
.main-btn-box button.active .off{display:none;}
.main-btn-box button.active .on{display:block;}
.main-btn-box select{width: auto;  padding-right: 3.5rem; height: 36px; background: url(../img/ic_ip_select.png) no-repeat center right 1rem; background-size: 1.5rem;}
.main-group-box{padding-top:160px;}
.grid-container{display: grid; grid-template-columns: repeat(8, 1fr); /* 8칸 그리드 */ gap: 10px; margin: 0 auto;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.main-list-box{margin-top: 40px; padding-top: 12px;}
.main-list-box .mobile{display:none;}
.main-list-box .top{margin-bottom:20px; }
.main-list-box .top p{font-size:30px; font-weight:600;}
.main-find-survice{display: flex; align-items: stretch; gap: 10px;}
.main-find-survice .find-survice-left{width: 60%; height: 507px; padding: 3rem; overflow: auto; border: 1px solid #D7DCE2; border-radius: 1.2rem;}
.main-find-survice .find-survice-right{width: 40%;height: 507px; padding: 3rem; overflow: auto; background-color: #F8F9FB; border-radius: 1.2rem;}
.main-find-survice .find-survice-left ul{display: flex;  flex-wrap: wrap;  gap: 20px;}
.main-find-survice .find-survice-left ul li{width: calc((100% / 2) - 10px); display: flex;  align-items: center;  justify-content: space-between; cursor: pointer;}
.main-find-survice .find-survice-left ul li .icon{display: flex; align-items: center; gap: 10px;}
.main-find-survice .find-survice-left ul li .icon img{width: 40px; aspect-ratio: 1 / 1;}
.main-find-survice .find-survice-left ul li .icon p{font-size: 1.7rem; font-weight: 600;}
.main-find-survice .find-survice-left ul li:hover .icon p, .main-find-survice .find-survice-left ul li.active .icon p{color:#10A9BE;}
.main-find-survice .find-survice-right ul{display: flex; flex-wrap: wrap; gap: 10px; }
.main-find-survice .find-survice-right ul li{width: calc((100% / 3) - 6.7px); cursor: pointer;}
.main-find-survice .find-survice-right ul li .icon{text-align: center; padding: 2rem 1rem;  background-color: #fff;  border-radius: 1.2rem; border: 1px solid #EBEEF2;  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);}
.main-find-survice .find-survice-right ul li .icon img{width:55px; aspect-ratio: 1 / 1; margin-bottom:0.5rem;}
.main-find-survice .find-survice-right ul li .icon p{font-size:1.4rem;}
.main-bottom-benner{margin-top:10rem; margin-bottom:-3rem;}
.swiper-button-prev.img-change:after, .swiper-button-next.img-change:after{display:none;}
.swiper-button-next.img-change{right: var(--swiper-navigation-sides-offset, 20%);}
.swiper-button-prev.img-change{left: var(--swiper-navigation-sides-offset, 20%);}
.big_img .swiper-button-next.img-change{right: var(--swiper-navigation-sides-offset, 18px);}
.big_img .swiper-button-prev.img-change{left: var(--swiper-navigation-sides-offset, 18px);}
.main-bottom-benner ul li{width:100%; height: 198px; aspect-ratio: 320 / 33; text-align: center;}
.main-bottom-benner ul li img{height:100%; aspect-ratio: 320 / 33; object-fit: cover;}
.real_estate_body, .job_opening_body{max-width:1050px; width:100%; padding-bottom: 5rem;}
.real-est-src-box, .job-opening-src-box{padding-top:5rem; margin-bottom: 5rem;}
.job-opening-src-box .tit{margin-bottom:2rem;}
.real-est-src-box .tit h2 , .item-big-box .tit h2, .item-transverse-box .tit h2, .job-opening-src-box .tit h2{font-size:2.5rem; font-weight:700; margin-bottom:1rem;}
.real-est-src-box .tit p, .item-big-box .tit p, .item-transverse-box .tit p, .job-opening-src-box .tit p{font-size:1.7rem; font-weight: 500; color:#848F9A;}
.real-est-src-box .real-est-src, .job-opening-src-box .job-opening-src{background: #F8F9FB; border-radius: 1.2rem; padding: 2.8rem;}
.real-est-src-box .real-est-src .real-est, .job-opening-src-box .job-opening-src .job-opening{margin-bottom:2rem;}
.real-est-src-box .real-est-src .real-est h3, .job-opening-src-box .job-opening-src .job-opening h3{font-size:1.6rem; font-weight:600; margin-bottom:1.1rem;}
.real-est-src-box .real-est-src .modal-box button{height: var(--height);  width: calc(100% / 3);  background-color: #fff;  display: flex; align-items: center;  justify-content: space-between;  padding: 1rem 1.5rem;  font-size: 1.5rem;  font-weight: 300;  border: 1px solid #D7DCE2;  border-radius: 8px;}
.job-opening-src-box .job-opening-src .modal-box button{height: var(--height); width: 100%;  background-color: #fff;  display: flex; align-items: center;  justify-content: space-between;  padding: 1rem 1.5rem;  font-size: 1.5rem;  font-weight: 300;  border: 1px solid #D7DCE2;  border-radius: 8px;}
.real-est-src-box .est-input, .job-opening-src-box .input{position:relative;}
.real-est-src-box .est-input .sch, .job-opening-src-box .input .sch{display: inline-block; position: absolute;  top: 50%;   transform: translateY(-50%);   right: 1.2rem;   z-index: 11;  width: auto;   height: auto;  border: 0;  background: transparent;}
.real-est-src-box .real-est-src .real-est select, .job-opening-src-box .job-opening-src .job-opening select{cursor: pointer; max-width:160px; background: url(../img/ic_down_ar.svg) no-repeat center right 1.5rem; background-color: #fff; }
.real-est-src-box .real-est-src .real-est p, .job-opening-src-box .job-opening-src .job-opening p{font-size:1.5rem; color:#848F9A; font-weight:300; white-space: nowrap}
.real-est-tag{padding: 2rem;  border-radius: 15px;  background-color: #fff;  border: 1px solid #DEE3E9; margin-bottom:2rem;}
.real-est-tag ul li{width: auto; display: flex;  align-items: center;  gap: 2rem;  padding: 1rem 1.5rem;  background-color: #F8F9FB;  border: 1px solid #EBEEF2;  border-radius: 8px;}
.real-est-tag ul li button{background-color: transparent; border: 0;}
.item-big-box .flex, .item-transverse-box .flex{display: flex;  align-items: end;  justify-content: space-between; margin-bottom:3rem;}
.item-big-box select, .item-transverse-box select{max-width:fit-content; background: url(../img/ic_down_ar.svg) no-repeat center right 0rem; background-color: transparent;  border: 0;  text-align: right; height: 3.2rem; cursor: pointer;}
.item-big-box select option, .item-transverse-box select option{text-align: left; }

.item-big-box .item-list-box{display: flex; gap:4rem 1.8rem; flex-wrap: wrap;}
.item-big-box .item-list-box li{width:calc((100% / 4) - 14px); border:0;}
.apart-img{position: relative; width: 100%; aspect-ratio: 1 / 1; margin-bottom:17px;}
.apart-img img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 12px;}
.apart-img .apart{position: absolute; top: 10px; right: 10px; padding: 7px 8px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.5);}
.apart-img .apart p{font-size: 12px; font-weight: 500; color: #fff;}
.interest-btn{position: absolute; bottom:15px; right:15px;}
.item-list-box .location-box{gap:6px;}
.item-list-box .apart-con a > p:nth-child(1){font-size:1.7rem; font-weight:700; margin-bottom:8px;line-height: 130%;}
.item-list-box .apart-con a > p:nth-child(2){font-size:1.5rem; font-weight:500; color:#767E86; margin-bottom:10px;}
.item-transverse-box {padding: 5rem 0; position: relative;}
.item-transverse-list{margin: auto;}
.item-container{max-width:1050px; width:100%;}
.item-transverse-list ul{display: flex; gap:1.6rem; flex-wrap: wrap;}
.item-transverse-list ul li{display: flex; align-items: center; gap: 1.5rem; width: calc((100% / 2) - 8px);}
.item-transverse-list ul li .apart-img{position:relative; max-width: 160px; min-width: 160px; margin-bottom: 0;}
.item-transverse-list .apart-con p:nth-child(1){font-size: 1.8rem; font-weight: 600;  margin-bottom: 1.2rem;}
.item-transverse-list .apart-con p:nth-child(2){font-size: 1.6rem; font-weight: 400;  margin-bottom: 0.8rem;}
.item-transverse-list .apart-con .d-flex p{font-size:1.4rem; color:#848F9A; margin-bottom: 0;}
.item-transverse-box .g-bg{position: absolute;  left: 50%;  top: 0;  transform: translateX(-50%);  width: calc(100VW - 15px);  height: 100%;  background-color: #F8F9FB;  z-index: -1;}
.Rank-box{max-width: 180px; width: auto;   background-color: #E6EBEF;   border-radius: 8px; margin-top:2.5rem; padding: 1.2rem 1.1rem;}
.Rank-box .top{display: flex; align-items: center;  gap: 0.48rem; margin-bottom: 1rem;}
.Rank-box .top img{width: 31px;  aspect-ratio: 1 / 1;}
.Rank-box .top p{font-size: 1.5rem; font-weight: 600;}
.Rank-box .bottom{background-color: #fff; padding: 1.6rem; border-radius: 0.8rem;}
.Rank-box .bottom ul{display: flex; flex-wrap: wrap; gap:1.2rem;}
.Rank-box .bottom ul li{aspect-ratio: auto;}
.Rank-box .bottom p{font-size:1.4rem; color:#464C52;}
.Rank-box .bottom p span{ display: inline-block;  font-weight: 600;  color: #4980E1;   width: 18px;  text-align: center; margin-right: 0.8rem;}
.modal-choice .modal-content .modal-header{padding: 1.5rem 1.7rem 1.5rem; background-color:#F8F9FB; border-bottom:1px solid #D7DCE2;}
.modal .modal-choice  .modal-header .close{width: 1.8rem; background: transparent;}
.modal-choice .modal-content .modal-body{padding: 0; display: flex; width: 100%;  height: 100%; overflow-y: unset; border-bottom: 1px solid #DEE3E9;}
.modal-choice .modal-content .modal-body .top-tit{width: 100%; border-bottom: 1px solid #DEE3E9; text-align: center;  padding: 1.1rem 0.5rem;  background-color: #f8f9fb; font-size: 1.5rem; font-weight: 500; color: #464C52;}
.modal-choice .modal-content .modal-body .area-left{width: 40%;  border-right: 1px solid #DEE3E9;}
.modal-choice .modal-content .modal-body .area-right{width: 60%;}
.item-choice{display: flex; flex-wrap: wrap;  gap: 14px;  padding:1.6rem;}
.modal-choice .modal-content .modal-body .area-left .item-choice{max-height: 162px;  overflow: auto;}
.modal-choice .modal-content .modal-body .area-right .item-choice{display:none; max-height: 162px; overflow: auto;}
.modal-choice .modal-content .modal-body .area-right .item-choice.on{display:flex;}
.modal-choice .modal-content .modal-body .area-left .item-choice li{width:100%;}
.modal-choice .modal-content .modal-body .area-right .item-choice li{width:calc((100% / 2) - 7px);}
.modal-choice .checks .ic_box{width: 100%; height: auto;  background: unset; gap:4px;  text-align: left; align-items: center; justify-content: left; border: 0; font-size: 1.5rem; color: #464C52;}
.modal-choice .checks input:checked+.ic_box {background:unset; color: var(--primary);}
.modal-choice .checks input:checked+.ic_box:after{content: ""; display: inline-block; width: 12.5px;  height: 8.5px;  background: url(../img/choice.svg) no-repeat;}
.modal-choice .modal-footer{padding:1.6rem 1.6rem 1.9rem;}
.modal-choice .modal-footer .choice-list{display: flex;  flex-wrap: wrap;  gap: 6px;}
.modal-choice .modal-footer .choice-list li{margin-bottom:7px; display: flex;  align-items: center;  background-color: #F8F9FB; gap:0.6rem;  border: 1px solid #EBEEF2;  border-radius: 0.8rem;  padding: 0.8rem 1rem; color: #464C52;  font-size: 1.4rem;  font-weight: 300;}
.modal-choice .modal-footer .choice-list li button{width: 1.8rem; border: 0;  background: transparent;height: auto;}
.modal-choice .modal-footer .reset-btn{display: flex; align-items: center;  gap: 0.5rem;  border: 0;   background: transparent;  color: #848F9A;  font-size: 1.5rem; font-weight: 500;}
.modal-choice .modal-footer .reset-btn img{width:1.5rem;}
.type_choice ul{gap: 1.4rem 0.9rem; width: 100%;}
.type_choice ul li{width: calc((100% / 3) - 6px);}
.d-none {display: none !important;}

/* 스크롤바의 폭 너비 */
.modal-choice .modal-content .modal-body .item-choice::-webkit-scrollbar { width: 5px;}
.modal-choice .modal-content .modal-body .item-choice::-webkit-scrollbar-thumb { background: #A7B2BC; /* 스크롤바 색상 */   border-radius: 10px; /* 스크롤바 둥근 테두리 */}
.modal-choice .modal-content .modal-body .item-choice::-webkit-scrollbar-track { background: #EBEEF2;  /*스크롤바 뒷 배경 색상*/}

/* 부동산 홈 */
.filter-condition .real-est h3{font-size:1.6rem; font-weight:600; margin-bottom:1.4rem;}
.filter-condition .modal-btn-box button{width: 100%; padding: 1.4rem 1.5rem;  display: flex;  align-items: center;  justify-content: space-between;background-color: #fff;  border: 1px solid #D7DCE2;  border-radius: 8px;font-size: 1.5rem; font-weight: 300; height: var(--height);}
.filter-condition .real-est-tag{border: 0; margin: 2.5rem -1.6rem;  padding: 2rem 1.6rem;  border-top: 1rem solid #EBEEF2; border-radius: 0; }
.filter-condition .real-est-tag p{font-size:1.3rem;}
.filter-condition .real-est-tag img{width:8px;}
.mo-choice .modal-content{max-width: 95%;}

/*부동산 상세페이지*/
.detail_page{display:flex; gap:4rem; align-items: start; padding-top:6rem; padding-bottom: 5rem;}
.detail_page .detail_left{width: 100%; max-width: 678px;}
.detail_page .detail_right{width:35%; position: sticky; top: 2rem; margin-top: 3.3rem;}
.detail_silde_box{display:flex; gap:1rem; /*height: 100vh;*/ /*max-height: 576px;*/}
.detail_silde_box .big_img{width:100%}
.detail_silde_box .big_img .swiper-pagination-fraction{display:none; position: absolute; left: auto;  right: 16px;  top: auto;  bottom: 16px;  display: inline-block;  width: auto;  background-color: rgba(0, 0, 0, 0.3);  color: #BCC4CC;  padding: 7px 12px;  border-radius: 50px;  font-size: 12px;  font-weight: 600;}
.detail_silde_box .big_img .swiper-pagination-fraction .swiper-pagination-current{ color: #fff;}
.detail_silde_box .big_img ul li{width:100%; aspect-ratio: 1 / 1; }
.detail_silde_box .big_img ul li img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.detail_silde_box .thumbs_img{max-width:10rem;}
.detail_silde_box .thumbs_img ul li{cursor: pointer;}
.detail_silde_box .thumbs_img ul li img{object-fit: cover;aspect-ratio: 1 / 1;}
.detail_right .top_box {position: relative; padding: 3rem; border: 1px solid #D7DCE2;  border-radius: 8px;}
.detail_right .top_box .info_box{display:flex; flex-wrap:wrap; gap:1rem}
.detail_right .top_box .info_box img{width:16px; aspect-ratio:1 / 1;}
.detail_right .top_box .info_box p{font-size: 1.4rem; font-weight: 300; color: #464C52;}
.detail_right .logo-img{height: 67.5px; aspect-ratio: 2 / 1;  margin-bottom: 1rem;}
.like-link{position: absolute; top:3rem; right:3rem; display: flex; gap:3px;}
.detail_right .bottom_box{ padding: 3rem; border: 1px solid #D7DCE2;  border-radius: 8px;}
.info_box .d-flex:last-child{margin-bottom:0;}
.info_box p{word-break: break-word; color:#464C52;}
.detail-info-top{padding: 2rem; border: 1px solid #D7DCE2; border-radius: 8px; position:relative;}
.free_board_detail_box .detail-info-top .like_btn_sm{ position:absolute; top:2rem; right:2rem;}
.detail-info-top .info{margin-top: 2rem; padding-top: 3rem; border-top: 1px solid #D7DCE2;display: flex;  align-items: stretch; flex-wrap: wrap;}
.detail-info-top .info > .d-flex{width: calc((100% / 2) - 8px);}
.detail-info-top .add-tag{margin-bottom:1rem;}
.detail-info-top h3{font-size:2rem; font-weight:700; margin-bottom:1rem;}
.detail-info-top .info p:nth-child(1){width: 100%; font-size: 1.4rem;  color: #848F9A;  padding: 0 1rem; max-width: 130px;}
.detail-info-top .info p:nth-child(2){width: 100%; padding: 0 1rem;}
.detail-description .detail-description-info{width: 100%; max-height: 950px; overflow: hidden; text-align: center; margin-bottom:2rem; line-height: 120%;}
.detail-description .detail-description-info.open{max-height: none; overflow: unset;}
.detail-description h5, .detail-map h5{font-size:1.8rem; font-weight:600; margin-bottom:1rem;}
.detail-map{margin-bottom:2rem;}
.detail-map .map-box{padding: 2.2rem; width: 100%;  border: 1px solid #D7DCE2; border-radius: 8px;}
.detail-map .map-box .map{margin-top: 1.2rem; border-top: 1px solid #EBEEF2;}
.detail-map .map-box .map .root_daum_roughmap{width:100%;}
.detail-map .map-box .map .section_address{display:none;}
.info-btn{text-align:center;}
.info-btn button{padding: 14px 10px; width: 210px; border-radius: 8px; background-color: #fff;  border: 1px solid #D7DCE2;  font-size: 1.5rem;  font-weight: 600; color: #464C52; height: var(--height);}
.item_list{display:flex; width:100%; padding: 1rem 0; background-color:#f6f6f6}
.item_list .d-flex{width:100%;}
.item_list:nth-child(2n){background-color: #fff;}
.exponent_info .img_box{max-width: 35rem; width: 100%; aspect-ratio: 2 / 1; margin-bottom:1.5rem;}
.exponent_info .img_box img{width:100%; aspect-ratio: 2 / 1; object-fit: cover;}
.exponent_info .info_box > div{margin-bottom:1rem;}
.exponent_info .info_box > div:last-child{margin-bottom:0rem;}
.exponent_info .info_box > div > p:nth-child(1){white-space: nowrap;}

/*부동산 기업 홈*/
.real-estate-corporation{border-radius:8px; border:1px solid #D7DCE2;  padding: 2rem 3rem;}
.real-estate-corporation .head{display: flex; align-items: start; justify-content: space-between; gap:1rem; margin-bottom:1.5rem;}
.real-estate-corporation .head p{font-size: 2.2rem; font-weight: 700;}
.real-estate-corporation .head span{font-size: 1.2rem; color: #464C52;  padding: 0.5rem 0.8rem;  background-color: #F2F7FD; border-radius: 6px;}
.real-estate-corporation .body{display: flex; align-items: center; justify-content: space-between; gap:2.5rem; }
.real-estate-corporation .body .info_box{width:100%;}
.real-estate-corporation .body .info_box .d-flex{margin-bottom: 1rem;}
.real-estate-corporation .body .info_box .d-flex:last-child{margin-bottom:0;}
.real-estate-corporation .body .info_box p:nth-child(1){font-size: 1.5rem; color: #848F9A; width: 90px;}
.real-estate-corporation .body .real_estate_img{max-width:268px; aspect-ratio: 2 / 1;  width:100%;}
.real-estate-corporation .body .real_estate_img img{width:100%; aspect-ratio: 2 / 1;  object-fit: cover;}
.real-est-src-box.corporation{padding-top:0;}
.corporation-top{padding-top:5rem;}

/*구인 홈*/
.detail_left.job-detail{padding-bottom: 10rem;}
.job_opening_banner{padding-top:1rem;}
.job_opening_banner ul{display: flex; flex-wrap: wrap;  gap: 0.6rem;}
.job_opening_banner ul li{width: 100%; overflow: hidden; border-radius: 1.2rem;  aspect-ratio: 21 / 5;}
.job_opening_banner ul li img{width: 100%; aspect-ratio: 21 / 5; object-fit:cover;}
.jop-opening-top{display:flex; align-items: center; gap: 1rem;}
.jop-opening-top .topinfo{margin-top:1rem;}
.jop-opening-top .logo-img{height: 67.5px;}
.jop-opening-top .logo-img img{height: 100%; object-fit: contain;}
.jop-opening-top .information{width: 100%;  display: flex; flex-wrap: wrap; gap: 1rem;}
.jop-opening-top .information > h3{width: 100%; font-size:2rem; font-weight:700; margin-bottom:0;}
.detail_righ t.logo-img{height: 53px; margin-bottom:1.6rem; padding-right: 5.6rem;}
.detail_right .logo-img img{height: 100%; object-fit: contain;}
.detail_right .info_box.job_opening .d-flex{gap:1.4rem 2.5rem;}
.detail_right .info_box.job_opening h4{font-size: 1.3rem; font-weight: 600;  color: #464C52;  line-height: 130%; min-width: 4.8rem;}
.detail_right .info_box.job_opening p{font-size: 1.3rem;  line-height: 130%; color: #464C52; word-break: keep-all;}
.detail-info-bottom{margin-bottom: 5rem;}
.stiky-menu{display: flex; align-items: stretch;position: sticky; top: 0; z-index: 21;}
.stiky-menu a{border: 1px solid #D7DCE2; border-right: 0; width: 100%; text-align: center; height: 4rem;  line-height: 4rem;  font-size: 1.5rem;  font-weight: 600;  color: #848F9A; background-color: #F8F9FB;}
.stiky-menu a:last-child{border-right:1px solid #D7DCE2;}
.stiky-menu a.active{color:#10A9BE; border-bottom:1px solid transparent; background-color: #fff;}
.section-box{padding-top:4rem;}
.detail-info-bottom .section-box:nth-child(1){padding-top:0rem;}
.section-box h2{font-size: 2rem; font-weight: 600; margin-bottom: 2rem;}
.section-box .condition{padding: 2rem; border: 1px solid #D7DCE2; border-radius: 0.8rem;}
.section-box .condition ul{display: flex; flex-wrap: wrap; gap: 1rem 1.5rem;}
.section-box .condition ul li{width: calc((100% / 2) - 7.5px); display: flex; align-items: start; gap: 1rem;}
.section-box .condition ul li p:nth-child(1){font-size: 1.4rem; color: #848F9A; min-width: 55px; }
.section-box .condition ul li p:nth-child(2){font-size: 1.4rem; word-break: break-all;}
.section-box.detail-map .map-box .map{border-top: 0; margin-top:0;}
.section-box .condition.gray{border:0; background:#F8F9FB;}
.section-box .condition.gray ul li p:nth-child(1){font-size: 1.4rem; font-weight:600; color: #464C52;}
.section-box .condition.gray ul li p:nth-child(2){font-size: 1.4rem; font-weight:300;color: #000;}

/*구직 홈*/
.resume-board{}
.resume-board li{padding: 1.5rem 2rem; display: flex; flex-wrap: wrap;  gap: 1rem;  position:relative;}
.resume-board li .like_btn_sm{position:absolute; top:1.5rem; right:2rem;}
.resume-board li .tit-box{width: 100%; display: flex; align-items: start;  justify-content: space-between; gap: 1rem;}
.resume-board li .tit-box p{font-size:2rem; font-weight:600; line-height: 140%; white-space: normal;  overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.resume-board li .filter-con{width: 100%; margin-bottom: 0px;}
.resume-board-bottom{display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 1rem;}
.resume-board-bottom .tag-box{display: flex; flex-wrap:wrap; gap:0.5rem;}
.resume-board-bottom .tag-box span{}
.resume-board-bottom .board-basic-info{display: flex; align-items: center; gap: 2rem;}
.resume-board-bottom .board-basic-info .d-flex p:nth-child(1){font-size: 1.2rem; font-weight: 500; color: #464C52;}
.resume-board-bottom .board-basic-info .d-flex p:nth-child(2){font-size: 1.2rem; font-weight: 500; color: #848F9A;}
.resume_detail{margin-top:4rem;}
.resume_detail .jop-opening-top h3{font-size:2.4rem; font-weight:700;}

/*무료게시판*/
.free_board_detail{margin-top:3rem;}
.free-board li{padding: 1.5rem 2rem; display: flex;  flex-wrap: wrap; gap: 1rem; position:relative;}
.free-board li .like_btn_sm{position:absolute; top:1.5rem; right:2rem;}
.free-board li .tit-box{width: 100%; display: flex; align-items: start;  justify-content: space-between; gap: 1rem;}
.free-board li .tit-box p{font-size:2rem; font-weight:600; line-height: 140%; white-space: normal;  overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.free-board li .filter-con{width: 100%; margin-bottom: 0px;}
.free-board-bottom{display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 1rem;}
.free-board-bottom .board-basic-info{display: flex; align-items: center; gap: 2rem;}
.free-board-bottom .board-basic-info .d-flex p:nth-child(1){font-size: 1.2rem; font-weight: 500; color: #464C52;}
.free-board-bottom .board-basic-info .d-flex p:nth-child(2){font-size: 1.2rem; font-weight: 500; color: #848F9A;}
.fee-board-silde{margin-bottom:1rem; border-bottom: 1px solid #DEE3E9;}
.fee-board-silde li{min-width:100px; width: auto; display:inline-block;}
.fee-board-silde li button{width: 100%; padding:0.95rem 3rem; background-color: #fff; border: 0; border-bottom: 2px solid transparent; font-size:1.6rem font-weight:500;}
.fee-board-silde li button.active{border-bottom: 2px solid #2FCEE1; color:#10A9BE;}
.board_tag_box{display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem}

/*이용권 구입*/
.purchase_page, .banner_ad_page, .text_page{max-width:1082px; width:100%; padding:0 1.6rem; margin:0 auto 5rem; }
.purchase_top{text-align:center; padding-top: 8rem; margin-bottom:5rem;}
.purchase_top img{width:5.6rem; margin-bottom:2rem;}
.purchase_top h2{font-size:2.2rem; font-weight:600; margin-bottom:2rem;}
.purchase_top p{font-size:1.8rem; color:#464C52;}
.purchase_pass{margin-bottom:5rem;}
.purchase_pass ul{display: flex; align-items: stretch;  gap: 1.6rem;}
.purchase_pass ul li{width:100%; position:relative; background-color:#F8F9FB; border:1px solid #F8F9FB; border-radius:1.2rem; padding:4rem 3.5rem;}
.purchase_pass ul li.active{background-color:#fff; border:1px solid #10A9BE;}
.purchase_pass_tit{text-align:center; padding-bottom:3rem;}
.purchase_pass_tit img{margin-bottom:1rem;}
.purchase_pass_tit > p{font-size:2rem; color:#464C52; margin-bottom:1rem;}
.purchase_pass_tit > h3{font-size:2.4rem; font-weight:700;}
.purchase_pass_top p{font-size:1.6rem; margin-bottom:1rem;}
.purchase_pass_top h3{font-size: 2rem; font-weight: 600;}
.purchase_pass_con{margin-top:3rem;}
.purchase_pass_con p{position:relative; padding-left: 1.5rem; font-size:1.6rem; color:#464C52; text-align:left; line-height:140%;}
.purchase_pass_con p:nth-child(1){margin-bottom:1.4rem;}
.purchase_pass_con p:before{content: ""; position: absolute; background: url(../img/ck_img.svg) no-repeat; width: 9px; height: 6px;  background-size: cover;  top: 0.8rem;  left: 0;}
.purchase_pass_check{padding-top: 3rem; border-top:1px solid #D7DCE2;}
.purchase_pass_check .checks{width:100%;}
.purchase_pass_check .checks .ic_box{display: inline-block;  width: 100%;  height: auto;  background: #fff;   padding: 1.4rem;  margin: 0;  border-radius: 0.9rem;  border: 1px solid #DEE3E9;}
.purchase_pass_check .checks .ic_box .chk-img{display: inline-block; width: 2.2rem;  height: 2.2rem;  border: 1px solid var(--gray-200);  border-radius: 0.6rem;  background-image: url(../img/check01_off.png);  background-position: center;  background-size: 1.0rem auto;  background-repeat: no-repeat;  text-align: center; display: flex; align-items: center;  justify-content: center;  margin-right: 0.8rem;  flex-shrink: 0; background-color: #fff;  border: 1px solid var(--gray-40);}
.purchase_pass_check .checks input:checked+.ic_box{background: transparent; background-color: #fff;}
.purchase_pass_check .checks input:checked+.ic_box .chk-img {background-image: url(../img/check01_on.png); background-color: var(--primary); border-color: var(--primary);}
.purchase_pass_check .checks .ic_box .chk_p{display: flex; align-items: center; justify-content: space-between;}
.purchase_pass_check .checks .ic_box .chk_p p{color: #464C52; font-size: 1.7rem;}
.purchase_pass_check .checks input:checked+.ic_box .chk_p p{color: #10A9BE;}
.purchase_page .paying, .banner_ad_page .upload{max-width:400px; margin:auto;}
.coupon-for-use{border-radius:1rem; border:1px solid #DEE3E9; padding:2rem;}
.precaution-box{background-color:#F8F9FB; border-radius:1.2rem; padding:2rem 1.5rem; margin-top:2rem; margin-bottom:1.5rem;}
.payment-method{padding-top:1.5rem;}
.payment-method h3{font-size:1.8rem; font-weight:700; margin-bottom:1rem;}
.payment-method .radios{width:100%;}
.payment-method .radios .ic_box{width: 100%; height: auto;  background: unset;  display: inline-block;  margin: auto;  border: 1px solid #D7DCE2;  padding: 1.4rem 0;  font-size: 1.4rem; font-weight: 600; color: #464C52; border-radius: 0.8rem;}
.payment-method .radios input:checked+.ic_box {background:#F8F9FB; border:1px solid #10A9BE}
.purchase_pass_check .border-top{width:100%; display: flex; flex-wrap: wrap;  gap: 1.4rem;}


/*결제 내역*/
.payment-top{display: flex; align-items: center; justify-content: space-between; margin-bottom:2rem;}
.payment-top select{max-width: max-content; border-radius: 50px; min-width: 120px; padding: 1.2rem 3.0rem 1.2rem 2rem;}
.payment-top .inquiry{ display: flex; align-items: center; gap:0.8rem;}
.payment-top .inquiry .date-box{gap:0.4rem;}
.payment-top .inquiry button{width:120px;}
.payment-details ul{display: flex; flex-wrap: wrap; gap: 1.6rem;}
.payment-details ul li{width: 100%; border: 1px solid #D7DCE2; padding: 1.6rem;  border-radius: 0.8rem;}
.payment-details ul li .li-top{display: flex; align-items: center; padding-bottom: 1.2rem;  border-bottom: 1px solid #DEE3E9; gap: 0.9rem; margin-bottom: 1.2rem;}
.payment-details ul li .li-top p:nth-child(1){font-size: 1.4rem; font-weight: 500; color: #848F9A;}
.payment-details ul li .li-top .pay-day-p{display: flex; gap: 1rem;}
.payment-details ul li .li-top .cancel-day{ font-size: 1.4rem; font-weight: 400; color:#FF5700}
.payment-details ul li .li-top .cancel-day span{font-weight: 600; margin-left: 0.6rem;}
.payment-details ul li .li-bottom{display: flex; align-items: center;gap: 1rem; justify-content: space-between;}
.payment-details ul li .li-bottom .product-type{width: 30%;}
.payment-details ul li .li-bottom .product-type p:nth-child(1){font-size: 1.4rem; color: #848F9A;  margin-bottom: 0.6rem;}
.payment-details ul li .li-bottom .product-type p:nth-child(2){font-size: 1.5rem; font-weight:500; color: #000;}
.payment-details ul li .li-bottom .payment-value{width: 70%;}
.payment-details ul li .li-bottom .payment-value p:nth-child(1){font-size: 1.4rem; color: #848F9A;  margin-bottom: 0.6rem;}
.payment-details ul li .li-bottom .payment-value p:nth-child(2){font-size: 1.5rem; font-weight:500; color: #000;}
.payment-details ul li .li-bottom .cancel-btn{width: 20%;}
.payment-details ul li .li-bottom .cancel-btn button{font-size:1.3rem; font-weight:400;}
.payment-details ul li .li-bottom .cancel-btn button:disabled{background-color: #DEE3E9; color: #464C52;}

/*배너광고 신청*/
.banner_ad_page{padding-top:5rem;}
.banner-ad-bottom{margin:3rem 0; padding:1.6rem; background-color:#F8F9FB; border-radius:0.8rem; color:#464C52; font-size:1.4rem;}

/* 배너 광고 신청 내역*/
.no-history{text-align:center; padding:5rem 0;}
.no-history img{margin-bottom:1.5rem;}
.no-history p{font-size:1.6rem; font-weight:400; color:#464C52;}
.banner-ad-history .banner-ad-top{display: flex; align-items: center; justify-content: space-between;}
.banner-ad-history .banner-ad-top .sch-box{position:relative;}
.banner-ad-history .banner-ad-top .sch-box .sch{display: inline-block; position: absolute;  top: 50%;  transform: translateY(-50%); right: 1.2rem;  z-index: 11;   width: auto; height: auto;   border: 0;  background: transparent;}
.banner-ad-history table{width: 100%;  border-top: 1px solid #A7B2BC; margin-top:2rem;}
.banner-ad-history table tr:hover{background-color:#f5f5f5;}
.banner-ad-history table td{border-bottom: 1px solid #EBEEF2;}
.banner-ad-history table td:nth-child(1){width: 70%; padding:0 1rem; font-size:1.6rem; font-weight:500; color:#464C52;}
.banner-ad-history table td:nth-child(1):hover{font-weight:600;}
.banner-ad-history table td:nth-child(1) a{display: block; padding:2rem 0;}
.banner-ad-history table td:nth-child(2){width: 20%; padding:2rem 1rem; text-align:center; font-size:1.5rem; font-weight:400; color:#464C52}
.banner-ad-history table td:nth-child(3){width: 10%; text-align:center; padding:2rem 0;}
.complete-tag{display: inline-block;  font-size:1.5rem; font-weight:400; color:#4980E1; padding:0.4rem 0.8rem; background-color:#F8F9FB; border-radius:0.8rem;}
.wait-tag{display: inline-block; font-size:1.5rem; font-weight:400; color:#848F9A; padding:0.4rem 0.8rem; background-color:#F8F9FB; border-radius:0.8rem;}

/*배너 광고 */
.banner-ad-detail .title-top{display: flex; align-items: start; justify-content: space-between; margin-bottom: 1.5rem; gap: 0.5rem 1rem;}
.banner-ad-detail .title-top p:nth-child(1){font-size: 1.8rem; font-weight: 600;}
.banner-ad-detail .title-top .day{font-size: 1.4rem; font-weight: 300; color: #848F9A;}
.banner-ad-detail .detail-con{}
.banner-ad-detail .detail-con > p{font-size: 1.5rem; line-height: 160%;}
.banner-ad-detail .detail-con .img-box{margin-top:2.5rem;}
.banner-ad-detail .detail-con .img-box p{font-size: 1.5rem; font-weight: 500; margin-bottom:1rem;}
.banner-ad-detail .detail-con .img-box img{border-radius:0.6rem;}
.answer-box{padding: 2rem; background-color: #F8F9FB;  border-radius: 1.1rem; margin-bottom: 5rem;}
.answer-box > p{color: #464C52; font-size: 1.5rem; line-height: 140%;}
.answer-box .answer-name{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.8rem;  gap: 0.5rem 1rem;}
.answer-box .answer-name p{font-size: 1.5rem; font-weight: 500;}
.answer-box .answer-name p.day{font-size: 1.4rem; font-weight: 300; color: #848F9A;}
.banner-ad-list-btn{text-align: center;}
.banner-ad-list-btn button{width:160px; height:5.6rem; font-size: 1.6rem; font-weight: 600;}

/*이용약관, 개인정보처리방침*/
.text_page{margin-top:5rem;}
.text_page .text-box{padding:2rem 0;}
.text_page .text-box p{font-size: 1.5rem; white-space: pre-line; line-height: 160%;}



/* big box는 4칸 너비, 2줄 높이 */
.big-box {grid-column: 1 / span 4;  grid-row: 1 / span 2;  background: linear-gradient(145deg,rgba(29, 181, 200, 1) 0%, rgba(5, 132, 187, 1) 100%);  color: white;  padding: 29px 43px 37px 34px;  border-radius: 21px;  display: flex; flex-direction: column; justify-content: center;}
.small-box {aspect-ratio: 1 / 1;	background: #fff;	border: 1px solid #ddd;	border-radius: 10px;font-size:14px; font-weight:600; text-align: center;	display: flex;align-items: center;justify-content: center;}
.small-box img{width:49px; aspect-ratio: 1 / 1; margin-bottom:5px;}
.big-box h3{font-size:26px; font-weight:700; margin-bottom:70px; line-height:140%;}
.sch_gray.sch_ip {background: var(--light); border: 0;}
.sch_ip {display: flex; background: #fff;  padding: 0 2rem;  border-radius: 1.2rem;  border: 1px solid var(--border-200);}
.sch_ip .form-control {height: 4.6rem;  padding: 0.5rem 0;  margin-right: 2.0rem;}
.sch_ip button {width: 1.6rem;  height: 1.6rem;  border: 0; background: transparent;}


/*마이페이지*/
.mypage{display:flex; gap:10px; margin-top:100px;}
.mypage > .left{max-width:255px; width:100%;}
.mypage > .left h2{font-size:2.6rem; font-weight:700; margin-bottom:30px;}
.mypage_id{background-color:#F8F9FB; border-radius:15px; padding:20px 20px 15px; margin-bottom: 14px;}
.mypage_id p:nth-child(1){font-size:1.4rem; color:#848F9A; margin-bottom:7px;}
.mypage_id p:nth-child(2){font-size:1.6rem; font-weight:600; margin-bottom:10px;}
.mypage_id button{display: flex; align-items: center; font-size: 1.2rem;  color: #464C52;  padding: 8px;  background-color: #fff;  border-radius: 8px;  border: 1px solid #D7DCE2;height: auto;}
.mypage_id button img{width:14px;}
.mypage_number{background-color:#F8F9FB; border-radius:15px; margin-bottom: 14px;}
.mypage_number ul{padding:22px 0 10px; display: flex;  align-items: start;  justify-content: space-around;}
.mypage_number ul li{text-align:center;}
.mypage_number ul li p:nth-child(1){font-size:1.3rem; color:#848F9A; margin-bottom:4px;}
.mypage_number ul li p:nth-child(2){font-size:1.4rem; font-weight:700;}
.mypage_number .copy-number{text-align:center; padding:10px 0; border-top:1px solid #DEE3E9;}
.mypage_number .copy-number p{font-size:1.3rem; color:#848F9A;}
.mypage_number .copy-number p span{color:#10A9BE;}
.mypage_category{padding: 20px;}
.mypage_category > div{margin-bottom:20px;}
.mypage_category > div:last-child{margin-bottom:25px;}
.mypage_category > div h3{font-size:1.7rem; font-weight:600;margin-bottom:15px;}
.mypage_category > div ul{display:flex; flex-wrap: wrap; gap:10px;}
.mypage_category > div ul li{width: 100%; display: flex; align-items: center;  justify-content: space-between;  color: #848F9A;  cursor: pointer;}
.mypage_category > div ul li:hover{color:#10A9BE;}
.mypage_category > div ul li.active {color: #10A9BE;}
.mypage_category > div ul li img{opacity:0.5}
.logout-btn{color: #848F9A; font-weight: 500;}
.mypage > .right{width:calc(100% - 265px); padding-bottom: 5rem;}
.management-box > .flex{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.management-box > .flex p{font-size:2rem; font-weight:700; color:#000;}
.management-box > .flex a{display: flex; align-items: center;  gap: 5px;  font-size: 1.4rem; color: #848F9A;}
.management-box ul{display: flex; gap:15px; flex-wrap:wrap;}
.management-box ul li{border:1px solid #D7DCE2; border-radius:12px; width:100%; overflow: hidden;}
.management-box ul li.no-list{border:1px solid #f5f5f5;}
.card-top{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding:15px 20px; border-bottom:1px solid #D7DCE2;}
.card-top .d-flex{align-items: center; gap:0.8rem;}
.card-top .d-flex .tag{display: inline-block; font-size: 1.2rem; color: #fff; font-weight: 500; padding: 3px 5px; border-radius: 6px; background-color: #1DB5C8;}
.card-top .d-flex .tag2{display: inline-block; font-size: 1.2rem; color: #fff; font-weight: 500; padding: 3px 5px; border-radius: 6px;     color: var(--secondary);
    border-color: var(--primary);border: 1px solid #ccc;}
.card-top p{font-size:16px; font-weight:600; line-height: 130%;}
.card-icon-btn{display: flex; align-items: center; justify-content: flex-end; gap:10px; margin-bottom: 14px;}
.card-icon-btn button{border:0; border-radius:50%; background-color:#F8F9FB; min-width: 32px;}
.card-icon-btn button.like_btn_sm{background-color:transparent;}
.card-middle{display: flex; align-items: center; gap: 18px; padding: 20px;}
.card-middle .left{width:100%; display: flex; gap: 20px; align-items: start;}
.card-middle .left .img-box{max-width: 105px; min-width: 105px; border-radius: 9px; overflow: hidden; aspect-ratio: 1 / 1;}
.card-middle .left .img-box img{width: 100%; object-fit: cover; aspect-ratio: 1 / 1;}
.card-middle .left .img-box.my_list_logo_img{display: flex;align-items: center;}
.card-middle .left .img-box.my_list_logo_img img{width: 100%; object-fit: cover; aspect-ratio: 2 / 1;}
/*.card-middle .left .con-box{width: 100%;}*/
.card-middle .left .con-box .tag-box{display: flex; gap: 5px; flex-wrap: wrap; margin-bottom:8px;}
.tag-box span{display:inline-block; font-size:1.2rem; color:#fff; font-weight:500; padding:3px 5px; border-radius:6px; background-color:#1DB5C8;}
.tag-box span.g-bg{background-color:#F2F7FD; font-size:1.2rem; color:#000;}
.card-middle .left .con-box .selling-price{font-size:1.7rem; font-weight:600; margin-bottom:1rem;}
.card-middle .left .con-box .selling-name{font-size:1.4rem; color:#5D646B; margin-bottom:1rem;}
.card-middle .left .con-box .pay{font-size:1.4rem; font-weight:500; color:#5D646B; margin-bottom:1rem;}
.location-box{display: flex; gap:5px 15px; flex-wrap:wrap;}
.location-box .d-flex{gap:3px; align-items: start; width: 100%;}
.location-box .d-flex p{font-size:1.3rem; color:#848F9A;}
.card-bottom{display: flex; align-items: center; justify-content: space-between; background-color: #F8F9FB; padding:20px;}
.card-bottom .d-flex p:nth-child(1){font-size:1.3rem; color:#848F9A;}
.card-bottom .d-flex p:nth-child(2){font-size:1.3rem;}
.card-bottom > .d-flex.gap-20{gap:20px;}
.card-bottom > .d-flex > .d-flex{gap:7px;}
.card-middle .right{width:100%; max-width:130px; min-width: 110px;}
.management-box .card-top{display: flex; align-items: start; padding:15px 20px 5px;}
.management-box .card-middle{padding: 0 20px 15px;}
.filter-con{display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.filter-con p, .addr-item{font-size:1.3rem; color:#464C52;}
.s-line{width: 1px; height: 11px; background-color: #BCC4CC; display: inline-block;}
.card-top2{display:flex; align-items: start; gap: 10px; padding: 1.5rem 2rem; position: relative;}
.card-top2 .card-left{width: 100%;}
.card-top2 .card-left .tag-box{margin-bottom:1rem;}
.card-top2 .card-left > p{font-size:1.8rem; font-weight:600; line-height:130%; margin-bottom:1rem}
.card-top2 .card-right {width: 100%; max-width: 130px;}
.card-top2 .card-left > p.board-add{color:#848F9A; font-size:1.3rem; margin-bottom: 1rem; font-weight: 400;}
.management-box .interest-box{gap: 18px; flex-wrap: nowrap;}
.management-box .interest-box li{width:calc(100% / 3); border:0;}
.interest-btn{position: absolute; bottom:1rem; right:1rem;}
.interest-box .location-box{gap:6px;}
.interest-box .apart-con a > p:nth-child(1){font-size:1.7rem; font-weight:700; margin-bottom:1rem; line-height: 130%;}
.interest-box .apart-con a > p:nth-child(2){font-size:1.5rem; font-weight:500; color:#767E86; margin-bottom:10px; word-break: break-all;}
.management-box .two-list{gap: 15px 18px;}
.management-box .two-list li{width:calc(50% - 9px); position: relative;}
.management-box .two-list.premium li{width:calc((100% / 3) - 12px);}
.management-box .two-list li a{display: inline-block; padding: 1.5rem; width: 100%;}
.two-list li .like_btn_sm{position: absolute; top: 1.5rem; right: 1.5rem;}
.two-list li .logo-box{width: auto;  aspect-ratio: 2 / 1; height: 6rem; margin-bottom:1rem;}
.two-list li .logo-box img{ width: 100%; aspect-ratio: 2 / 1;  object-fit: cover;}
.two-list li .info-box{margin-bottom:15px;}
.two-list li .info-box > p:nth-child(1){font-size:12px; color:#848F9A; margin-bottom:0.5rem;}
.two-list li .info-box > p:nth-child(2){font-size:16px; font-weight:700; margin-bottom:1rem;}
.two-list li .info-box > .d-flex{flex-wrap:wrap;}
.s-b-line{width: 1px; height: 1rem; background-color: #464C52; display: inline-block;}
.keyword-box{display:flex; gap:6px; flex-wrap: nowrap; flex-shrink: 1; overflow: hidden;}
.keyword-box .keyword{padding:3px 7px; background-color:#F2F7FD; border-radius:6px; font-size: 1.2rem;}
.keyword-box .keyword p{font-size:1.2rem; color:#000000; white-space: nowrap;}
.mypage_mo{display:none;}
.mypage-top{padding: 66px 16px 37px; background-color: #4980E1; border-bottom: 10px solid #EBEEF2;}
.mypage-top .mypage-w-box{background-color: #fff;  border-radius: 8px;  box-shadow: 0px 3px 6px rgba(0 0 0 / 10%); padding:20px;}
.mypage-top .mypage-w-box .id-info{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 20px;}
.mypage-top .mypage-w-box .id-info .left{}
.mypage-top .mypage-w-box .id-info .left p:nth-child(1){font-size: 14px; color: #848F9A; margin-bottom: 7px;}
.mypage-top .mypage-w-box .id-info .left p:nth-child(2){font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.mypage-top .mypage-w-box .id-info .left button{font-size: 12px; display: flex;  align-items: center;  gap: 14px; padding: 8px; background-color: #fff; border: 1px solid #D7DCE2; border-radius: 6px; color: #464C52;}
.mypage-top .mypage-w-box .id-info .left button img{width:14px;}
.mypage-top .mypage-w-box .id-info .profile{width: 54px; aspect-ratio: 1 / 1;  background: url(/design/img/profile.png) no-repeat;  background-size: cover; border-radius:50%; overflow:hidden;}
.mypage-top .mypage-w-box .id-info .profile img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.mypage-top .mypage-w-box .bottom-list{display: flex; justify-content: space-between; gap: 5px;}
.mypage-top .mypage-w-box .bottom-list > div{text-align:center;}
.mypage-top .mypage-w-box .bottom-list > div .mypage_top_icon{width:56; aspect-ratio: 1 / 1; border-radius:50%; overflow:hidden; background-color:#F2F7FF; margin-bottom:5px;}
.mypage-top .mypage-w-box .bottom-list > div p:nth-child(2){font-size:13px; color:#848F9A; margin-bottom:4px;}
.mypage-top .mypage-w-box .bottom-list > div p:nth-child(3){font-size:14px; font-weight:700;}
.mypage-bottom{padding:16px;}
.mypage_mo .mypage-bottom .accordion{border:1px solid #D7DCE2; padding:0 20px; border-radius:12px;}
.mypage_mo .mypage-bottom .accordion .c-button{display:flex; justify-content: space-between; padding:20px 0;}
.mypage_mo .mypage-bottom .accordion .c-button h3{font-size:17px; font-weight:700;}
.mypage_mo .mypage-bottom .accordion .c-button .plus-minus{background: url(../img/plus-btn.svg) no-repeat; background-size: cover; width: 22px; aspect-ratio: 1 / 1;}
.mypage_mo .mypage-bottom .accordion .c-button[aria-expanded="true"] .plus-minus{background: url(../img/minus-btn.svg) no-repeat;background-size: cover;}
.mypage_mo .mypage-bottom .accordion .card-body ul{background-color:#F8F9FB; border-radius:12px; padding:15px;}
.mypage_mo .mypage-bottom .accordion .card-body ul li{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.mypage_mo .mypage-bottom .accordion .card-body ul li:last-child{margin-bottom: 0;}
.mypage_mo .mypage-bottom .accordion .card-body ul li p{font-size:15px; color:#848F9A;}
.real-est-src-box.my_page{padding-top: 0;}
.real-est-src-box.my_page .real-est-src .real-est select{max-width: max-content; min-width:170px;}
.corporate-form .new-form{padding-top:2rem;}
.corporate-form .radios{min-width: calc((100% / 4) - 8px);}
.admin-cost .radios .ic_box{display: inline-block; flex-shrink: unset; position: unset; width: auto;  height: auto;  padding: 1.2rem 2rem;  text-align: center;  margin-right: 0rem;  border: 1px solid #D7DCE2;  border-radius: 50px; background: #fff; color: #464C52; font-weight: 500;}
.admin-cost .radios input:checked+.ic_box{background:#0DC6DC; border:1px solid #0DC6DC; color:#fff;}
.my-sale-information{display: flex; align-items: center;  width: 100%; gap: 2rem; margin-bottom: 3rem;}
.aditer-box{margin-bottom: 3rem;}
.my-sale-information .d-flex{width:100%;}
.repre-image{width: 100px;  aspect-ratio: 1 / 1;   overflow: hidden;  border: 1px solid #E7EAEF;  border-radius: 12px;  position: relative;}
.registration-info .info-form{margin-bottom:3rem;}
.registrar-info{padding:2rem; background-color:#F8F9FB; border-radius:1.2rem; display: flex;  flex-wrap: wrap;  gap: 1.5rem;}
.registrar-info .if-box{display:flex; gap:1rem; width:100%; font-size: 1.5rem;}
.registrar-info .if-box p:nth-child(1){max-width:77px; width:100%; color:#464C52;}
.registrar-info .if-box p:nth-child(2){width:100%;}
.date-box{width: 100%; display: flex; align-items: center; gap: 1.5rem;}
.pc_gap15{gap:15px;}
.info-form select{width:100%; max-width: max-content; min-width:170px; padding-right: 3.5rem;}
.my-area-box .area-btn button{margin-bottom: 1rem; max-width: 170px;  width: 100%;  display: flex; align-items: center; justify-content: space-between;  padding: 1.4rem 1.5rem;  border: 1px solid #D7DCE2; background-color: #fff; border-radius: 8px;}
.my-area-box .real-est-tag{padding:1rem; margin-bottom: 0rem;}
.my-area-box ul li{display:inline-flex; flex-wrap:wrap;}
.career-box{display:flex; align-items: center; width: 100%; gap: 1.5rem;}
.day_week{padding:1rem; border:1px solid #D7DCE2; border-radius:8px; width:100%;}
.flex-box{display:flex; align-items: center; width: 100%; gap:1rem;}
input.email{max-width:max-content; min-width:190px;}
.my_job_fav .management-box .interest-box{flex-wrap: wrap;}
.my_job_fav .management-box .interest-box li{width: calc((100% / 3) - 12px);}
.management-box.board .fav .card-top2 .card-right{max-width: max-content;}
.fix_btn_box{text-align: center;}
.management-box.board .fav .top-tag{display: inline-block; font-size: 1.4rem;  font-weight: 400; margin-bottom: 0.8rem; color: #848F9A;}
.management-box.board .fav .tag-box .category{padding: 0.5rem 0.8rem; background: #F0FAF6;  color: #000; font-size: 1.4rem; font-weight: 400;}
.quick_btn_box{display: flex; align-items: start; justify-content: space-between; gap:1rem 2rem; padding: 2rem; background-color: #fff; border-radius: 0.8rem;}
.quick_btn_box .quick_btn{display: flex; gap:0.5rem;  align-items: center; width: calc(50% - 10px);}
.quick_btn_box .left{width:50%; display: flex; align-items: start; flex-wrap: wrap; gap:1rem 2rem;}
.quick_btn_box .right{width:50%; display: flex; align-items: start;flex-wrap: wrap; gap:1rem 2rem;}
.quick_btn_box button:nth-child(1){width:100%; font-size:15px;font-weight:300; background:transparent; border:0; text-align:left;}
.quick_btn_box button:nth-child(2){font-size:12px; color:#FF5700; background:transparent; padding:0.5rem 0.7rem; border:1px solid #FF5700; border-radius:0.6rem;}
.quick_btn_box button:nth-child(3){font-size:12px; color:#464C52; background:transparent; padding:0.5rem 0.7rem; border:1px solid #464C52; border-radius:0.6rem;}
.quick_btn_box button:nth-child(4){font-size:12px; color:#10A9BE; background:transparent; padding:0.5rem 0.7rem; border:1px solid #10A9BE; border-radius:0.6rem; white-space: nowrap;}

.filter_quick_box{padding: 0px 20px;  border: 1px solid #DEE3E9;  border-radius: 0.8rem;  margin-top: 2rem;}
.filter_quick_box .filter_quick{padding: 20px 0; border-bottom: 1px solid #DEE3E9;}
.filter_quick_box .filter_quick:last-child{ border-bottom: 0;}
.filter_quick_box .filter_quick > button{display: flex; justify-content: space-between;  width: 100%; border: 0; background-color: transparent;}
.filter_quick_box .card {display: flex; align-items: start; flex-wrap: wrap; gap:1rem; padding-top: 12px;}
.filter_quick_box .quick_btn{display: flex; gap:0.5rem;  align-items: center; width: 100%;}
.filter_quick_box .quick_btn button:nth-child(1){width:100%; font-size:15px;font-weight:300; background:transparent; border:0; text-align:left;}
.filter_quick_box .quick_btn button:nth-child(2){font-size:12px; color:#FF5700; background:transparent; padding:0.5rem 0.7rem; border:1px solid #FF5700; border-radius:0.6rem;}
.filter_quick_box .quick_btn button:nth-child(3){font-size:12px; color:#464C52; background:transparent; padding:0.5rem 0.7rem; border:1px solid #464C52; border-radius:0.6rem;}
.filter_quick_box .quick_btn button:nth-child(4){font-size:12px; color:#10A9BE; background:transparent; padding:0.5rem 0.7rem; border:1px solid #10A9BE; border-radius:0.6rem; white-space: nowrap;}
.filter_quick > button img {transition: transform 0.3s ease;}
.filter_quick > button.active img {transform: rotate(180deg);}

/*고객센터*/
.service-center-list{width:100%; display:flex; margin-bottom:40px; cursor: pointer;}
.service-center-list li{width:calc(100% / 3); padding:16px 0; border-bottom:1px solid #D7DCE2;  text-align:center;}
.service-center-list li p{font-size:1.6rem; font-weight:600; color:#848F9A;}
.service-center-list li.on{border-bottom:2px solid #11A9BE; }
.service-center-list li.on p{color:#11A9BE;}
.service-list .service-top{margin-bottom:20px; display: flex; align-items: center; justify-content: space-between;}
.service-list .service-top > p{font-size:2.2rem; font-weight:700;}
.service-list .service-top .search-box{width: 380px; height:46px; border-radius: 8px; padding: 0;}
.service-list .service-top .search-box input{font-size: 15px;}
.service-list > ul{border-top:1px solid #EBEEF2;}
.service-list > ul li{padding:30px; border-bottom:1px solid #EBEEF2; display: flex;  gap: 10px;  align-items: center;  justify-content: space-between; white-space: nowrap;}
.service-list > ul li > p{color:#464C52; font-weight:600; font-size:1.6rem;}
.service-list > ul li:hover{background-color: rgb(235 238 242 / 50%);}
.service-list > ul li.no-list{justify-content: center; flex-wrap: wrap;  padding: 50px 0;}
.service-list > ul li.no-list p{width:100%; text-align: center;}

/*고객센터 상세*/
.detail-big-tit{margin-top: 60px; margin-bottom: 27px;}
.detail-big-tit h2{font-size: 2.2rem; font-weight: 700;}
.detail-top{display: flex; align-items: start;  gap: 10px;  justify-content: space-between;  margin-bottom: 1rem;}
.detail-top p:nth-child(1){font-size: 1.8rem; font-weight: 600;}
.detail-top p:nth-child(2){white-space: nowrap; line-height: 1.8rem; font-size: 13px; font-weight: 300; color:#464C52;}
.detail-con{border-top: 1px solid #D7DCE2; border-bottom: 1px solid #D7DCE2; padding: 2rem 1rem; margin-bottom: 30px;}
.detail-con p{white-space: pre-line;}
.list-btn{text-align: center;}
.list-btn button{padding: 18.5px 10px; width: 162px; border-radius: 8px; background-color: #fff; border: 1px solid #D7DCE2; font-size: 1.6rem; font-weight: 600;  color: #464C52;}
.list-btn button:hover{background-color: #eeeff1;}

/*FAQ*/
.service-center-list.faq{margin-bottom: 20px;}
.circle_tab_scroll.faq{margin-bottom:4rem;}
.circle_tab_contents.faq{padding:0;}
.faq_accordion{border-bottom: 1px solid #DEE3E9;}
.faq-btn{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 10px 15px 15px; border-top: 1px solid #DEE3E9;}
.faq-btn img{transform: rotate(90deg); transition: all 0.5s;}
.faq-btn[aria-expanded="true"] img{transform: rotate(270deg);}
.faq-btn .d-flex{gap:10px;}
.faq-btn .d-flex p:nth-child(1){font-size:1.8rem; font-weight:700; color:#1DB5C8; line-height:24px;}
.faq-btn .d-flex p:nth-child(2){font-size:1.5rem; font-weight:500; color:#1DB5C8;  line-height:24px;}
.faq_accordion .card-body{padding:15px; line-height: 18px; background-color:#F8F9FB;}
.faq_accordion .card-body p{padding-left:24px; color:#333333; font-size:1.5rem; line-height:160%; white-space: pre-line;}

/*문의*/
.service-top .d-flex{gap:10px;}
.service-top .d-flex .write{width:110px; white-space: nowrap;}
.service-list > ul li .d-flex{width: 88%; gap:10px;}
.service-list > ul li .inqu_tit{font-size: 1.6rem; font-weight: 500; line-height: 19px; width: 80%;}
.service-list > ul li .inqu_day{width: 20%; text-align:center; font-size: 1.6rem; font-weight: 500; line-height: 19px;}
.service-list > ul li .inqu_tag_box{width: 12%; text-align:center;}
.inqu_tag{font-size: 1.2rem; font-weight: 400; line-height: 18px; padding:4px 9px; background-color:#F8F9FB;display: inline-block; border-radius: 8px;}
.inqu_tag.complete{color:#4980E1;}
.service-list > ul li .inqu_tag_box .inqu_tag.wait{color:#848F9A;}

/*문의 상세*/
.attached_image{margin:20px 0 10px;}
.attached_image p{font-size:1.5rem; font-weight:500; margin-bottom:10px;}
.attached_image .attached_image_list ul li{width: 180px; aspect-ratio: 1 / 1;  border-radius: 6px; overflow: hidden; cursor: pointer;}
.attached_image .attached_image_list ul li img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.detail-con .delete{text-align:right; margin-top: 2rem;}
.detail-con .delete button{width:80px; padding:9px 0; border:1px solid #D7DCE2; color:#464C52; font-size:1.5rem; font-weight:600; border-radius: 6px; background-color:#fff;}
.detail-con .delete button:hover {background-color: #eeeff1;}
.detail-answer{margin-bottom:20px; padding:24px 22px; background-color:#F8F9FB; border-radius:11px;}
.detail-answer .d-flex{justify-content: space-between; margin-bottom: 13px;}
.detail-answer .d-flex p:nth-child(1){font-size:1.5rem; font-weight:500;}
.detail-answer .d-flex p:nth-child(2){font-size:1.4rem; font-weight:300; color:#848F9A;}
.answer-con{font-size:1.5rem; line-height:2.4rem;}
.list-btn.inqu_detail .delete_btn{display:none;}

/*1:1문의등록*/
.wt-top p:nth-child(1){font-size:1.8rem; font-weight:600; line-height:2.6rem; color:#464C52;}
.wt-top p:nth-child(2){font-size:1.8rem; font-weight:600; line-height:2.6rem; color:#464C52;}
.wt-bottom{padding-top: 20px; margin-bottom: 40px;}
.wt-bottom .ip_wr{margin-bottom:20px;}
.wt-bottom .ip_wr .ip_tit{min-width: 101px; margin-bottom: 0;}
.btn.upload_delete{width: 24px;  height: auto;  aspect-ratio: 1 / 1;}
.add-img{width: 100%; overflow: hidden;}
.modal .modal-dialog.modal-img{max-width:536px; width:100%; padding:16px;}
.modal .modal-dialog.modal-img .modal-content{max-width: 100%; width: 100%; background-color: transparent; border-radius: 0;}
.modal .modal-dialog.modal-img .modal-content .modal-header{border: 0; padding: 0 0 10px 0; justify-content: end;}
.modal .modal-dialog.modal-img .modal-content .modal-header button{padding: 10px; width: auto; border-radius: 50%; background-color: rgba(0 0 0 / 30%);}
.modal .modal-dialog.modal-img .modal-content .modal-header button img{background-color: transparent;height: auto; width: 100%;}
.modal .modal-dialog.modal-img .modal-content .modal-body{padding:0; width:100%;}
.modal-img .swiper-button-prev:after, .modal-img .swiper-button-next:after{display:none;}
.upload-btn{width:100%; text-align:center;}
.upload-btn button{display: inline-block; font-size: 15px; font-weight: 600; padding: 14px 10px; max-width: 256px; width: 100%;}
.company_logo_img_div.upload_list .upload_img {width: 100%;   aspect-ratio: 2 / 1;}
.company_logo_img_div.upload_list ul li{aspect-ratio: 2 / 1; min-width:20rem; }
.company_logo_img_div.upload_list .upload_img img{aspect-ratio: 2 / 1;}
.company_logo_img_div.upload_list .photo_upload img {aspect-ratio: 2 / 1;}


/******************************** gu ********************************/
/* 마이페이지 모달 수정 */
.withdrawal_confirm_img{width: 8.0rem;    height: 8.0rem;    margin: 0 auto;    display: block}
.modal .modal-content .my_modal_header{padding: 2.0rem 2.2rem 0;  height: auto;  border: none;}
.modal .modal-content .my_modal_header .modal-title{ font-size: 2.2rem;}

/* my_listing.php 부동산 정부 수정 모달 수정 */
#estate_edit_modal>div {padding-top: 40px;  padding-bottom: 40px;}
/* 마이페이지에 들어가는 폼 영역 수정 */
.my_form_box{width: 100%;  max-width: 48.4rem;  box-sizing: border-box;  margin: 0 auto; border: 0; text-align: left; padding: 5rem 3rem;}
.my_form_box .form-text{line-height: 1.6rem;}
/* 마이페이지 부동산 & 구인 & 구직관리 폼 영역 수정 */
.fix_w{min-width: 110px; text-align: left;}
.my_form{margin-left:0; margin-right:0;margin-bottom: 1rem;}
.my_form div{padding: 0 !important;}
.my_big_form{max-width: 100%;   padding:0;  border: none;  border-radius: 0;}
.mypage .my_full_form{max-width: 100%;  padding:0;  border: none;  border-radius: 0;}
.my_form .pr_8{ padding-right: 0.8rem !important;}
.my_big_form_btn{width: 25%;}
.my_big_form .ip_wr{display: flex;}
.mypage .my_full_form_btn{ width: 25%;}
.mypage .my_full_form .ip_wr{display: flex; gap: 1rem;}

/* 매물관리 수정 */
.search{background: url(/design/img/search_ic.png) no-repeat;  background-position: 98% center;  background-size: 24px; background-color: #fff;}
.filter_check{border-radius: 12px;}
.filter{ border-radius: 0.8rem; border: 1px solid var(--gray-20);}
.filter_close_btn{border: none; background-color: transparent; width: 18px;}
.content_mb{display: none !important;}
.my_listing_tap{ margin-top: 4.0rem;  margin-bottom: 0.5rem;}
.custom_filter_head{position: absolute;  left: 50%;  transform: translateX(-50%);  font-size: 17px;}
.custom_line{width: 100%; height: 10px; background-color: var(--gray-20);}
.filter_custom_mob{display: none;}
.hide{display: none;}

/* 이용권 구매 모달 */
.ticket_box{border: 1px solid var(--gray-30);  border-radius: 12px;  background-color: #fff;   color: var(--gray-60);}
.ticket_box img{ filter: invert(83%) sepia(8%) saturate(387%) hue-rotate(167deg) brightness(87%) contrast(80%);}
.ticket_box.ticket_chk{border: 1px solid var(--primary);    background-color: #F7FEFF;    color: var(--secondary);}
.ticket_box.ticket_chk img{filter: invert(68%) sepia(77%) saturate(425%) hue-rotate(136deg) brightness(90%) contrast(96%);}

/* 매물 등록 수정 my_path.php */
.path_num_box{width: 28px;  height: 28px;  background: var(--gray-70);  border-radius: 50%;  font-size: 1.4rem;}
.pnbox_check{background-color: var(--primary);}
.pnbox_check_txt{color: var(--secondary);}
.path_num_line{width: 40px;  height: 1px;  background-color: var(--gray-70);  margin:0 1.5rem;}
.path_num_line.active{ background-color: var(--primary);}
.path_radio{gap: 20px 0px !important; text-align: left;}
.path_radio>*{flex: 0 0 25%;  max-width: 25%;}

/* 모바일용 매물 등록 순서바 삭제 */
.my_path_mobile{ display: none;}

/* 매물 정보 입력 수정 my_listing_apartment.php */
.my_cost_menu ul {display: inline-flex;  white-space: nowrap;  gap: 1rem;  list-style: none;  padding: 0;  margin: 0;}
.my_cost_menu li {flex-shrink: 0; font-size: 1.5rem; /* 15px */ cursor: pointer; padding: 0.8rem 1.6rem; /* 8px 16px */ border-radius: 2rem;  background-color: #fff;  transition: all 0.3s;  height: 42px;  display: flex;  align-items: center;  color: #464C52;  border: 1px solid #D7DCE2;}
.my_cost_menu li.active {font-weight: 600;  color: #fff;  background-color: var(--primary); border-color: var(--primary);}
.my_cost_menu li.active:hover{color: #fff;  background-color: #11A9BE;  border-color: #11A9BE}
.my_cost_menu li:hover {color: #464C52; border-color: #D7DCE2; background-color: var(--gray-20);}
.listing_flex{display: flex; gap: 3.0rem;}
.listing_flex_50{width: 50%;}
.sale_type, .location_info, .pay_info, .sale_info, .sale_detail_info, .refistrat_info{margin-bottom: 5.5rem;}
.sale_info_pr{padding-right: 4.5rem;}
.editor{background-color: var(--gray-20);  width: 100%;  height: 250px;  display: flex;  justify-content: center;  align-items: center;}
.refi_info_tit{ min-width: 80px;}

/* 기업정보 수정 */
.gap_20_0{gap: 20px 0px !important;  text-align: left;}
.gap_10_0{ gap: 10px 0px !important;  text-align: left;}

/* 구인관리 직종 선택 모달 */
#job-location-filter .modal-content{ max-width: 610px;  width: 610px;}
#job-location-filter .modal-body{padding:0;}
#job-location-filter .region_item{cursor: pointer;}

/* 에디터 모달 */
.note-editor .modal-dialog {
    height: auto;
}
.note-editor .modal-content{
    max-width : unset;
}
.note-editor .modal-dialog {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    display: flex;
    box-shadow : none !important;
}

.is-first-clip {
	overflow: hidden;
	text-overflow: ellipsis;
}

.addr-item::after { content: " ·"; color:#888; }
.addr-item.is-last::after, .addr-more::after { content: ""; }




/************************************ gu ************************************/
/* 2025.08.28 */
.btn_form_row{
    gap:0;
}
.btn_form_row input{
    padding-right:5px;
}
.like_whis_list .card-top2 .card-right{width:auto; position: absolute; top: 1.5rem; right: 2rem;}
.like_whis_list .card-top2 .card-left > p{max-width:100%;}
.addr-box{flex-wrap: wrap;}
.addr-box .addr-item:last-child::after {display:none;}

/************************************/


@media (max-width: 1199.98px) and (min-width: 991.98px) {
    .pc_header {
        padding: 0 16px;
    }

}
/*반응형 max 1200 xl*/
@media (max-width: 1530px) {
	.sides_banner .right-banner_box, .sides_banner .left-banner_box{min-width:180px; padding:1rem 1.5rem;}
	.grid-container{grid-template-columns: repeat(7, 1fr);}
	.main-bottom-benner .swiper-button-next{right: var(--swiper-navigation-sides-offset, 10%);}
	.main-bottom-benner .swiper-button-prev{left: var(--swiper-navigation-sides-offset, 10%);}
	.detail_page{gap:2rem;}
	.info_box p:nth-child(1){white-space: nowrap;}
	.detail_right .bottom_box .info_box .d-flex > div{width:100%;}
	.detail_right .top_box, .detail_right .bottom_box{padding:2rem 2.5rem;}
	.like-link{top:2rem; right:2.5rem;}
}

/*반응형 max 1400 xl*/
@media (max-width: 1400px) {
	.detail_right .top_box, .detail_right .bottom_box{padding:3rem;}
	.like-link{top:2rem; right:2rem;}
	.detail_page {gap: 4rem;}
	.sides_banner.detail{display:none;}
	.main-container{justify-content: center;}
}

/*반응형 max 1200 xl*/
@media (max-width: 1360px) {
	.real_estate_body.detail {max-width: 1082px; width: 100%; padding-left: 16px; padding-right: 16px;}
	/*.detail_page .detail_left{max-width: 608px;}
	.detail_silde_box{max-height: 506px;}*/
	.detail_right .top_box .mb-5{margin-bottom: 1.5rem !important;}
	.grid-container{grid-template-columns: repeat(6, 1fr);}
	.detail_right .bottom_box .info_box .d-flex > div{width:auto;}

}

/*반응형 max 1200 xl*/
@media (max-width: 1240px) {
	.sides_banner{display:none;}
	.real_estate_body, .main-pg, .job_opening_body {max-width: 1082px; width: 100%; padding-left: 16px; padding-right: 16px;}
	.detail_page .detail_left{max-width: 678px;}
	.detail_silde_box{max-height: 576px;}
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
	.grid-container {grid-template-columns: repeat(6, 1fr);}
	.main-bottom-benner .swiper-button-next{right: var(--swiper-navigation-sides-offset, 5%);}
	.main-bottom-benner .swiper-button-prev{left: var(--swiper-navigation-sides-offset, 5%);}
	.mypage .right.pl_88{padding-left:4rem;}

	/* my_path.php 반응형 수정 */
    .path_radio>*{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;}
}

/* PC에서는 모바일 헤더 강제 비노출 */
@media (min-width: 991.98px) {
    .mb_header {
        display: none !important;
    }
}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
	/*공용*/
	.modal-choice .modal-content .modal-body .top-tit{padding: 0.8rem 0.5rem; font-size: 1.4rem;}
	.modal-choice .modal-content .modal-body .area-left .item-choice{padding: 1.6rem 1.2rem;}
	.modal-choice .checks .ic_box{font-size: 1.3rem;}
	.modal-choice .modal-footer .choice-list li{font-size: 1.3rem;}
	.modal-footer button.btn{font-size: 1.4rem;}
	.modal-choice .checks input:checked+.ic_box:after{display:none;}
	.mypage .mt-5{margin-top:1rem !important;}
	.mypage .right.pl_88{padding-left:0;}
	.sub-page .form-row {margin-left: 0;  margin-right: 0;}
	.mo_only{display:block;}
	.pc_only{display:none;}
	.pc_header {display: none !important;}
	.h_menu {padding: 0 2rem;}
    .logo {height: 2rem;}
    .pc_nav {display: none;}
	.mb_header {display: block;   width: 100%;   background: #fff;    border-bottom: 1px solid #e0f0f0;}
    .itm_mobile_header_inner {display: flex;   justify-content: space-between;  align-items: center;  padding: 0 16px;  height: 50px;}
    .itm_mobile_menu_btn, .itm_mobile_search_btn, .itm_mobile_user_btn { background: none;    border: none;  padding: 0; }
    .itm_mobile_menu_btn img, .itm_mobile_search_btn img, .itm_mobile_user_btn img {width: 30px; height: 30px;}
    .itm_mobile_logo img {height: 28px;}
    .itm_mobile_icons { display: flex; align-items: center;   gap: 14px; }
	.mb_header .mypage-hd{position: absolute; top: 0;  left: 0;  width: 100%;}
	.mb_header .hd_btn button{background-color:transparent; border:0;}
	.mb_header .page_tit{position: absolute;  left: 50%;  transform: translateX(-50%); font-size:17px;}
	.mb_header .mypage-hd .page_tit{color:#fff;}
	.sub_pg.d-flex {padding-top: var(--hd_height_m); min-height:auto;}
	.sub_pg.d-flex .basic_form_box {padding: 3rem 2rem 10rem;  border: none;}
	.sub_pg.d-flex .basic_form_box h2{display:none;}
	.sub-page.job{padding-top:2rem; padding-bottom: 6rem;}
	.main-bottom-benner .swiper-button-next, .main-bottom-benner .swiper-button-prev{display:none;}
	.main-bottom-benner ul li{height:120px; aspect-ratio: 207 / 60;}
	.item-transverse-box.gray_bg{padding: 5rem 1.6rem; margin-left:-1.6rem; margin-right:-1.6rem; background-color: #F8F9FB;}
	.my_big_form .ip_wr .ip_tit{margin-bottom:0;}
	.my_big_form .mb_15 {margin-bottom: 0rem;}

    /* 탭 메뉴 */
    .itm_mobile_tab {overflow-x: auto;    white-space: nowrap;   -webkit-overflow-scrolling: touch;    border-bottom: 1px solid #ddd;}
    .itm_mobile_tab_list {display: inline-flex; padding: 0 12px;   gap: 24px;    font-size: 15px;    }
    .itm_mobile_tab_list li a {display: inline-block;  padding: 12px 0;   color: #757575;     text-decoration: none;   white-space: nowrap;  font-weight: 500; }
    .itm_mobile_tab_list li a.active { color: #00acc1;/* 시안에 맞춰 강조색 */border-bottom: 2px solid #00acc1;}
    .itm_mobile_tab_list li a {display: inline-block;  padding: 12px 0;  color: #757575;  text-decoration: none; white-space: nowrap; font-weight: 500;}
    .itm_mobile_tab_list li a.active {color: #00acc1;  border-bottom: 2px solid #00acc1;}

	/****/
	.container{padding: 0 16px; }
	.container.service{padding:0; margin-bottom:0px;}
	.container.mp{max-width:100%; padding:0;}
	.service-center-list, .sub-title{display:none;}
	.service-list .service-top{padding: 20px 16px 20px; margin-bottom: 0;}
	.service-list .service-top > p{display:none;}
	.service-list .service-top .search-box{width: 100%;}
	.service-list > ul li{flex-wrap: wrap; padding:20px 48px 20px 16px; gap:8px; position:relative;}
	.service-list > ul li:after{content: ""; position: absolute; width:22px; height:22px; background:url(../img/arrow-g-right.svg); top:50%; right:16px; transform: translateY(-50%);}
	.service-list > ul li.no-list:after{display:none;}
	.service-list > ul li p:nth-child(1){font-size:1.5rem;}
	.service-list > ul li p:nth-child(2){font-size:1.3rem; font-weight:400}
	.detail-big-tit{display:none;}
	.detail-top{margin-bottom: 20px; margin-top: 20px;  flex-wrap: wrap; gap:16px;}
	.detail-top p:nth-child(1){width: 100%; font-size: 2rem; font-weight: 700;}
	.detail-top p:nth-child(2){line-height: 1.6rem;}
	.detail-con{margin-bottom:2rem;}
	.list-btn {text-align: left;}
	.list-btn button{font-size: 1.4rem; font-weight: 400; width: 100px; padding: 10px;}
	.circle_tab_scroll.faq{margin:20px 0 0;}
	.faq_accordion .card-body p{padding:0 25px;}
	.service-list > ul.inquiry li:after{display:none;}
	.service-list > ul.inquiry li{flex-wrap: nowrap; padding: 16px;}
	.service-list > ul.inquiry li.no-list{flex-wrap: wrap;}
	.service-list > ul li .d-flex{flex-wrap: wrap; width: calc(100% - 73px);}
	.service-list > ul li .inqu_day{width: 100%; text-align: left; font-size:1.3rem; font-weight:400; color:#464C52;}
	.service-list > ul li .inqu_tit{width:100%;}
	.service-list > ul li .inqu_tit p:nth-child(1){color:#464C52; font-weight:500;}
	.service-list > ul li .inqu_tag_box{width: 100%; min-width: 63px; max-width: 63px;}
	.service-list > ul li .inqu_tag_box .inqu_tag{font-size:1.3rem;}
	.inqu-top{margin-top:20px;}
	.attached_image .attached_image_list ul li{width: 90px;}
	.list-btn.inqu_detail .list, .detail-con .delete{display:none;}
	.list-btn.inqu_detail .delete_btn{display:block; width: 100%;}
	.inqu-top .detail-top{margin-top: 5px;}
	.wt-top{margin-top:20px;}
	.wt-top p:nth-child(1){font-size:2.4rem; font-weight:700; line-height:130%; margin-bottom:12px; color:#000;}
	.wt-top p:nth-child(2){white-space: pre-line; font-weight:400; line-height:2.4rem; color:#848F9A;}
	.wt-bottom .ip_wr{flex-wrap: wrap; gap:10px;}

	/*메인*/
	.main-list-box .pc{display:none;}
	.main-list-box .mobile{display:block;}
	.main-group-box{padding-top: 23.8rem;}
	.main-btn-box{top: 18.5rem;}
	.main-group-box .grid-container{display: flex;  flex-wrap: wrap;  align-items: center;}
	.big-box{position: absolute;  top: 2rem;  width: 100%; padding: 2rem 2.5rem;}
	.big-box h3 {font-size: 18px;  font-weight: 700;  margin-bottom: 1.5rem;  line-height: 140%;}
	.small-box{width: calc((100% / 4) - 8px); padding:0rem 1rem; }
	.main-btn-box.active{top: 10.3rem; gap: 0.95rem;}
	.main-list-box{margin-top: 2.8rem; padding-top: 0;}
	.main-list-box .top p{font-size:2rem;}
	.main-list-box .top img{width:2.4rem;  aspect-ratio: 1 / 1;}
	.main-list-box .mb_40{margin-bottom:1.5rem;}
	.main-list-box .top{margin-bottom:6rem;}
	.main-list-box .sch_ip{width:100%; max-width: 100%;}
	.main-list-box .mobile{}
	.main-list-box .mobile > ul{display: flex; flex-wrap: wrap; gap: 1rem;}
	.main-list-box .mobile > ul > li{width: 100%; border: 1px solid #D7DCE2; border-radius: 1.2rem; overflow: hidden;}
	.main-list-box .mobile ul li .main-cate-top > a{display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 1.5rem;  width: 100%;  background-color: #F8F9FB;}
	.main-list-box .mobile ul li .main-cate-top > a .icon{display: flex; gap: 1rem; align-items: center;}
	.main-list-box .mobile ul li .main-cate-top > a .icon img{width: 40px; aspect-ratio: 1 / 1;}
	.main-list-box .mobile ul li .main-cate-top > a .updown-arrow{transition: 0.3s all; transform: rotate(180deg);}
	.main-list-box .mobile ul li .main-cate-top > a[aria-expanded="true"] .updown-arrow{transform: rotate(0deg);}
	.main-list-box .mobile ul li .main-cate-top > a .icon p{font-size:1.7rem; font-weight:700;}
	.main-list-box .mobile ul li .card-body{border-top:1px solid #D7DCE2; padding:1.5rem 2rem;}
	.main-list-box .mobile ul li .card-body ul{display: flex; flex-wrap: wrap; gap: 1.5rem;}
	.main-list-box .mobile ul li .card-body ul li{width:100%;}
	.main-list-box .mobile ul li .card-body a .icon{display: flex; gap: 1rem; align-items: center;}
	.main-list-box .mobile ul li .card-body a .icon img{width: 36px; aspect-ratio: 1 / 1;}
	.main-list-box .mobile ul li .card-body a .icon p{font-size:1.5rem; font-weight:400;}
	.main-list-box .mobile ul li .main-cate-top > a[aria-expanded="true"] .icon p{color:#10A9BE;}

	/*부동산 홈*/
	.real-est-src-box.mo_only{padding: 0; margin: 0 -1.6rem 2.5rem;}
	.real-est-src-box.mo_only .top-box{padding: 1.6rem; background-color: #F8F9FB;}
	.real-est-src-box.mo_only .top-box h3{color: #848F9A; font-size: 1.6rem; font-weight: 500; margin-bottom: 1rem;}
	.real-est-tag2{margin:0;width:100%;}
	.real-est-tag2 ul li{width: auto; display: flex;  align-items: center;  gap: 2rem; font-size:1.3rem; font-weight:300; padding: 1rem 1.5rem;  background-color: #F8F9FB;  border: 1px solid #EBEEF2;  border-radius: 8px;}
	.real-est-tag2 ul li button{background-color: transparent; border: 0;}
	.bottom-box> button{background-color: transparent; border: 0;min-width:19px; width:19px;}
	.real-est-src-box.mo_only .bottom-box{padding: 1rem 1.6rem; gap: 1rem; border-bottom: 1px solid #EBEEF2;}
	.real-main2 .swiper-slide{width:100%; aspect-ratio: 885 / 188; }
	.real-main2 .swiper-slide img{width:100%; aspect-ratio: 885 / 188; object-fit: cover; height: auto;}
	.item-big-box .item-list-box{gap: 3rem 1.6rem;}
	.item-big-box .item-list-box li{width:calc((100% / 3) - 11px); border: 0;}
	.property_registration{margin-top:2rem;}
	.property_registration img{max-width:425px; width:100%;}

	/*부동산 상세*/
	.detail_page{flex-wrap: wrap; padding-top: 0; margin-bottom: 3rem;}
	.detail_page .detail_left{max-width:100%;}
	.detail_silde_box .thumbs_img{display:none;}
	.detail_silde_box{max-height: none; margin: 0 -16px; height: auto;}
	.detail_page .detail_right{width: 100%;  position: unset; margin-top: 0;}
	.detail_right .bottom_box{border:0; padding:0; text-align: center;}
	.detail_right .bottom_box h3{text-align:left;}
	.detail_right .bottom_box button.btn-block{max-width: 30rem;}
	.big_img .img-change{display:none;}
	.detail-info-top{border:0; padding: 0 1.6rem 2rem; margin: 0 -1.6rem;  margin-bottom: 2rem !important;  border-bottom: 10px solid #EBEEF2; border-radius: 0; position:relative;}
	.detail-info-top .like-link{position: unset;}
	.detail-info-top .information .like-link{position: absolute; top: 1rem; right: 1.6rem;  display: flex;}
	.detail-info-top .info{flex-wrap: wrap;  border: 1px solid #D7DCE2;  border-radius: 8px; padding: 0; overflow: hidden;}
	.detail-info-top .info > div{padding:1rem; background-color:#f6f6f6;}
	.detail-info-top .info > div:nth-child(2n){background-color:#fff;}
	.detail_left .detail-info-top .info p{padding:0;}
	.exponent_info{display:flex;align-items: center; width: 100%;  gap: 3rem; margin-bottom:3rem;}
	.exponent_info .img_box{margin-bottom:0;}
	

	/*부동산 기업*/
	.corporation-top {padding-top: 2.6rem; padding-left: 1.6rem; padding-right: 1.6rem; margin-left: -1.6rem;  margin-right: -1.6rem; border-bottom: 1rem solid #F8F9FB;  margin-bottom: 0 !important;  padding-bottom: 1.6rem;}
	.corporation-top .pc_only{display: none !important;}

	/*구인 홈*/
	.job_opening_banner{padding: 0; margin: 0 -1.6rem;}
	.job_opening_banner ul li{border-radius: 0;}
	.job-src-box .input{position:relative;}
	.job-src-box .input .sch{display: inline-block; position: absolute;  top: 50%;   transform: translateY(-50%);   right: 1.2rem;   z-index: 11;  width: auto;   height: auto;  border: 0;  background: transparent;}
	.management-box .two-list.premium li{width: calc((100% / 2) - 9px);}
	.job-detail{padding-top:0rem;}
	.job-detail .jop-opening-top{flex-wrap: wrap; gap:1.5rem;}
	.jop-opening-top .information > .d-flex{width:100%;}
	.jop-opening-top .information > .d-flex .fs_16{font-size:1.4rem !important; }
	.jop-opening-top .information > h3{font-size:1.8rem;}
	.job-detail .detail-info-top{border-bottom:1px solid #D7DCE2; padding: 0 1.6rem 2rem;}
	.section-box h2{font-size: 2rem; margin-bottom: 1rem;}
	.detail_left .info-btn {display:none;}
	.detail_left.job-detail{padding-bottom: 0rem;}
	.t-basic-info{justify-content: end; width: 100%;}
	.t-basic-info .fs_15{font-size:1.3rem !important;}

	/*구직홈*/
	.real-est-src-box.mo_only.resume-board, .real-est-src-box.mo_only.free-board{margin-bottom: 1rem; justify-content: end;}
	.item-big-box .flex.resume-board-top, .item-big-box .flex.free-board-top{margin-bottom: 1rem;}
	.resume-board-bottom, .resume-board-bottom .board-basic-info, .free-board-bottom, .free-board-bottom .board-basic-info{flex-wrap: wrap;}
	.resume-board-bottom .board-basic-info, .free-board-bottom .board-basic-info{gap:0.5rem 1rem;}
	.resume_detail{margin-top:0rem;}
	.resume_detail .jop-opening-top h3{font-size:1.8rem;}

	/*결제내역*/
	.payment-details{padding-top:2rem; padding-left: 1.6rem; padding-right: 1.6rem;}

	/*배너 신청내역*/
	.banner-ad-history, .banner-ad-detail{padding-top:2rem;}
	.banner-ad-history .banner-ad-top{padding:0 1.6rem;}
	.banner-ad-detail .title-top{margin-bottom: 1.5rem;}
	.resume-board li .tit-box p, .free-board li .tit-box p {font-size: 1.8rem}
	.management-box ul.resume-board li, .free-board li{padding: 2rem 1.6rem; gap:1rem;}
	.banner_ad_page {padding-top: 2rem;}
	.banner_ad_page .head_bolder{display:none;}
	.banner_ad_page .pt_20.mo_pt_0{padding-top:0;}
	.banner_ad_page .info-form .new-form {padding-left: 0rem; padding-right: 0rem;}

	/*마이페이지*/
	.mypage{margin-top:0px;}
	.mypage > .left{max-width:100%;}
	.mypage > .right{display:none;}
	.mypage_pc{display:none;}
	.mypage_mo{display:block;}
	.real-est-src-box.my_page{padding: 0 1.6rem; margin: 0 -1.6rem;}
	.info-form .new-form{padding-left:1.6rem; padding-right:1.6rem;}
	.info-form .new-form > .d-flex{flex-wrap:wrap;}
	.my-sale-information{flex-wrap: wrap; gap: 3rem;}
	.my-sale-information >.d-flex{flex-wrap:wrap;}
	.listing_form_reset .my-sale-information .pt_13, .listing_form_reset.job .pt_13{padding:0;}
	.ip_tit h5 br{display:none;}
	.sub-page .my_registration_form_btn{padding: 1.5rem 1.6rem; background-color: #fff; position: fixed; bottom: 0;  left: 0;  width: 100%; z-index: 10;}
	.sub-page .my_registration_form_btn button:nth-child(1){display:none;}
	.sub-page.job .my_registration_form_btn button:nth-child(1){display:block;}
	.corporate-form .new-form > .d-flex{flex-wrap:wrap;}
	.pc_gap15{flex-wrap:wrap; gap:1rem;}
	.registration-info.job select{max-width:100%; min-width:auto;}
	.career-box{flex-wrap:wrap; gap:1rem 1.5rem;}
	.registration-info.job .career-box select{max-width:120px; min-width:auto;}
	input.email{min-width:auto; max-width: 100%;}
	.my-sale-information .d-flex.email select{min-width: auto; max-width: max-content;}
	.two-list li .like_btn_sm{top: 1rem; right: 1rem;}
	.card-top2{position:relative;}
	.card-top2 .card-icon-btn{position: absolute; top: 0.5rem; right: 1rem; margin: 0;}
	.card-top2 .card-right.no-select{ max-width: max-content;}
	.management-box.board .card-top2{align-items: end;}
	.management-box.board .card-top2 .card-right{padding-top: 2rem;}
	.management-box.board .card-top2 .card-icon-btn button.like_btn_sm{margin-top:1rem;}
	.new-form .w-100 select{max-width: 100%;}
	.fee-board-silde{margin-left:-1.6rem; margin-right:-1.6rem;}
	.fee-board-silde li{min-width:80px;}
	.fee-board-silde li button{padding: 0.95rem 2rem;}
	.free_board_detail{margin-top:0rem;}
	.detail-info-top h3{font-size:1.8rem;}
	.free_board_detail_box .detail-info-top{padding: 0.5rem 1.6rem 2rem;}
	.free_board_detail_box .detail-info-top .like_btn_sm{position:absolute; right:1.6rem; top:0;}

	/*이용권*/
	.purchase_top{padding-top: 2rem; margin-bottom: 3rem;}
	.purchase_pass{margin-bottom: 3rem;}
	.purchase_pass ul{flex-wrap: wrap;}
	.purchase_pass_check{max-height:0; overflow: hidden; padding-top: 0rem; border-top:0; transition: max-height 0.7s ease;}
	.purchase_pass_check.on{max-height: 1000px;}
	.purchase_pass_check .border-top{border-top: 1px solid #D7DCE2; width: 100%; padding-top: 2rem;  margin-top: 2rem;}
	.purchase_top img, .purchase_top p{display:none;}
	.purchase_top h2{font-size:1.6rem; font-weight:500; line-height: 140%; margin-bottom: 0rem;}
	.purchase_pass ul li{padding:3rem;}
	.purchase_pass_top{display: flex; align-items: start; gap: 0.8rem;}
	.purchase_pass_top img{min-width:22px; width:22px;}
	.purchase_pass_top > div{display: flex; flex-wrap: wrap; gap: 1rem;}
	.purchase_pass_top > div p{width: 100%; text-align: left; order: 2; font-size: 1.5rem; color: #848F9A;}
	.purchase_pass_top > div h3{font-size: 1.6rem; font-weight:700;}
	.purchase_pass_con{margin-top:2.2rem;}
	.purchase_pass_con p{font-size: 1.4rem;}
	.purchase_pass_tit{padding-bottom:0;}
	.purchase_pass_check .checks .ic_box{padding: 1.2rem;}
	.purchase_pass_check .checks .ic_box .chk_p p{font-size: 1.4rem;}

	/**/
	.text_page{margin-top:2rem;}


/****************** gu *******************/
	/* flex 수정 */
    .d-flex-50{width: 100%;}
    .flex-lg-column{flex-direction: column;}
    .flex-lg-column.gap_15{ gap: 0;}
    .mypage .flex-lg-column .pd_custom{padding: 0;}

    /* fixed button */
    .fix_btn_box{position: fixed; bottom:0; left:0; width: 100%; z-index:10; background-color: var(--white); padding: 1.5rem 1.6rem;}
	.fix_btn_box .mt_50{margin: 0 !important;}
    .fix_btn{margin: 0;}

    /* page 수정 */
    .mypage .my_left { display: none; }
    .my_lg_head{ display: none;}
    .mypage .my_right{display: block;  width: 100%; padding-left:0;}
    .my_form_box, .my_big_form{padding: 3rem 2rem;  max-width: 48.4rem;    margin: 0 auto;}
    .my_big_form_btn{width: 100%;}
    .my_big_form .ip_wr{ flex-direction: column;}
    .my_big_form .mt_lg_0{margin-top: 0px}
    .my_form_box, .mypage .my_full_form{padding: 0 2rem; margin: 0 auto;}
    .mypage .my_full_form_btn{width: 100%;}
    .mypage .my_full_form .ip_wr{flex-direction: column;}
    .mypage .my_full_form .mt_lg_0{margin-top: 0px}
    .pl_lg_88{padding-left: 0px;}
    .my_listing{ padding: 1.5rem 1.6rem;}
    .content_lg{display: none}
    .content_mb{ display: flex}
    .my_listing_tap{margin-top: 0; margin-bottom: 2.0rem;}
    .filter_form_pc {display: none;}
    .search{background-position: 95%;}
    .filter_form_mob{padding:3rem 2rem;}
    .filter_close_btn{width: 15px;}
    .filter_custom_mob{display: block;}

    /* 매물 등록 my_path.php */
    .my_path_pc{display: none;}
    /* 모바일용 매물 등록 순서바 활성화 */
    .my_path_mobile{display: flex;}
    .path_num_box{font-size: 1.2rem;}
    .path_num_line{width: 15px; margin: 0;}
    .my_pathchk_mb{padding-bottom: 2.0rem; padding-left: 2.0rem; padding-right: 2.0rem; }
    .my_pathchk_mb{ max-width: 100%; padding-top: 2rem;}
    .my_pathchk_mb form>div{ margin:0 !important;}
    .path_radio>*{flex: 0 0 50%; max-width: 50%; }

    /* my_listing 모바일 수정 */
    .listing_flex{display: flex;  gap: 3.0rem; flex-direction: column;}
    .listing_flex_50{width: 100%;}
    .sale_type, .location_info, .pay_info, .sale_info, .sale_detail_info, .refistrat_info{max-width: 100%; padding: 0 2rem; }

    /*.listing_form_reset .my_pathchk_mb{
        padding: 6.0rem 2rem 1.5rem;
    }*/
    /*.listing_form_reset .pt_13, .listing_form_reset .pt_2{padding: 0 0 1.0rem;}*/
    .listing_form_reset .pr-5{ padding:0 !important;}
    .mobile_none{display: none;}
    .sale_info_pr{padding-right:0;}

    /* my_job_fav 수정 */
    .my_job_fav .management-box {padding-left: 2.0rem; padding-right: 2.0rem; padding-top: 2rem;}
	.src-page{overflow: auto; padding: 0;}
	.src-page .my_listing_tap{margin-bottom: auto !important; margin-top: 1rem !important;  padding-bottom: 1rem;}

	.registration-info.job{padding-bottom:6rem;}
	.src_result{text-align:center; padding:1rem 0;}
}

/*반응형 max 767px md*/
@media (max-width: 767.98px) {
	.item-transverse-list ul li{width:100%;}
	.real-est-src-box .tit h2, .item-big-box .tit h2, .item-transverse-box .tit h2{font-size:1.8rem; margin-bottom: 0.8rem;}
	.real-est-src-box .tit p, .item-big-box .tit p, .item-transverse-box .tit p{font-size: 1.6rem;}
	.management-box .two-list.premium li, .management-box .two-list li{width: 100%;}
	.my_job_fav .management-box .interest-box {gap: 2rem 1rem; }
	.my_job_fav .management-box .interest-box li{width: calc((100% / 2) - 5px);}
	.payment-top{flex-wrap: wrap; margin-bottom: 0;}
	.payment-top .inquiry{width: 100%;  order: 1;  margin-bottom: 1.6rem;}
	.payment-top select{order: 2; margin-left: auto; display: none;}
	.payment-details ul li .li-bottom, .payment-details ul li .li-bottom > .d-flex{flex-wrap: wrap;}
	.payment-details ul li .li-top{flex-wrap: wrap; border: 0; margin-bottom: 0;}
	.payment-details ul li .li-bottom .product-type, .payment-details ul li .li-bottom .payment-value, .payment-details ul li .li-bottom .cancel-btn{width:100%;}
	.payment-details ul li .li-top .pay-day-p{width:100%; flex-wrap:wrap; gap: 0.5rem 1rem;}
	.payment-details ul li .li-top .cancel-day span{margin-left: 0;}
	.banner-ad-history table, .banner-ad-history table tbody{display:block;}
	.banner-ad-top > p{display:none;}
	.banner-ad-history .banner-ad-top .sch-box{width:100%;}
	.banner-ad-history table tr{border-bottom: 1px solid #EBEEF2; display: inline-block; width: 100%; position: relative; padding: 1.5rem 10rem 1.5rem 0;}
	.banner-ad-history table td{display: inline-block; border-bottom:0;}
	.banner-ad-history table td:nth-child(1){width: 100%; padding: 0 1.6rem;}
	.banner-ad-history table td:nth-child(1) a{width: 100%; padding: 0; padding-bottom: 0.6rem;}
	.banner-ad-history table td:nth-child(1) a p{word-break: break-all;}
	.banner-ad-history table td:nth-child(2){width: 100%; padding: 0 1.6rem; text-align: left; font-size: 1.3rem;  color: #A7B2BC;}
	.banner-ad-history table td:nth-child(3){width: auto;padding: 0; display: inline-block; position: absolute;top: 50%; transform: translateY(-50%); right: 1.6rem;}
	.banner-ad-detail .title-top{flex-wrap: wrap;}
	.answer-box .answer-name{flex-wrap: wrap; margin-bottom: 1.5rem;}
	.banner-ad-detail .title-top p:nth-child(1), .answer-box .answer-name p{width:100%;}
	.section-box .condition ul li{width:100%;}
}

/*반응형 max 660px sm*/
@media (max-width: 660px) {
	.exponent_info{flex-wrap:wrap;}
	.exponent_info .info_box{width:100%;}
	.real-estate-corporation {border-radius: 0;  border: 0;  padding: 0;}
	.real-estate-corporation .head{flex-wrap: wrap; margin-bottom:1.4rem;}
	.real-estate-corporation .head p{width:100%;}
	.real-estate-corporation .body{flex-wrap: wrap;  gap: 1rem;}
	.real-estate-corporation .body .info_box{padding:1.5rem; border:1px solid #D7DCE2; border-radius:8px;}
	.real-estate-corporation .body .info_box p:nth-child(1){width:5rem;}
	.real-estate-corporation .body .real_estate_img{max-width: 100%;}
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
	.upload-btn button{max-width: 100%; }
	.small-box{width: calc((100% / 3) - 7px);}
	.item-big-box .item-list-box li{width:calc((100% / 2) - 8px); border: 0;}
	.card-top2 {padding: 25px 15px 15px;}
	.card-bottom{justify-content: left; gap:0.5rem 1rem; flex-wrap: wrap;  padding: 15px;}
	.card-bottom > .d-flex.gap-20{flex-wrap: wrap; gap:0.5rem 1rem;}
	.management-box .card-middle{flex-wrap: wrap; gap: 1rem;}
	.card-middle .right {width: 100%; max-width: 100%; min-width: auto;}
	.sub-page .form-row.email{flex-wrap: wrap; gap: 1rem;}
	.form-row.email .pr_8 {padding-right: 0rem !important; width: 100%; max-width: 100%; flex: auto;}
	.form-row.email .col-lg-5{flex:auto; max-width:100%;}
	.path_radio>*{max-width:calc(100% / 2) !important; flex:auto !important; width:100% !important;}
	.mypage .my_full_form .ip_wr.d-flex-50{width:100%;}
	.management-box.board .card-top2{flex-wrap: wrap; padding: 1.5rem 2rem 1.5rem;}
	.management-box.board .card-top2 .card-right{padding-top: 0rem; max-width: 100%;}
	/*.management-box.board .card-top2 .card-icon-btn{display: block;}*/
	/*.management-box.board .card-top2 .card-left{padding-right:3rem;}*/
	.management-box.board .card-top2 .card-icon-btn button{display: block;}
	/*.management-box.board .card-top2 .card-icon-btn button:nth-child(2){margin-top:1rem;}*/
	/*.card-middle .left{flex-wrap: wrap;}*/
	.refistrat_info .d-flex{flex-direction: column;  align-items: flex-start;}
    /* my_job_fav 수정 */
    .my_job_fav .two-list{flex-wrap: nowrap; flex-direction: column;}
    .my_job_fav .two-list li{ width: 100%;}
	.resume-board li .filter-con{flex-wrap:wrap;}
	.date-box{gap:0.5rem;}
	.resume-board-bottom .board-basic-info, .free-board-bottom .board-basic-info{width:100%;}
}

/*반응형 max 420px*/
@media (max-width: 420px) {
	.ticket_box.justify-content-between {flex-wrap: wrap;  justify-content: center !important;  gap: 5px;  padding: 1rem !important;}
	.ticket_box > .d-flex{flex-wrap: wrap; justify-content: center;  gap: 5px;}
	.ticket_box > .d-flex > .fs_16{width:100%;}
	.ticket_box > .fs_15 {white-space: nowrap; width:100%;}
	
}
@media (max-width:380px) {
	.small-box{width: calc((100% / 2) - 5px);}
	.main-list-box .top p{font-size: 1.7rem;}
	.apart-img .apart p{font-size: 12px;}
	.real-est-src-box .tit p, .item-big-box .tit p, .item-transverse-box .tit p {font-size: 1.4rem;}
	.apart-img .apart{right: 5px;}
	.interest-btn {bottom: 10px; right: 10px;}
	.item-transverse-list .apart-con p:nth-child(1){margin-bottom: 1rem;}
	.my_job_fav .management-box .interest-box li {width: 100%}
	.col_ssm{flex: 0 0 100%; max-width: 100%;}
	.item-transverse-list ul{2rem;}
	.item-transverse-list ul li{gap: 1rem; flex-wrap: wrap;}
	.item-transverse-list ul li .apart-img{position:relative; max-width: 150px; min-width: 150px; margin-bottom: 0;}
	.item-transverse-list ul li .apart-con, .location-box .d-flex{width:100%;}
	.item-transverse-list ul li .apart-img{max-width: 100%; min-width: 100%; aspect-ratio: 2 / 1;}
	.item-transverse-list ul li .apart-img img{aspect-ratio: 2 / 1;}
	.resume-board-bottom .board-basic-info  > .d-flex, .free-board-bottom .board-basic-info > .d-flex{width:calc(50% - 0.5rem);}
}

@media (max-width:374px) {
	.item-big-box .item-list-box li{width:100%;}
	.item-big-box .item-list-box li .apart-img, .item-big-box .item-list-box li .apart-img img{aspect-ratio: 2 / 1;}
	.card-middle .left{flex-wrap: wrap;}
	.card-middle .left .img-box {max-width: 100%;  min-width: 100%; aspect-ratio: 2 / 1.5;}
	.card-middle .left .img-box.my_list_logo_img {max-width: 100%;  min-width: 100%; aspect-ratio: 2 / 1;}
	.payment-top .inquiry{flex-wrap: wrap;}
	.payment-top .inquiry > button{width:100%;}
	.item-transverse-list {margin-top: 2rem;}
	
}

@media (max-width:359px){
	.my-sale-information .d-flex.email{flex-wrap: wrap;}
	.my-sale-information .d-flex.email select{width:100% !important; max-width: 100%;}
}