/*header*/
  #container_title {display: none;}
  .header {position: fixed; width: 80px; height: 100vh; background:#333; z-index: 9999;}
  .side_nav li {width: 100%; text-align: center; position: relative; cursor: pointer;}
  .side_nav li.active {background: #505050;}
  .side_nav li ~ li > div, .side_nav li ~ li > a { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .side_nav .bar {position: relative;}
  .side_nav .bar:before {position: absolute; display: block; content: ''; width: 39px; height: 1px; background: rgba(255,255,255,.1); top: 0; left: 50%; transform: translateX(-50%); }
  .side_nav li ~ li > div > p, .side_nav li ~ li > a > p {color: #fff; font-size: 15px; padding-top: 12px;}
  .side_nav .nav_ic { height: 90px; line-height: 90px;}
  .side_nav .nav_free_con { height: 135px;}
  .side_nav .nav_notice, .side_nav .nav_kakao, .side_nav .nav_call{ height: 121px;}
  .side_nav .nav_notice img {width: 25px;}
  .sns_wr {padding-bottom: 30px; position: absolute; bottom: 0; left: 0; width: 100%;}
  .sns_wr img {display: block;  margin: 10px auto 0; padding: 10px 10px 0; cursor: pointer;}

  .innner_nav_wr { display: none; z-index: 1; position: absolute; top: 0; left:80px; width: calc(100% - 80px); height: 100vh;}
  .mobile_nav_logo {display: none;}
  .bg_07 {background: rgba(0,0,0,.7); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
  .bg_03 {background: rgba(0,0,0,.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
  .nav_right_wr {width: 637px;}
  .nav_right_wr, .inner_con {height: 100%; overflow: hidden; position: relative; }
  .free_pop, .nav_right_wr, .inner_con  {box-shadow: 10px 10px 30px rgba(0,0,0,.25);}
  .innner_nav_wr .inner_con {width: 1410px;}
  .innner_nav_wr .inner_con > * {float: left;}
  .innner_nav_wr .nav {width: 773px; background: #212121; height: 100%; padding: 18px 106px 0  80px; overflow-y: auto;}
  .innner_nav_wr .nav > a {display: inline-block; vertical-align: middle; display: none;}
  .mo_sns_wr {vertical-align: middle; margin-left: 30px; display: none;} 
  .mo_sns_icon {display: inline-block; vertical-align: middle; margin-right: 10px;}

  .nav_right_bg { background: url(/source/img/nav_right_bg.jpg)no-repeat 50%/ cover; position: relative; height: 88.27%; width: 637px;}
  .nav_right_bg::before {position: absolute; display: block; content: ''; background: rgba(0,0,0,.1); width: 100%; height: 100%;}
  .nav_right_wr .right_bottom {height: 12.37%; background: #454545; position: relative;}
  .nav_right_wr .right_bottom ul {width: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  .nav_right_wr .right_bottom li ~ li {padding-left: 34px;}
  .nav_right_wr .right_bottom li {color: #fff; float: left; position: relative;}
  .nav_right_wr .right_bottom li ~ li::before {content: ''; }
  .nav_right_wr .right_bottom li span {color:#54abc9; font-weight: 500;}
  .detail_nav_wr {margin: 50px 0;}
  .detail_nav_wr > li * { color: #999999; -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;}
  .detail_nav_wr > li > a {display: inline-block;}
  .detail_nav_wr > li > a > strong {font-size: 36px; font-weight: 700; margin-bottom: 25px; display: block; cursor: pointer;}
  .detail_nav_wr > li:hover > a > strong {color: #54abc9;}
  .detail_nav_wr > li ~ li {margin-top: 45px;}
  .detail_nav_inner {padding-left: 10px;}
  .detail_nav_inner > li {width: auto;}
  .detail_nav_inner > li:nth-of-type(3) ~ li {margin-top: 17px;}
  /* .detail_nav_inner > li:nth-of-type(3) a {padding: 0;} */
  .detail_nav_inner > li a, .detail_nav_inner > li span { padding-right: 50px; position: relative; font-size: 18px;}
  .detail_nav_inner > li a::before, .detail_nav_inner > li span::before {position: absolute; top: 50%; left: -10px; display: block;  content:''; width: 3px; height: 3px; border-radius: 50%; background: #999999; transform: translateY(-50%); }
  .detail_nav_inner > li:hover a, .detail_nav_inner > li:hover a > *  {color: #fff;}
  .detail_nav_inner > li a:hover:before {background: #fff;}
  .close_ic {display: block; position: absolute;  width: 22px; height: 25px; cursor: pointer; z-index: 1;}
  .innner_nav_wr .close_ic {top: 33px; right: 50px;}
  .small_txt span:nth-of-type(1){padding-left: 20px;}
  .small_txt span {font-size: 20px; color: #818181; position: relative; display: inline-block; vertical-align: top;}
  .small_txt span ~ span {padding-left: 30px;}
  .small_txt span ~ span::before {position: absolute; display: block; content: ''; width: 2px; height: 15px; background: #818181; top: 50%; transform: translate(-50%,-50%); left: 13px;}

  .pc_nav_logo {width: 250px;}

  .member-wr {display: flex; gap: 20px; position: fixed; top: 37px; right: 40px; z-index: 102;}
  .member-wr a {position: relative; color: #0f0f0f; font-size: 16px;}
  .member-wr-w a {color: #0f0f0f !important;}
  .member-wr a:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: -10.5px; transform: translateY(-50%); width: 1px; height: 15px; background-color: #ddd;}

  .member-wr.mo {display: none;}

  /*메인*/
  #fullpage { background: #333;}
  .video_wr {width: 100vw; height: 100vh; position: relative;}
  .video_wr img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
  .fp-tableCell {vertical-align: top;}
  .section {width: calc(100% - 80px) !important; position: relative; left: 80px; height: 100vh;}
  /* .sec01 {background: url(/source/img/main_bg01.jpg)no-repeat 50% /cover;} */
  .mo_logo {display: none;}
  .mobile_logo {display: none;}
  .inner {padding-left: 80px;}
  .sec01_top {width: 100%; /*background: #fff;*/ position: absolute; top: 0; left: 0; z-index: 101; padding-top: 170px; padding-bottom: 60px;}
  .sec01_top_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; transition: 0.5s;}
  .sec01_top .sec01_title {position: relative; font-weight: 700; font-size: 70px; line-height: 1.4; transition: 0.3s; z-index: 1;}
  .sec01_title_sub {position: relative; font-weight: 500; color: #333; font-size: 20px; line-height: 1.3; margin-top: 38px; transition: 0.3s; z-index: 1;}
  .logo_wr {position: absolute; top: 18px; left: 80px; z-index: 102; transition: 0.3s; width: 250px;}
  .logo_wr img {transition: 0.3s;}
  .page_num {position: absolute; bottom: 100px; right: 25px; z-index: 50; text-align: center;}
  .page_num > p{font-size: 20px; color: #fff; font-weight: 300; margin-bottom: 18px; text-align: center;}
  .page_num .cur_page {font-weight: 700; display: inline-block; padding-bottom: 7px;}
  .sec01_bt{display: none;}

  .sec01_btm {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; padding: 80px; width: 100%; margin: auto; opacity: 0; transition: .2s;}
  .sec01_ul {display: flex; gap: 1vw; justify-content: center;}
  .sec01_li {flex: 1; border: 1px solid #0f0f0f; border-radius: 10px; padding: 3px;}
  .sec01_li_tit {display: block; padding: 20px; text-align: center; background-color: rgba(0, 0, 0, .7); color: #fff; font-size: 26px; font-weight: 500; border-radius: 10px;}
  .sec01_li_cnt_wr {display: flex; flex-direction: column; gap: 20px; margin-top: 3px; padding: 30px 10px; height: calc(100% - 69px); border-radius: 10px; background-color: rgba(0, 0, 0, .3); text-align: center;}
  .sec01_li_cnt {font-size: 20px; color: #fff; font-weight: 400;}
  .sec01_btm.on {opacity: 1;}

  /*첫스크롤시 풀페이지 작동전 디자인*/
  .sec01.scr_up .sec01_top {height: 0; margin-top: 173px; padding-top: 0;}
  .sec01.scr_up .sec01_title, .sec01.scr_up .sec01_title_sub {color: #fff; text-shadow: 2px 0 5px rgba(0,0,0,.2);}
  .sec01.scr_up .logo_wr h1 img { display: none;}
  .sec01.scr_up .logo_wr h1 {width: 198px; height: 22px; background:url("/source/img/logo_w.png")no-repeat;}

  .main_prom_video{display: block; position: absolute; width: 100%; height: 100%; z-index: 10;  z-index: 0; top: 0;}
  .main_prom_video:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 ; background: linear-gradient(rgba(0, 0, 0, .15), transparent);}
  .main_prom_video iframe{width: 100%;  height: 120vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .ytp-suggested-action {display: none !important;}

  .main_ft{position: fixed; bottom: -100%; left: 0; width: 100%; z-index: 50;}

  /*section02*/
  .sec02, .sec03, .sec04 {color: #fff;}
  .sec02 {background: #212121;}
  .sec02 .bg_left {background: url(/source/img/main_bg02.jpg)no-repeat 50% / cover; width: 720px; height: 100%; position: relative;} 
  .sec02 .bg_left.bg_left_m{display: none;}
  .sec02 .bg_left, .sec02 .bg_right {float: left;}
  .sec02 .bg_right {width: calc(100% - 720px); padding:224px 0 0 163px; position: relative;}
  .inner_txt_wr {color: #fff;}
  .mini_txt {font-size: 32px; color: #cfcfcf !important; font-weight: 500; margin-bottom: 42px;}
  .sec02 .mini_txt {margin-bottom: 50px;}
  .subtitle_txt {font-size: 30px; font-weight: 600; color: #fff; line-height: 1.3;}
  .line_light {font-weight: 700; position: relative; z-index: 0;}
  .line_light::before { position: absolute; bottom: 0; left: 0; display: block; content: ''; height:19px; width: 100%; background: #0d739579; z-index: -1; }
  .con_text_big {font-size: 34px; font-weight: 300; line-height: 1.5; }
  .sec02 .con_text_big {padding-top: 23px; font-size: 50px;}
  .con_text_big > span {font-weight: 700;}
  .con_text_mini {font-size: 18px; font-weight: 300; line-height: 1.9; margin-top: 45px;}
  .cir_ani {position: absolute; top: 115px; left: -60px; transform-origin: 50% 50%;  animation: rotate_image 16s linear infinite; }
  .page_num .all_page {position: relative;}
  .page_num .all_page::before {position: absolute; content: ''; display: block; width: 1px; height: 20px; top: 50%; left: -4px; transform:translateY(-50%) rotate(15deg); background: #fff;}
  .all_page.gray::before {background: #494949;}
  @keyframes rotate_image{
    0% {transform: rotate(0);}
    100% {transform: rotate(-360deg);}
  }
  
  /*section03*/
  .sec03 {}
  .sec03_bg{background: url(/source/img/main_bg03.jpg) no-repeat 50% / cover; position: relative; width: 100%; height: 100%;}
  .sec03 .inner, .sec04 .inner {padding-top: 165px; position: relative; overflow: hidden; font-size: 0;}
  .sec03 .inner {height: 100%;}
  .sec03 .inner > * {display: inline-block; vertical-align: top;}
  .left_service {width: 700px;}
  .service_slider_wr {width: calc(100% - 700px);}
  .service_slider_wr .slick-list {padding:0 12.16% 0 0 !important;}
  .service_slide .service_img_wr {width: 100%; display: block; overflow: hidden;}
  .service_slide img {opacity: 0.25;} 
  .service_slide.slick-current img {opacity:1;} 
  .service_slide.slick-current .service_txt_wr {opacity: 1; width: 100%; max-width: 1040px;}
  .service_slide .service_txt_wr {opacity: 0;}
  .service_txt_wr > * {float: left;}
  .service_txt_wr {margin-top: 52px; color: #fff;}
  .service_txt_wr .service_title {font-weight: 800; font-size: 40px; /*width: 25%;*/}
  .service_txt_wr a {color: #fff;}
  .service_txt_list {width: 75%;}
  .service_txt_list li {font-size: 18px; padding-left: 18px; position: relative; margin-bottom: 15px;}
  .service_txt_list li::before {display: block; content: '+'; position: absolute; color: #54abc9; font-weight: 300; top: 50%; left: 0; transform: translateY(-50%);}
  .slide_prev_btn {padding-right: 14px; cursor: pointer;}
  .slide_next_btn {padding-left: 14px; cursor: pointer;}
  .service_slide_ctrl {position: absolute; bottom: 250px; left: 90px; width: 100px;}
  .slick-arrow {display: none !important;}
  .slide_num_bar {padding: 0 2px;}

  /*section04*/
  .sec04 .inner {height: 100%;}
  .sec04_bg {position: relative; width: 100%; height: 100%; background: #fff;}
  .sec04_bg::before {display: block; content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #212121;}
  .category {font-size: 20px; color: #54abc9; font-weight: 500; margin-bottom: 25px;}
  .news_slide {font-size: 0; margin-right: 140px;}
  .news_slide.slick-active .slide_con > * {color: #fff;}
  .news_slide.slick-active .slide_con .category {color: #54abc9;}
  .news_slide .slide_con {display: inline-block; vertical-align: top; width: calc(100% - 530px); padding-right: 85px;}
  .news_slide .thumnail {display: inline-block; position: relative; vertical-align: top; width: 530px; max-height: 396px; overflow: hidden; border-radius: 30px;}
  .news_slide .thumnail img{width: 100%; height: 100%; object-fit: cover;}
  .news_title {display: inline-block; margin-bottom: 35px; font-size: 32px; font-weight: 300; color: #212121;  line-height: 1.4; max-height: 4.2em; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  .news_con {font-size: 20px; line-height: 1.5; font-weight: 300; margin-bottom: 100px; color: #666;  overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .news_slide_wrap {margin: 82px 0 0 0 ; height: 60%;}
  .news_slide_wrap .slick-list {height: 100%; padding:0 32% 0 0 !important; }
  .news_slide_wrap .btn_detail {position: relative; padding-left: 14px; display: block; color: #212121; font-size: 20px;}
  .news_slide_wrap .btn_detail::before {position: absolute; display: block;content: ''; width: 7px; height: 7px; border-radius: 50%; background: #54abc9; top: 50%; transform: translateY(-50%); left: 0;}

  .news_slide_num_ul > li {font-size: 14px;}
  .news_slide_ctrl {position: absolute; bottom: 63px; left: 50%; transform: translateX(-50%); margin-left: -80px; }
  .news_slide_wrap .slick-dots {width: 1280px; font-size: 0; position: absolute; left: 50%; transform: translateX(-50%); margin-left: -80px; height: 2px;}
  .news_slide_wrap .slick-dots > li {width: 33.33%; height: 100%; display: inline-block; background: #d9d9d9 ; border-radius: 0; border:none; text-indent: -9999px;}
  .page_num.gray span {color: #333;}
  .news_slide_wrap .slick-dots .slick-active {background:#54abc9;}

  /*section05*/
  .sec05 {background: url(/source/img/main_bg05.jpg)no-repeat 50% /cover; position: relative; z-index: 0;}
  .sec05::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: -1;}
  .sec05 .inner {position: absolute; left: 50%; transform: translateX(-50%); width: 1280px; padding: 0; top: 270px;}
  .partners_wr {padding: 50px 0; background:rgba(255,255,255,.9); height: 223px; margin-top: 132px;}
  .partners_wr a {display: block; text-align: center; width: 100%; height: 100%; position: relative; border-right:1px solid #bfbfbf ; padding-top: 15px;}
  .partners_wr a::before {position: absolute; display: block; content: ''; top: 77px; transform: translateX(-50%); left: 50%; width: 14px; height: 1px; background:#666666;}
  .partners_list{position: relative;}
  .partners_list, .partners_list li {height: 100%; }
  .partners_wr a > p {padding-top: 39px; font-size: 18px; color: #212121;}

  /* 파트너이미지 */
  .partner_02 a img {margin-top: -30px;}
  .partner_02 a p {padding-top: 31px;}

  /*footer*/
  .footer {/*height: 174px;*/position: relative; position: relative; background: #222; padding: 30px 0 30px;}
  .footer .wrapper {font-size: 0;}
  .add_02 {padding-left: 73px;}
  /*
  .address {display: inline-block; vertical-align: top; color: #fff; font-weight: 300; font-size: 20px; width: 50%;}
  */
  .ft_logo{width: 53px; vertical-align: top;}
  .address {width: calc(100% - 53px); color: #fff; font-weight: 300; font-size: 20px; vertical-align: top;}
  .address .region {font-weight: 400; padding-bottom: 13px;}
  .ft_nav_free_con{display: block; position: absolute; top: 30px; right: 40px; z-index: 10; width: 130px; height: 45px; line-height: 45px; border-radius: 30px; font-size: 12px; font-weight: 400; color: #ccc; background-color: #3c3c3c; text-align: center;}
  .ft_nav_free_con img{margin: -4px 10px 0 0;}
  .copy {font-size:12px; font-weight:300; color: rgba(255,255,255,0.5); margin-top: 10px; line-height: 1.5;} 
  .add_list_wr ul {font-size: 0;}
  .add_list_wr li {position: relative; display: inline-block; font-weight: 300; font-size: 14px; margin-right: 25px; margin-bottom: 6px; color: #fff; line-height: 1.5;}
  .add_list_wr li:last-child {margin-right: 0; margin-bottom: 0;}
  .add_list_wr li::before {position: absolute; display: block; content: ''; width: 1px; height: 14px; background: #dfdfdf; top: 50%; transform: translateY(-50%); right:-14px;}
  .add_list_wr li:nth-of-type(4) {margin-left: 0;}
  .add_list_wr li:last-of-type::before {display: none;} 

  .sub_ft .footer{width: 100%; left: inherit;}

  .ft-wr {padding-left: 120px; padding-right: 120px;}

/*pop_menu*/
.pop_menu {position: fixed; top: 0; left: 80px ; right: 0; bottom: 0; z-index: 100;}
.kakao_wr, .tel_pop_wr {display: none;}
.kakao_pop_wr { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 447px; height: auto; border-radius: 20px; background: #fff;}
.kakao_pop_wr .pop_title { position: relative; width: 447px; height: 80px; border-radius: 20px 20px 0 0 ; background: #fdd700; padding: 0 38px;}
.kakao_pop_wr .pop_title:before {content: ''; display: block; position: absolute; bottom: 0; right: 0; background: url(/source/img/kakao_font.png) no-repeat ; background-position: bottom right; top: 0; left: 0;}
.kakao_pop_wr .close_ic {top: -40px; right: 10px;}
.kakao_pop_wr .pop_title > * {line-height: 80px; }
.kakao_pop_wr .pop_title > span {font-weight: 500; font-size: 24px; color: #443838; padding-left: 10px;}
.kakao_pop_wr .pop_con_wr {padding: 30px 38px 28px;}
.kakao_pop_wr .tel_num  {/*border-bottom: 1px solid #eaeaea;*/ margin: 5px 0;}
.kakao_pop_wr .tel_num p {color: #333;}
.kakao_pop_wr .tel_txt {position: relative; color: #333; font-size: 18px; line-height: 24px; font-weight: 400; padding: 0 0 18px 10px;}
.kakao_pop_wr .tel_txt::before {content: '*'; display: block; position: absolute; top: 0; left: 0; color: #fdd700;}
.kakao_tel_txt, .kakao_name_txt { padding: 20px 0 17px 20px;}
.kakao_pop_wr input[type=text], input[type=number] {border: 1px solid #e5e5e5; width: 100%;}
.kakao_pop_wr input::placeholder {color:  #bababa; font-size: 15px;}
.notice_red {padding-top: 20px;}
.notice_red p {position: relative; font-size: 16px; font-weight: 300; line-height: 22px; color: #e55050; padding-left: 20px;}
.notice_red p::before {position: absolute; display: block; content: ''; width: 15px; height: 15px; top: 4px; left: 0; background: url(/source/img/notice_ic.png) no-repeat 50%; }
.notice_red span {text-decoration:underline;}
.notice_red p:nth-of-type(2) {margin: 20px 0 27px;}
.kakao_submit {width: 300px; height: 56px; border-radius: 50%; margin: 0 auto; max-width: 100%;}
.btn_kakao {display: block; border-radius: 28px; background: #443838; color:  #fff; font-size: 18px; line-height: 56px; text-align: center; border: none; width: 100%;}

/*전화*/
.tel_pop { padding: 21px 25px; background: #333; width: auto; height: auto; border-radius: 9px; position: absolute; top: 345px; left: 20px; z-index: 1; }
.bg_tran {position: absolute; width: 100%; height: 100%; top:0; left: 0;}
.tel_pop::before { content: "";  display: inline-block;  width: 0px;  height: 0px;
  border-top: 12.5px solid transparent;  border-bottom: 12.5px solid transparent; border-right: 20px solid #333;  position: absolute;  top: 65px;  left: -20px;
  z-index: 998;}
.tel_pop_top {padding-bottom: 10px; border-bottom: 1px solid #484848;}
.tel_pop_top > p { color: #fff; font-weight: 500 ; font-size: 30px; padding: 4px 0;}
.tel_pop_top p:nth-of-type(1) { color: #54abc9; padding-bottom: 10px;}
.tel_pop_bt p {font-size: 14px; color: #dedede; font-weight: 300; line-height: 20px;}
.tel_pop_bt p:nth-of-type(1) {padding: 9px 0 15px; color: #d0d0d0;}
.info_bold {font-weight: 400;}
.yellow_font {color: #fbe29a; margin: 0 -5px;}

/*무료상담*/
label {cursor: pointer;}
.free_pop_wr{display: none;}
.free_pop {position: absolute; top: 0; left: 0; width: 1170px; height: 100%; background:#212121; padding: 80px 170px 50px 150px; color: #fff; overflow-y: auto;}
.free_pop .close_ic {top: 35px; right: 50px;}
.free_pop_title {font-size: 46px; line-height: 1.35; font-weight: 700; margin-bottom: 43px;}
.form_wr .form_title {font-size: 22px; font-weight: 500; padding-bottom: 20px; line-height: 1.3;}
.form01 {margin-top: 50px;}
.form02 {margin-top: 50px;}
.form_wr ul li {display: inline-block;}
.form02 ul li ~ li { padding-left: 70px;}
input[type=radio] { position: relative; background: transparent; border: 1px solid #fff;    
  width: 18px; height: 18px; border-radius: 50%; margin-right: 10px;}
input[type=radio]:checked { border: 1px solid #54abc9; -webkit-appearance: none;}
input[type=radio]::before { position: absolute; content: ''; display: block;
    width: 10px; height: 10px; background: transparent; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
input[type=radio]:checked::before { background: #54abc9;}
.free_pop_wr .form01 input[type="text"], .free_pop_wr .form01 input[type="email"] {width: 100%; background: transparent; border-bottom: 1px solid #fff; border-top:none; border-left:none; border-right:none;  padding: 12px 17px; color: #fff;}
.free_pop_wr .form01 input[type="text"]::placeholder, .free_pop_wr .form01 input[type="email"]::placeholder {font-weight:300; color: rgba(255,255,255,0.4);}
.free_pop_wr .form01 > ul > li  {width: 379px; position: relative;}
.free_pop_wr .form01 > ul > li:nth-of-type(2n) {margin-left: 50px;}
.free_pop_wr .form01 > ul > li:nth-of-type(2n) ~ li {margin-top: 27px;}
.free_pop_wr .form01 > ul > li::before {position: absolute; content: '*'; display: block; color: #54abc9; top: 17px; left: 3px;}
.free_pop_wr .form01 > ul > li.none::before {display: none;}
.free_pop_wr .form01 .free_con_ul {display: flex; flex-wrap: nowrap; gap: 0 40px;}
.free_pop_wr .form03 { margin-top: 38px; }
.free_pop_wr .form03 .file_up { display: none !important; }
.file_up_wr {padding: 12px 7px 12px 4px; border-bottom: 1px solid #fff;}
.upload_ic {text-align: right;}
.upload_ic img {margin-left: 7px;}
.form03 .file_up_label {color: rgba(255,255,255,.4); font-weight: 300;}
.free_pop_wr textarea {width: 100%; background: transparent; border-bottom: 1px solid #fff; border-top:none; border-left:none; border-right:none;  padding: 0 7px 12px 3px; color: #fff; }
.form04 {margin-top: 40px; }
.form04 textarea {height: 50px;}
.free_pop_wr input[type=checkbox] {position: relative; margin-right:11px; width: 20px; height: 20px;  border: 1px solid #dddddd;}
.free_pop_wr input[type=checkbox]:checked::before {  width: 12px;   height: 11px;   background: url(/source/img/submit_chk.png)no-repeat 50%;   position: absolute;   left: 50%;   top: 50%;    transform: translate(-50%,-50%);  content: '';  display: block;}
.form04 > p {font-size: 14px;  color: #54abc9; font-weight: 300; }
.form04 > p:nth-of-type(1) {margin: 10px 0 5px; }
.submit_check_wr {margin-top: 20px;}
.submit_free {font-size: 20px; text-align: right; cursor: pointer;}
.submit_free p img {margin-left: 15px;}
.footer_wr {display: none;}
.main_footer .footer_wr {display: block;}
.btn_free_con .free_submit {background: transparent; border: none; color: #fff; padding-right: 15px; font-size: 20px; }
.btn_free_con .free_btn_wr { float: right;}
.email_input_wr > input {width: 100%; margin-bottom: -1px; border: none !important;}
.email_input_wr > input ~ input {margin-left: 5%;}
/* .email_input_wr::after {position: absolute; display: block; content: '@'; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 2px; color: #fff; font-size: 20px; } */
.email_input_wr {position: relative;}
.email_input_wr {border-bottom: 1px solid #fff;}
.free_btn_wr {background: #414141; border-radius: 5px; padding: 13px 20px;}
.submit_check_wr > * {vertical-align: top;}

.btn_free_con {width: 200px;}
.agree_wr {width: calc(100% - 200px);}
.agree_detail_wr { width: 99%; background: #444; padding: 15px ; border-radius: 5px; margin-top: 15px; height: 100px; overflow-y: scroll;}
.agree_detail_wr * {font-size: 14px; line-height: 1.4; word-break: break-all; font-weight: 300; color: #999;}

.form02 .free_con_ul {display: flex; gap: 20px; flex-wrap: wrap;}
.form02 .free_con_ul li {width: calc(25% - 60px / 4);}
.form02 .free_con_ul li.w100 {width: 100%;}
.form02 ul li ~ li {padding: 0;}

.foreign_pop_wr {display: none;}
.foreign_pop_wr .form01 input[type="text"], .foreign_pop_wr .form01 input[type="email"] {width: 100%; background: transparent; border-bottom: 1px solid #fff; border-top:none; border-left:none; border-right:none;  padding: 12px 17px; color: #fff;}
.foreign_pop_wr .form01 input[type="text"]::placeholder, .foreign_pop_wr .form01 input[type="email"]::placeholder {font-weight:300; color: rgba(255,255,255,0.4);}
.foreign_pop_wr .form01 > ul > li  {width: 379px; position: relative;}
.foreign_pop_wr .form01 > ul > li:nth-of-type(2n) {margin-left: 50px;}
.foreign_pop_wr .form01 > ul > li:nth-of-type(2n) ~ li {margin-top: 27px;}
.foreign_pop_wr .form01 > ul > li::before {position: absolute; content: '*'; display: block; color: #54abc9; top: 17px; left: 3px;}
.foreign_pop_wr .form01 > ul > li.none::before {display: none;}
.foreign_pop_wr .form01 .free_con_ul {display: flex; flex-wrap: nowrap; gap: 0 40px;}
.foreign_pop_wr .form03 { margin-top: 38px; }
.foreign_pop_wr .form03 .file_up { display: none !important; }

.foreign_pop_wr textarea {width: 100%; background: transparent; border-bottom: 1px solid #fff; border-top:none; border-left:none; border-right:none;  padding: 0 7px 12px 3px; color: #fff; }
.foreign_pop_wr input[type=checkbox] {position: relative; margin-right:11px; width: 20px; height: 20px;  border: 1px solid #dddddd;}
.foreign_pop_wr input[type=checkbox]:checked::before {  width: 12px;   height: 11px;   background: url(/source/img/submit_chk.png)no-repeat 50%;   position: absolute;   left: 50%;   top: 50%;    transform: translate(-50%,-50%);  content: '';  display: block;}

/*sub_loaction*/
.sub_location_wr {width: 100%; position: relative; z-index: 50;}
.sub_location_bg {position: fixed; background: url(/source/img/sub_loc_bg.jpg)no-repeat 50% / cover; height: 439px; z-index: 0; overflow: hidden; width: 100%; top: 0; left: 0;  transition: 0.5s;}
.sub_location_wr .member-wr a {color: #fff !important;}

.sub_location_bg.fix { top: -195px;  left: 0; z-index: 2;  height: 410px;}
.sub_location_bg.fix .loca_title_wr {padding: 288px 0;}
.sub_location_bg.fix .loca_title {margin-bottom: 25px; }
.sub {padding-top: 439px !important;}
.root_daum_roughmap .wrap_btn_zoom {z-index: 1 !important;}

.sub_location_bg::before {position: absolute; width: calc(100% - 90px); display: block;  color: rgba(213,213,213,0.04); top: 125px; left: 90px; width: 100%; /*height: 80px;*/ font-size: 200px; font-weight: 700; z-index: -1;}
.sub_location_bg.sub1::before {content: 'HR/Labor';}
.sub_location_bg.sub2::before {content: 'Insurance';}
.sub_location_bg.sub3::before {content: 'Subsidy';}
.sub_location_bg.sub4::before {content: 'Tax correction';}
.sub_location_bg.sub5::before {content: 'Recruitment';}
.sub_location_bg.sub6::before {content: 'Application';}
.sub_location_bg.sub7::before {content: 'Notice';}
.sub_location_bg.login::before {content: 'Login';}
.sub_location_bg.register::before {content: 'Register';}
.loca_title_wr {color: #fff; padding: 268px 0 0;  transition: 0.5s;}
.loca_title {display: inline-block; margin-bottom: 35px; font-size: 60px; font-weight: 700;  transition: 0.5s; color: #fff;}
.sub_location_wr .sub_nav_list {display: flex; gap: 5px clamp(5px, 1vw, 10px); font-size: 0; flex-wrap: wrap;}
.sub_location_wr .sub_nav_list > li {display: inline-block; font-size: 16px;}
.sub_location_wr .sub_nav_list > li:first-child {display: none;}
/* .sub_location_wr .sub_nav_list li ~ li {margin-left: 10px;} */
.sub_location_wr .sub_nav_list li a {color: #cfcfcf; display: block; position: relative; padding-left: 17px;}
/* .sub_location_wr .sub_nav_list li a::before {position: absolute; display: block; content: ''; width: 7px; height: 7px; top: 50%; transform: translateY(-50%); left: 0; background: #cfcfcf; border-radius: 50%;} */
.sub_location_wr .sub_nav_list li.active a {color: #54abc9; border-color: #1b85a8;}
.sub_location_wr .sub_nav_list li.active a:before {background: #54abc9;}
.sub_location_wr .logo_wr {position: fixed; left:160px;}

.sub_nav_hash {padding: 10px 15px; border: 1px solid #999; background-color: rgba(0, 0, 0, .3); border-radius: 30px; color: #ccc; font-size: 18px;}

/*sub01_01*/
.sub {padding: 0 0 120px ;}
.sub_con_wr.sub_title_wr {padding-bottom: 58px; }
.sub_con_wr.sub_title_wr .flex {display: flex; gap: 5vw;}
.big_title {font-size: 34px; font-weight: 300; line-height: 1.2;}
.rec-txt-wr .big_title {line-height: 1.5;}
.sub_mini_txt {font-size: 20px; margin-top: 32px; line-height: 1.5; font-weight: 400; color: #333;}
.flex {margin-top: 32px;}
.flex .sub_mini_txt {margin-top: 0;}
.sub_mini_txt > span { font-weight: 400; color: #333;}
.sub_con_wr {padding: 70px 0; border-bottom: 1px solid #eaeaea;}
.inner_title_wr {margin-bottom: 35px; padding-left: 80px;}
.inner_title_wr.only {margin-bottom: 0;}
.inner_title {font-size: 28px; font-weight: 500; line-height: 1.3; position: relative;}
.inner_title > i { position: absolute; top: 50%; left: 0; font-size: 20px; line-height:1; display: inline-block; margin-left: -80px; width: 50px; height: 2px; background-color: #54abc9;} 
.box_cir {background: #54acc928;  padding: 80px 55px;}
.box_cir .cir_box_style { border-radius: 50%; border: 1px dashed #dbdbdb; width: 242px; height: 242px; background: #fff; position: relative;}
.in_sub_tit {font-weight: 400; color: #666666; padding-top: 15px; line-height: 1.5; font-size: 20px;}
.box_cir .overlap li ~ li{margin-left: -10px;}
.box_cir .bar .cir_box_style:before {position: absolute; width: 196px; height: 1px; display: block; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); background:#dfdfdf; margin-top: 10px;}
.box_cir .cir_box_style p {text-align: center;}

.box_cir .step_list li p:nth-of-type(2){color: #333; font-size: 20px; padding: 30px 0 40px;}
.box_cir .step_list li p:nth-of-type(3){color: #666; font-weight: 300; line-height: 26px;}
.box_cir .black_box_cir {background: #444 !important; border: none !important;}
.box_cir .black_box_cir p {color: #fff !important;}
.box_cir .black_box_cir .step_num {color:#54abc9 !important;}
.step_num {color: #54abc9; font-weight: 600; font-size: 20px;}
.step_list .step_list_con {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; padding-top: 38px; }
.slash_wr {margin-top: 50px; padding-left: 80px;}
.slash {position: relative; font-size: 24px; font-weight: 500; color: #076c8d; padding:0 0 12px 15px;}
.slash::before {position: absolute; display: block; content: ''; width: 1px; height: 14px; background: #076c8d; top:3px; left: 0; transform: rotate(15deg);}
.slash_txt {font-weight: 400; color: #666; line-height: 1.45; padding: 3px 0; padding-left: 15px; font-family: 'Noto Sans KR', sans-serif; font-size: 20px; text-indent: -12px;  margin-left: 14px;}
.tax_sec02 .slash_wr ul ~ ul {/* margin-top: 55px; */}
.slash_list > li {vertical-align: top; margin-bottom: 55px;}
/* .slash_list > li:nth-child(n+4) {margin-bottom: 0;} */
.slash_wr {margin-bottom: -55px;}
.slash_list_con {padding-right: 20px;}
.tag_box.full_box {width: 1200px; margin: 0 auto;}
.tag_box {padding: 31px 35px;height: 100%; border: 5px solid #f2f2f2; margin: 0 auto;}
.tab_title {font-size: 22px; font-weight: 500; position: relative; padding:0 0 20px 20px;}
.tab_title::before {position: absolute; top: 0; left: 0; content: '#'; display: block; color: #54abc9;}
.tag_cont_txt {color: #333; font-size: 20px; font-weight: 400; line-height: 1.5;}
.tag_cont_txt b {font-weight: 400;}
.only_txt {padding-bottom: 7px;}
.no_bottom_li {padding-bottom: 0; border-bottom: none;}

.color .tab_title, .color .tab_title::before, .color .slash {color: red;}
.color .slash::before {background-color: red;}
.tag_box.color {border-color: rgba(255, 0, 0, 0.445);}
.color .tag_cont_txt {color: #0f0f0f; font-weight: 500;}

/* .box_cir.box_cir-ts p  */

/*sub01_02*/
.step_arrow_li {width: 189px !important; height: 189px !important;}
.arrow_txt_wr {width: 260px;}
/*.step_arrow_li ~ li {margin-left: 260px;}*/
.arrow_li_wr {text-align: center;}
.step_arrow_li p {font-size: 22px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.free_consult  .tax_sec02 .tag_box_wr {padding-left: 80px; height: 560px;}
.free_consult  .tax_sec02 .tag_box {width: calc(50% - 20px); height: 100%;}
.free_consult  .tax_sec02 .tag_box ~ .tag_box {margin-left: 40px;}
.side_img_txt  > * {vertical-align: top;}
.side_img_txt .side_txt_wr {padding-left: 35px; height: 100%;}
.side_img_txt .tag_sub_tit {font-size: 22px;}
.side_img_txt .tag_sub_txt {font-size: 20px; color: #333; line-height: 26px; padding:20px 0 14px; word-break: break-all;}
.side_img_txt .exam_li li {font-size:20px; color: #666; font-weight: 300; position: relative; padding:10px 0 0 12px;}
.side_img_txt .exam_li li b {font-weight: 400;}
.side_img_txt .exam_li li::before {position: absolute; top: 18px; left: 0; display: block; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #54abc9;}
.exam_cir {width: 100%; font-size: 20px; margin-top: 29px;}
.exam_cir table {width: 100%;}
.exam_cir tr > * {padding: 12px 9px 0; }
.exam_cir th , .cir_end td {padding-bottom: 12px;}
.exam_cir tr > *:last-child {text-align: right;}
.exam_cir th {color: #333; font-weight: 400; }
.exam_cir td {color: #666}
.exam_cir td ~ td {font-weight: 300;}
.line_bt { border-bottom: 1px solid #666;}
.exam_cir .total{ border-top: 2px solid #666; }
.exam_cir .total > * {color: #333 ; font-weight: 400;}
.to_arrow { position: relative;padding: 26px 0; margin-left: -26px; color: #666;} 
.to_arrow:before { position: absolute; display: block; content: ''; left: 50%; transform: translateX(-50%); width: 198px; height: 13px;}
.to_arrow.to_left::before {background: url(/source/img/arrow_to_l.png)no-repeat; bottom: 7px;}
.to_arrow.to_right::before {background: url(/source/img/arrow_to_r.png)no-repeat; top: 7px;}
.to_arrow.color_txt {color: #54abc9;}

.side_img_wr  img {border:  1px solid #e4e4e4;}

.scroll{display: none; font-size: 20px; font-weight: 400; color: #54abc9; text-align: center; margin-top: 30px; margin-bottom: 5px;}

.free_pop::-webkit-scrollbar{width: 8px; background-color:#212121; margin-right: 10px;}
.free_pop::-webkit-scrollbar-thumb { background-color: #444; border-radius: 5px;}
.agree_detail_wr::-webkit-scrollbar{width: 8px; background-color:transparent; margin-right: 10px;}
.agree_detail_wr::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 5px;}

/*sub01_03*/
.step_list.no_bar .step_list_con { padding-top: 59px;}
.step_list .step_list_con p:nth-of-type(2){line-height: 26px;  position: absolute; left: 50%;  top: 50%;  transform: translate(-50%, -50%);  width: 100%; padding: 0 0 0 0; margin-top: -21px;}
.box_cir .step_list li p:nth-of-type(3) { top: 50%; position: absolute;  left: 50%; width: 100%; transform: translatex(-50%); padding-top: 25px;}
  
.step_list.no_bar .step_list_con P:nth-of-type(2) {padding: 20px 0 0 0; margin-top: 0;}

.step_list {display: flex; justify-content: center; flex-wrap: wrap;}

/*sub01_04*/
.big_slash_tit {position: relative; font-size: 40px; font-weight: 700; padding: 0 0 60px 41px; }
.big_slash_tit::before {position: absolute; top: -3px; left: 0; display: block; content: ''; width: 5px; height: 38px; transform: rotate(30deg); background:#9497ff; transform-origin: left bottom;}
.tax_agen .tax_sec02, .tax_agen .tax_sec03 {padding-top: 50px;}

/*sub02_01*/
.step_list_black.i-col-6  {width: 1100px; margin: 0 auto;}
.box_cir_title {font-size: 22px; color: #333; text-align: center; padding-bottom: 40px;}
.box_cir.title_con {padding-top: 50px;}
.black_op_style {background: rgba(68,68,68,.8); width: 188px; height: 188px; border-radius: 50%; text-align: center;}
.black_op_style.light{background: rgba(0,0,0,.35);}
.black_op_style .num {font-weight: 500; color: #fff;}
.black_op_style .step_list_con p ~ p {color: #fff;}

.black_op_style .step_list_con p:nth-of-type(1) {padding: 40px 0 30px;}
.black_op_style .step_list_con p:nth-of-type(2) {font-size: 18px; line-height: 26px;}
.img_list_wr li {vertical-align: top;}
.img_list_wr li .ea_img_wr  {width: 360px; box-sizing: border-box; overflow: hidden;}
.img_list_wr li .ea_img_wr > img { vertical-align: top; border:  1px solid #e4e4e4; box-sizing: border-box; margin-top: -0.5px;}
.img_li_title {font-size: 22px; font-weight: 500; color: #333; padding: 30px 0 15px;}
.img_li_txt {font-size: 20px; font-weight: 400; color: #666; line-height: 1.65;}
.acc_sec03 .slash_list > li {width: auto;}
.acc_sec03 .slash_list > li ~ li {margin-left: 115px;}

/* .slash_list.i-col-1 > li:last-child {margin-bottom: 0;} */

.img_list_wr.one {padding: 0 80px;}
.img_list_wr.one li .ea_img_wr {width: 100%; height: 20vw;}
.img_list_wr.one li img {width: 100%; height: 100%; object-fit: cover;}

/**/
.box_cir ~ .box_cir{margin-top: 21px;}
.step_list_black.i-col-2  {width: 368px; margin: 0 auto;}
.acc_sec02 .slash_list > li {margin-bottom: 0;}
.acc_wr02 .slash {line-height: 26px;}
.acc_wr02 .slash::before {top: 7px;}

.step_list.i-col-6 {text-align: center;}
.step_list.i-col-6 li {width: 189px; height: 189px;}
.step_list.no_bar.i-col-6 .step_list_con p:nth-of-type(2) {font-size: 18px;}
.step_list.no_bar.i-col-6 .step_list_con {padding-top: 43px;}
.free_wr {padding-left: 80px;}
.free_list  {margin: 40px -15px -9px;}
/*.free_list > li:nth-of-type(3) ~ li {margin-top: 20px;}*/
.free_list > li {padding: 9px 15px;}
.free_list_box {height: 100%; box-shadow: 5px 5px  20px rgba(0,0,0,.07); padding: 30px 40px;}
.free_list_box .free_option {font-size: 20px; font-weight: 400; color: #333; line-height: 1.6;}
.free_list_box .free_option span {font-weight: 700;}
.free_list_box .free_fees_wr {margin-top: 10px;}
.free_list_box .free_fees_wr > * {vertical-align: top;}  
.free_list_box .free_fees {color: #999999; font-weight: 400; font-size: 20px; position: relative;}
.free_list_box .free_fees:after {content:""; position: absolute; left: 0; top: 10px; background: url(/source/img/incor_sub01_arr01.png) no-repeat center center; width: 100%; height: 29px;}
.free_list_box .free_tit {color: #8387f3; font-weight: 500; font-size: 20px; margin-top: 25px;}

.incor_sec01 .inner_title_wr{margin-bottom: 0;}

/* 오시는 길 */
.sub_con_wr.location_sec {padding-bottom: 25px;}
.sub_con_wr.location_sec .big_title {margin-bottom: 45px;}
.map_title {font-size: 28px; font-weight: 500; margin-bottom: 25px; color: #0f0f0f;}
.map_box_wr {}
.map_info_wr {padding: 18px 20px 0; font-size: 0;}
.map_info_box {padding-top: 12px; font-size: 0; display: inline-block; vertical-align: top; width: calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px);}
.map_info {display: inline-block; vertical-align: top; margin-right: 120px;}
.map_info:last-child {margin-right: 0;}
.map_info_tit {font-size: 20px; font-weight: 500; color: #333; padding-bottom: 15px; position: relative;}
.map_info_tit:after {content:""; width: 14px; height: 1px; background: #54abc9; position: absolute; left: 0; bottom: 0;}
.map_info_txt {font-size: 20px; font-weight: 300; color: #666; line-height: 1.65; padding-top: 18px;}
.map_info_btn {display: inline-block; vertical-align: top; width: 100px;}
.map_btn {text-align: center; padding-top: 24px; width: 100%; height: 100px; border-radius: 50%; display: block; background: #333;}
.map_btn img{margin-bottom: 6px;}
.map_btn p{font-size: 14px; font-weight: 300; color: #fff;}

/* 카카오맵 공통 */
.root_daum_roughmap .wrap_controllers, 
.root_daum_roughmap .map_border {display: none !important;}

/*랜딩페이지*/
.landing{height: 100vh; text-align: center;}
.landing_sec01{position: relative; height: 75.7%; background: url('/source/img/landing_bg01.jpg') no-repeat center/cover;}
.landing_sec01_txtbox{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 20px;}
.landing_sec01_txt1{margin-top: 5.3%; font-size: 62px; font-weight: 400; color: #ededed;}
.landing_sec01_txt1 b{font-weight: 600;}
.landing_sec01_txt2{margin-top: 15px; font-size: 36px; font-weight: 350; color: #ededed;}

.landing_sec02{position: relative; height: 24.3%; background: #0e2360 url('/source/img/landing_coming.png') no-repeat bottom right;}
.landing_sec02_txt1{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 20px; font-size: 46px; font-weight: 200; color: #ededed;}
.landing_sec02_txt1 b{font-weight: 500;}
.landing_sec02_txt1 img{margin-right: 30px;}

/*풀페이지 페이드인아웃*/
#fullpage.fade.fullpage-wrapper {
  width: 100% !important;
  transform: none !important;
  z-index: 20;
}
#fullpage.fade.fullpage-wrapper .fp-section {
  width: calc(100% - 80px) !important;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  z-index: 0;
  transition: all 0.7s ease-in-out;
}
#fullpage.fade.fullpage-wrapper .fp-section.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
#fullpage.fade.fullpage-wrapper .fp-section .fp-slidesContainer {
  width: 100% !important;
  transform: none !important;
}
#fullpage.fade.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide {
  width: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all 0.7s ease-in-out;
}
#fullpage.fade.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

/*.sub_location_wr*/
.sub_location_wr.active {position: fixed; z-index: 999; top: -300px;}

/*추가수정_ 로케이션 바*/
.sub_location_bg.fix .loca_title {display: none;}
.sub_location_bg.fix {top:-190px;  height: 280px;}
.sub_location_bg.fix .loca_title_wr {padding: 215px 0; padding-left: 450px !important;} 
.sub_location_bg.fix::before {display: none;}


/* 구인구직 */
.rec-box-wr {display: flex; gap: 6vw; align-items: center; justify-content: center;}
.rec-btn-wr {display: flex; flex-direction: column; gap: 20px; text-align: center;}
.rec-btn {display: flex; align-items: center; justify-content: center; width: 360px; height: 90px; border-radius: 10px; background-color: #1b85a8; color: #fff; font-size: 1.35rem; font-weight: 500;}

.news_slide .thumnail .noimg {display: flex; justify-content: center; align-items: center; width: 100%; height: 25vw; max-height: 396px; background-color: #f9f9f9;}
.news_slide .thumnail .noimg img {width: 80%; object-fit: contain;}