@charset "utf-8";

/* 공통 */
::-moz-selection {
  background: #52c3f1;
  color: #fff;
}
::selection {
  background: #52c3f1;
  color: #fff;
}

html, body{overflow-x:hidden !important;}
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_img img{display:block; margin: auto;}
.mobile_href{cursor:default;}
.responsive.is-pc{overflow: hidden;}
.container_fix {width:1210px;}
.is-pc .at-body.index_martop{
  margin-top: 90px;
}
/* 헤더 */
.at-menu{border: 0; border-bottom:1px solid #e2e2e2; position: fixed;
  top: 0;
  left: 0;
  z-index: 15;}
.at-menu .pc-menu .container_fix{display:flex; place-items:center; justify-content:space-between; position:static;}
.at-menu .pc-menu .nav-top{width: auto; display:flex; place-items:center; position:static; padding: 0;} 
.at-menu .pc-menu .nav-top.nav-both .menu-ul{width: auto;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span{
  color: #52c3f1;
}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right: 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding: 0 35px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a span{display:block; font-size: 20px; font-weight:600; color:#222;}

.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after {display:none;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after{display:none;}

.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{width: 148px; top: 89px; padding: 15px 0; border: 0; border-top: 2px solid #52c3f1; box-shadow:0px 5px 10px 0 rgb(0 0 0 / 10%);}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{line-height:38px; display:inline-block; position:relative; padding: 0; font-size: 16px; color:#666; border:0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:after{content:""; width: 0; height: 1px; position:absolute; left: 0; bottom: 6px; background: #52c3f1; transition: all .3s; }
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{font-weight:400; background: none; color:#52c3f1; border: 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover:after{width: 100%;}

.at-menu .pc-menu .nav-top.nav-both .menu_btn{width: 27px; height: 18px; margin-left: 70px; cursor: pointer;}
.at-menu .pc-menu .nav-top.nav-both .menu_btn.all_menu_close{width: 27px; height: 18px; margin-left: 65px; cursor: pointer;}
.at-menu .pc-menu .nav-top.nav-both .menu_btn span{width: 100%; height: 2px; display:block; background: #222; transition:all .3s;}
.at-menu .pc-menu .nav-top.nav-both .menu_btn span:nth-of-type(2){width:20px; margin: 6px 0; margin-left: auto;}
.at-menu .pc-menu .nav-top.nav-both .inner_all_menu{
  width: 2.54%;
  display:flex;
  align-items: center;
  height: 90px;
}
.at-menu .pc-menu .nav-top.nav-both .inner_all_menu .menu_btn{
  width: 100%;
  margin-left: 0;
}
.at-menu .pc-menu .nav-top.nav-both .menu_btn.close_btn {position:relative;}
.at-menu .pc-menu .nav-top.nav-both .menu_btn.close_btn span:nth-of-type(1) {transform:rotate(45deg); position:absolute; top:10px;}
.at-menu .pc-menu .nav-top.nav-both .menu_btn.close_btn span:nth-of-type(2) {display:none;}
.at-menu .pc-menu .nav-top.nav-both .menu_btn.close_btn span:nth-of-type(3) {transform:rotate(135deg); position:absolute; top:10px;}

/* 전체메뉴 */
.at-menu .pc-menu .all_menu{width: 100%; display:block; top: 0; left: 0; z-index:12; opacity: 0; visibility: hidden; border: 0; }
.at-menu .pc-menu .all_menu.active{ opacity: 1; visibility: visible;}
.at-menu .pc-menu .all_menu.view_all_meneu{}
.at-menu .pc-menu .all_menu .container_fix{display:flex;     align-items: flex-start;}

.at-menu .pc-menu .all_menu .all_ul{display:flex; padding: 0;  overflow:visible; 
  margin-right: 34px;
}
.at-menu .pc-menu .all_menu .all_ul .all_li{width: 139px; height:auto; float:initial; padding:0px 0 37px; margin: 0; text-align:left; position:relative; text-align: left;}
.at-menu .pc-menu .all_menu .all_ul .all_li:nth-of-type(1) {padding-left:0;}
.at-menu .pc-menu .all_menu .all_ul .all_li:nth-of-type(2) {}
/* .at-menu .pc-menu .all_menu .all_ul .all_li:nth-of-type(3) {padding-left:9px;} */
/* .at-menu .pc-menu .all_menu .all_ul .all_li:nth-of-type(4) {padding-left:35px;} */
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div{
  position: relative;
  padding-top: 20px;
}
.at-menu .pc-menu .all_menu .all_ul .all_li:before {content:""; display:inline-block; background:#52c3f1; opacity:0; width:0; height:2px; position:absolute; top:89px; transition:all .3s; left: 0;}
.at-menu .pc-menu .all_menu .all_ul .all_li:hover:before {opacity:1; width:69px;}

.at-menu .pc-menu .all_menu .all_ul .all_li .all_a{line-height: 90px; font-size: 20px; font-weight: 600; color:#222; border: none; padding: 0; margin: 0;
  /* border-bottom: 1px solid #e2e2e2; */
}
.at-menu .pc-menu .all_menu .all_ul .all_li:hover .all_a{font-weight:600; color:#52c3f1}
.at-menu .pc-menu .all_menu .all_ul .all_li .all_sub_div .all_sub_a{line-height: 38px; padding:0; font-size: 16px; color:#666;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a.in_hover{
  color: #52c3f1;
}
.all_menu .logo_box{
  width: 50%;
  height: 90px;
  display: flex;
  align-items: center;
  /* border-bottom: 1px solid #e2e2e2; */
}
.mid_border{
  width: 100%;
  height: 1px;
  background: #e2e2e2;
  position: absolute;
  top: 90px;
  left: 0;
}
/* top_banner */

.sub_text{
  padding: 0;
  margin: 0;
}
.sub_text.sub_martop{
  margin-top: 90px;
}
.sub_text .sub_text_container{
  position: relative;
}
.sub_text .sub_text_container .top_banner_tit_box{
  position: absolute;
  top: 50%;
  left: 371px;
  transform: translate(0, -50%);
}
.sub_text .sub_text_container .top_banner_tit_box .top_banner_subtit{
  font-size: 16px;
  font-weight: 400;
  color:#fff ;
  text-align: left;
  margin: 0;
  text-transform: uppercase;
 letter-spacing: 0.2em; 
}

.sub_text .sub_text_container .top_banner_tit_box .top_banner_tit{
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  margin-top: 15px;
}
.sub_menu_box{
  /* border-bottom: 1px solid #e1e1e1; */
  margin-bottom: 100px;
  position: relative;
}
.sub_menu_box::after{
  content: "";
  bottom: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  height: 1px;
  background:#e1e1e1 ;
}
.sub_menu_box .cate_ul{
  text-align: left;
  margin-bottom: 0;
}
.sub_menu_box .cate_li{
  /* width: 11.02%; */
  width: auto;
}
.sub_menu_box .cate_li a{
  text-align: center;
  border: none;
  color: #999;
  font-size: 17px;
  font-weight: 500;
  position: relative;
  padding: 0 44px;
}
.sub_menu_box .cate_li.on a{
  border: none;

  color: #52c3f1;
  font-weight: 700;
}
.sub_menu_box .cate_li.on a::after{
  content: "";
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #52c3f1;
}
h1.topbanner_page_name{
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 60px;
  text-align: center;
}
h1.topbanner_page_name.ect_padding{
  padding-top: 50px;
}
/* 메인 섹션_01 */
.section01{position: relative;}
.section01 .header_banner_btn{width:76.964%; display:flex; justify-content:space-between; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.section01 .header_banner_btn a{width: 54px; height: 54px; line-height: 54px; display:flex; place-items:center; position:static; opacity:1; border-radius: 50%; background:rgba(17, 17, 17, 0.15); transition:.3s;}
.section01 .header_banner_btn a:hover {background:rgba(17, 17, 17, 0.5);}
.section01 .header_banner_btn a span{width:13px; height: 20px; display:flex; position:relative; top: auto; left: auto; bottom: auto; right: auto; margin: 0 auto; }
.section01 .header_banner_btn a span:before,
.section01 .header_banner_btn a span:after{content:""; width: 100%; height: 1px; position:absolute; background: #fff;}
.section01 .header_banner_btn a span.glyphicon-chevron-left:before{transform: rotate(45deg); bottom: 5px; left:-1px;}
.section01 .header_banner_btn a span.glyphicon-chevron-left:after{transform: rotate(-45deg); top: 5px; left:-1px;}
.section01 .header_banner_btn a span.glyphicon-chevron-right:before{transform: rotate(45deg); top: 5px; left:1px;}
.section01 .header_banner_btn a span.glyphicon-chevron-right:after{transform: rotate(-45deg); bottom: 5px; left:1px;}

/* 메인 섹션_02 */
.section02 {position:relative; margin-bottom:175px;}
.section02 .section02_list {width:1180px; background:#fff; border-radius:15px; padding:36px 30px; box-shadow:0px 0px 10px 0 rgb(0 0 0 / 10%); position:absolute; top:-74px;}
.section02 .section02_list > ul {display:flex; align-items:center;}
.section02 .section02_list > ul > li {display:flex; align-items:center;}
.section02 .section02_list > ul > li:after {content:""; display:inline-block; width:1px; height:60px; background:#e8e8e8; margin-left:60px; margin-right:30px;}
.section02 .section02_list > ul > li:nth-of-type(3):after {margin-left:80px;}
.section02 .section02_list > ul > li:nth-of-type(4):after {display:none;}
.section02 .section02_list > ul > li > a {display:flex; flex-direction:column; margin-left:28px;}
.section02 .section02_list > ul > li > a .title {font-size:19px; font-weight:600; color:#222; margin-bottom:12px; transition:.3s;}
.section02 .section02_list > ul > li > a .more_btn {font-size:14px; font-weight:500; color:#666;}
.section02 .section02_list > ul > li > a:hover .title {color:#52c3f1;}

/* 메인 섹션_03 */
.section03 .container_fix {display:flex; justify-content:space-between; align-items:center;}

.section03 .left_cont {width:64.406%;}
.section03 .left_cont .first {display:flex; justify-content:space-between;}
.section03 .left_cont .second {display:flex; justify-content:space-between; margin-top:12px;}
.section03 .left_cont > ul > li {position:relative;}
.section03 .left_cont > ul > li .text {position:absolute; left:28px; top:32px; color:#fff;}
.section03 .left_cont > ul > li .text .title {font-size:19px; font-weight:600;}

.section03 .left_cont > ul > li .text .title .plus {display:inline-block; width:12px; height:12px; position:relative; left:-3px; bottom:-1px; transition:.6s;}
.section03 .left_cont > ul > li .text .title .plus:before {content:""; display:inline-block; width:2px; height:11px; background:#fff; position:absolute; left:5px;}
.section03 .left_cont > ul > li .text .title .plus:after {content:""; display:inline-block; width:2px; height:11px; background:#fff; transform:rotate(90deg); position:absolute; left:5px;}
.section03 .left_cont > ul > li:hover .text .title .plus {transform:rotate(360deg);}

.section03 .left_cont > ul > li .text .desc {display:block; font-size:16px; margin-top:11px; line-height:1.5;}
.section03 .left_cont > ul > li .text .desc .semi_bold {font-weight:600;}

.section03 .left_cont > ul > li .list_hover {cursor:pointer; transition:all .6s;}
.section03 .left_cont > ul > li .list_hover.active {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(48, 181, 233, 0.75); filter:brightness(110%);}

.section03 .right_cont {width:34.152%; border:1px solid #e1e1e1; padding:30px 21px 27px 20px;}
.section03 .right_cont .tt {font-size:21px; font-weight:700; color:#222; margin-bottom:22px;}

.section03 .right_cont .basic-post-slider {overflow:visible;}
.section03 .right_cont .owl-show {overflow:visible;}
.section03 .right_cont .owl-container {overflow:visible;}
.section03 .right_cont .owl-carousel .owl-wrapper-outer {padding:0;}
.section03 .right_cont .img-wrap .img-item {border:1px solid #e1e1e1; transition:.3s;}
.section03 .right_cont .img-wrap .img-item:hover {border:1px solid #52c3f1;}

.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div {background:transparent; top:-20px;}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div > span {position:relative;}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div.owl-prev {left:auto; right:35px;}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div.owl-next {right:4px !important;}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div > span:before {content:""; display:inline-block; width:1px; height:10px; background:#d3d3d3; position:absolute; top:-7px; transition:.5s;}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div > span:after {content:""; display:inline-block; width:1px; height:10px; background:#d3d3d3; transition:.5s;}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div.owl-prev > span:before,
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div.owl-next > span:after{transform:rotate(45deg);}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div.owl-prev > span:after,
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons div.owl-next > span:before {transform:rotate(135deg);}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons .owl-prev:hover > span:before,
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons .owl-prev:hover > span:after {background:#666;}
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons .owl-next:hover > span:before,
.section03 .right_cont .owl-carousel .owl-controls .owl-buttons .owl-next:hover > span:after {background:#666;}

.section03 .right_cont .basic-post-slider .post_content li {font-size:15px; font-weight:500; color:#222; padding-left:13px; padding-top:13px;}

/* 메인 섹션_04 */
.section04 {margin:100px 0 75px;}
.section04 .top {display:flex; align-items:self-end; justify-content:space-between; margin-bottom:23px;}
.section04 .top .tt {font-size:21px; font-weight:700; color:#222;}
.section04 .top .more_btn {font-size:16px; font-weight:500; color:#222; transition:.3s;}
.section04 .top .more_btn:hover {color:#52c3f1;}

#nifqcebpyvsduormlxtgwhjk .img-wrap {position:relative;}
.section04 .img-wrap .list_hover {cursor:pointer; transition:all .6s; border-radius:10px; position:absolute; left:0; top:0; right:0; bottom:100%;}
.section04 .img-wrap .list_hover.active {bottom:0; background:rgba(255, 255, 255, 0.2); z-index:10;}

.section04 .img-wrap .img-item {border-radius:10px;}
.section04 .miso-post-gallery .post-content {padding-top:22px; margin:0;}
.section04 .miso-post-gallery .post-content > a .category {font-size:14px; color:#55c3f1;}
.section04 .miso-post-gallery .post-content > a .subject {display:block; font-size:17px; font-weight:600; color:#222; margin-top:7px;}

/* 메인 섹션_05 */
.section05 .carousel-indicators li {width:11px; height:11px; background:rgba(60, 60, 60, 0.1); border:none;}
.section05 .carousel-indicators li + li {margin-left:13px;}
.section05 .carousel-indicators .active {background:#6dcff6; margin:1px; margin-left:14px;}
.section05 .carousel-indicators li:nth-of-type(1).active {margin-left:1px;}

/* 탑 버튼 */
.at-go .go-btn > span {display:none;}
.at-go .go-btn {right:50px; bottom:85px; width:54px; text-align:center; width:54px; height:54px; border-radius:0; background:#fff; border:1px solid #e1e1e1; margin:0; cursor:pointer;}
.at-go .go-btn .arrow {position:relative;}
.at-go .go-btn .arrow.active {animation:arrow_up alternate infinite .3s;}
.at-go .go-btn .arrow:before {content:""; display:inline-block; width:1px; height:7px; background:#9b9b9b; transform:rotate(45deg); position:absolute; left:23px; top:14px;}
.at-go .go-btn .arrow:after {content:""; display:inline-block; width:1px; height:7px; background:#9b9b9b; transform:rotate(135deg); position:absolute; right:23px; top:14px;}
.at-go .go-btn .text {font-size:12px; font-weight:500; color:#888; padding-top:28px; letter-spacing:0.03em;}

@keyframes arrow_up {
	0% {top:2px;}
	100% {top:-4px;}
}

/* 푸터 */
.fix_footer {background:#363636; margin-top: 100px;}
.fix_footer.no_margin {margin-top:0;}

.fix_footer .fix_links_box {border:none;}
.fix_footer .fix_links_box .container_fix {display:flex; justify-content:space-between; border-bottom:1px solid #636363; width:1180px; padding:0;}
.fix_footer .fix_links_box ul {padding:28px 0 22px;}
.fix_footer .fix_links_box .fix_links > li a {font-size:16px; color:#c1c1c1; transition:.3s;}
.fix_footer .fix_links_box .fix_links > li a:hover {color:#eee;}
.fix_footer .fix_links_box .fix_links > li + li {margin-left:0; padding-left:14px;}
.fix_footer .fix_links_box .fix_links > li + li:after {display:none;}

.fix_footer .fix_infos_box {padding:30px 0 50px;}
.fix_footer .fix_infos_box .info_ul {margin-bottom:10px;}
.fix_footer .fix_infos_box .info_ul > li {font-size:14px; color:#c1c1c1; letter-spacing:0;}
.fix_footer .fix_infos_box .info_ul > li + li {margin-left:9px; padding-left:13px;}
.fix_footer .fix_infos_box .info_ul > li + li:after {height:10px; margin-top:-5px; background:#c1c1c1;}
.fix_footer .fix_infos_box .info_ul > li a {color:#c1c1c1;}
.fix_footer .fix_infos_box h4 {color:#fff; margin-top:25px;}
.tit_banner_set_btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
span.m_br{
  display: none;
}
.fix_footer .fix_infos_box .info_ul > li.pc_fax{
  margin-left: 0;
  padding-left: 0;
}
.fix_footer .fix_infos_box .info_ul > li.pc_fax::after{
  content: none;
 
}
@media (max-width: 1919px) {
  .sub_text .sub_text_container .top_banner_tit_box{
    left: 50%;
    transform: translate(-50%, -50%);
  }

}
@media (max-width: 1210px) {
  .section03 .left_cont{
    width: 100%;
  }
  .section03 .right_cont{
    width: 100%;
  }
  .section03 .container_fix{
    flex-direction: column;
    flex-wrap: wrap;
  }
  .section03 .left_cont > ul > li a img{
    width: 100%;
  }
  .section03 .left_cont > ul > li+ li{
    margin-top: 12px;
  }
  .section03 .left_cont .first,.section03 .left_cont .second{
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .responsive .m-menu,.section01 .header_banner_btn a{
    display: none;
  }
  .section02{
    margin-bottom: 30px;
  }
  .section02 .section02_list{
    width: 100%;
    position: relative;
    padding: 17.5px 26px;
    top: -41px;
  }
  .section02 .section02_list > ul{
    flex-wrap: wrap;
  }
  .section02 .section02_list > ul > li:nth-child(even){
    margin-left: 8%;
    /* justify-content: flex-end; */
  }
  .section02 .section02_list > ul > li:nth-child(n+3){
    margin-top: 13px;
  }
  .section02 .section02_list > ul > li{
    width: 46%;
  }
  .section02 .section02_list > ul > li img{
    height: 46px;
  }
  .section02 .section02_list > ul > li > a{
    margin-left: 14px;
  }
  .section02 .section02_list > ul > li > a .title{
    font-size: 13px;
  }
  .section02 .section02_list > ul > li > a .more_btn{
    font-size: 9px;
  } 
  .section02 .section02_list > ul > li:after{
    content: none;
  }
  .section03 .container_fix{
    flex-direction: column;
  }
  .section03 .left_cont > ul > li + li{
    margin-top: 22px;
  }
  .section03 .left_cont .first,.section03 .left_cont .second{
    flex-direction: column;
  }
  .section03 .left_cont .second{
    margin-top: 20px;
  }
  .section03 .left_cont{
    width: 100%;
  }
  .section03 .left_cont > ul > li a img{
    width: 100%;
  }
  .section03 .right_cont{
    width: 100%;
    margin-top: 20px;
    padding: 27.5px 15px;
  }
  .section04 .top .tt{
    font-size: 19px;
  }
  .section03 .right_cont .tt{
    font-size: 22px;
    margin-bottom: 14px;
  }
  .section03 .right_cont .basic-post-slider .post_content li{
    font-size: 14px;
    padding: 12.5px 0px 0 0;
    text-align: center;
  }
  .section04 {
    margin: 60px 0 57px;
  }
  .section04 .top .more_btn{
    font-size: 13px;
  }
  .section04 .top .more_btn span{
    font-size: 17.5px;
    font-weight: 300;
  }
  .section04 .miso-post-gallery .post-content > a .category{
    font-size: 12.5px;
  }
  .section04 .miso-post-gallery .post-content > a .subject{
    font-size: 15px;
  }
  .fix_footer .fix_links_box ul{
    padding: 0;
    text-align: left;
  }
  .fix_footer .fix_links_box .container_fix{
    padding: 20px 15px 0;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: none;
  }
  .fix_footer .fix_links_box .fix_links > li a{
    font-size: 13px;
  }
  .fix_footer .fix_links_box ul + ul{
    margin-top: 15px;
    width: 100%;
    
  }
  .fix_footer .fix_links_box ul:last-child{
    border-bottom:1px solid #636363;
    padding-bottom: 20px;
  }
  
  .at-go .go-btn{
    right: 15px;
    bottom: 250px;
    position: absolute;
  }
  .responsive.is-mobile{
    position: relative;
  }
  .section03 .left_cont > ul > li .text .desc{
    margin-top: 15px;
    line-height: 1.2;
    font-size: 13px;
  }
  .section03 .left_cont > ul > li .text .title{
    font-size: 17px;
  }
  .section03 .left_cont > ul > li .text{
    left: 23px;
    top: 30px;
  }
  .m_header_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 15px;
  }
  .m_header a.left_menu{
    left: unset;
    position: relative;
  }
  .m_header .center_logo img{
    height: 32px;
  }
  .m_header .left_menu img{
    height: 15px;
  }
  .responsive.is-mobile #sidebar-box{
    margin-right: 0;
    margin-left: 40px;
    left: unset;
    right: -380px;
  }
  .responsive.is-mobile .sidebar_custom .sb_header{
    border: none;
  }
  .responsive.is-mobile .sidebar_custom{
    background: none;
  }
  .responsive.is-mobile #sidebar-box .sidebar-menu{
    border-top: none;
  }
  .responsive.is-mobile .sidebar_custom .sb_header{
    padding: 9px 15px;
  }
  .responsive.is-mobile .sidebar_custom .sb_header .sidebar_close{
    width: auto;
    height: auto;
    vertical-align: middle;
  }
  .responsive.is-mobile #sidebar-box .sidebar-wing-close.sidebar_close img{
    height: 18px;
  }
  .responsive.is-mobile #sidebar-box .sidebar-menu .ca-head.active > a > .ca-href::after{
    content: "\f106";
  }
  .responsive.is-mobile #sidebar-box #sidebar-box .sidebar-menu .ca-head > a > .ca-href::after{

  }
  .responsive.is-mobile #sidebar-box .sidebar-menu .ca-head > a > .ca-href::after{
    top: 0px;
    font-family: "FontAwesome";
    float: right;
    position: relative;
    content: "\f107"
  }
  .responsive.is-mobile #sidebar-box .sidebar-menu .panel .ca-head > a{
    font-size: 21px;
    line-height: 55px;
    color: #222;
    font-weight: 500;
    padding: 0;
    margin-right: 15px;
  }
  #sidebar-box .sidebar-menu a{
    font-size: 14px;
    padding: 0;
    line-height: 35px;
    color: #666;
  }
  .responsive.is-mobile #sidebar-box .sidebar-menu .ca-head{
    border-bottom: none;
  }
  .responsive.is-mobile #sidebar-box #sidebar-menu .sidebar-menu .ca-head.active > a{
    border-bottom: 1px solid #e1e1e1;
  }
  .responsive.is-mobile #sidebar-box .sidebar-menu .ca-head > a > .ca-href{
    color: #bbb;
  }
  .fix_footer .fix_infos_box .info_ul > li{
    font-size: 12px;
  }
  .responsive.is-mobile #sidebar-box .sidebar-menu .ca-sub{
    background: none;
    border: none;
    padding-bottom: 25px;
    padding-top: 15px;
  }
  .fix_footer .fix_links_box .fix_links > li + li{
    font-size: 13px;
  }
  .section05 .carousel-indicators li + li,
  .section05 .carousel-indicators .active{
    margin-left: 11px;
  }
  .section05 .carousel-indicators li{
    width: 8px;
    height: 8px;
  }
  .fix_footer .fix_infos_box .info_ul > li + li{
    margin-left: 6px;
    margin-top: 0;
    padding: 0;
  }
  .fix_footer .fix_infos_box .info_ul{
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .fix_footer .fix_infos_box .info_ul + ul{
    margin-top: 10px;

  }
  .fix_footer .fix_infos_box .info_ul > li:nth-child(n+4){
    margin-top: 10px;
  }
  .fix_footer .fix_infos_box .info_ul > li:nth-child(4),  .fix_footer .fix_infos_box .info_ul > li:last-child{
    margin-left: 0;
  }
  .fix_footer .fix_infos_box .info_ul > li:nth-child(4)::before,  .fix_footer .fix_infos_box .info_ul > li:last-child::before{
    content: none;
  }

  .fix_footer .fix_infos_box .info_ul > li + li::before{
    content: "|";
    color: #c1c1c1;
    font-size: 10px;
    margin-right: 6px;
  }
  .fix_footer .fix_infos_box h4{
    margin-top: 20px;
    line-height: 19px;
  }
  .fix_footer .fix_infos_box{
    padding: 20px 0 37px;
  }
  span.m_br{
    display: block;
  }
  .at-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    background: #fff;
  }
  .section02 .section02_list > ul > li > a .title{
    margin-bottom: 8px;

  }
  .at-wrapper{
    margin-top: 50px;
  }
  .sub_text.sub_martop{
    margin-top: 0;
  }
  .sub_text .sub_text_container .top_banner_tit_box{
    left: 15px;
    transform: translate(0, -50%);
  }
  .sub_text .sub_text_container .top_banner_tit_box .top_banner_subtit{
    font-size: 11px;
  }
  .sub_text .sub_text_container .top_banner_tit_box .top_banner_tit{
    font-size: 25px;
    margin-top: 15px;
  }

}

.test_img{
    /* display: none; */
    position: absolute;
    top:0;
    left: 0;
    z-index: 99;
    width: 100%;
    opacity: 0.6;
}