@charset "utf-8";





.contents{position: relative;;width: 100%;overflow: hidden;background-color: #1C1C15;}

.contents .cont_box{max-width:1400px; margin:0 auto; text-align:center;z-index:2;position:relative;;padding-bottom:150px}

.contents .cont_box .top_txt{margin-top:150px;color: #fff; /*font-family: 'Abril Fatface', cursive; font-weight: 400;*/ font-family: var(--f-en); font-weight: 600; z-index: 9;font-size:90px;line-height: 1.1;text-align: center;transition: all 0.5s;}

.contents .cont_box .list_cont{text-align:left; font-size:0;margin-top:80px;padding-bottom:150px}

.contents .cont_box .list_cont li{display:inline-block; vertical-align:top;text-align:center;width:25%;padding:0 10px;margin:0 auto 90px;transition:all 0.6s;}

.contents .cont_box .list_cont li .img{}

.contents .cont_box .list_cont li .img img{max-width:100%}

.contents .cont_box .list_cont li .tit{font-size:19px; color:#fff; font-weight:600;text-align:center;margin-top:50px}

.contents .cont_box .list_cont li:hover{opacity:0.7;transition:all 0.6s} 

.contents .cont_box .list_cont li:hover .img img {transform:scale(1.04); transition:all 0.8s ease;}

.contents .cont_box .list_dep {width:60%; margin:0 auto; font-size:0; margin-top:115px; display: flex;}

.contents .cont_box .list_dep li {display:inline-block; flex: 1 1 0;  box-sizing:border-box; padding:0 1%; text-align:center;color: #fff;font-family: 'Abril Fatface', cursive;z-index: 9;font-size:20px;}

.contents .cont_box .list_dep li a {color: #fff; z-index: 9; font-size:25px; font-family: var(--f-en); font-weight: 500;}
.contents .cont_box .list_dep li a.on {color: var(--c-red);}









.view .contents{position: relative;;width: 100%;overflow: hidden;background-color:transparent;;}

.view .contents .top_vis{height: 100vh;position: relative;z-index: -100;}

.view .contents .top_vis .img_box{position: fixed;left: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100; background-position: center top; background-size:cover; font-size: 0;}

.view .contents .top_vis .img_box img{position: fixed;left:50%;margin-left:-50%; top:0;min-width: 100%; min-height: 100%;width: 100%; height: 100%; object-fit: cover; z-index: -100;}

#view_bg{position: absolute;width: 100%;height: 100%;background:#000;opacity:0}



.view .bg_box01{display:none !important}

.view .bg_box02{display:none !important}

.contents .work_cont{text-align:center}

.contents .work_cont .pd_st01{padding: 50px 0 0;}

.contents .work_cont .pd_st02{width: 100%;height: 0;padding-bottom: 56.25%;position: relative;}

.contents .work_cont .pd_st02 iframe{width: 100%;height: 100%;top: 0;left: 0;position: absolute;vertical-align: middle;}

.contents .work_cont .pd_st03{padding:0 0 50px}

.contents .work_cont .pd_st04{padding: 50px 0 0;}

/*.contents .work_cont .work_box{; padding:50px 0 0}*/

/*.contents .work_cont .work_box:first-child{padding-top:50px}

.contents .work_cont .work_box:last-child{padding-bottom:50px}*/

.contents .work_cont .work_box img{display:block; max-width:100%; margin:0 auto}



.contact .contents .cont_box{max-width:1640px; margin:250px auto 0; padding:0 20px}

.contact .contents .cont_box:after{content:''; display:block; clear:both}

.contact .contents .cont_box .lf_box{float:left;;width:49%; text-align:left}

.contact .contents .cont_box .lf_box .lf_box_top{font-size:30px;color:#fff; font-weight:900;}

.contact .contents .cont_box .lf_box dl{margin-top:40px}

.contact .contents .cont_box .lf_box dl dt{font-size:24px; color:#fff;margin-bottom:10px}

.contact .contents .cont_box .lf_box dl dd{font-size:15px; color:#fff;}

.contact .contents .cont_box .lf_box .address{font-size:20px; letter-spacing:-0.1px;color:#fff; font-weight:500;margin:100px 0}

.contact .contents .cont_box .lf_box .down_btn{width:180px; height:46px; line-height:46px; background:#fff;border-radius:3px;text-align:center;;transition:all 0.3s}

.contact .contents .cont_box .lf_box .down_btn a{color:#000;font-weight:500;font-size:16px; }

.contact .contents .cont_box .lf_box .down_btn:hover{opacity:0.7;transition:all 0.3s}

.contact .contents .cont_box .rt_box{float:right;width:49%}

.contact .contents .cont_box .rt_box .agree_box{height:220px; background:transparent;border:1px solid var(--c-red);overflow-y:scroll;color:#fff; font-size:16px; font-weight:300;text-align:left;padding:20px;white-space: pre-line;letter-spacing: -1px;border-radius:5px}

.contact .contents .cont_box .rt_box .agree_bot{text-align:left}

.contact .contents .cont_box .rt_box .agree_bot:after{content:''; display:block; clear:both} 

.contact .contents .cont_box .rt_box .agree_bot .txt{color:#fff; font-size:14px;margin-top:10px ;font-weight:300;text-align:left;display:inline-block}

.contact .contents .cont_box .rt_box .agree_bot .ck_btn{display:inline-block;float:right;margin-top:5px}

.contact .contents .cont_box .rt_box .agree_bot .ck_btn input[type="checkbox"] { display:none;}

.contact .contents .cont_box .rt_box .agree_bot .ck_btn input[type="checkbox"] + label span {  display:inline-block; width:19px;height:19px;margin:0 5px 0 0;vertical-align:bottom; cursor:pointer; border-radius: 5px; border: 2px solid var(--c-red); position: relative;}

.contact .contents .cont_box .rt_box .agree_bot .ck_btn input[type="checkbox"] + label span::before {content:""; width: 4px; height: 6px; border: solid #fff; border-width: 0px 1px 1px 0; position: absolute; left: 5px; top: 3px; transform: rotate(45deg); opacity: 0;}

.contact .contents .cont_box .rt_box .agree_bot .ck_btn input[type="checkbox"]:checked + label span::before {opacity: 1;}



.contact .contents .cont_box .rt_box .agree_bot .ck_btn label{color:#fff; font-size:14px; font-weight:300; letter-spacing:-0.6px}

.contact .contents .cont_box .rt_box .contact_box{margin-top:30px}

.contact .contents .cont_box .rt_box .contact_box:after{content:''; display:block; clear:both} 

.contact .contents .cont_box .rt_box .contact_box table{width:100%}

.contact .contents .cont_box .rt_box .contact_box table input{background:transparent;border:1px solid var(--c-red);color:#fff; font-size:14px; font-weight:400;;letter-spacing: -1px;border-radius:5px;width:100%;transition:0.25s; padding-left: 20px; font-family: 'Noto Sans KR', sans-serif;}

.contact .contents .cont_box .rt_box .contact_box table textarea{background:transparent;border:1px solid var(--c-red);color:#fff; font-size:14px; font-weight:400;;letter-spacing: -1px;border-radius:5px;width:100%;box-sizing: border-box;;transition:0.25s; font-family: 'Noto Sans KR', sans-serif;  padding: 10px 20px;}

.contact .contents .cont_box .rt_box .contact_box table .textarea{background:transparent;border:1px solid var(--c-red);color:#fff; font-size:14px; font-weight:400;;letter-spacing: -1px;border-radius:5px;width:100%;box-sizing: border-box;;transition:0.25s; font-family: 'Noto Sans KR', sans-serif;  padding: 10px 20px;}

.contact .contents .cont_box .rt_box .contact_box table input:focus{border-color:#ffdce8;transition:0.25s;}

.contact .contents .cont_box .rt_box .contact_box table textarea:focus{border-color:#ffdce8;transition:0.25s;}

.contact .contents .cont_box .rt_box .contact_box table .textarea:focus{border-color:#ffdce8;transition:0.25s;}

.contact .contents .cont_box .rt_box .contact_box table input::placeholder{ color:#fff ; }

.contact .contents .cont_box .rt_box .contact_box table textarea::placeholder{ color:#fff  }

.contact .contents .cont_box .rt_box .contact_box table .textarea::placeholder{ color:#fff  }





.contact .contents .cont_box .rt_box .contact_box table tr td{font-size:0}

.contact .contents .cont_box .rt_box .contact_box table tr td .input_lf{width:49%;display:inline-block; vertical-align:top;margin-right:1%;padding:5px 0}

.contact .contents .cont_box .rt_box .contact_box table tr td .input_rt{width:49%;display:inline-block; vertical-align:top;margin-left:1%;padding:5px 0}

.contact .contents .cont_box .rt_box .contact_box table tr td .input_one{width:100%;display:block; vertical-align:top;padding:5px 0}

.contact .contents .cont_box .rt_box .contact_box .btn{width:180px; height:46px; line-height:46px;margin-top:30px; background:#fff;border-radius:3px;text-align:center;;transition:all 0.3s;float:right}

.contact .contents .cont_box .rt_box .contact_box .btn a{color:#000;font-weight:500;font-size:16px; }

.contact .contents .cont_box .rt_box .contact_box .btn:hover{opacity:0.7;transition:all 0.3s}

.contact .contents .cont_box .rt_box .contact_box .file{font-size:0;text-align:left}

.contact .contents .cont_box .rt_box .contact_box .file .box_form{width:150px;background:transparent;border:1px solid var(--c-red);color:#fff; font-size:14px;border-radius:5px 0 0 5px;display:inline-block; padding-left: 20px; font-family: 'Noto Sans KR', sans-serif;}

.contact .contents .cont_box .rt_box .contact_box .file .file_btn{width:70px; ;transition:all 0.3s;display:inline-block;vertical-align:top }

.contact .contents .cont_box .rt_box .contact_box .file .file_btn label{ cursor:pointer;background:#fff; text-align:center; width:100%;display:inline-block;vertical-align:middle;line-height:40px;height:40px;border-radius: 0 5px 5px 0;font-size:15px; color:#000}

.contact .contents .cont_box .rt_box .contact_box .file .file_btn input{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.contact .contents .cont_box .rt_box .contact_box .file .file_btn:hover{transition:all 0.3s; opacity:0.7}



.contact .contents .map_cont{margin-top:130px;position:relative; z-index:9}

.contact .contents .map_cont .root_daum_roughmap{width:100%;}

.contact .contents .map_cont .wrap_controllers {display:none}

.contact .contents .map_cont .root_daum_roughmap .wrap_map{height:500px}





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



	.contents{padding:0 20px}

	.contents .cont_box{padding-bottom:100px}

	.contents .cont_box .top_txt{margin-top:100px;font-size:50px;}

	.contents .cont_box .list_cont{text-align:left; font-size:0;margin-top:80px;padding-bottom:150px}

	.contents .cont_box .list_cont li{width:50%;margin:0 auto 40px}

	.contents .cont_box .list_cont li .tit{font-size:15px; font-weight:500;margin-top:20px}



	.contents .cont_box .list_dep { margin:0 auto; font-size:0; margin-top:70px;}

	.contents .cont_box .list_dep li {font-size:20px;}

	.contents .cont_box .list_dep li a {font-size:20px;}





	



	.view .contents{padding:0 0}

	.view .contents .top_vis{height: auto;position: relative;z-index: 2;}

	.view .contents .top_vis .img_box{position: relative;left:auto;bottom:auto;;width: auto;height: auto;z-index:2;;min-width: auto;min-height: auto;}

	.view .contents .top_vis .img_box img{position: relative;left:auto;top:auto;;width:100%;height: auto;min-width: auto;min-height: auto;;z-index:2;max-width:100%;margin-left:0}

	#view_bg{display:none}


	.contents .work_cont .pd_st01{padding:20px 10px 0}

	.contents .work_cont .pd_st02 {width: calc(100% - 20px); margin: 0 10px;}
	.contents .work_cont .pd_st03{padding:0 10px 20px}

	.contents .work_cont .pd_st04{padding:0px 10px 0;}

	/*.contents .work_cont .work_box:first-child{padding-top:10px}

	.contents .work_cont .work_box:last-child{padding-bottom:10px}*/

	

	.contact .contents{padding:0 0}

	.contact .contents .cont_box .lf_box{float:none;;width:100%; text-align:left}

	.contact .contents .cont_box .rt_box{float:none;width:100%;margin-top:100px}

	.contact .contents .cont_box .lf_box .address{margin:50px 0}

	

	

}





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



	.contents .cont_box{padding-bottom:100px}

	.contents .cont_box .top_txt{font-size:40px;}

	.contents .cont_box .list_cont{margin-top:60px;padding-bottom:100px}

	.contents .cont_box .list_cont li{width:100%;margin:0 auto 30px;padding:0 }

	.contents .cont_box .list_cont li .tit{font-size:18px; font-weight:500;margin-top:20px}



	.contents .cont_box .list_dep {width:100%; margin-top:60px; flex-wrap: wrap; gap: 5px 10px; justify-content: center;}

	.contents .cont_box .list_dep li {font-size:14px; max-width: 100px; }

	.contents .cont_box .list_dep li a {font-size:14px;}



	.contact .contents .cont_box{ margin:100px auto 0; }

	.contact .contents .cont_box .lf_box .lf_box_top{font-size:20px;}

	.contact .contents .cont_box .lf_box .lf_box_top span.br_line{display:inline}

	.contact .contents .cont_box .lf_box dl{margin-top:20px}

	.contact .contents .cont_box .lf_box dl dt{font-size:18px;;margin-bottom:5px}

	.contact .contents .cont_box .lf_box dl dd{font-size:16px;}

	.contact .contents .cont_box .lf_box .address{font-size:16px;;margin:50px 0}

	.contact .contents .cont_box .lf_box .down_btn{width:auto; max-width:300px; margin:30px auto; height:40px; line-height:40px;}

	.contact .contents .cont_box .lf_box .down_btn a{font-size:14px; }

	.contact .contents .cont_box .rt_box .agree_box{height:150px;  font-size:12px;padding:10px;}

	.contact .contents .cont_box .rt_box .agree_bot{text-align:left}

	.contact .contents .cont_box .rt_box .agree_bot .txt{ font-size:12px;margin-top:5px ;display:block}

	.contact .contents .cont_box .rt_box .agree_bot .ck_btn{display:block;float:none;margin-top:5px}

	.contact .contents .cont_box .rt_box .agree_bot .ck_btn label{font-size:12px; }

	.contact .contents .cont_box .rt_box .contact_box{margin-top:20px}

	.contact .contents .cont_box .rt_box .contact_box table input{font-size:12px; }

	.contact .contents .cont_box .rt_box .contact_box table textarea{ font-size:12px; }

	.contact .contents .cont_box .rt_box .contact_box table .textarea{ font-size:12px; }

	.contact .contents .cont_box .rt_box .contact_box table tr td .input_lf{width:100%;display:block; ;margin-right:0;}

	.contact .contents .cont_box .rt_box .contact_box table tr td .input_rt{width:100%;display:block; ;margin-left:0;}

	.contact .contents .cont_box .rt_box .contact_box .btn{width:auto; max-width:300px; margin:30px auto;height:40px; line-height:40px;;float:none}

	.contact .contents .cont_box .rt_box .contact_box .btn a{font-size:14px; }

	.contact .contents .map_cont{margin-top:50px;}

	.contact .contents .map_cont .root_daum_roughmap .wrap_map{height:250px}

	

}



/* s:company */

.delay1 {transition-delay: 0.2s;}

.delay2 {transition-delay: 0.35s;}

.delay3 {transition-delay: 0.5s;}

#wrap:has(.company) .bg_wrap {display: none;}

/* #wrap:has(.company) #m_menu span {background:s #000;} */

/* #wrap:has(.company) #m_menu.open span {background: #fff;} */

.contents.company {background: #fff; padding: 0 !important; overflow: unset; }

.company .sec1 {}

.company .sec1 .inner {height: 100vh; display: flex; align-items: center; padding-bottom: 10vh;}

.company .sec1 .main-title { overflow: hidden; width: 100%;}

.company .sec1 .about {display: flex; font-family: var(--f-en); text-align: center; letter-spacing: -1em; justify-content: center; line-height: 1;}

.company .sec1 .about span {font-size: 19vw; font-weight: 600; color: #111; transform: translateY(110%); transition-property: transform; transition-duration: 0.8s;}

.company .sec1.active .about span {transform: translateY(0);}



.company .company-sec1 {max-width: 1920px; margin: auto; width: 100%;  padding: 60px 0 260px;}

.company .company-sec1 .inner { margin: 0 170px; }

.company .company-sec1 .section-head {}

.company .company-sec1 .section-head .line {font-size: 106px; font-family: var(--f-en); color: #111; line-height: 1.05; font-weight: 700;  letter-spacing: -0.02em; transform: translateX(-80%); opacity: 0; transition-duration: 0.8s;}

.company .company-sec1 .text {font-size: 26px; width: fit-content; margin-left: auto; margin-top: 120px; max-width: 590px;}

.company .company-sec1 .text .tit {font-weight: 700; margin-bottom: 0.92em; font-size: 1.23em;}

.company .company-sec1 .text p {margin-bottom: 14px; word-break: auto-phrase;}



.company .company-sec1.sc-ani .section-head .line {transform: translateX(0); opacity: 1;}



.company .sec3 {}

.company .sec3 .item {padding: 84px 80px; }

.company .sec3 .item1 {background: #F4F2EC;}

.company .sec3 .item2 {background: #D8D8D8;}

.company .sec3 .item3 {background: #1C1C15;}

.company .sec3 .item .num {font-family: var(--f-en); font-weight: 600; font-size: 26px; margin-bottom: 0.5em; color: #2D2D2D;} 

.company .sec3 .item .flex-box {display: flex; align-items: stretch; justify-content: space-between; gap: 20px;}

.company .sec3 .item .text-box {display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 95px;}

.company .sec3 .item .text-box .head .tit {color: #111; font-family: var(--f-en); font-weight: 500; font-size: 42px; text-transform: capitalize; line-height: 1.3; letter-spacing: -0.02em;}

.company .sec3 .item .text-box .head p {font-weight: 700; color: #2A2A2A; font-size: 26px; margin-top: 8px;}

.company .sec3 .item .text-box .desc {color: #2A2A2A; font-size: 20px; max-width: 428px; word-break: auto-phrase;}

.company .sec3 .item .img-box {max-width: 50%;}

.company .sec3 .item .img-box img {width: 100%;}



.company .sec3 .item3 .num, 

.company .sec3 .item3 .text-box .desc,

.company .sec3 .item3 .text-box .head p {color: #dadada;}

.company .sec3 .item3 .text-box .head .tit {color: #fff;}



.company .sec4 {margin-top: 80px;}



.company .sec5 {position: relative;  }
.company .sec5 .sec5-flex {display: flex; justify-content: space-between; align-items: stretch; gap: 80px;}
.company .company-sec1.sec5 .text {font-size: 26px; word-break: auto-phrase; margin: 0; margin-top: 110px; padding-left: 106px;}
.company .company-sec1.sec5 .left span {position: sticky; left: 0; top: 0; display: block;}
.company .company-sec1.sec5 .section-head {padding-top: 150px;}
.company .company-sec1.sec5 .section-head .line:last-child {padding-left: 1em;}

.company .sec5 .sec5-flex .left {position: relative; flex-shrink: 0;}
.company .sec5.company-sec1 .text p {color: #666; font-size: 0.84em;}
.company .sec5 .sec5-flex .right .history {padding-top: 370px; max-width: 500px;}
.company .sec5 .sec5-flex .right .history-item {}
.company .sec5 .sec5-flex .right .history-item .his-year {font-weight: 700; font-size: 28px; margin-bottom: 16px;}
.company .sec5 .sec5-flex .right .history-item .his-cont {}
.company .sec5 .sec5-flex .right .history-item .his-cont li {font-size: 26px; color: #2a2a2a; padding-left: 1em; line-height: 1.5; position: relative;}
.company .sec5 .sec5-flex .right .history-item .his-cont li::before {content:""; width: 6px; height: 6px; border-radius: 50%; background: #2e2e2e; position: absolute; left: 0; top: 0.75em; transform: translateY(-50%); }
.company .sec5 .sec5-flex .right .history-item + .history-item {margin-top: 98px;}



/* .company .sec5 .history {position: relative; z-index: 1; width: 100%;}

.company .sec5 .history .history-item {width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 200px 0;}

.company .sec5 .history .history-item .item-inner {width: 100%; }

.company .sec5 .history .history-item .his-year {font-family: var(--f-en); font-size: 240px; color: #EBEBEB; text-align: center; line-height: 1.3;}

.company .sec5 .history .history-item .his-cont {font-size: 26px; color: #DADADA; width: 40%; margin-left: 55%;}

.company .sec5 .history .history-item .his-cont li {padding-left: 0.5em; position: relative;}

.company .sec5 .history .history-item .his-cont li + li {margin-top: 8px;}

.company .sec5 .history .history-item .his-cont li::before {content:"-"; position: absolute; left: 0; top: 0;} */





.company .sec6 {padding: 260px 0; }

.company .sec6 .inner {padding: 0 60px; margin: auto;}


.company .sec6 .cont-box {position: relative; overflow: hidden;}

.company .sec6 .cont-box .line {font-size: 200px; line-height: 0.87; color: #111; font-family: var(--f-en); font-weight: 600; letter-spacing: -0.02em;}
.company .sec6 .cont-box .line.move span {transition: 0.8s ease; display: block; width: fit-content;}
.company .sec6 .cont-box .line.move2 {transition: 0.4s 0.2s ease;}

.company .sec6 .cont-box .line.arr {display: flex; align-items: center;}
.company .sec6 .cont-box .line.arr::before {content:""; display: inline-block; margin-right: 2vw; height: 140px; width: 154px; background: url(/img/sub/company_arr2.png) center no-repeat; background-size: cover; }

.company .sec6 .cont-box .ani-box {position: relative;}
.company .sec6 .cont-box .ani-box .right {position: absolute; right: 0px; top: 10px; text-align: right; z-index: 1;}
.company .sec6 .cont-box .text-box {width: 530px;  font-size: 20px; word-break: auto-phrase; margin-left: auto; }
.company .sec6 .cont-box .text-box p {font-size: inherit; }
.company .sec6 .cont-box .contact-btn {margin-top:36px;}
.company .sec6 .cont-box .contact-btn a {height: 42px; display: inline-flex; align-items: center; color: #fff; font-family: var(--f-en); border-radius: 6px; background: var(--c-red); justify-content: center; width: 230px;}

.company .sec6 .cont-box .btm {margin-top: 70px; text-align: center; display: none;}
.company .sec6 .cont-box .btm .text-box {margin: auto;}

.company .sec6.sc-ani .cont-box .line.move span {transform: translateX(calc(100vw - 100% - 140px));}
.company .sec6.sc-ani .cont-box .line.move2 {transform: translateX(16%);}


/* flow bnr */
.flow-bnr {width: 100%; overflow: hidden; padding: 54px 0; background: #1C1C15;}
.flow-bnr .flow-slide .swiper-wrapper {transition-timing-function: linear;}
.flow-bnr .flow-slide li {font-size: 0; border-radius: 18px;}
.flow-bnr .flow-slide li:hover {background: #E30613;}
.company .flow-bnr a {display: block;}
.company .flow-bnr a span {width: 100%; padding-top: 50%; position: relative; display: block; overflow: hidden;}
.company .flow-bnr a span img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}



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

	.company .sec6 .inner {padding: 0 5%;}

	.company .sec6 .cont-box .line.arr::before {height: 100px; width: 110px;}
	.company .sec6 .cont-box .line {font-size: 140px;}

	.company .sec6 .cont-box .ani-box .text-box {width: 500px; font-size: 16px; }

	.company .sec6.sc-ani .cont-box .line.move span {transform: translateX(calc(90vw - 105%));}
	.company .sec6 .cont-box .right .contact-btn {margin-top: 26px;}

	.company .company-sec1.sec5 .text {font-size: 22px;}
	.company .sec5 .sec5-flex .right .history-item .his-year {font-size: 26px;}
	.company .sec5 .sec5-flex .right .history-item .his-cont li {font-size: 20px;}

}

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

	/* .company .sec5 .history .history-item .his-year {font-size: 140px;}

	.company .sec5 .history .history-item .his-cont {font-size: 22px; margin-top: 20px;} */

	.company .company-sec1 .section-head .line {font-size: 80px;}
	.company .company-sec1.sec5 .text {padding-left: 80px;}

}

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

	.company .company-sec1 {padding: 60px 0 180px;}

	.company .company-sec1 .inner {margin: 0 5%;}

	.company .company-sec1 .section-head .line {font-size: 60px;}

	.company .company-sec1 .text {font-size: 22px;}



	.company .sec3 .item {padding: 64px 5%;}

	.company .sec3 .item .num {font-size: 20px;}

	.company .sec3 .item .text-box {padding-bottom: 40px;}

	.company .sec3 .item .text-box .head .tit {font-size: 28px;}

	.company .sec3 .item .text-box .head p {font-size: 20px;}

	.company .sec3 .item .text-box .desc {font-size: 16px;}



	.company .sec6 {padding: 120px 0;}
	.company .sec6 .cont-box .line {font-size: 100px;}

	.company .sec6 .cont-box {display: flex; flex-direction: column;}
	.company .sec6 .cont-box .line.arr::before {width: 90px; height: 70px;}

	.company .sec6 .cont-box .right {position: static;}
	.company .sec6 .cont-box .right .contact-btn a {width: 180px;}

	.company .company-sec1.sec5 .text {padding-left: 60px; max-width: 480px;}

}

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

	.company .sec1 .about {letter-spacing: -0.5em}



	.company .company-sec1 {padding: 40px 0 120px; }

	.company .company-sec1 .section-head .line {font-size: 42px;}

	.company .company-sec1 .text {font-size: 18px; max-width: 70%; margin-top: 100px;}



	/* .company .sec5 .bg {background-size: 130% auto;}

	.company .sec5 .history .history-item .his-year {font-size: 80px;}

	.company .sec5 .history .history-item .his-cont {font-size: 16px; margin-left: 50%;} */

	.company .company-sec1 .inner {flex-direction: column; }
	.company .company-sec1.sec5 .section-head {padding-top: 100px;}
	.company .company-sec1.sec5 .text {padding-left: 42px; margin-top: 40px; font-size: 18px;} 
	.company .sec5 .sec5-flex .right .history {padding-top: 0px; margin-left: auto; padding-left: 42px;}

	.company .sec5 .sec5-flex .right .history-item .his-year {font-size: 20px;}
	.company .sec5 .sec5-flex .right .history-item .his-cont li {font-size: 18px;}
	
	.company .sec6 .cont-box .line.arr::before {width: 50px; height: 40px;}
	.company .sec6 .cont-box .right {display: none;}
	.company .sec6 .cont-box .btm {display: block;}
}

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

	.company .sec1 .about {letter-spacing: -0.3em;}



	.company .sec3 .item .flex-box {flex-direction: column;}

	.company .sec3 .item .text-box .desc {margin-top: 30px;}

	.company .sec3 .item .img-box {width: 100%; max-width: 100%; }



	.company .sec4 {margin-top: 40px;}


/* 
	.company .sec5 .bg {background-size: 130% 100%;}

	.company .sec5 .history .history-item {padding: 100px 0; min-height: 60vh;}

	.company .sec5 .history .history-item .his-year {font-size: 60px; text-align: left; padding: 0 10%;}

	.company .sec5 .history .history-item .his-cont {font-size: 14px; margin-left: 10%; width: 80%;} */

	.company .company-sec1.sec5 .section-head {padding-top: 40px;}

	.company .sec5 .sec5-flex .right .history-item + .history-item {margin-top: 40px;}



	.company .sec6 {padding: 60px 0;}

	.company .sec6 .cont-box .line {font-size: 60px;}

	.company .sec6.sc-ani .cont-box .ani-box .line {transform: none;}

	.company .sec6 .cont-box .text-box {width: 100%; max-width: 500px; font-size: 14px; opacity: 1;}

	.company .sec6 .cont-box .btm {margin-top: 40px;}

}

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



	.company .company-sec1 {padding: 60px 0;}

	.company .company-sec1 .section-head .line {font-size: 38px;}

	.company .company-sec1 .text {max-width: 90%; margin-top: 60px; font-size: 14px;}



	.company .sec3 .item {padding: 42px 5%;}

	.company .sec3 .item .num,

	.company .sec3 .item .text-box .head p {font-size: 18px;}

	.company .sec3 .item .text-box .head .tit {font-size: 24px;}

	.company .sec3 .item .text-box .desc {font-size: 14px;}



	.company .sec6 .cont-box .line {font-size: 40px;}


	.company .company-sec1.sec5 .text {font-size: 14px;}
	/* .company .sec5 .sec5-flex .right .history-item + .history-item {margin-top: 40px;} */
	.company .sec5 .sec5-flex .right .history-item .his-year {font-size: 18px; margin-bottom: 10px;}
	.company .sec5 .sec5-flex .right .history-item .his-cont li {font-size: 16px;}

	.company .sec6 .cont-box .text-box {font-size: 12px;}
	.company .sec6 .cont-box .line.arr::before {width: 32px; height: 24px;}
	.company .sec6.sc-ani .cont-box .line.move span {transform: translateX(calc(90vw - 110%));}


	.flow-bnr {padding: 32px 0;}
}

/* e:company */