@charset "utf-8";
@import url('https://fonts.cdnfonts.com/css/montserrat');
@font-face {
font-family:'GmarketSansMedium';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight:normal;
font-style:normal;
}
@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* CSS Document */

button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer;}
.clear {clear:both;}
.hide {display:none;}
.skip,.blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none;font-size:3px;color:transparent;line-height:0;}
.hidden_txt{overflow:hidden;position:absolute;width:0;height:0;background:transparent;font-size:0;line-height:0;text-indent:-9999px;border:none !important;}

.policybox .f3{background: url(../img/jb.png) no-repeat -5px 15px;color:#fff;} 
.policybox .f3 a{padding-left:28px;}

.Mainbg_wrap{height: 1050px; position:relative; text-align: center;/*background: rgb(92,196,151);padding-top: 200px;*/}

.Mainbg_wrap .co2{position: absolute; z-index:2; bottom:20px; left:0; right:0; color:#fff; text-align:right;}
.Mainbg_wrap .cot,
.Mainbg_wrap .cot1 {	
	display:flex;
	justify-content: space-between;
}
.Mainbg_wrap .cot1{border-bottom:1px solid #ffffff70; padding-bottom:10px;}
.Mainbg_wrap .cot1 .cot11:nth-of-type(1){font-size:18px; font-weight:bold;}
/*.co2 {
	backgrond-color:#fff;
	opacity:0.2;
	height:156px;
	z-index:20000;
	position: absolute;
}*/
.Mainbg_wrap .cot .cot2 {margin-bottom:10px; padding:20px 0;font-size:18px;}
.Mainbg_wrap .cot .cot2 P:nth-of-type(1) {opacity:0.8;}
.Mainbg_wrap .cot .count-num {font:bold 37px 'arial';}

.Mainbg_wrap .co22{position: absolute; z-index:2; bottom:200px; left:0; right:0; color:#fff; text-align:right;}



.mainSwiper{ overflow: hidden; position: relative; height:100%;}
.mainSwiper .swiper-slide{padding-top:200px; height:840px;}
.mainSwiper .swiper-slide>div{width:100%; height:100%;}
/*.mainSwiper .main_slide01{background: linear-gradient(0deg, rgba(92,196,151,1) 0%, rgba(125,220,156,1) 0%, rgba(85,190,146,1) 96%); background-size:cover;}*/
/*.mainSwiper .main_slide01{background:url(../img/main/mainimg6.jpg) center / cover no-repeat; }
.mainSwiper .main_slide02{background:url(../img/main/mainimg1.jpg) center / cover no-repeat; }
.mainSwiper .main_slide03{background:url(../img/main/mainimg5.jpg) center / cover no-repeat; }*/
.mainSwiper .main_slide01{background:url(../img/main/main_slide01.jpg) center bottom / cover no-repeat; }
.mainSwiper .main_slide02{background:url(../img/main/mainimg6.jpg) center / cover no-repeat; }
.mainSwiper .main_slide03{background:url(../img/main/main_slide02.jpg) center / cover no-repeat; }

.maintxt_wrap{position:relative; left:0; right:0;top:20%;}
.mainimg{padding-bottom: 10px;font-family: 'SEBANG_Gothic_Bold';font-size: 114px;font-weight: 600;letter-spacing: -4px; line-height: 108%;}
.mainimg .mct{color: #87ff46}
.mainimg .mb2{ color: #fff}
.mainimg .mb3{color: #9ffdcd}
.maintxt{  }
.maincm{padding-top:3%; position:absolute; right:0; left:0; bottom:0; }

.main_grad{height:200px; width:100%; position: absolute; bottom:0; z-index: 1; background:linear-gradient(to bottom, #00000000 0%, #00000070 70%);}

.main_tit{position:absolute; left:0; right:0; z-index:1; top:41%;} 
.main_tit h2{font-size:clamp(2.3rem, 3vw, 3.5rem); letter-spacing: 10px; color:#fff; word-break: keep-all; line-height:120%; margin-bottom:5px;}
.main_tit h2 span{font-weight:200;}
.main_tit p{color: rgba(255, 255, 255, 0.9); font-size:clamp(0.9rem, 3vw, 1.2rem) ;}

@media only all and (max-width:720px){
	.mainSwiper .swiper-slide{padding-top:100px; height:350px;}
}

.sec03{/*background: #1f958e;*/ background:#fff; padding: 80px 0 100px;}
.notit_wrap{ padding-bottom: 30px; line-height:270%; text-align: center;}
.notit{font-size: 38px;font-weight: 600; color: #222;}
.nostit{font-size: 20px; color: #22222290;}
.noti_btn{display: none;} 
.noti_btn>div{width:50px; border-radius: 50%; aspect-ratio: 1 / 1; border:1px solid #6b6b6bbf;}
.noti_btn .swiper-button-next{right:-70px; top:55%;}
.noti_btn .swiper-button-prev{left:-70px; top:55%;}
.notice{overflow: hidden}
.progboxw{position: relative}
.progboxw a{display: block}
.progboxw .more{position: absolute;right: 1px;    bottom: 1px;}
.pro.date{color: #1256b3;font-size:16px;padding-bottom:25px;}
.progtxt{padding: 60px 40px;border: 1px solid #dfdfdf;box-sizing: border-box;background: #f9f9f9}
.progtxt:hover{border: 1px solid #1256b3}
.prodate{color: #5cbcf5; font-size: 16px; margin-bottom:5px;}
.progtxt .progt1{line-height:140%; word-break: keep-all; font-weight:500;font-size:18px;color:#231815;margin-bottom: 25px;height: 58px;overflow: hidden;position: relative;overflow: hidden;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.progtxt .progt1:after{content:'';display:block;width: 75px;height:1px;background:#CCC;/* margin-top: 20px; *//* margin-bottom: 30px; */position: absolute;bottom: -20px;z-index: 1;}
.progtxt .progt2{font-size:16px;line-height:170%; color:#7d7d7d;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; overflow: hidden;}




.sec04{padding: 100px 0; /* background: #59d1c7;*/ background:url(../img/main/sec03_bg.jpg) no-repeat center bottom / cover;}
.sec04 .container{display: grid; grid-template-columns: 35% 65%;}
/*.research{ background: url(../img/main/sec04bg.png) no-repeat left bottom;}
.research-in{background: url(../img/main/sec04bg2.png) no-repeat right bottom;padding-top: 100px;}*/
.resSwiper{width:100%; overflow: hidden;}
.restxt{position:relative;    margin-right: 70px;}
.restit{color: #222;font-size: 38px;letter-spacing: -3px;font-weight: 600; margin-top:30px;}
.resct{color: #22222270;font-size: 20px;padding-bottom: 20px;}
.resmore a{display:inline-block;border: 1px solid #22222270;color: #22222270;text-align: center;padding: 9px 38px;font-size: 16px;font-weight: 500; transition:all 0.25s ease;}
.resmore a:hover{color:#fff; background:#273b74; border-color:#273b74;} 
.resbook{display: flex; padding-bottom: 90px; }
.resbook a:last-child{margin:0 0 0 10px;}
.resbook a{display: block; margin: 0 10px}
.res_btn{position:absolute; bottom:50px; left:-13px; width:125px;}
.res_btn>div{width:45px; border-radius: 50%; aspect-ratio: 1 / 1; background:#fff; opacity:0.7; transition:all 0.2s ease;}
.res_btn>div:hover{opacity:1;}

#sec05{overflow:hidden;position:relative;}
#sec05 .titArea{text-align:center;}
#sec05 .txt1{padding-bottom:10px;font-size:22px;color:#fff;letter-spacing:1px;}
#sec05 .txt2{padding-top:30px;font-family:HDHarmonyL;font-size:21px;color:#fff;line-height:32px;}
#sec05 .txt2 .mobileBlock{display:none;}
#sec05 .pleasureList{overflow:hidden;height:100%;}
#sec05 .pleasureList > ul{height:100%;}
#sec05 .pleasureList > ul > li{float:left;position:relative;width:25%;height:100%;}
#sec05 .pleasureList > ul >li:after{content:'';display:block;padding-bottom:167%;}
#sec05 .pleasureList > ul > li > a{display:block;overflow:hidden;position:absolute;top:0;left:50%;z-index:0;width:100%;height:100%;transform:translateX(-50%);transition:width .5s ease-in-out;}
#sec05 .pleasureList li:first-child a{border-left-width:0;}
#sec05 .pleasureList .textArea{display:block;position:absolute;top:50%;left:0;text-align:center;vertical-align:middle;width:100%;color:#fff;line-height:1;transform:translateY(-50%);transition:all .3s linear;}
#sec05 .pleasureList .plsTit{font-size:32px;font-weight:600;}
#sec05 .pleasureList .plsTit:after{width: 55px; height: 1px; background: #fff; position: relative; display: block;margin: 17px auto 0; content: ''; }
#sec05 .pleasureList .plsimg{padding-bottom:20px;}
#sec05 .pleasureList .plsText{margin-top:40px;color:rgba(255,255,255,0.57);font-size:18px;line-height:1.5;}
#sec05 .pleasureList .plsTits{font-size:16px;color:rgba(255,255,255,0.7);padding-top:25px;line-height:160%;}
#sec05 .pleasureList .plsText .mobileBlock{display:none;}
#sec05 .pleasureList .more{margin-top:40px;width:100%;text-align:center;}
#sec05 .plsText ul{width:220px;margin:0px auto;}
#sec05 .plsText li{float:none;text-align:left;}
#sec05 .plsText li{border-bottom:1px solid rgba(255,255,255,0.3);display:block;color:#39bd23;font-size:16px;background:url("../img/main/aca_c.png") no-repeat 95% center;padding:15px 0;}
#sec05 .plsText li:hover{color:#ffffff;}
#sec05 .btnMore{display:inline-block;width:200px;height:45px;box-sizing:border-box;border:1px solid rgba(255,255,255,1);font-size:18px;color:rgba(255,255,255,1);line-height:45px;text-align:center; border-radius: 30px}
#sec05 .pleasureList .imgArea{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:center top/cover no-repeat #fff;}
#sec05 .pleasureList .imgArea .offImg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:center/cover no-repeat #fff;opacity:1;transition:all .3s ease-in-out;}
#sec05 .pleasureList li:nth-child(1) .imgArea .offImg{background-image:url(../img/main/sec02_off_01.png);}
#sec05 .pleasureList li:nth-child(2) .imgArea .offImg{background-image:url(../img/main/sec02_off_02.png);}
#sec05 .pleasureList li:nth-child(3) .imgArea .offImg{background-image:url(../img/main/sec02_off_03.png);}
#sec05 .pleasureList li:nth-child(4) .imgArea .offImg{background-image:url(../img/main/sec02_off_04.png);}
#sec05 .pleasureList li:nth-child(1) .imgArea{background-image:url(../img/main/sec02_01.png);}
#sec05 .pleasureList li:nth-child(2) .imgArea{background-image:url(../img/main/sec02_02.png);}
#sec05 .pleasureList li:nth-child(3) .imgArea{background-image:url(../img/main/sec02_03.png);}
#sec05 .pleasureList li:nth-child(4) .imgArea{background-image:url(../img/main/sec02_04.png);}
#sec05 .pleasureList .mobileClick{display:none;}
#sec05 .bgLine .line{position:absolute;top:0;width:40px;height:100%;background-color:rgba(67, 67, 67, .15);}
#sec05 .bgLine .line.line1{left:calc(50% - 375px);}
#sec05 .bgLine .line.line2{left:50%;}
#sec05 .bgLine .line.line3{left:calc(50% + 375px);}
#sec05 .bgLine .line .innerLine{display:block;position:absolute;top:-100%;left:0;width:1px;height:60%;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, .15) 76%, rgba(255, 255, 255, .01) 99%, rgba(255, 255, 255, 0) 100%);}



@media all and (min-width:1025px) and (max-width:1440px){
	#sec05 .pleasureList .plsText, #sec05 .txt1, #sec05 .txt2{}
	#sec05 .txt1{font-size:1.5vw;}
	#sec05 .txt2{font-size:1.4vw;line-height:1.5;}
	#sec05 .pleasureList .plsText{padding:0 2%;font-size:1.2vw;}
	#sec05 .pleasureList li:not(:first-child) .plsText br{display:none;}
}
@media all and (min-width:1025px){
	#sec05 .tit, #sec05 .txt1, #sec05 .txt2{position:relative;top:100px;opacity:0;}
	#sec05 .pleasureList .plsText{overflow:hidden;position:relative;top:100px;margin-top:0;line-height:0;opacity:0;transition:all .3s ease-in-out;}
	#sec05 .pleasureList .more{overflow:hidden;position:relative;top:100px;margin-top:0;opacity:0;transition:all .3s ease-in-out;transition-delay:.1s;}
	#sec05 .pleasureList a:focus .imgArea .offImg, #sec05 .pleasureList a:hover .imgArea .offImg{opacity:0;}
	#sec05 .pleasureList a:focus .plsText, #sec05 .pleasureList a:hover .plsText{top:0;margin-top:40px;line-height:1.5;opacity:1;}
	#sec05 .pleasureList a:focus .more, #sec05 .pleasureList a:hover .more{top:0;margin-top:40px;height:47px;opacity:1;}
}


.sec06{padding: 80px 0 ;}
.dareaw {}
.datL{display:flex; justify-content: space-between; align-items: center; padding:100px 100px ; background:url(../img/main/darea_bg_w.jpg) center no-repeat; /*background: #6dd5cf url("../img/main/dareabg2.png") no-repeat bottom right;*/ box-sizing: border-box; }
.darea_btn{margin-top:35px; background:url(../img/main/darea_btn.png) center right no-repeat; background-position-y:30%; background-position-x:95%; color:#fff; padding:0 100px 10px 5px; border-bottom:2px solid rgba(255,255,255,0.8);}
.dareacate{background: #2ba8b6;color: #fff;border-radius: 30px;font-size: 16px;padding: 3px 20px;display: inline-block;margin-bottom: 20px;}
.datit{color: #fff;font-size: 28px;opacity: 1;font-weight: 500;letter-spacing: -2px;line-height: 130%;margin-bottom: 20px;}
/*.datR{width: calc(100% - 730px);}*/
.datR{display:grid; grid-template-columns: 50% 46%; column-gap: 4%; margin-top:50px;}
.datn{font-size: 18px;color: #fff;letter-spacing: 0;font-weight: 400;}

.hanztitc{display: flex;margin-bottom: 15px;justify-content: space-between;align-items: center; }
.hanztitc p{color: #0c0c0c;font-size: 27px;font-weight: 500;letter-spacing: -1px;}
.hanzbw{display: flex; gap:3%;}
.hanzbox{flex: 1; }
.hanzbox a{display: block; border: 1px solid #ccc;/*width: 290px;width: 330px   */}
.hanzbox a img{width: 100%}
.hanztxt{padding:10px 30px; box-sizing: border-box;}
.hanztit{color: #090909;opacity: 0.8;font-size: 18px;width: 100%; /*white-space: nowrap;*/ overflow: hidden;text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.hanzday{color: #2c2c2c; opacity: 0.8; font-size: 16px }
.faqlist{/* border-bottom: 1px solid #ccc; */}
.faqlist a{color: #323232;display: block;padding: 13px 0;border-bottom: 1px solid #ccc;font-size:18px;}
.faqz .hanztitc{border-bottom: 1px solid #ccc;margin-bottom: 3px;padding-bottom: 24px;}

.sec07{/*background: #e0f9f9 url("../img/main/sec07bg.png") no-repeat bottom; background-size: contain;*/ background:url(../img/main/sec07_bg2.jpg) no-repeat center 80% / cover; padding: 160px 0 100px; }
.picz{display: grid; grid-template-columns:40% 60%; justify-content: space-between;}
.picz .pictxtm{margin:70px 0 30px;}
.pictxtm h2{line-height:120%; font-size:clamp(2rem, 3vw, 2.8rem); color:#fff; letter-spacing: -2px;}
.pictxtm h2 span{font-weight:300;}
.pictxtm .pictm{margin:20px 0 50px;    color: rgba(255,255,255,0.90);    font-size: 19px;    font-weight: 400;    line-height: 160%;    opacity: 0.8; }
.pict_btn{ display:inline-block; padding:8px 40px; color:#fff; border:1px solid #ffffff80; transition:all 0.15s ease;}
.pict_btn:hover{background:#fff; color:#023867;}
/*.piclist{display: flex;flex-direction: column;flex-wrap: wrap;}*/
.picboxw{display: grid; grid-template-columns: 49% 49%; margin-bottom: 20px;}
.picbox{width: 100%;}
.picboxw .picbox:nth-of-type(1){padding-top:70px;}
.picboxw .picbox:nth-of-type(3){padding-top:20px;}
.picboxw .picbox:nth-of-type(4){margin-top:-50px;}

.picimg{overflow: hidden;}
.picimg img{/*width: 100%;*/ transition:all 0.3s ease;}
.picimg:hover img{transform:scale(1.2);}
.pictxt{background: #f5f7f9; padding: 30px;  box-sizing:border-box;  }
.pictit{color: #090909;opacity: 0.8;font-size: 20px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: 500;}
.picday{color: #2c2c2c; opacity: 0.8; font-size: 16px}
.picbox a{display: block;border-radius: 10px;margin-right: 20px;}
/*.piclist .picboxw:nth-child(1){margin-left:90px }
.piclist .picboxw:nth-of-type(2){padding-right:50px;}
*/

.sec08{/*background: #00bc60;*/ padding: 35px 0}
.bzone{display: flex}
.bzbox a{display: block;color: #fff;font-size: 19px;font-weight: 500;}
.bzbox{flex: 1;text-align: center;}
.bzbox p:nth-child(2){padding: 20px 0}

@media only all and (max-width:1200px){
	.w1200{width:100%;}
}


@media only all and (max-width:1024px){	
	.Mainbg_wrap{height:700px;}
	.main_tit h2{letter-spacing: 0;}
	.Mainbg_wrap .co2{width:95%;}
	.Mainbg_wrap .cot .count-num{font-size:18px;}
	.piclist .picboxw:nth-of-type(2){padding-right:0px;}
    .mainimg img{width: 60%}
    .picz{display: block}
    .piclist .picboxw:nth-child(1){margin-left: 0}
    .piclist{display: block}
    .picboxw{column-gap: 2%;}
    .picboxw .picbox{padding-top:0!important; margin-top:0!important;}
  
    .dareaw{display: block}
    .datR{width: 100%}
    .hanzbw{display: block}
    .progtxt{padding: 20px; height: 270px}

	.sec03 .container{overflow: hidden}
	.sec03{padding-top: 50px}
	.sec03 .container{display: block}
	.sec04 .container{display: block}
	.sec04{padding:20px 0 70px;}
	.restxt{text-align: center; margin-right:0; margin-bottom:10px;}
	 .resct>p{display:inline;}
	 .res_btn{display: none;}
	 
	 .plsTits{display: none;}
	 #sec05 .pleasureList .plsimg img{height:60px; object-fit: contain;}
	 #sec05 .pleasureList .plsTit{font-size:25px;}
	 #sec05 .btnMore{font-size:14px; width:70%;}
	
	
	.sec06 .container{display: block}
	.sec06{padding: 50px 20px }
	  .sec07{padding: 20px;}
	  .pictxtm img{width: 60%}
	  .pictxtm .pictm{line-height: inherit;}
	  .picz .pictxtm > div{margin-bottom: 20px}
	  .picbox{width: 100%}
	  .pictm p{display: inline; font-size: 19px}
	  
	  .datL{flex-flow:column wrap; text-align: center; padding:8% 3%;  background-size:cover;}
	  .darea{height:auto;}
	  .datR{display:flex; flex-flow:column wrap;}
	  .datit{margin-bottom:0;}
	  .darea_btn{background:none; padding:5px 30px; border:1px solid #ffffff80;}
	  .hanz{margin-bottom:40px;}
	  .hanzbw{display: flex;}
	  .faqz .hanztitc{padding-bottom:15px;}
	  
	  .pictxtm{text-align: center;}

}

@media only all and (max-width:720px){	
	.Mainbg_wrap{height:500px;}
	.Mainbg_wrap .co2{display: none;}
	.Mainbg_wrap .co22{display: none;}
	.mainimg{font-size: 50px}
	.maintxt{    font-size: 19px;    letter-spacing: -1px;}
	.notit{font-size: 28px}
	.nostit{font-size: 16px; padding-bottom: 20px}
	.notit_wrap{padding-bottom:0; line-height:200%;}
	.progtxt .progt1{font-size: 18px; height: auto; margin-bottom: 10px}
	.progtxt .progt2{font-size: 14px}
	.progtxt{height: 220px}
	.sec03{padding: 30px 0}
	
	.Mainbg{ text-align: center;/*background: rgb(92,196,151);padding-top: 200px;*/}
	.Mainbg .cot {
		display:none;
	}
	
	
	.restxt {margin-right: 0;margin-bottom: 30px;}
	.restit{font-size: 28px;text-align: center; margin-top:0;}
	.resct{font-size: 16px;text-align: center;}
	.resct p{display: inline}
	.resmore{text-align: center}
	.resmore a{font-size: 12px;padding: 5px 20px;letter-spacing: 0}
	.research-in{background-size: 40%;padding-top: 30px;}
	.research{background-size: 40%}
	.resbook a{margin-right: 0px}
	 #sec05 .pleasureList > ul{display:grid; grid-template-columns: repeat(2, 1fr);}
	 #sec05 .pleasureList > ul > li{width: 100%;}
	
   #sec05{overflow:hidden;position:relative;padding:0;}
	#sec05 .pleasureList .plsTits{padding-top:10px; font-size: 14px}
	#sec05 .pleasureList .plsTit{font-size:18px;}
	#sec05 .txt1{font-size:16px;}
	#sec05 .txt2{padding-top:17px;font-size:15px;line-height:21px;}
	#sec05 .txt2 .mobileBlock{display:inline;}
	#sec05 .pleasureList{padding:0 0px;/*max-width:640px;*/}
	#sec05 .pleasureList > ul> li{float:none;position:relative;width:100%;height:220px;transition:all .3s linear;}
	#sec05 .pleasureList > ul> li:first-child{margin-top:0;}
	#sec05 .pleasureList > ul> li.active{height:340px;}
	#sec05 .pleasureList > ul> li .imgArea{background-position:center center;}
	#sec05 .pleasureList > ul> li.active .imgArea .offImg{opacity:0;}
	#sec05 .pleasureList > ul> li:before{content:'';display:block;position:absolute;top:calc(50% - 5px);right:17px;z-index:10;width:14px;height:9px;background:url(https://drivingexperience.hyundai.co.kr/kr/common/images/pleasure-icon-m.png) 0 -11px/14px 20px no-repeat;}
	#sec05 .pleasureList > ul> li.active:before{background-position:0 0;}
	#sec05 .pleasureList .plsText{font-size:14px;line-height:20px;}
	#sec05 .pleasureList .plsText .mobileBlock{display:inline;}
	#sec05 .pleasureList .more, #sec05 .pleasureList .plsText{display:none;}
	#sec05 .pleasureList li.active .more, #sec05 .pleasureList li.active .plsText{display:block;}
	#sec05 .pleasureList li.active .plsText{margin-top:5px;padding:0;}
	#sec05 .pleasureList li.active .plsText br:not(.mobileBlock){display:none;}
	#sec05 .pleasureList li.active .more{margin-top:20px;}
	#sec05 .pleasureList .mobileClick{display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
	#sec05 .pleasureList li.active .mobileClick{top:calc(50% - 4px);right:17px;left:auto;width:14px;height:9px;}
	#sec05 button{background:none;border:none;padding:0;margin:0;cursor:pointer;overflow:visible;white-space:nowrap;}
	#sec05 .pleasureList li.active .mobileClick:before{content:'';display:block;position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%, -50%);}
	#sec05 .bgLine{display:block;}#sec05 .bgLine .line{width:20px;}
	#sec05 .bgLine .line.line1{left:calc(50% - 80px);}
	#sec05 .bgLine .line.line3{left:calc(50% + 80px);}
	#sec05 .plsimg img{width: 40px}
	#sec05 .pleasureList .plsimg{padding-bottom: 5px}
	.pleasureList ul li:nth-of-type(1) .plsimg img{height:40px!important;	}
	
	.faqlist a{font-size: 15px; padding: 8px 0}
	.hanztitc p{font-size: 22px}
	.hanztxt{padding: 10px 15px}
	.hanztit{font-size: 16px}
	.hanzbox a{width: 100%; margin-bottom: 10px}
	.sec06{padding:0; }
	.datR{width:95%; margin:50px auto;}
	.dareacate{font-size: 14px; margin-bottom: 10px}
	.datit{font-size: 20px;}
	.datit p{display: inline; word-break: keep-all;}
	.datn{font-size: 15px;}
	.pictit{font-size: 17px}
	.pictxt{padding: 15px 20px }
	.picbox a{margin-right: 0; margin-bottom: 20px}
	.pictxtm .pictm{line-height: 25px; }
	.pictxtm .pictm p{display: inline; font-size:16px;}
	.sec07{padding-bottom: 40px}
	.bzone{    display: flex;    flex-wrap: wrap;}
	.bzbox{    flex: auto;    width: 25%;}
	.bzbox p:nth-child(2){font-size: 14px; padding: 10px 0; }
	.darea_btn{font-size:14px; margin-top:15px; padding:3px 20px;}
	.datL{padding:12% 3%;}
	.hanzbw .hanzbox .hanzimg img{width:100px!important;}
	.pict_btn{font-size:14px;  padding:3px 20px;}
}


/**/
.hanzbw .hanzbox .hanzimg{text-align:center; aspect-ratio:1/0.92; align-content:center;}
.hanzbw .hanzbox:nth-of-type(odd) .hanzimg{background:#72b4e7 url(../img/main/hanzimg_symbol.png) bottom right no-repeat;}
.hanzbw .hanzbox:nth-of-type(even) .hanzimg{background:#4f7ac9 url(../img/main/hanzimg_symbol.png) bottom right no-repeat;}
.hanzbw .hanzbox .hanzimg img{width:180px; padding-top:10px;}