/*공통*/
.un-style {list-style: none; margin:0; padding:0;}
.clearfix:after {content:" "; display: table; clear:both;}

:root {
	--textColor:#1A1A1A;
	--mainColor:#1E61DE;
	--brightColor:#86B0FF;
	--footerColor:#7C7C7C;
}

.fnl {font-weight: 300 !important;}
.fnr {font-weight: 400 !important;}
.fnm {font-weight: 500 !important;}
.fnsb {font-weight: 600 !important;}
.fnb {font-weight: 700 !important;}
.fneb {font-weight: 800 !important;}
.fnbl {font-weight: 900 !important;}

table {table-layout: fixed;}

@font-face {
	font-family: 'SeoulHangangM';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulHangangM.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KimjungchulMyungjo-Bold';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulMyungjo-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}



.ffp {font-family: Pretendard-Regular;}
.ffn {font-family: Noto Sans KR !important;}

.line-15 {line-height: 1.5;}
.line-18 {line-height: 1.8;}
.line-2 {line-height: 2;}

h5.title {font-size: 2rem !important;}
h4.title {font-size: 3rem !important;}
h3.title {font-size: 3.6rem !important;}
h2.title {font-size: 4rem !important;}
h1.title {font-size: 4.4rem !important;}

p.content {font-size: 1.7rem !important;}

.btitle {font-size: 4rem;}
.ptitle {font-size: 2.5rem;}

.cs-title {font-size: 2.4rem !important;}
.cm-title {font-size: 2.8rem !important;}
.cl-title {font-size: 3.2rem !important;}
.cx-title {font-size: 3.4rem !important;}

.bb-content {font-size: 2.2rem !important;}
.pp-content {font-size: 2rem !important;}
.cs-content {font-size: 1.8rem !important;}
.ss-content {font-size: 1.6rem !important;}

.mb05 {margin-bottom: 5px !important;}
.mb2 {margin-bottom: 2rem !important;}
.mb4 {margin-bottom: 4rem !important;}
.mb5 {margin-bottom: 5rem !important;}
.mb6 {margin-bottom: 6rem !important;}
.mb7 {margin-bottom: 7rem !important;}
.mb8 {margin-bottom: 8rem !important;}
.mb9 {margin-bottom: 9rem !important;}
.mb10 {margin-bottom: 10rem !important;}

.mt2 {margin-top: 2rem !important;}
.mt4 {margin-top: 4rem !important;}
.mt10 {margin-top: 10rem !important;}

.ml2 {margin-left: 20px !important;}

.pt4 {padding-top: 4rem !important;}
.pt5 {padding-top: 5rem !important;}
.pt6 {padding-top: 6rem !important;}
.pt7 {padding-top: 7rem !important;}
.pt8 {padding-top: 8rem !important;}
.pt9 {padding-top: 9rem !important;}
.pt10 {padding-top: 10rem !important;}

.pb6 {padding-bottom: 6rem !important;}
.pb7 {padding-bottom: 7rem !important;}
.pb8 {padding-bottom: 8rem !important;}
.pb9 {padding-bottom: 9rem !important;}
.pb10 {padding-bottom: 10rem !important;}

.co66 {color: #666666 !important;}
.co00 {color: #000000 !important;}
.coff {color: #FFFFFF !important;}
.comain {color: var(--mainColor) !important;}
.cobright {color: var(--brightColor) !important;}
.cofooter {color: var(--footerColor) !important;}

.bkff {background-color: #FFFFFF !important;}

.bbd8 {border-bottom: 1px solid #D8D8D8;}

.list-dot > li {position: relative; padding-left: 10px; }
.list-dot > li:after {position: absolute; content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; top: 14px; left: 0; transform: translateY(-50%); background-color: #000000;}
.list-dot.co66 > li:after {background-color: #666666;}

.list-flex > li {display: flex;}
.list-flex  >li span:nth-child(1) {flex: none;}

.list-back > li {background-color: #FFFFFF; border-radius: 73px; padding: 1.5rem 2.8rem;}

.rowm-10 {margin-left: -10px; margin-right: -10px;}
.rowm-10 > div {padding-left: 10px; padding-right: 10px;}

.rowm-20 {margin-left: -20px; margin-right: -20px;}
.rowm-20 > div {padding-left: 20px; padding-right: 20px;}

.btn.btn-l {font-size: 2rem; padding: 1.5rem 4rem;}
.btn.btn-m {font-size: 1.8rem; font-weight: 500; padding: 1rem 6.4rem;}
.btn.btn-s {font-size: 1.6rem; padding: 7px 2.3rem;}

.btn.btn-regist {font-size: 2rem; padding: 1.2rem 7rem;}

.btn.btn-main {background-color: var(--mainColor); color: #FFFFFF;}
.btn.btn-black {background-color: black; color: #FFFFFF;}
.btn.btn-ff {background-color: #FFFFFF; color: var(--mainColor);}
.btn.btn-buttonColor {background: #E4E4E4; color: #000000;}

.btn.btn-r30 {border-radius: 30px;}

.toast-message {font-size: 1.8rem;}

#footer {background-color: #060606; padding: 4rem 0 8rem; position: relative; margin-top: 15rem;}
#footer:after {content: ''; display: block; width: 100%; height: 5.5rem; background-color: #060606; position: absolute; left: 0; top: -5.5rem; border-radius: 60px 60px 0 0;}
.ft-menu li {text-align: center;}
.ft-menu li a {font-size: 2rem; color: #FFFFFF; font-weight: 500;}

#goTop {width: 5.6rem; height: 5.6rem; background-color: #EBEBEB; border-radius: 100%; display: flex; position: absolute; right: 0; top: -12.5rem; z-index: 2; align-items: center; justify-content: center;}

#header {position: fixed; width: 100%; left: 0; z-index: 100; top: 0;}
#header .menus {background: transparent; border-bottom: 1px solid #FFFFFF;}
#header.whel {box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.20); background: #FFFFFF;}
#header.active {background: #FFFFFF;}
#header.whel .menus {border-bottom: 1px solid #E6E6E6;}

.header-mobile {position: absolute; z-index: 5; background: #ffffff; width: 310px; right: 0; top: 0; height: 100vh; overflow-y: scroll; display: none;}
.header-mobile.active {display: block;}
.mheader {background-color: var(--mainColor); padding: 10px 20px;}

#mopen {background-size: 100% 100%; background-repeat: no-repeat; display: block; background-position: center; background-image: url('/imgs/v2/hamburger.svg');}
.whel #mopen, .active #mopen {background-image: url('/imgs/v2/hamburger-on.svg');}

#header .header-mobile .hm-menu > li {padding: 0; text-align: left; border-bottom: 1px solid #DBDBDB;}
#header .hm-menu > li > a {color: #000000; padding-top: 20px; padding-bottom: 20px; padding-left: 32px; font-size: 18px; font-weight: 600; display: block;}
#header .hm-menu .header-sub-menu {padding-top: 4px; padding-bottom: 4px; position: relative; width: 100%; left: 0; display: none;}
#header .hm-menu .on .header-sub-menu {display: block;}
#header .hm-menu > li.on .header-sub-menu {border-top: 1px solid #DBDBDB;}
#header .hm-menu .header-sub-menu > li > a {color: #000000; text-align: left; padding: 15px 50px; font-size: 16px;  display: block;}
.header-logo {max-width: 22.8rem; background-image: url('/imgs/v2/header-logo.svg'); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.whel .header-logo, .active .header-logo {background-image: url('/imgs/v2/header-logo-on.svg');}

.menu input {display: none;}
.menu input + label {display: block; width: 3.3rem; height: 2.6rem; position: relative;}
.menu label span {display: block; width: 3.3rem; height: 2px; position: absolute; transition: all 0.5s; margin: 0; background: #FFFFFF;}
.whel .menu label span {background: #000000;}
.active .menu label span {background: #FFFFFF;}
.menu label span:nth-child(1) {top: 0;}
.menu label span:nth-child(2) {top: 50%; transform: translateY(-50%);}
.menu label span:nth-child(3) {bottom: 0;}
.menu input[type=checkbox]:checked + label span:nth-child(1) {top: 50%; transform: translateY(-50%) rotate(45deg);}
.menu input[type=checkbox]:checked + label span:nth-child(2) {opacity: 0;}
.menu input[type=checkbox]:checked + label span:nth-child(3) {top: 50%; transform: translateY(-50%) rotate(-45deg);}

.header-menu {z-index: 10; position: relative;}
.header-menu > li {position: relative; }
.header-menu > li > a {font-size: 2rem; font-weight: 600; display: block; position: relative; transition: color 0.1s; color: #FFFFFF;}
.whel .header-menu > li > a {color: #000000;}
.active .header-menu > li > a {color: #000000;}
.header-menu > li.on > a {color: var(--mainColor);}
.header-sub-menu {position: absolute; width: 100%; display: none; height: 47.2rem; border-right: 1px solid #E6E6E6;}
.header-menu > li:nth-child(1) .header-sub-menu {border-left: 1px solid #E6E6E6;}
.active .header-sub-menu {display: block;}
.header-sub-menu li a {font-size: 2rem; color: #6A6A6A; display: block; padding: 2.4rem 0; text-align: center;}
.header-sub-menu li a:hover {color: var(--mainColor);}
.header-menu-back {
	height: 47.2rem; background-color: #FFFFFF; position: absolute; width: 100%; left: 0; display: block;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.20); display: none; border-top: 1px solid #E6E6E6;
}
.active .header-menu-back {display: block;}

.header-mobile .header-sub-menu {height: auto;}

.language-select {
	background-color: var(--mainColor);
	border: 1px solid var(--mainColor);
	border-radius: 29px;
	color: #FFFFFF;
	font-size: 2rem;
	padding: 9px 4rem 9px 4.7rem;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('/imgs/v2/language-arrow.svg'), url('/imgs/v2/language.svg');
	background-repeat: no-repeat;
	background-position: right+1.5rem center, left+1.2rem center;
}

.language-zone {position: relative; z-index: 10;}
.language-zone h6 {
	background-color: var(--mainColor); border: 1px solid var(--mainColor); border-radius: 29px; padding: 9px 40px 9px 47px; color: #FFFFFF; font-size: 2rem;
	background-image: url('/imgs/v2/language-arrow.svg'), url('/imgs/v2/language.svg'); background-repeat: no-repeat; background-position: right+1.5rem center, left+1.2rem center;
}
.language-zone.on h6 {border-radius: 29px 29px 0 0;}
.language-zone ul {position: absolute; width: 100%; background: var(--mainColor); border-radius: 0 0 29px 29px; display: none;}
.language-zone.on ul {display: block;}
.language-zone ul li a {font-size: 2rem; color: #FFFFFF; display: block; padding: 0.5rem 0; text-align: center;}
/*공통*/

/*게시판*/
.bdsearch {margin-bottom: 2rem;}
.bdsearch .total {font-size: 18px; font-weight: 600; margin-bottom: 0;}
.bdsearch select {
	font-size: 2rem; padding: 1rem 2.1rem; width: 154px; max-width: 100%; border-radius: 100px; color: #FFFFFF;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(/imgs/v2/customer/bdarrow.svg);
	background-repeat: no-repeat;
	background-position: right +1.5rem center;
}
.bddark .bdsearch select {background-color: #000000; border: 1px solid #000000;}
.bdblue .bdsearch select {background-color: var(--mainColor); border: 1px solid var(--mainColor);}
.bdsearch input {font-size: 2rem; padding: 1rem 2.1rem; border: 0px; width: 42.3rem; max-width: 100%; border-radius: 100px; background-color: #F4F4F4; display: table; margin-right: 0; margin-left: auto;}
.bdsearch button {background: none; padding: 0; border: 0; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%);}
.bdsearch input:focus {outline: none;}

.bdtype {display: flex;}
.bdtype li {margin-right: 1.1rem;}
.bdtype li a {display: flex; align-items: center; justify-content: center; padding: 1rem 2.5rem; font-size: 2rem; background: #F4F4F4; border-radius: 40px; height: 100%;}
.bdtype li.on a {background: var(--mainColor); color: #FFFFFF;}

.bdgallery > div {margin-bottom: 7rem;}
.bdgallery .bditem {max-width: 30.7rem; margin: 0 auto;}
.bdgallery .bdthumb {width: 100%; position: relative; border: 1px solid #BEBEBE; background-color: #EFEFEF; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 2.5rem;}
.bdgallery .bdthumb:after {content: ''; display: block; padding-bottom: 142.34%;}
.bdgallery .bditem h5 {font-size: 2rem; text-align: center;}

.bdtable {border-radius: 10px; overflow: hidden;}
.bdtable th {font-size: 2rem; padding: 1.2rem 0; color: #FFFFFF;}
.bddark .bdtable th {background-color: #000000;}
.bdblue .bdtable th {background-color: var(--mainColor);}
.bdtable td {font-size: 2rem; padding-top: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #D9D9D9; background-color: #F9F9F9;}
.bdtable tr:last-child td {border-bottom: 0;}
.bdtable td .bdt-info li {font-size: 1.8rem; margin-top: 10px; margin-right: 10px; padding-right: 10px; position: relative; line-height: 1;}
.bdtable td .bdt-info li:after {
	position: absolute; content: ''; display: block; height: 100%; width: 1px; background: #000000; top: -1px; right: 0;
}
.bdtable td .bdt-info li:last-child:after {display: none;}
.bdtable td.title a {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}

.pagination li {width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; align-items: center; margin: 0 4px; border-radius: 100%;}
.pagination li a {font-size: 2rem; color: #838383 !important; line-height: 1;}
.pagination li.active {background: var(--mainColor); border: 1px solid var(--mainColor); font-weight: bold;}
.pagination li.active a {color: #FFFFFF !important;}
.pagination li.pg-arw {background-color: #F3F3F3; border: 1px solid #F3F3F3;}

.bddetail {border-top: 4px solid var(--mainColor);}
.bddetail th, .bddetail td {padding: 2rem; border-bottom: 1px solid #C1C1C1;}
.bddetail h5 {font-size: 2.3rem; font-weight: 500;}
.bdd-info li {font-size: 1.7rem; color: #666666; font-weight: 400; padding-left: 2rem; padding-right: 2rem; margin-top: 2rem; margin-bottom: 2rem; position: relative; line-height: 1;}
.bdd-info li:last-child:after {display: none;}
.bdcontent {font-size: 1.7rem;}
.bdcontent img {max-width: 100%; height: auto !important;}
.bdfile {background: #F8F8F8;}
.bdfile ul li {font-size: 1.7rem;}
.bftext {padding-right: 2rem; margin-top: 4px; position: relative; flex: none; line-height: 1;}
.bflist {padding-left: 2rem; word-break: break-word;}
.bflist a {font-size: 1.7rem; color: #000000 !important;}
.bflist a:hover {text-decoration: underline;}

.pn-table  {border-top: 1px solid #c7c7c7;}
.pn-table th, .pn-table td {padding: 17px 0; border-bottom: 1px solid #C7C7C7; font-size: 1.7rem;}

.inputtable {border-top: 2px solid var(--mainColor); border-bottom: 2px solid var(--mainColor);}
.inputtable tr th {background-color: var(--mainColor); font-size: 2rem; font-weight: 600; color: #FFFFFF; padding: 2.5rem 0; border-bottom: 1px solid #FFFFFF;}
.inputtable tr td {font-size: 2rem; padding: 1.5rem 0; border-bottom: 1px solid #B9B9B9;}
.inputtable tr:last-child th, .inputtable tr:last-child td {border-bottom: 0;}
.inputtable input[type=text], .inputtable textarea {font-size: 2rem; padding: 1.1rem 2rem; width: 51.5rem; max-width: 100%; border: 1px solid #D9D9D9;}
.inputtable select {
	font-size: 2rem; padding: 1.1rem 2rem; width: 51.5rem; max-width: 100%; background-color: #F9F9F9; border: 1px solid #D9D9D9;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('/imgs/v2/inquiry/select-arrow.svg');
	background-repeat: no-repeat;
	background-position: right+1.5rem center;
}

.consulting-check input {display: none;}
.consulting-check label {
	font-size: 1.8rem; color: #CFCFCF; border: 1px solid #CFCFCF; border-radius: 4px; padding: 1rem 1.6rem 1rem 5.7rem; margin-bottom: 0;
	background-image: url('/imgs/v2/inquiry/check.svg'); background-repeat: no-repeat; background-position: left+1.5rem center;
	background-size: 3.4rem;
}
.consulting-check input[type=radio]:checked + label {color: var(--mainColor); background-image: url('/imgs/v2/inquiry/check-on.svg'); border-color: var(--mainColor);}

/*게시판*/

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
	display: block;
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
	z-index: 2000;
}

.wrap-loading div{ /*로딩 이미지*/
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -21px;
	margin-top: -21px;
}

.section1 {height: 100vh; background-image: url('/imgs/v2/main/ms-bak.png'); background-position: center; background-size: cover;}
.ms-txt h2 {font-weight: 800; word-break: break-word;}
.ms-txt h2 span {background: linear-gradient(92deg, #E76EFF -1.44%, #47EDFF 102.54%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ms-btn {background-color: #FFFFFF; color: var(--textColor); border-radius: 32px; font-size: 2rem;}

.section2 {background-color: #FFFFFF; position: relative; padding: 4.5rem 0 15.5rem 0;}
.section2:after {content: ''; display: block; width: 100%; height: 5.5rem; background-color: #FFFFFF; position: absolute; left: 0; top: -5.5rem; border-radius: 60px 60px 0 0;}
.mtw-item {position: relative; border-radius: 7px; background-color: #CFCFCF; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;}
.mtw-item:after {content: ''; display: block; padding-bottom: 67.45%;}
.mtw-item:before {content: ''; display: block; position: absolute; width: 100%; height: 33.65%; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);}
.mtw-item > a {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.mtw-item > h5 {position: absolute; width: 100%; left: 0; text-align: center; bottom: 3rem;}

.section3 {background-color: #EBEBEB; position: relative; padding: 4.5rem 0 15.5rem 0;}
.section3:after {content: ''; display: block; width: 100%; height: 5.5rem; background-color: #EBEBEB; position: absolute; left: 0; top: -5.5rem; border-radius: 60px 60px 0 0;}
.mth-table {border-top: 4px solid var(--textColor);}
.mth-table tbody td {padding: 3rem 0; border-bottom: 1px solid #D8D8D8; font-size: 2rem; background-color: #FFFFFF; text-align: center;}
.mth-table tbody td.date {color: #939393;}

.section4 {background-color: var(--mainColor); position: relative; padding: 4.5rem 0 15.5rem 0;}
.section4:after {content: ''; display: block; width: 100%; height: 5.5rem; background-color: var(--mainColor); position: absolute; left: 0; top: -5.5rem; border-radius: 60px 60px 0 0;}
.mfo-list .slick-dots {bottom: -30px; left: 50%; transform: translateX(-50%); top: auto;}
.mfo-item {max-width: 23.8rem; margin: 0 auto; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #CFCFCF;}
.mfo-item:after {content: ''; display: block; padding-bottom: 142.85%;}

.custom-table {border-top: 2px solid #1E61DE; border-bottom: 2px solid #1E61DE;}
.custom-table tbody th {font-size: 2rem; background-color: var(--mainColor); color: #FFFFFF; padding: 1rem 0; text-align: center; border-bottom: 1px solid #FFFFFF;}
.custom-table tbody td {font-size: 2rem; padding: 1rem; border-bottom: 1px solid #B9B9B9;}
.custom-table tbody tr:last-child th, .custom-table tbody tr:last-child td {border-bottom: 0;}

.page-top {padding: 19rem 0 16rem; position: relative; overflow: hidden; margin-bottom: 10rem;}
.page-bak {position: absolute; width: 100%; height: calc(100% + 20px); top: -20px; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; animation: scaleUp 2s forwards 0s;}
.page-txt {position: relative; z-index: 2;}
.page-txt h4 {font-size: 3.2rem; font-weight: 500;}
.pagebread {background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(4px); border-radius: 18px; padding: 0.8rem 2px;}
.pagebread li {margin: 0 9px; padding: 0 9px; position: relative;}
.pagebread li:after {content: ''; display: block; width: 2rem; height: 2rem; background-image: url('/imgs/v2/page-arrow.svg'); position: absolute; top: 50%; right: -18px; transform: translateY(-50%);}
.pagebread li:last-child:after {display: none;}
.pagebread li a {font-size: 1.8rem; color: #FFFFFF; display: flex; align-items: center;}

@keyframes scaleUp {
	from {top: -20px;}
	to {top: 0px;}
}

.page-menu {position: absolute; width: 100%; left: 0; bottom: 0; z-index: 3;}
.page-menu ul {display: flex; border-radius: 20px 20px 0 0; background-color: #FFFFFF; justify-content: center;}
.page-menu ul li {text-align: center; margin: 0 3rem;}
.page-menu ul li a {font-size: 2rem; display: inline-block; padding: 2rem 1rem; position: relative; text-align: center;}
.page-menu ul li.on a {font-weight: 600;}
.page-menu ul li.on a:after {content: ''; display: block; width: 100%; height: 3px; background-color: #1E61DE; position: absolute; bottom: 1rem; left: 0;}

.page-title {font-size: 4rem; font-weight: bold; position: relative; padding: 0 3rem; display: table; margin: 0 auto 10rem auto; text-align: center;}
.page-title:before {content: '▶'; font-size: 2rem; color: var(--mainColor); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.page-title:after {content: '◀'; font-size: 2rem; color: var(--mainColor); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.page-title2 {font-size: 3.2rem; font-weight: bold; position: relative; padding-left: 3rem;}
.page-title2:before {content: '▶'; font-size: 2rem; color: var(--mainColor); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.page-title2.coff:before {color: #FFFFFF;}

.page-title3 {font-size: 4rem; font-weight: bold; position: relative; padding-left: 5rem;}
.page-title3:before {content: '▶'; font-size: 2.5rem; color: var(--mainColor); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.page-title3.coff:before {color: #FFFFFF;}

.company-img {height: calc(100% - 1.8rem); width: 100%; min-height: 50rem; margin: 0.9rem 0; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url('/imgs/v2/introduce/company-img.png'); border-radius: 10px;}
.company-info > li {background-color: #F8F8F8; border-radius: 15px; padding: 3rem 4rem; margin: 0.9rem 0;}
.company-info > li > div:nth-child(1) {flex: 0 0 12rem; max-width: 12rem; margin-right: 3rem;}
.company-info > li > div:nth-child(2) {flex: 1;}
.company-info > li h6 {line-height: 1;}

.cb-item {position: relative; border-radius: 100%; background-color: var(--mainColor); background-size: 110% 110%; background-position: center; background-repeat: no-repeat;}
.cb-item:after {content: ''; display: block; padding-bottom: 100%;}
.cb-item > div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column;}
.cb-item > div span {font-size: 2rem; color: var(--mainColor); background: #FFFFFF; width: 2.9rem; height: 2.9rem; line-height: 2.9rem; border-radius: 100%; display: block; margin: 1.5rem auto; text-align: center;}
.cb-item > div p {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}

.company-history {padding-top: 5.5rem; position: relative;}
.company-history:after {content: ''; display: block; width: 100%; height: 5.5rem; background-color: #EBEBEB; position: absolute; left: 0; top: 0rem; border-radius: 60px 60px 0 0;}
.company-history > div {background-color: #EBEBEB; padding: 10rem 0 15rem 0; background-image: url('/imgs/v2/introduce/history-bak.png'); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat;}
.ch-title {padding-bottom: 5rem; border-bottom: 4px solid var(--textColor); margin-bottom: 10rem;}
.ch-item h5 {font-size: 7rem; font-weight: 900; color: var(--textColor); position: relative; z-index: 2;}
.ch-desc {margin-top: 4rem; padding-bottom: 7rem; position: relative;}
.ch-desc ul {background: #FFFFFF; border-radius: 15px; padding: 3rem;}

.organ-zone {padding: 10rem 0; background-color: #F4F4F4; border-radius: 15px;}
.organ-info {display: table; margin: 0 auto;}
.organ-ceo {width: 22.5rem; height: 22.5rem; margin: 0 auto; background-color: var(--mainColor); border-radius: 100%; position: relative;}
.organ-ceo:after {content: ''; display: block; width: 1px; height: 16rem; border-left: 1px dashed #8E8E8E; position: absolute; bottom: -16rem; left: 50%; transform: translateX(-50%);}
.organ-ceo h6 {display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; width: 100%; height: 100%; font-size: 3rem; font-weight: 600;}
.organ-ceo h6 span {font-size: 5.5rem;}
.organ-member {position: relative; z-index: 0;}
.organ-member:after {content: ''; display: block; width: calc(50% - 4rem); height: 1px; border-bottom: 1px dashed #8E8E8E; position: absolute; top: 50%; left: 50%; transform: translateY(-50%);}
.organ-member-child {max-width: 28.9rem; width: 100%; margin-right: 0; margin-left: auto; padding: 5rem 0; position: relative; z-index: 1;}
.organ-member-child h6 {width: 100%; font-size: 2.4rem; padding: 1.5rem 0; background-size: 100% 100%; background-position: center; background-image: url('/imgs/v2/introduce/organ-member.png');}
.organ-department {position: relative;}

.organ-department ul li {flex: 0 0 22rem; max-width: 22rem; position: relative;}
.organ-department ul li span {font-size: 2.4rem; padding: 1.3rem 0; display: block;text-align: center; font-weight: 600; background: #FFFFFF;}

.map-iframe {border-radius: 10px; overflow: hidden;}
.map-info {padding: 2rem 0; border-radius: 10px; background-color: var(--mainColor);}
.mi-logo {margin: 0 7rem;}

.bottom-lineup {background-color: var(--mainColor); position: relative; padding: 8rem 0 15.5rem 0;}
.bottom-lineup:after {content: ''; display: block; width: 100%; height: 5.5rem; background-color: var(--mainColor); position: absolute; left: 0; top: -5.5rem; border-radius: 60px 60px 0 0;}
.bli-thumb {border-radius: 7px; overflow: hidden; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; backround-position: center; background-color: var(--brightColor);}
.bli-thumb:after {content: ''; display: block; padding-bottom: 61.45%;}

.pd-info-zone {margin-bottom: 15rem;}
.pd-img {position: relative; border: 1px solid #D4D4D4; border-radius: 15px; padding-bottom: 10rem;}
.pd-img:after {content: ''; display: block; padding-bottom: 81.88%;}
.pdi-list {position: absolute !important; width: 100%; height: calc(100% - 10rem);}
.pdi-list .pdim-item {height: 100%; display: flex; align-items: center; justify-content: center;}
.pdi-list .pdim-item img {width: auto; height: auto; max-height: 100%; margin: 0 auto;}
.pdi-list .slick-dots {bottom: -5rem; top: auto; left: 50%; transform: translateX(-50%);}
.pdi-arrow {position: absolute; bottom: 5rem; width: 90%; left: 50%; display: flex; justify-content: space-between; transform: translateX(-50%);}
.pdi-arrow li {position: absolute; top: 50%; transform: translateY(-50%);}
.pdi-arrow li.pdi-left {left: 0;}
.pdi-arrow li.pdi-right {right: 0;}
.pdi-item li {font-size: 2rem; padding: 5px 2rem; border: 1px solid var(--mainColor); color: var(--mainColor); text-align: center; margin-bottom: 0.5rem;}
.pd-info .pd-title {margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 3px solid var(--mainColor);}
.pd-title h1 {font-size: 4.6rem; padding-left: 4rem; position: relative; margin-bottom: 0;}
.pd-title h1:after {content: '▶'; font-size: 2rem; color: var(--mainColor); position: absolute; left: 0; top: 1.5rem;}
.pdi-table {border-top: 4px solid var(--textColor);}
.pdi-table th, .pdi-table td {font-size: 2.2rem; padding: 3rem 0; border-bottom: 1px solid #D8D8D8;}
.pdi-table th {font-weight: bold;}
.btn.pdi-btn {font-size: 2.4rem; color: #FFFFFF; padding: 2.1rem 0; display: block; width: 100%; text-align: center; background: var(--mainColor); border-radius: 50px; font-weight: bold;}
.btn.pdi-btn.btn-text {border: 1px solid #BEBEBE; color: var(--textColor); background: #FFFFFF;}

.case-info {padding: 4rem 4rem; background: rgba(30, 97, 222, 0.04); border-radius: 10px; min-height: 23.3rem;}
.case-img {border: 1px solid #D9D9D9; border-radius: 10px; min-height: 23.3rem; height: 100%; background-size: cover; background-repeat: no-repeat;}
.csit span {display: flex; width: 4.5rem; height: 4.5rem; font-size: 2.6rem; align-items: center; justify-content: center; border-radius: 100%; color: #FFFFFF; background: var(--mainColor); font-weight: bold; flex: none;}
.csit h6 {padding-top: 0.4rem;}