/*분양정보 페이지*/
.sale_page .p_01 {background:#fff;}
.sale_page .p_01 .p_wrap .first {display:none;}

/*분양비교 페이지*/
.comparisone {margin:20px 0 60px 0;}
.comparisone h2 {font-size:24px; font-weight:bold; color:#111111; margin-bottom:20px;}

/*분양파트너 페이지*/
.partner_page .partner_01 {background:#fff;}
.partner_page .partner_01::after {display:none;}
.partner_page .partner_01 .title h2 {color:#111;}
.partner_page .partner_01 .title h2 b {color:#ff004b;}
.partner_page .partner_01 .title ul.basic01 a {color:#646464;}

/*구직정보 페이지*/
.resume_page .r_01 {background:#fff;}

/*페이지별 검색 공통*/
.search_prodcut {margin:20px 0;}
.search_prodcut .choice_tab {justify-content:space-between; gap:20px;}
.search_prodcut .choice_tab ul {gap:3px; flex-wrap:wrap;}
.search_prodcut .choice_tab ul button {background:#f7f9fa; font-size:14px; color:#555555; padding:10px 12px; border-radius:100px; border:1px solid #f7f9fa;}
.search_prodcut .choice_tab li i {display:none;}
.search_prodcut .choice_tab li.on button {background-color:#2f3438; color:#fff; border-color:#2f3438; padding:10px 8px 10px 12px;}
.search_prodcut .choice_tab li.on i {display:inline; margin-left:2px;}
.search_prodcut .choice_tab li:hover button {border-color:#2f3438; color:#2f3438;}
.search_prodcut .choice_tab li.on:hover button {color:#fff; }
.search_prodcut .choice_tab .detail_search {flex-shrink:0; background:#fff; border:1px solid #2f3438; color:#2f3438; padding:7px 8px 7px 12px; border-radius:100px; font-size:14px;}
.search_prodcut .choice_tab .detail_search i {margin-left:2px; font-size:20px;}
.search_prodcut .choice_tab .detail_search.on {background-color:#2f3438; color:#fff;}
.search_prodcut .choice_tab .detail_search.on i {transform:rotate(180deg);}
.search_prodcut .open_box {border:1px solid #2f3438; margin-top:15px;}
.search_prodcut .open_box .depth_wrap {padding:20px; border-bottom:1px solid #ebebeb;}
.search_prodcut .open_box .depth1 { gap:10px 20px; flex-wrap:wrap; margin-bottom:20px;}
.search_prodcut .open_box .depth1 button {display:flex; align-items:center; gap:0 5px; color:#333333; font-size:15px;}
.search_prodcut .open_box .depth1 li {line-height:1.1;}
.search_prodcut .open_box .depth1 li i {display:none;}
.search_prodcut .open_box .depth1 li.on button {font-weight:800; }
.search_prodcut .open_box .depth1 li.on i {display:inline;}
.search_prodcut .open_box .depth1 li:hover button {text-decoration:underline !important;}
.search_prodcut .open_box .depth1 li.on:hover button {text-decoration:none !important;}
.search_prodcut .open_box .depth2 { gap:10px 20px; flex-wrap:wrap; padding:18px; background-color:#f7f9fa;}
.search_prodcut .open_box .depth2 li button {color:#444444; font-size:14px;}
.search_prodcut .open_box .depth2 li.on button {background:#fff; border:1px solid #2f3438; color:#2f3438; border-radius:100px; padding:6px 10px; font-weight:bold;}
.search_prodcut .open_box .depth2 li:hover button {text-decoration:underline !important;}
.search_prodcut .open_box .depth2 li.on:hover button {text-decoration:none !important;}
.search_prodcut .open_box .pick {gap:8px; flex-wrap:wrap; padding:20px; }
.search_prodcut .open_box .pick li {display:flex; align-items:center; background-color:var(--bg5); color:var(--pick-color); padding:8px; font-size:13px; border-radius:5px;}
.search_prodcut .open_box .pick li button {color:var(--pick-color); background-color:#fff; width:18px; height:18px; border-radius:100px; font-size:8px; font-weight:bold; margin-left:10px; box-shadow:0 0 4px rgba(0,0,0,0.06);}
.search_prodcut .open_box .btn {gap:10px; justify-content:center; margin:20px 0;}
.search_prodcut .open_box .btn button {border-radius:3px; font-size:15px; padding:12px 10px; width:120px;}
.search_prodcut .open_box .btn1 button {color:#555; border:1px solid #ddd; background-color:#fff}
.search_prodcut .open_box .btn2 button {color:#fff; border:1px solid #808080; background-color:#808080}
.search_prodcut .open_box .btn3 button {color:var(--bg-txt-color);; border:1px solid var(--pick-color);; background-color:var(--pick-color);}
.search_prodcut .open_box .detail_pick .dl_wrap {display:grid; grid-template-columns: repeat(3, 1fr); gap:0px; width:100%; border-bottom:1px solid #ebebeb;}
.search_prodcut .open_box .detail_pick dl {padding:18px 20px;}
.search_prodcut .open_box .detail_pick dt {width:80px; margin-right:10px; font-size:15px; color:#333333; letter-spacing:-0.5px;}
.search_prodcut .open_box .detail_pick dd {width:calc(100% - 80px - 10px); font-size:15px; color:#757575;}
.search_prodcut .open_box .detail_pick dd select {width:100%; border:1px solid #e4e4e4; height:40px; line-height:40px; border-radius:5px; color:#757575; padding:0 10px; background:#fff;}
.search_prodcut .open_box .detail_pick dd input[type="text"] {width:100%; border:1px solid #e4e4e4; height:40px; line-height:40px; border-radius:5px; color:#757575; padding:0 10px;}
.search_prodcut .open_box .detail_pick dd input[type="text"]::placeholder {color:#bbb}

/*구인 페이지 상세검색*/
.search_prodcut .open_box .job_pick .dl4 {}
.search_prodcut .open_box .job_pick .dl4 dd {gap:5px; flex-wrap:wrap;}
.search_prodcut .open_box .job_pick .dl4 select {width:80px;}
.search_prodcut .open_box .job_pick .dl4 input[type="text"] {width:100px;}
.search_prodcut .open_box .job_pick .dl5 {}
.search_prodcut .open_box .job_pick .dl5 dd {gap:5px; flex-wrap:wrap;}
.search_prodcut .open_box .job_pick .dl5 input[type="text"] {width:42px;}

/*구직 페이지 상세검색*/
.search_prodcut .open_box .resume_pick .dl_wrap:nth-child(2) {grid-template-columns:repeat(1, 1fr)}
.search_prodcut .open_box .resume_pick .dl4 dd {gap:5px; flex-wrap:wrap;}
.search_prodcut .open_box .resume_pick .dl4 select {width:100px;}
.search_prodcut .open_box .resume_pick .dl4 input[type="text"] {width:190px;}

/*분양파트너 페이지 상세검색*/
.search_prodcut .open_box .partner_pick .dl_wrap {grid-template-columns:repeat(2, 1fr)}

/*분양뉴스 공통*/
.news .sub_nav {background-color:#f7f8fa;}
.news .sub_nav ul {justify-content:center; gap:7px 3%; }
.news .sub_nav ul a {position:relative; font-size:16px; color:#555555; padding:20px 0; line-height:1.2; }
.news .sub_nav ul a:hover {color:var(--pick-color); }
.news .sub_nav ul .on a {color:var(--pick-color); font-weight:900;}
.news .sub_nav ul .on a::after {position:absolute; left:0; bottom:0; content:""; display:inline-block; width:100%; height:3px; background-color:var(--pick-color); }

.news > .wrap_width {display:flex; gap:0 60px;}
.news .left {position:sticky; position: -webkit-sticky; align-self:flex-start; left:0; top:85px; width:calc(100% - 27% - 60px); margin:30px 0;}
.news .right {position:sticky; position: -webkit-sticky; align-self:flex-start; left:0; top:85px; width:27%; margin:30px 0;}

.news .news_list .photo_skin {display:grid; grid-template-columns:repeat(3, 1fr); gap:22px 25px; flex-wrap:wrap;}
.news .news_list .photo_skin figure {width:100%; padding-bottom:56.5%; background:#edf0f4 url('../images/comn/no_img.svg') no-repeat center center / 30%; }
.news .news_list .photo_skin h3 {font-size:18px; font-weight:bold; line-height:1.4; color:#333333; margin:15px 0;}
.news .news_list .photo_skin .date {color:#999999; font-size:12px;}

.news .news_list .webzin_skin>li {border-bottom:1px solid #e8e8e8;}
.news .news_list .webzin_skin a {gap:0 30px; padding:15px 0;}
.news .news_list .webzin_skin figure {width:120px; height:87px; background:#edf0f4 url('../images/comn/no_img.svg') no-repeat center center / 30%;}
.news .news_list .webzin_skin .h3_wrap {width:calc(100% - 120px - 30px);}
.news .news_list .webzin_skin h3 {font-size:18px; font-weight:bold; color:#333333;}
.news .news_list .webzin_skin .bojo {margin-top:13px;  color:#999999; }
.news .news_list .webzin_skin .bojo li {font-size:13px; color:#999999; line-height:1.3;}
.news .news_list .webzin_skin .bojo li::before {content:""; display:inline-block; width:1px; height:8px; background-color:#d1d1d1; margin:0 10px;}
.news .news_list .webzin_skin .bojo li:first-child::before {display:none;}

.news .rank_news {}
.news .rank_news .no_img figure {display:none;}
.news .rank_news .tit {font-size:22px; font-weight:900; margin-bottom:20px;}
.news .rank_news .tit span {color:#ff3254; font-weight:900;}
.news .rank_news .first figure {width:100%; padding-bottom:72.3%;}
.news .rank_news .first div {gap:0 10px; background-color:#102039; padding:18px 18px 18px 10px;}
.news .rank_news .first h3 {color:#fff; font-weight:bold;}
.news .rank_news .first a {border-bottom:0; padding:0;}
.news .rank_news .first .num {color:#fff; }
.news .rank_news .num {font-weight:900; min-width:40px; text-align:center; font-size:26px;}
.news .rank_news a {gap:0 15px; padding:13px 0; border-bottom:1px solid #e5e5e5;}
.news .rank_news li {width:100%;}
.news .rank_news li div {flex:3; gap:0 10px;}
.news .rank_news h3 {font-size:16px; line-height:1.4; font-weight:bold; color:#333;}
.news .rank_news figure {flex:1; padding-bottom:18%;}
.news .headline .big .category {position:relative; left:10px; display:inline-block; background-color:#ff3254; height:26px; line-height:26px; color:#fff; padding:0 5px; font-size:13px; font-weight:bold; letter-spacing:-0.5px; }
.news .headline .big .category::after {position:absolute; right:-10px; content:""; width:0; height:0; border-top:26px solid #ff3254; border-right:10px solid transparent;}
.news .headline .big .category::before {position:absolute; left:-10px; content:""; width:0; height:0; border-bottom:26px solid #ff3254; border-left:10px solid transparent;}
.news .news_list .tit {font-size:18px; color:#111111; font-weight:900; padding:15px 0; border-top:1px solid #222222; border-bottom:1px solid #e8e8e8;}
.news a:hover h3 {text-decoration:underline !important;}
.news .news_list .tit .search_more {display:none;}


/*분양뉴스 페이지*/
.news_page .headline {margin-bottom:60px;}
.news_page .headline .big {margin-bottom:30px;}
.news_page .headline .big a {flex-wrap:wrap; gap:0 30px;}
.news_page .headline .big figure {flex:1.29; padding-bottom:27.3%;}
.news_page .headline .big .h3_wrap {flex:2; width:60%;}
.news_page .headline .big .category {margin-bottom:20px;}
.news_page .headline .big h3 {font-size:26px; line-height:1.4;  font-weight:bold; color:#111111;}
.news_page .headline .big .description {font-size:15px; line-height:1.4; margin-top:20px; color:#777777;}
.news_page .headline .big .no_img figure {display:none;}
.news_page .headline .small { border-top:1px solid #e2e2e2 }
.news_page .headline .small>ul {display:flex; flex-wrap:wrap; margin-left:-30px; margin-right:-30px; }
.news_page .headline .small>ul>li {width:calc(100% / 3); gap:0 30px; padding:0px 30px; border-right:1px solid #e2e2e2; margin-top:30px;}
.news_page .headline .small>ul>li a {display:block;}
.news_page .headline .small>ul>li:nth-child(3n) {border-right:0;}
.news_page .headline .small>ul h3 {font-size:20px; line-height:1.4; font-weight:bold;margin-bottom:15px; color:#222222;}
.news_page .headline .bojo {flex-wrap:wrap; margin-top:15px;}
.news_page .headline .bojo li {font-size:13px; color:#999999; line-height:1.3;}
.news_page .headline .bojo li::before {content:""; display:inline-block; width:1px; height:8px; background-color:#d1d1d1; margin:0 10px;}
.news_page .headline .bojo li:first-child::before {display:none;}


/*분양뉴스 동영상*/
.video_page .headline {display:flex; flex-wrap:wrap; background-color:#111111; margin-bottom:30px;}
.video_page .headline .big {width:67.5%;}
.video_page .headline .big .iframe { position: relative; padding-bottom: 56.25%; width: 100%; height: 0; background:#edf0f4 url('../images/comn/no_img.svg') no-repeat center center / 30%;}
.video_page .headline .big .iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video_page .headline .big h3 {font-size:24px; font-weight:bold; color:#ffffff; line-height:1.4; margin-top:15px;}
.video_page .headline .big .h3_wrap {padding:25px 25px;}
.video_page .headline .big .date {margin-left:30px;}
.video_page .headline .date {color:#959595; font-size:12px;}
.video_page .headline .go_news {gap:3px; color:#888; text-decoration:underline !important; font-size:12px; }
.video_page .headline .go_news i {font-size:10px;}
.video_page .headline .small {width:calc(100% - 67.5%); padding:20px 25px;}
.video_page .headline .small div {gap:8px;}
.video_page .headline .small li {cursor:pointer;}
.video_page .headline .small figure {width:100%; padding-bottom:56.25%; background:#edf0f4 url('../images/comn/no_img.svg') no-repeat center center / 30%;}
.video_page .headline .small h3 {color:#fff; font-weight:bold; line-height:1.4; font-size:18px; margin:10px 0;}
.video_page .headline .small li:last-child {margin-top:15px;}
.video_page .news_list .tit {margin-bottom:20px;}

/*뉴스상세페이지*/
.news_detail .top .wrap_width {border-bottom:1px solid #9e9e9e; padding-bottom:20px;}
.news_detail  h2 {font-size:36px; line-height:1.4; color:#000000; font-weight:800; margin:30px 0 25px 0;}
.news_detail .util_wrap {flex-wrap:wrap; justify-content:space-between; gap:10px;}
.news_detail .util {flex-wrap:wrap; gap:7px 0;}
.news_detail .util li {display:flex; align-items:center; font-size:16px; color:#666666; }
.news_detail .util li span {color:#444444; margin-right:2px;}
.news_detail .util li.day {margin-right:10px;}
.news_detail .util li:first-child::after {content:""; display:inline-block; width:1px; height:13px; background:#c8c8c8; margin:0 10px;}
.news_detail .util li a {display:block; border:1px solid #e5e5e5; background:#fff; font-size:13px; color:#666666; padding:5px 8px; border-radius:100px;}
.news_detail .util li.hits {display:block; border:1px solid #e5e5e5; background:#fff; font-size:13px; color:#666666; padding:5px 8px; border-radius:100px; margin-right:7px;}
.news_detail .util2 {gap:4px;}
.news_detail .util2 li {position:relative;}
.news_detail .util2 li>button {display:flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid #e5e5e5; border-radius:100px; font-size:16px; color:#222; font-weight:bold;}
.news_detail .util2 li>button:hover {border-color:#929292; }
.news_detail .util2 .util2_layer {position:absolute; right:0; width:max-content; border:1px solid #9e9e9e; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.15); background:#fff; overflow:hidden; z-index:1;}
.news_detail .util2 .util2_layer p {font-size:15px; color:#333333; background:#f5f5f5; border-bottom:1px solid #9e9e9e; text-align:center; padding:10px;}
.news_detail .util2 .util2_layer button {font-size:14px; color:#555555; padding:10px; background:#fff; }
.news_detail .util2 .util2_layer button:last-child {border-left:1px solid #9e9e9e;}

.news_detail .top .sns_share {flex-wrap:wrap; gap:5px; padding:10px}
.news_detail .top .sns_share li a {justify-content:center; width:30px; height:30px; border-radius:3px; border-radius:100px;}
.news_detail .top .sns_share li img {width:16px;}
.news_detail .top .sns_share li .sns_facebook img {width:8px;}
.news_detail .top .sns_share li .sns_kakaostory img {width:8px;}
.news_detail .top .sns_share li .sns_naverband img {width:14px;}

.news_detail .left .news_content {font-size:16px; line-height:1.5; text-align:left; color:#111; margin-bottom:60px;}
.news_detail .left .news_content img {width:auto !important; height:auto !important; max-width:100%;}

/*지도검색*/
.map {display:flex; width:100%; height:100vh;}
.map .map_search {position:relative; width:420px; height:100%; background:#fff; border-right:1px solid #dddddd;}
.map .map_search .top {flex-wrap:wrap; justify-content:space-between; height:134px; border-bottom:1px solid #ddd; padding:20px 25px; }
.map .map_search .top .logo img {max-height:30px;}
.map .map_search .top p {font-size:14px; color:#222222; }
.map .map_search .top p b {color:var(--pick-color); font-weight:900;}
.map .map_search .top .s_c {width:100%; border:2px solid var(--pick-color); border-radius:3px; margin-top:20px; overflow:hidden;}
.map .map_search .top .s_c input {width:calc(100% - 45px); line-height:38px; padding:0 10px; color:#444; font-size:15px;}
.map .map_search .top .s_c input::placeholder {font-size:15px; color:#999999; }
.map .map_search .top .s_c button {justify-content:center; height:38px; line-height:38px; width:45px; color:var(--pick-color); font-size:20px; font-weight:bold; }
.map .map_search .top .s_c button i {position:relative; top:-2px;}
.map .map_search .list {padding:0 25px; height:calc(100% - 134px - 80px); overflow-y:auto; }
.map .map_search .list::-webkit-scrollbar {width:3px;}
.map .map_search .list::-webkit-scrollbar-thumb {background-color:#bbb;}
.map .map_search .list::-webkit-scrollbar-track {background-color:#dfdfdf}
.map .map_search .list a {gap:0 15px;padding:20px 0; border-bottom:1px solid #e8e8e8;}
.map .map_search .list figure {width:120px; height:87px;}
.map .map_search .list div {width:calc(100% - 120px - 15px);}
.map .map_search .list ul {gap:5px 0; flex-wrap:wrap;}
.map .map_search .list ul li {color:#50606d; font-weight:bold; font-size:13px;}
.map .map_search .list ul li::before {content:"·"}
.map .map_search .list ul li:first-child::before {display:none;}
.map .map_search .list h3 {font-size:17px; font-weight:bold; color:#111111; margin:12px 0 10px 0; line-height:1.4;}
.map .map_search .list .not-map-data {background:#f8f8f8; border-radius:5px; text-align:center; padding:20px 10px; margin-top:10px; font-size:15px; color:#666;}
.map .map_search .paging {margin:0; height:80px;}
.map .map_search .paging ul a {min-width:30px; line-height:30px;}

.map .map_search .category {position:fixed; left:440px; top:20px; /*width:calc(100% - 420px - 20px - 20px);*/ /*width값을 넣으면 지도 스크롤이 안되요*/ /*100% - 카테고리 width값 - 좌우 여백값*/ z-index:2;}
.map .map_search .category .item {gap:0 5px; }
.map .map_search .category .item li {background:#fff; border-radius:100px; height:40px; line-height:40px; padding:0px 13px 0px 10px; font-size:16px; color:#999999; cursor:pointer; border:1px solid #fff; box-shadow:0px 2px 4px rgba(0,0,0,0.2); overflow:hidden;}
.map .map_search .category .item li.ft {background-color:var(--pick-color); color:#fff; border-color:var(--pick-color);}
.map .map_search .category .item li.ft i {color:#fff; font-size:20px;}
.map .map_search .category .item li.ft .axi-ion-android-mixer {display:none;}
.map .map_search .category .item li.ft.on i {color:#fff; transform:rotate(180deg)}
.map .map_search .category .item li.ft.on {color:#fff; font-weight:500;}
.map .map_search .category .item li i {position:relative; top:-1px; margin-right:5px; font-size:20px; color:#c5c5c5;}
.map .map_search .category .item li.on i {display:inline; color:var(--pick-color); }
.map .map_search .category .item li.on {color:var(--pick-color); border-color: var(--pick-color); font-weight:bold; box-sizing:border-box;}
.map .map_search .category .item li.re {width:40px; height:40px; padding:0;}
.map .map_search .category .item li.re button {width:100%; height:100%; align-items:center; justify-content:center;}
.map .map_search .category .item li.re i {margin:0;color:#888; font-weight:400;}
.map .map_search .category .item li:hover {color:var(--pick-color); }
.map .map_search .category .item li:hover i {color:var(--pick-color); }
.map .map_search .category .item li.ft:hover {color:#fff}
.map .map_search .category .item li.ft:hover i {color:#fff }
.map .map_search .category .open_wrap {margin-top:10px;}
.map .map_search .category .open_wrap .m_tit {display:none; position:relative; width:100%; justify-content:space-between;  color:var(--pick-color);padding:10px 15px 10px 20px; border-radius:10px; margin-bottom:10px; z-index:1; box-shadow:0 0 10px rgba(0,0,0,0.1); border:2px solid var(--pick-color); background-color:#fff;}
.map .map_search .category .open_wrap .m_tit .tit { font-size:16px; font-weight:700; }
.map .map_search .category .open_wrap .m_tit button {font-size:12px; border:1px solid var(--bg30);  border-radius:100px; padding:5px 15px; color:var(--pick-color); background-color:var(--bg10);}
.map .map_search .category .open {display:flex; flex-wrap:wrap; gap:20px 10px; width:420px; border:2px solid var(--pick-color); border-radius:10px; padding:20px 20px 20px 20px; background:#fff; }
.map .map_search .category .open dd {font-size:15px; color:#555;}
.map .map_search .category .open dd.li_input {max-height:100px; overflow-y:auto;}
.map .map_search .category .open dt {font-size:15px; font-weight:bold; color:#2e2e2e; margin-bottom:7px;}
.map .map_search .category .open select {width:100%; border:1px solid #dddddd; line-height:40px; height:40px; border-radius:3px; color:#555; font-size:14px; padding:0 10px; margin:3px 0; background:#fff;}
.map .map_search .category .open input[type="text"] {border:1px solid #dddddd; line-height:40px; height:40px; border-radius:3px; color:#555; font-size:15px; padding:0 10px; margin:3px 0; background:#fff;}
.map .map_search .category .open .apply {width:100%; background-color:var(--pick-color); color:#fff; font-size:14px; line-height:40px; height:40px; border-radius:3px;}
.map .map_search .category .open1 .st1 {width:100%;}
.map .map_search .category .open1 .st1 dd {gap:0 5px;}
.map .map_search .category .open1 .st2 {width:calc((100% - 10px) / 2);}
.map .map_search .category .open1 .st3 {width:calc((100% - 10px) / 2);}
.map .map_search .category .open1 .st4 dd {margin-top:15px;}
.map .map_search .category .open2 .st1 {width:100%;}
.map .map_search .category .open2 .st1 dd {gap:0 5px;}
.map .map_search .category .open2 .st2 {width:calc((100% - 10px) / 2);}
.map .map_search .category .open2 .st3 {width:calc((100% - 10px) / 2);}
.map .map_search .category .open2 .st4 {width:100%;}
.map .map_search .category .open2 .st5 {width:100%;}
.map .map_search .category .open2 .st5 dd {gap:0 15px; width:100%; }
.map .map_search .category .open2 .st5 div {gap:0 5px; width:100%;}
.map .map_search .category .open2 .st5 select {width:100px;}
.map .map_search .category .open2 .st5 input {width:calc(100% - 100px - 10px - 45px); /*셀렉값-gap값-텍스트값*/}
.map .map_search .category .open2 .st6 {width:100%;}
.map .map_search .category .open2 .st6 dd {gap:0 15px; width:100%; }
.map .map_search .category .open2 .st6 div {gap:0 5px; width:calc(100% - 15px - 75px);}
.map .map_search .category .open2 .st6 input {width:60px;}
.map .map_search .category .close {display:none; position:relative; justify-content:center; background-color:rgba(255,255,255,1); color:var(--pick-color); width:35px; height:35px; border:2px solid var(--bg50); border-radius:100px; margin:15px auto 0 auto; font-size:15px; z-index:1;}

.map .map_view {position:relative; width:calc(100% - 420px); height:100%;  background:#eee;}
.map .map_view .output {width:100%; height:100%; /*background:pink;*/ }

/*지도클릭 레이어 공통*/
.map .map_view .click_layer {position:absolute; left:0; top:0; display:inline-block; margin-left:-150px; margin-top:-442px; }
.map .map_view .click_layer::after {position:relative; bottom:-9px; left:50%; content:""; display:block; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid white; transform:translate(-50%, -10px); }
.map .map_view .click_layer .close {display:block; text-align:right; margin:0 0 10px auto; background-color:#101010; color:#fff; border-radius:100px; padding:6px 10px; font-size:12px; }
.map .map_view .p_wrap {width:300px;}
.map .map_view .p_wrap .scrap i {color:#fff;}
.map .map_view .p_wrap>li {border:1px solid #d7dce5; box-shadow:0 4px 4px rgba(0,0,0,0.1);}
.map .map_view .p_wrap figure {padding-bottom:75%;}
.map .map_view .p_wrap figure img { z-index:1;}
.map .map_view .p_wrap .text_wrap {display:flex; justify-content:space-between; flex-direction:column; flex-wrap:wrap; padding:20px 15px; background:#fff;}
.map .map_view .p_wrap h3 {margin-bottom:12px;}
.map .map_view .p_wrap .sub_info {margin-bottom:12px;}
.map .map_view .p_wrap .core {gap:3px; flex-wrap:wrap;}
.map .map_view .p_wrap .core li {border-radius:3px; padding:5px 8px; font-size:13px;}
.map .map_view .p_wrap .core_01 {background-color:#51616c; color:#fff;}
.map .map_view .p_wrap .core_02 {background-color:#839dae; color:#fff;}

/*지도클릭 레이어 각각*/
.map .map_view .sale_00 .p_wrap .core_03 {background-color:#f4f4f4; color:#888888;}
.map .map_view .j_00 .p_wrap .core .core_03 {border-radius:0; padding:0; font-size:15px; color:#666666;}
.map .map_view .j_00 .p_wrap .core .core_03 span {padding:5px 8px;}


/*상품 상세페이지 공통*/
.p_detail {margin:20px 0 50px 0;}
.p_detail .wrap_width {gap:50px;}
.p_detail .left {position:sticky; position: -webkit-sticky; align-self:flex-start; left:0; top:85px; width:calc(100% - 300px - 50px)}
.p_detail .left .the_wrap {border:1px solid var(--bg10); background-color:var(--bg5); padding:7px; margin-top:20px;}
.p_detail .left .box {margin:50px 0;}
.p_detail .left .box h4 {justify-content:space-between; font-size:20px; font-weight:900; color:#222222; margin-bottom:18px;}
.p_detail .left .box h4 span {font-size:13px; color:#666666;}
.p_detail .left .box.m_t_no {margin-top:0;}
.p_detail .left .box.m_b_no {margin-bottom:0;}
.p_detail .left .top {justify-content:space-between; position:relative;}
.p_detail .left .top .date {font-size:13px; color:#666666;}
.p_detail .left .top .util {gap:3px;}
.p_detail .left .top .util button {justify-content:center; width:30px; height:30px; border:1px solid #e8e8e8; color:#2b2d31; border-radius:100px; font-size:14px;}
.p_detail .left .top .util button:hover {border-color:#666; color:#111;}
.p_detail .left .top .util .axi-star3 {color:#ffd304;}
.p_detail .left .top .sns_share {flex-wrap:wrap; gap:5px; position:absolute; right:0; top:40px; box-shadow:0 0px 10px rgba(0,0,0,0.1); background:#fff; border:1px solid #eee; padding:10px; border-radius:5px; z-index:1;}
.p_detail .left .top .sns_share li a {justify-content:center; width:30px; height:30px; border-radius:3px; border-radius:100px;}
.p_detail .left .top .sns_share li img {width:16px;}
.p_detail .left .top .sns_share li .sns_facebook img {width:8px;}
.p_detail .left .top .sns_share li .sns_kakaostory img {width:8px;}
.p_detail .left .top .sns_share li .sns_naverband img {width:14px;}
.p_detail .left .top .sns_share li .sns_naver img {width:14px;}
.p_detail .left .top .sns_share li .link_clip {font-size:14px;}
.p_detail .left .the .r_wrap .dl_com {gap:0 15px;border-bottom:1px solid var(--bg10); padding:13px 0; font-size:15px;}
.p_detail .left .the .r_wrap .dl_com dt {min-width:100px; color:#222222; font-weight:600; padding-left:5px;}
.p_detail .left .the .r_wrap .dl_com dt::before {position:relative; top:-3px; content:""; display:inline-block; width:3px; height:3px; background-color:#222222; margin-right:7px;}
.p_detail .left .the .r_wrap .dl_com dd {gap:5px 0; width:calc(100% - 100px - 15px); color:#555555; line-height:1.4;}
.p_detail .left .the .r_wrap .dl_com dd .gray {flex-shrink:0; margin-right:5px;}
.p_detail .left .detail_info {border:1px solid #dddddd; line-height:1.6; color:#222; font-size:17px; padding:25px; font-weight:400;}
.p_detail .left .detail_info img {max-width:100%; height:auto !important;}
.p_detail .left .detail_map {width:100%; height:500px; background:gray;}
.p_detail .left .detail_video {position:relative; width:100%; padding-bottom:56.25%; height:0;}
.p_detail .left .detail_video>iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.p_detail .left .detail_keyword {gap:5px;}
.p_detail .left .detail_keyword a {background-color:#f3f3f3; padding:10px; color:#666666; font-size:14px;}
.p_detail .left .detail_file {display:flex; flex-direction:column; gap:5px;}
.p_detail .left .detail_file a {justify-content:space-between; padding:13px 15px; border:1px solid #e8e8e8; font-size:15px; color:#2487f7; font-weight:400;}
.p_detail .left .detail_file button {background-color:#5b5b5b; font-size:13px; padding:7px; color:#fff; }
.p_detail .left .open_pl {text-align:center; background:#f8f8f8; padding:30px 20px; color:#666;}
.p_detail .left .open_pl b {color:#555; font-weight:650;}
.p_detail .left .open_pl button {background-color:var(--pick-color); color:var(--bg-txt-color); border-radius:5px; padding:10px 15px; margin-top:15px;}
.p_detail .right .open_pl {color:var(--pick-color);}

.p_detail .right {position:sticky; position: -webkit-sticky; align-self:flex-start; right:0; top:85px; width:300px; }
.p_detail .right .com_box {border:1px solid #e8e8e8; padding:30px; background:#fff;}
.p_detail .right h4 {font-size:24px; font-weight:bold; border-bottom:1px solid #e9e9e9; padding-bottom:15px; margin-bottom:15px;}
.p_detail .right .announcement {background:#fbfbfb; color:#4a4a4a; font-size:14px; padding:15px; line-height:1.4; }
.p_detail .right .announcement b {font-weight:bold; color:var(--pick-color);}
.p_detail .right .inquiry_info {display:flex; flex-direction:column; gap:15px 0; margin:20px 0;}
.p_detail .right .inquiry_info dl {display:flex; gap:0 10px; font-size:16px; line-height:1.3;}
.p_detail .right .inquiry_info dt {width:60px; color:#444444;}
.p_detail .right .inquiry_info dd {width:calc(100% - 60px - 10px ); color:#222222; font-weight:600;}
.p_detail .right .inquiry_info .contact_btn_wrap {display:flex; flex-wrap:wrap; gap:8px 8px; align-items:center;}
.p_detail .right .inquiry_info .m_contact_btn {display:none; align-items:center; gap:4px; }
.p_detail .right .inquiry_info .m_contact_btn button {display:flex; align-items:center; gap:5px; border:1px solid var(--pick-color); border-radius:3px; padding:5px 8px; font-size:13px; color:var(--pick-color);}
.p_detail .right .inquiry_info .m_contact_btn i {font-size:10px;}
.p_detail .right .sns_id {gap:8px 10px; flex-wrap:wrap; border-top:1px dashed #dadada; padding:20px 0 25px 0;}
.p_detail .right .sns_id .tit {width:100%; font-size:16px; color:#444444; margin-bottom:10px; font-weight:600;}
.p_detail .right .sns_id dl {gap:0 8px; width:calc((100% - 10px) / 2);}
.p_detail .right .sns_id dt {display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:8px; }
.p_detail .right .sns_id dt img {width:14px;}
.p_detail .right .sns_id dd {width:calc(100% - 22px - 8px); }
.p_detail .right .sns_id dt.sns_navertalk img {width:12px;}
.p_detail .right .sns_id dt.sns_facebook img {width:7px;}
.p_detail .right .sns_id dt.sns_telegram img {width:12px;}
.p_detail .right .sns_id dt.sns_twitter img {width:12px;}
.p_detail .right .sns_id dt.sns_kakaostory img {width:7px;}
.p_detail .right .sns_id dt.sns_naver img {width:10px;}
.p_detail .right .sns_id dt.sns_naverband img {width:10px;}
.p_detail .right .go {display:flex; flex-direction:column; gap:5px 10px;}
.p_detail .right .go li a {border:1px solid var(--pick-color); padding:15px 10px; font-size:16px; text-align:center;}
.p_detail .right .go li.h_link a {color:var(--pick-color); }
.p_detail .right .go li.note a {color:var(--bg-txt-color); background-color:var(--pick-color); }
.p_detail .mobile_fix {display:none; position:fixed; left:0; bottom:0; width:100%; padding:13px; border-top:1px solid #ddd; background:#fff;  z-index:11}
.p_detail .mobile_fix ul {gap:10px;}
.p_detail .mobile_fix li {flex-grow:1;}
.p_detail .mobile_fix li a {border-radius:3px; text-align:center; border:1px solid}
.p_detail .mobile_fix .fix01 {background-color:#2a2a2a; border-color:#2a2a2a; color:#fff;}
.p_detail .mobile_fix .fix02 {border-color:var(--pick-color); color:var(--pick-color);}
.p_detail .mobile_fix .fix03 {background-color:var(--pick-color); color:#fff; border-color:var(--pick-color); }


/*구직정보 열람권 사용여부 레이어창*/
.p_detail .wrap_width {position:relative; overflow:initial;}
.p_detail .no_open {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:899; padding:80px 20px;}
.p_detail .no_open .no_open_words {position: -webkit-sticky; position:sticky; top:150px; text-align:center;}
.p_detail .no_open .no_open_words p {font-size:20px; color:#fff; line-height:1.4; text-shadow:0 0px 5px rgba(0,0,0,0.5); }
.p_detail .no_open .no_open_words p b {color:#ffd018;}
.p_detail .no_open .no_open_words button.open {border-radius:5px; color:#fff; background:#ffd018; padding:20px; color:#333; font-size:20px; margin-top:30px; font-weight:500;}
.p_detail .no_open .no_open_words button.close {border-radius:5px; color:#fff; background:#fff; padding:20px; color:#888; font-size:20px; margin-top:30px; font-weight:500; margin-right:15px;}

/*분양정보 상세페이지*/
.sale_detail .left .top .category {display:inline-block; border:1px solid var(--pick-color); color:var(--pick-color); padding:5px 10px; font-size:14px; border-radius:100px; background-color:var(--bg10); }
.sale_detail .left h2 {font-size:36px; font-weight:900; color:#222222; margin:25px 0 25px 0; line-height:1.4; }
.sale_detail .left h3 {font-size:18px; color:#444444; line-height:1.4;}
.sale_detail .left .tab {position:sticky; position: -webkit-sticky; align-self:flex-start; top:65px; left:0; display:flex;  z-index:9; border-bottom:2px solid #ccc; background:#fff;}
.sale_detail .left .tab li {position:relative; top:2px;}
.sale_detail .left .tab li a.on {border-bottom:2px solid var(--pick-color); color:var(--pick-color);}
.sale_detail .left .tab li+li a {border-left:0; }
.sale_detail .left .tab a {color:#959595; font-size:18px; font-weight:bold; padding:15px 20px; }
.sale_detail .left .tab .pc_no {display:none;}
.sale_detail .left .detail_view {display:flex; gap:50px 25px; width:100%;}
.sale_detail .left .detail_view>div {width:calc((100% - 25px) / 2);}
.sale_detail .left .detail_view figure {width:100%; padding-bottom:75.3%;}
/*
.sale_detail .left .tab {position:sticky; position: -webkit-sticky; align-self:flex-start; top:65px; left:0; display:flex; background:#f6f7f9; border:1px solid #dddddd; z-index:9}
.sale_detail .left .tab li a.on {border:1px solid var(--pick-color); background-color:#fff; color:var(--pick-color);}
.sale_detail .left .tab li+li a {border-left:0; }
.sale_detail .left .tab a {color:#959595; font-size:20px; font-weight:bold; padding:18px 20px; border-right:1px solid #ddd; }
.sale_detail .left .tab .pc_no {display:none;}
.sale_detail .left .detail_view {display:flex; gap:50px 25px; width:100%;}
.sale_detail .left .detail_view>div {width:calc((100% - 25px) / 2);}
.sale_detail .left .detail_view figure {width:100%; padding-bottom:75.3%;}
*/

.sale_detail .top_img {margin-top:35px;}
.sale_detail .top_img .swiper_wrap {display:flex; gap:20px; align-items:center; width:100%;}
.sale_detail .top_img .swiper {overflow:hidden;}
.sale_detail .top_img .gallery-top {position:relative; width:calc(100% - 22.58% - 20px); /*width:700px;*/ overflow:hidden; }
.sale_detail .top_img .gallery-top .swiper-slide {position:relative; padding-bottom:75.7%;}
.sale_detail .top_img .gallery-top .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.sale_detail .top_img .gallery-top .swiper-pagination {bottom:15px;}
.sale_detail .top_img .gallery-top .swiper-pagination-bullet {background:#fff; opacity:1; width:10px; height:10px;}
.sale_detail .top_img .gallery-top .swiper-pagination-bullet-active {background:var(--bg-color);}
.sale_detail .top_img .gallery-top:hover .btn {display:flex;}
.sale_detail .top_img .gallery-top .btn {display:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:96%; justify-content:space-between; z-index:10;}
.sale_detail .top_img .gallery-top .btn li button {display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:26px; padding:10px; border-radius:100px; background-color:rgba(0,0,0,0.2); color:#fff; font-weight:bold;}

.sale_detail .top_img .thumbs_wrap {width:22.58%; /*width:calc(100% - 700px - 20px);*/ }
.sale_detail .top_img .gallery-thumbs {width:100%; }
.sale_detail .top_img .gallery-thumbs .swiper-wrapper {height:530px; }
.sale_detail .top_img .gallery-thumbs .swiper-slide {position:relative; overflow:hidden; cursor:pointer; background:#f4f4f4; border:1px solid #eee;}
.sale_detail .top_img .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {border-color:var(--bg-color); box-sizing:border-box;}
.sale_detail .top_img .gallery-thumbs p.title {display:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; color:#fff; z-index:2; text-align:center; padding:0 10px; line-height:22px}
.sale_detail .top_img .gallery-thumbs .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:block; object-fit:cover; width:100%; height:100%;}
.sale_detail .top_img .gallery-thumbs .swiper-slide:hover::before {display:block;}
.sale_detail .top_img .gallery-thumbs .swiper-slide:hover p.title {display:-webkit-box;}

/*구인정보 상세페이지*/
.job_detail .left .the {background:#fff; padding:26px 22px;}
.job_detail .left .the h2 {font-size:26px; font-weight:bold; color:#222222; border-bottom:1px solid var(--bg10); padding-bottom:26px; margin-bottom:22px; line-height:1.4;}
.job_detail .left .the .wrap {display:flex; gap:20px; }
.job_detail .left .the .wrap figure {width:47.7%; padding-bottom:34.45%;}
.job_detail .left .the .wrap .r_wrap {width:calc(100% - 47.7% - 20px); }
.job_detail .left .the .wrap .recruitment {justify-content:space-between; padding:20px; background-color:var(--bg5); margin-bottom:15px;}
.job_detail .left .the .wrap .recruitment dl {gap:0 15px; color:#494949; border-right:2px solid #fff; text-align:left; font-size:15px;}
.job_detail .left .the .wrap .recruitment dl:first-child {width:40%;}
.job_detail .left .the .wrap .recruitment dl:last-child {width:60%; border-right:0; justify-content:right;}
.job_detail .left .the .wrap .recruitment dd {font-weight:450}

.job_detail .left table.style1 .welfare {gap:15px;}
.job_detail .left table.style1 .welfare dt {background-color:#505051; padding:3px 7px; color:#fff; font-size:13px; margin-right:7px; border-radius:3px;}

.job_detail .left #map_view {display:flex; gap:50px 25px; width:100%;}
.job_detail .left #map_view > div {width:100%}
.job_detail .left #map_view .detail_map {width:100%; height:300px;}


/*구직정보 상세페이지*/
.resume_detail .the_wrap h2 {font-size:26px; color:#222222; font-weight:bold; background:#fff; padding:25px; line-height:1.4;}
.resume_detail .right .call_time {justify-content:space-between; background:var(--bg5); font-size:13px; padding:10px; color:var(--pick-color); margin-bottom:10px; font-weight:650;}
.resume_detail .right .picture {width:110px; height:134px; border:1px solid #e8e8e8; padding:6px; margin:0 auto;}
.resume_detail .right .picture .in {width:100%; height:100%; background:no-repeat center center / cover;}
.resume_detail .right .picture img {object-fit:contain; width:100%; height:100%;}
.resume_detail .right .inquiry_info {border-top:1px dashed #dadada; padding-top:20px;}


/*파트너 상세페이지*/
.partner_detail .left .the {display:grid; gap:0 40px; align-items:center; grid-template-columns:260px auto; background:#fff; padding:26px 22px;}
.partner_detail .left .the figure {grid-column: 1 / 2; grid-row: 1 / 3; /*width:260px; height:260px;*/ height:260px; border:1px solid #e8e8e8; }
.partner_detail .left .the .wrap {grid-column: 2 / 3; grid-row: 1 / 2; /*width:calc(100% - 260px - 40px);*/ }
.partner_detail .left .the .wrap h2 {font-size:26px; font-weight:bold; color:#222222; line-height:1.4; margin-bottom:15px;}
.partner_detail .left .the .wrap h3 {font-size:16px; line-height:1.4; color:#444444; }
.partner_detail .left .the .r_wrap {grid-column: 2 / 3; grid-row: 2 / 3; border-top:1px solid var(--bg10); margin-top:15px;}


/*등록페이지 공통*/
.p_regist {margin:40px 0 50px 0;}
.p_regist .wrap_width {gap:0 70px;}
.p_regist .left {position:sticky; position: -webkit-sticky; left:0; top:85px; align-self:flex-start; width:calc(100% - 260px - 70px);}
.p_regist .left .box {margin:50px 0;}
.p_regist .left>div.box:nth-of-type(1) {margin-top:0;}
.p_regist .left h2 {font-size:22px; color:#222222; font-weight:bold; border-bottom:1px solid #555; padding-bottom:15px;}
.p_regist .left h2.no_border {border-bottom:0;}
.p_regist .left input.title[type="text"] {width:100%; border:3px solid var(--bg80); padding:20px; text-align:center; font-size:20px; font-weight:bold; border-radius:5px; color:#222;}
.p_regist .left input.title[type="text"]::placeholder {color:var(--pick-color);}
.p_regist .left .editor_wrap {border-bottom:1px solid #ddd; padding:10px 0;}
.p_regist .right {position:sticky; position: -webkit-sticky; left:0; top:85px; align-self:flex-start; display:flex; flex-direction:column; gap:15px;  width:260px;}
.p_regist .right .tit {border:1px solid var(--bg40); color: var(--bg90); font-size:15px; font-weight:550; text-align:center; padding:12px 10px;}
.p_regist .right .box {border:1px solid #ddd; padding:20px;}
.p_regist .right .top {gap:0 15px;}
.p_regist .right .top figure {width:65px; height:65px; border-radius:100px; background:no-repeat center center / cover; border:1px solid #edf0f4; }
.p_regist .right .top .wrap {display:flex; flex-direction:column; gap:10px; width:calc(100% - 65px - 15px);}
.p_regist .right .top .id {font-size:13px; color:#888888;}
.p_regist .right .top .name {font-size:13px; color:#444444;}
.p_regist .right .top .name b {font-weight:bold; font-size:17px; vertical-align:baseline; margin-right:3px;}
.p_regist .right .my_deta {display:flex; flex-wrap:wrap; gap:13px; background:#fbfbfb; margin-top:15px; padding:20px; box-shadow: inset 0px 0px 10px 3px #f5f5f5}
.p_regist .right .my_deta p {width:100%; font-size:13px; color:#333333; padding-bottom:10px; border-bottom:1px solid #999;}
.p_regist .right .my_deta dl {width:100%; justify-content:space-between; font-size:14px; color:#333333; }
.p_regist .right .my_deta dl:last-child {margin-bottom:0;}
.p_regist .right .btn {display:flex; flex-direction:column; gap:8px;}
.p_regist .right .btn a {font-size:18px; padding:20px 10px; text-align:center;}
.p_regist .right .btn .btn1 {border:1px solid var(--pick-color); color:var(--pick-color); background-color:var(--bg3);}
.p_regist .right .btn .btn2 {border:1px solid var(--pick-color); background-color:var(--pick-color); color:var(--bg-txt-color); }


/*구인 등록페이지*/
.job_regist .detail_td01 > div {gap:10px 10px; flex-wrap:wrap;}
.job_regist .detail_td01 input[type="text"] {width:50px;}
.job_regist .detail_td01 p {gap:10px; width:100px;}
.job_regist .detail_td01 ul {width:calc(100% - 100px - 10px);}
.job_regist .detail_td02 > div {gap:10px; flex-wrap:wrap;}
.job_regist .detail_td02 input[type="text"] {width:150px;}
.job_regist .detail_td02 p {width:230px; gap:10px;}
.job_regist .detail_td02 ul {width:calc(100% - 250px - 10px);}
.job_regist .detail_td03 > div {gap:10px;}
.job_regist .detail_td03 input[type="text"] {width:50px;}
.job_regist .detail_td04 > div {gap:10px;}
.job_regist .detail_td04 select {width:150px;}
.job_regist .detail_td04 div p {gap:10px; width:calc(100% - 150px - 10px);}
.job_regist .detail_td04 ul {margin-top:10px;}
.job_regist .detail_td05 select {width:calc(100% - 40px - 10px);}
.job_regist .detail_td05 p {width:40px;}
.job_regist .detail_td05 div {gap:10px;}
.job_regist .detail_td05 .li_input  {gap:5px 25px;}
.job_regist .detail_td05 li {width:calc((100% - 75px) / 4);}
.job_regist .detail_td06 b {font-weight:bold; color:#444; }
.job_regist .detail_td06 .flex {margin-top:10px;}

/*구직 등록페이지*/
.resume_regist .detail_td01 p {margin-bottom:10px;}
.resume_regist .detail_td01 .add_regist {margin-bottom:5px;}
.resume_regist .detail_td01 ul {margin-top:10px;}
.resume_regist .detail_td02 div {gap:10px; margin:10px 0;}
.resume_regist .detail_td02 input[type="text"] {width:150px;}
.resume_regist .detail_td02 p {gap:10px; width:calc(100% - 150px - 10px);}
.resume_regist .detail_td02 select {width:150px;}
.resume_regist .detail_td03 input[type="text"] {width:150px}
.resume_regist .detail_td04 input[type="text"] {width:50px}
.resume_regist .detail_td04 > div {gap:10px; }
.resume_regist .detail_td05 select {width:100px;}
.resume_regist .detail_td05 > div {gap:10px; }
.resume_regist .detail_td05 ul {margin-top:10px;}


/*로그인*/
.login {background-color:#f8f8f8; padding:20px 0 50px 0}
.login h2 { color:#333; font-size:32px; font-weight:800; margin-bottom:30px; text-align:center;}
.login .login_wrap {background:#fff; padding:50px 20px;}
.login .box {width:500px; margin:0 auto; }
.login .logininput {display:flex; flex-wrap:wrap; flex-direction:column; gap:8px;}
.login .logininput input {width:100%; background-color:#f5f5f5; border-radius:5px; height:55px; line-height:55px; padding:0 15px;}
.login .log_btn {width:100%; background-color:var(--pick-color); color:var(--bg-txt-color); font-size:22px;  height:55px; line-height:55px; padding:0 10px; border-radius:5px;}
.login .uitl {justify-content:space-between; margin:15px 0 25px 0; }
.login .uitl label,
.login .uitl a {display:inline-block; font-size:14px; color:#777;}
.login .uitl p input {width:20px; height:20px; margin-right:5px;}
.login .loginlink li:before {content:""; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 15px;}
.login .loginlink li:first-child:before {display:none;}
.login .snslogin p {position:relative; margin:40px 0 20px 0; text-align:center;}
.login .snslogin p::before {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); content:""; display:inline-block; width:100%; height:1px; background-color:#ddd;}
.login .snslogin p span {position:relative; background:#fff; z-index:1; padding:0 15px; font-size:15px; font-weight:600; color:#888;}
.login .snslogin ul {flex-wrap:wrap; justify-content:center; gap:10px;}
.login .snslogin ul li {border-radius:100px; width:50px; height:50px;}
.login .snslogin ul img {width:22px;}
.login .snslogin ul a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.login .snslogin ul .sns_naver img {width:16px;}

/*아이디패스워드찾기*/
.login .tab li {width:50%; padding:20px; text-align:center; border:1px solid #f3f3f3; background:#f3f3f3; font-size:18px; cursor:pointer; border-bottom:none; font-weight:bold; color:#999}
.login .tab li.on {color:var(--pick-color); border-color:var(--pick-color); background:#fff;}
.login .find_info {background-color:var(--bg3); padding:15px; line-height:1.4; font-size:13px; margin:20px 0;}
.login .input_wrap dl {display:flex; gap:10px; margin-bottom:10px;}
.login .input_wrap dt {width:100px; line-height:50px; height:50px; font-size:16px; background:#f9f9f9; border:1px solid #ddd; text-align:center; border-radius:5px 0 0 5px;}
.login .input_wrap dd {width:calc(100% - 5px - 100px);}
.login .input_wrap dd input {width:100%; border:1px solid #ddd; border-radius:0 5px 5px 0;  line-height:50px; height:50px; padding:0 20px;}
.login .input_wrap dd input::placeholder {color:#999;}
.login .find_id .id_view {font-size:16px; text-align:center; width:100%; padding:20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#777;}
.login .find_id .id_view b {color:#f1540e; font-weight:bold;}
.login .find_id .next_btn {gap:10px;}
.login .find_id .next_btn button {width:calc((100% - 10px) / 2); }


/*공통페이지 + 개인정보처리*/
.basics {background-color:#f8f8f8; padding:20px 0 50px 0}
.basics .box_wrap {background:#fff; padding:30px 30px 50px 30px ;}
.basics h2 {font-size:22px; font-weight:bold; margin-bottom:20px; color:#222;}

.terms h2 {font-size:20px;}
.terms .terms_box {padding:20px; max-height:200px; overflow-y:auto; background:#fafafa; border:1px solid #ddd; padding:15px;  margin-bottom:20px; font-size:14px; line-height:1.5; }
.terms .agree_check {text-align:right;}
.terms .agree_check label {font-size:15px; cursor:pointer;}
.terms .agree_check input {width:20px; height:20px; margin-right:8px;}

/*기타 페이지 + 마이페이지 좌측메뉴*/
.left_box {width:230px;}
.left_nav {background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.03);}
.left_nav > li {border-bottom:1px solid #ececec;}
.left_nav > li:hover i {display:block;}
.left_nav > li i {font-size:12px;}
.left_nav .depth1 {justify-content:space-between; padding:20px 20px; font-size:16px; color:#111111; }
.left_nav .depth1 i {display:none;}
.left_nav .on .depth1 {font-weight:900; }
.left_nav .on .depth1 i {display:block; }
.left_nav .depth2 {padding:12px 0; border-top:1px dashed #eee; background:#fbfbfb}
.left_nav .depth2 a {position:relative; gap:3px; font-size:14px; color:#555; font-weight:450; padding:7px 20px 7px 30px;}
.left_nav .depth2 a:hover {color:#222; font-weight:500; text-decoration:underline !important;}
.left_nav .depth2 a::before {position:absolute; left:20px; top:13px; border-radius:100px;  content:""; display:inline-block; width:3px; height:3px; background:#222;}
.left_nav .depth2 .on a {color:#222222; font-weight:bold;}
.left_nav .depth2 p {font-size:13px; color:#0bbdcd; padding:4px 20px; line-height:1.4;}


/*기타 페이지*/
.etc .wrap_width {display:flex; gap:20px;}
.etc .con {width:calc(100% - 230px - 20px); background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.03); padding:30px 30px 40px 30px;}
.etc .con_in {border-top:1px solid #949494; padding-top:20px; font-size:16px; line-height:1.5;}
.etc table.style2 {border-top:1px solid #ddd;}
.etc .cheditor-container iframe {height:200px !important;}

/*회원가입*/
.join .order {justify-content:center; margin-bottom:40px; background:#fff url('../images/comn/diagonal_bg.png') left top; padding:20px 10px;}
.join .order li {display:flex; align-items:center; gap:10px; font-size:18px; color:#999; font-weight:bold;}
.join .order li::before {content:""; display:inline-block; width:50px; height:1px; background-color:#ccc; margin:0 20px;}
.join .order li:first-child::before {display:none;}
.join .order span {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:100px; font-size:16px; font-weight:bold; border:3px solid #ddd; background:#fcfcfc; color:#bbb;}
.join .order li.on {color:var(--pick-color); font-weight:800;}
.join .order li.on span {background-color:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color);}
.join .allagree {justify-content:space-between; gap:15px; background:#fafafa; border:1px solid #ddd; padding:30px;  margin-bottom:30px;}
.join .allagree label {font-size:20px; font-weight:bold; cursor:pointer;}
.join .allagree input[type="checkbox"] {width:25px; height:25px; margin-right:10px;}
.join .terms_wrap {display:flex; justify-content:space-between; gap:30px;}
.join .terms_wrap .terms {width:calc((100% - 30px) / 2);}
.join table.style2 {border-top:1px solid #ddd;}

/*회원가입 - 회원정보입력*/
.join .my_img .bojo3 {width:100%; margin-bottom:10px;}

/*회원가입 - 가입완료*/
.join .join_complet {text-align:center;padding:50px 0; font-size:18px; line-height:1.5;}
.join .join_complet .col {font-weight:bold; color:var(--pick-coolr);}
.join .join_complet b {font-weight:bold; color:#222;}
.join .join_complet p {font-size:28px; font-weight:bold; margin-bottom:20px;}

/*본인인증*/
.identification h2 {width:100%;}
.identification .box_wrap2 {display:flex; gap:0 20px; justify-content:center; flex-wrap:wrap;}
.identification .box_wrap2 p {justify-content:center; width:100px; height:100px; border:1px solid var(--bg30); border-radius:100px; color:var(--pick-color); font-size:40px; margin:0px auto 30px auto; background-color:var(--bg3);}
.identification .box_wrap2 button {width:100%; border-radius:5px; text-align:center; padding:20px 30px; font-weight:600; color:var(--bg-txt-color); background-color:var(--pick-color); font-size:20px;}
.identification .box {border:1px solid var(--bg50); padding:30px; text-align:center;}

/*광고안내 공통*/
.service_info .choice {display:none;}
.service_info table .li_input input {display:none; }
.service_info table .li_input label {cursor:auto}
.service_info .preview_btn {display:none;}
.service .service_info_no {display:none}
.service .preview_btn_wrap {display:none;}
.service i.axi-question-circle {display:none;}
.service {margin:20px 0 60px 0;}
.service .box {margin:50px 0;}
.service .target_box {position:relative;}
.service #service-adver-:target,
.service #service-option-:target,
.service #service-jump-:target { position:absolute; left:0; top:-150px;}
.service .title {display:flex; align-items:center; gap:10px; justify-content:space-between; margin-bottom:25px; }
.service .title a {border:1px solid #6e6e6e; font-size:14px; color:#6e6e6e; border-radius:100px; padding:8px 15px;}
.service .title ul {gap:3px;}
.service .title .m_preview_btn {display:none;}
.service h2 {font-weight:bold; font-size:22px; color:#222}
.service h2 span {display:inline; margin-left:10px; color:#ff5b5b; font-size:14px; vertical-align:bottom;}
.service .area_cate {display:inline-block; background:#333; color:#fff; font-size:13px; padding:5px 8px; font-weight:normal;}
.service .table_flex {display:flex; }
.service .table_flex table:first-child th,
.service .table_flex table:first-child td {border-right:none;}
.service .table_flex table:first-child tr:nth-child(2) th {width:50%;}
.service .table_flex table {width:50%;}
.service .table_flex2 table:nth-child(1) {width:30%;}
.service .table_flex2 table:nth-child(2) {width:70%;}
.service .top_tab {display:flex; margin-bottom:20px;}
.service .top_tab li {flex-grow:1; padding:20px 10px; font-size:18px; cursor:pointer; border-bottom:0; background-color:#f7f7f7; color:#888888; text-align:center; border-bottom:2px solid var(--pick-color); }
.service .top_tab li.on {border:2px solid var(--pick-color); color:var(--pick-color);  background-color:#fff; font-weight:bold; border-radius:8px 8px 0 0; border-bottom:0;}
.service .top_tab li:hover {color:#333;}
.service .top_tab li.on:hover {color:var(--pick-color);}
.service .quick_info {display:flex; gap:20px; margin-bottom:30px; padding:20px; background-color:var(--bg5); /* padding:20px; border:2px solid var(--pick-color); border-top:0; border-radius:0 0 8px 8px;*/}
.service .quick_info li {width:calc((100% - 20px) / 2); background-color:var(--bg5); box-shadow:inset 0 0 20px 5px var(--bg3); overflow:hidden;}
.service .quick_info li:hover {background-color:var(--bg10); transition:0.3s;}
.service .quick_info li:hover .tit {text-decoration:underline !important;}
.service .quick_info a {width:100%; height:100%; padding:22px 30px;}
.service .quick_info .tit {gap:8px; font-size:17px; font-weight:800; margin-bottom:10px; color:var(--pick-color); word-break:keep-all; line-height:1.3;}
.service .quick_info .tit span {width:18px; height:18px; background-color:var(--pick-color); color:var(--bg-txt-color); border-radius:3px; font-size:16px; justify-content:center;}
.service .quick_info .tit_info {font-size:14px; line-height:1.4; color:#555; word-break:keep-all;}
.service .quick_info .tit_info b {font-weight:bold;}
.service .service_quick {display:flex; position:sticky; position: -webkit-sticky; left:0; top:65px; align-self:flex-start; width:100%;  z-index:2; background:#fff; border:1px solid var(--bg30); display:none;}
.service .service_quick li {flex-grow:1; text-align:center; cursor:pointer; background:var(--bg5); border-right:1px solid var(--bg30);}
.service .service_quick li:last-child {border-right:0;}
.service .service_quick li span {justify-content:center; padding:20px 10px; color:var(--pick-color); font-weight:bold;}
.service .service_quick li:hover span {background-color:var(--bg5); }
.service .service_quick li i {display:none;}
/*
.service .service_quick li.on span {background-color:var(--pick-color); color:var(--bg-txt-color); }
.service .service_quick li.on:hover span {background-color:var(--pick-color); }
.service .service_quick li.on i {display:inline-block; margin-right:5px; font-size:18px;}
*/
.service table .p_info_wrap {display:flex; flex-direction:column; align-items:flex-start; gap:10px 0;}
.service table .tit {flex-wrap:wrap; gap:3px 0; font-size:18px; font-weight:750; line-height:1.4; color:#333;}
.service table .sub_tit {font-size:14px; color:#555; line-height:1.4; }
.service table .price dl {gap:5px; letter-spacing:-0.5px; justify-content:right; margin-bottom:10px;}
.service table .price dt {font-size:11px; background-color:#fc3812; color:#fff; padding:3px; border-radius:5px; }
.service table .price dd {font-size:13px; color:#999; text-decoration:line-through;}
.service table .price p {color:#777; font-size:15px;  letter-spacing:-0.5px; }
.service table .price p b {color:#fa5f0a; font-weight:650; margin-right:2px;}
.service table .li_input {border-top:1px dashed #ebecee; padding-top:15px; margin-top:5px;}
.service .preview h3 {margin-bottom:10px;} 
.service .preview h3 span {font-size:17px; font-weight:bold; color:#111; }

/*이력서 상품안내*/
.service .read_open table tr th:nth-child(2) {width:100px}
.service .read_open table tr th:nth-child(3) {width:180px}
.service .read_open table tr th:nth-child(4) {width:65px}


/*분양광고 상품안내*/
.service .sale_product table tr th:nth-child(1) {}
.service .sale_product table tr th:nth-child(2) {width:100px}
.service .sale_product table tr th:nth-child(3) {width:180px}
.service .sale_product table tr th:nth-child(4) {width:65px}

/*강조옵션*/
.service .option table tr th:nth-child(1) {}
.service .option table tr th:nth-child(2) {width:100px}
.service .option table tr th:nth-child(3) {width:180px}
.service .option table tr th:nth-child(4) {width:65px}

.service .option2 table tr th:nth-child(1) {width:300px;}
.service .option2 table tr th:nth-child(2) {}
.service .option2 table tr th:nth-child(3) {width:100px}
.service .option2 table tr th:nth-child(4) {width:180px}
.service .option2 table tr th:nth-child(5) {width:65px}

/*점프서비스*/
.service .jump table tr th:nth-child(1) {}
.service .jump table tr th:nth-child(2) {width:100px}
.service .jump table tr th:nth-child(3) {width:180px}
.service .jump table tr th:nth-child(4) {width:65px}

/*상품미리보기
.layer_pop .preview h3 {margin-bottom:10px;} 
.layer_pop .preview h3 span {font-size:17px; font-weight:bold; color:#111; }*/

/*상품구매페이지*/
.product_choice .title a {display:none;}
.product_choice .choice {display:table-cell;}
.product_choice table .li_input  {display:flex;}
.product_choice .next_btn.payment_no {display:none;}
.product_choice .service_info_no {display:block; border:3px solid var(--bg10); background-color:var(--bg5); padding:20px; line-height:1.4; margin-bottom:20px; font-size:14px; color:#444;}
.product_choice .service_info_no b {font-weight:bold;}
.product_choice .preview_btn {display:block; font-size:13px; color: #fff; line-height:1.1; border-radius: 5px; padding:8px; transition: all 0.3s ease; position: relative;background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);}

.product_choice .wrap_width {display:flex; gap:0 50px;}
.product_choice .service_select {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; width:calc(100% - 27% - 50px); top:65px;}
.product_choice .service_addup {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; width:27%; top:85px; background:#fff; border:1px solid #aaa; padding:20px;}
.product_choice .service_addup dl {margin-bottom:20px;}
.product_choice .service_addup dt {font-weight:800; font-size:15px; margin-bottom:10px;}
.product_choice .service_addup dd.tit {border-radius:3px; padding:13px; background:#f7f8fa; font-size:14px; line-height:1.4;}
.product_choice .service_addup dd.scroll_wrap {background:#f7f8fa; padding:3px;}
.product_choice .service_addup dd.scroll_wrap .scroll {max-height:200px; overflow-y:auto;}
.product_choice .service_addup .price {justify-content:space-between; background-color:#f7f8fa; padding:15px; border-radius:3px;}
.product_choice .service_addup .price dt {margin-bottom:0; }
.product_choice .service_addup .price dd {font-size:13px; color:#555;}
.product_choice .service_addup .price dd b {color:#fa5f0a; font-weight:bold; font-size:15px; margin-right:3px;}
.product_choice .service_addup .b_arrow {background-color:var(--pick-color); color:var(--bg-txt-color); text-align:center; font-size:16px; padding:15px 10px; border-radius:3px;}

.product_choice {}
.product_choice .table_flex table:nth-child(1) {width:10%; }
.product_choice .table_flex table:nth-child(1) td img {display:none;}
.product_choice .table_flex table:nth-child(2) {width:90%;}
.product_choice .option table tr th:nth-child(1) {min-width:80px;}
.product_choice .option2 table tr th:nth-child(1) {width:10%; min-width:80px;}
.product_choice .option2 .preview {display:none;}
.product_choice .jump table tr th:nth-child(1) {min-width:80px;}

/*결제페이지*/
.product_payment .box {margin:50px 0;}
.product_payment div.box:first-child {margin-top:0;}
.product_payment .tit {background:#f7f8fa; font-size:18px; font-weight:bold; text-align:center; line-height:1.4; padding:20px 15px; border-radius:5px; color:#333}
.product_payment .price b {font-weight:bold; color:#fa5f0a; margin-right:4px;}
.product_payment .price2 b {font-weight:bold; color:#f92503; margin-right:4px; font-size:18px; vertical-align:bottom;}
.product_payment table.style5.full tr:first-child th {width:20%; min-width:90px;}

/****마이페이지*****/
.my_page {background:#f8f8f8; padding:20px 0;}
.my_page .wrap_width {display:flex; gap:15px 20px; flex-wrap:wrap;}
.my_page .in_info {background:#fbfbfb; border:2px solid #eeeeee; padding:18px 18px; margin-top:10px;}
.my_page .in_info li {color:#555555; font-size:13px; margin-bottom:4px; line-height:1.4;}
.my_page .in_info li:last-child {margin-bottom:0;}
.my_page .in_info li::before {position:relative; top:-2px; content:""; display:inline-block; width:2px; height:2px; background-color:#575757; margin-right:5px;}
.my_page .mypage_m_btn {display:none;}

/*좌측*/
.my_page .my_info {background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.03); padding:15px 20px 15px 20px; margin-bottom:15px;}
.my_page .my_info div {gap:0 15px; margin-bottom:13px;}
.my_page .my_info .img {width:64px; height:64px; border-radius:100px; overflow:hidden; border:1px solid #e5e5e5; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.my_page .my_info dt {font-size:13px; color:#888888; margin-bottom:10px;}
.my_page .my_info dd {font-size:13px; color:#444444; }
.my_page .my_info dd b {font-size:17px; color:#111111; font-weight:bold; margin-right:3px; vertical-align:bottom;}
.my_page .my_info ul {gap:5px;}
.my_page .my_info li {width:100%;}
.my_page .my_info li a {color:#fff; font-size:13px; padding:7px 5px; text-align:center; font-weight:400;}
.my_page .my_info li:first-child a {background-color:#616161}
.my_page .my_info li:last-child a {background-color:#353535}

/*우측*/
.my_page .con {width:calc(100% - 230px - 20px); background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.03); padding:30px 30px 40px 30px;}
.my_page .con .title {flex-wrap:wrap; gap:10px; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #949494;}
.my_page .con .title .tab {gap:5px;}
.my_page .con .title .tab a {background-color:var(--pick-color); color:var(--bg-txt-color); font-size:15px; padding:10px 14px;}
.my_page .con .title .tab button {border:1px solid var(--pick-color); color:var(--pick-color); font-size:15px; padding:10px 14px;}
.my_page .con .title .tab button:hover {background-color:var(--bg5);}
.my_page .con .title .tab .on button {background-color:var(--pick-color); color:var(--bg-txt-color); }
.my_page .con .title .tab button i {display:none;}
.my_page .con .title .tab .on button i {display:inline-block; margin-right:5px;}
.my_page .con h2 {font-size:24px; font-weight:bold; color:#111111;}
.my_page .con .middle {justify-content:space-between; flex-wrap:wrap; gap:10px; border-bottom:1px solid #e0e0e0; padding:10px 0;}
.my_page .con .middle .btn {gap:5px;}
.my_page .con .middle .btn button {display:flex; align-items:center; justify-content:center; gap:5px; border:1px solid #e0e0e0; border-radius:3px; font-size:13px; line-height:33px; height:33px; padding:0 10px; color:#555555}
.my_page .con .middle .btn .on button {background-color:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color);}
.my_page .con .middle .btn.em button {border-color:#7c7c7c; color:#2d2d2d;}
.my_page .con .middle .btn .emphasis button {border-color:var(--bg30); color:#333333; background:var(--bg3); color:var(--bg90);}
.my_page .con .middle .in_search > div {border:1px solid #e0e0e0; border-radius:3px; overflow:hidden; font-size:13px; color:#444;}
.my_page .con .middle .in_search input {line-height:31px; height:31px; padding:0 5px 0 15px;}
.my_page .con .middle .in_search button {color:#111; font-size:15px; width:31px; height:31px;}
.my_page .con .list > li {flex-wrap:wrap; border-bottom:1px solid #ebecf0;}
.my_page .con .list .top {gap:15px; justify-content:space-between; width:100%; padding:20px 0;}
.my_page .con .list .top .left {gap:15px; }
.my_page .con .list .top .left a {gap:20px; width:calc(100% - 15px - 15px); /*input값, gap값*/}
.my_page .con .list .top .left a:hover .tit {text-decoration:underline !important;}
.my_page .con .list .top .left input[type="checkbox"] {width:15px; height:15px;}
.my_page .con .list .top .left .style1 figure {width:150px; height:109px; background:#edf0f4 url('../images/comn/no_img.svg') no-repeat center center / 30%;}
.my_page .con .list .top .left .style2 figure {width:90px; height:90px; border:1px solid #e0e0e0; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.my_page .con .list .top .left .style2 em {position:absolute; left:50%; bottom:-10px; width:60px; transform:translate(-50%,0); background:#3e3e3e; border-radius:3px; padding:5px; border-radius:3px; color:#fff; font-size:13px; text-align:center;}
.my_page .con .list .top .left .style {position:relative;}
.my_page .con .list .top .left .style span {position:absolute; left:0; top:0; padding:7px 13px 7px 10px; border-radius:0 0px 15px 0; color:#fff; font-size:12px;}
.my_page .con .list .top .left .style span.blue {background-color:#1a8af1}
.my_page .con .list .top .left .style span.red {background-color:#e94208}
.my_page .con .list .top .left .style2 {padding-top:20px;}
.my_page .con .list .top .left .text_wrap {width:calc(100% - 150px - 20px);/*figure값,gap값*/}
.my_page .con .list .top .left .tit {font-size:18px; font-weight:bold; color:#111111; margin-bottom:10px;}
.my_page .con .list .top .left .sub_info {margin-bottom:5px;}
.my_page .con .list .top .left .sub_info:last-child {margin-bottom:0px;}
.my_page .con .list .top .left_01 {width:calc(100% - 120px - 15px); /*day값, gap값*/} /*우측 등록일만 있을 경우*/
.my_page .con .list .top .left_02 {width:calc(100% - 270px - 120px - 20px - 15px); /*info값,day값,gap값,gap값*/} /*우측 등록일만 있을 경우*/
.my_page .con .list .top .left_03 {width:calc(100% - 270px - 120px - 20px - 15px); /*info값,day값,gap값,gap값*/} /*구직관리*/
.my_page .con .list .top .left_03 .text_wrap {width:calc(100% - 90px - 20px); /*figure값,gap값*/} /*구직관리*/
.my_page .con .list .top .right {gap:20px;}
.my_page .con .list .top .right .info {justify-content:center; width:270px; background:#f8f8f8; border:1px solid #ececec; border-radius:3px; padding:15px 0;}
.my_page .con .list .top .right .info dl {flex-grow:1; padding:0 15px; border-right:1px solid #ececec; text-align:center; letter-spacing:-0.5px;}
.my_page .con .list .top .right .info dl:last-child {border-right:0;}
.my_page .con .list .top .right .info dl dt {font-weight:800; color:#ff910f; font-size:13px; margin-bottom:10px;}
.my_page .con .list .top .right .info dl dd {font-size:14px; color:#888888;}
.my_page .con .list .top .right .edit button {width:40px; border:1px solid #aaa; color:#666; border-radius:3px; padding:5px 0;  background-color:#fff; font-size:14px;}
.my_page .con .list .top .right .day {width:120px; text-align:right; font-size:13px; color:#999999; }
.my_page .con .list .top .right .day li {border-bottom:1px dashed #e4e4e4; padding:7px 0;}
.my_page .con .list .top .right .day li:last-child {border-bottom:none;}
.my_page .con .list .bottom {justify-content:space-between; gap:10px; flex-wrap:wrap; width:100%; background-color:var(--bg3); padding:10px 12px;}
.my_page .con .list .bottom .left {gap:15px;}
.my_page .con .list .bottom .left .app_service {position:relative;}
.my_page .con .list .bottom .left .app_service button {}
.my_page .con .list .bottom .left .my_app_service {position:absolute; left:0; top:25px; width:250px; background:#fff; letter-spacing:-0.5px; border-radius:5px; border:1px solid #e8e8e8; box-shadow:0 5px 10px rgba(0,0,0,0.05); padding:20px; z-index:3;}
.my_page .con .list .bottom .left .my_app_service dl {gap:12px 10px; justify-content:space-between; flex-wrap:wrap; font-size:14px;}
.my_page .con .list .bottom .left .my_app_service dt {width:calc(100% - 90px - 10px);  color:#555555;}
.my_page .con .list .bottom .left .my_app_service dd {width:90px; color:#333333; font-weight:bold; text-align:right;}
.my_page .con .list .bottom .left .my_app_service button {width:100%; margin-top:15px; background-color:var(--pick-color); color:var(--bg-txt-color); border-radius:3px; padding:12px 10px; font-weight:450;}
.my_page .con .list .bottom .left button {font-size:14px; font-weight:bold; color:var(--pick-color);}
.my_page .con .list .bottom .right {flex-wrap:wrap;}
.my_page .con .list .bottom .right > li::before {content:""; display:inline-block; width:1px; height:11px; background:#aaaaaa; margin:0 15px; }
.my_page .con .list .bottom .right > li:first-child::before {display:none;}
.my_page .con .list .bottom .right li {font-size:14px; color:#555555;}
.my_page .con .list .bottom .right li input[type="radio"] {width:18px; height:18px; margin-right:5px;}
.my_page .con .list .bottom .right .dt {margin-right:15px;}
.my_page .con .list .bottom .right .dt b {font-weight:bold; color:var(--pick-color);}
.my_page .con .list .bottom .right .btn {gap:3px;}
.my_page .con .list .bottom .right .jump1 label {display:flex; align-items:center; margin-right:10px;}
.my_page .con .list .bottom .right .jump1 label:last-child {margin-right:0;}
.my_page .con .list .bottom .right button {border:1px solid; font-size:14px; border-radius:3px;  background:#fff; padding:5px 8px;}
.my_page .con .list .bottom .right .jump2 button {border-color:var(--pick-color); color:var(--pick-color);}
.my_page .con .list .bottom .right .btn button {border-color:#aaaaaa; color:#666666}
.my_page .con .box.no_list {width:100%; padding:15px 10px; background:#fafafa; text-align:center; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; font-size:15px; color:#555;}

/*마이페이지 상품관리 개별 수정*/
.my_page .con .resume_scrap .top .left .style2 {padding-top:0}
.my_page .con .resume_scrap .top .left_03 {width:calc(100% - 270px - 15px - 20px - 40px); }/*info값,gap값,gap값,버튼값*/
.my_page .con .sale_scrap .top .left_01 {width:calc(100% - 15px - 40px); width:100%;} /*gap값,버튼값*/
.my_page .con .partner_scrap .top .left_01 {width:calc(100% - 15px - 40px); width:100%;} /*gap값,버튼값*/
.my_page .con .job_scrap .top .left_02 {width:calc(100% - 270px - 15px - 20px - 40px)} /*info값,gap값,gap값,버튼값*/
.my_page .con .news_scrap .top .left_01 {width:calc(100% - 15px - 40px); width:100%; } /*gap값,버튼값*/

/*마이페이지 테이블 스타일*/
.my_page .th {display:flex; flex-wrap:wrap; width:100%; background:#fafafa; border-bottom:1px solid #e0e0e0; }
.my_page .th li {font-size:14px; color:#555555; font-weight:bold; padding:15px;  text-align:center; line-height:1.4;}
.my_page .td {display:flex; flex-wrap:wrap; width:100%; background:#fff;}
.my_page .td li {font-size:15px; color:#2d2d2d; padding:20px 15px; text-align:center; border-bottom:1px solid #ebebeb; letter-spacing:-0.2px;}
.my_page .td span.blue {color:#24abf8;}
.my_page .td span.red {color:#f8550d;}
.my_page .td span.green {color:#1b9a9c;}


/*마이페이지 쪽지관리*/
.my_page .note_list .th .th1 {width:7%;}
.my_page .note_list .th .th2 {width:15%;}
.my_page .note_list .th .th3 {width:48%;}
.my_page .note_list .th .th4 {width:20%;}
.my_page .note_list .th .th5 {width:10%;}
.my_page .note_list .td .td1 {width:7%;}
.my_page .note_list .td .td2 {width:15%;}
.my_page .note_list .td .td3 {width:48%; color:#0e8ee8;}
.my_page .note_list .td .td3:hover {cursor:pointer; text-decoration:underline !important;}
.my_page .note_list .td .td4 {width:20%; color:#777; font-size:14px;}
.my_page .note_list .td .td5 {width:10%;}
.my_page .note_list .td .td5 span {font-weight:bold;}
.my_page .note_list .td em {display:none;}
.my_page .note_list .note_open {background:#f9f9f9; padding:15px; border-bottom:1px solid #ebebeb;}
.my_page .note_list .note_open .p {font-size:15px; color:#444; line-height:1.4;}
.my_page .note_list .note_open ul {justify-content:right; gap:5px; margin-top:15px;}
.my_page .note_list .note_open ul li button {font-size:14px; letter-spacing:-0.5px; padding:7px 10px; border-radius:3px; background:#fff;}
.my_page .note_list .note_open ul li:first-child button {border:1px solid #f47820; color:#f47820;}
.my_page .note_list .note_open ul li:last-child button {border:1px solid #aaa; color:#888;}


/*마이페이지 포인트내역*/
.my_page .point_list .title li {display:flex; align-items:center; font-size:14px; color:#444444; }
.my_page .point_list .title li b {font-weight:900; color:#ff910f; margin:0 4px;}
.my_page .point_list .title li span {display:inline-block; width:18px; height:18px; background-color:#ff910f; border-radius:100px; color:#fff; text-align:center; line-height:18px; font-size:12px;}
.my_page .point_list .th .th1 {width:30%;}
.my_page .point_list .th .th2 {width:40%;}
.my_page .point_list .th .th3 {width:30%;}
.my_page .point_list .td .td1 {width:30%;}
.my_page .point_list .td .td2 {width:40%;}
.my_page .point_list .td .td3 {width:30%;}

/*마이페이지 결제내역*/
.my_page .pay_list .middle > div {flex-wrap:wrap; gap:5px 10px;}
.my_page .pay_list .middle .search_pay {gap:5px;}
.my_page .pay_list .middle .search_pay input {gap:5px;width:100px; border:1px solid #e0e0e0; border-radius:3px; font-size:13px; line-height:33px; height:33px; color:#555;  padding:0 10px;}
.my_page .pay_list .middle .search_pay button { height:33px; background-color:#62708c; color:#fff; border-radius:3px; width:33px;}
.my_page .pay_list .th .th1 {width:40%;}
.my_page .pay_list .th .th2 {width:20%;}
.my_page .pay_list .th .th3 {width:20%;}
.my_page .pay_list .th .th4 {width:20%;}
.my_page .pay_list .td li {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.my_page .pay_list .td li p {line-height:1.4; }
.my_page .pay_list .td em  {display:none;}
.my_page .pay_list .td .td1 {width:40%; }
.my_page .pay_list .td .td1 p {width:100%; margin-bottom:5px; text-align:left;}
.my_page .pay_list .td .td1 p:last-child {margin-bottom:0;}
.my_page .pay_list .td .td1 p span {color:#868686;}
.my_page .pay_list .td .td2 {width:20%;}
.my_page .pay_list .td .td3 {width:20%;}
.my_page .pay_list .td .td4 {width:20%;}
.my_page .pay_list .td .td5 {justify-content:space-between; width:100%; color:#777777; font-size:13px; background-color:#f6f7f9; padding:15px;}

/*마이페이지 세금계산서 신청*/
.my_page .tax table.style2 {border-top:1px solid #ddd; margin-top:10px;}

/*마이페이지 점프,열람권 서비스*/
.my_page .my_service .box_wrap {margin-top:20px; border:2px solid #eeeeee; overflow:hidden;}
.my_page .my_service .box_wrap dl {justify-content:space-between; padding:15px 20px; border-bottom:2px solid #eeeeee; background:#fbfbfb;}
.my_page .my_service .box_wrap dl:last-child {border-bottom:0;}
.my_page .my_service .box_wrap dt {font-weight:600; font-size:17px;}
.my_page .my_service .box_wrap dd {font-size:13px;}
.my_page .my_service .box_wrap a {padding:10px; border:1px solid var(--bg50); color:var(--pick-color); border-radius:3px; margin-left:20px; background-color:#fff; font-size:14px;}
.my_page .my_service .box_wrap b {font-weight:800; color:#f8550d; font-size:17px; margin:0 3px;}

/*마이페이지 정보수정*/
.my_page .join table.style2 {margin-top:10px;}

/*커뮤니티 왼쪽메뉴*/
.board_leftmenu {width:210px;}
.board_leftmenu li {position:relative; border-bottom:1px dotted #e5e5e5}
.board_leftmenu li:last-child {border-bottom:0}
.board_leftmenu h2 {background:var(--pick-color); color:#fff; font-size:20px; text-align:center; border-radius:5px; padding:20px 10px;}
.board_leftmenu h2  a {display:block; color:#fff; }
.board_leftmenu dt {border:1px solid #ddd; border-radius:5px; text-align:center; padding:13px 0; margin-top:10px; font-weight:500; background:#f8f8f8; font-size:16px;}
.board_leftmenu dd ul li a {display:block; font-size:16px; line-height:50px; height:50px; color:#444; padding-left:10px;}
.board_leftmenu dd ul li:hover a {background:url("../images/icon/nav_arrow2.png") right center no-repeat; color:#444; text-decoration:underline !important;}
.board_leftmenu dd ul li:hover:after {display:none;}
.board_leftmenu li.on a {background:none !important; color:var(--pick-color);}
.board_leftmenu li.on a:after {display:none;}
.board_leftmenu dd ul li a:hover {color:var(--pick-color);}
.board_leftmenu .notice {margin-bottom:20px;}
.board_leftmenu .notice h2 {border:1px solid #ddd; border-radius:5px; text-align:center; padding:10px 0; margin-top:10px; font-weight:500; background:#f8f8f8; color:#333; font-size:16px;}
.board_leftmenu .notice h2:hover {text-decoration:underline !important;}
.board_leftmenu .notice ul {margin-top:5px;}
.board_leftmenu .notice ul li a {font-size:14px; height:40px; line-height:40px; font-weight:normal; background:none; display:inline; padding-left:5px; color:#444}
.board_leftmenu .notice ul li::before {position:relative; top:2px;display:inline-block; clear:both; content:""; width:3px; height:3px; background:#333; vertical-align:super;}
.board_leftmenu .notice ul li:hover:after {display:none;}
.board_leftmenu .notice ul li:hover a {background:none; color:#444; text-decoration:underline !important;}



/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1700px 이하@@@@@@@@@@****************************/
@media all and (max-width:1700px) {
/*분양정보 상세페이지*/
.sale_detail .top_img .swiper_wrap {align-items:self-start;}
.sale_detail .top_img .gallery-top {width:calc(100% - 20% - 20px); }
.sale_detail .top_img .thumbs_wrap {width:20%;}
.sale_detail .top_img .gallery-thumbs .swiper-wrapper {height:420px;}
}



/****************************@@@@@@@@@@ 1500px 이하@@@@@@@@@@****************************/
@media all and (max-width:1500px) {
/*분양정보 상세페이지*/
.sale_detail .top_img .swiper_wrap {align-items:center;}
.sale_detail .top_img .gallery-top {width:calc(100% - 22.58% - 20px); }
.sale_detail .top_img .thumbs_wrap {width:22.58%;;}
.sale_detail .top_img .gallery-thumbs .swiper-wrapper {height:530px; }


}



/****************************@@@@@@@@@@ 1300px 이하@@@@@@@@@@****************************/
@media all and (max-width:1300px) {
/*지도검색*/
.map .map_search {width:380px; }
.map .map_view {width:calc(100% - 380px)}
.map .map_search .category {left:400px; width:calc(100% - 380px - 20px - 20px)}

/*분양정보 상세페이지*/
.sale_detail .top_img .swiper_wrap {align-items:self-start;}
.sale_detail .top_img .gallery-top {width:calc(100% - 20% - 20px); }
.sale_detail .top_img .thumbs_wrap {width:20%;}
.sale_detail .top_img .gallery-thumbs .swiper-wrapper {height:369px;}


/****마이페이지*****/
/*우측*/
.my_page .con .list .top {flex-wrap:wrap; padding:10px 0 0 0; gap:10px;}
.my_page .con .list .top .left_01 {width:100%;}
.my_page .con .list .top .left_02 {width:100%;}
.my_page .con .list .top .left_03 {width:100%;}
.my_page .con .list .top .right {flex-wrap:wrap; gap:0px; width:100%;}
.my_page .con .list .top .right .info {width:100%; border-radius:0; order:2; border-bottom:none;}
.my_page .con .list .top .right .day {display:flex; flex-wrap:wrap; width:100%; text-align:left; margin-bottom:10px; order:1;}
.my_page .con .list .top .right .day li {border-bottom:none; letter-spacing:-0.5px;}
.my_page .con .list .top .right .day li::before {content:""; display:inline-block; width:1px; height:10px; background-color:#ccc; margin:0 10px;}
.my_page .con .list .top .right .day li:first-child::before {display:none;}
.my_page .con .list .top .right .info dl {display:flex; gap:5px 15px; flex-wrap:wrap; padding:0 12px;}
.my_page .con .list .top .right .info dl dt {margin-bottom:0;}
.my_page .con .list .bottom {border:1px solid #ebecf0;}

/*마이페이지 상품관리 개별 수정*/
.my_page .scrap_list .list .top {padding:20px 0;}
.my_page .scrap_list .job_scrap .top {padding-bottom:0; gap:20px;}
.my_page .scrap_list .resume_scrap .top {padding-bottom:0; gap:20px;}

}

/****************************@@@@@@@@@@ 1024px 이하@@@@@@@@@@****************************/
@media all and (max-width:1024px) {

/*분양뉴스 공통*/
.news > .wrap_width {flex-wrap:wrap;}
.news .left,
.news .right {position:initial; width:100%;}
.news .rank_news {display:flex; flex-wrap:wrap; gap:0 20px;}
.news .rank_news .tit {width:100%;}
.news .rank_news .first {position:sticky; position: -webkit-sticky; left:0; top:90px; align-self:flex-start; width:calc((100% - 20px) / 2);}
.news .rank_news > ul {position:sticky; position: -webkit-sticky; left:0; top:90px; align-self:flex-start; width:calc((100% - 20px) / 2); }

/*분양뉴스 페이지*/
.news_page .headline .bojo li {font-size:12px;}
.news_page .headline .big .category {margin-bottom:15px;}
.news_page .headline .big h3 {font-size:20px;}
.news_page .headline .big .description {font-size:13px; margin-top:15px;}
.news_page .headline .small>ul {margin-left:-20px; margin-right:-20px;}
.news_page .headline .small>ul h3 {font-size:18px;}
.news_page .headline .small>ul>li {padding:0 20px;}


/*지도검색*/
.map {flex-direction:column;}
.map .map_search {width:100%; height:auto;}
.map .map_search .top {padding:15px; height:auto;}
.map .map_search .top p {font-size:13px;}
.map .map_search .top .s_c {margin-top:12px;}
.map .map_search .top .s_c input {line-height:33px; font-size:14px;}
.map .map_search .top .s_c button {height:33px; line-height:33px; font-size:16px;}
.map .map_search .list {display:none;}
.map .map_search .paging {display:none;}
.map .map_search .category {position:initial; width:100%; }
.map .map_search .category .item {overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; padding:10px 15px; border-bottom:1px solid #ddd;}
.map .map_search .category .item li {border-radius:3px; height:30px; line-height:30px; font-size:14px; padding:0 10px 0 7px; overflow:initial; box-shadow:none; border:1px solid #ddd;}
.map .map_search .category .item li.ft i {font-size:13px;}
.map .map_search .category .item li.ft .axi-keyboard-arrow-down {display:none;}
.map .map_search .category .item li.ft .axi-ion-android-mixer {display:inline;}
.map .map_search .category .item li.ft em {display:none;}
.map .map_search .category .item li.re {width:30px; height:30px;}
.map .map_search .category .item li i {font-size:15px;}
.map .map_search .category .open_wrap {position:fixed; left:0; top:0; width:100%; height:100%; margin-top:0; padding:20px; z-index:3;}
.map .map_search .category .open_wrap::before {position:absolute; left:0; top:0; content:""; display:block;  width:100%; height:100%; background-color:rgba(0,0,0,0.4)}
.map .map_search .category .open_wrap .m_tit {display:flex;}
.map .map_search .category .open {position:relative; width:100%; max-height:78%; overflow-y:auto; z-index:1;}
.map .map_search .category .open::-webkit-scrollbar {width:4px;}
.map .map_search .category .open::-webkit-scrollbar-thumb {background-color:#bbb;}
.map .map_search .category .open::-webkit-scrollbar-track {background-color:#dfdfdf}
.map .map_search .category .open2 .st5 dd {flex-wrap:wrap;}
.map .map_search .category .open2 .st5 div {width:100%;}
.map .map_search .category .open2 .st6 dd {flex-wrap:wrap;}
.map .map_search .category .open2 .st6 div {width:100%;}
.map .map_search .category .close {display:flex;}
.map .map_view {width:100%;}



/*지도클릭 레이어 공통*/
.map .map_view .click_layer {position:relative; width:100%; box-shadow:0 -10px 10px rgba(0,0,0,0.02); flex-shrink:0; margin-left:0; margin-top:0;}
.map .map_view .click_layer .close {position:absolute; top:-30px; left:50%; transform:translate(-50%, 0px);  border-radius:100px 100px 0 0; padding:10px 15px 0px 15px; height:30px; margin:0;}
.map .map_view .click_layer::after {display:none;}
.map .map_view {display:flex; flex-direction:column; height:100%;}
.map .map_view .output {height:100%;}
.map .map_view .p_wrap {width:100%; background:#fff; padding:15px; }
.map .map_view .p_wrap>li {border:none; box-shadow:none; border-radius:0;}
.map .map_view .p_wrap a {display:flex; gap:0 20px; align-items:center;}
.map .map_view .p_wrap figure {width:200px; height:145px; padding-bottom:0; border-radius:8px;}
.map .map_view .p_wrap .text_wrap {width:calc(100% - 200px - 20px); padding:0; justify-content:initial;}
.map .map_view .p_wrap .scrap {left:10px; width:fit-content;}



/*페이지별 검색 공통*/
.search_prodcut .choice_tab ul button {background-color:#f1f3f4;  border-color:#f1f3f4;}

/*구인 페이지 상세검색*/
.search_prodcut .open_box .job_pick .dl_wrap:nth-child(2) {grid-template-columns:repeat(2, 1fr)}
.search_prodcut .open_box .job_pick .dl6 {grid-column: 1 / 3; grid-row: 2 / 3; border-top:1px solid #ebebeb;} 

/*상품 상세페이지 공통*/
.p_detail .wrap_width {flex-wrap:wrap; gap:40px;}
.p_detail .left {position:initial; width:100%;}
.p_detail .right {position:initial; width:100%;}
.p_detail .right .sns_id {padding-bottom:0;}
.p_detail .right .sns_id dl {width:calc((100% - 20px) / 3);}
.p_detail .right .go {display:none;}
.p_detail .right .inquiry_info .m_contact_btn {display:flex;}
.p_detail .mobile_fix {display:block} 
.p_detail .mobile_fix li a {padding:20px 10px;  font-size:16px;}
.p_detail .left .box:last-child {margin-bottom:0}

/*분양정보 상세페이지*/
.sale_detail .left .tab {display:none;}


/*파트너 상세페이지*/
.partner_detail .left .the {flex-wrap:wrap; grid-template-columns:200px auto; }
.partner_detail .left .the figure {grid-row:1 / 2; height:200px;}
.partner_detail .left .the .r_wrap {grid-column:1 / 3;}

/*광고안내 공통*/
.service i.axi-question-circle {display:block;}
.service .preview_btn_wrap {display:flex; justify-content:space-between; background:#fff; padding:10px; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,0.1); margin-bottom:10px; border:1px solid #eee; font-size:13px;}
.service .preview_btn_wrap button {font-size:13px; color: #fff; border-radius:3px; padding:10px ; background: linear-gradient(0deg, 
rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);}
.service .preview_btn_wrap ul {gap:5px;}
.service .preview_btn {display:block;}
.service i.axi-question-circle {color:#f47820; margin-right:3px; font-size:18px;}
.service .option2 table tr th:nth-child(1) {display:none;}
.service .option2 table tr td.option2_view {display:none;}
.service .option2 .preview {display:none;}
.service .table_flex table:nth-child(1) {display:none;}
.service .table_flex table:nth-child(2) {width:100%;}
.service .service_quick {top:85px;}
.service .quick_info a {padding:18px 20px;}


/*상품구매페이지*/
.product_choice .wrap_width {flex-wrap:wrap;}
.product_choice .service_select {position:initial; width:100%;}
.product_choice .service_addup {position:initial; width:100%;}

/*기타 페이지 + 마이페이지 좌측메뉴*/
.left_box {display:none;}

/*기타 페이지*/
.etc .con {width:100%;}

/*등록페이지 공통*/
.p_regist .wrap_width {flex-wrap:wrap;}
.p_regist .left {position:initial; width:100%; }
.p_regist .right {position:initial; width:100%;}
.p_regist .right .btn {flex-direction:row;}
.p_regist .right .btn li {flex-grow:1;}
.p_regist .right .my_deta {gap:13px 40px;}
.p_regist .right .my_deta dl {width:calc((100% - 40px) / 2)}

/*구인 등록페이지*/
.job_regist .detail_td05 li {width:calc((100% - 25px) / 2);}

/*커뮤니티 왼쪽메뉴*/
.board_leftmenu {display:none;}

/****마이페이지*****/
.my_page .mypage_m_btn {display:flex; gap:5px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none;}
.my_page .mypage_m_btn a {border-radius:3px; padding:10px; font-size:14px; border:1px solid #ddd; color:#555; background:#fff;}
.my_page .mypage_m_btn .on a {background-color:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color); }

/*우측*/
.my_page .con {width:100%;}

}

/****************************@@@@@@@@@@ 768px 이하@@@@@@@@@@****************************/
@media all and (max-width:768px) {


/*로그인*/
.login .login_wrap {padding:30px 20px;}
.login .box {width:100%;}
.login h2 {font-size:26px; margin-bottom:20px;}
.login .logininput input {height:40px; line-height:40px; padding:0 10px; font-size:15px;}
.login .log_btn {font-size:18px; height:45px; line-height:45px;}
.login .snslogin ul li {width:40px; height:40px;}
.login .uitl label, .login .uitl a {font-size:13px;}
.login .loginlink li:before {margin:0 10px;}

/*분양뉴스 공통*/
.news .sub_nav ul {gap:7px 30px;}
.news .sub_nav ul a {font-size:15px; padding:15px 0;}
.news .left {margin:20px 0 50px 0;}
.news .right {margin:0 0 50px 0;}
.news .rank_news .tit {font-size:17px; margin-bottom:15px;}
.news .news_list .tit {font-size:17px; padding:12px 0;}
.news .rank_news .num {font-size:20px; min-width:30px;}

.news .news_list .webzin_skin a {gap:0 15px;}
.news .news_list .webzin_skin figure {width:90px; height:65px;}
.news .news_list .webzin_skin .h3_wrap {width:calc(100% - 90px - 15px)}
.news .news_list .webzin_skin h3 {font-size:16px; }
.news .news_list .webzin_skin .bojo {margin-top:10px;}

.news .news_list .photo_skin {gap:20px 15px; grid-template-columns:repeat(2, 1fr);}
.news .news_list .photo_skin h3 {font-size:16px; margin:10px 0;}

/*분양뉴스 페이지*/
.news_page .headline {margin-bottom:40px;}
.news_page .headline .big {margin-bottom:20px;}
.news_page .headline .big figure {flex:none; width:100%; padding-bottom:74%; margin-bottom:10px;}
.news_page .headline .big .category {margin-bottom:10px;}
.news_page .headline .big .h3_wrap {width:100%;}
.news_page .headline .big h3 {font-size:17px; }
.news_page .headline .big .description {margin-top:10px;}
.news_page .headline .bojo {margin-top:10px;}

.news_page .headline .small>ul {margin-left:0; margin-right:0; }
.news_page .headline .small>ul>li {width:50%; padding:0 15px 0 0;  border-right:1px solid #e2e2e2; margin-top:20px;}
.news_page .headline .small>ul>li:nth-child(3n) {  border-right:1px solid #e2e2e2; }
.news_page .headline .small>ul>li:nth-child(2n) {border-right:0; padding:0 0 0 15px;}
.news_page .headline .small>ul h3 {font-size:16px; margin-bottom:10px;}


/*분양뉴스 동영상*/
.video_page .headline .big {width:100%;}
.video_page .headline .big .h3_wrap {padding:10px 15px 20px 15px;}
.video_page .headline .big h3 {font-size:17px; margin-top:10px;}
.video_page .headline .small {display:flex; gap:20px; width:100%; padding:0 15px 30px 15px;}
.video_page .headline .small li {width:calc((100% - 20px) / 2);}
.video_page .headline .small li:last-child {margin-top:0;}
.video_page .headline .small h3 {font-size:16px;}

/*뉴스상세페이지*/
.news_detail h2 {font-size:24px; margin:20px 0 15px 0;}
.news_detail .util li {font-size:14px;}
.news_detail .util,
.news_detail .util2 {width:100%}
.news_detail .util2 .util2_layer {left:0;}
.news_detail .util2 li>button {width:30px; height:30px; font-size:14px;}
.news_detail .left .news_content {font-size:15px;}

/*지도클릭 레이어 공통*/
.map .map_view .p_wrap a {gap:0 15px;}
.map .map_view .p_wrap figure {width:111px; height:80px;}
.map .map_view .p_wrap h3 { -webkit-line-clamp:1; margin-bottom:8px; }
.map .map_view .p_wrap h3 span {font-size:15px;}
.map .map_view .p_wrap .text_wrap {width:calc(100% - 111px - 15px);}
.map .map_view .p_wrap .sub_info {margin-bottom:8px;}
.map .map_view .p_wrap .core {gap:2px;}
.map .map_view .p_wrap .core li {font-size:11px; padding:4px 5px;}


/*지도클릭 레이어 각각*/
.map .map_view .j_00 .p_wrap .core .core_03 {font-size:12px;}
.map .map_view .j_00 .p_wrap .core .core_03 span {font-size:11px; padding:4px 5px;}


/*페이지별 검색 공통*/
.search_prodcut .choice_tab {gap:3px;}
.search_prodcut .choice_tab .detail_search {order:1; font-size:13px; padding:6px 8px 6px 12px;}
.search_prodcut .choice_tab ul {order:2; flex-wrap:nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; 
-webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none;}
.search_prodcut .choice_tab ul button {font-size:13px;}
.search_prodcut .open_box {margin-top:10px;}
.search_prodcut .open_box .depth_wrap {padding:20px 15px 20px 15px;}
.search_prodcut .open_box .depth1 button {font-size:14px; text-align:left; word-break:keep-all;}
.search_prodcut .open_box .depth1 li {width:calc((100% - 60px) / 4)}
.search_prodcut .open_box .depth2 {padding:15px;}
.search_prodcut .open_box .depth2 li button {font-size:13px;}
.search_prodcut .open_box .pick {padding:15px; gap:5px;}
.search_prodcut .open_box .pick li {font-size:12px; padding:6px;}
.search_prodcut .open_box .detail_pick .dl_wrap {grid-template-columns:repeat(1, 1fr); border-bottom:none;}
.search_prodcut .open_box .detail_pick dl {padding:10px 15px; border-bottom:1px solid #ebebeb;}
.search_prodcut .open_box .detail_pick dt {font-size:13px; width:70px;}
.search_prodcut .open_box .detail_pick dd {width:calc(100% - 70px - 10px); font-size:13px;}
.search_prodcut .open_box .detail_pick dd select {height:35px; line-height:35px;}
.search_prodcut .open_box .detail_pick dd input[type="text"] {height:35px; line-height:35px;}
.search_prodcut .open_box .btn {gap:5px; padding:0 15px; margin:15px 0;}
.search_prodcut .open_box .btn button {width:100%; font-size:14px; padding:10px 8px;}
.search_prodcut .open_box .btn li {width:calc((100% - 10px) / 3);}

/*구인 페이지 상세검색*/
.search_prodcut .open_box .job_pick .dl_wrap:nth-child(2) {grid-template-columns:repeat(1, 1fr); }
.search_prodcut .open_box .job_pick .dl6 {grid-column:initial; grid-row:initial; border-top:none;}

/*분양파트너 페이지 상세검색*/
.search_prodcut .open_box .resume_pick .dl4 select {width:80px;}
.search_prodcut .open_box .resume_pick .dl4 input[type="text"] {width:100px;}


/*분양비교 페이지*/
.comparisone h2 {font-size:16px; margin-bottom:15px;}
.comparisone table {min-width:768px; max-width:1024px;}



/*상품 상세페이지 공통*/
.p_detail .left .the_wrap {margin-top:10px;}
.p_detail .left .box {margin:40px 0;}
.p_detail .left .box h4 {font-size:16px; margin-bottom:15px;}
.p_detail .left .detail_info {font-size:14px; padding:15px;}
.p_detail .left .detail_map {height:300px;}
.p_detail .left .detail_keyword a {font-size:13px; padding:8px;}
.p_detail .left .the .r_wrap .dl_com dd {flex-wrap:wrap;}
.p_detail .right .sns_id dl {width:calc((100% - 10px) / 2)}
.p_detail .right .com_box {padding:20px 18px;} 
.p_detail .right .announcement {font-size:13px; padding:12px;}
.p_detail .right h4 {font-size:16px; margin-bottom:10px; padding-bottom:10px;}
.p_detail .right .inquiry_info {gap:8px 0; }
.p_detail .right .inquiry_info dt {width:50px; font-size:14px;}
.p_detail .right .inquiry_info dd {width:calc(100% - 50px - 10px );font-size:14px;}
.p_detail .right .go li {width:auto; flex-grow:1;}
.p_detail .right .go li a {font-size:15px; padding:12px 10px;}
.p_detail .right .sns_id .tit {font-size:15px;}
.p_detail .right .sns_id dd {font-size:13px;}
.p_detail .mobile_fix li a {padding:13px 10px;  font-size:14px;}
.p_detail .left .detail_file a {font-size:14px; padding:10px;}


/*분양정보 상세페이지*/
.sale_detail .top_img {margin-top:20px;}
.sale_detail .top_img .swiper_wrap {flex-wrap:wrap; gap:10px 0;}
.sale_detail .top_img .gallery-top {width:100%; }
.sale_detail .top_img .thumbs_wrap {width:100%;}
.sale_detail .top_img .gallery-thumbs .swiper-wrapper {height:100px;}
.sale_detail .left h2 {font-size:24px; margin:18px 0 18px 0; }
.sale_detail .left h3 {font-size:14px;}
.sale_detail .left table.style1 {width:768px;}
.sale_detail .left .detail_view {flex-wrap:wrap; gap:40px 20px;}
.sale_detail .left .detail_view>div {width:100%;}

/*파트너 상세페이지*/
.partner_detail .left .the {gap:0 20px; grid-template-columns:100px auto; padding:15px;}
.partner_detail .left .the figure {height:100px;}
.partner_detail .left .the .wrap h2 {font-size:18px; margin-bottom:10px;}
.partner_detail .left .the .wrap h3 {font-size:14px; }

/*구인정보 상세페이지*/
.job_detail .left .the {padding:15px;}
.job_detail .left .the h2 {font-size:20px; padding-bottom:15px; margin-bottom:15px;}
.job_detail .left .the .wrap {flex-wrap:wrap; gap:10px;}
.job_detail .left .the .wrap figure {width:100%; padding-bottom:75%;}
.job_detail .left .the .wrap .r_wrap {width:100%}
.job_detail .left .the .wrap .recruitment {padding:15px;margin-bottom:5px;}
.job_detail .left .the .wrap .recruitment dl {gap:10px; font-size:13px; }
.job_detail .left .the .wrap .recruitment dl:first-child {width:38%;}
.job_detail .left .the .wrap .recruitment dl:last-child {width:62%;}
.job_detail .left #map_view {flex-wrap:wrap; gap:40px;}
.job_detail .left #map_view > div {width:100%;}
.job_detail .left #map_view .detail_map {width:100%; height:300px;}
.job_detail .left table.style1 {width:768px;}

/*구직정보 상세페이지*/
.resume_detail .the_wrap h2 {font-size:20px; padding:15px;}
.resume_detail .left table th {min-width:80px;}



/*공통페이지 + 개인정보처리*/
.basics h2 {font-size:16px; margin-bottom:15px;}
.basics .box_wrap {padding:20px 15px 40px 15px;}

.terms .terms_box {font-size:13px;}


/*기타 페이지*/
.etc .con {padding:20px 15px;}
.etc .con_in {font-size:14px;}

/*회원가입*/
.join .order {gap:10px; padding:10px; margin-bottom:20px;}
.join .order li {font-size:13px; gap:5px;}
.join .order span {width:30px; height:30px; font-size:14px;}
.join .order li::before {display:none;}
.join .allagree {flex-wrap:wrap; padding:15px; font-size:15px;}
.join .allagree label {width:100%; text-align:right; font-size:16px;}
.join .allagree input[type="checkbox"] {width:20px; height:20px; margin-right:5px;}
.join .terms_wrap {flex-wrap:wrap;}
.join .terms_wrap .terms {width:100%;}

/*회원가입 - 가입완료*/
.join .join_complet {padding:30px 0; font-size:16px;}
.join .join_complet p {font-size:22px;}

/*본인인증*/
.identification .box {width:calc((100% - 10px) / 2); padding:20px 10px;}
.identification .box_wrap2 {gap:0 10px;}
.identification .box_wrap2 button {font-size:15px; padding:15px 15px;}
.identification .box_wrap2 p {width:60px; height:60px; font-size:30px; margin:0 auto 10px auto; }

/*아이디패스워드찾기*/
.login .find_info {margin:10px 0;}
.login .tab li {font-size:16px; padding:15px;}
.login .input_wrap dt {width:80px; font-size:15px; line-height:45px; height:45px;}
.login .input_wrap dd {width:calc(100% - 5px - 80px)}
.login .input_wrap dd input {font-size:15px; line-height:45px; height:45px; padding:0 15px;}

/*광고안내 공통*/
.service .top_tab {margin-bottom:10px;}
.service .top_tab li {font-size:15px; padding:12px 10px; letter-spacing:-0.5px;}
.service #service-adver-:target,
.service #service-option-:target,
.service #service-jump-:target { position:absolute; left:0; top:-135px;}
.service .quick_info {flex-wrap:wrap; gap:5px; padding:10px; }
.service .quick_info li {width:100%;}
.service .quick_info .tit {font-size:14px; }
.service .quick_info a {padding:15px 13px;}
.service .quick_info .tit {gap:5px;}
.service .quick_info .tit span {width:13px; height:13px; font-size:11px;}
.service .quick_info .tit_info {font-size:12px;}
.service .service_quick {display:flex;}
.service .service_quick li span {padding:10px 10px; font-size:14px;}
.service .service_quick li.on i {font-size:15px;}
.service .title {margin-bottom:15px;}
.service .title a {font-size:13px; padding:5px 12px;}
.service .m_preview_btn {gap:5px; justify-content:center; }
.service .m_preview_btn button {font-size:13px; color: #fff; border-radius:3px; padding:5px 8px; background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%); }
.service h2 {font-size:16px;}
.service h2 span {font-size:13px; letter-spacing:-1px;}
.service table .tit {font-size:16px;}
.service table .sub_tit {font-size:13px;}
.service table .price dl {flex-wrap:wrap; margin-bottom:5px;}
.service table .price dd {width:100%; font-size:12px;}
.service table .price p {font-size:14px;}
.service .service_quick {top:65px;}

/*이력서 상품안내*/
.service .read_open table tr th:nth-child(2) {width:65px}
.service .read_open table tr th:nth-child(3) {width:100px}
.service .read_open table tr th:nth-child(4) {width:45px}

/*분양광고 상품안내*/
.service .sale_product table tr th:nth-child(1) {}
.service .sale_product table tr th:nth-child(2) {width:65px}
.service .sale_product table tr th:nth-child(3) {width:100px}
.service .sale_product table tr th:nth-child(4) {width:45px}

/*강조옵션*/
.service .option table tr th:nth-child(1) {}
.service .option table tr th:nth-child(2) {width:65px}
.service .option table tr th:nth-child(3) {width:100px}
.service .option table tr th:nth-child(4) {width:45px}

.service .option2 table tr th:nth-child(1) {width:300px;}
.service .option2 table tr th:nth-child(2) {}
.service .option2 table tr th:nth-child(3) {width:65px}
.service .option2 table tr th:nth-child(4) {width:100px}
.service .option2 table tr th:nth-child(5) {width:45px}

/*점프서비스*/
.service .jump table tr th:nth-child(1) {}
.service .jump table tr th:nth-child(2) {width:65px}
.service .jump table tr th:nth-child(3) {width:100px}
.service .jump table tr th:nth-child(4) {width:45px}

/*상품구매페이지*/
.product_choice .service_info_no {padding:12px; font-size:13px;}

/*결제페이지*/
.product_payment .tit {font-size:16px; padding:15px;}
.product_payment .box {margin:30px 0;}

/*등록페이지 공통*/
.p_regist {margin:20px 0 50px;}
.p_regist .left h2 {font-size:16px; padding-bottom:10px;}
.p_regist .left input.title[type="text"] {font-size:16px; padding:15px;}
.p_regist .left .box {margin:40px 0}
.p_regist .right .btn a {font-size:15px; padding:15px 13px;}

/*구인 등록페이지*/
.job_regist .detail_td01 ul {width:100%;}
.job_regist .detail_td02 ul {width:100%;}
.job_regist .detail_td02 p {width:100%;}
.job_regist .detail_td02 input[type="text"] {width:100px;}
.job_regist .detail_td03 > div {gap:5px;}
.job_regist .detail_td04 select {width:65px;}
.job_regist .detail_td04 > div {gap:5px;}
.job_regist .detail_td04 div p {width:calc(100% - 65px - 5px);}
.job_regist .detail_td04 div p input[type="text"] {width:calc(100% - 30px);}
.job_regist .detail_td05 li {width:100%;}

/*구직 등록페이지*/
.resume_regist .detail_td01 .add_regist {width:100%;}
.resume_regist .detail_td01 .add_regist select {width:calc((100% - 10px) / 3);}
.resume_regist .detail_td01 .add_regist button {width:calc((100% - 10px) / 3); min-width:initial;}
.resume_regist .detail_td02 select {width:65px;}
.resume_regist .detail_td02 div {gap:5px;}
.resume_regist .detail_td02 p {width:calc(100% - 65px - 5px);}
.resume_regist .detail_td02 input[type="text"] {width:calc(100% - 50px)}

/****마이페이지*****/
.my_page .in_info {padding:12px;}


/*마이페이지 테이블 스타일*/
.my_page .th li {padding:10px; font-size:13px;}
.my_page .td li {padding:15px 10px; font-size:14px;}

/*우측*/
.my_page .con {padding:15px 15px;}
.my_page .con h2 {font-size:16px;}
.my_page .con .title {padding-bottom:10px;}
.my_page .con .title .tab {overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none;}
.my_page .con .title .tab a {font-size:13px; padding:8px 10px;}
.my_page .con .title .tab button {font-size:13px; padding:8px 10px;}
.my_page .con .middle .in_search {width:calc(100% - 140px - 10px);}
.my_page .con .middle .in_search > div {width:100%;}
.my_page .con .middle .in_search input {width:calc(100% - 31px);}
.my_page .con .middle .note_write {width:100%;}
.my_page .con .middle .note_write ul {width:100%;}
.my_page .con .middle .note_write li {width:calc((100% - 5px) / 2);}
.my_page .con .middle .note_write button {width:100%;}
.my_page .con .list > li {padding-bottom:15px;}
.my_page .con .list .top {gap:10px; }
.my_page .con .list .top .left_01 {width:100%;}
.my_page .con .list .top .left {flex-wrap:wrap; gap:10px;}
.my_page .con .list .top .left a {gap:0 15px; /*width:calc(100% - 15px - 10px)*/ width:100%;}
.my_page .con .list .top .left .style1 figure {width:90px; height:75px;}
.my_page .con .list .top .left .tit {font-size:15px;}
.my_page .con .list .top .left .text_wrap {width:calc(100% - 90px - 15px)}
.my_page .con .list .top .right .info {padding:10px 0;}
.my_page .con .list .top .right .info dl dt {font-size:12px;}
.my_page .con .list .top .right .info dl dd {font-size:13px;}
.my_page .con .list .top .right .day {font-size:12px;}
.my_page .con .list .top .right .day li::before {margin:0 5px;}
.my_page .con .list .bottom .left {width:100%; border-bottom:1px solid var(--bg10); padding-bottom:10px;}
.my_page .con .list .bottom .left button {font-size:13px;}
.my_page .con .list .bottom .right {gap:10px; width:100%;}
.my_page .con .list .bottom .right li {font-size:13px; }
.my_page .con .list .bottom .right > li::before {display:none;}
.my_page .con .list .bottom .right li.jump1 {width:100%;  border-bottom:1px solid var(--bg10); padding-bottom:10px; }
.my_page .con .box.no_list {font-size:14px;}

/*마이페이지 상품관리 개별 수정*/
.my_page .note_list .middle > div:first-child {order:2}
.my_page .note_list .middle > div:last-child {order:1;}
.my_page .scrap_list .list > li {padding-bottom:0;}
.my_page .scrap_list .list .top {padding:10px 0;}
.my_page .scrap_list .job_scrap .top {padding-bottom:0;}
.my_page .scrap_list .resume_scrap .top {padding-bottom:0;}


/*마이페이지 쪽지관리*/
.my_page .note_list .th {display:none;}
.my_page .note_list .td {padding:15px 0; }
.my_page .note_list .td li {border-bottom:0; padding:0px;}
.my_page .note_list .td {align-items:center; border-bottom:1px solid #e0e0e0;}
.my_page .note_list .td em {display:inline-block;}
.my_page .note_list .td .td1 {width:20px; text-align:left;}
.my_page .note_list .td .td2 {width:calc(100% - 20px);text-align:left; font-size:13px; color:#555;}
.my_page .note_list .td .td3 {width:100%; padding:15px 0; font-size:14px;}
.my_page .note_list .td .td4 {width:200px; font-size:12px; text-align:left;}
.my_page .note_list .td .td5 {width:calc(100% - 200px); font-size:12px; color:#777; text-align:right;}
.my_page .note_list .note_open .p {font-size:14px;}


/*마이페이지 결제내역*/
.my_page .pay_list .middle .search_pay {}
.my_page .pay_list .th {display:none;} 
.my_page .pay_list .td {flex-wrap:wrap; }
.my_page .pay_list .td li {padding:15px 0;}
.my_page .pay_list .td em {display:block; width:100%; font-size:13px; color:#777; margin-bottom:4px;}
.my_page .pay_list .td .td1 {width:100%; border-bottom:1px dashed #ebebeb;}
.my_page .pay_list .td .td2 {width:33.33%;}
.my_page .pay_list .td .td3 {width:33.33%;}
.my_page .pay_list .td .td4 {width:33.33%;}
.my_page .pay_list .td .td5 {padding:10px; font-size:12px;}

/*마이페이지 점프,열람권 서비스*/
.my_page .my_service .box_wrap dl {padding:10px 15px;}
.my_page .my_service .box_wrap dt {font-size:15px;}
.my_page .my_service .box_wrap a {padding:8px; font-size:13px;}
}


/****************************@@@@@@@@@@ 530px 이하@@@@@@@@@@****************************/
@media all and (max-width:530px) {

/*분양뉴스 공통*/
.news .rank_news {}
.news .rank_news .first {position:initial; width:100%;}
.news .rank_news > ul {position:initial; width:100%;}


/*마이페이지 결제내역*/
.my_page .pay_list .middle .search_pay {width:100%;}
.my_page .pay_list .middle .search_pay input {width:calc((100% - 28px - 33px) / 2);}

}