@charset "utf-8";

.m-container, .sub-container{position:relative; overflow: hidden; padding-top:136px;}
.s_inwrap{width: 100%; max-width: 1340px; margin: 0 auto; padding: 0 20px;}
.m_inwrap{width: 100%; max-width: 1380px; margin: 0 auto; padding: 0 20px;}
.sec_tit{font-family: 'GmarketSans'; font-size: 24px; text-transform: uppercase;}
.sec_tit p{position: relative; padding-top:25px; background:url(../img/main/title_bullet.png) no-repeat top left; line-height: 1.3;}
.sec_tit strong{margin-right:5px;}

.sec01{background: #e5faf6; padding:70px 0 30px;}
.sec01 .facility{position: relative;}
/*.sec01 .facility .fac_slide{ display: flex;align-items: flex-start;justify-content: space-between; flex-wrap: wrap; gap: 0 30px;}*/
.sec01 .facility .fac_slide{ display: flex;align-items: flex-start;justify-content: space-between; flex-wrap: wrap; gap: 0 15px;} 
/* .sec01 .facility .fac_slide .slide_item{width: calc(100% / 9 - 27px);} */
 .sec01 .facility .fac_slide .slide_item { width: calc(100% / 10 - 14px);} 
.sec01 .facility .fac_slide .slide_item .iconlst{font-family: 'GmarketSans'; font-size: 14px; text-align: center; margin-bottom:25px; margin-top: 5px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box{display:block;}
/*.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w{width: 100%; margin: 0 auto; padding: 31px 0;background: #fff;border-radius: 50%; box-shadow: 0px 6px 20px rgb(0 0 0 /3%); display: flex; align-items: center; justify-content: center; transition: all .3s;}*/
 .sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w{width: 100%; margin: 0 auto; padding: 30px 0;background: #fff;border-radius: 50%; box-shadow: 0px 6px 20px rgb(0 0 0 /3%); display: flex; align-items: center; justify-content: center; transition: all .3s;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w > div{width:48px; height:48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon01{background:url(../img/main/link_icon01.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon02{background:url(../img/main/link_icon02.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon03{background:url(../img/main/link_icon03.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon04{background:url(../img/main/link_icon04.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon05{background:url(../img/main/link_icon05.png) no-repeat center center / 47px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon06{background:url(../img/main/link_icon06.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon07{background:url(../img/main/link_icon07.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon08{background:url(../img/main/link_icon08.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon09{background:url(../img/main/link_icon09.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon10{background:url(../img/main/link_icon10.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon11{background:url(../img/main/link_icon11.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon12{background:url(../img/main/link_icon12.png) no-repeat center center / 47px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon13{background:url(../img/main/link_icon13.png) no-repeat center center / 44px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon14{background:url(../img/main/link_icon14.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon15{background:url(../img/main/link_icon15.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon16{background:url(../img/main/link_icon16.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon17{background:url(../img/main/link_icon17.png) no-repeat center center / 47px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon18{background:url(../img/main/link_icon18.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon19{background:url(../img/main/link_icon19.png) no-repeat center center / 48px;}
.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w .link_icon20{background:url(../img/main/link_icon20.png) no-repeat center center / 48px;}

.sec01 .facility .fac_slide .slide_item .iconlst .facicon_box p{margin: 20px 0 0 0; line-height: 1.2; min-height: 50px;}
.sec01 .facility .fac_sld_control{ position: absolute; top: 165px; left: 0; display: none; align-items: center; z-index: 1;  width: 100%; justify-content: space-between;}
.sec01 .facility .fac_sld_control button{ width: 40px; height: 40px; border-radius: 50%; transition: all .3s; box-shadow: 0px 3px 14px rgb(0 0 0 / 8%);}
.sec01 .facility .fac_sld_control button + button{margin-left:8px;}
.sec01 .facility .fac_sld_control button.prev{background:url(../img/main/sld_prev.png) no-repeat center center #036287;}
.sec01 .facility .fac_sld_control button.next{background:url(../img/main/sld_next.png) no-repeat center center #036287;}



.sec02{}
.sec02 .others{position: relative; padding:90px 0;}
.sec02 .others:before{content:''; display:block; z-index: -1; width:100%; padding-bottom: 29.55%; border-top-left-radius: 35px; border-top-right-radius: 35px; background:#ebf1f9; position: absolute; bottom: 0; left:0;}
.sec02 .others > div{display: flex;align-items: flex-start; justify-content: space-between; gap: 40px;}
.sec02 .others .pupzone{position:relative; width:62.7%;}
.sec02 .others .pupzone .top{margin-bottom:40px;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control{position: absolute; top:20px; right: 0;  display: flex; align-items: center;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control button{ width: 40px; height: 40px; border-radius: 50%; transition: all .3s; box-shadow: 0px 3px 14px rgb(0 0 0 / 8%);}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control button + button{margin-left:8px;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control button.prev{background:url(../img/main/sld_prev.png) no-repeat center center #279F8C;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control button.next{background:url(../img/main/sld_next.png) no-repeat center center #279F8C;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control button.play{background:url(../img/main/sld_play.png) no-repeat center center #279F8C;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control button.stop{background:url(../img/main/sld_stop.png) no-repeat center center #279F8C;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control .counter{font-family: 'GmarketSans'; font-size: 20px; margin-right: 20px;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control .counter .now{font-weight:600;}
.sec02 .others .pupzone .popup_sld_container .popup_sld_control .counter .devider{width: 1px; height: 12px; background: #ccc; display: inline-block; margin: 0 10px;}
.sec02 .others .pupzone .popup_sld_container .popup_sld{}
.sec02 .others .pupzone .popup_sld_container .popup_sld .slide_item{}
.sec02 .others .pupzone .popup_sld_container .popup_sld .slide_item a{display: block; border-radius: 20px; overflow: hidden;}
.sec02 .others .pupzone .popup_sld_container .popup_sld .slide_item a img{max-width:100%; width:100%;}
.sec02 .others .service{ width:37.3%;}
.sec02 .others .service .top{margin-bottom: 40px;}
.sec02 .others .service .contbox{width: 100%; border-radius: 20px; background: linear-gradient(90deg, #00b094, #036287); padding: 30px 40px;}
.sec02 .others .service .contbox .item{}
.sec02 .others .service .contbox .item li{}
.sec02 .others .service .contbox .item li a p{line-height:1.1;}
.sec02 .others .service .contbox .item li a{position:relative; display: block; background:#fff; font-family: 'GmarketSans'; font-size: 20px; padding: 0 20px; border-radius: 10px; transition: all .3s;}
.sec02 .others .service .contbox .item.row li a{ width: 100%;  min-height: 70px; display: flex; align-items: center; justify-content: space-between;}
.sec02 .others .service .contbox .item.row li + li{margin-top:10px;}
.sec02 .others .service .contbox .item.row li a span{width: 30px;height: 30px;border-radius: 50px; background:url(../img/main/sld_next.png) no-repeat center center #04cbab; transition: all .3s;}
.sec02 .others .service .contbox .item.column{ display: flex; align-items: stretch; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 20px;} 
.sec02 .others .service .contbox .item.column li{width: calc(50% - 10px); text-align:center;}
.sec02 .others .service .contbox .item.column li a{font-size: 18px; min-height: 85px; display: flex; align-items: center; justify-content: center; padding:0;}
.sec02 .others .service .contbox .item.third{gap:15px;}
.sec02 .others .service .contbox .item.third li{width: calc(33.33% - 10px);}

.sec03{padding:90px 0;}
.sec03 .board > div{position:relative; display: flex; align-items: flex-start; justify-content: flex-start;}
.sec03 .board .top{width: 300px; margin-top: 20px;}
/* .sec03 .board .top .more{margin-top: 20px; font-family: 'GmarketSans'; font-weight: 600; font-size: 13px;display: inline-block;}
.sec03 .board .top .more a{display: flex; align-items: center; gap: 10px;}
.sec03 .board .top .more a .more_btn{width: 42px; height: 42px; border-radius: 50%; box-shadow: 0px 5px 13px rgb(0 0 0 / 6%); background: url(../img/main/ico_plus.png) no-repeat center center #04cbab;} */
.sec03 .board .cont{width: calc(100% - 300px);}
.sec03 .board .cont .tab_list{font-family: 'GmarketSans';font-size: 18px; display: flex; align-items: center; gap:5px; margin-bottom:40px;}
.sec03 .board .cont .tab_list li{width: calc(100% / 4); max-width: 160px; text-align: center;}
.sec03 .board .cont .tab_list li a{ width:100%; display: block;  border-radius: 30px; padding: 20px 0px; transition: all .3s;}
.sec03 .board .cont .tab_list li.active a{background: linear-gradient(90deg, #036287,#00b094); color: #fff; box-shadow: 0px 3px 14px rgb(0 0 0 / 8%);}
.sec03 .board .cont .tab_panel{display:none;}
.sec03 .board .cont .tab_panel.active{display:block;}
.sec03 .board .cont .tab_panel .board_lst{display: flex; align-items: flex-start; justify-content: space-between; gap:45px;}
.sec03 .board .cont .tab_panel .board_lst .board_item{width: calc(100% / 3 - 30px); font-family: 'GmarketSans';}
.sec03 .board .cont .tab_panel .board_lst .board_item a{display:block;}
.sec03 .board .cont .tab_panel .board_lst .board_frame{margin-bottom:20px;}
.sec03 .board .cont .tab_panel .board_lst .board_frame .frame_inner{position: relative; height: 0;  padding-bottom: 60.25%; overflow: hidden; border-radius: 10px;}
.sec03 .board .cont .tab_panel .board_lst .board_frame .frame_inner img{position: absolute; width: 100%;  height: 100%;  transition: all .3s;}
.sec03 .board .cont .tab_panel .board_lst .board_state{color: #03758a; margin-bottom: 20px; font-family:'NotoSans';}
.sec03 .board .cont .tab_panel .board_lst .board_subject{font-size: 24px; font-weight: 600; line-height: 1.4; min-height: 68px; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom: 20px;}
.sec03 .board .cont .tab_panel .board_lst .board_info{font-size: 18px; color:#666; line-height: 1.4; min-height: 51px; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; }
.sec03 .board .cont .tab_panel .board_lst .board_etc{display: flex; align-items: center; justify-content: space-between; margin-top: 80px; font-family: 'NotoSans'; color: #666;}
.sec03 .board .cont .tab_panel .board_lst .board_etc.one{margin-top:20px;}
.sec03 .board .cont .tab_panel .board_lst .board_etc .board_date{padding-left: 20px; background: url(../img/main/ico_date.png)no-repeat left bottom; line-height: 1.2;}
.sec03 .board .more{position: absolute; top: 150px; left:0; font-family: 'GmarketSans'; font-weight: 600; font-size: 13px;display: inline-block;}
.sec03 .board .more a{display: flex; align-items: center; gap: 10px;}
.sec03 .board .more a .more_btn{width: 42px; height: 42px; border-radius: 50%; box-shadow: 0px 5px 13px rgb(0 0 0 / 6%); background: url(../img/main/ico_plus.png) no-repeat center center #04cbab;} 




/* .sec04{width:100%; background:url(../img/main/sec04_bg.png) no-repeat center center #fafafa; background-size: cover;} */
.sec04{width:100%; background:#fafafa;}
.sec04 .tell{padding:80px 0; }
.sec04 .tell .top{text-align: center;}
.sec04 .tell .sec_tit p{background-position-x: center;}
.sec04 .cont{margin-top: 40px;}
.sec04 .cont .fac_tell_w{ display: flex; align-items: flex-start; justify-content: space-between; padding-top: 5px;}
.sec04 .cont .fac_tell_item{font-family: 'GmarketSans'; display: flex; align-items: flex-start; justify-content: space-between; width: 50%;}
.sec04 .cont .fac_tell_item ul{width: 50%;}
.sec04 .cont .fac_tell_item ul li{position:relative;}
.sec04 .cont .fac_tell_item ul li + li{margin-top:20px;}
.sec04 .cont .fac_tell_item ul li a{display: block; padding-left: 10px;}
.sec04 .cont .fac_tell_item ul li a:before{content:''; display:block; width:2px; height:2px; background:#04cbab; position: absolute; top:4px; left:0;}
.sec04 .cont .fac_tell_item ul li a span{}
.sec04 .cont .fac_tell_item ul li a .name{font-weight: 600; margin-right:15px;}
.sec04 .cont .fac_tell_item ul li a .number{}


.sec05{}
.sec05 .quick{padding:40px 0; display:flex; align-items: center; justify-content: space-between; gap: 28px;}
.sec05 .quick li{width:25%; border-radius: 20px; transition: all .3s;}
.sec05 .quick li a{width: 100%; display: block; border-radius: 20px; min-height: 120px; border: 1px solid #99d3d2; padding:25px; }
.sec05 .quick li a.ico_good{background: url(../img/main/ico_goods.png) no-repeat #e5faf6; background-position: right 20px bottom 20px;}
.sec05 .quick li a.ico_gallery{background: url(../img/main/ico_gallery.png) no-repeat #e5faf6; background-position: right 20px bottom 20px;}
.sec05 .quick li a.ico_question{background: url(../img/main/ico_question.png) no-repeat #e5faf6; background-position: right 20px bottom 20px;}
.sec05 .quick li a.ico_location{background: url(../img/main/ico_location.png) no-repeat #e5faf6; background-position: right 20px bottom 20px;}
.sec05 .quick li p{font-family: 'GmarketSans';line-height: 1.3;}
.sec05 .quick li .btxt{font-size: 20px; color: #036287; font-weight: 600;}
.sec05 .quick li .stxt{font-size: 14px; color: #666; margin-top: 10px;}



  @media screen and (min-width:1200px){
      
    .sec01 .facility .fac_slide .slide_item .iconlst .facicon_box:hover .ficon_w,
    .sec01 .facility .fac_slide .slide_item .iconlst .facicon_box:focus .ficon_w{background: #036287;}
    .sec01 .facility .fac_slide .slide_item .iconlst .facicon_box:hover p,
    .sec01 .facility .fac_slide .slide_item .iconlst .facicon_box:focus p{color:#036287;}

    .sec02 .others .service .contbox .item li a:hover,
    .sec02 .others .service .contbox .item li a:focus{background: #e5faf6;}
    .sec02 .others .service .contbox .item.row li a:hover span,
    .sec02 .others .service .contbox .item.row li a:focus span{background-color:#036287;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button.prev:hover,
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button.prev:focus{background-color:#036287;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button.next:hover,
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button.next:focus{background-color:#036287;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button.play:hover,
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button.play:focus{background-color:#036287;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button.stop:hover,
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button.stop:focus{background-color:#036287;}

    .sec03 .board .cont .tab_list li:hover a,
    .sec03 .board .cont .tab_list li:focus a{background: linear-gradient(90deg, #036287,#00b094); color: #fff; box-shadow: 0px 3px 14px rgb(0 0 0 / 8%);}
	.sec03 .board .cont .tab_panel .board_lst .board_item a:hover .board_frame .frame_inner img,
	.sec03 .board .cont .tab_panel .board_lst .board_item a:focus .board_frame .frame_inner img{ transform: scale(1.2);}


    .sec05 .quick li:hover,
    .sec05 .quick li:focus{box-shadow: 0px 3px 14px rgb(0 0 0 / 8%);}
    
    
  
  
  }

  @media screen and (max-width:1440px){
      
    .sec02 .others .service .contbox .item.column li a{min-height: 5.96vw;}
    .sec02 .others .service .contbox .item.row li a{min-height:4.88vw;}
  
  }

  @media screen and (max-width:1200px){
      
    #container{padding-top:91px;}
    .m_inwrap{padding:0;}

    .sec01{padding: 60px 0 20px;}    
    .sec01 .facility .fac_slide{justify-content: flex-start; gap: 0;}
    .sec01 .facility .fac_slide .slide_item .iconlst .facicon_box .ficon_w{width:117px;}
    .sec01 .facility .fac_sld_control{display:flex;}
    .sec01 .facility .fac_sld_control .swiper-button-disabled{ pointer-events: none; opacity: 0.3;}
    .sec01 .facility .fac_slide .slide_item .iconlst .facicon_box p br{display:none;}

    .sec02 .others{padding:70px 0;}
    .sec02 .others:before{display:none;}
    .sec02 .others > div{flex-direction: column; gap:65px;}
    .sec02 .others .pupzone, .sec02 .others .service{width:100%;}
    .sec02 .others .service .contbox{padding:30px;}
    .sec02 .others .service .contbox .item li a{padding:20px;}
    .sec02 .others .service .contbox .item.column li a{padding:20px;}

    .sec03{padding:0 0 70px 0}
    .sec03 .board > div{flex-direction: column;}
    .sec03 .board .top{width: 100%; margin-top: 0;  display: flex; align-items: center;  justify-content: space-between; margin-bottom:30px;} 
    .sec03 .board .top br{display:none;}
    .sec03 .board .cont{width:100%;}
    .sec03 .board .cont .tab_list li{max-width:150px;}
    .sec03 .board .cont .tab_list li a{padding:12px 0;}
    .sec03 .board .cont .tab_panel .board_lst{gap:30px;}
    .sec03 .board .cont .tab_panel .board_lst .board_item{width: calc(100% / 3 - 20px);}
    .sec03 .board .cont .tab_panel .board_lst .board_subject{font-size:22px; min-height: 62px;}
	.sec03 .board .more{left: inherit; right: 0;  top: 10px;}

    .sec04 .tell{padding:65px 0;}
    .sec04 .cont .fac_tell_item ul li a span{display: block; margin-top: 10px;}

    .sec05 .quick{gap: 15px; flex-wrap: wrap;}
    .sec05 .quick li{width: calc(100% / 2 - 8px);}
    .sec05 .quick li a{padding: 20px;}


  }

  @media screen and (max-width:980px){
    
    .sec_tit p{background-size: 50px; padding-top:20px;}
    .sec02 .others .pupzone .top, .sec02 .others .service .top{margin-bottom:22px;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control .counter{font-size:18px;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control .counter .devider{margin:0 5px;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button + button{margin-left: 5px;}
    .sec02 .others .service .contbox .item li a{padding:15px; font-size:18px;}
    .sec02 .others .service .contbox .item.column li a{padding:15px 0;}
    
  
  }

  @media screen and (max-width:860px){
      
    .sec03 .board .cont .tab_panel .board_lst{flex-direction: column;}
    .sec03 .board .cont .tab_panel .board_lst .board_item{width: 100%; border-bottom: 1px solid #f0f0f0; padding-bottom: 30px;}
    .sec03 .board .cont .tab_panel .board_lst .board_subject{min-height:auto; margin-bottom:5px; font-size: 20px;}
    .sec03 .board .cont .tab_panel .board_lst .board_info{min-height: 100%; font-size: 16px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  display: block; -webkit-line-clamp: inherit;}
    .sec03 .board .cont .tab_panel .board_lst .board_etc{margin-top: 25px;}

    .sec04 .cont .fac_tell_item{flex-direction: column;}
    .sec04 .cont .fac_tell_item ul { width: 100%;}
    .sec04 .cont .fac_tell_item ul:last-child{margin-top:20px;}
    .sec04 .cont .fac_tell_item ul li a span{display: inline-block; margin-top: 0;}

  }

  @media screen and (max-width:640px){
    
    .sec_tit{font-size:22px;}
    .sec02 .others .service .contbox{padding:25px;}
    .sec02 .others .service .contbox .item li a, .sec02 .others .service .contbox .item.column li a{font-size:16px;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld .slide_item a img{height:65vw;}
    
    .sec03 .board .cont .tab_list{flex-wrap: wrap; margin-bottom: 25px;}
    .sec03 .board .cont .tab_list li{ width: calc(100% / 2 - 3px); max-width:100%;}

    .sec05 .quick{gap:10px;}
    .sec05 .quick li{width:100%;}
    .sec05 .quick li a{min-height:auto;}
    .sec05 .quick li a.ico_good, .sec05 .quick li a.ico_gallery,
    .sec05 .quick li a.ico_question, .sec05 .quick li a.ico_location{background: none; background-color: #e5faf6;}
    .sec05 .quick li .btxt{font-size:18px;}
    .sec05 .quick li .stxt br{display: none;}

    .sec04 .cont .fac_tell_w{flex-direction: column;}
    .sec04 .cont .fac_tell_w{flex-direction: column; padding:20px 10px;}
    .sec04 .cont .fac_tell_item{width:100%;}
    .sec04 .cont .fac_tell_item:last-child{margin-top:20px;}
    .sec04 .cont .sc_hei_w{height: 490px;}
    
    .custom_scroll .scroll-element,
    .custom_scroll .scroll-element div {border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
    .custom_scroll .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;border-radius: 2px;}
    .custom_scroll .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;}
    .custom_scroll .scroll-element.scroll-y {height: 100%;right: 0px;top: 0;width: 3px;}
    .custom_scroll .scroll-element .scroll-element_outer {overflow: hidden;}
    .custom_scroll .scroll-element .scroll-element_track { background-color:#ececec; }
    .custom_scroll .scroll-element .scroll-bar { background-color:#444; }
    .custom_scroll .scroll-element:hover .scroll-bar { background-color: #444; }
    .custom_scroll .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(0, 0, 0, 0.3); }

    .custom_scroll .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
    .custom_scroll .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
    .custom_scroll .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
    .custom_scroll .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

    
  
  }

  @media screen and (max-width:480px){
     
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control{position: static; margin-top: 12px; justify-content: center;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control .counter{font-size:16px;}
    .sec02 .others .pupzone .popup_sld_container .popup_sld_control button{width: 35px; height: 35px;}
	.sec02 .others .service .contbox .item.third li{width:100%;}

    .sec03 .board .cont .tab_panel .board_lst .board_subject{font-size:18px;}
    .sec03 .board .top br{display:block;}

  
  }

  @media screen and (max-width:420px){
     
    .sec04 .tell .sec_tit p strong{ display: block;  margin-bottom: 5px; margin-right:0;}

  
  }