@charset "utf-8";

/* sub content */
/* .sub-content {padding-top: 7.75rem;} */

.header {
  margin-bottom: 0;
}

.topImg {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.topImg.s1-1 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg1-1.jpg');
}
.topImg.s1-2 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg1-2.jpg');
}
.topImg.s1-3 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg1-3.jpg');
}
.topImg.s1-4 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg1-4.jpg');
}
.topImg.s1-7{
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg1-7.jpg');
}
.topImg.s2-1 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg2-1.jpg');
}
.topImg.s2-2 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg2-2.jpg');
}
.topImg.s2-3 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg2-3.jpg');
}
.topImg.s2-4 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg2-4.jpg');
}
.topImg.s2-5 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg2-5.jpg');
}
.topImg.s2-6 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg2-6.jpg');
}
.topImg.s2-7 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg2-7.jpg');
}
.topImg.s3-1 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg3-1.jpg');
}
.topImg.s3-2 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg3-2.jpg');
}
.topImg.s3-3 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg3-3.jpg');
}
.topImg.s3-4 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg3-4.jpg');
}
.topImg.s4-1 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg4-1.jpg');
}
.topImg.s4-2 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg4-2.jpg');
}
.topImg.s4-3 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg4-3.jpg');
}
.topImg.s4-4 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg4-4.jpg');
}
.topImg.s4-5 {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg4-5.jpg');
}
.topImg.slist {
  background-image: url('/images/user/webjin/assets/images/202405/sub/topImg-list.jpg');
}

.topImg .menu-title {
  color: #fff;
  font-size: 38px;
  font-family: 'S-CoreDream-6Bold';
  line-height: 100%;
  text-transform:uppercase;
}



.sub-wrap {
  position: relative;

}
.sub-head {
  margin-bottom: 40px;
  text-align: center;
  margin: 50px auto;
  max-width: 1200px;
}
.sub-head .sub-head-label {
  display: inline-block;
  padding: 8px 35px;
  margin-bottom: 15px;
  background-color: #8aba86;
  font-family: 'S-CoreDream-6Bold';
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 100%;
  border-radius: 50px;
}
.sub-head .sub-head-title {
  margin-bottom: 20px;
  font-size: 22px;
  font-family: 'S-CoreDream-3Light';
  line-height: 36px;
  word-break: keep-all;
}
.sub-head .sub-head-title span{
  font-family: 'S-CoreDream-6Bold';
  font-size: 26px;
}
.sub-head .sub-head-box {
  padding: 30px;
  border: 1px solid #e3e3e3;
  background-color: #f6f6f6;
}
.sub-head .sub-head-box .lead {
  font-size: 16px;
  line-height: 26px;
  word-break: keep-all;
}
.sub-head .sub-head-box .lead + figure {
  margin-top: 20px;
}
.sub-head .sub-head-box .source {
  margin-top: 20px;
}
.sub-head .sub-head-box .source strong {
  font-family: 'S-CoreDream-6Bold';
}
.sub-head .sub-head-box .lead + .source {
  margin-top: 30px;
}
.sub-head .sub-head-box .source:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 17px;
  height: 14px;
  background: url('/images/user/webjin/assets/images/202405/sub/icon-source.png') no-repeat;
}
.sub-body .container{
  margin: 50px auto;
  max-width: 1200px;
}
.sub-cont {
  margin-bottom: 50px;
}

/* 이미지 스타일 */
.img-wrap {
  margin: 20px 0;
  text-align: center;
}
.img-wrap.m0 {
  margin-top: 0;
  margin-bottom: 0;
}

.img-wrap.mt0 {
  margin-top: 0;
}
.img-wrap.mb0 {
  margin-bottom: 0;
}

figure .caption {
  margin-top: 8px;
  font-size: 14px;
  color: #222;
  text-align: center;
  line-height: 22px;
  word-break: keep-all;
}
/* .img-wrap figure {
  margin-bottom: 20px;
} */

/* 텍스트 스타일 */
.txt-wrap {
  margin: 20px 0;
}
.txt-wrap.m0 {
  margin: 0;
}
.txt-wrap.mt0 {
  margin-top: 0;
}
.txt-wrap.mb0 {
  margin-bottom: 0;
}
.txt-wrap .txt-title {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 26px;
  font-family: 'S-CoreDream-6Bold';
}
.txt-wrap .txt-text {
  font-size: 16px;
  line-height: 26px;
}
.txt-wrap .txt-title .titcon{
  width:35px
}
.txt-wrap .txt-text + .txt-title,
.txt-wrap .txt-text + .txt-text {
  margin-top: 20px;
}

.point-text {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  font-family: 'Noto Serif KR', serif
}

.point-text.mark {
  position: relative;
  padding: 40px 0;
  margin: 20px 0;
  height: auto;
}
.point-text.mark:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 28px;
  height: 25px;
  background: url('/images/user/webjin/assets/images/202405/sub/icon-mark.png') no-repeat;
  background-size: 100% auto;
  transform: translateX(-50%);
}
.point-text.mark:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 28px;
  height: 25px;
  background: url('/images/user/webjin/assets/images/202405/sub/icon-mark.png') no-repeat;
  background-size: 100% auto;
  transform: translateX(-50%) rotate(180deg);
}

/*list*/
.list-wrap ul{
  background: #f4f4f4;
  padding:40px 0;
  display: flex;
}
.list-wrap .year{
  clear: both;
  margin-top:50px
}
.list-wrap .vol{
  padding:5px 30px;
  border-radius: 30px;
  background: #fff;
  display: inline-block;
  margin-top:10px;
  font-weight: bold;
}
.list-wrap ul li{
  width:25%;
}
@media all and (max-width:768px){
  .list-wrap ul{display: block;}
  .list-wrap ul li{
    width:100%;
    margin-top:40px
  }
  .list-wrap ul li:first-of-type{
    margin-top:0
  }
}
/*  ======================================= PC 서브페이지 스타일 ==============================================  */
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}

.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}

.tac{text-align:center!important;}

/*  ======================================= // PC 서브페이지 스타일 ==============================================  */

/* 페이지 이동 */
.page-move {
	padding-top: 1.875rem;
	text-align: center;
}

.page-move a {
  position: relative;
	display: inline-block;
	font-size: 0.875rem;
	font-family: 'S-CoreDream-4Regular';
	color: #000;
	background-color: #fff;
	padding: 0.625rem 0.938rem;
	margin: 0.313rem;
	border: 1px solid #ccc;
	transition: 100ms ease-in;
	-webkit-transition: 100ms ease-in;
	-moz-transition: 100ms ease-in;
	-o-transition: 100ms ease-in;
	-ms-transition: 100ms ease-in;
}

.page-move .page-prev:before {
  content: "\e93d";
  font-family: xeicon;
  margin-right: 0.625rem;
}

.page-move .page-next:after {
  content: "\e940";
  font-family: xeicon;
  margin-left: 0.625rem;
}

.page-move a:hover,
.page-move a:active,
.page-move a:focus {
	background-color: #363c83;
	color: #fff;
	border: 1px solid #363c83;
}

/* common */

.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.ltsp_1 {letter-spacing: -0.025em;}
.fz-20 {font-size: 1.25rem !important;}

/*textborderbottom*/
.tb0{border-bottom:1px solid #1e7fb8;padding-top: 3px}
.tb1{border-bottom:3px solid #7ac0e9;}


.underline{text-decoration: underline;}

/*textweitght*/
.fw-600{font-weight: 600}

.pc-n{display: none}

@media all and (max-width:1220px) {
  .sub-wrap .sub-head {
    padding: 0 15px;
  }

  .quiz-wrap .question-box {
    margin-left: 15px;
    margin-right: 15px;
  }
  .remove-mt0{margin-top:0px !important}
  .remove-mt20{margin-top:20px !important}

  .md-mb {
    margin-bottom: 15px !important;
  }

  .mo-n{
    display: none
  }
  .pc-n{display: block}
}

@media all and (max-width: 1024px) {

}

@media all and (max-width:960px) {

  .topImg {
    height: 200px;
  }
  .topImg .menu-title {
    font-size: 30px;
  }

  .quiz-wrap .question-box .question .info1,
  .quiz-wrap .question-box .question .info2 {
    margin: 5px 0;
  }
  .quiz-wrap .question-box .question .hint {
    margin-bottom: 15px;
  }




}


@media all and (max-width:768px) {
    .row .column{width: 100%!important;}
  .topImg {
    height: 110px;
  }
  .topImg .menu-title {
    font-size: 24px;
  }
  .sub-wrap {
    margin: 30px auto 0px auto;
  }
  .sub-head {
    margin-bottom: 25px;
  }
  .sub-head .sub-head-label {
    font-size: 16px;
  }
  .sub-head .sub-head-title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
  }
  .sub-head .sub-head-title span {
    font-size: 22px;
  }
  .sub-head .sub-head-box {
    padding: 15px;
  }
  .sub-head .sub-head-box .lead {
    font-size: 14px;
    line-height: 24px;
  }
  .sub-head .sub-head-box .source {
    font-size: 12px;
  }
  .sub-head .sub-head-box .lead + .source {
    margin-top: 15px;
  }
  .sub-head .sub-head-box .source:before {
    vertical-align: -2px;
  }

  .txt-wrap .txt-title {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .txt-wrap .txt-text + .txt-title,
  .txt-wrap .txt-text + .txt-text {
    margin-top: 15px;
  }
  .txt-wrap .txt-text {
    font-size: 14px;
  }

  .txt-wrap,
  .img-wrap {
    margin: 10px 0;
  }
  .re-w100{
    width:100% !important
  }
  .re-block{display: block !important;}
  .re-mt20{margin-top:20px}
  figure .caption {
    margin-top: 4px;
    font-size: 12px;
  }
  .box_wrap .row .column:first-of-type{
    width:100%!important;float:none
  }
  .box_wrap .row .column40{
    width:100%!important;
  }
  .mo{
    display: none
  }
  .re-tac{text-align: center !important;}
  .re-mt40{margin-top: 40px}

  /*  */
  .theme-story .card-wrap {
    padding: 25px 15px 15px;
  }
  .theme-story .card-wrap .card-category {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .theme-story .card-wrap .card-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .theme-story .card-wrap .card-title .big {
    font-size: 32px;
  }
  .theme-story .card-wrap .card-text {
    font-size: 14px;
  }

  .history-box .title {
    font-size: 24px;
  }
  .s1-1 .box_wrap .flex .txt-text{
    margin-left: 30px
  }


  /*  */
  .notice-card-slider .swiper-button-next,
  .notice-card-slider .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  .notice-card-slider .swiper-button-prev:before,
  .notice-card-slider .swiper-button-next:after {
    font-size: 50px;
  }

  /* 독자퀴즈 */

  .quiz-wrap .question-box .question .q,
  .quiz-wrap .question-box .question .a {
    width: 35px;
    height: 35px;
    font-size: 20px;
    line-height: 35px;
  }
  .quiz-wrap .question-box .question .info1,
  .quiz-wrap .question-box .question .info2 {
    font-size: 16px;
    line-height: 24px;
  }
  .quiz-wrap .question-box .question .hint {
    font-size: 14px;
  }
  .quiz-wrap .quiz-btn a {
    padding: 10px 30px 8px;
    font-size: 16px;
  }
  .quiz-wrap .quiz-checkbox {
  }
  .quiz-wrap .quiz-checkbox .check {
    font-size: 14px;
    padding-left: 20px;
    line-height: 24px;
    word-break: keep-all;
  }
  .quiz-wrap .quiz-checkbox .check:before {
    top: 4px;
    width: 15px;
    height: 14px;
    background-size: 100% auto;
  }


  .point-text {
    font-size: 18px;
  }

  .page-move a {
  	font-size: 12px;
  }
/*
  .txt-wrap {margin: 1.429rem 0;}
  .img-wrap {margin: 1.429rem 0;}
  .img-wrap figure {
    margin-bottom: 1.429rem;
	}
  .img-wrap figure:last-child {
		margin-bottom: 0;
	}
  .news-list .notice .label {
    padding: 0.5rem 1.429rem;
  } */


}
@media all and (max-width:460px) {
  .s3-1 .text{
    font-size: 18px!important
  }
  .quiz-wrap .quiz-box{
    width:100% !important
  }
}

/*sub추가*/
.txt-wrap .txt-title .titcon{
  width:35px
}

/*  테마스토리 */
.theme-story .story-box {
  height: 100%;
  padding-bottom: 20px;
}
.theme-story .card-wrap {
  overflow: hidden;
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 30px;
  background-color: #f3f3f3;
  border-radius: 4px;
}
.theme-story .card-wrap:before {
  content: '';

  position: absolute;
  top: -6px;
  left: 50%;
  width: 94%;
  height: 20px;
  background-color: #000;
  border-radius: 8px;
  transform: translateX(-50%);

}
.theme-story .card-wrap .card-category {
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
  font-family: 'S-CoreDream-6Bold';
  font-size: 20px;
}
.theme-story .card-wrap .card-title {
  margin-bottom: 30px;
  font-size: 30px;
  font-family: 'S-CoreDream-6Bold';
}
.theme-story .card-wrap .card-title .big {
  font-size: 60px;
}
.theme-story .card-wrap .card-text {
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  word-break: keep-all;
}

/* 소방발자취 */
.history-box:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 3px solid #595a5a;
}
.history-box .title {
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 30px;
  font-family: 'S-CoreDream-6Bold';
}

/* 시민기자단 기고 */
.notice-card-slider {
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
  text-align: center;
}

.notice-card-slider .swiper-button-prev,
.notice-card-slider .swiper-button-next {
  background-image: none;
}
.notice-card-slider .swiper-button-next, .notice-card-slider .swiper-button-prev {
  width: 100px;
  height: 100px;
  margin-top: -50px;
  background: none;

}
.notice-card-slider .swiper-button-prev:before  {
  content: "\e93b";
  color: #363c83;
  font-size: 100px;
  font-family: xeicon;
}
.notice-card-slider .swiper-button-next:after  {
  content: "\e93e";
  color: #363c83;
  font-size: 100px;
  font-family: xeicon;
}

.notice-card-slider .swiper-pagination-bullet-active {
  background: #363c83;
}

/* 독자 퀴즈 */
.quiz-wrap .question-box {
  margin-bottom: 20px;
  background-color: #fffbd1;
}
.quiz-wrap .question-box .question {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  padding: 20px 0;
}
.quiz-wrap .question-box .question .q {
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 28px;
  font-family: 'S-CoreDream-6Bold';
  text-transform: uppercase;
  background-color: #f4b4d0;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
}
.quiz-wrap .question-box .question .info1,
.quiz-wrap .question-box .question .info2 {
  font-size: 20px;
  line-height: 30px;
  font-family: 'S-CoreDream-6Bold';
  word-break: keep-all;
}
.quiz-wrap .question-box .question .hint {
  font-style: italic;
}
.quiz-wrap .question-box .question .a {
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 28px;
  font-family: 'S-CoreDream-6Bold';
  text-transform: uppercase;
  background-color: #9ed8f6;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
}

.quiz-wrap .quiz-btn {
  position: relative;
    margin-bottom: 20px;
  text-align: center;
}
.quiz-wrap .quiz-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;

  background-color: #de4140;
  z-index: -1;

}
.quiz-wrap .quiz-btn a {
  display: inline-block;
  padding: 10px 80px;
  background-color: #de4140;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  font-size: 20px;
}

.quiz-wrap .quiz-checkbox {
  padding: 15px 30px;
  margin-bottom: 20px;
  background-color: #f3f3f3;
}
.quiz-wrap .quiz-checkbox .check {
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
  line-height: 26px;
}
.quiz-wrap .quiz-checkbox .check:last-child {
  margin-bottom: 0;
}
.quiz-wrap .quiz-checkbox .check:before {
  content: '';
  left: 0;
  top: -2px;
  position: absolute;
  width: 29px;
  height: 25px;
  background: url('/images/user/webjin/assets/images/202405/sub/icon-quiz.png') no-repeat;
}/*daily safety*/
.ccolor-gray {color: #666}

.s1-1 .txt-wrap .txt-title span{
  font-size:40px;
  font-weight: bold;

}
.s1-1 .txt-wrap .txt-tit{
  font-weight: bold;
  font-size: 20px
}
.s1-1 .txt-wrap .txt-tit{
  font-weight: bold;
  font-size: 20px
}
.s1-1 .txt-wrap .style1{
  color:#fff;
  border-radius: 30px;
  padding:10px 30px;
  background: #83949c
}
.s1-1 .txt-wrap .style2{
  color:#fff;
  border-radius: 30px;
  padding:10px 30px;
  background: #8393ca;
  margin-left: 30px
}
.s1-1 .title-flex figure{
  float: left;
}
.s1-1 .title-flex .txt-tit{
  float: left;
  display: block;
}
.s1-1 .title-flex .txt-text{
  clear: both;
}
.s1-1 .title-flex .txt-text span{
  color:#0863a9;
  border-bottom: 1px solid #0863a9
}
.box_wrap .flex{
  display: flex;
  justify-content: left;
  align-items: center;
  margin-top:10px;
  margin-bottom: 10px
}
.box_wrap .flex figure{float: left
}
.box_wrap .flex .txt-text{
  margin-left:10px; width:92%
}
.box_wrap .box2{
  background: #f4f5f6;
  padding:40px;
  margin: 0 auto;
  border-radius: 30px;
  margin-top:20px
}
.box_wrap .box2 .box_tit{
  color:#83949c;
  font-weight: normal;
  font-size: 30px
}
.box_wrap .box2 .check{
  background: #83949c;
  color:#Fff;
  padding:5px 15px;
  border-radius: 30px;
  display: inline-block;
}
.box_wrap .row .column:first-of-type{
  width:60%;float:left
}
.box_wrap .row .column40{
  width:40%;
}
/*sub1-2*/

.s1_2 .qu .ccolor1-2.top {width: fit-content; margin: 0 auto;
    border-top: 2px solid #45a97f; padding-top: 15px;}
.ccolor1-2{color:#45a97f !important;}



/*1-3*/

.ccolor1-3{color: #45a97f !important;}

.s1_3 .cont_box { background-color: #e5f1e7; padding-bottom: 60px; margin:40px 0 100px 0 !important;}
.s1_3 .box{ max-width: 1000px; margin: 0 auto; padding:40px 0px}
.s1_3 .box .round{background:#58b381;border-radius: 15px; color: white;
padding: 10px 0;}

.s1_3  .ccolor-yr{background: #fff3ac; }

@media all and (max-width:768px){
    .s1_3 .container {padding: 0px;}
   

    .s1_3 .container [class^='col-'] {
        margin-left: 5px;
        margin-right: 5px;
      }

    .s1_3 .box2{ margin: 15px !important; }

  }

/*1-4*/

.small{font-size: 22px;  font-family: 'S-CoreDream-3Light'!important;}

.s1_4 .mini-txt{color: #45a97f;line-height: 2rem; text-align: center !important; margin-bottom: 20px;}
.s1_4 .txt-text{text-align: justify;word-break: break-all;}
.s1_4 .flexs{display: flex; justify-content: center!important; padding: 0 10px;}
.s1_4 .flexs>:nth-child(1){margin-right: 20px; }



.s1_7 .round{background:#58b381;border-radius: 20px; color: white;
    padding: 5px 20px; width: fit-content; margin: 0 !important;}
/*s2-1*/

.s2_1 .box{
  padding: 20px 40px;
  background: #e4e7e0;
}
.s2_1 .box .box_tit{
  font-size: 24px;
  font-weight: bold;
  color:#32764b;
  text-align: center;
}
.s2_1 .box2{
  padding: 20px 40px;
  background: #fdefdd;
}
.s2_1 .box2 .box_tit{
  font-size: 24px;
  font-weight: bold;
  color:#ed8c00;
  text-align: center;
}
.s2_1 .mark{
  background-color: #fff6d4;
  color:#4661ac
}
.s2_1 .mark2{
  background-color: #fff6d4;
  color:#52b287
}
.s2_1 .flex{
  display: flex;align-items: center;
  justify-content: left
}
.s2_1 .num{
  width:40px; height: 40px; background: #52b287; color: #Fff;
  display: flex; justify-content: center; align-items: center; border-radius: 50px
}
.s2_1 .num_tit{
  color:#52b287; margin-left: 10px; border-radius: 30px; border:1px solid #52b287;
  padding:5px 15px
}
.s2_1 .img_tit{
  background:#4661ac; color:#fff;  border-radius: 30px; border:1px solid #4661ac;display: inline-block;text-align: center; margin: 0 auto;
  padding:5px 15px
}
.s2_1 .bb1{border-bottom:2px solid #32764b}
.s2_1 .circle_tit{background: #32764b; padding:10px 30px; border-radius: 30px; display: inline-block;margin:0 auto; color:#Fff; font-weight: bold;}
.s2_1 .col_5:last-of-type{clear:none}
/*리콜알리미*/
.s2-2 .txt-wrap .txt-stit{
  color:#458c45;
  font-weight: bold;
}
.s2-2 .table-wrap tr td{
  padding:10px;
  line-height: 25px;
  border-top:1px solid #da5c75
}
.s2-2 .table-wrap tr:first-of-type td{
  border-top:0 !important
}
.s2-2 .table-wrap tr td:first-of-type{
  background: #fce9e8;
  color:#da5c75;
  border-bottom:1px solid #fff !important;

  text-align:center
}
.s2-2 .table-wrap2 table tr th{
  background: #f5b5ba;
  color:#fff;
  padding:10px;
  border-right:1px solid #fff
}
.s2-2 .table-wrap2 table tr td{
  padding:10px;
  border-bottom:1px solid #ddd;
  text-align: center;
}
.s2-2 .table-wrap2 .right{color:#999; float:right}

.s2-2 .table-wrap3 table tr th{
  background: #90a458;
  color:#fff;
  padding:10px;
  border-right:1px solid #fff
}
.s2-2 .table-wrap3 table tr td{
  padding:10px;
  border-bottom:1px solid #ddd;
  text-align: center;
}
.s2-2 .txt-wrap .txt-title.title2 span{
  border-top: 2px solid #90a458;
  color:#90a458;
}

/*리콜 now*/
.s2-3 .txt-wrap .txt-stit{font-weight: bold;display: block;}


/*global safety*/
.s2-4 .txt-wrap .txt-title span{
  border-top: 2px solid #7f70b1
}
.s2-4 .table-wrap table{
  width:50%;
  margin:0 auto
}
.s2-4 .table-wrap tr th{
  background:#7f70b1;
  color:#fff;
  padding:10px 0
}
.s2-4 .table-wrap tr td{
  text-align:center;
  border-bottom:1px solid #7f70b1;
  padding:10px 0
}

/*트렌드포커스*/
.s2-4 .ccolor2-5{
  border-bottom: 3px solid #3288c9;
  display: inline-block;
}
.s2-4 .flex{ display: flex; width:80%; margin:0 auto; justify-content: space-between;}
.s2-4 .flex .col_3{width: 30%}
/*칼럼버스*/
.s3-1 .box1{
  background: #f5c4bc;
  border-radius: 30px;
  padding: 20px;


}
.s3-1 .box2{
  border:1px solid #7c8486;
  border-radius: 30px;
  padding: 20px;

}
.s3-1 .box3{
  background: #fbd3a0;
  border-radius: 30px;
  padding: 20px;


}
.s3-1 .ac{display: flex; align-items: center}
/*zoomin*/
.s3-2 .txt-wrap .txt-title span{
  border-top: 2px solid #90ca8b
}
.s3-2 .table-wrap table{
  margin:0 auto
}
.s3-2 .table-wrap tr th{
  background:#90ca8b;
  color:#fff;
  padding:10px 0
}
.s3-2 .table-wrap tr th:first-of-type{
  border-right:1px solid #fff;
}
.s3-2 .table-wrap tr td{
  text-align:center;
  border-bottom:1px solid #90ca8b;
  padding:10px 0
}
.s3-2 .table-wrap tr td:first-of-type{
  border-right:1px solid #90ca8b;
}
.s3-3 .txt-title{
  border-top:3px solid #333;
  display: inline-block;
}
/*정책브리핑*/
.s3-4 .box{
  background: #cfdaa9;
  margin:0 auto;
  border-radius: 20px;
  padding:20px
}
.s3-4 mark{
  background: #dbe3bd;
  margin-left:10px
}
.s3-4 .bb1{border-bottom: 1px dotted #e58ea7}
.s3-4 .br1{border-right: 1px dashed #87b3d0}
.s3-4 .s3-4-tit{
  background: #145d9c;
  padding:10px 15px;
  color:#FFF;
  margin:0 auto;
  display: inline-block;
  border-radius: 30px

}
/*lifezone*/
.s4-1 .txt-wrap .txt-title span{
  border-top: 2px solid #f39800
}


.s4-4 .sentence{ color:#30529b; text-align: center; font-size: 24px;}
.s4-4 .tab_box_wrap .tab1{
  background: #d9eaf5;
padding: 10px 30px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;

font-size: 20px;
font-weight: bold;
text-align: center;
}
.s4-4 .tab_box_wrap .tab1 .sub-head-label{background:#30529b}
.s4-4 .tab_box_wrap .tab_box{
  background: #eeefef;
padding: 20px;
border-radius: 20px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/*SAFETY NEWS*/
.news-wrap{
  padding:0 20px;
  border:1px solid #dddddd;
  border-left: 3px solid #666666;
  margin-top:40px
}
.news-wrap .news-tit{
  font-weight: bold;
  font-size: 20px;
  margin: 20px 0
}

/*safety 모의고사*/
.quiz-wrap{
  margin-bottom: 40px
}
.quiz-wrap .quiz-tag{
  font-weight: bold;
  font-size:20px
}
.quiz-wrap .quiz-tit{
  font-weight: bold;
  font-size:20px;
  margin-left:10px
}
.quiz-wrap .quiz-flex{
  display: flex;
  justify-content:left;
  align-items: center;
  background: #b1b7e2;
  padding:10px;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
}
.quiz-wrap .quiz-hint{
  border-top:2px solid #ddd;
  display: flex;
  justify-content: left;
  align-items: center;
}
.quiz-wrap .quiz-hint .hint-tag{
  background: #b1b7e2;
  border-radius: 30px;
  font-weight: bold;
  padding:5px 15px;
  margin-top:10px
}
.quiz-wrap .quiz-hint .hint{
  color:#666666;
  margin-left:10px
}
.quiz-box{
  padding:20px;
  width:80%;
  margin:0 auto;
  border: 1px solid #ddd;
  border-radius: 20px;
}
.quiz-box .box-tit{
  color:#3e5da2;
  margin-bottom: 10px

}
.br1{
  border-right:1px solid #333
}
.quiz-box .answer-wrap .answer{
  background: #ddd; border-radius: 30px;
  padding:5px 10px;
  display: inline-block;margin:3px
}
.announce-wrap .announce-tit{
  padding:20px 0;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.announce-wrap .announce{
  text-align: center;
  margin-top:40px;
  line-height: 30px;
  font-weight: bold;

}
.table-wrap{margin-bottom:20px}
.entry {text-align: center; margin-top:20px}
.entry p{
  border-radius: 30px;
  padding:10px 20px;
  font-weight:bold;
  font-size: 20px;
  background: #2bb572;
  display: inline-block;
  margin:0 auto;
  color:#fff



}
.submit a{
  display: inline-block;
padding: 8px 35px;
margin-bottom: 15px;
background-color: #b1b7e2;
font-family: 'S-CoreDream-6Bold';
font-size: 20px;
color: #fff;
text-align: center;
line-height: 100%;
border-radius: 50px;

}



/*common*/
.tac{text-align: center !important}
.tal{text-align:left !important}
.tar{text-align: right !important}

.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}

.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}

/* dep */
.dep1 {text-indent: -1.2em; padding-left: 1.2em;}
.dep2 {text-indent: -1.6em; padding-left: 1.6em;}
.dep3 {text-indent: -2.4em; padding-left: 2.4em;}



/* column */
.row:after { content: ''; display: block; clear: both; overflow: hidden; }
.row .column { display: inline-block; float:left; padding-left: 2.5%; }
.row .column:first-child {padding-left: 0;}
.row .column figure.mid {margin-bottom: 0.9375rem;}
.row .column figure.mb0 {margin-bottom: 0; }
.row .column.mid {vertical-align: middle;}
.row .column.right {float: right; }
.row .column.right {padding-left: 2.5%; }
.row .column.right + .column {padding-left: 0; }

.row.half > .column:first-child {width: 48.75%;}
.row.half > .column {width: 51.25%;}
.row.half > .column.right:first-child {width: 51.25%;}
.row.half > .column.right + .column {width: 48.75%;}

.row.width1 > .column:first-child {width: 1%;}
.row.width1 > .column {width: 99%;}
.row.width3 > .column:first-child {width: 3%;}
.row.width3 > .column {width: 97%;}
.row.width5 > .column:first-child {width: 5%;}
.row.width5 > .column {width: 95%;}
.row.width8 > .column:first-child {width: 8%;}
.row.width8 > .column {width: 92%;}
.row.width10 > .column:first-child {width: 10%;}
.row.width10 > .column {width: 90%;}
.row.width14 > .column:first-child {width: 14%;}
.row.width14 > .column {width: 86%;}
.row.width15 > .column:first-child {width: 15%;}
.row.width15 > .column {width: 85%;}
.row.width16 > .column:first-child {width: 16%;}
.row.width16 > .column {width: 84%;}
.row.width17 > .column:first-child {width: 17%;}
.row.width17 > .column {width: 83%;}
.row.width20 > .column:first-child {width: 20%;}
.row.width20 > .column {width: 80%;}
.row.width21 > .column:first-child {width: 21%;}
.row.width21 > .column {width: 79%;}
.row.width23 > .column:first-child {width: 23%;}
.row.width23 > .column {width: 77%;}
.row.width25 > .column:first-child {width: 25%;}
.row.width25 > .column {width: 75%;}
.row.width26 > .column:first-child {width: 26%;}
.row.width26 > .column {width: 74%;}
.row.width28 > .column:first-child {width: 28%;}
.row.width28 > .column {width: 71%;}
.row.width32 > .column:first-child {width: 32%;}
.row.width32 > .column {width: 67%;}
.row.width36 > .column:first-child {width: 36%;}
.row.width36 > .column {width: 64%;}
.row.width37 > .column:first-child {width: 37%;}
.row.width37 > .column {width: 63%;}
/* .row.width36 > .column.right {width: 64%;}
.row.width36 > .column.right + .column {width: 36%;} /* 454px  40.3333 */
.row.width40 > .column:first-child {width: 40%;}
.row.width40 > .column {width: 60%;}
.row.width41 > .column:first-child {width: 41%;}
.row.width41 > .column {width: 59%;}
.row.width42 > .column:first-child {width: 42%;}
.row.width42 > .column {width: 58%;}
.row.width48 > .column:first-child {width: 48%;}
.row.width48 > .column {width: 52%;}

.row.width51 > .column:first-child {width: 51%;}
.row.width51 > .column {width: 49%;}

.row.width52 > .column:first-child {width: 52.0834%;}
.row.width52 > .column {width: 47.9166%;} /* 545px 45.4166 */
.row.width54 > .column:first-child {width: 54.6667%;}
.row.width54 > .column {width: 45.3333%;} /* 514px */
.row.width56 > .column:first-child {width: 57.1117%;}
.row.width56 > .column {width: 42.8883%;}
.row.width57 > .column:first-child {width: 57.6667%;}
.row.width57 > .column {width: 42.3333%;} /* 478px  40.3333 */

.row.width57_2 > .column:first-child {width: 57%;}
.row.width57_2 > .column {width: 43%;} /* 478px  40.3333 */

.row.width59_2 > .column:first-child {width: 59%;}
.row.width59_2 > .column {width: 41%;} /* 462px  41 */

.row.width59 > .column:first-child {width: 59.6667%;}
.row.width59 > .column {width: 40.3333%;} /* 454px  40.3333 */
.row.width59 > .column.right {width: 62.1667%;}
.row.width59 > .column.right + .column {width: 37.8333%;} /* 454px  40.3333 */

.row.width60 > .column {width: 60%;}
.row.width60 > .column + .column {width: 40%;}
.row.width61 > .column {width: 61%;}
.row.width61 > .column + .column {width: 39%;}
.row.width62 > .column {width: 62%;}
.row.width62 > .column + .column {width: 38%;}
.row.width63 > .column {width: 63%;}
.row.width63 > .column + .column {width: 37%;}

.row.width64 > .column {width: 64.6667%;}
.row.width64 > .column + .column {width: 35.3333%;}

.row.width65 > .column {width: 64.6667%;}
.row.width65 > .column + .column {width: 35.3333%;}

.row.width66 > .column {width: 66%;}
.row.width66 > .column + .column {width: 34%;}
.row.width67 > .column {width: 67%;}
.row.width67 > .column + .column {width: 33%;}
.row.width68 > .column {width: 68%;}
.row.width68 > .column + .column {width: 32%;}
.row.width70 > .column {width: 70%;}
.row.width70 > .column + .column {width: 30%;}
.row.width71 > .column {width: 71%;}
.row.width71 > .column + .column {width: 29%;} /* 311  */
.row.width72 > .column {width: 72%;}
.row.width72 > .column + .column {width: 28%;} /* 311  */
.row.width74 > .column {width: 74%;}
.row.width74 > .column + .column {width: 26%;} /* 311  */
.row.width77 > .column {width: 77%;}
.row.width77 > .column + .column {width: 23%;} /* 311  */
.row.width85 > .column {width: 85%;}
.row.width85 > .column + .column {width: 15%;} /* 311  */


/* 좋아요 버튼 */
.sub_like {
	margin-bottom: 50px;
}
.sub_like .like_btn {
	text-align: center;
}
.sub_like .like_btn a {
	display: inline-block;
	background-image: url('/images/user/webjin/assets/images/202405/common/sub_like_icon.jpg');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left 35px center;
	font-size: 18px;
	font-weight: 600;
	line-height: 50px;
	padding-left: 65px;
	padding-right: 40px;
	height: 50px;
	border: 1px solid #DDDDDD;
	border-radius: 40px;
}
.sub_like .like_btn a span {
	color:#c54139;
	margin-left: 10px;
}

.sub_like .like_btn_wrap {
  text-align: center;
}

.sub_like .like_btn_wrap button {
  display: inline-block;
	background-image: url('/images/user/webjin/assets/images/202405/common/sub_like_icon.jpg');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left 35px center;
  background-color: transparent;
	font-size: 18px;
	font-weight: 600;
	line-height: 50px;
	padding-left: 65px;
	padding-right: 40px;
	height: 50px;
	border: 1px solid #ddd;
	border-radius: 40px;
  font-family: inherit;
  cursor: pointer;
}

.sub_like .like_btn_wrap button span {
  color:#c54139;
	margin-left: 10px;
}

/*recently*/
.sub_recently{background: #f7f7f7; padding-bottom: 80px;}
.sub_recently .sub_container{
  position: relative;
    margin: 50px auto 0;
    max-width: 1200px;
    padding: 10px
}
.sub_recently .sub_container .recently_slide{
  overflow: hidden;
}
.sub_recently .sub_container .recently_tit{
  font-size: 24px; text-align: center; font-weight: bold;
  padding:40px 0
}

.recently-control{
  top: -50px;
    right: 4%;
    position: absolute;
  }
.swiper-button-prev{background-image: url('/images/user/webjin/assets/images/202405/sub/recently_prev.png');left:-40px; height: 28px; width: 15px;background-size: cover;}
.swiper-button-next{background-image: url('/images/user/webjin/assets/images/202405/sub/recently_next.png');right:-40px; height: 28px; width: 15px;background-size: cover;}
.sub_recently .sub_container .recently_slide figure{margin-bottom: 18px;}
.sub_recently .sub_container .recently_slide .category{color:#6db591; text-decoration: underline; font-weight: bold; }
.sub_recently .sub_container .recently_slide .tit{font-size: 16px; margin-top: 10px}


@media all and (max-width:960px){
  .slide-list{margin: 0 auto; text-align: center;}
  .slide-item{padding: 10px;}
  .recently-control{top:38%;  left: 0%; width: 100%; }
  .swiper-button-prev{left: 0px;}
  .swiper-button-next{right: 0px;}
  .slide-box{text-align: left; padding-left: 0px;}
}