/* 모든 스타일은 css 충돌방지를 위해 .index을 기준으로 작성 하시면 됩니다. 예) .index .box {} */
#content_wrap{float:none !Important}
.index{margin-top: 50px;}
.index-wrap{overflow:hidden;max-width:1300px;margin:0 auto;}
.index .banner_wrap.index-wrap{margin-top:50px;}
.top_ban .banner_wrap{margin-top:0 !Important}
.layout-right .banner_wrap{margin-top:20px}
.mb_top_ban{display:none;}
.banner_wrap img{width:100%;}
.banner_wrap .swiper-pagination span{background:#fff;width:10px;height:5px;border-radius:100px;}
.index .banner_wrap img{width:100%;border-radius:10px;}
.new-ticker{margin: 20px 0;}

.layout{display: flex;justify-content:space-between;}
.layout-left{width: 920px;}
.layout-right{width: 350px;}

.ol{margin:0 !important;}
/********* 추가 *********/
/* 공통 */
.more_tit{display:flex;justify-content:space-between;width:100%;}
.latest_more{color: #999;padding: 10px 20px;border-radius: 5px;font-weight: 400;font-size: 13px;display: flex;align-items: center; transition: all .5s;border: 1px solid #ccc;}
.latest_more:hover{background:#000;color:#fff;}
.latest_more b{font-size:14px !important;margin-left:15px;font-weight:400;}
.latest-basic-title{margin-bottom:20px;padding:0 !Important}
.latest-basic-title span{font-size:20px;display: flex;align-items: center;margin-right:6px;}
.latest-basic-title span img{height:19px;}
.latest-basic-title h2{display:flex;align-items:center;gap:0 4px;}
.latest-basic-title h2 div{display:flex;align-items:center}
.latest-basic-title h2 b{font-size:20px;gap:0 4px;font-weight:bold;display:flex;align-items:center}
.latest-basic-title h2 p{display: inline-block;margin-left: 11px;font-size: 14px;font-weight: 400;color: #999; position: relative;}

/* 레이아웃 하단 추가 */
.layout_bottom{margin-top:60px;}
.index_sec1{background:#f5f6f9;padding:60px 0}
.index_sec2{background:#f5f6f9;padding:60px 0;margin-top:60px;}
.intro_wrap{padding-top:60px;}
/* 커뮤니티 */
.community{display:flex;justify-content:space-between;}
.go_community{width:49%;}
/* 구인구직 */
.jobsearch_wrap{margin-top:60px;display:flex;justify-content:space-between;}
.job_box{width:48.5%;}

/* latest 반응형용 추가 */
.mb-new-latest, .mb-location_wrap_parent{display:none;}
@media screen and (max-width:768px){
  .index{margin-top:10px;}
  .index-wrap{width:90%}
  .index .banner_wrap.index-wrap{margin-top:25px;}
  .mb_top_ban{display:flex;justify-content:space-between;margin-top:15px}
  .mb_top_ban .banner_swiper4{width:48.5%;margin:0;}
  .mb_top_ban .banner_swiper4 img{width:100%}
  .mb_top_ban .banner_swiper4 .swiper-pagination span{background:#fff;width:3px;height:3px;}
  .layout-left{width:100%}
  .layout-right{display:none;}

  
  .index_sec1, .index_sec2{padding:45px 0}
  .index_sec2{margin-top:40px;}
  .go_community:last-child{margin-top:30px;}

  .location_wrap_parent{display:none;}
  .mb-location_wrap_parent{width:90%;margin:0 auto;display:block;}
  .jobsearch_wrap{flex-wrap:wrap}
  .job_box{width:100%;}
  .latest-basic-title{margin-bottom:16px;}
  .latest-basic-title h2{flex-wrap:wrap;}
  .latest-basic-title h2 div{flex-wrap:wrap;}
  .latest-basic-title h2 b{font-size:16px;font-weight:600;}
  .latest-basic-title span img{height:15px;}
  .latest-basic-title span {font-size: 15px;margin-right: 2px;}
  .latest-basic-title h2 p {margin-left:0px;margin-top:10px;font-size: 12px;width:100%;}
  .layout_bottom{margin-top:0;}
  .community{flex-wrap:wrap;}
  .go_community{width:100%;}
  .latest_more {padding: 6px 12px; font-size: 11px;font-weight:500;  margin-left: auto;margin-top: 5px;
}
  
}