<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 메인 관련된 CSS 입니다. */

.fz20 {font-size:20px;}
.fz24 {font-size:24px;}
.fz30 {font-size:30px;}
.fz36 {font-size:36px;}
.fz48 {font-size:48px;}

.dn {display:none !important;}
.green {color:#0c433a;}
.blue {color:#2c3971;}

.header {display:none;}
.navbar &gt; .container {display:flex; align-items:center; max-width:1750px; margin:0 auto; /*padding:29px 0 29px; padding: 29px 90px;*/ max-height:90px; justify-content:space-between;}

/* ANIMATION */
	@keyframes floatingAi { 0% {top:7vw;} 50% {top:6.7vw;} 100% {top:7vw;} }
	@keyframes floatingPs { 0% {top:8vw;} 50% {top:7.7vw;} 100% {top:8vw;} }
	@keyframes floatingTh { 0% {top:11.5vw;} 50% {top:11vw;} 100% {top:11.5vw;} }

/* HEADER */
	/* LOGO */

	/* GNB */
	.navbar {width: 100%; background:#fff; z-index:11; position:sticky; top:0; }
	.navbar .container{}
	.navbar .container &gt; div {display:flex;align-items:center;}
	.navbar .container &gt; div.hd_left {/*width:793px;*/ gap:35px;}
	.navbar .container &gt; div.hd_right {gap: 164px;}
	.navbar .container .hd_gnb {/*margin-right:100px;*/}
	.navbar .container .hd_gnb .menu {display:flex; align-items:center;gap:32px;}
	.navbar .container .hd_gnb .menu li a {}
	.navbar .container .hd_gnb .menu &gt; li&gt; a, .navbar .container .hd_gnb .dropdown-menu &gt; li &gt; a {transition:all .1s;}
	.navbar .container .hd_gnb .menu &gt; li &gt; a:hover, .navbar .container .hd_gnb .dropdown-menu &gt; li &gt; a:hover{color: rgba(0,0,0,0.5); transition:all .1s;}
	.navbar .container .hd_gnb .menu &gt; li {padding: 36px 0 35px;}
	.navbar .container .hd_gnb .menu &gt; li &gt; a {font-size:18px; font-weight:600; }
	.navbar .container .hd_gnb .menu &gt; .dropdown {position: relative;}
	.navbar .container .hd_gnb .menu &gt; .dropdown &gt; a {display:block; height: 100%;}
	.navbar .container .hd_gnb .menu &gt; .dropdown .arr {display:inline-flex; width: 12px; height: 12px; background: url('../img/outline/icon_gray_arr.png') no-repeat center center; margin-left:7px;}
	.dropdown .dropdown-menu{display:none;}
	.navbar .container .hd_gnb .menu &gt; .dropdown .dropdown-menu {
	display:none; 
	position:absolute; 
	top: 79px; left: -44px; 
	border: solid 1px #e6e6e6; 
	border-radius: 10px; 
	background: #fff; 
	padding: 22px 30px; 
	width: 135px; 
	z-index: 11; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	.navbar .container .hd_gnb .menu &gt; .dropdown:hover .dropdown-menu {display:block;}
	.navbar .container .hd_gnb .menu &gt; .dropdown .dropdown-menu li {padding: 8px 0; font-size:16px; font-weight:500;}

	/* PARTNER */
	.navbar .container .hd_partner {}
	.navbar .container .hd_partner img {max-height:34px;}


	/* CONTACT &amp; LOGIN */
	.navbar .container .hd_contact {display:flex; align-items:center; gap:23px; flex-shrink: 0;}
	.hd_contact &gt; a {display:block; padding-left:22px; font-size:18px; line-height:25px; background:url('../img/outline/icon_phone.png') no-repeat left center; /*background-size:contain;*/}
	.navbar .container .hd_contact .login_box {display:flex; align-items:center;gap:14px; flex-shrink: 0;}
	.navbar .container .hd_contact .login_box  li &gt; a {display:block; padding:0 23px; color:#0e5f52; line-height:36px; border:1px solid #0e5f52; border-radius:5px; font-weight:600;}
	.navbar .container .hd_contact .login_box  li:first-child &gt; a {color:#FFF; background:#0e5f52; font-weight: 400;}
	/*.navbar .container .hd_contact .login_box .all_menu_btn{display: none; background:url('../img/outline/icon_ham_btn.png') no-repeat center center; width: 24px; height: 24px; cursor:pointer;}*/

	.all_menu_btn{display: none; position: relative; transition: .3s ease-in-out; width: 38px; height: 30px; cursor:pointer;}
	.all_menu_btn &gt; span {position:absolute; height: 4px; width: 100%; background: #0e5f52; top: 0; transition: .2s;}
	.all_menu_btn &gt; span:nth-child(1){top:0;}
	.all_menu_btn &gt; span:nth-child(2), .all_menu_btn &gt; span:nth-child(3){top:12px;}
	.all_menu_btn &gt; span:nth-child(4){top:24px;}
	.all_menu_btn.active span:nth-child(1), .all_menu_btn.active span:nth-child(4){opacity: 0;}
	.all_menu_btn.active span:nth-child(2) {transform: rotate(45deg);}
	.all_menu_btn.active span:nth-child(3) {transform: rotate(-45deg);}

	/*ALL MENU*/
	.offcanvas{display:none; position:absolute; width: 100%; height: 100vh; background:#fff; z-index:11;}
	
	.offcanvas .all_menu {padding: 10px 10px 20px;}
	.offcanvas .all_menu li {padding: 16px;}
	.offcanvas .all_menu .dropdown &gt; div {display: flex; align-items:center; justify-content:space-between;}
	.offcanvas .all_menu .dropdown .arr {display:inline-block; z-index:11; width: 12px; height: 12px; background: url('../img/outline/icon_gray_arr.png') no-repeat center center; padding-left:7px;}
	.offcanvas .all_menu .dropdown .dropdown-menu{display:none; margin-top: 10px;}
	.offcanvas .all_menu .dropdown.on .dropdown-menu{display:block;}
	.offcanvas .all_menu .dropdown.on .arr{transform: rotate(180deg);}

/* MAIN */
	.line_bottom{display:inline-block;}
	.line_bottom:after {display:block; content:''; border-bottom: solid 2px #0c433a; transform: scaleX(0);  transform-origin:  0% 50%; transition: transform 250ms ease-in-out; }
	.line_bottom._2:after{border-bottom: solid 2px #2c3971;}
	.line_bottom:hover:after{transform: scaleX(1);}

	/* 메인 비주얼 */
	.main_visual {height:794px; background:#F9F9F9; }
	.main_visual .main_visual_cont {position:relative; max-width:1280px; margin:0 auto;}
	.main_visual .main_visual_cont .text_frame {z-index:1; position:absolute; left:0; top:50%; transform:translate(0, -50%);}
	.main_visual .main_visual_cont .text_frame &gt; h2 {font-size:90px;text-align:center; font-weight: 600;}
	.main_visual .main_visual_cont .text_frame &gt; h2 &gt; b {font-weight:600;}
	.main_visual .main_visual_cont .text_frame &gt; ul {display:flex; align-items:center; justify-content:space-between; margin:50px 0 0; padding: 0 50px 0 34px;}
	.main_visual .main_visual_cont .text_frame &gt; ul &gt; li a {font-size:20px;}
	.main_visual .main_visual_cont .visual_frame {z-index:0; position:relative; text-align:right;}
	.main_visual .main_visual_cont .visual_frame .position_icon {position:absolute; right:0; top:0;}
	.main_visual .main_visual_cont .visual_frame .position_icon img {width:60px; touch-action:none;}
	.main_visual .main_visual_cont .visual_frame .position_icon .ai {position:absolute; top:7vw; right:32vw; animation-duration:2s; animation-name:floatingAi;animation-iteration-count: infinite;animation-timing-function: linear;}
	.main_visual .main_visual_cont .visual_frame .position_icon .ps {position:absolute; top:8vw; right:25vw;animation-duration:2s;animation-name:floatingPs;animation-iteration-count: infinite;animation-timing-function: linear;}
	.main_visual .main_visual_cont .visual_frame .position_icon .th {position:absolute; top:11.5vw; right:29.5vw;animation-duration:2s;animation-name:floatingTh;animation-iteration-count: infinite;animation-timing-function: linear;}
	.main_visual .main_visual_cont .visual_frame &gt; img {max-width:747px; margin-top:200px;}

	/* 메인 컨텐츠 */
	.main_content {max-width:1280px; margin:0 auto; padding: 0 24px;}
	.main_tab .tab_tit {font-size:42px; font-weight:400; text-align:center;}
	.main_tab .tab_tit &gt; b {font-weight:700; }
	.main_tab .tab_desc {margin:15px 0 0; font-size:18px; text-align:center; color:#292929;}
	.main_tab._1 {margin:90px 0 0;}
	.main_tab._2 {margin:160px 0 0;}
	.tab_cont_box {display:flex; justify-content:space-between; gap:33px; margin:120px 0 0;}
	.tab_cont_box .cont_tit {margin:0 0 15px; text-align:center; font-size: 20px; font-weight:500;}
	.tab_cont_box .cont_desc {padding: 14px 0 0 10px; color: #3c3c3c; font-size: 16px; max-width:303px; width: 100%; margin: 0 auto;}
	.tab_cont_box .cont {width:25%;}
	.tab_cont_box .cont .cont_img_frame {height:195px; min-height: 195px; overflow:hidden; width: 100%; max-width: 303px; border-radius: 15px; margin: 0 auto;}
	.tab_cont_box img {width: 100%; height:100%;}
	.main_tab._2 .tab_cont_box {margin:88px 0 0;}
	.main_tab._2 .panel-heading {display:none;}

	/* 서브 비주얼 */
	.sub_visual {margin:124px 0 0;}
	.sub_visual .sub_visual_top, .sub_visual .sub_cont {background:#e0eefb; /*border-radius:20px;*/}
	.sub_visual .sub_cont{border-radius: 14px;}
	.sub_visual .sub_visual_top {position:relative; border-radius: 16px; overflow:hidden;}
	.sub_visual .sub_visual_top .text_frame {z-index:1; position:absolute; left:80px; top:117px; }
	.sub_visual .sub_visual_top .text_frame &gt; h2 {font-size: 40px; font-weight:400;}
	.sub_visual .sub_visual_top .text_frame &gt; p {font-size:18px; color:#323232; padding-top: 15px;}
	.sub_visual .sub_visual_top .visual_frame {overflow:hidden; height:493px; text-align:right; position:relative;}
	.sub_visual .sub_visual_top .visual_frame &gt; img {max-width:500px; margin-right:60px; margin-top:7.6vw;}
	.sub_visual .sub_visual_top .visual_frame .position_icon {position:absolute; width:100%; top: 6%;}
	.sub_visual .sub_visual_top .visual_frame .position_icon &gt; img:nth-child(1) {position:absolute; top:5vw; right:15vw;}
	.sub_visual .sub_visual_top .visual_frame .position_icon &gt; img:nth-child(2) {position:absolute; top:10vw; right:31.5%;}
	.sub_visual .sub_visual_top .visual_frame .position_icon &gt; img:nth-child(3) {position:absolute; top:9vw; right:4vw;}
	.sub_visual .sub_visual_bottom {display:flex; gap:24px; margin:21px 0 0;}
	.sub_visual .sub_visual_bottom &gt; div {width:33.3333%; padding: 38px; box-sizing: border-box;}
	.sub_visual .sub_visual_bottom &gt; div &gt; h2 {font-size: 20px; font-weight:500;}
	.sub_visual .sub_visual_bottom &gt; div &gt; p {margin: 18px 0 24px; font-size:16px; color:#353535;}
	.sub_visual .sub_visual_bottom &gt; div &gt; a {font-size:14px; color:#353535;}
	
	/* 솔루션 플랫폼 */
	.main_solution {display:flex; align-items:center; justify-content:space-between; /*margin:185px 0 0;*/ margin:155px 0 0; padding: 0 54px 0 27px;}
	.main_solution .solution_right{overflow:hidden; width: 55%;}
	.main_solution .solution_company_wrap:nth-child(2) {margin:40px 0;}
	.main_solution .solution_company_logo {display:flex; align-items:center; justify-content:space-between; gap:20px; animation: roll 30s linear infinite;}
	.main_solution .solution_company_logo.rolling_right{animation-direction: reverse; }
	.main_solution h2 {font-size:36px; font-weight:400;}
	.main_solution h2 &gt; b {font-weight:700;}
	.main_solution p {margin: 6px 0 0; font-size:18px;}

	@keyframes roll {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-100%);
		}
	}


	/*제작실적*/
	.main_tab._2 &gt; div {margin: 92px 0;}
	/*.main_tab._2 .panel-body.row{display:flex; justify-content:space-between; gap: 33px;}*/
	.main_tab._2 .caption{display:none;}
	.main_tab._2 .thumbnail{border: solid 1px #e9e9e9; /*background-color:#fff;*/ border-radius:14px; height: 195px; box-sizing:border-box;}
	.main_tab._2 .view-all {display:none;}

	
/* FOOTER */
	/* 고객센터 정보 */
	footer {}
	footer .cs_information {border-top:1px solid #e9e9e9;}
	footer .cs_info_wrap {display:flex; justify-content:space-between; margin:85px auto 88px ; max-width:1280px;}
	footer .cs_info_wrap .info_cont &gt; h2 {margin:0 0 20px; font-size: 22px;}
	footer .cs_info_wrap .info_cont &gt; p {font-size:24px;}

	footer .cs_info_wrap .info_cont._1 {padding-left: 30px;}
	footer .cs_info_wrap .info_cont._4 {padding-right: 24px;}
	footer .cs_info_wrap .info_cont._3 &gt; p {font-size:18px;}
	footer .cs_info_wrap .info_cont._4 &gt; p {font-size:16px; color:#3b3b3b; padding-bottom: 20px;}
	footer .cs_info_wrap .info_cont._4 &gt; a {display:block; cursor:pointer; font-size:14px;}

	footer .cs_info_wrap .info_cont &gt; ul {margin:25px 0 0;}
	footer .cs_info_wrap .info_cont &gt; ul &gt; li {font-size:14px; color: #3b3b3b; line-height: 1.2;}
	/* 푸터영역 */
	footer .container {background:#082e28;padding-bottom: 48px;}
	footer .container a {color:#FFF; font-weight:300; }
	footer .container &gt; div {max-width:1280px; margin:0 auto; color:#FFF;font-weight:100;  font-size: 16px;}
	footer .container &gt; div &gt; ul {margin-left: 30px;}
	footer .container &gt; div ul.company {display:flex; align-items:center; gap:42px; padding:48px 0; }
	footer .container &gt; div ul.company li &gt; a { }
	footer .container &gt; div.copyright ul {padding-left: 3px;}
	footer .container &gt; div.copyright ul li{font-size: 15px; min-height:16px; line-height:1.4;}

/*헤더 반응형*/
@media screen and (max-width: 1730px){ 
	.navbar &gt; .container{padding: 0 20px;} 
	.navbar .container &gt; div.hd_right {gap: 20px; justify-content : right; width: auto;} 
	.navbar .container .hd_gnb .menu{gap: 20px;} 
	.navbar .container .hd_partner img {max-height: 26px;}
}

@media screen and (max-width: 1400px){
	.navbar .container .hd_contact &gt; a{display:none;}
	.navbar .container .hd_partner{display:none;}
}

@media screen and (max-width: 1200px){
	.navbar .container &gt; div.hd_left{width:auto;}
	.navbar .container &gt; div.hd_right{flex-direction:column-reverse; gap:0; align-items: flex-start; height: 40px;}
	.navbar .container .hd_partner{margin-left:0;}
}

@media screen and (max-width: 1000px){
	/*헤더*/
	
	.navbar &gt; .container {padding: 20px;}
	.navbar .container .hd_gnb{display:none;}
	.navbar .container .hd_partner{display:none;}
	.navbar .container &gt; div.hd_right {flex-direction:unset; align-items:center; height:unset; }
	.all_menu_btn{display: block; }
	.offcanvas.on{display:block;}
	.offcanvas-bottom{border-top: solid 1px gray; padding: 10px; display:flex; }
	.offcanvas-bottom &gt; div {width: 50%;}
	.offcanvas-bottom .hd_partner img {display:block; width: 100%; max-width: 160px; min-width: 140px;}
	.offcanvas-bottom .hd_contact{display:flex; align-items:center; justify-content: flex-end;}
	.offcanvas-bottom .hd_contact &gt; a {background-size: contain; line-height: 20px; font-size: 15px;}
	/*메인*/
	.main_visual .main_visual_cont .text_frame {top: 30%;}
	.main_visual .main_visual_cont .text_frame &gt; h2 {font-size:72px;}
	.main_visual .main_visual_cont .text_frame &gt; ul{gap: 12px;}
	.main_visual .main_visual_cont .visual_frame &gt; img {max-width: 648px; margin-top: 300px;}
	.main_visual .main_visual_cont .visual_frame .position_icon {top: 10%; right: -10%;}
	.main_visual .main_visual_cont .visual_frame .position_icon .ps {right: 21vw;}
	.main_visual .main_visual_cont .visual_frame .position_icon .th {top: 13.5vw !important;}

	.sub_visual .sub_visual_top .visual_frame &gt; img {max-width: 400px;}

	/*.main_tab, .sub_visual, .main_solution {padding: 0 20px;}*/
	.tab_cont_box {flex-wrap: wrap; gap: 20px;}
	.tab_cont_box .cont{width: 47%;}

	.sub_visual .sub_visual_top .text_frame{top: 48px;}
	
	.main_solution{flex-direction: column; gap:15px;}
	.main_solution .solution_left {text-align:center;}
	.main_solution .solution_right{margin-top: 20px;}
	
	footer .cs_info_wrap{box-sizing:border-box; gap: 10px;}
	footer .cs_info_wrap &gt; .info_cont {width: 25%;}
	footer .cs_info_wrap .info_cont &gt; h2{font-size: 26px;}
	footer .cs_info_wrap .info_cont &gt; p, footer .cs_info_wrap .info_cont._3 &gt; p, footer .cs_info_wrap .info_cont._4 &gt; p {font-size: 16px;}
	footer .container &gt; div{font-size:15px;}
}

@media screen and (max-width: 768px){
	.pc {display:none;}

	.main_visual {height: 100%;}
	.main_visual .main_visual_cont .text_frame{top:6%; left: 50%; transform:translate(-50%, 0); width: 100%;}
	.main_visual .main_visual_cont .text_frame &gt; h2{font-size: 48px;}
	.main_visual .main_visual_cont .text_frame &gt; ul{margin: 36px 0 0;}
	.main_visual .main_visual_cont .text_frame &gt; ul &gt; li a {font-size:16px;}
	.main_visual .main_visual_cont .visual_frame .position_icon {top:40%; right:34%;}
	.main_visual .main_visual_cont .visual_frame .position_icon img{width:33px;}
	.main_visual .main_visual_cont .visual_frame .position_icon .ai{right:42vw;}
	.main_visual .main_visual_cont .visual_frame .position_icon .ps{right:26vw;}
	.main_visual .main_visual_cont .visual_frame .position_icon .th{top: 11.5vw !important; margin-top: 6vw; right: 36.5vw;}
	.main_visual .main_visual_cont .visual_frame {height: 100vh; text-align: unset;}
	.main_visual .main_visual_cont .visual_frame &gt; img{max-width:500px; width: 90%; margin-top:0; position:absolute; bottom: 6%; right:0; }

	.main_tab .tab_tit{font-size: 32px;}
	.main_tab .tab_desc{font-size: 16px;}
	.tab_cont_box{margin: 60px 0 0; gap: 36px;}
	.tab_cont_box .cont_tit {font-size:18px;}
	.tab_cont_box .cont_desc{ max-width:278px;}
	
	.tab_cont_box .cont .cont_img_frame{height: 200px; min-height: 200px; max-width: 278px;}
	
	.main_tab._1 {margin: 40px 0 0;}
	.sub_visual {margin: 60px 0 0;}

	.sub_visual .sub_visual_top .text_frame{top: 9vw; left: 50%; transform:translate(-50%, 0); width: 100%; text-align:center;}
	.sub_visual .sub_visual_top .text_frame &gt; h2{font-size: 24px;}
	.sub_visual .sub_visual_top .text_frame &gt; h2 .blue{font-size: 30px;}
	.sub_visual .sub_visual_top .text_frame &gt; p {font-size: 16px; text-align:left; padding: 18px 20px;}
	.sub_visual .sub_visual_top .visual_frame {height: 520px; }
	.sub_visual .sub_visual_top .visual_frame &gt; img{max-width: 320px; position:absolute; bottom: -14%; left: 0; right:0; margin: 0 auto;}
	.sub_visual .sub_visual_top .visual_frame .position_icon{top: 16%;}
	.sub_visual .sub_visual_top .visual_frame .position_icon &gt; img {width: 60px;}
	.sub_visual .sub_visual_top .visual_frame .position_icon &gt; img:nth-child(1){top: 46vw; right: 45vw; width: 52px;}
	.sub_visual .sub_visual_top .visual_frame .position_icon &gt; img:nth-child(2){top: 62vw; right: 59vw;}
	.sub_visual .sub_visual_top .visual_frame .position_icon &gt; img:nth-child(3){top: 48vw; right: 10vw;}

	.sub_visual .sub_visual_bottom{flex-flow: column wrap; gap:12px;}
	.sub_visual .sub_visual_bottom &gt; div{width: 100%; padding: 20px;}

	.main_solution {margin: 60px 0 0; padding: 0 27px;}
	.main_solution h2 {font-size: 32px;}
	.main_solution p{font-size: 16px;}
	.main_solution .solution_right{width: 100%;}
	.main_solution .solution_company_wrap:nth-child(2) {margin:20px 0;}
	
	.main_tab._2 {margin: 80px 0 0;}
	.main_tab._2 &gt; div {margin: 40px 0 60px;}
	.main_tab._2 .tab_tit{font-size: 32px;}
	.main_tab._2 .panel-body.row{/*flex-direction:column; gap:4px;*/}

	/*푸터*/
	footer .cs_info_wrap{flex-wrap: wrap; padding: 0 20px; max-width: 100%; row-gap: 20px; margin: 36px auto 50px;} 
	footer .cs_info_wrap .info_cont {width: 45%;}
	footer .cs_info_wrap .info_cont._1 {padding-left:0;}
	footer .cs_info_wrap .info_cont._4{padding-right:0;}

	footer .cs_info_wrap .info_cont &gt; ul {margin: 12px 0 0;}
	footer .cs_info_wrap .info_cont &gt; ul &gt; li{}

	footer .container &gt; div ul.company{margin-left:0; padding: 48px 10px;}
	footer .container &gt; div.copyright ul {margin-left:0; padding-left:0; padding: 0 20px; box-sizing:border-box;}
}
@media screen and (max-width: 545px){
	.navbar .container .hd_logo img {width: 96px;}
	.navbar .container .hd_contact{gap: 10px;}
	.navbar .container .hd_contact .login_box {gap: 6px;}
	.navbar .container .hd_contact .login_box li &gt; a {padding: 0 10px; line-height: 26px; font-size: 13px;}
	.all_menu_btn {height: 26px; width: 30px;}
	.all_menu_btn &gt; span:nth-child(2), .all_menu_btn &gt; span:nth-child(3) {top: 10px;}
	.all_menu_btn &gt; span:nth-child(4) {top: 20px;}

	
	.offcanvas-bottom .hd_contact &gt; a {font-size:12px; padding-left:16px;}

	.tab_cont_box .cont{width: 100%;}

	.main_visual .main_visual_cont .text_frame &gt; ul {padding: 0 20px; flex-wrap: wrap; row-gap: 16px;}
	.main_visual .main_visual_cont .text_frame &gt; ul li {width: 48%; text-align: center;}

    .main_visual .main_visual_cont .visual_frame .position_icon {top: 46%; right: 40%;}
	.main_visual .main_visual_cont .visual_frame &gt; img {right: 4%;}

	footer .container &gt; div &gt; ul{margin: 0 20px;}
	footer .container &gt; div ul.company {gap: 20px; flex-wrap: wrap;}
	footer .cs_info_wrap .info_cont &gt; h2{font-size: 21px;}
	footer .cs_info_wrap .info_cont &gt; p{font-size:15px;}
	footer .cs_info_wrap .info_cont._4 &gt; p {font-size:14px;}
	
}


/* DOCUMENT :: 페이지 관련 CSS */
.mo {display:none;}

.sb_title {text-align:center; margin:200px 0 0px;}
.sb_title &gt; p {font-weight:800; font-size:30px;color:#0c433a;}

.doc_title &gt; span.green {font-weight: 600;}

.document_content .main_banner {height:338px; background:#f9f9f9;}
.document_content .main_banner &gt; div {max-width:1280px; height:100%; margin:0 auto; position:relative; overflow:hidden;}
.document_content .main_banner .doc_banner_title { padding:70px 0 0 75px;}
.document_content .main_banner .doc_banner_title .doc_title { font-weight: 600; }
.document_content .main_banner .doc_banner_title &gt; .fz30 {/*margin:10px 0 8px;*/ font-weight:600;}
.document_content .main_banner .doc_banner_title &gt; .fz20 {color:#292929;}

.document_content .main_banner .doc_banner_img {/*position:relative; max-width: 674px; width: 100%;*/}
.document_content .main_banner .doc_banner_img &gt; img{ display:block; position:absolute; }
.document_content.mall .main_banner .doc_banner_img &gt; img:first-child{top: 47%; right: 27.6%;}
.document_content.mall .main_banner .doc_banner_img &gt; img:nth-child(2) {top: 29%; right: 13%;}
.document_content.mall .main_banner .doc_banner_img &gt; img:nth-child(3) {bottom: 13%; right: 15%;}

.doc_content {max-width:calc(1280px - 48px); margin:0 auto; padding:0 24px; font-size:18px; font-weight: 300;}
.doc_content.mall, .doc_content.homepage._1 {display:flex; justify-content:space-between; align-items:center; }
.doc_content.mall .txt_frame &gt; h2 {margin:0 0 15px; font-weight:400;}
.doc_content.mall:not(._1) .txt_frame &gt; h2 {margin: 0 0 8px;}
.doc_content.mall .txt_frame &gt; h2 &gt; span {font-weight:700;}
.document_content.mall .main_solution {margin: 0 auto 160px;}


.doc_content.mall._1 {align-items:flex-start;margin-top:175px;}
.doc_content.mall._1 p {color:#181818; line-height: 24px;  }
.doc_content.mall._1 .img_frame {text-align:center; max-width:356px; width: 100%; }
.doc_content.mall._1 .img_frame &gt; img {border-radius:12px; width:100%; height: 277px; }
.doc_content.mall._1 .img_frame &gt; a {display:block; width:250px; height:45px; margin:27px auto 0; line-height:45px; font-size:18px; text-align:center; color:#0c433a; border:1px solid #0e5f52; border-radius:7px;box-sizing:border-box; transition: all 0.4s ; font-weight: 500; }
.doc_content.mall._1 .img_frame &gt; a:hover{background: #0e5f52; color:#fff; transition: all 0.4s ; }
.doc_content.mall._1 .txt_frame {width:730px;}
.doc_content.mall._1 .txt_frame &gt; h2 {margin:0 0 10px; font-weight:bold; color:#000;}
.doc_content.mall._1 .table_frame table {width:730px; margin:35px 0 12px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-spacing: 0px;}
.doc_content.mall._1 .table_frame table * {font-size:18px; line-height:64px;text-align:center;}
.doc_content.mall._1 .table_frame table th {color:#0c433a; border-bottom:1px solid #e6e6e6;}
.doc_content.mall._1 .table_frame table td {font-size:16px;}
.doc_content.mall._1 .table_frame &gt; span {display:block; font-size:14px; text-indent:16px;}
.doc_content.mall._1 .design_service {margin: 38px 0 0; font-size:18px; line-height: 24px; color: #181818;}
.doc_content.mall._1 .design_service &gt; h2 {font-size:18px;}
.doc_content.mall._1 .design_service table {width:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;border-spacing: 0px;}
.doc_content.mall._1 .design_service table th {padding:10px 0; color:#0e5f52; border-bottom:1px solid #e6e6e6;}
.doc_content.mall._1 .design_service table td {text-align:center;}

.doc_content.mall._2 {padding-top: 200px;}
/*.doc_content.mall._2 &gt; div.img_frame {height: 175px !important; margin-right: 60px; width: 500px !important;}*/
.doc_content.mall._2 &gt; div.img_frame {margin-right: 136px;}
/*.doc_content.mall._2 .img_frame &gt; img {width:100%; margin-top: -38px;}*/
.doc_content.mall._2 .txt_frame {width:47%;}

.doc_content.mall._3 {margin-top:150px;}
/*.doc_content.mall._3 .img_frame &gt; img {width:400px;}*/
.doc_content.mall._3 .img_frame{margin-left:100px;}
.doc_content.mall._3 .txt_frame {width:43%;}

.doc_content.mall._4 {margin:150px auto 200px;}
.doc_content.mall._4 .img_frame {margin-right: 166px;}
/*.doc_content.mall._4 .img_frame &gt; img {width:500px;}*/
.doc_content.mall._4 .txt_frame {width:47%;}


.doc_content.mall:not(._1) {}
.doc_content.mall:not(._1) &gt; div.txt_frame {width:50%;}
.doc_content.mall:not(._1) &gt; div.img_frame {text-align:center; /*width:480px; height:300px; background:#1061542b; border-radius:25px;*/ overflow:hidden;}
.doc_content.mall:not(._1) &gt; div &gt; img {margin:0 auto;}

.document_content .main_solution {margin:0 auto 160px;}
.document_content .main_solution .solution_right{margin-right: 36px;}
.document_content.mall .main_solution .solution_company_wrap._2 {margin: 36px 0;}

/*DOCUMENT HOMEPAGE*/
.document_content.homepage .nav_btn{display: flex; gap: 5px; margin:40px auto 0; padding-left: 9px; font-size: 18px; text-align:center; max-width: 1280px; box-sizing:border-box;}
.document_content.homepage .nav_btn &gt; li{ color:#0c433a; padding: 12px 34px; cursor: pointer; font-weight: 600;}
.document_content.homepage .nav_btn &gt; li.on{border-radius: 7px; background: #0e5f52; color:#fff; font-weight: 400;}

.document_content.homepage .main_banner .doc_banner_img &gt; img {width:64px;}
.document_content.homepage .main_banner .doc_banner_img &gt; img:first-child{top: 32%; right: 23.5%;}
.document_content.homepage .main_banner .doc_banner_img &gt; img:nth-child(2) {top: 26.5%; right: 11.2%;}
.document_content.homepage .main_banner .doc_banner_img &gt; img:nth-child(3) {top: 58%; right: 15%;}
.document_content.homepage .main_banner .doc_banner_img &gt; img:nth-child(4) {bottom: -16%; right: 296px; width: 85px;}

.doc_content.homepage._1 {margin-top: 98px; align-items: flex-start;}
.doc_content.homepage._1 .img_frame &gt; img{display:block; width: 100%; border-radius: 14px; height: 277px; object-fit:cover;}
.doc_content.homepage._1 .img_frame &gt; a {display:block; width:250px; height:45px; margin:0 auto; line-height:45px; font-size:18px; text-align:center; color:#0c433a; border:1px solid #0e5f52; border-radius:7px;box-sizing:border-box; font-weight:600;  transition: all 0.4s ;}
.doc_content.homepage._1 .img_frame &gt; a:hover{background: #0e5f52; color:#fff; transition: all 0.4s ; }
.doc_content.homepage._1 .txt_frame {width:780px;}
.doc_content.homepage._1 .txt_frame &gt; h2 {margin:0 0 20px; font-weight:bold; color:#000;}
.doc_content.homepage._1 .txt_frame &gt; p, .doc_content.homepage._1 .txt_frame  li{line-height: 24px; }
.doc_content.homepage._1 .table_frame table {max-width:736px; width:100%; margin:30px 0 12px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-spacing: 0px;}
.doc_content.homepage._1 .table_frame table * {font-size:18px; line-height:64px;text-align:center;}
.doc_content.homepage._1 .table_frame table td &gt; p{line-height: 30px;}
.doc_content.homepage._1 .table_frame table th {color:#0c433a; border-bottom:1px solid #e6e6e6;}
.doc_content.homepage._1 .table_frame &gt; span {display:block; font-size:14px; text-indent:16px;}
.doc_content.homepage._1 .design_service {margin:43px 0 0; font-size:18px;}
.doc_content.homepage._1 .design_service &gt; h2 {font-size:18px;}
.doc_content.homepage._1 .design_service table {width:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;border-spacing: 0px;}
.doc_content.homepage._1 .design_service table th {padding:10px 0; color:#0e5f52; border-bottom:1px solid #e6e6e6;}
.doc_content.homepage._1 .design_service table td {text-align:center;}
.doc_content.homepage._1 .txt_frame._2{margin-top: 42px;}
.doc_content.homepage._1 .txt_frame._2 li:nth-child(2){padding-top: 30px;}

.doc_content.homepage._2 {margin-top: 120px;}
.doc_content.homepage._2 .txt_frame {margin-bottom: 30px;}
.doc_content.homepage._2 ul {display:flex; gap: 36px; row-gap: 40px; flex-wrap: wrap; justify-content: flex-start; }
.doc_content.homepage._2 ul li {width: calc(20% - 28.8px); ; text-align:center; background: #f7f7f7; border: solid 1px #e8e8e8; border-radius: 10px; padding: 26px 0; box-sizing: border-box; }
.doc_content.homepage._2 ul li p {color:#181818; padding-top: 10px;}

.doc_content.homepage._3 {margin-top: 150px; display:flex; justify-content:space-between; word-break: keep-all; padding: 0 0 0 24px; max-width:calc(1280px - 24px);}
.doc_content.homepage._3 p {color:#181818; line-height:24px; padding-top: 30px; }
.doc_content.homepage._3 .left {width: 594px; display:flex; flex-direction:column; gap: 100px; box-sizing: border-box;}
.doc_content.homepage._3  table {width: 610px; margin:30px 0 12px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-spacing: 0px; border-collapse: collapse; box-sizing: border-box;}
.doc_content.homepage._3  table tr{border-bottom: solid 1px #e6e6e6; line-height: 63px;}
.doc_content.homepage._3  table tr:last-child{border:none;}
.doc_content.homepage._3  table th{font-size: 18px;}
.doc_content.homepage._3  table th:after{content:''; display:inline-block; width:1px; height:35px; background:#e6e6e6; vertical-align: middle; margin-left:50px;}
.doc_content.homepage._3  table td {display:flex; gap: 20px; font-size: 18px; color: #343434;}
.doc_content.homepage._3 .right &gt; span {font-size:14px;}

.doc_content.homepage._4 {margin-top: 142px;padding: 0 10px; max-width: 1280px; padding-bottom: 160px;}
.doc_content.homepage._4 .txt_frame {padding: 0 10px;}

.doc_content.homepage._4 .check_wrap {margin-top: 53px;display:flex; justify-content:space-between; gap:30px;}
.doc_content.homepage._4 .check_wrap li { width: 25%; display: flex; flex-direction: column;}
.doc_content.homepage._4 .check_wrap li .text_wrap, .doc_content.homepage._4 .check_wrap li .img_wrap { width: 100%; }
.doc_content.homepage._4 .check_wrap li .text_wrap {flex-grow:1; display:flex; flex-direction: column;}
.doc_content.homepage._4 .check_wrap li .text_wrap &gt; h4 {font-weight: bold;}
.doc_content.homepage._4 .check_wrap li .text_wrap &gt; p {font-size: 16px; color:#333333; line-height: 1.2;}
.doc_content.homepage._4 .check_wrap li .text_wrap {padding-left: 10px;  box-sizing:border-box; padding-bottom: 10px;;}
.doc_content.homepage._4 .check_wrap li .img_wrap img{display:block; width:100%; border-radius: 14px;}

/*DOCUMENT GODO TUNING*/
.document_content.godo .doc_banner_title span.fz24{font-weight: 600; padding-left: 14px;}
.document_content.godo .main_banner &gt; .doc_banner_title &gt; .fz30 {margin:0;}

.doc_content.godo {}
.doc_content.godo._1 {margin-top: 98px; display:flex; justify-content:space-between; align-items:flex-end;}
.doc_content.godo._1 h2 {padding-bottom: 28px;}
.doc_content.godo._1 .img_frame{padding-left: 34px;}
.doc_content.godo._1 .txt_frame{padding-right: 38px;}
.doc_content.godo._1 .txt_frame &gt; div:nth-child(2){padding-top:50px;}
.doc_content.godo._1 .txt_frame &gt; div:nth-child(2) &gt; p:nth-child(3){padding-top: 26px;}

.doc_content.godo._2{margin-top: 100px; margin-bottom: 94px;}
.doc_content.godo._2 .txt_frame{margin-bottom: 56px;}

.doc_content.godo._2 ul.process{display:flex; align-items:center; flex-wrap:wrap; row-gap: 70px; padding-left: 28px;}
.doc_content.godo._2 ul.process li{display:flex; align-items:center;}
.doc_content.godo._2 ul.process li &gt; div {
border:solid 1px #afafaf; 
border-radius:7px; 
padding: 10px; 
width: 177px;
height:100px; 
text-align:center; 
box-sizing: border-box; 
display:flex; justify-content:center; align-items:center; 
color: #333333;
font-weight: 800;
}
.doc_content.godo._2 ul.process li .arr{font-size:0; width: 23px; height: 42px; background: url('/uploads/editor/2024/08/icon/icon_process_arrow.png') no-repeat center; background-size: contain;margin: 0 22px;}

.doc_content.godo._3 .txt_frame {margin-bottom: 30px;}
.doc_content.godo._3 ul {display:flex; gap: 36px; row-gap: 40px; flex-wrap: wrap; justify-content: flex-start; }
.doc_content.godo._3 ul li {width: calc(20% - 28.8px); ; text-align:center; border: solid 1px #e8e8e8; border-radius: 10px; padding: 26px 0; box-sizing: border-box; }
.doc_content.godo._3 ul li p {color:#181818; padding-top: 10px;}

.doc_content.godo._4{margin-top: 140px;}
.doc_content.godo._4 .main_solution {padding: 0; margin: 0 auto 160px;}


@media screen and (max-width:1295px){
	.document_content.mall &gt; .main_banner &gt; div, .document_content.homepage &gt; .main_banner &gt; div, .document_content.godo &gt; .main_banner &gt; div {padding:0 24px;}
	.document_content .main_banner .doc_banner_title {padding:70px 0 0 0;}
	.doc_content.mall._2 &gt; div.img_frame, .doc_content.mall._4 .img_frame, .document_content .main_solution .solution_right {margin-right: 0;}
	.doc_content.mall._3 .img_frame{margin-left: 0;}
}

@media screen and (max-width:1111px){
	.doc_content.mall, .doc_content.homepage._1, .doc_content.godo._1 {gap:24px;}
	.doc_content.mall._1 .txt_frame, .doc_content.homepage._1 .txt_frame {width:100%;}
	.doc_content.mall._1 .table_frame table, .doc_content.homepage._1 .table_frame table {width:100%;}
	.document_content .main_solution {margin:0 auto 350px;}

	.doc_content.godo._1 {align-items:center;}

}

@media screen and (max-width:960px){
	.fz30 {font-size:26px;}
	.fz36 {font-size:32px;}
	
	.document_content .main_banner .doc_banner_img &gt; img {display:none;}

	.doc_content {padding:0 15px; font-size:16px}
	.doc_content.mall {gap:15px;}
	.doc_content.mall._1 .img_frame {width:46% !important; margin:15px 0 0;}
	.doc_content.mall._1 .img_frame &gt; img {width:100% !important; margin:0 auto;}
	.doc_content.mall._1 .txt_frame &gt; h2 {margin:0 0 5px;}
	.doc_content.mall._1 .table_frame table {margin: 17px 0 8px;}
	.doc_content.mall._1 .table_frame table * {font-size:16px;}
	.doc_content.mall._1 .design_service {margin:15px 0 0; font-size:16px;}
	.doc_content.mall._1 .design_service &gt; h2 {font-size:20px;}
	.doc_content.mall._1 .design_service &gt; ul &gt; li {margin-top:10px;}
	.doc_content.mall._1 .table_frame &gt; span {text-align:right; text-indent:0;}
	.doc_content.mall .img_frame {width:50% !important;}
	.doc_content.mall .img_frame &gt; img {display:block; width:90% !important;}
	.doc_content.mall._2 .img_frame &gt; img {width: 100% !important;}
	.doc_content.mall .txt_frame {width:50% !important;}
	.doc_content.mall:not(._1) &gt; div.img_frame {display:flex; align-items:center; justify-content:center;}

	/*homepage*/
	.doc_content.homepage._1 .img_frame{width: 40%;}
	.doc_content.homepage._1 .txt_frame{width: 60%;}
	.doc_content.homepage .img_frame &gt; img{display:block;}
	.doc_content.homepage._1 .txt_frame._2{width:100%; margin-top: 12px;}
	.doc_content.homepage._1 .txt_frame._2 li:nth-child(2) {padding-top: 10px;}
	.doc_content.homepage._1 .table_frame table * {font-size:16px; word-break: keep-all;}
	.doc_content.homepage._1 .table_frame &gt; span {text-align:right; text-indent: 0;}

	.doc_content.homepage._3 {padding: 0 15px;}
	.doc_content.homepage._3 &gt; .left {width: 40%;}
	.doc_content.homepage._3 &gt; .right {width: 60%;}
	.doc_content.homepage._3 table {width:100%;}

	/*godo tuning*/
	.doc_content.godo._1 h2{padding-bottom: 20px;}
	.doc_content.godo._1 .txt_frame &gt; div:nth-child(2) {padding-top: 26px;}
	.doc_content.godo._1 .txt_frame &gt; div:nth-child(2) &gt; p:nth-child(3) {padding-top: 10px;}
	.doc_content.godo._1 .img_frame, .doc_content.godo._1 .txt_frame{width: 50% !important;}
	.doc_content.godo._1 .img_frame &gt; img {width: 100%; max-width:100%;}

}

@media screen and (max-width:768px){
	.doc_content .pc {display:none;}
	.doc_content .mo {display:block;}
	.doc_content {padding:0 24px; box-sizing: border-box;l}
	.doc_content .table_frame table.mo {}
	.doc_content .table_frame table.mo tbody tr {width:100%;}
	.doc_content .table_frame table.mo tbody tr th {border-right:1px solid #e6e6e6;}
	.doc_content .table_frame table.mo tbody tr th, .doc_content .table_frame table.mo tbody tr td {width:15%;border-bottom:1px solid #e6e6e6;}
	.doc_content .table_frame table.mo tbody tr:last-child th, .doc_content .table_frame table.mo tbody tr:last-child td {border-bottom:0;}

	.doc_content.mall .img_frame, .doc_content.mall .txt_frame{text-align:center;}
	.doc_content.mall:not(._1) .txt_frame li,  .doc_content.mall:not(._1) .txt_frame p {text-align: left; line-height: 24px;}

	.tit_icon {display:flex !important; justify-content:center; align-items:center;  width:45px; height:45px; margin: 0 auto 10px; background:#1061542b; border-radius:100%;}
	.tit_icon &gt; img{display:block; width:20px; margin:auto;}

	.doc_content.mall:not(._1) {margin-top:50px;}
	.doc_content.mall:not(._1) .img_frame {margin:0 0 30px;}
	.doc_content.mall, .doc_content.homepage, .doc_content.godo {flex-flow:column nowrap;}
	.doc_content.mall .img_frame {width:80% !important;}
	.doc_content.mall .txt_frame {width:100% !important; }

	.doc_content.mall._1 {margin-top: 75px;}
	.doc_content.mall._1 .img_frame { margin:15px auto 0;}
	.doc_content.mall._1 .img_frame, .doc_content.mall._1 .txt_frame { width: 100% !important; text-align: center;}
	.doc_content.mall._1 .img_frame &gt; img {height:auto; max-height: 220px;}
	.doc_content.mall._1 .img_frame &gt; a{font-size: 16px; max-width: 358px; width: 100%; margin: 0 auto;}
	.doc_content.mall._1 .txt_frame li {text-align:left;}
	.doc_content.mall._1 .table_frame table, .doc_content.homepage._1 .table_frame table {width: 100%; margin: 18px auto;}
	.doc_content.mall._1 .design_service &gt; ul {margin-top: 10px;}
	.doc_content.mall._1 .design_service &gt; ul &gt; li {margin-top: 0;}
	.doc_content.mall:not(._1) .txt_frame h2 {text-align: left;}

	.doc_content.mall._2{padding-top: 50px;}
	.doc_content.mall._2 .img_frame &gt; img, .doc_content.mall._3 .img_frame &gt; img, .doc_content.mall._4 .img_frame &gt; img {max-width: 356px !important; width: 100%; margin: 0 auto; }

	.doc_content.mall._3 {flex-flow:column-reverse nowrap; }

	.doc_content.mall._4{margin: 50px auto 100px;}
	
	.document_content .main_solution {margin:0 auto 200px;}
	
	/*homepage*/
	.document_content.homepage .nav_btn{justify-content:center; font-size:16px; padding-left:0; padding: 0 15px;}
	.document_content.homepage .nav_btn &gt; li {}
	.doc_content.homepage._1{margin-top: 40px;}
	.doc_content.homepage._1 .img_frame, .doc_content.homepage._1 .txt_frame{width: 100%; text-align:center;}
	.doc_content._1 .txt_frame {}
	.doc_content.homepage._1 .img_frame &gt; a{font-size:16px; max-width: 358px; width: 100%;}
	.doc_content.homepage._1 .txt_frame &gt; p {margin: 0 auto; text-align:center; word-break:break-all;}
	.doc_content.homepage._1 .txt_frame li{ margin: 0 auto; text-align:left;  word-break:break-all;}
	.doc_content.homepage._1 .img_frame img { margin: 15px auto 0; height:auto; max-height: 220px; max-width: 356px !important;}
	.doc_content.homepage._1 .table_frame span{text-align:right;}
	.document_content.homepage .swiper-slide.swiper-slide-visible._2 {margin-bottom: 60px;}

	.doc_content.homepage._2{text-align: center; width:100%; box-sizing:border-box; margin: 0;}
	.doc_content.homepage._2 ul{justify-content: space-between; gap: 20px;}
	.doc_content.homepage._2 ul li {width: 48%;}

	.doc_content.homepage._3{justify-content: center; text-align:center; margin-top: 80px; padding: 0 24px;}
	.doc_content.homepage._3, .doc_content.homepage._3 .left{gap:60px;}
	.doc_content.homepage._3 p{/*width: 90%;*/ margin: 0 auto; text-align: left; word-break: break-all; padding-top: 15px;}
	.doc_content.homepage._3 &gt; div {width: 100% !important;}
	.doc_content.homepage._3 table th, .doc_content.homepage._3 table td {font-size: 15px;}
	.doc_content.homepage._3 .right &gt; span{text-align:right; display:block;}
	
	.doc_content.homepage._4 {text-align:center; margin-top: 100px;  padding: 0 24px; padding-bottom: 100px;}
	.doc_content.homepage._4 .check_wrap{flex-wrap: wrap; gap: 10px; row-gap: 40px;}
	.doc_content.homepage._4 .check_wrap li {width: 48%;}
	.doc_content.homepage._4 .check_wrap li .text_wrap &gt; p{text-align: left; }

	
	/**/
	.doc_content.godo {text-align: center;}

	.document_content.godo .doc_banner_title span.fz24 {font-size: 18px; padding-left: 6px;}
	.document_content.godo .doc_banner_title .partner_banner &gt; img {width: 100px;}

	.doc_content.godo .txt_frame {word-break : unset;}
	.doc_content.godo .txt_frame p {text-align:left;}
	.doc_content.godo .fz20 {font-size: 24px;}

	.doc_content.godo._1 {gap: 30px;}
	.doc_content.godo._1 .img_frame, .doc_content.godo._1 .txt_frame {padding:0; width:100% !important;}
	.doc_content.godo._1 .img_frame &gt; img{width:auto; margin: 0 auto; display:block; max-width: 356px; max-height: 277px; height: auto;}
	
	.doc_content.godo._2 .process_wrap{display:flex; justify-content:center; margin: 0 auto;}
	.doc_content.godo._2 ul.process{padding-left:0;row-gap: 22px; }
	.doc_content.godo._2 ul.process li{width: 33%;}
	.doc_content.godo._2 ul.process li:last-child{width: calc(33% - 60px);}
	
	.doc_content.godo._3 ul{flex-wrap:wrap; gap:20px; justify-content: center;}
	.doc_content.godo._3 ul li {width: 20%;}

	
}

@media screen and (max-width:545px){
	.fz36 {font-size:26px;}
	.doc_content { /*font-size: 14px;*/}

	.document_content .main_banner .doc_banner_title {padding: 70px 0;}
	.document_content .main_banner .doc_banner_title h2 {font-size: 32px;}
	.document_content .main_banner .doc_banner_title h2 .green {font-size: 36px;}
	.document_content .main_banner .doc_banner_title .fz30 {font-size:22px;}
	.document_content .main_banner .doc_banner_title .fz20 {font-size:16px;}

	.doc_content.mall._1 .table_frame table *, .doc_content.homepage._1 .table_frame table * {font-size: 16px !important;}
	.doc_content.mall._1 .design_service {/*font-size: 14px;*/}
	.doc_content.mall._1 .table_frame &gt; span, .doc_content.homepage._1 .table_frame &gt; span, .doc_content.homepage._3 .right &gt; span {font-size: 13px;}
	/*.doc_content.mall._1 .design_service &gt; h2 {font-size: 14px;}*/
	.mall .main_solution h2  {font-size:26px;}
	/*.mall .main_solution p {font-size: 14px;}*/
	.doc_content.mall._1 .img_frame &gt; a {width:100%; height:39px; line-height:39px; font-size:14px;}
	
	.doc_content.mall:not(._1) .img_frame {margin:0 0 15px;}

	
	.doc_content.mall:not(._1) .txt_frame h2 {text-align:center;}
	.doc_content.mall .txt_frame p{max-width: 356px !important; width: 100%; margin: 0 auto;  text-align: left;}


	
	/*homepage*/
	.document_content.homepage .nav_btn {font-size: 14px;}
	.doc_content.homepage._1 .img_frame &gt; a {  height: 39px; line-height: 39px; font-size: 14px;}
	.doc_content.homepage._2 ul {gap: 10px;}
	.doc_content.homepage._3 {}
	.doc_content.homepage._3 table th:after {margin-left: 16px;}
	.doc_content.homepage._4 .check_wrap {row-gap: unset; gap: 45px;}
	.doc_content.homepage._4 .check_wrap li {width: 100%;}
	.doc_content.homepage._4 .check_wrap li .img_wrap img {max-width: 356px !important; width: 100% ; margin:0 auto;}
	.doc_content.homepage._4 .check_wrap li .text_wrap{padding-left:0;}
	.doc_content.homepage._4 .check_wrap li .text_wrap &gt; p  {/*font-size: 15px;*/ max-width: 358px; width: 100%; margin: 0 auto;}
	
	/*godo tuning*/
	.doc_content.godo._2 ul.process li:last-child{width: calc(33% - 30px);}
	.doc_content.godo._2 ul.process li &gt; div {width:126px;}
	.doc_content.godo._2 ul.process li .arr {width: 16px; margin: 0 8px;}
	
	.doc_content.godo._3 ul{gap: 10px; row-gap: 20px; justify-content: space-between;}
	.doc_content.godo._3 ul li{width:48%;}
}</pre></body></html>