/* Common */
.f_point {font-family: 'GmarketSans'; /*font-family: 'jalnan';*/}

.footer-top {padding: 35px 0; font-size: 0; background: #f7f7f7;}

.main-related {display: inline-block; vertical-align: top;}
.main-related-title {font-size: 22px; font-weight: bold; color: #2e2e2e;}
.main-related-body {margin-top: 15px;}
.main-organ {width: 70%;}
.main-related-body {}
.main-related-body .swiper-wrapper {align-items: center;}
.main-organ-slider {position: relative; padding: 0 30px;}
.main-organ-arrow {position: absolute; top: 0; width: 30px; height: 100%; font-size: 0; background-color: #f7f7f7; border: none; z-index: 3;}
.main-organ-prev {left: 0; background: #f7f7f7 url('../img/icon-arrow-prev01.png') no-repeat left center/9px 15px; text-align: left;}
.main-organ-next {right: 0; background: #f7f7f7 url('../img/icon-arrow-next01.png') no-repeat right center/9px 15px; text-align: right;}
.main-site {width: 30%; padding-left: 75px;}
.main-site-list {font-size: 0;}
.main-related-item {display: inline-block; vertical-align: middle; max-width: calc(50% - 30px);}
.main-related-item ~ .main-related-item {margin-left: 60px;}

/* Main */
#main {padding-bottom: 100px;}

.main-section1 {min-height: 704px; background: url('../img/main-visual01.png'); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.main-slogan {padding-top: 105px; color: #ffffff;}
.main-slogan-text1 {font-size: 40px; font-weight: bold;}
.main-slogan-text2 {margin-top: 10px; font-size: 50px; font-weight: 700; line-height: 1.2;}
.main-box {margin-top: 110px; font-size: 0;}
.main-box-link {position: relative; display: inline-block; vertical-align: top; width: calc((100% - 46px) / 4); min-height: 278px; padding: 35px 40px 120px; background-color: #e0402a; border-radius: 30px 0 0 30px;}
.main-box-link:nth-child(even) {background-color: #c8260f; border-radius: 0 30px 30px 0;}
.main-box-link2 {margin-right: 23px;}
.main-box-link3 {margin-left: 23px;}
.main-box-link::after {content:""; width: 92px; height: 74px; position: absolute; right: 45px; bottom: 45px; background-repeat: no-repeat; background-position: bottom right; background-size: contain;}
.main-box-link1::after {background-image: url('../img/main-icon-link01.png');}
.main-box-link2::after {background-image: url('../img/main-icon-link02.png');}
.main-box-link3::after {background-image: url('../img/main-icon-link03.png');}
.main-box-link4::after {background-image: url('../img/main-icon-link04.png');}
.main-box-inner {}
.main-box-head {display: flex; align-items: center; width: 100%; font-size: 0;}
.main-box-title {width: auto; font-size: 26px; font-weight: bold; color: #fff;}
.main-box-bar {flex: 1; width: 100%; padding-left: 13px; text-align: right;}
.main-box-bar span {display: block; width: 100%; height: 6px; border-radius: 3px; background: rgba(255,255,255,0.28);}
.main-box-text {margin-top: 10px; font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.8);}

/*
.main-section2 {margin-top: 70px;}
.main-board-pop-wr {}
.main-board-pop-wr > * {vertical-align: top;}
.main-board-pop-left {width: calc(100% - 468px); padding-right: 79px;}
.main-board-pop-right {width: 468px;}
.main-board {}
.main-board-box {font-size: 0; padding-left: 269px; position: relative;}
.main-board-head {position: absolute; top: 0; left: 0;}
.main-board-title {display: inline-block; vertical-align: middle; width: calc(100% - 120px); font-size: 26px; font-weight: 500; color: #2e2e2e;}
.main-board-more {position: relative; display: inline-block; vertical-align: middle; min-width: 120px; padding-right: 53px; font-size: 18px; font-weight: 400; color: #333; line-height: 2; text-align: right;}
.main-board-more::after {content:""; position: absolute; right: 0; top: 50%; width: 37px; height: 37px; margin-top: -18.5px; border-radius: 50%; border: 1px solid #cccccc; background: #fcfcfc url('../img/icon-plus.png') no-repeat center center;}
.main-board-body {}
.main-board-list {border-top: 1px solid #ccc;}
.main-board-item {padding: 16px 5px 16px 2px; border-bottom: 1px solid #ccc;}
.main-board-link {position: relative; display: block; padding-left: 17px; font-size: 0;}
.main-board-link::before {content:""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #ad3524; border-radius: 50%;}
.main-board-subject {display: inline-block; vertical-align: middle; width: calc(100% - 120px); padding-right: 20px; font-size: 18px; font-weight: 600; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-board-date {display: inline-block; vertical-align: middle; width: 120px; font-size: 16px; font-weight: 500; color: #999; text-align: right;}
*/
.main-cont {
  padding: 80px 0px 0;
  background: url(../img/board-bg.png) no-repeat center 80px;
}
.main-cont .main-board {}
.main-cont .main-board .mb-left {
  display: inline-block;
  width: 236px;
  float: left;
}
.main-cont .main-board::after {
  content:'';
  display:block;
  clear:both;
}
.main-cont .main-board .mb-left strong {
  display: block;
  text-align: right;
  font-size: 26px;
  font-weight: 800;
}
.main-cont .main-board .mb-left span {
  display: block;
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
}
.main-cont .main-board .mb-left .board-tab {}
.main-cont .main-board .mb-left .board-tab ul {}
.main-cont .main-board .mb-left .board-tab ul li {margin-bottom: 7px;}
.main-cont .main-board .mb-left .board-tab ul li .a-tab{
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding: 25px 40px 25px 30px;
  background: #f3f3f3;
  display: block;
  line-height: 1;
  border-radius: 30px 0px 30px 0px;
  cursor: pointer;
  position: relative;
}
.main-cont .main-board .mb-left .board-tab ul li .a-tab > * {
  display: inline-block; vertical-align: middle;
}
.main-cont .main-board .mb-left .board-tab ul li .a-tab a { 
  display: none; 
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0,-50%);
}
.main-cont .main-board .mb-left .board-tab ul li .a-tab.active {
  background-color: #e2190f;
  color:#fff;
  position:relative;
  z-index:1;
}
.main-cont .main-board .mb-left .board-tab ul li .a-tab.active a { 
  display: inline-block; 
}

.main-cont .main-board .mb-mid {
  width: calc(100% - 783px);
  display: inline-block;
  vertical-align: top;
  padding-left: 33px;
  float: left;
}
.main-cont .main-board .mb-mid .board-tab-cont {
  display:none;
}
.main-cont .main-board .mb-mid .board-tab-cont.active {
  display:block;
}
.main-cont .main-board .mb-mid .fst-list {
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: 24px 30px;
  border-radius: 10px;
  display:block;
}
.main-cont .main-board .mb-mid .fst-list .fst-list-lt {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
}
.main-cont .main-board .mb-mid .fst-list .fst-list-lt p {}
.main-cont .main-board .mb-mid .fst-list .fst-list-lt p em  {
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  display: block;
}
.main-cont .main-board .mb-mid .fst-list .fst-list-lt p span  {
  font-size: 16px;
  display: block;
  font-weight: 600;
  text-align: center;
}
.main-cont .main-board .mb-mid .fst-list .fst-list-rt {
  display: inline-block;
  width: 79%;
  vertical-align: middle;
}
.main-cont .main-board .mb-mid .fst-list .fst-list-rt p  {}
.main-cont .main-board .mb-mid .fst-list .fst-list-rt p strong  {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
}
.main-cont .main-board .mb-mid .fst-list .fst-list-rt p span  {
  display: block;
  width: 100%;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-cont .main-board .mb-mid .main-board-list  {}
.main-cont .main-board .mb-mid .main-board-list ul  {
}
.main-cont .main-board .mb-mid .main-board-list ul li  {
  border-bottom: 1px solid #ccc;
  padding: 22px 0px;
  padding-left:20px;
  position:relative;
}
.main-cont .main-board .mb-mid .main-board-list ul li::before {
  content:'';
  display:block;
  width:5px;
  height:5px;
  background:#ad3524;
  border-radius:50%;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.main-cont .main-board .mb-mid .main-board-list ul li a {
  display:block;
  width:100%;
}
.main-cont .main-board .mb-mid .main-board-list ul li a::after {
  content:'';
  display:block;
  clear:both;
}
.main-cont .main-board .mb-mid .main-board-list ul li a em  {
  float:left;
  font-size:16px;
  padding-right:10px;
  margin-right:10px;
  border-right:2px solid #333;
  line-height:1;
  font-weight:500;
  font-style:normal;
  
}
.main-cont .main-board .mb-mid .main-board-list ul li a p {
  float:left;
  font-size:16px;
  font-weight:500;
  width:calc(100% - 100px);
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.main-cont .main-board .mb-mid .main-board-list ul li a .date {
  color:#999999;
  font-size:16px;
  line-height:1;
  float:right;
}

.main-cont .main-board .mb-right {
  display: inline-block;
  width: 468px;
  vertical-align: top;
  margin-left: 79px;
  position: relative;
  float: left;
}
.main-cont .main-board .mb-right .main-banner {
  position:relative;
}
.main-cont .main-board .mb-right .main-banner .swiper-slide img {
  overflow:hidden;
  border-radius:20px;
  width: 100%;
}
.main-cont .main-board .mb-right .banner-btns {
  position:absolute;
  top: 30px;
  display:inline-block;
  z-index:1;
  right: 30px;
}
.main-cont .main-board .mb-right .banner-btns .banner-button-next {
  width: 35px;
  height: 36px;
  background: url(../img/banner-right.png) no-repeat center center;
  display: inline-block;
  text-indent: -9999px;
  cursor:pointer;
  vertical-align: top;
}
.main-cont .main-board .mb-right .banner-btns .banner-button-pause {
  width: 35px;
  height: 36px;
  background: url(../img/banner-stop.png) no-repeat center center;
  display: inline-block;
  text-indent: -9999px;
  cursor:pointer;
  vertical-align: top;
  margin:0px 3px;
}
.main-cont .main-board .mb-right .banner-btns .banner-button-play {
  width: 35px;
  height: 36px;
  margin:0px 3px;
  background: url(../img/banner-play.png) no-repeat center center;
  display: inline-block;
  text-indent: -9999px;
  cursor:pointer;
  display:none;
  vertical-align: top;
}
.main-cont .main-board .mb-right .banner-btns .banner-button-prev  {
  width: 35px;
  height: 36px;
  cursor:pointer;
  background: url(../img/banner-left.png) no-repeat center center;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: top;
}

.main_more_wr {padding-top: 8px;}
.main_more_wr:after {content: ""; display: table; clear: both;}
.main_more_btn {display: block; float: right; width: 110px; max-width: 100%; height: 40px; line-height: 34px; padding-left: 20px; border: 3px solid #eb1e1e; border-radius: 100px; font-size: 14px; font-weight: 600; color: #eb1e1e; background: url('../img/btn_more.png') no-repeat center right 12px/13px auto, #fff; transition: 0.3s;}
.main_more_btn:hover {width: 100%;}

/* Sub */
.sub-visual_1 {background: url('../img/sub-visual1.jpg') no-repeat center center/cover;}
.sub-visual_2 {background: url('../img/sub-visual1.jpg') no-repeat center center/cover;}
.sub-visual_3 {background: url('../img/sub-visual1.jpg') no-repeat center center/cover;}
.sub-visual_4 {background: url('../img/sub-visual1.jpg') no-repeat center center/cover;}

.cont-box-sos {position: relative; padding-top: 52px; padding-right: 180px; padding-bottom: 55px; padding-left: 50px;}
.cont-box-sos::after {position: absolute; right: 75px; top: 50%; width: 75px; height: 77px; transform: translateY(-50%); background: url('../img/icon-callcenter.png') no-repeat center center/cover; content:"";}
.cont-box-sos .txt {font-size: 17px; font-weight: 500;}
.cont-box-sos .title {margin-bottom: 5px; font-size: 30px; font-weight: 600; color: #303030;}

/* 기업컨설팅안내 */
.step-list.i-col-4 .step-content {padding: 50px 30px 30px;}
.step-list.i-col-4 .step-head {top: -40px;}
.step-title {font-size: 20px; font-weight: bold; color: #303030;}
.step-text {font-size: 17px; font-weight: bold; color: #666666;}

/* 기업애로상담 */
.txt-check-box > * {display: inline-block; vertical-align: middle;}
.txt-check-box .txt {padding-right: 15px; padding-bottom: 0;}

.board-agree-wrap {margin-top: 30px;}
.board-agree-wrap .cont-box textarea {height: 120px; line-height: 1.5;}
.board-agree-wrap .term-check-wr {padding-top: 10px;}

/* 시ㆍ군별 기업현황 */
.board-top.vertical {padding-bottom: 25px;}
.board-top.vertical .board-top-right {width: 100%; margin-top: 10px;}
.board-top.vertical .board-srch-box {display: block;}
.board-top.vertical .board-srch-inv {overflow: hidden;}
.board-top.vertical .board-srch-item {float: left;}
.board-top.vertical .board-srch-item:last-child {float: right;}

