/*서브*/
@import url("popup.css");

select {min-width:160px; height:50px; border:1px solid #DCDCDC; border-radius:4px; box-sizing:border-box; padding:0 calc(var(--gap-16) + 20px) 0 var(--gap-16); font-size:var(--font-16); -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; cursor:pointer; position:relative; background:url(/img/com/selectbox_arrow.svg) right var(--gap-16) center no-repeat; background-color:#fff;}
select::-ms-expand {display:none;}
select option {padding:var(--gap-8) 0;}

@media screen and (max-width: 1024px) {
	select {min-width:auto; width:max-content;}
}

@media screen and (max-width: 480px) {
	select {height:42px;}
}


.sub {width:100%; min-width:320px; overflow:hidden; padding-top:120px; min-height:1000px;}

.sub .sub-visual {width:100%; border-bottom:1px solid #DCDCDC;}
.sub .sub-visual > .inner {width:95%; max-width:var(--max-w); margin:0 auto; height:180px; display:flex; align-items:center; position:relative;}
/*.sub .sub-visual > .inner:after {content:""; width:186px; height:135px; background:url(/img/conts/sub_obj.svg) center no-repeat; background-size:cover; position:absolute; right:0; bottom:var(--gap-40);}*/
.sub .sub-visual .page-title {width:100%; position:relative; padding:30px 50px;}
.sub .sub-visual .page-title:before {content:""; width:41px; height:55px; background:url(/img/conts/title_obj.svg) center no-repeat; background-size:100% auto; position:absolute; left:0; top:0; box-sizing:border-box;}
.sub .sub-visual .page-title h1 {width:100%; font-family:var(--Montserrat); font-size:var(--font-50); font-weight:700; color:#000;}
.sub .sub-visual .page-title .txt {width:100%; margin-top:var(--gap-16); font-size:var(--font-20); font-weight:500;}

.sub .nav {width:100%; border:solid #DCDCDC; border-width:0 0 1px 0;}
.sub .nav > .inner {width:95%; max-width:var(--max-w); margin:0 auto;}
.sub .nav > .inner::-webkit-scrollbar {height:5px;}
.sub .nav > .inner::-webkit-scrollbar-thumb {border-radius:5px; background:#f7f7f7;}
.sub .nav > .inner::-webkit-scrollbar-track {background:transparent;}
.sub .nav .nav-wrap {width:100%; display:flex; align-items:center; gap:0 calc(var(--gap-24) * 2);}
.sub .nav .nav-wrap .nav-box {font-size:var(--font-16); font-weight:500; position:relative;}
.sub .nav .nav-wrap .nav-box:before {content:""; width:1px; height:16px; box-sizing:border-box; border:solid #DCDCDC; border-width:0 0 0 1px; position:absolute; left:calc(var(--gap-24) * -1); top:50%; transform:translateY(-50%);}
.sub .nav .nav-wrap .nav-box:nth-child(1):before {display:none;}
.sub .nav .nav-wrap .nav-box .nav-select {min-width:230px; height:70px; position:relative; display:flex; align-items:center;}
.sub .nav .nav-wrap .nav-box .nav-select button {width:100%; padding-right:calc(var(--gap-16) + 20px); position:relative; font-size:var(--font-16); text-align:left; white-space:nowrap; position:relative; z-index:10;}
.sub .nav .nav-wrap .nav-box .nav-select button:after {content:""; width:20px; height:20px; background:url(/img/conts/nav_arrow.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub .nav .nav-wrap .nav-box .nav-select .nav-list {width:max-content; max-height:300px; min-width:230px; background:#fff; border:1px solid #616161; overflow-y:auto; position:absolute; left:0; top:70px; padding:var(--gap-16); display:none; z-index:11;}
.sub .nav .nav-wrap .nav-box .nav-select .nav-list ul li a {font-size:var(--font-16); font-weight:500; color:#C1C1C1; padding:var(--gap-8) 0; display:block;}
.sub .nav .nav-wrap .nav-box .nav-select .nav-list ul li a:hover {color:var(--main-color);}
.sub .nav .nav-wrap .nav-box .nav-select .nav-list::-webkit-scrollbar {width:9px;}
.sub .nav .nav-wrap .nav-box .nav-select .nav-list::-webkit-scrollbar-thumb {border-radius:5px; background:var(--main-color);}
.sub .nav .nav-wrap .nav-box .nav-select .nav-list::-webkit-scrollbar-track {background:#D1D1D1;}
.sub .nav .nav-wrap .nav-box:last-child .nav-select button {color:var(--main-color);}
.sub .nav .nav-wrap .nav-box:last-child .nav-select button:after {background-image:url(/img/conts/nav_arrow_on.svg); transform:translateY(-50%) scaleY(-1);}
.sub .nav .nav-wrap .nav-box.active .nav-select button {color:var(--main-color);}
.sub .nav .nav-wrap .nav-box.active .nav-select button:after {background-image:url(/img/conts/nav_arrow_on.svg); transform:translateY(-50%);}
.sub .nav .nav-wrap .nav-box.active .nav-select .nav-list {display:block;}

.sub .page-conts {width:100%; padding:var(--gap-80) 0 var(--gap-100) 0;}
.sub .page-conts > .inner {width:92%; max-width:var(--max-w); margin:0 auto;}
.sub .page-conts .sub-title {width:100%; margin-bottom:var(--gap-40);}
.sub .page-conts .sub-title h2 {font-size:var(--font-36); font-weight:700; color:#111;}
.sub .page-conts .sub-title.ty-c {text-align:center;}
.sub .page-conts .dep-title {width:100%; margin-bottom:var(--gap-40);}
.sub .page-conts .dep-title h3 {font-size:var(--font-30); font-weight:700; color:#111;}
.sub .page-conts .dep-title .txt {width:100%; margin-top:var(--gap-16); font-size:var(--font-18); max-width:1100px;}

.sub .page-conts .conts-wrap section {width:100%; margin-top:var(--gap-60);}
.sub .page-conts .conts-wrap section:nth-child(1) {margin-top:0;}

.sub .tab {width:100%;}
.sub .tab ul {width:100%; display:flex; align-items:center; flex-wrap:wrap; border:solid #DCDCDC; border-width:1px 0 0 1px;}
.sub .tab ul li {border:solid #DCDCDC; background:#fff; border-width:0 1px 1px 0;}
.sub .tab ul li:first-child:nth-last-child(2),
.sub .tab ul li:first-child:nth-last-child(2) ~ li {width:50%;}
.sub .tab ul li:first-child:nth-last-child(3),
.sub .tab ul li:first-child:nth-last-child(3) ~ li {width:33.33%;}
.sub .tab ul li:first-child:nth-last-child(4),
.sub .tab ul li:first-child:nth-last-child(4) ~ li {width:25%;}
.sub .tab ul li:first-child:nth-last-child(5),
.sub .tab ul li:first-child:nth-last-child(5) ~ li {width:20%;}
.sub .tab ul li a {display:flex; align-items:center; justify-content:center; width:100%; height:var(--gap-60); box-sizing:border-box; padding:0 10px; font-size:var(--font-20); color:#666; font-weight:700;}
.sub .tab ul li.on {border-color:var(--main-color); background:var(--main-color);}
.sub .tab ul li.on a {color:#fff;}

.sub .button-box {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-16);}

.sub .com-img-box {width:100%;}
.sub .com-img-box img {max-width:100%; display:block; margin:0 auto;}

/*.sub section .conts-area > * {margin-bottom:var(--gap-80) !important;}*/
.sub section .conts-area > *:last-child {margin-bottom:0;}


@media screen and (max-width: 1024px) {
	.sub {padding-top:100px;}

	.sub .sub-visual > .inner {height:150px;}
	.sub .sub-visual > .inner:after {width:130px; height:94px;}
	.sub .sub-visual .page-title {padding:20px 40px;}
	.sub .sub-visual .page-title:before {width:30px; height:40px;}

	.sub .nav .nav-wrap .nav-box:before {height:12px;}
	.sub .nav .nav-wrap .nav-box .nav-select {min-width:160px; height:60px;}
	.sub .nav .nav-wrap .nav-box .nav-select .nav-list {min-width:160px; top:60px;}
	.sub .nav .nav-wrap .nav-box .nav-select button {padding-right:calc(var(--gap-16) + 16px);}
	.sub .nav .nav-wrap .nav-box .nav-select button:after {width:16px; height:16px;}
}

@media screen and (max-width: 900px) {
	.sub .nav .nav-wrap .nav-box span.home {width:16px; height:16px; display:block; background:url(/img/conts/icon_home.svg) center no-repeat; background-size:auto 100%; font-size:0;}
	.sub .nav .nav-wrap .nav-box .nav-select {min-width:100%;}
	.sub .nav .nav-wrap .nav-box .nav-select .nav-list {min-width:100%;}
}

@media screen and (max-width: 768px) {
	.sub {padding-top:80px;}

	.sub .sub-visual > .inner {height:120px;}
	.sub .sub-visual > .inner:after {width:100px; height:73px;}
	.sub .sub-visual .page-title {padding:12px 30px;}
	.sub .sub-visual .page-title:before {width:24px; height:32px; border-width:10px 0 0 10px;}

	.sub .nav .nav-wrap {gap:0; flex-wrap:wrap;}
	.sub .nav .nav-wrap .nav-box:before {width:100%; height:1px; border-width:1px 0 0 0; left:0; top:0; transform:none;}
	.sub .nav .nav-wrap .nav-box:nth-child(1) {display:none;}
	.sub .nav .nav-wrap .nav-box:nth-child(-n+2):before {display:none;}
	.sub .nav .nav-wrap .nav-box {width:100%;}
	.sub .nav .nav-wrap .nav-box .nav-select {width:100%; height:auto;}
	.sub .nav .nav-wrap .nav-box .nav-select button {padding-right:calc(var(--gap-16) + 14px); height:50px;}
	.sub .nav .nav-wrap .nav-box .nav-select button:after {width:14px; height:14px;}
	.sub .nav .nav-wrap .nav-box .nav-select .nav-list {top:50px;}
}

@media screen and (max-width: 480px) {
	.sub {padding-top:70px;}

	.sub .sub-visual > .inner {height:100px;}
	.sub .sub-visual > .inner:after {width:65px; height:47px;}
	.sub .sub-visual .page-title {padding:10px 20px;}
	.sub .sub-visual .page-title:before {width:20px; height:27px; border-width:8px 0 0 8px;}

	.sub .nav .nav-wrap .nav-box:before {height:8px;}
	.sub .nav .nav-wrap .nav-box span.home {width:14px; height:14px;}
	.sub .nav .nav-wrap .nav-box .nav-select .nav-list {min-width:100%; top:45px;}
	.sub .nav .nav-wrap .nav-box .nav-select button {padding-right:calc(var(--gap-24) + 12px); height:45px;}
	.sub .nav .nav-wrap .nav-box .nav-select button:after {width:12px; height:12px;}

	.sub .tab ul li a {font-size:14px;}
}


.product .product-index {width:100%; margin:var(--gap-120) 0; display:block;}
.product .product-index:nth-child(1) {margin-top:0;}
.product .product-index .card-tb .list-box .icon.da {background-image:url(/img/conts/icon_da.svg);}
.product .product-index .card-tb .list-box .icon.security {background-image:url(/img/conts/icon_security.svg);}
.product .product-index .card-tb .list-box .icon.cloud {background-image:url(/img/conts/icon_cloud.svg);}
.product .product-index .card-tb .list-box .icon.infra {background-image:url(/img/conts/icon_infra.svg);}
.product .product-index .card-tb .list-box .icon.im {background-image:url(/img/conts/icon_im.svg);}
.product .product-index .card-tb .list-box .icon.app {background-image:url(/img/conts/icon_app.svg);}
.product .product-index .card-tb .list-box .icon.cits {background-image:url(/img/conts/icon_cits.svg);}
.product .product-index .card-tb .list-box .icon.ito {background-image:url(/img/conts/icon_ito.svg);}
.product .product-consul-banner {width:100%; height:286px; display:flex; align-items:center; flex-wrap:wrap; padding:10px var(--gap-80); background-color:#0C64B8; background-image:url(/img/conts/product_banner_bg.png); background-position:right center; background-repeat:no-repeat; background-size:auto 100%; position:relative;}
.product .product-consul-banner:after {content:""; width:17%; height:100%; background:url(/img/conts/product_banner_obj.svg) center no-repeat; background-size:100% auto; position:absolute; right:var(--gap-80); top:0;}
.product .product-consul-banner .tlt {width:100%; font-size:var(--font-30); font-weight:700; color:#fff; line-height:1.4; margin-bottom:var(--gap-40);}

@media screen and (max-width: 900px) {
	.product .product-index .card-tb .list-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 768px) {
	.product .product-consul-banner {height:240px;  padding:10px var(--gap-40);}
}

@media screen and (max-width: 480px) {
	.product .product-consul-banner {height:180px;}
}

/*.product .product-common {margin-top:var(--gap-40);}*/
.product .product-common .tab-conts-wrap {width:100%;}
.product .product-common .tab-conts-wrap .tab-conts-box {background:#FAFAFA; width:100%; min-height:200px; display:flex; align-items:center; padding:var(--gap-40);}
.product .product-common .tab-conts-wrap .tab-conts-box > .inner {width:100%;}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category {width:100%; display:flex; justify-content:center; gap:80px; flex-wrap:wrap;}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li {text-align:center;}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon {width:80px; height:80px; margin:0 auto; border-radius:4px; background-color:#fff; background-size:cover; background-repeat:no-repeat; background-position:center; margin-bottom:var(--gap-16); transition:all .3s ease-in-out;}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon.da {background-image:url(/img/conts/icon_da.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon.security {background-image:url(/img/conts/icon_security.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon.cloud {background-image:url(/img/conts/icon_cloud.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon.infra {background-image:url(/img/conts/icon_infra.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon.im {background-image:url(/img/conts/icon_im.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon.app {background-image:url(/img/conts/icon_app.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon.cits {background-image:url(/img/conts/icon_cits.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon.ito {background-image:url(/img/conts/icon_ito.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on .icon {background-color:var(--main-color);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon.da,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on .icon.da {background-image:url(/img/conts/icon_da_on.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon.security,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on  .icon.security {background-image:url(/img/conts/icon_security_on.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon.cloud,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on  .icon.cloud {background-image:url(/img/conts/icon_cloud_on.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon.infra,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on  .icon.infra {background-image:url(/img/conts/icon_infra_on.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon.im,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on  .icon.im {background-image:url(/img/conts/icon_im_on.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon.app,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on  .icon.app {background-image:url(/img/conts/icon_app_on.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon.cits,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on  .icon.cits {background-image:url(/img/conts/icon_cits_on.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover .icon.ito,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on  .icon.ito {background-image:url(/img/conts/icon_ito_on.svg);}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li span {display:block; font-size:var(--font-16); font-weight:600; color:#111;}
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li:hover span,
.product .product-common .tab-conts-wrap .tab-conts-box .product-category li.on span {color:var(--main-color);}
.product .product-common .tab-conts-wrap .tab-conts-box .keyword-search {width:100%;}
.product .product-common .tab-conts-wrap .tab-conts-box .keyword-search .search-area {width:100%; justify-content:center;}
.product .product-common .tab-conts-wrap .tab-conts-box .keyword-search .search-area .input-box input {width:590px;}

@media screen and (max-width: 1024px) {
	.product .product-common .tab-conts-wrap .tab-conts-box .product-category {gap:60px;}
	.product .product-common .tab-conts-wrap .tab-conts-box .keyword-search .search-area .input-box input {width:calc(100% - 50px);}
}

@media screen and (max-width: 768px) {
	.product .product-common .tab-conts-wrap .tab-conts-box {min-height:180px;}
}

@media screen and (max-width: 480px) {
	.product .product-common .tab-conts-wrap .tab-conts-box {padding:18px; min-height:140px;}
	.product .product-common .tab-conts-wrap .tab-conts-box .product-category {gap:30px 15px;}
	.product .product-common .tab-conts-wrap .tab-conts-box .product-category li {width:calc((100% - 30px) / 3);}
	.product .product-common .tab-conts-wrap .tab-conts-box .product-category li .icon {width:56px; height:56px;}
	.product .product-common .tab-conts-wrap .tab-conts-box .keyword-search .search-area .input-box input {width:calc(100% - 42px);}
}

.product .product-list {width:100%; border-top:1px solid #DCDCDC; padding-top:var(--gap-40);}


.product .product-view .product-view-wrap {margin-bottom:var(--gap-40);}
.product .product-view .product-view-wrap .title {width:100%; height:80px; display:flex; align-items:center; padding:0 var(--gap-80); font-size:var(--font-26); font-weight:700; color:#fff; background:var(--main-color);}
.product .product-view .product-view-wrap .product-detail {width:100%; border:1px solid #DCDCDC; background:#fff; padding:var(--gap-60) var(--gap-80);}
.product .product-view .product-view-wrap .product-detail .detail-box {width:100%; margin-top:var(--gap-60); display:flex; gap:0 var(--gap-80);}
.product .product-view .product-view-wrap .product-detail .detail-box:nth-child(1) {margin-top:0;}
.product .product-view .product-view-wrap .product-detail .detail-box .tlt {font-size:var(--font-18); font-weight:700; color:var(--main-color); width:13%;}
.product .product-view .product-view-wrap .product-detail .detail-box .conts {width:84%; font-size:var(--font-18);}
.product .product-view .product-view-wrap .product-detail .detail-box .conts .img-box {box-sizing:border-box; border:1px solid #DCDCDC; padding:var(--gap-40);}
.product .product-view .product-view-wrap .product-detail .detail-box .conts .img-box img {display:block; max-width:100%; margin:0 auto;}
.product .product-view .product-view-wrap .product-detail .detail-box .conts ul li {font-size:var(--font-18); width:100%; margin-top:5px; position:relative; padding-left:10px;}
.product .product-view .product-view-wrap .product-detail .detail-box .conts ul li:before {content:""; width:4px; height:4px; border-radius:50%; background:var(--main-color); position:absolute; left:0; top:11px;}
.product .product-view .product-view-wrap .product-detail .detail-box .conts ul li:nth-child(1) {margin-top:0;}
.product .product-view .product-view-wrap .product-detail .detail-box .conts .tag-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap;}
.product .product-view .product-view-wrap .product-detail .detail-box .conts .tag-wrap span a {height:30px; box-sizing:border-box; border-radius:20px; border:1px solid #DCDCDC; padding:0 var(--gap-16); display:flex; align-items:center; justify-content:center; font-size:var(--font-16); color:#666; transition:all 0.3s ease-in-out;}
.product .product-view .product-view-wrap .product-detail .detail-box .conts .tag-wrap span a:hover {border-color:var(--main-color); color:var(--main-color);}
.product .product-view .product-view-wrap .product-detail .detail-box .conts .tag-wrap span.more a {background:#666; color:#fff;}
.product .product-view .product-view-wrap .product-detail .detail-box .conts .tag-wrap span.more a:hover {background:#333;}
.product .product-view .product-view-wrap .product-detail .button-box {margin-top:var(--gap-60);}

@media screen and (max-width: 768px) {
	.product .product-view .product-view-wrap .title {height:70px; padding:0 var(--gap-40);}
	.product .product-view .product-view-wrap .product-detail {padding:var(--gap-32) var(--gap-40);}
}

@media screen and (max-width: 600px) {
	.product .product-view .product-view-wrap .product-detail .detail-box {flex-wrap:wrap; gap:var(--gap-16) 0;}
	.product .product-view .product-view-wrap .product-detail .detail-box .tlt,
	.product .product-view .product-view-wrap .product-detail .detail-box .conts {width:100%;}

	.product .product-view .product-view-wrap .product-detail .button-box {flex-wrap: wrap;}
}

@media screen and (max-width: 480px) {
	.product .product-view .product-view-wrap .title {height:56px; padding:0 var(--gap-32);}
	.product .product-view .product-view-wrap .product-detail {padding:var(--gap-24) var(--gap-32);}
}


.product .search-result-area {width:100%;}
.product .search-result-area .title {width:100%; font-size:var(--font-30); font-weight:700; text-align:center;}
.product .search-result-area .title span {color:var(--main-color);}
.product .search-result-area .title .none-conts {width:100%; margin-top:var(--gap-24); font-size:var(--font-20); font-weight:400;}
.product .search-result-area .search-result-wrap .result-box {width:100%; margin-top:var(--gap-60);}
.product .search-result-area .search-result-wrap .result-box .result-tlt {width:100%; display:flex; align-items:center; gap:0 var(--gap-8); margin-bottom:var(--gap-40);}
.product .search-result-area .search-result-wrap .result-box .result-tlt em {font-size:var(--font-30); font-weight:700; color:#111;}
.product .search-result-area .search-result-wrap .result-box .result-tlt span {font-size:var(--font-24); font-weight:600; color:var(--main-color);}
.product .search-result-area .search-result-wrap .result-box .button-box {margin-top:var(--gap-60);}

.product .form-wrap {width:100%; margin:0 auto; margin-top:var(--gap-40);}
.product .form-wrap .button-box {margin-top:var(--gap-60);}


.solution .solution-tab-wrap {margin-bottom:var(--gap-40);}
.solution .solution-tab-wrap.fix {position:fixed; left:50%; top:120px; transform:translateX(-50%); transition:position .5s ease-in-out; width:100%; background:#fff; z-index:100;}
.solution .solution-tab-wrap.fix .tab {width:92%; max-width:var(--max-w); margin:0 auto;}

.solution .solution-wrap .solution-box {margin-top:var(--gap-120);}
.solution .solution-wrap .solution-box:nth-child(1) {margin-top:0;}

@media screen and (max-width: 1024px) {
	.solution .solution-tab-wrap.fix {top:100px;}
}

@media screen and (max-width: 768px) {
	.solution .solution-tab-wrap.fix {top:80px;}
	.solution .tab ul li a {font-size:14px;}
}

@media screen and (max-width: 480px) {
	.solution .solution-tab-wrap.fix {top:70px;}
	.solution .tab ul li a {font-size:10px;}
}


.talent .talent-main-img {width:100%; height:400px; position:relative;}
.talent .talent-main-img:before {content:""; width:100vw; min-width:320px; height:100%; background:url(/img/conts/talent_main_img.png) center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.talent .talent-main-img span {display:block; width:100vw; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.talent .talent-main-img span:before,
.talent .talent-main-img span:after {content:""; width:50%; height:100%; background:#fff; position:absolute; top:0; animation:ani_half_wid 1.2s .3s both;}
.talent .talent-main-img span:before {left:0;}
.talent .talent-main-img span:after {right:0;}
.talent .talent-conts {width:100%; position:relative; display:inline-block; margin-top:var(--gap-40);}
/*.talent .talent-conts:before {content:""; width:100vw; min-width:320px; height:100%; background:url(/img/conts/talent_obj.png) left top no-repeat; background-size:23% auto; position:absolute; left:60%; top:calc(var(--gap-40) * -1); z-index:0; transform:translateX(-50%);}*/
/*.talent .talent-conts .talent-wrap .talent-box {width:100%; padding:var(--gap-40) var(--gap-60); border-bottom:1px solid #EBEBEB; display:flex; align-items:center; gap:var(--gap-24) var(--gap-60);}
.talent .talent-conts .talent-wrap .talent-box .icon {width:14%;}
.talent .talent-conts .talent-wrap .talent-box .icon img {max-width:100%; display:block; margin:0 auto;}
.talent .talent-conts .talent-wrap .talent-box .conts-box {width:calc(86% - var(--gap-60));}
.talent .talent-conts .talent-wrap .talent-box .conts-box .tlt {font-size:var(--font-24); font-weight:700; margin-bottom:var(--gap-24);}
.talent .talent-conts .talent-wrap .talent-box .conts-box .conts {font-size:var(--font-18);}*/
.talent .talent-conts .talent-wrap {width:100%; border:solid #EBEBEB; border-width:1px 0; position:relative; z-index:10; background:#fff; display:flex; padding:var(--gap-60) 0;}
.talent .talent-conts .talent-wrap .talent-box {flex:1; width:33.33%; text-align:center;}
.talent .talent-conts .talent-wrap .talent-box .icon {width:120px; margin:0 auto;}
.talent .talent-conts .talent-wrap .talent-box .icon img {max-width:100%; display:block; margin:0 auto;}
.talent .talent-conts .talent-wrap .talent-box .conts-box {width:80%; max-width:230px; margin:0 auto; margin-top:var(--gap-40);}
.talent .talent-conts .talent-wrap .talent-box .conts-box .tlt {font-size:var(--font-24); font-weight:700; margin-bottom:var(--gap-24);}
.talent .talent-conts .talent-wrap .talent-box .conts-box .conts {font-size:var(--font-18);}
.talent .conts-area {position:relative;}
.talent .conts-area:before {content:""; width:277px; height:280px; background:url(/img/conts/talent_obj.png) center no-repeat; background-size:cover; position:absolute; right:0; top:calc(var(--gap-40) * -1);}


@media screen and (max-width: 1024px) {
	.talent .talent-conts .talent-wrap .talent-box .icon {width:100px;}
	.talent .conts-area:before {width:218px; height:220px;}
}

@media screen and (max-width: 768px) {
	.talent .talent-conts .talent-wrap {flex-wrap:wrap; gap:var(--gap-60) 0;}
	.talent .talent-conts .talent-wrap .talent-box {flex:auto; width:100%;}
	.talent .talent-conts .talent-wrap .talent-box .icon {width:80px;}
	.talent .conts-area:before {width:158px; height:160px;}
}

@media screen and (max-width: 480px) {
	.talent .talent-conts .talent-wrap .talent-box .icon {width:60px;}
	.talent .conts-area:before {width:99px; height:100px;}
}

.procedure .step-area .step-wrap {width:100%; max-width:1200px; margin:0 auto; height:auto; border-radius:140px; background:#D0E3F5; display:flex; align-items:center; gap:0 var(--gap-60); justify-content:center; padding:var(--gap-24);}
.procedure .step-area .step-wrap .step-box {width:calc((100% - (var(--gap-60) * 3)) / 4); font-size:var(--font-20); font-weight:500; color:var(--main-color); position:relative;}
.procedure .step-area .step-wrap .step-box:after {content:""; width:100%; height:100%; border-radius:50%; background:#fff; position:absolute; left:0; top:0; z-index:0;}
.procedure .step-area .step-wrap .step-box > .wrap {text-align:center; z-index:10; position:relative; width:100%; height:0; padding-bottom:100%;}
.procedure .step-area .step-wrap .step-box > .wrap > .inner {width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.procedure .step-area .step-wrap .step-box > .wrap > .inner > * {display:block;}
.procedure .step-area .step-wrap .step-box em {margin-top:var(--gap-8);}
.procedure .step-area .step-wrap .step-box:before {content:""; width:var(--gap-60); height:100%; background:url(/img/conts/step_arrow.svg) center no-repeat; position:absolute; left:calc(var(--gap-60) * -1); top:0;}
.procedure .step-area .step-wrap .step-box:nth-child(1):before {display:none;}
.procedure .step-area .round-box {width:100%; max-width:1200px; margin:0 auto; height:180px; border-radius:90px; border:1px solid var(--main-color); text-align:center; display:flex; align-items:center; margin-top:var(--gap-40); padding:var(--gap-24);}
.procedure .step-area .round-box > .wrap {text-align:center; width:100%;}
.procedure .step-area .round-box .tlt {font-size:var(--font-24); font-weight:700; margin-bottom:var(--gap-24); }
.procedure .step-area .round-box .conts {font-size:var(--font-18);}

@media screen and (max-width: 1024px) {
	.procedure .step-area .step-wrap {gap:0 var(--gap-40);}
	.procedure .step-area .step-wrap .step-box {width:calc((100% - (var(--gap-40) * 3)) / 4);}
	.procedure .step-area .step-wrap .step-box:before {width:var(--gap-40); left:calc(var(--gap-40) * -1); background-size:10px auto;}
}

@media screen and (max-width: 768px) {
	.procedure .step-area .step-wrap .step-box {font-size:var(--font-16);}
}

@media screen and (max-width: 600px) {
	.procedure .step-area .step-wrap {flex-wrap:wrap; gap:var(--gap-40); border-radius:15%;}
	.procedure .step-area .step-wrap .step-box {width:calc((100% - var(--gap-40)) / 2); max-width:180px;}
	.procedure .step-area .step-wrap .step-box:nth-child(3):before {display:none;}
	.procedure .step-area .round-box {height:auto; border-radius:30px;}
}

.procedure .procedure-wrap .procedure-box {width:100%; margin-top:var(--gap-80); display:flex; flex-wrap:wrap;}
.procedure .procedure-wrap .procedure-box:nth-child(1) {margin-top:0;}
.procedure .procedure-wrap .procedure-box .tlt {width:22%; display:flex; align-items:center; gap:0 var(--gap-16); padding-right:var(--gap-16);}
.procedure .procedure-wrap .procedure-box .tlt .icon {width:40px;}
.procedure .procedure-wrap .procedure-box .tlt .icon img {max-width:100%; display:block; margin:0 auto;}
.procedure .procedure-wrap .procedure-box .tlt em {font-size:var(--font-24); font-weight:700;}
.procedure .procedure-wrap .procedure-box .conts {width:78%; padding-top:var(--gap-24); border-top:1px solid #DCDCDC; font-size:var(--font-18);}

@media screen and (max-width: 768px) {
	.procedure .procedure-wrap .procedure-box .tlt {width:25%;}
	.procedure .procedure-wrap .procedure-box .tlt .icon {width:30px;}		
	.procedure .procedure-wrap .procedure-box .conts {width:75%;}
}

@media screen and (max-width: 600px) {
	.procedure .procedure-wrap .procedure-box {gap:var(--gap-16);}
	.procedure .procedure-wrap .procedure-box .tlt {width:100%;}
	.procedure .procedure-wrap .procedure-box .conts {width:100%;}
}

@media screen and (max-width: 480px) {
	.procedure .procedure-wrap .procedure-box .tlt .icon {width:24px;}
}


.pentasystem .page-conts {padding-bottom:0 !important; margin-bottom:var(--gap-60);}
.pentasystem .pentasystem-main-img {width:100%; height:400px; position:relative;}
.pentasystem .pentasystem-main-img:before {content:""; width:100vw; min-width:320px; height:100%; background:url(/img/conts/pentasystem_main_img.png) center no-repeat; background-size:cover; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.pentasystem .pentasystem-main-img span {display:block; width:100vw; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.pentasystem .pentasystem-main-img span:before,
.pentasystem .pentasystem-main-img span:after {content:""; width:50%; height:100%; background:#fff; position:absolute; top:0; animation:ani_half_wid 1.2s .3s both;}
.pentasystem .pentasystem-main-img span:before {left:0;}
.pentasystem .pentasystem-main-img span:after {right:0;}

.pentasystem .pentasystem-conts {width:100%; display:flex; flex-wrap:wrap; gap:var(--gap-24) 0;}
.pentasystem .pentasystem-conts .tlt {font-size:var(--font-36); font-weight:600; width:55%;}
.pentasystem .pentasystem-conts .conts {font-size:var(--font-20); width:45%;}
.pentasystem .chart-wrap {width:100%; padding:var(--gap-80) 0 calc(var(--gap-80) + var(--gap-60)) 0; position:relative;}
.pentasystem .chart-wrap:before {content:""; width:100vw; min-width:320px; height:100%; background:#F6F6F6; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0;}
.pentasystem .chart-wrap > * {position:relative; z-index:10;}

.pentasystem .pentasystem-solution {width:100%; display:flex; gap:var(--gap-60) 0; flex-wrap:wrap;}
.pentasystem .pentasystem-solution .solution-box {width:33.33%; padding-right:var(--gap-60);}
.pentasystem .pentasystem-solution .solution-box .icon {width:120px; border-radius:4px; border:1px solid #DCDCDC;}
.pentasystem .pentasystem-solution .solution-box .icon img {max-width:100%; display:block;}
.pentasystem .pentasystem-solution .solution-box .conts-box {margin-top:var(--gap-40); width:100%;}
.pentasystem .pentasystem-solution .solution-box .conts-box .tlt {width:100%; font-size:var(--font-24); font-weight:700;}
.pentasystem .pentasystem-solution .solution-box .conts-box .conts {font-size:var(--font-18); width:100%; max-width:320px; margin-top:var(--gap-24);}

@keyframes ani_half_wid {
	0% {width:50%;}
	100% {width:0%;}
}

@media screen and (max-width: 1024px) {
	.pentasystem .pentasystem-main-img {height:300px;}
	.pentasystem .pentasystem-solution .img-box {width:40%;}
	.pentasystem .pentasystem-solution .conts-box {width:60%;}
	.pentasystem .pentasystem-solution .conts-box dl dd .conts .br {display:inline-block;}

	.pentasystem .pentasystem-solution .solution-box {padding-right:var(--gap-40);}
}

@media screen and (max-width: 900px) {
	.pentasystem .pentasystem-solution .solution-box .icon {width:100px;}
	.pentasystem .pentasystem-solution .solution-box {width:50%;}
}

@media screen and (max-width: 768px) {
	.pentasystem .pentasystem-main-img {height:240px;}
	.pentasystem .pentasystem-conts .tlt {width:100%;}
	.pentasystem .pentasystem-conts .conts {width:100%; padding-top:0;}

	.pentasystem .pentasystem-solution .solution-box .icon {width:80px;}
}

@media screen and (max-width: 600px) {
	.pentasystem .pentasystem-solution .solution-box {width:100%; padding-right:0;}
	.pentasystem .pentasystem-solution .solution-box .icon {margin:0 auto;}
	.pentasystem .pentasystem-solution .solution-box .conts-box {text-align:center;}
	.pentasystem .pentasystem-solution .solution-box .conts-box .conts {margin-left:auto; margin-right:auto;}
}
@media screen and (max-width: 480px) {
	.pentasystem .pentasystem-main-img {height:150px;}
}

.pentasystem .location-wrap .location-box {width:100%; margin-top:var(--gap-80);}
.pentasystem .location-wrap .location-box:nth-child(1) {margin-top:0;}
.pentasystem .location-wrap .location-box .tlt {width:100%; font-size:var(--font-24); font-weight:700; margin-bottom:var(--gap-16);}
.pentasystem .location-wrap .location-box .map {width:100%; height:640px; display:block; position:relative; overflow:hidden; border:1px solid #DCDCDC;}
.pentasystem .location-wrap .location-box .map span {display:block;}
.pentasystem .location-wrap .location-box .map img {display:block; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pentasystem .location-wrap .location-box .conts {font-size:var(--font-20); font-weight:500; margin-top:var(--gap-16);}

@media screen and (max-width: 1024px){
	.pentasystem .location-wrap .location-box .map {height:480px;}
}

@media screen and (max-width: 768px){
	.pentasystem .location-wrap .location-box .map {height:360px;}
}

@media screen and (max-width: 480px){
	.pentasystem .location-wrap .location-box .map {height:240px;}
}


.history .history-wrap {width:100%; display:flex; position:relative; z-index:10;}
.history .history-wrap .year {width:42%;}
.history .history-wrap .year ul {position:relative; width:100%; height:150px; overflow:hidden;}
.history .history-wrap .year ul li {width:100%; height:150px; display:flex; align-items:center; justify-content:center; font-size:80px; font-family:var(--Montserrat); font-weight:700;}
.history .history-wrap .year ul li span:nth-child(1) {color:#00A9F4;}
.history .history-wrap .year ul li span:nth-child(2) {color:#1473CE;}
.history .history-wrap .history-area {width:58%;}
.history .history-wrap .history-area .history-box {width:100%; margin-top:var(--gap-40); display:flex; gap:0 var(--gap-8);}
.history .history-wrap .history-area .history-box:nth-child(1) {margin-top:0;}
.history .history-wrap .history-area .history-box .year-box {width:110px; position:relative; padding-left:calc(var(--gap-16) + 16px); font-size:var(--font-24); font-weight:700;}
.history .history-wrap .history-area .history-box .year-box:before {content:""; width:16px; height:16px; background:url(/img/conts/point.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:10px;}
.history .history-wrap .history-area .history-box .history-conts-wrap {width:100%;}
.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box {width:100%; margin-top:var(--gap-16); display:flex; gap:0 var(--gap-80);}
.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box:nth-child(1) {margin-top:0;}
.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box .month {width:40px; text-align:center; font-size:var(--font-24); font-weight:500;}
.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box ul li {width:100%; font-size:var(--font-20); margin-top:var(--gap-8);}
.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box ul li:nth-child(1) {margin-top:0;}

.history .history-wrap.fix {justify-content:flex-end;}
.history .history-wrap.fix .year {position:fixed; top:120px; width:92%; max-width:var(--max-w); left:50%; transform:translateX(-50%); z-index:100;}
.history .history-wrap.fix .year ul {width:42%;}

.history .page-conts {position:relative;}
.history .page-conts:before {content:""; width:50%; height:100%; background:url(/img/conts/history_obj_01.svg) left top 30% no-repeat; z-index:0; position:absolute; left:0; top:0;}
.history .page-conts:after {content:""; width:50%; height:100%; background:url(/img/conts/history_obj_02.svg) right bottom 20% no-repeat; z-index:0; position:absolute; right:0; top:0;}

@media screen and (max-width: 1280px) {
	.history .history-wrap .year ul {height:120px;}
	.history .history-wrap .year ul li {height:120px;}
	.history .page-conts:before {background-size:260px auto;}
	.history .page-conts:after {background-size:200px auto;}
}


@media screen and (max-width: 1024px) {
	.history .history-wrap {flex-wrap:wrap; gap:var(--gap-32) 0;}
	.history .history-wrap .year {width:100%; background:#fff;}
	.history .history-wrap .year ul {height:100px;}
	.history .history-wrap .year ul li {justify-content:flex-start; font-size:60px; height:100px;}
	.history .history-wrap .history-area {width:100%;}

	.history .history-wrap.fix .year {top:100px;}
	.history .history-wrap.fix .year ul {width:100%;}

	.history .page-conts:before {background-position:right top 30%; background-size:220px auto; left:auto; right:0;}
	.history .page-conts:after {background-size:150px auto;}
}

@media screen and (max-width: 768px) {	
	.history .history-wrap .year ul {height:80px;}
	.history .history-wrap .year ul li {font-size:54px; height:80px;}
	.history .history-wrap .history-area .history-box .year-box {width:90px; padding-left:calc(var(--gap-8) + 14px);}
	.history .history-wrap .history-area .history-box .year-box:before {width:14px; height:14px; top:9px;}
	.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box {gap:0 var(--gap-40);}

	.history .history-wrap.fix .year {top:80px;}

	.history .page-conts:before {background-size:160px auto;}
	.history .page-conts:after {background-size:100px auto;}
}

@media screen and (max-width: 600px) {
	.history .history-wrap .history-area .history-box {flex-wrap:wrap; gap:var(--gap-16) 0;}
	.history .history-wrap .history-area .history-box .year-box {width:100%;}
	.history .history-wrap .history-area .history-box .history-conts-wrap {padding-left:calc(var(--gap-8) + 14px);}
	.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box {gap:0 var(--gap-24);}
	.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box .month {width:35px; text-align:left;}
}

@media screen and (max-width: 480px) {
	.history .history-wrap .year ul {height:60px;}
	.history .history-wrap .year ul li {font-size:42px; height:60px;}
	.history .history-wrap .history-area .history-box .year-box {width:90px; padding-left:calc(var(--gap-8) + 12px);}
	.history .history-wrap .history-area .history-box .year-box:before {width:12px; height:12px; top:8px;}
	.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box {gap:0 var(--gap-16);}
	.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box .month {width:30px; font-size:var(--font-20);}
	.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box ul {width:calc(100% - 30px - var(--gap-16));}
	.history .history-wrap .history-area .history-box .history-conts-wrap .history-conts-box ul li {font-size:var(--font-18);}

	.history .history-wrap.fix .year {top:70px;}
	.history .page-conts:before {background-size:100px auto;}
	.history .page-conts:after {background-size:50px auto;}
}


.organization .organization-wrap {width:100%; padding:var(--gap-80); border:1px solid #DCDCDC;}
.organization .organization-wrap > .wrap {width:100%; max-width:1140px; margin:0 auto;}
.organization .organization-wrap ul li {width:100%; position:relative;}
.organization .organization-wrap ul li:nth-child(2) {margin-top:40px;}
.organization .organization-wrap ul li:nth-child(3) {margin-top:80px;}
.organization .organization-wrap ul li:nth-child(4) {margin-top:120px;}
.organization .organization-wrap ul li .org {display:flex; width:180px; height:60px; box-sizing:border-box; border-radius:4px; align-items:center; justify-content:center; padding:0 10px; font-size:20px; font-weight:700; margin:0 auto; position:relative; z-index:10;}
.organization .organization-wrap ul li .org.line-b {background:#fff; border:1px solid var(--main-color); color:var(--main-color);}
.organization .organization-wrap ul li .org.line-g {background:#fff; border:1px solid #DCDCDC; color:#666;}
.organization .organization-wrap ul li .org.fill-g {background:#F6F6F6; color:var(--main-color); font-weight:500;}
.organization .organization-wrap ul li .org.fill-gb {background:#F6F6F6; color:var(--main-color);}
.organization .organization-wrap ul li .org.fill-b {background:#1473CE; color:#fff;}
.organization .organization-wrap ul li .org.fill-db {background:#004F9A; color:#fff;}
.organization .organization-wrap ul li .org.fill-lb {background:#E7F1FA; color:var(--main-color); font-weight:500;}
.organization .organization-wrap ul li .org-wrap {width:100%; display:flex; justify-content:center; gap:0 60px; position:relative;}
.organization .organization-wrap ul li .org-wrap.wid {justify-content:space-between;}
.organization .organization-wrap ul li .org-wrap:before {content:""; height:1px; box-sizing:border-box; border-top:1px solid #ccc; position:absolute; top:-40px; display:none;}
.organization .organization-wrap ul li .org-area {display:flex; gap:0 60px; position:relative;}
.organization .organization-wrap ul li .org-dep {width:100%; display:flex; gap:0 60px; margin-top:60px; position:relative;}
.organization .organization-wrap ul li .org-dep:before {content:""; width:1px; height:calc(60px / 2); box-sizing:border-box; border-left:1px solid #ccc; position:absolute; left:50%; top:calc(60px * -1);}
.organization .organization-wrap ul li .org-dep:after {content:""; width:calc(100% - 180px); height:1px; box-sizing:border-box; border-top:1px solid #ccc; position:absolute; left:50%; top:calc((60px / 2) * -1); transform:translateX(-50%);}
.organization .organization-wrap ul li .org-dep dl dt {position:relative;}
.organization .organization-wrap ul li .org-dep dl dt:before {content:""; width:1px; height:calc(60px / 2); box-sizing:border-box; border-left:1px solid #ccc; position:absolute; left:50%; top:calc((60px / 2) * -1); transform:translateX(-50%);}
.organization .organization-wrap ul li .org-dep dl dd {margin-top:20px;}
.organization .organization-wrap ul li .main-box {position:relative;}
.organization .organization-wrap ul li .main-box:before {content:""; width:1px; height:calc(80px / 2); box-sizing:border-box; border-left:1px solid #ccc; position:absolute; left:50%; top:calc((80px / 2) * -1);}
.organization .organization-wrap ul li .org-box {position:relative;}
.organization .organization-wrap ul li .dep-wrap {display:flex; gap:0 60px;}
.organization .organization-wrap ul li .dep-side dl {position:relative;}
.organization .organization-wrap ul li .dep-side dl:before {content:""; width:1px; height:calc(100% - 60px); box-sizing:border-box; border-left:1px solid #ccc; position:absolute; left:-30px; top:30px}
.organization .organization-wrap ul li .dep-side dl dd {margin-top:20px; position:relative;}
.organization .organization-wrap ul li .dep-side dl dd:before {content:""; width:30px; height:1px; border-top:1px solid #ccc; position:absolute; left:-30px; top:50%; transform:translateY(-50%);}
.organization .organization-wrap ul li .dep-side dl dd:nth-child(1) {margin-top:0;}
.organization .organization-wrap ul li .dep-side dl dd:nth-child(1):before {width:60px; left:-60px;}
.organization .organization-wrap ul li:nth-child(3) {padding:0 var(--gap-40);}
.organization .organization-wrap ul li:nth-child(3):before {content:""; width:1px; height:calc(100% + 80px + 80px + 60px + 40px); box-sizing:border-box; border-left:1px solid #ccc; position:absolute; left:50%; bottom:-80px; z-index:0;}
.organization .organization-wrap ul li:nth-child(3) .org-wrap:before {display:block; width:calc(100% - 360px - 60px); left:90px;}
.organization .organization-wrap ul li:nth-child(4) .org-wrap:before {display:block; width:calc(100% - 360px - 180px); left:330px;}
.organization .organization-wrap ul li:last-child {margin-top:-60px;}
.organization .organization-wrap ul li:last-child .org-wrap {justify-content:flex-start;}


@media screen and (max-width: 1280px) {
	.organization .organization-wrap > .wrap {max-width:790px;}
	.organization .organization-wrap ul li:nth-child(2) {margin-top:30px;}
	.organization .organization-wrap ul li:nth-child(3) {margin-top:60px;}
	.organization .organization-wrap ul li:nth-child(4) {margin-top:90px;}
	.organization .organization-wrap ul li .org {width:126px; height:50px; font-size:14px;}

	.organization .organization-wrap ul li .org-wrap {gap:0 40px;}
	.organization .organization-wrap ul li .org-wrap:before {top:-20px;}
	.organization .organization-wrap ul li .org-area {gap:0 40px;}
	.organization .organization-wrap ul li .org-dep {gap:0 40px; margin-top:40px;}
	.organization .organization-wrap ul li .org-dep:before {height:calc(40px / 2); top:calc(40px * -1);}
	.organization .organization-wrap ul li .org-dep:after {width:calc(100% - 126px); top:calc((40px / 2) * -1);}
	.organization .organization-wrap ul li .org-dep dl dt:before {height:calc(40px / 2); top:calc((40px / 2) * -1);}
	.organization .organization-wrap ul li .org-dep dl dd {margin-top:10px;}
	.organization .organization-wrap ul li .main-box:before {height:calc(40px / 2); top:calc((40px / 2) * -1);}
	.organization .organization-wrap ul li .dep-wrap {gap:0 40px;}
	.organization .organization-wrap ul li .dep-side dl:before {height:calc(100% - 50px); left:-20px; top:25px;}
	.organization .organization-wrap ul li .dep-side dl dd {margin-top:10px;}
	.organization .organization-wrap ul li .dep-side dl dd:before {width:20px; left:-20px;}
	.organization .organization-wrap ul li .dep-side dl dd:nth-child(1):before {width:40px; left:-40px;}
	.organization .organization-wrap ul li:nth-child(3):before {height:calc(100% + 70px + 60px + 50px + 30px); bottom:-70px;}
	.organization .organization-wrap ul li:nth-child(3) .org-wrap:before {width:calc(100% - 292px); left:63px;}
	.organization .organization-wrap ul li:nth-child(4) .org-wrap:before {width:calc(100% - 374px); left:229px;}
	.organization .organization-wrap ul li:last-child {margin-top:-50px;}

}

@media screen and (max-width: 1024px) {
	.organization .organization-wrap ul li .org {width:180px; height:50px; font-size:14px;}

	.organization .organization-wrap ul li .org-wrap {display:block;}
	.organization .organization-wrap ul li .org-wrap:before {display:none !important; width:0;}
	.organization .organization-wrap ul li .org-area {display:block; margin-top:40px;}
	.organization .organization-wrap ul li .org-area:nth-child(1) {margin-top:0;}
	.organization .organization-wrap ul li .org-box {margin-top:40px;}
	.organization .organization-wrap ul li .org-box:nth-child(1) {margin-top:0;}
	.organization .organization-wrap ul li .org-dep {justify-content:center;}
	.organization .organization-wrap ul li .org-dep:after {top:calc((40px / 2) * -1);}
	.organization .organization-wrap ul li .org-dep dl dt:before {height:calc(40px / 2); top:calc((40px / 2) * -1);}
	.organization .organization-wrap ul li .org-dep dl dd {margin-top:10px;}
	.organization .organization-wrap ul li .main-box:before {height:40px; top:-40px;}
	.organization .organization-wrap ul li .dep-wrap {justify-content:center; padding-left:220px;}
	.organization .organization-wrap ul li:nth-child(4) .org-area:nth-child(1) .org-dep:after {width:440px; left:50%; transform:translateX(-50%);}
	.organization .organization-wrap ul li:nth-child(4) .org-area:nth-child(2) .org-dep:after {width:220px; left:50%; transform:translateX(-50%);}
	.organization .organization-wrap ul li:last-child {margin-top:40px;}

}

@media screen and (max-width: 768px) {
	.organization .organization-wrap ul {position:relative;}
	.organization .organization-wrap ul:before {content:""; width:1px; height:100%; box-sizing:border-box; border-left:1px solid #ccc; position:absolute; left:50%; top:0; transform:translateX(-50%);}
	.organization .organization-wrap ul li:nth-child(2) {margin-top:20px;}
	.organization .organization-wrap ul li:nth-child(3) {margin-top:40px;}
	.organization .organization-wrap ul li:nth-child(4) {margin-top:60px;}

	.organization .organization-wrap ul li .org-area {margin-top:30px;}
	.organization .organization-wrap ul li .org-box {margin-top:30px;}
	.organization .organization-wrap ul li .org-dep {display:block; margin-top:0;}
	.organization .organization-wrap ul li .org-dep:after {display:none;}
	.organization .organization-wrap ul li .org-dep dl dt {margin-top:10px;}
	.organization .organization-wrap ul li .org-dep dl dt:before {display:none;}
	.organization .organization-wrap ul li .org-dep dl dd {margin-top:8px;}
	.organization .organization-wrap ul li .main-box:before {display:none;}
	.organization .organization-wrap ul li .dep-wrap {display:block; padding-left:0;}
	.organization .organization-wrap ul li .dep-side dl:before {display:none;}
	.organization .organization-wrap ul li .dep-side dl dd {margin-top:8px;}
	.organization .organization-wrap ul li .dep-side dl dd:nth-child(1) {margin-top:8px;}
	.organization .organization-wrap ul li .dep-side dl dd:before {display:none;}
	.organization .organization-wrap ul li:nth-child(3):before {display:none;}
	.organization .organization-wrap ul li:last-child {margin-top:30px;}
}

@media screen and (max-width: 480px) {
	.organization .organization-wrap ul li:nth-child(2) {margin-top:15px;}
	.organization .organization-wrap ul li:nth-child(3) {margin-top:30px;}
	.organization .organization-wrap ul li:nth-child(4) {margin-top:45px;}
	.organization .organization-wrap ul li .org {width:160px; height:45px; font-size:13px;}

	.organization .organization-wrap ul li .org-area {margin-top:20px;}
	.organization .organization-wrap ul li .org-box {margin-top:20px;}
	.organization .organization-wrap ul li .org-dep dl dt {margin-top:8px;}
	.organization .organization-wrap ul li .org-dep dl dd {margin-top:5px;}
	.organization .organization-wrap ul li .dep-side dl dd {margin-top:5px;}
	.organization .organization-wrap ul li .dep-side dl dd:nth-child(1) {margin-top:5px;}
	.organization .organization-wrap ul li:last-child {margin-top:20px;}
}

.organization .team-wrap {width:100%; display:flex; flex-wrap:wrap; gap:20px;}
.organization .team-wrap .team-box {width:calc((100% - 60px) / 4); border:1px solid #DCDCDC; padding:var(--gap-32); font-family:var(--Montserrat);}
.organization .team-wrap .team-box .tlt {position:relative; font-size:var(--font-20); font-weight:700; padding-top:10px;}
.organization .team-wrap .team-box .tlt:before {content:""; width:20px; height:2px; background:var(--main-color); position:absolute; left:0; top:0;}
.organization .team-wrap .team-box .txt {width:100%; margin-top:var(--gap-24); font-size:var(--font-20); color:#666;}

@media screen and (max-width: 1024px) {
	.organization .team-wrap .team-box {width:calc((100% - 20px) / 2);}
}

@media screen and (max-width: 768px) {
	.organization .team-wrap .team-box .tlt {padding-top:8px;}
	.organization .team-wrap .team-box .tlt:before {width:15px;}
}

@media screen and (max-width: 480px) {
	.organization .team-wrap .team-box {width:100%;}
	.organization .team-wrap .team-box .tlt {padding-top:5px;}
	.organization .team-wrap .team-box .tlt:before {width:12px;}
}


.customer .customer-wrap {margin-top:var(--gap-40);}

.contact .contact-wrap {margin-top:var(--gap-40);}

.search-page .seach-form .search-area .input-box {width:100%; justify-content:center;}
.search-page .seach-form .search-area .input-box input {width:calc(100% - 50px - var(--gap-8)); max-width:600px;}
.search-page .search-result-area .title {font-size:var(--font-30); font-weight:700; text-align:center;}
.search-page .search-result-area .title span {color:var(--main-color);}
.search-page .search-result-area .tab {margin-top:var(--gap-60);}
.search-page .search-result-area .search-result-wrap {margin-top:var(--gap-60);}
.search-page .search-result-area .search-result-wrap .list-top {margin-bottom:var(--gap-24);}
.search-page .search-result-area .search-result-wrap .card-tb,
.search-page .search-result-area .search-result-wrap .sec-tb {padding-top:var(--gap-40); border-top:1px solid #DCDCDC;}

@media screen and (max-width: 480px) {
	.search-page .search-result-area .tab ul li {text-align:center;}
	.search-page .search-result-area .tab ul li a {font-size:10px;}
}

.layer-popup {width:90%; max-width:600px; min-width:280px; height:95vh; max-height:1060px; overflow-y:auto; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10000; background:#fff; padding:var(--gap-32); padding-bottom:var(--gap-60); display:none;}
.layer-popup .btn-popup-close {width:32px; height:32px; font-size:0; margin-left:auto; margin-right:0; background:url(/img/com/icon_close_b.svg) center no-repeat; display:block;}
.layer-popup .popup-title {width:100%; margin-bottom:var(--gap-24);}
.layer-popup .popup-title em {width:100%; display:block; font-size:var(--font-24); font-weight:700;}
.layer-popup .popup-title span {width:100%; display:block; font-size:var(--font-18); font-weight:500; margin-top:var(--gap-8);}
.layer-popup .popup-conts .form-top {margin-bottom:var(--gap-16);}
.layer-popup .popup-conts .write-tb {padding:var(--gap-16) 0; border-width:1px 0 0 0;}
.layer-popup .popup-conts .write-tb .tr {margin-top:var(--gap-24);}
.layer-popup .popup-conts .write-tb .tr:nth-child(1) {margin-top:0;}
.layer-popup .popup-conts .write-tb .tr .td {flex-wrap:wrap; gap:var(--gap-8) 0;}
.layer-popup .popup-conts .write-tb .tr .head {width:100%;}
.layer-popup .popup-conts .write-tb .tr .input {width:100%;}
.layer-popup .popup-conts .write-tb .tr .input .input-wrap textarea {height:125px;}
.layer-popup .popup-conts .form-button {margin-top:var(--gap-32);}
.layer-popup.active {display:block;}


.site .sub-visual .page-title h1 {font-family: 'Pretendard'; letter-spacing:-3px;}
.site .site-conts-wrap {width:100%; margin-top:var(--gap-40);}
.site .site-conts-wrap .conts-box {width:100%; margin-top:var(--gap-60);}
.site .site-conts-wrap .conts-box:nth-child(1) {margin-top:0;}
.site .site-conts-wrap .conts-box .main-txt {font-size:var(--font-20); font-weight:500;}
.site .site-conts-wrap .conts-box .date {color:#666;}
.site .site-conts-wrap .conts-box h3 {font-size:var(--font-18); font-weight:700; margin-bottom:var(--gap-16);}
.site .site-conts-wrap .conts-box .site-conts-area {width:100%;}
.site .site-conts-wrap .conts-box .site-conts-area > * {width:100%; margin-top:var(--gap-24);}
.site .site-conts-wrap .conts-box .site-conts-area > *:first-child {margin-top:0;}
.site .site-conts-wrap .conts-box .site-conts-area .conts {font-size:var(--font-18); font-weight:500;}
.site .site-conts-wrap .conts-box .site-conts-area dl {width:100%;}
.site .site-conts-wrap .conts-box .site-conts-area dl > * {font-size:var(--font-16); width:100%;}
.site .site-conts-wrap .conts-box .site-conts-area dl dt {margin-top:var(--gap-16); font-weight:500;}
.site .site-conts-wrap .conts-box .site-conts-area dl dt:first-child {margin-top:0;}
.site .site-conts-wrap .conts-box .site-conts-area dl dd {margin-top:var(--gap-8);}
.site .site-conts-wrap .conts-box .site-conts-area .detail-area {width:1000%;}
.site .site-conts-wrap .conts-box .site-conts-area .detail-area .txt {width:100%; margin-top:var(--gap-16); font-size:var(--font-16); font-weight:500;}
.site .site-conts-wrap .conts-box .site-conts-area .detail-area .txt:first-child {margin-top:0;}

@media screen and (max-width: 480px) {
	.site .sub-visual .page-title h1 {font-size:26px;}
}


/* 240418 */ 
.download-chk .sub-title span {color: var(--main-color);}
.download-chk .write-tb {max-width: 600px; margin: auto; border: none;}
.download-chk .email-conts .conts-box .conts {width:100%; font-size:16px; max-width: 640px; margin: auto; }
.download-chk .email-conts .conts-box .conts .bg-box {background:#F7FBFE; padding:20px; border-top:1px solid #1473CE;}
.download-chk .email-conts .conts-box .conts ul li {display:flex; border-bottom:1px solid #DCDCDC; padding:15px 0;}
.download-chk .email-conts .conts-box .conts ul li:nth-child(1) {margin-top:0;}
.download-chk .email-conts .conts-box .conts ul li .head {width:120px; font-weight:600;}
.download-chk .email-conts .conts-box .conts ul li .txt {width:calc(100% - 120px);}

.download-chk.product .form-wrap .write-tb + .button-box {margin-top: var(--gap-16);}