@charset "utf-8";
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}

.cont_main {width:100%; overflow:hidden; padding-top:106px;}

.m_con {/*max-width:1740px; margin:0 auto; */}
.visualzone {background:#ddd;}
.m_con .left { width:100%; position:relative;}
.m_con .left h2 {position:absolute; left:70px; bottom:70px; z-index:11;}
.m_con .left .item {height:620px; position:relative;}
.m_con .left .item:before {content:''; display:block;  position:absolute; left:0; top:0; right:0; bottom:0;
    background:url(../images/main/main_banner01.jpg) no-repeat center top; 
transition: 1s ease-in-out; transform: scale(1.16);  filter:brightness(0.5) grayscale(100%) contrast(0.9); opacity:0;  border-radius:0 110px 110px 0; overflow:hidden;}
.m_con .left .item.n2:before {background-image:url(../images/main/main_banner02.jpg);} 
.m_con .left .slick-active .item:before {transform:scale(1);  filter:brightness(1) grayscale(0%) contrast(1); opacity:1; width:100%; border-radius:0; transition: 1s ease-in-out;}
.m_con .left .nav {position:absolute ;right:0; bottom:-2px; display:flex;}
.m_con .left .nav .count {line-height:70px; margin-right:20px;}
.m_con .left .nav .count em {font-size:16px;}
.m_con .left .nav .count span {font-size:12px;}
.m_con .left .nav button {width:70px; height:70px; background:#222; color:#fff; text-align:center; line-height:70px; font-size:15px;}
.m_con .left .nav button.next {background:#fff; color:#333;}
.m_con .right {width:400px; background:#3a60b8 url(../images/main/right_bg.png) no-repeat right 78px; }
.m_con .right .top { height:440px; padding:50px;}
.m_con .right .top .tabs { display:flex; flex-wrap:wrap; margin-bottom:28px;}
.m_con .right .top .tabs li a {display:block; font-size:24px; color:#fff; opacity:.6; margin-right:54px;}
.m_con .right .top .tabs li a.on {font-weight:bold; opacity:1;}
.m_con .right .panelWrap {visibility:hidden; height:0; opacity:0; transition:0s; transform:translateX(30px);}
.m_con .right .panelWrap.on {visibility:visible; height:auto; opacity:1; transition: 0.5s; transition-delay: 0.2s; transform:translateX(0px);}
.m_con .right .panelWrap#tab1 .item {  position:relative; height:252px;}



.m_con .right .panelWrap#tab1 .item a {display:block; position:relative;}
.m_con .right .panelWrap#tab1 .item a:before {content:''; display:block; position:absolute; left:74px; right:0; bottom:8px; height:1px; background:#fff; transition: 0.3s ease-in-out; opacity:.3;}
.m_con .right .panelWrap#tab1 .item a .tit { display:block; height:90px; border:1px solid rgba(255,255,255,0.2); display:flex; padding:20px 25px 20px 20px;align-items: center; position:relative; transition:0.3s ease-in-out; color:#fff; }
.m_con .right .panelWrap#tab1 .item a .tit span { overflow: hidden; line-height:1.25; height:2.5em; color:#222; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:18px; color:#fff; }
.m_con .right .panelWrap#tab1 .item a .tit em {position:absolute; right:13px; bottom:13px; width:22px; height:22px; text-align:center; line-height:22px; color:#fff; background:#fa5f52; border-radius:50px; font-size:13px;}
.m_con .right .panelWrap#tab1 .item a .txt {overflow: hidden; line-height:1.4; height:4.2em;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:17px; font-weight:300; margin:20px 0 50px; color:#fff; opacity:.8; }
.m_con .right .panelWrap#tab1 .item a .date {font-size:15px; position:relative; z-index:2; padding-right:10px; color:#fff; opacity:.5;}



.m_con .right .panelWrap#tab2 .item {  position:relative; height:252px; }

.m_con .right .panelWrap#tab2 .item a {display:block; position:relative;}
.m_con .right .panelWrap#tab2 .item a:before {content:''; display:block; position:absolute; left:74px; right:0; bottom:8px; height:1px; background:#fff; transition: 0.3s ease-in-out; opacity:.3;}
.m_con .right .panelWrap#tab2 .item a .img {display:block; overflow:hidden; height:160px; width:100%;}
.m_con .right .panelWrap#tab2 .item a .img img {width:100%; height:auto;}
.m_con .right .panelWrap#tab2 .tit { font-size:17px; color:#fff; opacity:.8; margin:20px 0 32px; display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_con .right .panelWrap#tab2 .item a .date {font-size:15px; position:relative; z-index:2; padding-right:10px; color:#fff; opacity:.5;}


.m_con .right .panelWrap .nav ul {display:flex; justify-content: center; margin-top:29px;}
.m_con .right .panelWrap .nav ul li button { display:block; width:10px; height:10px; overflow:hidden; text-indent:-99px; font-size:0; background:#fff; border-radius:50%; opacity:.3; margin:0 8px;}
.m_con .right .panelWrap .nav ul li.slick-active button {opacity:1;}


.m_con .right .fac_btn { color:#fff; display:block; height:180px; background:#00b2b0; display:flex; align-items: center; padding:0 50px; position:relative; transition: 0.3s;}
.m_con .right .fac_btn:hover { color:#ffdd62; font-weight:600; background:#009fb2;}
.m_con .right .fac_btn:before {content:''; display:block; width:80px; height:80px; background:url(../images/main/fac_ico.png) no-repeat; margin-right:22px; transition: 0.3s;}
.m_con .right .fac_btn:hover:before {transform: rotateY(180deg);}
.m_con .right .fac_btn:after {content:''; display:block; width:17px; height:9px; background:url(../images/main/cursor.png) no-repeat; margin-left:56px;}

.m_quick { margin:60px auto; max-width:1500px; }
.m_quick ul {display:flex; margin:0 -30px; flex-wrap:wrap;}
.m_quick ul li { width:14.28%; position:relative;}
.m_quick ul li:before {content:''; display:block; width:calc(100% + 2px); height:164px; background:transparent; position:absolute; left:-1px; top:-32px; opacity:0; transform: translateX(-30px); transition:0.3s ease-in-out; border-radius:12px;}
.m_quick ul li:hover:before {transform: translateX(0); opacity:1; background:#f0f3f7;}
.m_quick ul li a {display:block; text-align:center; font-size:18px; line-height:1.4; position:relative;}
.m_quick ul li a:after { content:''; display:block; position:absolute; right:0; top:-8px;  width:1px; height:120px; background:#f0f3f7;}
.m_quick ul li:last-child a:after {display:none;} 
.m_quick ul li a:before {content:''; display:block; width:100%; height:62px; background:url(../images/main/quick01.png) no-repeat center top; margin:0 auto 16px; transition: 0.5s ease-in-out; }
.m_quick ul li a:hover:before {transform: rotateY(-360deg);}
.m_quick ul li.n2 a:before {background-image:url(../images/main/quick02.png);}
.m_quick ul li.n3 a:before {background-image:url(../images/main/quick03.png);}
.m_quick ul li.n4 a:before {background-image:url(../images/main/quick04.png);}
.m_quick ul li.n5 a:before {background-image:url(../images/main/quick05.png);}
.m_quick ul li.n6 a:before {background-image:url(../images/main/quick06.png);}
.m_quick ul li.n7 a:before {background-image:url(../images/main/quick07.png);}
.m_quick ul li.n8 a:before {background-image:url(../images/main/quick08.png);}
.m_quick ul li.n9 a:before {background-image:url(../images/main/quick09.png);}



.m_news {position:relative; height:700px;}
.m_news .bg {height:530px; background:#0072ba url(../images/main/news_bg.png) no-repeat center top; background-attachment:fixed;}
.m_news .light {width:230%; height:530px;  background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 60%, rgba(255,255,255,0) 100%); position:absolute; left:180%; top:0; z-index:2; mix-blend-mode: overlay;}
.m_news .slick-list {padding-bottom:80px;}
.m_news .inr {position:absolute; left:50%; margin-left:-750px; top:90px; right:0;  z-index:3;}
.m_news .inr h3 {font-size:54px; color:#fff; font-weight:400; margin-bottom:40px;}
.m_news .inr h3 strong {font-size:54px;}
.m_news .inr .item { width:auto !important; max-width:330px; margin-right:60px;}
.m_news .inr .item a { display:block; background:#fff; position:relative; transition: 0.3s ease-in-out;}
.m_news .inr .item a:hover {box-shadow:40px 40px 40px rgba(0,44,114,0.3); }
.m_news .inr .item a .txt {display:block; padding:40px 30px 20px 40px;}
.m_news .inr .item a .txt .date {font-size:16px;}
.m_news .inr .item a .txt .date:after {content:''; display:block; width:37px; height:21px; background:url(../images/main/ico_cursor.png) no-repeat; position:absolute; right:35px; top:40px;}
.m_news .inr .item a .txt .date strong {display:block; font-size:42px; margin:18px 0 8px;}
.m_news .inr .item a .tit { overflow: hidden; line-height:1.4; height:2.8em; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:20px;} 
.m_news .inr .item a .img {display:block; height:210px; overflow:hidden; position:relative;}
.m_news .inr .item a .img img {transition: 0.7s; }
.m_news .inr .item a:hover .img img {transform: scale(1.1);}
.m_news .inr .item .img:before {content:''; display:block; position:absolute; left:0; top:0; right:0; height:126px; background:url(../images/main/news_over.png) no-repeat; z-index:2;}
.m_news .inr .item .img img { min-height:210px; }
.m_news .inr .item a:before ,
.m_news .inr .item a:after ,
.m_news .inr .item a .txt:before ,
.m_news .inr .item a .txt:after {content:''; display:block; position:absolute; background:#00e6d9;  z-index:3; transition: 0.3s; transition-delay: 0s;}
.m_news .inr .item a:before {left:0; top:0; height:5px; width:0%; }
.m_news .inr .item a:after {right:0; top:0; width:5px; height:0%; }
.m_news .inr .item a .txt:before {right:0; bottom:0; height:5px; width:0%; }
.m_news .inr .item a .txt:after {left:0; bottom:0; width:5px; height:0%; }
.m_news .inr .item a:hover:before { width:100%; transition: 0.3s; }
.m_news .inr .item a:hover:after { height:100%; transition: 0.3s;  transition-delay:0.2s;}
.m_news .inr .item a:hover .txt:before {width:100%; transition: 0.3s; transition-delay:0.4s;}
.m_news .inr .item a:hover .txt:after { height:100%; transition: 0.3s;  transition-delay:0.6s;}

.m_news .nav .prev { position:absolute; left:-100px; top:185px; }
.m_news .nav .next { position:absolute; display:none;}
.m_news .nav .prev i , .m_news .nav .next i
{ width:57px; height:57px; border-radius:50%; border:1px solid rgba(255,255,255,0.3); color:#fff; line-height:55px;}
.m_news .nav div {position:absolute; left:50%; margin-left:547px; top:-76px; width:100px; text-align:right; color:#fff; font-size:16px;}
.m_news .nav div button.play , .m_news .nav div button.pause {background:none; width:29px; height:29px; border:1px solid rgba(255,255,255,0.3); text-indent:-999px; overflow:hidden; background:url(../images/main/playpause.png) no-repeat 1px top;  margin-left:12px;}
.m_news .nav div button.play { background-position:1px -28px; }


.m_media {position:relative;}
.m_media .inr {max-width:1500px; margin:0 auto; position:relative; margin-bottom:110px; z-index:12;}
.m_media .inr h3 {font-size:54px; margin-bottom:40px;}
.m_media .inr h3 span { font-size:44px; font-weight:normal;}
.m_media .slickwrap {height:500px;}
.m_media .slider.small {margin-left:390px;}
.m_media .item {width:auto !important; max-width:330px; margin-right:60px;}
.m_media .item a { display:block; margin-top:105px;}
.m_media .item a .img {display:block; border-radius:16px; height:184px; overflow:hidden; position:relative;}
.m_media .item a .img:before {content:''; display:block; width:96px; height:67px; background:url(../images/main/ico_youtube.png) no-repeat; position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%) scale(0.5); z-index:2;}
.m_media .item a .img img {position:relative; top:50%; transform: translateY(-50%);}
.m_media .item a .txt { overflow: hidden; line-height:1.4; height:2.8; margin:20px 10px 0 20px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:18px; position:relative; padding-right:20px;} 
.m_media .item a .txt i {position:absolute; right:0; top:4px; color:#aaa;}
/*
.m_media .slick-list {overflow:initial !important;}
.m_media .slider.small {margin:0; padding-left:390px;}
.m_media .item a .txt {transition: 0.3s;}
.m_media .slick-slide {opacity:0; transition: 0.3s;}
.m_media .slick-active {opacity:1;transition-delay: 0.3s;}
.m_media .slick-current {transform: scale(2.182) translateX(-73px) translateY(-13px); position:relative; z-index:1111; transition-delay: 0.3s;}
.m_media .slick-current a {min-height:250px;}
.m_media .slick-current a .txt {font-size:14px; margin:10px 10px 0 10px;}
.m_media .slick-current  a .txt i {font-size:12px; right:3px; top:3px;}
*/
.m_media .slider.big {position:absolute; left:0; top:0; width:720px; z-index:11;}
.m_media .slider.big .slick-list {border-radius:40px;}
.m_media .slider.big .item {width:720px !important; max-width:720px;}
.m_media .slider.big .item a {margin-top:0;}
.m_media .slider.big .item a .img { height:400px; border-radius:40px;}
.m_media .slider.big .item a .img:before {transform: translateX(-50%) translateY(-50%) scale(1);}
.m_media .slider.big .item a .txt {font-size:26px; margin:30px 20px 0 30px;}
.m_media .slider.big .item a .txt i {font-size:20px; top:7px;}
.m_media .nav {position:absolute; left:424px; top:-86px; display:flex; justify-content:space-between; align-items:center; width:270px;}
.m_media .nav:before {content:''; display:block; height:1px; position:absolute; left:90px; top:50%; margin-top:-1px; right:70px; background:#c9d3e1;}
.m_media .nav .count span {margin:0 15px; font-size:12px; font-family:'dotum'; color:#aaa;}
.m_media .nav .count em {font-weight:600; color:#888; font-size:14px; display:inline-block; height:28px; line-height:28px;}
.m_media .nav .count em:first-child {color:#0d3d8b;}
.m_media .nav div button { display:inline-block; width:28px; height:28px; text-align:center; line-height:28px; background:none; color:#888;}
.m_media .nav div button i {font-size:14px;}
.m_media .sns {position:absolute; right:0px; top:9px; overflow:hidden; }
.m_media .sns li {float:left; margin-left:10px;}
.m_media .sns li a {transition: 0.3s;}
.m_media .sns li a:hover { filter:brightness(1.14);}


.m_media .ani_txt { font-size:200px; font-weight:900; position:absolute; left:-450px; top:80px; color:#eef5ff; white-space: nowrap; z-index:-1; letter-spacing:-0.05em;}

/*메인*/
.second_2_area{margin:150px 0;}
.inr{width: 85%; margin: 0 auto}

.second_2_area > .inr > .h3_tit{font-size: 3em;    margin-bottom: 10px;    position: relative;    line-height: 40px; font-family:'S-CoreDream-8Heavy';}
.second_2_area > .inr > .h3_tit:before{content:'';  position:absolute;  height:10px; width: 10px;     right: -15px;    bottom: -3px; background:#f4db80 ; border-radius: 50%;}

.second_2_area .title{  margin-top: 20px;}
/*.point{  color: #f67404; font-size: 60px;  }*/

.second_2_area ul{display: flex;flex-wrap: wrap; justify-content: space-between;margin-top:50px; gap:35px;}
.second_2_area ul li{width: calc( ( 100% - ( 70px * 2 ) ) / 3 )}
.second_2_area ul .tit{margin: 20px 0; font-size: 22px;  font-family:'S-CoreDream-7ExtraBold';}
.second_2_area ul .txt{font-size: 17px; }
.second_2_area ul li img{border-radius: 20px;     width: 100%;}


.third_3_area .inr{display: flex; justify-content: space-between;}
.third_3_area .inr > div{width: 49%;}
.third_3_area{background:#fdf5ef; padding: 100px 0;}

.inr .h3_tit{font-size: 22px;  font-family:'S-CoreDream-7ExtraBold'; position: relative;     display: inline-block; margin-bottom: 20px;}
.inr .h3_tit:before{content:'';  position:absolute;  height:10px; width: 10px;     right: -15px;    bottom: 2px;  background:#f4db80; border-radius: 50%;}

.notice_wrap .logo_img{background: #fff; /*padding:6.5% 10%;*/ box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1);    min-height: 550px; text-align: center}

.third_3_area .infouse_wrap{background: #fff; padding: 6.5% 10%; box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1); min-height: 550px;}


.third_3_area .infouse_wrap .tel{font-size: 3em; color: #222 ;  font-family:'S-CoreDream-8Heavy'; margin-bottom: 20px;}
.third_3_area .infouse_wrap  ul{display: flex;  gap:30px;}

.third_3_area .infouse_wrap  ul li:first-child {width: 45%}
.third_3_area .infouse_wrap  ul li:last-child {width: 55%}
.third_3_area .infouse_wrap  ul li span{background: #ddd; padding: 5px; margin-right: 10px; text-align: center;     width: 85px; display: inline-block; }
.third_3_area .infouse_wrap  ul li p{margin-bottom: 15px;}

.third_3_area .infouse_wrap .add{background:#f4db80 ; color: #222; padding: 5px 20px;     display: inline-block; margin: 20px 0;  }
.third_3_area .infouse_wrap .com p{line-height: 27px; margin-bottom: 5px;}
.third_3_area .info_wrap{position: relative; }
.third_3_area .info_wrap a{    position: absolute;    top: -5px;    right: 0;    display: block;    font-family: 'S-CoreDream-4Regular'; line-height:33px;    font-size: 50px;
    color: #535b6b;    text-align: center;    width: 28px;    height: 25px;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
.third_3_area .holiday{border-bottom:1px solid #ddd;  padding-bottom: 17px;}
  .third_3_area .holiday span  {background: #ddd;
    padding: 5px;
    margin-right: 10px;
    text-align: center;
    width: 85px;
display: inline-block;}


@media screen and (max-width:1415px){
.notice_wrap .logo_img,
    .third_3_area .infouse_wrap{padding: 5%;}

}


@media screen and (max-width:1190px){
    .third_3_area .infouse_wrap{padding: 3%;}
    .third_3_area .infouse_wrap ul {    gap: 5px;}
}

@media screen and (max-width:1080px){
    .third_3_area .inr{flex-wrap: wrap}
    
    .third_3_area .inr > div{width: 100%; margin-bottom: 50px;}
    .third_3_area .infouse_wrap{padding: 5% 10%;}
    .third_3_area .infouse_wrap ul {    gap:30px;}
}


/* Tablet 1024px ~ 1259px */
@media screen and (max-width:1559px){
	.m_scroll { left:initial; right:-36px; bottom:124px; position:absolute;}
	.visual .item .txt {margin-left:30px;}
	.visual .box1 {margin-left:0; left:30px;}
	.m_notice {height:auto;}
	.m_notice .inr {position:relative; left:0; top:0;  margin-left:0; padding-left:360px; height:auto;}
	.m_notice .inr .left {left:30px;}
	.m_notice .inr .left .tabs li a {background:#fff;}
	.m_notice .inr .panelWrap .item {margin-right:40px;}
	.m_notice .inr .panelWrap .nav {left: -327px;}

	
	.m_quick {margin:60px 0;}
	.m_quick ul {justify-content: center; margin:0 0px;}
	
	.m_quick ul li:before { display:none;}
	.m_quick ul li a:after {height:70px; top:20px;}
	.m_quick ul li:nth-child(5) a:after {display:none;}

	.m_news {height:660px;}
	.m_news .bg { height:500px;}
	.m_news .inr {left:30px; top:70px; margin-left:0; }
	.m_news .inr h3 {margin-bottom:35px;}
	.m_news .inr .item {margin-right:40px;}
	.m_news .nav div {left:inherit; margin:0; right:30px;}
	

	
	.m_media .inr {margin:0 0 80px 30px;}
	.m_media .inr h3 {margin-bottom:35px;}
	.m_media .sns {right:30px;}
	.m_media .nav { top:-81px; left:360px;}
	
	


}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1279px){

	.cont_main {padding-top:80px;}
	.m_con {display:block;}
	.m_con .left {width:auto;}
	.m_con .left h2 {left:50px; bottom:50px;}
	.m_con .left .item {height:500px;}
	.m_con .left .item:before {background-size:cover;}
	.m_con .left .slick-slider {transform:none !important;}
	.m_con .right {width:auto;}
	.m_con .right .slickwrap {margin:0 -15px;}
	.m_con .right .slickwrap .item {padding:0 15px;}

	.m_con .right .fac_btn { height:150px;}
	.m_con .right .fac_btn:after {position:absolute; right:50px; top:50%; transform: translateY(-50%);}
    
    .inr{width: 90%;}
    .second_2_area ul .txt{word-break: keep-all}
    .second_2_area ul .txt br{display: none;}
    
       .third_3_area .infouse_wrap{min-height: auto}
    .notice_wrap .logo_img{    min-height: 510px;}

}

@media screen and (max-width:1023px){

	.m_con {border-radius:30px;}

	.m_con .left .item {height:450px;}
	.m_con .left .nav button {width:60px; height:60px; line-height:60px;}
	.m_con .left .nav button i {font-size:15px;}
	.m_con .left .nav .count {line-height:60px;}
    
    .inr{width: 95%;}
    .second_2_area ul{gap:20px}
    .second_2_area ul li{width:  calc( ( 100% - ( 40px * 2 ) ) / 3 )}
    
     .notice_wrap .logo_img{    min-height: auto; }
    
 


	
	

}

/* Mobile ~ 767px */
@media screen and (max-width:767px){



	.cont_main { padding-top:60px;}
	.m_con {}
	.m_con .left , .m_con .left .nav {transform: none !important;}
	.m_con .left .item {height:350px;}
	.m_con .left h2 {left:30px; bottom:30px; }
	.m_con .left h2 img {height:60px;}
	.m_con .left .nav button {width:46px; height:46px; line-height:46px;}
	.m_con .left .nav .count {line-height:46px; display:none;}


	.m_con .right .top {padding:30px; height:330px;}
	.m_con .right .top .tabs {margin-bottom:20px;}
	.m_con .right .top .tabs li a {font-size:22px; margin-right:30px;}
	.m_con .right .panelWrap#tab1 .item , .m_con .right .panelWrap#tab2 .item {height:200px;}
	.m_con .right .panelWrap#tab1 .item a .tit span {font-size:17px;}
	.m_con .right .panelWrap#tab1 .item a .txt {margin:20px 0; height:2.8em;}
	.m_con .right .panelWrap .nav ul {margin-top:15px;}

	.m_con .right .fac_btn {padding:0 30px; height:120px;}
	.m_con .right .fac_btn:before {}
	.m_con .right .fac_btn:after {right:30px;}

	.m_quick {margin:35px 0 15px;}
	.m_quick ul li {width:25%; margin-bottom:20px;}
	.m_quick ul li:nth-child(5) a:after {display:block;}
	.m_quick ul li:nth-child(4) a:after , .m_quick ul li:nth-child(7) a:after {display:none;}
	.m_quick ul li a {font-size:16px;}
	.m_quick ul li a:before {margin-bottom:12px; height:50px; background-size:auto 50px;}
    
    
    
    .second_2_area {    margin: 50px 0;}
    .second_2_area .title br{display: none}
    .second_2_area > .inr > .h3_tit {font-size:1.8em}
    
    .second_2_area ul{flex-wrap: wrap}
    .second_2_area ul li{width: 100%; margin: 20px 0}
    .second_2_area ul li .txt_wrap{padding: 0 10px;}
    .second_2_area h3{font-size: 2.5em;}
    
    

    

	



}
@media screen and (max-width:620px){
	.m_con .left .item {height:280px;}
    
    
    
    .third_3_area .inr > div{width: 100%; margin-bottom: 50px;}
    .third_3_area .infouse_wrap{padding: 5% 7%;}
    .third_3_area .infouse_wrap ul {    gap:0px; flex-wrap: wrap}
    .third_3_area .infouse_wrap ul li:first-child, .third_3_area .infouse_wrap ul li:last-child{width: 100%;}
    .third_3_area .infouse_wrap .tel{font-size: 2.5em;}


}





@media screen and (max-width:520px){
	.m_con {border-radius:15px;}
	.m_con .left .item {height:230px;}
	.m_con .left h2 {left:20px; bottom:24px;}
	.m_con .left h2 img {height:46px;}
	.m_con .left .nav button {width:38px; height:38px; line-height:38px;}

	.m_con .right .top {padding:30px 20px;}
	.m_con .right .fac_btn {padding:0 20px; height:100px;}
	.m_con .right .fac_btn:before {width:60px; height:60px; background-size:100%; margin-right:16px;}


	.m_quick {margin:30px 0 15px;}
	.m_quick ul li a:before {height:40px; background-size:auto 100%;}
    
    .second_2_area h3{font-size: 1.7em;}
    .second_2_area .title{font-size: 16px;}
	
	
}