/*contact*/

@media screen and (max-width: 1920px) {
	
	.contact .inquiry{
		width:100%;
		background:#fff;
	}
	
	.contact .inquiry .inner{
		width:100%;
		margin:0 auto;
		padding:120px 6%;
		box-sizing:Border-box;
	}
	
	.contact .inquiry .inner .tit{
		font-size:48px;
		color:#222;
		font-weight:700;
	}
	
	.contact .inquiry .inner .formBox{
		width:100%;
		margin-top:40px;
		border:1px solid #e5e5e5;
		border-radius:20px;
		box-sizing:Border-box;
		padding:0px 40px;
	}
	
	.contact .inquiry .inner .formBox dd{
		width:100%;
		padding:40px 0px;
		border-bottom:1px dashed #e5e5e5;
		box-sizing:border-box;
		display:flex;
		align-items: center;
	}
	
	
	.contact .inquiry .inner .formBox dd:last-child{
		border-bottom:0px dashed #e5e5e5;
	}
	
	
	.contact .inquiry .inner .formBox dd label{
		width:10%;
		font-size:18px;
		color:#444;
	}
	
	.contact .inquiry .inner .formBox dd .inputbox{
		width:90%;
		color:#444;
		font-size:18px;
	}
	
	.contact .inquiry .inner .formBox dd .inputbox::placeholder{
		color:#999;
	}
	
	
	.contact .inquiry .inner .submitBtn{
		width:200px;
		border-radius:50px;
		transition:all 1s;
		font-size:18px;
		margin:40px auto 0;
		padding:16px 0px;
		text-align:center;
		display:block;
	}
	
	
	
	.contact .inquiry .inner .submitBtn:hover{
		color:#fff;
		background:#FF3939;
	}
	
	
	
	
	
	.contact .direction{
		width:100%;
		margin:0 auto;
		padding:120px 6%;
		display:Flex;
		gap:80px;
		box-sizing:border-box;
	}
	
	.contact .direction .mapA{
		width:100%;
		position:relative;
		padding:24px;
		border:1px solid #FF3939;
		box-sizing:border-box;
		place-self:end;
	}
	
	.contact .direction .mapA .subj{
		position:absolute;
		font-size:36px;
		display:inline-block;
		padding:24px;
		background:#111;
		color:#FF3939;
		font-weight:600;
		top:-50px;
	}
	
	.contact .direction .mapA .map{
		width:100%;
		height:450px;
		overflow:hidden;
	}
	
	.contact .direction .info{
		width:100%;
		place-self:end;
	}
	
	.contact .direction .info .downloadBtn a{
		padding:16px 24px;
		display:inline-block;
		font-size:18px;
		border-radius:50px;
		transition:all 0.5s
	}
	
	.contact .direction .info .downloadBtn a:hover{
		background:#FF3939;
		color:#fff;
	}
	
	.contact .direction .info .infoList{
		width:100%;
		margin-top:40px;
		display:flex;
		gap:20px;
		flex-flow:wrap;
	}
	
	.contact .direction .info .infoList li{
		width:100%;
		display:flex;
	}
	
	.contact .direction .info .infoList li .subj{
		width:15%;
		font-size:18px;
		color:#777;
		border-right:1px solid #444;
		margin-right:5%;
	}
	
	.contact .direction .info .infoList li .subs{
		width:80%;
		font-size:18px;
		color:#999;
	}

    #board_category {
       font-size: 48px;
       color: #222;
       font-weight: 700;

    }

	.img_box {
	   margin: 0 auto;
	}

	.img_box img {
	   border-radius: 15px;
	   border: 1px solid #e5e5e5;
	   padding: 15px;
	   box-sizing: border-box;
	   
	}

	.txt_box2 {
	   width: 100%;
	  /*  border: 1px solid #e5e5e5; */
	   /* padding: 20px; */
	   box-sizing: border-box;
	
	}

	.txt_box2 p img {
	    border-radius: 15px;
        border: 1px solid #e5e5e5;
        padding: 15px;
        box-sizing: border-box;
	    max-width: 80%;
		margin: 10px 0;
		
	}

	.txt_box2 p {
	    display: flex;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
	}

	
	  
	

}


@media screen and (max-width: 1180px) {
	
	.contact .inquiry{
		width:100%;
		background:#fff;
	}
	
	.contact .inquiry .inner{
		width:100%;
		margin:0 auto;
		padding:120px 6%;
		box-sizing:Border-box;
	}
	
	#sub .tit {
		font-size:40px;
		color:#222;
		font-weight:700;
	}

	#board_category {
	    font-size:40px;
		color:#222;
		font-weight:700;
	}
	
	.contact .inquiry .inner .formBox{
		width:100%;
		margin-top:20px;
		border:1px solid #e5e5e5;
		border-radius:20px;
		box-sizing:Border-box;
		padding:0px 30px;
	}
	
	.contact .inquiry .inner .formBox dd{
		width:100%;
		padding:30px 0px;
		border-bottom:1px dashed #e5e5e5;
		box-sizing:border-box;
		display:flex;
	}


	
	.contact .inquiry .inner .formBox dd:last-child{
		border-bottom:0px dashed #e5e5e5;
	}
	
	
	.contact .inquiry .inner .formBox dd label{
		width:15%;
		font-size:16px;
		color:#444;
	}
	
	.contact .inquiry .inner .formBox dd .inputbox {
		width:85%;
		color:#444;
		font-size:16px;
	}
	
	.contact .inquiry .inner .formBox dd .inputbox::placeholder{
		color:#999;
	}
	
	
	.contact .inquiry .inner .submitBtn{
		width:200px;
		border-radius:50px;
		transition:all 1s;
		font-size:16px;
		margin:40px auto 0;
		padding:16px 0px;
		text-align:center;
		display:block;
	}
	
	
	
	.contact .inquiry .inner .submitBtn:hover{
		color:#fff;
		background:#FF3939;
	}
	
	
	
	
	
	.contact .direction{
		width:100%;
		margin:0 auto;
		padding:120px 6%;
		display:Flex;
		gap:40px;
		box-sizing:border-box;
		flex-flow:wrap;
	}
	
	.contact .direction .mapA{
		width:100%;
		position:relative;
		padding:24px;
		border:1px solid #FF3939;
		box-sizing:border-box;
		place-self:end;
	}
	
	.contact .direction .mapA .subj{
		position:absolute;
		font-size:36px;
		display:inline-block;
		padding:24px;
		background:#111;
		color:#FF3939;
		font-weight:600;
		top:-50px;
	}
	
	.contact .direction .mapA .map{
		width:100%;
		height:450px;
		overflow:hidden;
	}
	
	.contact .direction .info{
		width:100%;
		place-self:end;
	}
	
	.contact .direction .info .downloadBtn a{
		padding:16px 24px;
		display:inline-block;
		font-size:18px;
		border-radius:50px;
		transition:all 0.5s
	}
	
	.contact .direction .info .downloadBtn a:hover{
		background:#FF3939;
		color:#fff;
	}
	
	.contact .direction .info .infoList{
		width:100%;
		margin-top:40px;
		display:flex;
		gap:20px;
		flex-flow:wrap;
	}
	
	.contact .direction .info .infoList li{
		width:100%;
		display:flex;
	}
	
	.contact .direction .info .infoList li .subj{
		width:15%;
		font-size:18px;
		color:#777;
		border-right:1px solid #444;
		margin-right:5%;
	}
	
	.contact .direction .info .infoList li .subs{
		width:80%;
		font-size:18px;
		color:#999;
	}

	.txt_box2 p img {
	   max-width:70%;
	}
	

}


@media screen and (max-width: 767px) {
	
	.contact .inquiry{
		width:100%;
		background:#fff;
	}
	
	.contact .inquiry .inner{
		width:100%;
		margin:0 auto;
		padding:60px 3%;
		box-sizing:Border-box;
	}
	
	#sub .tit {
		font-size:28px;
		color:#222;
		font-weight:700;
	}

	#board_category {
	    font-size:28px;
		color:#222;
		font-weight:700;
	}
	
	.contact .inquiry .inner .formBox{
		width:100%;
		margin-top:20px;
		border:1px solid #e5e5e5;
		border-radius:20px;
		box-sizing:Border-box;
		padding:0px 20px;
	}
	
	.contact .inquiry .inner .formBox dd{
		width:100%;
		padding:20px 0px;
		border-bottom:1px dashed #e5e5e5;
		box-sizing:border-box;
		display:flex;
	}

	#simg1 {
	    display: flex;
        flex-direction: column !important;
	}
	#simg2 {
	    display: flex;
        flex-direction: column !important;
	}
	#simg3 {
	    display: flex;
        flex-direction: column !important;
	}

	.img1 {
	    text-align: center;
	}
    .img2 {
	    text-align: center;
	}
	.img3 {
	    text-align: center;
	}

	.txt_box {
        text-align: center;
    }

	.img_box {
	    margin-top: 20px;
	}
	
	.contact .inquiry .inner .formBox dd:last-child{
		border-bottom:0px dashed #e5e5e5;
	}
	
	
	.contact .inquiry .inner .formBox dd label{
		width:20%;
		font-size:13px;
		color:#444;
	}
	
	.contact .inquiry .inner .formBox dd .inputbox{
		width:80%;
		color:#444;
		font-size:13px;
	}
	
	.contact .inquiry .inner .formBox dd .inputbox::placeholder{
		color:#999;
	}
	
	
	.contact .inquiry .inner .submitBtn{
		width:200px;
		border-radius:50px;
		transition:all 1s;
		font-size:14px;
		margin:40px auto 0;
		padding:16px 0px;
		text-align:center;
		display:block;
	}
	
	
	
	.contact .inquiry .inner .submitBtn:hover{
		color:#fff;
		background:#FF3939;
	}
	
	
	
	
	
	.contact .direction{
		width:100%;
		margin:0 auto;
		padding:60px 3%;
		display:Flex;
		gap:40px;
		box-sizing:border-box;
		flex-flow:wrap;
	}
	
	.contact .direction .mapA{
		width:100%;
		position:relative;
		padding:20px;
		border:1px solid #FF3939;
		box-sizing:border-box;
		place-self:end;
	}
	
	.contact .direction .mapA .subj{
		position:absolute;
		font-size:18px;
		display:inline-block;
		padding:18px;
		background:#111;
		color:#FF3939;
		font-weight:600;
		top:-30px;
	}
	
	.contact .direction .mapA .map{
		width:100%;
		height:250px;
		overflow:hidden;
	}
	
	.contact .direction .info{
		width:100%;
		place-self:end;
		text-align:center;
	}
	
	.contact .direction .info .downloadBtn a{
		padding:16px 24px;
		display:inline-block;
		font-size:14px;
		border-radius:50px;
		transition:all 0.5s;
	}
	
	.contact .direction .info .downloadBtn a:hover{
		background:#FF3939;
		color:#fff;
	}
	
	.contact .direction .info .infoList{
		width:100%;
		margin-top:40px;
		display:flex;
		gap:20px;
		flex-flow:wrap;
		text-align:left;
	}
	
	.contact .direction .info .infoList li{
		width:100%;
		display:flex;
	}
	
	.contact .direction .info .infoList li .subj{
		width:15%;
		font-size:13px;
		color:#777;
		border-right:1px solid #444;
		margin-right:5%;
	}
	
	.contact .direction .info .infoList li .subs{
		width:80%;
		font-size:13px;
		color:#999;
		word-break:keep-all;
	}
    .txt_box2 p img {
	    max-width:100% !important;
	}
	.txt_box2 {
	    border-top: 1px solid #e5e5e5;
		margin-top:20px;

	}
	#txt {
	    display: flex;
        flex-direction: column !important;
		}
	

}



/*about*/

@media screen and (max-width: 1920px) {
		
	.about .why{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .why .inner{
		width:100%;
		padding:120px 6%;
		box-sizing:border-box;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	
	.about .why .inner .downloadBtn{
		margin-top:80px;
	}
	
	.about .why .inner .whyList{
		width:100%;
		display:flex;
		gap:0px;
		margin-top:80px;
	}

	.about .why .inner .whyList li{
		width:20%;
	}
	
	.about .why .inner .whyList li .ico{
		width:150px;
	}
	
	.about .why .inner .whyList li .ico img{
		width:100%;
	}
	
	
	.about .why .inner .whyList li .subj{
		width:150px;
		padding:16px 12px;
		border-radius:50px;
		text-align:center;
		box-sizing:border-box;
		margin-top:20px;
		font-size:16px;
	}
	
	.about .why .txBg{
		width:200%;
		font-size:180px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		top:0;
		left:90%;
		position:absolute;
		z-index:0;
	}
	
	
	.redTit{
		font-size:48px;
		font-weight:600;
		font-family:'poppins','pretendard';
		color:#FF3B3B;
	}
	
	.about .whiteSubTit{
		font-size:24px;
		color:#fff;
		margin-top:12px;
	}
	
	.about .field{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .field .inner{
		width:100%;
		padding:120px 6%;
		box-sizing:border-box;
		margin:0 auto;
		position:Relative;
		z-index:1;
	}
	
	.about .field .inner .fieldList{
		width:100%;
		margin-top:40px;
		display:flex;
		flex-flow:wrap;
		gap:20px;
	}
	
	.about .field .inner .fieldList li{
		width:19.5%;
		padding:16px 0px;
		text-align:center;
		font-size:16px;
		box-sizing:border-box;
		border-radius:50px;
	}
	
	.about .field .txBg{
		width:100%;
		font-size:200px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		bottom:0;
		position:absolute;
		z-index:0;
		line-height:200px;
		left:100vw;
	}
	
	.about .field .txBg span{
		display:block;
	}
	
	.about .field .txBg span:first-child{
		padding-left:80vw;
	}
	
	
	.about .field .txBg span:last-child{
		padding-left:110vw;
	}
	
	
	
	.about .client{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .client .inner{
		width:100%;
		padding:120px 6%;
		box-sizing:border-box;
		margin:0 auto;
	}

	.about .client .inner .clientList{
		width:100%;
		margin-top:40px;
	}
	
	
	
	.about .history{
		width:100%;
	}
	
	.about .history .inner{
		width:100%;
		padding:120px 6%;
		box-sizing:border-box;
		margin:0 auto;
	}

	.about .history .inner .historyList{
		width:100%;
		position:relative;
		margin-top:40px;
	}
	
	.about .history .inner .historyList dt{
		width:1px;
		height:100%;
		background:#FF3B3B;
		position:absolute;
		left:0;
	}
	
	.about .history .inner .historyList dd{
		width:100%;
		padding-left:80px;
		box-sizing:border-box;
		display:flex;
		margin-top:80px;
		position:relative;
	}
	
	.about .history .inner .historyList dd:first-child{
		margin-top:0px;
	}
	
	.about .history .inner .historyList dd:before{
		width:7px;
		height:7px;
		background:#FF3B3B;
		left:-3px;
		position:absolute;
		border-radius:50%;
		content:'';
		top:50%;
		transform:translateY(-50%);
	}
	
	
	.about .history .inner .historyList dd .year{
		width:15%;
		font-size:36px;
		color:#fff;
		font-weight:600;
		place-self:center
	}
	
	.about .history .inner .historyList dd .ct{
		width:85%;
		font-size:18px;
		color:#999;
		line-height:30px;
	}
	
}

@media screen and (max-width: 1180px) {
		
	.about .why{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .why .inner{
		width:100%;
		padding:120px 6%;
		box-sizing:border-box;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	
	.about .why .inner .downloadBtn{
		margin-top:80px;
	}
	
	.about .why .inner .whyList{
		width:100%;
		display:flex;
		gap:20px;
		margin-top:80px;
		flex-flow:nowrap
	}

	.about .why .inner .whyList li{
		width:100%;
	}
	
	.about .why .inner .whyList li .ico{
		width:150px;
	}
	
	.about .why .inner .whyList li .ico img{
		width:100%;
	}
	
	
	.about .why .inner .whyList li .subj{
		width:150px;
		padding:16px 12px;
		border-radius:50px;
		text-align:center;
		box-sizing:border-box;
		margin-top:20px;
		font-size:16px;
	}
	
	.about .why .txBg{
		width:100%;
		font-size:180px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		top:0;
		left:100vw;
		position:absolute;
		z-index:0;
	}
	
	
	.redTit{
		font-size:36px;
		font-weight:600;
		font-family:'poppins','pretendard';
		color:#FF3B3B;
	}
	
	.about .whiteSubTit{
		font-size:20px;
		color:#fff;
		margin-top:12px;
	}
	
	.about .field{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .field .inner{
		width:100%;
		padding:120px 6%;
		box-sizing:border-box;
		margin:0 auto;
		position:Relative;
		z-index:1;
	}
	
	.about .field .inner .fieldList{
		width:100%;
		margin-top:20px;
		display:flex;
		flex-flow:wrap;
		gap:20px;
	}
	
	.about .field .inner .fieldList li{
		width:calc(100% / 4 - 15px);
		padding:16px 0px;
		text-align:center;
		font-size:16px;
		box-sizing:border-box;
		border-radius:50px;
	}
	
	.about .field .txBg{
		width:100%;
		font-size:100px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		bottom:0;
		position:absolute;
		z-index:0;
		line-height:120px;
		left:100vw;
	}
	
	.about .field .txBg span{
		display:block;
	}
	
	.about .field .txBg span:first-child{
		padding-left:80vw;
	}
	
	
	.about .field .txBg span:last-child{
		padding-left:110vw;
	}
	
	
	
	.about .client{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .client .inner{
		width:100%;
		padding:120px 6%;
		box-sizing:border-box;
		margin:0 auto;
	}

	.about .client .inner .clientList{
		width:100%;
		margin-top:20px;
	}
	
	
	
	.about .history{
		width:100%;
	}
	
	.about .history .inner{
		width:100%;
		padding:120px 6%;
		box-sizing:border-box;
		margin:0 auto;
	}

	.about .history .inner .historyList{
		width:100%;
		position:relative;
		margin-top:40px;
	}
	
	.about .history .inner .historyList dt{
		width:1px;
		height:100%;
		background:#FF3B3B;
		position:absolute;
		left:0;
	}
	
	.about .history .inner .historyList dd{
		width:100%;
		padding-left:80px;
		box-sizing:border-box;
		display:flex;
		margin-top:80px;
		position:relative;
	}
	
	.about .history .inner .historyList dd:first-child{
		margin-top:0px;
	}
	
	.about .history .inner .historyList dd:before{
		width:7px;
		height:7px;
		background:#FF3B3B;
		left:-3px;
		position:absolute;
		border-radius:50%;
		content:'';
		top:50%;
		transform:translateY(-50%);
	}
	
	
	.about .history .inner .historyList dd .year{
		width:20%;
		font-size:36px;
		color:#fff;
		font-weight:600;
		place-self:center
	}
	
	.about .history .inner .historyList dd .ct{
		width:80%;
		font-size:18px;
		color:#999;
		line-height:30px;
	}
	
}

@media screen and (max-width: 767px) {
		
	.about .why{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .why .inner{
		width:100%;
		padding:60px 3%;
		box-sizing:border-box;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	
	.about .why .inner .downloadBtn{
		margin-top:40px;
	}
	
	.about .why .inner .whyList{
		width:100%;
		display:flex;
		gap:40px 20px;
		margin-top:40px;
		flex-flow:Wrap;
	}

	.about .why .inner .whyList li{
		width:calc(100% / 2 - 10px)
	}
	
	.about .why .inner .whyList li .ico{
		width:100%;
	}
	
	.about .why .inner .whyList li .ico img{
		width:100%;
	}
	
	
	.about .why .inner .whyList li .subj{
		width:100%;
		background:#d9d9d9;
		padding:16px 12px;
		border-radius:50px;
		text-align:center;
		color:#fff;
		box-sizing:border-box;
		margin-top:10px;
		font-size:14px;
	}
	
	.about .why .txBg{
		width:400%;
		font-size:90px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		top:0;
		left:90%;
		position:absolute;
		z-index:0;
	}
	
	
	.redTit{
		font-size:24px;
		font-weight:600;
		font-family:'poppins','pretendard';
		color:#FF3B3B;
	}
	
	.about .whiteSubTit{
		font-size:16px;
		color:#fff;
		margin-top:8px;
	}
	
	.about .field{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .field .inner{
		width:100%;
		padding:60px 3%;
		box-sizing:border-box;
		margin:0 auto;
		position:Relative;
		z-index:1;
	}
	
	.about .field .inner .fieldList{
		width:100%;
		margin-top:20px;
		display:flex;
		flex-flow:wrap;
		gap:10px;
	}
	
	.about .field .inner .fieldList li{
		width:calc(100% / 2 - 5px);
		padding:16px 0px;
		text-align:center;
		font-size:14px;
		background:#d9d9d9;
		color:#fff;
		box-sizing:border-box;
		border-radius:50px;
	}
	
	.about .field .txBg{
		width:100%;
		font-size:72px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		bottom:0;
		position:absolute;
		z-index:0;
		line-height:80px;
	}
	
	.about .field .txBg span{
		display:block;
	}
	
	.about .field .txBg span:first-child{
		padding-left:80vw;
	}
	
	
	.about .field .txBg span:last-child{
		padding-left:110vw;
	}
	
	
	
	.about .client{
		width:100%;
		background:#fff;
		position:Relative;
	}
	
	.about .client .inner{
		width:100%;
		padding:60px 3%;
		box-sizing:border-box;
		margin:0 auto;
	}

	.about .client .inner .clientList{
		width:100%;
		margin-top:10px;
	}
	
	
	
	.about .history{
		width:100%;
	}
	
	.about .history .inner{
		width:100%;
		padding:60px 3%;
		box-sizing:border-box;
		margin:0 auto;
	}

	.about .history .inner .historyList{
		width:100%;
		position:relative;
		margin-top:20px;
	}
	
	.about .history .inner .historyList dt{
		width:1px;
		height:100%;
		background:#FF3B3B;
		position:absolute;
		left:0;
	}
	
	.about .history .inner .historyList dd{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
		display:flex;
		margin-top:40px;
		position:relative;
	}
	
	.about .history .inner .historyList dd:first-child{
		margin-top:0px;
	}
	
	.about .history .inner .historyList dd:before{
		width:7px;
		height:7px;
		background:#FF3B3B;
		left:-3px;
		position:absolute;
		border-radius:50%;
		content:'';
		top:50%;
		transform:translateY(-50%);
	}
	
	
	.about .history .inner .historyList dd .year{
		width:20%;
		font-size:20px;
		color:#fff;
		font-weight:600;
		place-self:center
	}
	
	.about .history .inner .historyList dd .ct{
		width:80%;
		font-size:14px;
		color:#999;
		line-height:22px;
		word-break:keep-all;
	}

	
	
}










/*story*/

@media screen and (max-width: 1920px) {
	.story .businessArea{
		width:100%;
		background:#fff;
		position:relative;
	}
	
	.story .businessArea .inner{
		width:100%;
		margin:0 auto;
		padding:120px 6%;
		box-sizing:border-box;
		text-align:center;
	}
	
	.story .businessArea .inner .mainTit{
		color:#222;
	}
	
	
	.story .businessArea .inner .thumbnail{
		width:100%;
		margin-top:40px;
		border-radius:20px;
		overflow:hidden;
	}
	
	.story .businessArea .inner .thumbnail img{
		width:100%;
	}
	
	.story .businessArea .inner .tabMenu{
		width:100%;
		margin-top:40px;
		display:flex;
		justify-content:center;
		gap:10px;
	}
	
	.story .businessArea .inner .tabMenu li{
		width:auto;
		padding:16px 20px;
		cursor:pointer;
		box-sizing:border-box;
		border-radius:50px;
		font-size:16px;
	}
	
	.story .businessArea .inner .tabMenu li.current{
		background:#FF3B3B;
		color:#fff;
	}
	
	.story .businessArea .inner .arrow{
		width:30px;
		margin:0 auto;
		animation:bagEvntBounce 2s ease-in-out infinite
	}
	
	.story .businessArea .inner .arrow img{
		width:100%;
		margin:80px auto 0;
	}
	
	
	.story .visualArea{
		width:100%;
		background:#fff;
		position:relative;
		padding-bottom:120px;
	}
	
	.story .visualArea .inner{
		width:100%;
		margin:0 auto;
		padding:0px 6% 0px;
		box-sizing:border-box;
	}
	
	
	.story .visualArea .txBg{
		width:100%;
		font-size:200px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		top:50%;
		transform:translateY(-50%);
		position:absolute;
		z-index:0;
		line-height:200px;
		left:100vw;
	}
	
	.story .visualArea .txBg span{
		display:block;
	}
	
	
	.story .visualArea .inner dd{
		width:100%;
		margin-top:60px;
	}
	
	.story .visualArea .inner dd .deTit{
		width:100%;
		text-align:center;
		font-size:36px;
		color:#222;
		font-weight:600;
	}
	
	.story .visualArea .inner dd .highlightVisual{
		width:100%;
		margin-top:20px;
	}
	
	.story .visualArea .inner dd .highlightVisual li{
		width:100%;
		margin:0px 20px;
		border-radius:20px;
		overflow:hidden;
	}
	.story .visualArea .inner dd .highlightVisual li img{
		width:100%;
	}
	
	
	.story .visualArea .downloadBtn{
		margin:40px auto 0;
		text-align:center;
	}
	
	
}

@media screen and (max-width: 1180px) {
	.story .businessArea{
		width:100%;
		background:#fff;
		position:relative;
	}
	
	.story .businessArea .inner{
		width:100%;
		margin:0 auto;
		padding:120px 6%;
		box-sizing:border-box;
		text-align:center;
	}
	
	.story .businessArea .inner .mainTit{
		color:#222;
	}
	
	
	.story .businessArea .inner .thumbnail{
		width:100%;
		margin-top:40px;
		border-radius:20px;
		overflow:hidden;
	}
	
	.story .businessArea .inner .thumbnail img{
		width:100%;
	}
	
	.story .businessArea .inner .tabMenu{
		width:100%;
		margin-top:40px;
		display:flex;
		justify-content:center;
		gap:10px;
	}
	
	.story .businessArea .inner .tabMenu li{
		width:auto;
		padding:16px 20px;
		background:#d9d9d9;
		color:#fff;
		cursor:pointer;
		box-sizing:border-box;
		border-radius:50px;
		font-size:16px;
	}
	
	.story .businessArea .inner .tabMenu li.current{
		background:#FF3B3B;
		color:#fff;
	}
	
	.story .businessArea .inner .arrow{
		width:30px;
		margin:0 auto;
		animation:bagEvntBounce 2s ease-in-out infinite
	}
	
	.story .businessArea .inner .arrow img{
		width:100%;
		margin:80px auto 0;
	}
	
	
	.story .visualArea{
		width:100%;
		background:#fff;
		position:relative;
		padding-bottom:120px;
	}
	
	.story .visualArea .inner{
		width:100%;
		margin:0 auto;
		padding:0px 6% 0px;
		box-sizing:border-box;
		position:relative;
	}
	
	
	.story .visualArea .txBg{
		width:100%;
		font-size:200px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		top:50%;
		transform:translateY(-50%);
		position:absolute;
		z-index:0;
		line-height:200px;
		left:100vw;
	}
	
	.story .visualArea .txBg span{
		display:block;
	}
	
	
	.story .visualArea .inner dd{
		width:100%;
		margin-top:60px;
		position:Relative;
		z-index:1;
	}
	
	.story .visualArea .inner dd .deTit{
		width:100%;
		text-align:center;
		font-size:36px;
		color:#222;
		font-weight:600;
	}
	
	.story .visualArea .inner dd .highlightVisual{
		width:100%;
		margin-top:20px;
	}
	
	.story .visualArea .inner dd .highlightVisual li{
		width:100%;
		margin:0px 0px;
		border-radius:20px;
		overflow:hidden;
	}
	.story .visualArea .inner dd .highlightVisual li img{
		width:100%;
	}
	
	
	.story .visualArea .downloadBtn{
		margin:40px auto 0;
		text-align:center;
	}
	
	
}	

@media screen and (max-width: 767px) {
	.story .businessArea{
		width:100%;
		background:#fff;
		position:relative;
	}
	
	.story .businessArea .inner{
		width:100%;
		margin:0 auto;
		padding:60px 3%;
		box-sizing:border-box;
		text-align:center;
	}
	
	.story .businessArea .inner .mainTit{
		color:#222;
	}
	
	
	.story .businessArea .inner .thumbnail{
		width:100%;
		margin-top:20px;
		border-radius:20px;
		overflow:hidden;
	}
	
	.story .businessArea .inner .thumbnail img{
		width:100%;
	}
	
	.story .businessArea .inner .tabMenu{
		width:100%;
		margin-top:40px;
		display:flex;
		justify-content:center;
		gap:4px;
	}
	
	.story .businessArea .inner .tabMenu li{
		width:auto;
		padding:12px 20px;
		cursor:pointer;
		box-sizing:border-box;
		border-radius:50px;
		font-size:13px;
	}
	
	.story .businessArea .inner .tabMenu li.current{
		background:#FF3B3B;
		color:#fff;
	}
	
	.story .businessArea .inner .arrow{
		width:30px;
		margin:0 auto;
		animation:bagEvntBounce 2s ease-in-out infinite
	}
	
	.story .businessArea .inner .arrow img{
		width:100%;
		margin:40px auto 0;
	}
	
	
	.story .visualArea{
		width:100%;
		background:#fff;
		position:relative;
		padding-bottom:60px;
	}
	
	.story .visualArea .inner{
		width:100%;
		margin:0 auto;
		padding:20px 3% 0px;
		box-sizing:border-box;
		position:relative;
	}
	
	
	.story .visualArea .txBg{
		width:100%;
		font-size:72px;
		font-weight:bold;
		font-family:'poppins';
		color:#f7f7f7;
		white-space:nowrap;
		top:50%;
		transform:translateY(-50%);
		position:absolute;
		z-index:0;
		line-height:80px;
		left:100vw;
	}
	
	.story .visualArea .txBg span{
		display:block;
	}
	
	
	.story .visualArea .inner dd{
		width:100%;
		margin-top:40px;
		position:Relative;
		z-index:1;
	}
	
	.story .visualArea .inner dd .deTit{
		width:100%;
		text-align:center;
		font-size:24px;
		color:#222;
		font-weight:600;
	}
	
	.story .visualArea .inner dd .highlightVisual{
		width:100%;
		margin-top:10px;
	}
	
	.story .visualArea .inner dd .highlightVisual li{
		width:100%;
		margin:0px 0px;
		border-radius:20px;
		overflow:hidden;
	}
	.story .visualArea .inner dd .highlightVisual li img{
		width:100%;
	}
	
	
	.story .visualArea .downloadBtn{
		margin:40px auto 0;
		text-align:center;
	}
	
	
}	



/*community*/

@media screen and (max-width: 1920px) {
	.community .communityList{
		width:100%;
		margin:0 auto;
		padding:120px 6% 60px;
		box-sizing:border-box;
	}
	
	.community .communityList .thumbnail{
		width:100%;
		border-radius:20px;
		overflow:hidden;
	}
	.community .communityList .thumbnail img{
		width:100%;
	}
	
	.community .communityList .redTit{
		width:100%;
		text-align:center;
		margin-top:40px;
	}
	
	.community .communityList .list{
		width:100%;
		margin-top:80px;
	}
	
	.community .communityList .list dd{
		width:100%;
		padding:40px 0px;
		border-bottom:1px  solid #444;
	}
	
	.community .communityList .list dd a{
		width:100%;
		display:flex;
	}
	
	.community .communityList .list dd .thum{
		width:35%;
		place-self:center;
	}
	
	.community .communityList .list dd .thum img{
		width:100%;
	}
	
	.community .communityList .list dd .txA{
		width:65%;
		place-self:center;
		padding-left:40px;
		box-sizing:border-box;
	}
	
	.community .communityList .list dd .txA .subj{
		width:100%;
		font-size:18px;
		color:#d9d9d9;
		font-weight:500;
	}
	
	.community .communityList .list dd .txA .subs{
		width:100%;
		font-size:16px;
		color:#777;
		margin-top:20px;
		line-height:26px;
		word-break:keep-all;
	}
}

@media screen and (max-width: 1180px) {
	.community .communityList{
		width:100%;
		margin:0 auto;
		padding:120px 6% 60px;
		box-sizing:border-box;
	}
	
	.community .communityList .thumbnail{
		width:100%;
		border-radius:20px;
		overflow:hidden;
	}
	.community .communityList .thumbnail img{
		width:100%;
	}
	
	.community .communityList .redTit{
		width:100%;
		text-align:center;
		margin-top:40px;
	}
	
	.community .communityList .list{
		width:100%;
		margin-top:80px;
	}
	
	.community .communityList .list dd{
		width:100%;
		padding:40px 0px;
		border-bottom:1px  solid #444;
	}
	
	.community .communityList .list dd a{
		width:100%;
		display:flex;
	}
	
	/* .community .communityList .list dd .thum{
		width:30%;
		place-self:center;
		border-radius:10px;
	} */
	
	.community .communityList .list dd .thum img{
		width:100%;
	}
	
	.community .communityList .list dd .txA{
		width:70%;
		place-self:center;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	.community .communityList .list dd .txA .subj{
		width:100%;
		font-size:18px;
		color:#d9d9d9;
		font-weight:500;
	}
	
	.community .communityList .list dd .txA .subs{
		width:100%;
		font-size:16px;
		color:#777;
		margin-top:20px;
		line-height:26px;
		word-break:keep-all;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
}

@media screen and (max-width: 767px) {
	.community .communityList{
		width:100%;
		margin:0 auto;
		padding:60px 3% 30px;
		box-sizing:border-box;
	}
	
	.community .communityList .thumbnail{
		width:100%;
		border-radius:20px;
		overflow:hidden;
	}
	.community .communityList .thumbnail img{
		width:100%;
	}
	
	.community .communityList .redTit{
		width:100%;
		text-align:center;
		margin-top:20px;
	}
	
	.community .communityList .list{
		width:100%;
		margin-top:80px;
	}
	
	.community .communityList .list dd{
		width:100%;
		padding:40px 0px;
		border-bottom:1px  solid #444;
	}
	
	.community .communityList .list dd a{
		width:100%;
		display:flex;
		flex-flow:wrap;
	}
	
	.community .communityList .list dd .thum{
		width:100%;
		place-self:center;
		border-radius:10px;
	}
	
	.community .communityList .list dd .thum img{
		width:100%;
	}
	
	.community .communityList .list dd .txA{
		width:100%;
		place-self:center;
		padding-left:0px;
		box-sizing:border-box;
		margin-top:20px;
	}
	
	.community .communityList .list dd .txA .subj{
		width:100%;
		font-size:18px;
		color:#d9d9d9;
		font-weight:500;
	}
	
	.community .communityList .list dd .txA .subs{
		width:100%;
		font-size:16px;
		color:#777;
		margin-top:20px;
		line-height:26px;
		word-break:keep-all;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
}