.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
/*공통*/
.wrap_width {width:1280px; margin:0 auto;}
.flex {display:flex; align-items:center;}
.container {}
.radius3 {border-radius:3px}
.radius5 {border-radius:5px}
.radius8 {border-radius:8px;}
.zoom:hover figure img {transform:translate(-50%, -50%) scale(1.04);}
.zoom figure img {transition:transform .3s ease-in-out;}
figure {width:calc(100% + 1px); position:relative; overflow:hidden; /*background:#edf0f4 url('../images/comn/no_img.svg') no-repeat center center / 15%;*/ background-color:#fff;}
figure img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
figure .text {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);  text-align:center; font-size:16px; width:90%; line-height:1.4; font-weight:600; color:#444; }
figure.no_img img {/*width:35%; */height:auto;}
.sub_info {width:100%; color:#888888; font-size:13px; line-height:1.3;}
.sub_info i {position:relative; top:1.5px; display:inline-block; width:14px; margin-right:3px; color:#444; }
.custom_check {display:flex; align-items:center; gap:5px; justify-content:center; position:relative; cursor:pointer;}
.custom_check input {position:absolute; z-index:-1; opacity:0;}
.custom_check input[type="radio"]:checked + i::before {background:#ed5071;}
.custom_check input[type="checkbox"]:checked + i::before {background:#ed5071;}
.custom_check input[type="radio"] + i {}
.custom_check input[type="radio"] + i::before  {display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:100px; background-color:#e2e2e2; transition:0.2s ease-in-out; color:#fff;}
.custom_check input[type="checkbox"] + i::before {display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:3px; background-color:#e2e2e2; transition:0.2s ease-in-out; color:#fff;}


/*헤더*/
header {padding:30px 0; border-bottom:1px solid #eaedf4; background:#fff;}
header .wrap_width {gap:0 20px; justify-content:space-between; }
header .left {display:flex; gap:0 30px; align-items:center;}
header .left .search {justify-content:space-between; border:1px solid #747a84; overflow:hidden;}
header .left .search input[type="text"] {width:245px; height:40px; line-height:40px; padding:0 10px; font-size:15px; color:#333; }
header .left .search input[type="text"]::placeholder {color:#8c8c8c; font-size:13px;}
header .left .search button {justify-content:center; font-weight:bold; color:#909090; height:40px; line-height:40px; padding:0 10px;}
header .left .logo {position:relative;}
header .left .logo img {display:block;}
header .left .logo h1 {position: absolute;width: 0px;height: 0px; overflow: hidden;clip-path: polygon(0 0, 0 0, 0 0);}
header .right {gap:0 26px;}
header .right ul {gap:0 18px;}
header .right li a {color:#111111; font-weight:bold; word-break:keep-all}
header .right li span {justify-content:center; width:24px; height:24px; padding:4px; border:1px solid #dedede; border-radius:10px; margin-right:5px;}
header .right .top_icon01 {width:14px;}
header .right .top_icon02 {width:13px;}
header .right .top_icon03 {width:14px;}
header .right .top_icon04 {width:13px;}
header .right .top_icon05 {width:13px;}
header .right .land_w_btn {flex-shrink:0; background-color:var(--pick-color); color:var(--bg-txt-color); padding:13px 13px; font-size:15px;}

nav {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; box-shadow:0 5px 15px rgba(0,0,0,0.04); z-index:999;}
nav .wrap_width {justify-content:space-between;}
nav .full_on {display:none; position:absolute; left:0; top:63px; width:100%; background:#fff; border-bottom:1px solid #e8e8e8; padding:15px 0 30px 0; box-shadow:0 5px 15px rgba(0,0,0,0.04);}
nav .full_on .wrap_width {display:flex; justify-content:space-between; gap:0 30px;}
nav .full_on .left {display:flex; flex-wrap:wrap; width:70%; gap:10px; }
nav .full_on .left dl {width:calc((100% - 20px) / 3); }
nav .full_on .left dl dt a {display:block; font-weight:bold; font-size:15px; border:1px solid #e8e8e8; border-radius:3px; padding:10px; background:#f8f8f8}
nav .full_on .left dl dt a:hover {background:#f4f4f4}
nav .full_on .left dl dd:first-of-type {margin-top:7px;}
nav .full_on .left dl dd a {display:inline-block; font-size:14px; color:#555; padding:5px 0;}
nav .full_on .left dl dd a:hover {color:#111;}
nav .full_on .left dl dd::before {content:"- ";  font-size:13px; }
nav .full_on .right {width:30%; padding:30px; border-radius:10px; background:var(--bg10) url('../images/main/call_icon.svg') no-repeat 90% 80% / 100px auto; }
nav .full_on .right .tit {font-size:16px; font-weight:bold; color:#333;}
nav .full_on .right .call {font-size:30px; font-weight:900; margin:15px 0; }
nav .full_on .right div {font-size:14px; line-height:1.4; color:#555;}
nav .menu>li {height:64px; }
nav .menu>li>a {display:flex; align-items:center; font-size:19px;  font-weight:bold; line-height:64px; padding:0 20px; }
nav .menu .all_menu_icon {display:flex; align-items:center; }
nav .menu .all_menu_icon>a {position:relative; top:-2px; font-size:33px; margin-right:7px; padding:0; }
nav .menu .all_menu_icon:hover .full_on {display:block;}
nav .util a {display:inline-block; font-size:15px;}
nav .util li::before {content:""; display:inline-block; width:1px; height:9px;  margin:0 13px;}
nav .util li:first-child::before {display:none; }

nav.color01 {background:#fff; border-bottom:1px solid #eaedf4; }
nav.color01 .menu>li>a {color:#111111;}
nav.color01 .menu>li:hover>a {color:var(--pick-color); }
nav.color01 .menu>li.on>a {color:var(--pick-color); }
nav.color01 .menu .all_menu_icon>a {color:#111; }
nav.color01 .util a { color:#888888;}
nav.color01 .util a:hover {color:#333;}
nav.color01 .util li::before { background-color:#c2c2c2;}
nav.color01 .full_on { border-top:1px solid #e8e8e8; }

nav.color02 {background:var(--pick-color); border-bottom:1px solid var(--pick-color); }
nav.color02 .menu>li>a {color:var(--bg-txt-color);}
nav.color02 .menu>li:hover>a {background-color:rgba(255,255,255,0.1);}
nav.color02 .menu>li.on>a {background-color:rgba(255,255,255,0.1);}
nav.color02 .menu .all_menu_icon:hover>a {background-color:var(--pick-color);}
nav.color02 .menu .all_menu_icon>a {color:var(--bg-txt-color); }
nav.color02 .util a { color:var(--bg-txt-color);}
nav.color02 .util li::before { background-color:var(--bg-txt-color);}
nav.color02 .full_on { border-top:1px solid var(--pick-color); }

/*모바일메뉴*/
header .mobile_open {display:none;}
.m_nav_wrap {display:none;}
.m_nav_wrap .bg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:1000;}
.m_nav {position:fixed; right:0; top:0; width:80%; height:100vh; background:#fff; overflow-y:auto; z-index:1000;}
.m_nav .top1 {justify-content:space-between; background-color:var(--pick-color); color:#fff; border-bottom:1px solid rgba(255,255,255,0.15); gap:0 10px; }
.m_nav .top1 ul {width:calc(100% - 40px - 10px) }
.m_nav .top1 li {border-right:1px solid rgba(255,255,255,0.15);}
.m_nav .top1 li a {color:#fff; line-height:40px; padding:0 10px; font-size:13px;}
.m_nav .top1 button {justify-content:center; width:40px; height:40px;}
.m_nav .top1 button i { font-size:18px;}
.m_nav .top1 i {vertical-align:middle; font-size:16px;}
.m_nav .top2 {background-color:var(--pick-color); padding:30px 15px 15px 15px;}
.m_nav .top2 dl {color:#fff; margin-bottom:20px;}
.m_nav .top2 dt {font-size:18px; margin-bottom:13px;}
.m_nav .top2 dt em {font-size:12px; vertical-align:bottom; margin-left:5px;}
.m_nav .top2 dt em img {vertical-align:bottom; border-radius:100px;}
.m_nav .top2 dt b {font-weight:bold; }
.m_nav .top2 dd a {display:inline-block; font-size:12px; color:#fff; margin-right:5px;/*border:1px solid rgba(255,255,255,0.5); padding:5px 10px; border-radius:100px;*/}
.m_nav .top2 dd a:last-child {margin-right:0;}
.m_nav .m_search {justify-content:space-between; overflow:hidden;}
.m_nav .m_search input {width:100%; height:40px; line-height:40px; font-size:15px; color:#333; padding:0 10px; border-radius:0;}
.m_nav .m_search input::placeholder {color:#999; font-size:13px; font-weight:normal;}
.m_nav .m_search button {justify-content:center; font-weight:bold; color:var(--pick-color); height:40px; line-height:40px; padding:0 10px; background:#fff;}
.m_nav .q_btn {position:relative; background-color:var(--pick-color); justify-content:center;}
.m_nav .q_btn::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.2);}
.m_nav .q_btn li {position:relative; z-index:1; width:100%; border-left:1px solid rgba(255,255,255,0.08); }
.m_nav .q_btn a {font-size:13px; color:rgba(255,255,255,0.8); text-align:center; line-height:40px;}
.m_nav .m_nav_list {height:calc(100% + 160px);}
.m_nav .m_nav_list > ul > li.on > a {color:var(--pick-color);}
.m_nav .m_nav_list > ul > li.on a i {transform:rotate(180deg);}
.m_nav .m_nav_list .depth1 {justify-content:space-between; border-bottom:1px solid #e5e5e5; line-height:55px; padding:0 15px; font-size:16px; color:#222;}
.m_nav .m_nav_list .depth1 i {font-size:20px;}
.m_nav .m_nav_list .depth2 {background:#f8f8f8; padding:10px 15px; border-bottom:1px solid #eee; max-height:170px; overflow-y:auto;}
.m_nav .m_nav_list .depth2::-webkit-scrollbar {width:10px;}
.m_nav .m_nav_list .depth2::-webkit-scrollbar-thumb {background-color:#bbb; border-radius:100px;}
.m_nav .m_nav_list .depth2::-webkit-scrollbar-track {background-color:#ddd}
.m_nav .m_nav_list .depth2 a {font-size:14px; line-height:35px; color:#555;}

/*통합검색*/
.search_all .search_box {border:1px solid #ececec; background-color:#f7f7f7; padding:40px 10px; margin:20px 0 0px 0;}
.search_all .search_box .wrap {justify-content:space-between; width:570px; border:1px solid #ddd; border-radius:100px; background:#fff; margin:0 auto; overflow:hidden;}
.search_all .search_box input[type="text"] {width:calc(100% - 60px); height:60px; line-height:60px; padding:0 20px 0 30px; color:#333; font-size:18px;}
.search_all .search_box input[type="text"]::placeholder {color:#b2b2b2}
.search_all .search_box button {justify-content:center; width:60px; height:60px; font-size:26px; font-weight:bold; color:#494949;}
.search_all .search_box p {text-align:center; margin-top:25px; color:#494949;}
.search_all .search_box p b {font-weight:800;}
.search_all .tab ul {display:flex; background-color:#f7f7f7; border:1px solid #ececec;}
.search_all .tab ul li {flex-grow:1; border-right:1px solid #fff;}
.search_all .tab ul li:last-child {border-right:0;}
.search_all .tab ul li.on button {}
.search_all .tab ul button {width:100%; padding:20px 10px; font-size:18px; color:#888888;}
.search_all .tab ul li:hover button {background-color:#44454e; color:#fff;}
.search_all .article .title ul.basic02 select {display:none;}
.search_all .article .title ul.basic02 .more {display:none;}
.search_all .news .news_list .search_more {display:inline-block; font-size:13px; color:#6e6e6e; border:1px solid #6e6e6e; border-radius:100px; padding:8px 15px;}
.search_all .article .title .search_more {display:inline-block;  font-size:13px; color:#6e6e6e; border:1px solid #6e6e6e; border-radius:100px; padding:8px 15px;}
.search_all .news_list .tit {display:flex; justify-content:space-between; align-items:center;}

/*통합검색 - 커뮤니티*/
.search_all .search_commu table {table-layout:fixed;}
.search_all .search_commu table td {padding:20px 10px;}
.search_all .search_commu .tal:hover {text-decoration:underline !important;}
.search_all .search_commu .pc_no {display:none;}

/*메인 상단영역*/
.header_main {margin:20px 0;}
.header_main .wrap_width {display:flex; gap:20px;}
.header_main h2 { font-size:16px; font-weight:750; }
.header_main .box_wrap02 {display:flex; flex-direction:column; gap:20px; flex-basis:630px; flex-grow:1; width:48%; word-wrap: break-word; max-width:calc(100% - 20px - 305px);}
.header_main .box_wrap03 {display:flex; flex-direction:column; gap:20px; flex-basis:305px; width:26%;}


/*메인A배너(비주얼)*/
.main_visual {background:#f4f4f4; height:210px; overflow:hidden;}
.main_visual img {max-width:100%;}


/*구인상품1(메인 VIP 구인정보)*/
.main_top_vip {width:26%; flex-basis:305px;  border:1px solid #e2e2e2; overflow:hidden; flex-grow:1;}
.main_top_vip .tit {justify-content:space-between; background:var(--pick-color); padding:15px 15px 15px 20px;}
.main_top_vip .tit h2 { color:var(--bg-txt-color);}
.main_top_vip .tit ul {gap:0 3px;}
.main_top_vip .tit li {background-color:rgba(255,255,255,0.3); border-radius:2px; }
.main_top_vip .tit li button {display:block; width:20px; height:20px; justify-content:center; color:#fff;}
.main_top_vip .tit li .btn_stop {font-size:12px;} 
.main_top_vip .tit li .btn_stop .axi-play-arrow {display:none;}
.main_top_vip .tit li .btn_stop.on .axi-play-arrow {display:inline-block;}
.main_top_vip .tit li .btn_stop.on .axi-pause2 {display:none;}
.main_top_vip .tit li .btn_next,
.main_top_vip .tit li .btn_prev {position:relative; top:1px;} 
.main_top_vip .s_wrap {padding:20px 15px 20px 15px}
.main_top_vip .salary { font-size:13px; color:#666666;}
.main_top_vip a {display:block; border-bottom:1px solid #e8e8e8; }
.main_top_vip a:hover h3 {text-decoration:underline !important;}
.main_top_vip h3 {font-size:16px; color:#222222; line-height:1.3; margin-top:10px;}
.main_top_vip h3 span {font-weight:550}
.main_top_vip .wrap1 {display:flex; align-items:center; gap:0 15px;}
.main_top_vip figure {flex:1; padding-bottom:30%;}
.main_top_vip .item_info {flex:1.4;}
.main_top_vip .wrap2 {display:flex; flex-direction:column; gap:5px; margin:13px 0 13px 0;}
.main_top_vip .swiper-wrapper {height:475px;}
.main_top_vip .swiper-slide {}



/*메인로그인*/
.main_login {display:flex; justify-content:space-between; flex-direction:column; border:1px solid #e2e2e2; overflow:hidden; background:#fff;}
.main_login>div {padding:15px 20px 18px 20px;}
.main_login .log_ok h2 {justify-content:space-between; color:#333333; margin-bottom:15px;}
.main_login .log_ok h2 ul {gap:0 5px;}
.main_login .log_ok h2 ul a {justify-content:center; width:26px; height:26px; border-radius:2px;}
.main_login .log_ok h2 ul li { border-radius:2px;}
.main_login .log_ok h2 ul .sns_naver img {width:10px; }
.main_login .log_ok h2 ul .sns_kakao img {width:15px; }
.main_login .log_no {padding:15px 20px 0 20px;}
.main_login .log_no h2 {display:flex; align-items:baseline; gap:0 3px; font-size:13px; font-weight:500; color:#555555;}
.main_login .log_no h2 b {font-weight:bold; color:#333333; font-size:17px;}
.main_login .log_box {display:flex; gap:0 7px;}
.main_login .log_box>div {width:calc(72% - 7px)}
.main_login .log_box input {width:100%; border:1px solid #e2e2e2; padding:0 10px; line-height:42px; color:#333; font-size:15px;}
.main_login .log_box input:first-child {border-radius:3px 3px 0 0; border-bottom:0; }
.main_login .log_box input:last-child {border-radius:0 0 3px 3px}
.main_login .log_box input::placeholder {font-size:13px; color:#b4b4b4;}
.main_login .log_box button {width:28%; border:1px solid var(--bg20); background-color:var(--bg10); color:var(--pick-color); font-size:15px; border-radius:3px; padding:10px; font-weight:550;}
.main_login .my_deta {display:grid; grid-template-columns: repeat(2, 1fr); gap:3px; padding:0 20px; margin:15px 0;}
.main_login .my_deta dl {justify-content:space-between; border:1px solid var(--bg20); background-color:var(--bg10); font-size:15px; border-radius:2px; padding:8px 10px; text-align:center; font-size:13px; color:#4b4b4b}
.main_login .my_deta dd { color:var(--pick-color); }
.main_login .my_deta dd b {font-weight:800; }
.main_login>ul {justify-content:center; background-color:#fafafa; padding:15px 0px;}
.main_login>ul li::before {content:""; display:inline-block; width:1px; height:7px; background-color:#dedede; margin:0 15px;}
.main_login>ul li:first-child::before {display:none;}
.main_login>ul li a {display:inline-block; color:#888888; font-size:13px;}

/*최신정보*/
.main_update {border:1px solid #e2e2e2; overflow:hidden; background:#fff;}
.main_update .title h2 {flex:1; text-align:center;}
.main_update .title div {flex:4; justify-content:space-between; border-bottom:1px solid #e2e2e2; }
.main_update .title .more {display:flex; color:#363636; font-size:14px; padding:0 10px; flex-shrink:0;}
.main_update .title .more i {position:relative; top:-1px; font-size:18px; }
.main_update .title ul {gap:0 3%; width:100%;}
.main_update .title ul a {display:block;color:#8b8b8b; font-size:17px; padding:20px 10px; line-height:1.2;}
.main_update .title ul a:hover {color:var(--pick-color); }
.main_update .title ul .on a {position:relative; color:var(--pick-color); font-weight:bold; }
.main_update .title ul .on a::after {position:absolute; left:0; bottom:-1px; content:""; width:100%; height:2px; background-color:var(--pick-color); z-index:1;}
.main_update .list_item {padding:20px;}
.main_update .list_item li {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #efefef}
.main_update .list_item li:last-child {margin-bottom:0; border-bottom:0; padding-bottom:0;}
.main_update .list_item a {gap:0 20px; justify-content:space-between;}
.main_update .list_item a:hover dd {text-decoration:underline !important;}
.main_update .list_item .wrap1 {width:calc(100% - 80px - 20px); }
.main_update .list_item p {font-size:13px; color:#888888; }
.main_update .list_item dl {gap:0 8px; margin-bottom:10px;}
.main_update .list_item dt {flex-shrink:0; background-color:var(--bg10); border:1px solid var(--pick-color); border-radius:100px; padding:4px 8px; color:var(--pick-color); font-size:13px; font-weight:550;}
.main_update .list_item dd {font-size:16px; color:#222222; font-weight:550;}
.main_update .list_item figure {width:80px; height:60px; border-radius:3px;}
.main_update .list_item .people {width:55px; height:55px; background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; border:1px solid #e0e0e0; border-radius:500px;}

/*바로가기*/
.main_quick {flex-direction:column; justify-content:space-between; border:1px solid #e2e2e2; overflow:hidden; background:#fff; }
.main_quick>ul {width:100%;}
.main_quick .tab {background-color:var(--bg5);}
.main_quick .tab li {flex-grow:1; border-bottom:1px solid #e2e2e2;}
.main_quick .tab li:hover a {color:var(--pick-color); }
.main_quick .tab a {flex-wrap:wrap; color:#8b8b8b; justify-content:center; font-size:16px; padding:20px 8px; line-height:1.2;}
.main_quick .tab i,
.main_quick .tab span {display:none; font-weight:bold; font-size:16px;}
.main_quick .tab li:nth-child(1).on {border-right:1px solid #e2e2e2;}
.main_quick .tab li:nth-child(2).on {border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.main_quick .tab li:nth-child(3).on {border-left:1px solid #e2e2e2;}
.main_quick .tab .on {border-color:#fff;}
.main_quick .tab .on a {color:var(--pick-color); font-weight:bold; background:#fff;}
.main_quick .tab .on i,
.main_quick .tab .on span {display:inline-block;}
.main_quick .tab .on i {margin-right:7px;}
.main_quick .area_go {flex-wrap:wrap; padding:15px 10px;}
.main_quick .area_go li {position:relative; width:25%; text-align:center; padding:10px 0;}
.main_quick .area_go li::after {position:absolute; left:100%; top:48%; content:""; display:inline-block; width:3px; height:3px; background-color:var(--bg30); border-radius:50px; }
.main_quick .area_go li:nth-child(4n)::after,
.main_quick .area_go li:last-child::after {display:none;}
.main_quick .area_go a {display:inline-block; }
.main_quick .quick_icon {display:flex; border-top:1px solid #e2e2e2;}
.main_quick .quick_icon li {width:calc(100% / 3); text-align:center; height:100%;}
.main_quick .quick_icon li:nth-child(2) {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
.main_quick .quick_icon a {flex-direction:column; padding:12px;}
.main_quick .quick_icon img {height:25px;}
.main_quick .quick_icon p {font-size:14px; color:#333333; margin-top:10px;}

/*상품공통*/
.article {padding:50px 0;}
.article .title {justify-content:space-between; flex-wrap:wrap; gap:15px 10px; margin-bottom:25px; letter-spacing:-0.5px;}
.article .title h2 {font-size:24px; color:#111111; font-weight:bold;}
.article .title h2 b {font-weight:850; color:#ff004b;}
.article .title ul.basic01 {gap:0 10px;}
.article .title ul.basic01 a {font-size:14px; color:#646464;}
.article .title ul.basic01 a i {margin-left:5px;}
.article .title ul.basic02 {gap:0 5px;}
.article .title ul.basic02 a {font-size:14px; color:#6e6e6e; border:1px solid #6e6e6e; border-radius:100px; padding:8px 15px;}
.article .title ul.basic02 .sc_btn a {color:#ed5071; border-color:#ed5071;}
.article .title ul.basic02 select {font-size:14px; color:#6e6e6e; border:1px solid #6e6e6e; border-radius:100px; padding:0px 15px; line-height:32px; height:32px; background:#fff;}
.article .title .search_more {display:none;}
.sub .article .title ul.basic02 .more {display:none;}
.p_wrap h3 {width:100%;}
.p_wrap h3 span {color:#222; font-weight:660; font-size:18px; line-height:1.4;}
.p_wrap h3 span img {vertical-align:middle;}
.p_wrap>li {position:relative; background:#fff; overflow:hidden;}
.p_wrap>li:hover h3 span {text-decoration:underline !important;}
.p_wrap>li>a {height:100%;}
.p_wrap .scrap {position:absolute; right:10px; top:10px; z-index:2;}
.p_wrap .no_ad a {justify-content:center; flex-direction:column; font-size:16px; padding:40px 25px; line-height:1.4; color:#999; background-color:#f9f9f9;}
.p_wrap .no_ad img {opacity:0.15; margin-top:15px; max-width:80%;}
.p_wrap .no_ad b {display:block; font-size:17px; color:#aaa}
.p_wrap .no_ad .ad_title {font-weight:bold;}
.p_wrap .no_ad .link_fake {border:1px solid var(--pick-color); color:var(--pick-color); padding:7px 15px; border-radius:100px; text-align:center; font-size:14px; margin-top:25px; background-color:var(--bg5);} 
.p_wrap .no_ad:hover .link_fake {background-color: var(--pick-color); color:var(--bg-txt-color); transition: 0.3s ease-out; }
.p_wrap .no_ad:not(:hover) .link_fake {transition: 0.3s ease-out;}

/*상품 리스트 테이블스타일 공통*/
.article .th {border-top:1px solid #666666; border-bottom:1px solid #dadada; font-size:15px; font-weight:bold; color:#3e3e3e; text-align:center;}
.article .th li {padding:20px 15px}
.article .td {border-bottom:1px solid #e8e8e8; }
.article .td li {padding:20px 15px; text-align:center;}
.scrap i {color:#cfcfcf;  font-size:18px; cursor:pointer;}
.scrap .axi-star3 {color:#ffd304;}
.common_p {font-size:15px; color:#888888; margin-top:12px;}
.common_p i {font-size:14px; color:#444;}
.td h3 span {font-size:17px; font-weight:650; color:#111111;}
.td a:hover h3 {text-decoration:underline !important;}

/*분양상품1*/
.p_01 {background:#fafafa;}
.p_01 .p_wrap .first {display:flex; flex-direction:column; justify-content:space-between; gap:30px; background:var(--pick-color) url('../images/main/sale_01_deco.webp') right bottom no-repeat; color:var(--bg-txt-color); padding:50px 30px; border-color:var(--pick-color)}
.p_01 .p_wrap .first p {font-size:30px; line-height:1.4; }
.p_01 .p_wrap .first b {font-weight:bold;}
.p_01 .p_wrap .first ul li {margin-bottom:10px; border:none;}
.p_01 .p_wrap .first ul li:last-child {margin-bottom:0;}
.p_01 .p_wrap .first ul a {display:inline-flex; gap:0 4px; color:var(--bg-txt-color); opacity:0.7; font-size:15px;}
.p_01 .p_wrap .first ul a:hover {opacity:1;}
.p_01 .p_wrap .first ul a span {justify-content:center; width:14px; height:14px; border-radius:100px; background-color:var(--bg-txt-color); opacity:0.7;}
.p_01 .p_wrap .first ul a span i {color:var(--pick-color); font-size:12px;}
.p_01 .p_wrap {display:grid; gap:20px;}
.p_01 .p_wrap.repeat3 {grid-template-columns: repeat(3, 1fr); }
.p_01 .p_wrap.repeat3 .first {display:none;}
.p_01 .p_wrap.repeat4 {grid-template-columns: repeat(4, 1fr); }
.p_01 .p_wrap.repeat5 {grid-template-columns: repeat(5, 1fr); }
.p_01 .p_wrap>li {border:1px solid #d7dce5;}
.p_01 .p_wrap figure {padding-bottom:75%;}
.p_01 .p_wrap .text_wrap {display:flex; justify-content:space-between; flex-direction:column; flex-wrap:wrap; padding:20px 15px; background:#fff;}
.p_01 .p_wrap h3 {margin-bottom:12px;}
.p_01 .p_wrap .sub_info {margin-bottom:12px;}
.p_01 .p_wrap .core {gap:3px;}
.p_01 .p_wrap .core li {border-radius:3px; padding:5px 8px; font-size:13px;}
.p_01 .p_wrap .core_01 {background-color:#51616c; color:#fff;}
.p_01 .p_wrap .core_02 {background-color:#839dae; color:#fff;}
.p_01 .p_wrap .core_03 {background-color:#f4f4f4; color:#888888;}
.p_01 .scrap i {color:#fff;}

/*분양상품2*/
.p_02 .p_wrap {display:grid;  gap:20px;}
.p_02 .p_wrap.repeat3 {grid-template-columns: repeat(3, 1fr);}
.p_02 .p_wrap.repeat4 {grid-template-columns: repeat(4, 1fr);}
.p_02 .p_wrap.repeat5 {grid-template-columns: repeat(5, 1fr);}
.p_02 .p_wrap>li {border:1px solid var(--bg20); background-color:var(--bg5);}
.p_02 .p_wrap a {padding:20px 25px; }
.p_02 .p_wrap .scene {font-size:13px; font-weight:bold; color:#738a99; margin-bottom:10px;}
.p_02 .p_wrap .text_wrap {flex-direction:column; gap:5px; margin-top:15px; padding-top:15px; border-top:1px solid var(--bg20);}

/*분양상품3*/
.main .p_03 .basic02 .select {display:none;}
.p_03 .th .th1 {width:5%;}
.p_03 .th .th2 {width:10%;}
.p_03 .th .th3 {width:53%;}
.p_03 .th .th4 {width:10%;}
.p_03 .th .th5 {width:15%;}
.p_03 .th .th6 {width:7%;}
.p_03 .td .td1 {width:5%}
.p_03 .td .td2 {width:10%; font-size:17px; color:#555555; }
.p_03 .td .td3 {width:53%; text-align:left;}
.p_03 .td .td4 {width:10%; font-size:15px; color:#666666; }
.p_03 .td .td5 {width:15%; justify-content:center;}
.p_03 .td .td5 span {display:inline-block; font-size:15px; color:#666666; background-color:#fafafa; border-radius:100px; 
border:1px solid #eeeeee;  padding:10px 0px; width:100%;}
.p_03 .td .td5 em {display:none;}
.p_03 .td .td6 {width:7%;}
.p_03 .td .td6 span {display:inline-block;}


/*분양파트너 상품1*/
.partner_01 {position:relative; isolation: isolate; background:url('../images/main/partner_01_bg.webp') no-repeat center center / cover;  background-attachment: fixed; }
.partner_01::after {content:""; position:absolute; background-color:#1d2933; z-index:-1; inset:0; opacity:0.85;}
.partner_01 .title h2 {color:#fff;}
.partner_01 .title h2 b {color:#ffbb4f; font-weight:900; }
.partner_01 .title ul.basic01 a {color:#fff;}
.partner_01 .p_wrap {display:grid; grid-template-columns: repeat(3, 1fr); gap:20px;}
.partner_01 .p_wrap li {border:1px solid #d7dce5; overflow:hidden; background:#fff;}
.partner_01 .p_wrap a {gap:0 20px; padding:20px;}
.partner_01 .p_wrap figure {width:40%; padding-bottom:40%; }
.partner_01 .text_wrap {width:calc(60% - 20px);}
.partner_01 .category span {display:inline-block; color:var(--pick-color); padding:6px 8px; background-color:var(--bg10); border-radius:3px; font-size:14px; font-weight:550;}
.partner_01 h3 {margin:12px 0;}
.partner_01 h3 span {font-size:20px;}
.partner_01 .line_info {font-size:14px; color:#555555;}
.partner_01 .sub_info {margin-top:10px;}

/*분양파트너 상품2*/
.partner_02 .th .th1 {width:5%;}
.partner_02 .th .th2 {width:12%;}
.partner_02 .th .th3 {width:38%;}
.partner_02 .th .th4 {width:45%;}

.partner_02 .td .td1 {width:5%;}
.partner_02 .td .td2 {width:12%;}
.partner_02 .td .td3 {width:38%; text-align:left; }
.partner_02 .td .td4 {width:45%; text-align:left; }
.partner_02 .td .td4 p { line-height:1.4;}


/*구인상품1*/
.j_01 .p_wrap {display:grid; gap:20px;}
.j_01 .p_wrap.repeat3 {grid-template-columns: repeat(3, 1fr); }
.j_01 .p_wrap.repeat4 {grid-template-columns: repeat(4, 1fr); }
.j_01 .p_wrap.repeat5 {grid-template-columns: repeat(5, 1fr); }
.j_01 .p_wrap>li {border:1px solid #d7dce5;}
.j_01 .p_wrap figure {padding-bottom:75%;}
.j_01 .p_wrap .text_wrap {display:flex; justify-content:space-between; flex-direction:column; flex-wrap:wrap; padding:20px 15px; background:#fff;}
.j_01 .p_wrap h3 {margin-bottom:12px;}
.j_01 .p_wrap .sub_info {margin-bottom:12px;}
.j_01 .p_wrap .core {gap:5px 3px; flex-wrap:wrap;}
.j_01 .p_wrap .core li {border-radius:3px; padding:5px 8px; font-size:13px;}
.j_01 .p_wrap .core .core_01 {background-color:#51616c; color:#fff;}
.j_01 .p_wrap .core .core_02 {background-color:#839dae; color:#fff;}
.j_01 .p_wrap .core .core_03 {border-radius:0; padding:0; font-size:15px; color:#666666;}
.j_01 .p_wrap .core .core_03 span {padding:5px 8px;}
.j_01 .scrap i {color:#fff;}


/*구인상품2*/
.j_02 .p_wrap {display:grid; gap:20px;}
.j_02 .p_wrap.repeat3 { grid-template-columns: repeat(3, 1fr);}
.j_02 .p_wrap.repeat4 { grid-template-columns: repeat(4, 1fr);}
.j_02 .p_wrap.repeat5 { grid-template-columns: repeat(5, 1fr);}
.j_02 .p_wrap>li {border:1px solid #d7dce5;}
.j_02 .p_wrap figure {padding-bottom:75%;}
.j_02 .p_wrap .text_wrap {display:flex; justify-content:space-between; flex-direction:column; flex-wrap:wrap; padding:20px 15px; background:#fff;}
.j_02 .p_wrap .text_wrap p:nth-of-type(2) {margin-bottom:0}
.j_02 .p_wrap h3 {margin-bottom:15px; }
.j_02 .p_wrap .sub_info {margin-bottom:4px;}
.j_02 .p_wrap .core {flex-wrap:wrap; gap:5px 5px; margin-top:13px;}
.j_02 .p_wrap .core li {border-radius:3px; font-size:13px; letter-spacing:-0.5px;}
.j_02 .p_wrap .core .core_01 {color:#51616c; font-weight:bold;}
.j_02 .p_wrap .core .core_02 {color:#738a99; font-weight:bold; margin-right:2px;}
.j_02 .p_wrap .core .core_03 {color:#666; }
.j_02 .scrap i {color:#fff;}


/*구인상품3*/
.j_03 .p_wrap {display:grid; gap:20px;}
.j_03 .p_wrap.repeat3 { grid-template-columns: repeat(3, 1fr);}
.j_03 .p_wrap.repeat4 { grid-template-columns: repeat(4, 1fr);}
.j_03 .p_wrap.repeat5 { grid-template-columns: repeat(5, 1fr);}
.j_03 .p_wrap>li {border:1px solid #d7dce5;}
.j_03 .p_wrap>li>a {padding:20px;}
.j_03 .p_wrap .category {font-size:13px; color:#738a99; font-weight:bold;}
.j_03 .p_wrap h3 {margin:10px 0; }
.j_03 .p_wrap .text_wrap {display:flex; flex-direction:column; gap:12px; border-top:1px solid #eeeeee; padding-top:15px; }
.j_03 .p_wrap .salary {font-size:13px; color:#666;}
.j_03 .p_wrap .salary span {padding:0;} 


/*구인상품2*/
.j_04 .th .th1 {width:5%;}
.j_04 .th .th2 {width:10%;}
.j_04 .th .th3 {width:47%;}
.j_04 .th .th4 {width:15%;}
.j_04 .th .th5 {width:13%;}
.j_04 .th .th6 {width:10%;}
.j_04 .td .td1 {width:5%;}
.j_04 .td .td2 {width:10%;}
.j_04 .td .td3 {width:47%; text-align:left;}
.j_04 .td .td4 {width:15%; justify-content:center;}
.j_04 .td .td5 {width:13%; justify-content:center;}
.j_04 .td .td5 em {display:none;}
.j_04 .td .td5 span {display:inline-block; font-size:15px; color:#666; background-color:#fafafa; border-radius:100px; border:1px solid #eee; padding:10px 0px; width:100%;}
.j_04 .td .td6 {width:10%;}
.j_04 .td .td6 em {display:none;}


/*구직상품1*/
.r_01 {background-color:var(--bg3);}
.r_01 .p_wrap {display:grid; grid-template-columns: repeat(3, 1fr); gap:20px;}
.r_01 .p_wrap li {border:1px solid var(--bg20); background-color:var(--bg5);}
.r_01 .p_wrap li a {gap:0 20px; padding:20px;}
.r_01 .p_wrap dl {width:77px; text-align:center;}
.r_01 .p_wrap dl dt {width:77px; height:77px; border-radius:500px; background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; border:1px solid #e0e0e0;}
.r_01 .p_wrap dl dd {line-height:1.3; font-size:15px; font-weight:600; margin-top:10px;}
.r_01 .p_wrap .text_wrap {width:calc(100% - 77px - 20px);}
.r_01 .p_wrap .career {display:inline-block; font-size:14px; color:var(--pick-color); border:1px solid var(--bg30); border-radius:3px; padding:5px;}
.r_01 .p_wrap h3 {height:52px; margin:13px 0;}
.r_01 .p_wrap h3 span {font-weight:600; line-height:26px;}
.r_01 .p_wrap p:nth-of-type(1) {margin-bottom:3px;}

/*구직상품2*/
.r_02 .th .th1 {width:5%;}
.r_02 .th .th2 {width:10%;}
.r_02 .th .th3 {width:47%;}
.r_02 .th .th4 {width:15%;}
.r_02 .th .th5 {width:10%;}
.r_02 .th .th6 {width:13%;}
.r_02 .td .td1 {width:5%;}
.r_02 .td .td2 {width:10%; font-size:17px;}
.r_02 .td .td3 {width:47%; text-align:left;}
.r_02 .td .td4 {width:15%; justify-content:center; color:#666666; font-size:15px;}
.r_02 .td .td5 {width:10%; color:#666666; font-size:15px;}
.r_02 .td .td6 {width:13%; justify-content:center;}
.r_02 .td .td6 em {display:none; }
.r_02 .td .td6 span {display:inline-block; font-size:15px; color:#666; background-color:#fafafa; border-radius:100px; border:1px solid #eee; padding:10px 0px; width:100%;}



/*메인뉴스*/
.main_news .box {display:flex; }
.main_news .box a:hover h3 {text-decoration:underline !important;}
.main_news .box1 {width:33.33%; margin-right:30px; padding-right:30px;  border-right:1px solid #e8e8e8; }
.main_news .box1:hover dd {background-color:rgba(255,255,255,0.8); color:#888}
.main_news .box1 figure {padding-bottom:67%;}
.main_news .box1 figure img { z-index:1;}
.main_news .box1 h3 {position:relative; background:#fff; padding:20px 20px 0 20px; width:90%; margin:0 auto; margin-top:-35px; z-index:2;}
.main_news .box1 h3 span { line-height:1.4; font-weight:600; font-size:19px; color:#222;}
.main_news .box1 dl {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);  text-align:center; font-size:18px; width:90%; line-height:1.4; font-weight:600; }
.main_news .box1 dt {font-size:18px; color:#8c8c8c;}
.main_news .box1 dd {display:inline-block; background-color:rgba(255,255,255,0.5); color:#8c8c8c; border:1px solid #dadada; padding:6px 25px; border-radius:100px; margin-top:10px; font-size:17px;}
.main_news .box2 {width:33.33%;padding-right:30px;}
.main_news .box2 a {gap:0 25px; padding:20px 0; border-bottom:1px solid #eeeeee;}
.main_news .box2 li:first-child a {}
.main_news .box2 li:last-child a {border-bottom:0;}
.main_news .box2 figure {flex:0.80; padding-bottom:20%;}
.main_news .box2 h3 {flex:2; }
.main_news .box3 {width:33.33%; border-left:1px solid #e8e8e8; padding-left:30px;}
.main_news .box3 li a {padding:20px 0; border-bottom:1px solid #eeeeee;}
.main_news .box3 li:last-child a {border-bottom:0;}
.main_news ul h3 {font-size:18px; line-height:1.4; font-weight:600; color:#222;}


/*메인 동영상 소식*/
.main_video {background-color:#f7f8fa;}
.main_video .list_wrap {display:grid; grid-template-columns: repeat(4, 1fr); gap:20px;}
.main_video .list_wrap li {background-color:#fff; }
.main_video .list_wrap li a {display:block; width:100%; padding:20px;}
.main_video .list_wrap li figure {width:100%; padding-bottom:56.3%; margin-bottom:20px;}
.main_video .list_wrap li h3 {font-size:18px; font-weight:600; color:#222222; line-height:1.4; }


/*메인 게시판*/
.main_board .wrap_width {display:flex; gap:50px 50px; flex-wrap:wrap;}
.main_board .boardlist {width:calc((100% - 50px) / 2);}
.main_board .boardlist .line1 img {width:20px !important; height:14px !important; max-width:20px !important; min-height:14px !important; min-width:20px !important; max-height:14px !important; position:relative; left:0; top:0; bottom:0; right:0;}
.main_board .boardlist > ul {border-bottom:1px solid #cfcfcf;}
.main_board .boardlist > ul li:hover h3 {text-decoration:underline !important;}
.main_board .boardlist > ul h3 { font-size:17px; color:#333; font-weight:550;}
.main_board .boardlist > ul .day {color:#bbbbbb; }
.main_board .title {border-bottom:1px solid #000000; padding-bottom:20px; margin-bottom:0;}
.phpto_board > ul {display:flex; flex-wrap:wrap; gap:30px 20px; padding:20px 0;}
.phpto_board > ul h3 {margin-bottom:15px;}
.phpto_board > ul li {width:calc((100% - 20px) / 2);}
.phpto_board > ul figure {width:100%; padding-bottom:70%; margin-bottom:20px;}

.webzin_board > ul li {border-bottom:1px solid #cfcfcf;}
.webzin_board > ul li:last-child {border-bottom:0;}
.webzin_board > ul li a {justify-content:space-between; gap:0 20px; padding:20px 0;}
.webzin_board > ul figure {width:calc(100% - 70% - 20px); padding-bottom:18.7%;}
.webzin_board > ul div {width:70%; }
.webzin_board > ul div p {font-size:14px; color:#666; margin:13px 0; line-height:1.4; font-weight:450;}
.webzin_board > ul div span {font-size:14px;}

.text_board > ul li {justify-content:space-between; gap:0 20px; border-bottom:1px solid #e8e8e8;}
.text_board > ul li:last-child {border-bottom:0;}
.text_board > ul a {width:calc(100% - 100px - 20px); padding:25px 0;}
.text_board > ul .day {display:block; width:100px; text-align:right;}


/*푸터*/
footer {background:#fbfbfb;}
footer .b_menu {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
footer .b_menu ul {gap:10px 4%; flex-wrap:wrap; padding:25px 0;}
footer .b_menu a {font-size:16px; color:#333333; }
footer .b_wrap {padding:30px 0 40px 0;}
footer .b_wrap .wrap_width {display:flex; justify-content:space-between; gap:20px;}
footer .b_wrap .b_left {display:flex; gap:15px 40px; align-items:center; max-width:70%; width:100%;}
footer .b_wrap .b_left dt img {max-width:400px;}
footer .b_wrap .b_left dd {font-size:14px; line-height:1.5; color:#555555;}
footer .b_wrap .b_right {color:#111111; }
footer .b_wrap .b_left dd a {display:block; margin-top:15px;}
footer .b_wrap .b_right dt {font-size:18px; font-weight:bold;}
footer .b_wrap .b_right .num {font-size:34px; font-weight:900; margin:15px 0;}
footer .b_wrap .b_right .time {font-size:14px; line-height:1.5; }




/******************************메인컨텐츠 끝****************************************/
/******************************서브페이지 시작****************************************/

/*고객센터*/
.register ul.help_text {border:3px solid #eee; padding:1.5rem 2rem; background:#fbfbfb; margin-bottom:2rem; }
.register ul.help_text li {font-size:13px; color:#777; line-height:20px;}
.register ul.help_text li::before {content:""; display:inline-block; clear:both; width:2px; height:2px; background:#888; vertical-align:middle; margin-right:6px;}
.register ul.li_float {overflow:hidden; line-height:2.5rem;}
.register ul.li_float li {margin:5px 2rem 5px 0; font-size:14px; color:#666;}
.register ul.li_float li:first-child label {margin-left:0;}
.register textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; padding:1.5rem; font-family:'Noto Sans KR'; font-size:14px;}
.register textarea::placeholder {color:#aaa;}



/*게시물 패스워드입력*/
.lock_pw {position:absolute; left:50%; top:35%; transform:translate(-50%,-35%); display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background:#f9f9f9; border:1px solid #bbb; padding:30px 15px; z-index:1000;}
.lock_pw div {display:flex; justify-content:center;  width:100%; }
.lock_pw p {font-size:15px; margin-bottom:10px; width:100%; text-align:center;}
.lock_pw input {width:40%;}
.lock_pw div button {border:1px solid #0e8ee8; border-radius:3px; height:40px; font-size:15px; padding:0 10px; margin:3px; background:#fff; color:#0e8ee8;}
.lock_pw button  {border:1px solid #ccc; border-radius:3px; height:30px; font-size:15px; padding:0 10px; margin-top:15px;; background:#f1f1f1; color:#666;}


/*커뮤니티 공통*/
.commu .pc_no {display:none !important;}
.commu {margin:20px 0 70px 0}
.commu .wrap_width {display:flex; gap:60px;}
.commu .con {width:calc(100% - 210px - 60px);}
.commu .con .commu_t_txt {margin-bottom:30px;}
.commu .con .commu_b_txt {margin-top:30px;}
.commu .con .commu_t_txt,
.commu .con .commu_b_txt {background:#fbfbfb; border:2px solid #eee; padding:18px 18px; font-size:14px; color:#555; line-height:1.4;}
.commu .con table.style3 th {border-top-color:var(--pick-color);}
.commu .con .page_title {justify-content:space-between; margin-bottom:20px; gap:15px;}
.commu .con .page_title h3 {font-weight:bold; font-size:24px;}
.commu .con .page_title ul {gap:5px}
.commu .con .page_title ul li {gap:5px;}
.commu .con .page_title ul .wr_btn {width:80px; justify-content:center; line-height:35px; height:35px; color:#fff; background-color:#e74c3c;border-radius:3px; font-size:14px;}
.commu .con .page_title ul .wr_btn i {font-size:15px;}
.commu .con .page_title select {width:100px; border:1px solid #ddd; border-radius:3px; line-height:35px; height:35px; font-size:14px; padding:0 8px; color:#333;}
.commu .con .best {border:1px solid #ddd; border-top:2px solid var(--pick-color); background:#fff; border-radius:5px; overflow:hidden;}
.commu .con .bestofbest {background:#fafafa; font-weight:bold; padding:15px 20px; font-size:20px;}
.commu .con .best_wrap {display:flex;}
.commu .con .best_wrap .tit {font-size:18px; font-weight:bold; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:20px;}
.commu .con .best1 {width:50%; padding:20px;}
.commu .con .best1 .best1_con {line-height:1.4; font-size:14px; color:#555;}
.commu .con .best_list {width:50%; padding:20px;}
.commu .con .best_list ul {display:flex; flex-direction:column; gap:10px;}
.commu .con .best_list span {display:inline-block; background-color:var(--pick-color); color:var(--bg-txt-color); width:20px; height:20px; text-align:center; border-radius:100px; line-height:20px; margin-right:5px; flex-shrink:0;}
.commu .tab_menu {display:flex; flex-wrap:wrap; overflow:hidden; }
.commu .tab_menu li {border:1px solid #ddd; border-bottom:0; border-left:none; background:#f9f9f9; border-bottom:1px solid #ddd;}
.commu .tab_menu li:first-child {border-left:1px solid #ddd;}
.commu .tab_menu li a {display:block; font-size:15px; padding:12px 25px; color:#666}
.commu .tab_menu li.on {font-weight:500; border:1px solid var(--pick-color);}
.commu .tab_menu li.on a {color:var(--bg-txt-color); background:var(--pick-color);}
.commu .commu_search {display:flex; justify-content:center; background-color:#fafafa; border:1px solid #eee; padding:20px; margin-top:30px;}
.commu .commu_search input[type="text"] {width:300px; border:1px solid #ddd; border-radius:3px; line-height:35px; height:35px; font-size:14px; padding:0 8px;}
.commu .commu_search select {border:1px solid #ddd; border-radius:3px; line-height:35px; height:35px; font-size:14px; padding:0 8px; color:#333;}
.commu .commu_search button {width:50px; line-height:35px; height:35px; background-color:#555; color:#fff; border-radius:3px; font-size:14px;}

/*커뮤니티 스킨*/
.commu .con .board {display:flex; flex-wrap:wrap; gap:20px; margin-top:20px;}
.commu .con .boardlist {width:calc((100% - 20px) / 2); border:1px solid #ddd; padding:20px 20px; border-radius:5px;}
.commu .con .boardlist h2 {font-size:20px; font-weight:bold; }
.commu .con .boardlist .title {justify-content:space-between;  margin-bottom:15px;}
.commu .con .boardlist .title a {font-size:13px; color:#888;}
.commu .con .boardlist h3 {font-size:15px; color:#333;}
.commu .con .boardlist a:hover h3 {text-decoration:underline !important;}
.commu .con .boardlist {padding:18px 15px;}
.commu .con .text_board > ul a {padding:15px 0;}
.commu .con .text_board > ul .day {font-size:13px; color:#888;}
.commu .con .phpto_board > ul {gap:20px; padding:0;}
.commu .con .phpto_board > ul .day {font-size:13px; color:#888;}
.commu .con .phpto_board > ul figure {margin-bottom:15px;}
.commu .con .webzine_list p.img {width:112px; min-width:112px; height:77px; margin-right:15px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .con .webzine_list a {display:flex; align-items:center;}
.commu .con .webzine_list .text_area {width:calc(100% - 112px - 15px);}
.commu .con .webzine_list .li_tit {line-height:1.4; }
.commu .con .webzine_list .li_txt { color:#888; font-size:13px; line-height:1.4;  font-weight:400; overflow:hidden; margin-top:10px;}
.commu .con .img_list {margin-top:10px;}
.commu .con .img_list .img_list_no {background:#f4f4f4; border:1px solid #ddd; width:100%; font-size:15px; text-align:center; padding:40px 20px;}
.commu .con .img_list ul {display:flex; flex-wrap:wrap; gap:20px;}
.commu .con .img_list ul li {width:calc((100% - 60px) / 4); padding:10px; box-shadow:0 1px 2px rgb(0 0 0 / 20%); border:1px solid #e5e5e5; border-radius:5px;}
.commu .con .img_list p.img {width:100% !important; padding-bottom:66.6%;  background-image:url("../images/no_img2.png"); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .con .img_list dl {}
.commu .con .img_list dl dt {font-size:15px; line-height:1.4; color:#333; margin-top:10px;}
.commu .con .img_list dl dd {color:#888; font-size:13px; overflow:hidden; margin-top:10px;}


/*커뮤니티 상세페이지*/
.commu.view h3 {font-size:30px; line-height:1.4; margin-top:20px; overflow:hidden; margin-bottom:25px; font-weight:bold;}
.commu.view .cmt_view_hd {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; overflow:hidden; font-size:15px; color:#444; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #cdcdcd; }
.commu.view .cmt_view_info {display:flex; align-items:center; overflow:hidden; color:#3694ed; margin-top:5px;}
.commu.view .cmt_view_info li {font-size:15px;}
.commu.view .cmt_view_info li.id {margin-right:10px; border-right:1px solid #e5e5e5; padding-right:10px;}
.commu.view .cmt_view_fnc { display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; margin-top:5px;}
.commu.view .cmt_view_fnc li {font-size:15px; border-right:1px solid #e5e5e5; padding-right:10px; padding-left:10px;}
.commu.view .cmt_view_fnc li:first-child {padding-left:0;}
.commu.view .cmt_view_fnc li:last-child {border-right:0; padding-right:0;}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp {overflow:hidden;margin-top:0; }
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp span{margin-left:5px;}
.commu.view .cmt_view_con {font-size:15px; line-height:24px; color:#222; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #cdcdcd;}
.commu.view .down_list {font-size:13px; margin-bottom:20px;}
.commu.view .down_list li {padding:6px 0;}
.commu.view .down_list li a:hover {text-decoration:underline !important;}
.commu.view .cmt_view_bottom {justify-content:space-between; gap:5px; overflow:hidden; margin-bottom:50px; position:relative; width:100%;}
.commu.view .cmt_view_bottom ul {gap:5px; overflow:hidden;}
.commu.view .cmt_view_bottom ul li {border:1px solid #ccc; border-radius:3px;  font-size:15px;}
.commu.view .cmt_view_bottom ul li a {display:block; height:30px; line-height:30px; padding:0 10px;}
.commu.view .cmt_view_bottom .btn_gp2 {}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn {background:#8c9bc8; border:1px solid #8c9bc8;}
.commu.view .cmt_view_bottom .btn_gp2 .good_btn {background:#5f7cd8; border:1px solid #5f7cd8; margin-right:0;}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn a,
.commu.view .cmt_view_bottom .btn_gp2 .good_btn a {color:#fff;}
.commu.view .cmt_view_bottom i {vertical-align:middle; margin-right:5px;}
.commu.view .text_list td.tal a {color:#555;}
.commu.view .text_list td.tal a:hover {color:#0e8ee8;}
.commu.view .reply_con {margin-top:2rm; margin-bottom:30px; position:relative;}
.commu.view .reply_con h3 {font-size:18px; margin-bottom:15px;}
.commu.view .reply_con h3 em {color:#f24443; margin-left:5px;}
.commu.view .reply_con_write {background:#fafafa; padding:10px 15px 10px 15px; border:1px solid #e1e1e1; width:100%;}
.commu.view .reply_con .input_area {overflow:hidden; margin-bottom:15px;}
.commu.view .reply_con .input_area ul {gap:5px 10px; flex-wrap:wrap;}
.commu.view .reply_con .input_area ul li {color:#444;}
.commu.view .reply_con .input_area ul li label {margin-right:5px; font-size:14px; vertical-align:middle;}
.commu.view .reply_con input {border:1px solid #e1e1e1; height:30px; line-height:30px; width:120px; padding:0 5px; vertical-align:middle; font-size:13px;}
.commu.view .reply_con .input_area ul li span {color:#1a73e8; font-size:16px; vertical-align:middle;}
.commu.view .reply_con .text_area {width:100%; }
.commu.view .reply_con .text_area textarea {width:90%; padding:10px;border:1px solid #e1e1e1; background:#fff; height:80px;}
.commu.view .reply_con .text_area button {width:calc(10% - 5px); height:80px; text-align:center; font-size:15px; border:1px solid #ccc; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); }
.commu.view .reply_list {margin-top:20px;}
.commu.view .reply_list > li {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:15px 10px;}
.commu.view .reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .reply_list > li .top {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:13px;}
.commu.view .reply_list > li .top p {color:#158fe4; margin:5px 0}
.commu.view .reply_list > li .top p span {color:#888; font-size:12px; margin-left:5px;}
.commu.view .reply_list > li .top a {display:inline-block; color:#666;}
.commu.view .reply_list > li .top ul {display:flex; margin:5px 0}
.commu.view .reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list > li .top ul li:last-child::after {display:none;}
.commu.view .reply_list > li > p {font-size:14px; color:#555; margin:15px 0 20px 0;}
.commu.view .reply_list > li .bottom {display:flex; justify-content:space-between;  font-size:13px; color:#666}
.commu.view .reply_list > li .bottom p button {color:#158fe4; font-size:12px;}
.commu.view .reply_list > li .bottom ul {display:flex;}
.commu.view .reply_list > li .bottom ul li {font-size:13px; margin-left:15px;}
.commu.view .reply_list > li .bottom ul li:first-child button {color:#e82626 }
.commu.view .reply_list > li .bottom ul li:last-child button {color:#7597dc}
.commu.view .reply_list .reply_con_write {margin:10px 0 20px 0;}
.commu.view .reply_list .re_reply_list {margin-top:20px;}
.commu.view .reply_list .re_reply_list > li {background:#f9f9f9; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:15px 10px;}
.commu.view .reply_list .re_reply_list > li .top p::before {content:"└"; color:#ccc; margin-right:5px;}
.commu.view .reply_listt .re_reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list .re_reply_list > li > p {font-size:14px; color:#555; margin:20px 0; padding:0 20px;}
.commu.view .reply_list .re_reply_list > li .bottom {display:flex; justify-content:end;  font-size:13px; color:#666}
.commu.view .reply_list .re_reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .secret_co {position:absolute; right:0; top:0; font-size:13px;}
.commu.view .secret_co input {width:17px; height:17px; line-height:17px; padding:0;}

/*커뮤니티 작성페이지*/
.commu.regist table.style2 {border-top:1px solid #ddd;}



/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1700px 이하@@@@@@@@@@****************************/
@media all and (max-width:1700px) {
.side_banner_wrap {width:98%}
.wrap_width {width:calc(100% - 160px - 160px - 80px - 2%); }
}


/****************************@@@@@@@@@@ 1500px 이하@@@@@@@@@@****************************/
@media all and (max-width:1500px) {
.side_banner_wrap {display:none;}
.wrap_width {width:1280px;}

}

/****************************@@@@@@@@@@ 1300px 이하@@@@@@@@@@****************************/
@media all and (max-width:1300px) {
.wrap_width {width:100%; padding:0 20px;}
header .left .search input[type="text"] {width:200px;}

/*메인로그인*/
.main_login>ul li::before {margin:0 10px;}
}



/****************************@@@@@@@@@@ 1024px 이하@@@@@@@@@@****************************/
@media all and (max-width:1024px) {
/*데모체험*/
.sample_info {left:10px; right:auto;}

/*공통*/
.custom_check input[type="checkbox"] + label {width:22px; height:22px; font-size:13px;}

/*상품 리스트 테이블스타일 공통*/
.article .th {display:none;}
.article .td {flex-wrap:wrap; padding:15px; margin-bottom:10px;}
.article .td:last-child {margin-bottom:0;}
.article .td li {padding:0;}

/*헤더*/
header {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; height:86px; padding:20px 0; z-index:999;}
header .left .search input[type="text"] {width:245px;}
header .right {display:none;}

nav {display:none;}

/*모바일메뉴*/
header .mobile_open {display:block;}
header .mobile_open button {font-size:24px; color:#111;}

/*메인 상단영역*/
.header_main .wrap_width {flex-wrap:wrap;}
.header_main .box_wrap02 {width:calc(100% - 34% - 20px); flex-basis:initial; max-width:initial;}
.header_main .box_wrap03 {flex-basis:initial; width:34%;}

/*구인상품1(메인 VIP 구인정보)*/
.main_top_vip .s_wrap {padding:15px 15px;}
.main_top_vip .swiper-wrapper {height:195px; }
.main_top_vip {order:6;}
.main_top_vip figure {flex:none; width:100px; height:75px; padding-bottom:0; }
.main_top_vip .item_info {flex:none; width:calc(100% - 150px - 15px)} 
.main_top_vip .s_wrap a {display:flex; gap:0 20px; padding:0 0 10px 0;}
.main_top_vip .wrap1 {width:calc((100% - 20px) / 2);}
.main_top_vip .wrap2 {gap:5px; width:calc((100% - 20px) / 2); margin:13px 0 15px 0; background:#f8f8f8; border-radius:5px; padding:10px;}

/*메인A배너(비주얼)*/
.main_visual {order:1;}
.main_visual .cycle-slide {width:100%;}
.main_visual .cycle-slideshow {width:100%;}
.main_visual img {width:100% !important;}

/*메인로그인*/
.main_login {order:2;}
.main_login>div {padding:15px}
.main_login .log_box>div {width:calc(70% - 7px)}
.main_login .log_box button {width:30%;}
.main_login .log_no {padding:15px 10px 0 10px;}
.main_login .my_deta {padding:0 10px;}


/*최신정보*/
.main_update {order:3;}
.main_update .title h2 {display:none;}
.main_update .title div {padding:0 20px;}
.main_update .title .more {padding:0;}

/*바로가기*/
.main_quick {order:4;}

/*상품공통*/
.p_wrap>li:hover h3 span,
.td a:hover h3 {text-decoration:none !important;}

/*상품 리스트 테이블스타일 공통*/
.common_p {font-size:14px; margin-top:10px;}
.article .td {border:1px solid #d7dce5; border-radius:8px; gap:10px;}
.article .td .td1 {order:1; width:auto;}
.article .td .td2 {order:2; width:auto; font-size:14px;}

/*분양상품1*/
.p_01 .p_wrap.repeat3,
.p_01 .p_wrap.repeat4,
.p_01 .p_wrap.repeat5 {grid-template-columns:repeat(3, 1fr);}

/*분양상품2*/
.p_02 .p_wrap.repeat3,
.p_02 .p_wrap.repeat4,
.p_02 .p_wrap.repeat5 {grid-template-columns:repeat(3, 1fr);}

/*분양상품3*/
.p_03 .td .td3 {order:3; width:calc(100% - 40px - 10px); margin:10px 0 15px 0;}
.p_03 .td .td4 {order:5; width:calc((100% - 10px) / 2); background:#fafafa; }
.p_03 .td .td5 {order:6; width:calc((100% - 10px) / 2); background:#fafafa; justify-content:center;}
.p_03 .td .td5 em {display:inline;}
.p_03 .td .td5 span {width:auto; border:none; padding:0; font-size:13px;}
.p_03 .td .td5,
.p_03 .td .td4 {padding:10px; border-radius:3px; font-size:13px;}
.p_03 .td .td6 {order:4; width:40px; text-align:right;}

/*분양파트너 상품1*/
.partner_01 .p_wrap {grid-template-columns:repeat(2, 1fr)}

/*분양파트너 상품2*/
.partner_02 .td .td3 {order:3; width:100%;  margin:10px 0 8px 0;}
.partner_02 .td .td4 {order:4; width:100%; border-top:1px dotted #e5e5e5; font-size:14px; padding-top:13px; color:#555;}
.partner_02 .td .td4 p {-webkit-line-clamp:1;}

/*구인상품1*/
.j_01 .p_wrap.repeat3,
.j_01 .p_wrap.repeat4,
.j_01 .p_wrap.repeat5 {grid-template-columns:repeat(3, 1fr);}

/*구인상품2*/
.j_02 .p_wrap.repeat3,
.j_02 .p_wrap.repeat4,
.j_02 .p_wrap.repeat5 {grid-template-columns:repeat(3, 1fr)}

/*구인상품2*/
.j_03 .p_wrap.repeat3,
.j_03 .p_wrap.repeat4,
.j_03 .p_wrap.repeat5 {grid-template-columns:repeat(3, 1fr)}

/*구인상품4*/
.j_04 .td .td3 {order:4; width:100%;  margin:10px 0 8px 0;}
.j_04 .td .td4 {order:5;}
.j_04 .td .td5 {order:6; justify-content:center;}
.j_04 .td .td5 em {display:inline-block; color:#fff; margin-right:5px; font-size:12px; padding:4px; border-radius:3px; background-color:#666;}
.j_04 .td .td5 span {width:auto; display:inline; padding:0; background:none; border-radius:none; border:none; font-size:13px; }
.j_04 .td .td4,
.j_04 .td .td5 {width:calc((100% - 10px) / 2); padding:10px; border-radius:3px; font-size:13px; background:#fafafa;}
.j_04 .td .td6 {order:3; width:auto; font-size:14px;}
.j_04 .td .td6 em {display:inline;}

/*구직상품1*/
.r_01 .p_wrap {grid-template-columns:repeat(2, 1fr)}


/*구직상품2*/
.r_02 .td .td3 {order:4; width:100%;}
.r_02 .td .td4 {order:5; }
.r_02 .td .td5 {order:3; width:auto;}
.r_02 .td .td6 {order:6;}
.r_02 .td .td6 em {display:inline-block; color:#fff; margin-right:5px; font-size:12px; padding:4px; border-radius:3px; background-color:#666;}
.r_02 .td .td6 span {width:auto; display:inline; padding:0; background:none; border-radius:none; border:none; font-size:13px; }
.r_02 .td .td4,
.r_02 .td .td6 {width:calc((100% - 10px) / 2); padding:10px; border-radius:3px; font-size:13px; background:#fafafa;}


/*메인뉴스*/
.main_news .box {flex-wrap:wrap;}
.main_news .box a:hover h3 {text-decoration:none !important;}
.main_news .box1 {width:50%;}
.main_news .box2 {width:calc(50% - 30px); padding-right:0;}
.main_news .box3 {width:100%; padding:0; border-left:none; border-top:1px solid #e8e8e8; margin-top:20px;}

/*메인 동영상 소식*/
.main_video .list_wrap {grid-template-columns:repeat(2, 1fr)}
.main_video a {display:inline-table;}

/*메인 게시판*/
.main_board .wrap_width {gap:50px 30px;}
.main_board .boardlist {width:calc((100% - 30px) / 2);}
.main_board .boardlist > ul li:hover h3 {text-decoration:none !important;}
.text_board > ul a {padding:20px 0;}
.phpto_board > ul {gap:20px 20px;}
.phpto_board > ul figure {margin-bottom:15px;}
.phpto_board > ul h3 {margin-bottom:10px;}
.webzin_board > ul div p {margin:10px 0; }

/*커뮤니티 공통*/
.commu .con {width:100%;}

/*커뮤니티 상세페이지*/
.commu.view .cmt_view_con img {height:auto !important;}

}

/****************************@@@@@@@@@@ 768px 이하@@@@@@@@@@****************************/
@media all and (max-width:768px) {
/*공통*/
.wrap_width {padding:0 10px;}
figure .text {font-size:14px;}
.custom_check input[type="checkbox"] + i::before {width:18px; height:18px;}

/*헤더*/
header {display:flex; align-items:center; padding:12px 0; height:65px;}
header .left .logo img { max-height:40px;}
header .left .search {display:none;}

/*통합검색*/
.search_all .search_box .wrap {width:90%;}
.search_all .search_box {padding:20px 20px 30px 20px; margin:20px 0 0px 0;}
.search_all .search_box input[type="text"] {font-size:15px; height:45px; line-height:45px; padding:0 10px 0 20px;}
.search_all .search_box button {font-size:20px; height:45px; line-height:45px;}
.search_all .search_box p {font-size:14px; margin-top:20px;}
.search_all .article .title .search_more {font-size:13px; padding:5px 12px;}

.search_all .tab ul {gap:5px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; background:none; border:none;}
.search_all .tab ul button {font-size:14px; padding:10px; background:#f7f7f7; border:1px solid #ececec; border-radius:3px;}
.search_all .tab ul li.on button {border-color:#44454e;}

/*통합검색 - 커뮤니티*/
.search_all colgroup col:first-child {width:100%;}
.search_all colgroup col {display:none;}
.search_all .m_no {display:none !important;}
.search_all .pc_no {display:flex !important; overflow:hidden; width:100%; margin-top:10px;}
.search_all .pc_no li {color:#888; font-size:12px;}
.search_all .pc_no li i {vertical-align:middle;}
.search_all .pc_no li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.search_all .pc_no li:last-child::after {display:none;}

/*메인 상단영역*/
.header_main {margin:10px 0 30px 0}
.header_main .box_wrap02 {width:100%;}
.header_main .box_wrap03 {display:none;}

/*메인A배너(비주얼)*/
.main_visual {height:auto;}
.main_visual img {height:auto !important;}

/*최신정보*/
.main_update {}
.main_update .title div {padding:0 8px 0 15px;}
.main_update .title ul {gap:0 6%}
.main_update .title ul a {font-size:15px; padding:15px 0;}
.main_update .title .more {font-size:12px;}
.main_update .title .more i {font-size:12px;}
.main_update .list_item {padding:15px;}
.main_update .list_item figure {display:none; width:60px; padding-bottom:15%;}
.main_update .list_item .wrap1 {width:calc(100% - 60px - 20px); width:100%;}
.main_update .list_item .people {display:none;}



/*구인상품1(메인 VIP 구인정보)*/
.main_top_vip .s_wrap a {flex-wrap:wrap;}
.main_top_vip figure {width:110px; height:83px;}
.main_top_vip .s_wrap {padding:15px; padding:15px 15px 10px 15px;}
.main_top_vip .swiper-wrapper {height:305px;}
.main_top_vip .wrap1 {width:100%;}
.main_top_vip .wrap2 {width:100%; padding:0; background:none; border-radius:0; margin:13px 0 3px 0;}


/*상품공통*/
.article {padding:30px 0}
.article .title {margin-bottom:15px;}
.article .title h2 {font-size:16px;}
.article .title ul.basic01 {gap:0 8px;}
.article .title ul.basic01 a {font-size:13px; margin-left:0px;}
.article .title ul.basic02 {gap:3px;}
.article .title ul.basic02 a {font-size:13px; padding:5px 12px;}
.article .title ul.basic02 select {height:25px; line-height:25px; padding:0 0 0 5px; font-size:13px; max-width:90px;}

.p_wrap h3 {display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.p_wrap h3 span {font-size:16px;}
.scrap i {font-size:15px;}


/*상품 리스트 테이블스타일 공통*/
.common_p {font-size:13px;}
.article .td h3 span {font-size:16px;}


/*분양상품1*/
.p_01 .p_wrap { gap:12px;}
.p_01 .p_wrap.repeat3,
.p_01 .p_wrap.repeat4,
.p_01 .p_wrap.repeat5 {grid-template-columns:repeat(2, 1fr);}
.p_01 .p_wrap .first {padding:30px 20px;}
.p_01 .p_wrap .first p {font-size:20px;}
.p_01 .p_wrap .first ul a {font-size:13px;}
.p_01 .p_wrap .text_wrap {padding:12px 12px 15px 12px;}
.p_01 .p_wrap .core {gap:2px;}
.p_01 .p_wrap .core li {font-size:11px; padding:4px 5px;}
.p_01 .p_wrap h3 {margin-bottom:10px;}
.p_01 .p_wrap .sub_info {margin-bottom:10px;}

/*분양상품2*/
.p_02 .p_wrap {gap:12px;}
.p_02 .p_wrap.repeat3,
.p_02 .p_wrap.repeat4,
.p_02 .p_wrap.repeat5 {grid-template-columns:repeat(2, 1fr); }
.p_02 .p_wrap a {padding:15px 12px 15px 12px;}
.p_02 .p_wrap .text_wrap {margin-top:10px; padding-top:10px;}
.p_02 .p_wrap .scene {font-size:11px;}

/*분양상품3*/
.p_03 .td {padding:12px 12px 12px 12px;}
.p_03 .td .td3 {margin:5px 0 5px 0;}

/*분양파트너 상품1*/
.partner_01 .p_wrap {grid-template-columns:repeat(1, 1fr); gap:12px;}
.partner_01 .p_wrap a {gap:0 15px; padding:12px;}
.partner_01 .p_wrap figure {width:35%; padding-bottom:35%;}
.partner_01 .text_wrap {width:calc(65% - 20px)}
.partner_01 .category span {font-size:13px;}
.partner_01 h3 {margin:12px 0;}

/*분양파트너 상품2*/
.partner_02 .td .td3 {margin:5px 0;}

/*구인상품1*/
.j_01 .p_wrap { gap:12px;}
.j_01 .p_wrap.repeat3,
.j_01 .p_wrap.repeat4,
.j_01 .p_wrap.repeat5 {grid-template-columns:repeat(2, 1fr);}
.j_01 .p_wrap .text_wrap {padding:12px 12px 15px 12px;}
.j_01 .p_wrap .core {gap:2px;}
.j_01 .p_wrap .core li {font-size:11px; padding:4px 5px;}
.j_01 .p_wrap .core .core_03 {width:100%; font-size:12px;}
.j_01 .p_wrap .core .core_03 span {font-size:11px; padding:4px 5px;}
.j_01 .p_wrap h3 {margin-bottom:10px;}
.j_01 .p_wrap .sub_info {margin-bottom:10px;}

/*구인상품2*/
.j_02 .p_wrap {gap:12px;}
.j_02 .p_wrap.repeat3,
.j_02 .p_wrap.repeat4,
.j_02 .p_wrap.repeat5 {grid-template-columns:repeat(2, 1fr); }
.j_02 .p_wrap .text_wrap {padding:12px 12px 15px 12px;}
.j_02 .p_wrap .core li {font-size:11px;}
.j_02 .p_wrap .core .core_03 {width:100%; font-size:12px;}
.j_02 .p_wrap .core .core_03 span {font-size:11px;}
.j_02 .p_wrap h3 { height:48px; margin-bottom:10px;}
.j_02 .p_wrap h3 span {line-height:24px;}

/*구인상품3*/
.j_03 .p_wrap {gap:12px;}
.j_03 .p_wrap.repeat3,
.j_03 .p_wrap.repeat4,
.j_03 .p_wrap.repeat5 {grid-template-columns:repeat(2, 1fr); }
.j_03 .p_wrap>li>a {padding:15px 12px 15px 12px;}
.j_03 .p_wrap .category {font-size:12px;}
.j_03 .p_wrap h3 {height:48px;}
.j_03 .p_wrap h3 span {line-height:24px;}
.j_03 .p_wrap .salary {font-size:12px;}
.j_03 .p_wrap .salary .fee {font-size:12px;}
.j_03 .p_wrap .text_wrap {padding-top:10px; gap:10px;}

/*구직상품1*/
.r_01 .p_wrap {grid-template-columns:repeat(1, 1fr); gap:12px;}
.r_01 .p_wrap .career {font-size:13px;}
.r_01 .p_wrap h3 {height:auto;}
.r_01 .p_wrap h3 span {line-height:1.4;}
.r_01 .p_wrap li a {padding:12px;}
.r_01 .p_wrap dl dd {font-size:14px; margin-top:8px;}


/*메인뉴스*/
.main_news ul h3 {font-size:15px;}
.main_news .box1 {width:100%; margin-right:0; border-right:none; padding-right:0;}
.main_news .box1 h3 {padding:15px 15px 0 15px;}
.main_news .box1 h3 span {font-size:15px;}
.main_news .box2 {width:100%; border-top:1px solid #eeeeee; margin-top:20px;}
.main_news .box2 a {padding:15px 0; gap:0 15px;}
.main_news .box2 figure {order:1; }
.main_news .box2 h3 {order:2;}
.main_news .box3 {margin-top:0;}
.main_news .box3 li a {padding:15px 0;}

/*메인 동영상 소식*/
.main_video .list_wrap {gap:12px;}
.main_video .list_wrap li a {padding:10px;}
.main_video .list_wrap li h3 {font-size:15px;}
.main_video .list_wrap li figure {margin-bottom:10px;}

/*메인 게시판*/
.main_board .wrap_width {gap:30px;}
.main_board .title {margin-bottom:0; padding-bottom:10px;}
.main_board .boardlist {width:100%;}
.main_board .boardlist > ul h3 {font-size:15px;}
.main_board .boardlist > ul .day {width:80px; font-size:13px;}
.text_board > ul a {width:calc(100% - 80px - 20px);}
.phpto_board > ul {gap:20px 12px; padding:15px 0;}
.webzin_board > ul li a {gap:0 15px; padding:15px 0; }
.webzin_board > ul div p {font-size:13px;}

/*푸터*/
footer .b_wrap {padding:20px 0;}
footer .b_menu ul {padding:15px 0;}
footer .b_menu a {font-size:12px;}
footer .b_wrap .wrap_width {flex-wrap:wrap;}
footer .b_wrap .b_left {order:2; max-width:100%; width:100%; padding-top:20px; border-top:1px solid #eee;}
footer .b_wrap .b_left dd {font-size:13px;}
footer .b_wrap .b_right {order:1; width:100%}
footer .b_wrap .b_right dt {font-size:15px;}
footer .b_wrap .b_right .num {font-size:24px;}
footer .b_wrap .b_left dt {display:none; /*max-width:320px;*/}


/*커뮤니티*/
.commu colgroup col:nth-child(1) {width:10% !important; min-width:40px;}
.commu colgroup col:nth-child(3),
.commu colgroup col:nth-child(4),
.commu colgroup col:nth-child(5) {display:none;}
.commu .m_no {display:none !important;}
.commu .pc_no {display:flex !important; overflow:hidden; width:100%; margin-top:10px;}
.commu .pc_no li {color:#888; font-size:12px;}
.commu .pc_no li i {vertical-align:middle;}
.commu .pc_no li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.commu .pc_no li:last-child::after {display:none;}
.commu .con .boardlist h2 {font-size:16px;}
.commu .con .boardlist {width:100%;}
.commu .con .best_wrap {flex-wrap:wrap;}
.commu .con .best1 {width:100%; padding:15px;}
.commu .best .best_list {width:100%; border-top:1px solid #d8d8d8; padding:15px}
.commu .best .best_list a {font-size:14px;}
.commu .con .best_list span {width:18px; height:18px; font-size:12px;}
.commu .con .best_wrap .tit {font-size:15px; margin-bottom:15px; padding-bottom:15px;}
.commu .con .best1 .best1_con {font-size:13px;}
.commu .con .bestofbest {font-size:16px; padding:15px;}
.commu .con .page_title {flex-wrap:wrap; margin-bottom:15px;}
.commu .con .page_title h3 {font-size:16px;}
.commu .con .page_title select {height:30px; line-height:30px;}
.commu .con .page_title ul .wr_btn {width:70px; height:30px; line-height:30px;}
.commu .commu_search input[type="text"] {width:calc(100% - 100px - 10px - 50px);}
.commu .tab_menu {gap:5px; flex-wrap:nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; margin-bottom:10px;}
.commu .tab_menu li {border-radius:3px; border-left:1px solid #ddd;}
.commu .tab_menu li a {font-size:14px; padding:10px 20px;}

.commu .con .webzine_list a {flex-wrap:wrap;}
.commu .con .webzine_list p.img {width:90px; min-width:90px; height:62px;}
.commu .con .webzine_list .text_area {width:calc(100% - 90px - 15px)}
.commu .con .webzine_list .text_area .li_txt {font-size:13px; margin-top:5px; -webkit-line-clamp:1;}
.commu .con .img_list {margin-top:0;}
.commu .con .img_list ul {gap:15px;}
.commu .con .img_list ul li {width:calc((100% - 15px) / 2)}

.commu.view h3 {font-size:24px; margin:0 0 10px 0;}
.commu.view .cmt_view_info li {font-size:13px;}
.commu.view .cmt_view_fnc li {font-size:13px;}
.commu.view .cmt_view_bottom {margin-bottom:30px;}
.commu.view .cmt_view_bottom ul li a {font-size:13px;}
.commu.view .reply_con h3 {font-size:16px;}
.commu.view .reply_con .input_area ul li label {font-size:13px;}
.commu.view .reply_con input {width:100px;}
.commu.view .reply_con .text_area textarea {width:calc(100% - 70px - 6px);}
.commu.view .reply_con .text_area button {width:70px;}
}

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

}



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


}

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

}