@charset "utf-8";

/*
* File       : lang.css
* Author     : B-WORKER
*      
 * SUMMARY:
 * 1) en / [lang="en-US"]
 * 2) jp / 
*/

/* **************************************** *
 * layout
 * **************************************** */
 [lang="en-US"]:root {
    /* Heading */
	--kr-5xl:47rem;
	--kr-4xl:44rem;
    --kr-3xl:35rem;
    --kr-2xl:32rem;
    --kr-xl:26rem;
    --kr-lg:19rem;
    --kr-m:18rem;
 }

@media all and (max-width:1600px){
    [lang="en-US"]:root {
        /* Heading */
        --kr-5xl:40rem;
    }
}

/* 낮은 노트북 대응 */
 @media all and (min-width:1440px) and (max-width:1600px) and (max-height:700px) {
 
	[lang="en-US"]:root {
		--kr-5xl: 33rem;
        --kr-4xl: 29rem;
		--kr-3xl: 20rem;
	}
}

 @media all and (max-width:1200px){
    [lang="en-US"]:root {
       /* Heading */
		--kr-5xl:42rem;
		--kr-4xl:40rem;
		--kr-3xl:30rem;
		--kr-2xl:32rem;
	}
}

@media all and (max-width:1023px){
	[lang="en-US"]:root {
    	/* Heading */
        --kr-5xl: 35rem;
		--kr-4xl:42rem;
		--kr-3xl:36rem;
		--kr-2xl:32rem;
	}
}

@media (max-width:860px){
	[lang="en-US"]:root {
		/* Heading */
		--kr-4xl:36rem;
		--kr-3xl:32rem;
		--kr-2xl: 22rem;
		--kr-lg:17rem;
	}
}

@media (max-width: 540px){
	[lang="en-US"]:root {
        /* Heading */
		--kr-5xl:26rem;
		--kr-4xl:26rem;
		--kr-3xl:24rem;
		--kr-2xl:21rem;
		--kr-xl:18rem;
		--kr-lg:16rem;
		--kr-m:15rem;
	}
}

[lang="en-US"] .site-map-bottom li:last-child {align-items: flex-start; line-height: 1.4;}
[lang="en-US"] .intro-txt h2 span {font-size: 80rem;}
[lang="en-US"] .site-map-list.site-map--row.row-drap .gnb-item .sub-menu > li a {display: inline-block; padding: 5rem 0;}

@media (max-width:1680px){
    [lang="en-US"] .intro-txt h2 span {font-size: 70rem;}
}

@media (max-width:1200px){
    [lang="en-US"] .intro-txt h2 span {width: 85%; line-height: 1.12;}
}

@media (max-width:1023px){
    [lang="en-US"] #lnb:not(.lnb-select) .select-link > ul {flex-wrap: nowrap; text-align: center;}
}
@media (max-width:700px){
    .footer-info address {padding-bottom: 60rem;}   
}

@media all and (min-width: 680px) and (max-width: 700px) and (min-height: 820px) and (max-height: 840px) {
  /* 690x829 근처 전용 */
   #footer .btn-basic {top: 180rem;}
}

@media (max-width:540px){
    [lang="en-US"] .intro-txt h2 span {width: 100%; font-size: 36rem;}
}


/* **************************************** *
 * main
 * **************************************** */
 /* visual */
 [lang="en-US"] .main-visual__text {padding: 0 80rem; bottom: 130rem;}
 [lang="en-US"] .main-visual__text h2 {opacity: 0; line-height: 1.1;}
 [lang="en-US"] .main-visual__text h2 span {font-size: 55rem;}
 [lang="en-US"] .swiper-slide-active .main-visual__text h2 {overflow: hidden; animation:text_up_motion 1.6s ease 0.1s forwards;}

@keyframes text_up_motion {
    from{opacity:0; transform:translateY(50rem);}
    to{opacity:1; transform:translateX(0);}    
}

@media (max-width:1580px){
     [lang="en-US"] .main-visual__text {padding: 0 40rem; bottom: 150rem;}
	 .main-product__txt p br { display: none;}
}

[lang="en-US"] .main-visual__text h2 { max-width: 80%;  margin: 0 auto;}

@media (max-width:860px){
     [lang="en-US"] .main-visual__text {padding: 0 40rem; bottom: 150rem;}
}

@media (max-width:540px){
     [lang="en-US"] .main-visual__text {padding: 0 20rem; bottom: 105rem;}
	 [lang="en-US"] .main-visual__text h2 {max-width: 100%;}
}

 /* product */
 @media (hover: hover) and (pointer: fine){
	[lang="en-US"] .main-product__item:nth-child(2) a:hover .main-product__txt p {max-height: 92rem;}
}

@media (max-width:1919px){
    @media (hover: hover) and (pointer: fine){
        [lang="en-US"] .main-product__item a:hover .main-product__txt p {max-height: 92rem;}
        [lang="en-US"] .main-product__item:nth-child(2) a:hover .main-product__txt p {max-height:120rem;}
    }
}

@media (max-width:1200px){
    @media (hover: hover) and (pointer: fine){
        [lang="en-US"] .main-product__item a:hover .main-product__txt p {max-height: 120rem;}
        [lang="en-US"] .main-product__item:nth-child(2) a:hover .main-product__txt p {max-height:175rem;}
    }
}

@media (max-width:1480px){
    @media (hover: hover) and (pointer: fine){
        [lang="en-US"] .main-product__item:nth-child(2) a:hover .main-product__txt p {max-height:200rem;}  
    }
}

@media (max-width:860px){
    @media (hover: hover) and (pointer: fine){
        [lang="en-US"] .main-product__item a:hover figure {height: 0;}
        [lang="en-US"] .main-product__item a:hover .main-product__txt p {max-height: 160rem;}
        [lang="en-US"] .main-product__item:nth-child(2) a:hover .main-product__txt p {max-height:260rem;}
    }
}

@media (max-width:540px){
    [lang="en-US"] .main-product__txt {padding: 0 20rem;}

    @media (hover: hover) and (pointer: fine){
        [lang="en-US"] .main-product__item a:hover figure {height: 100%;}
    }
}

/* about */
[lang="en-US"] .main-about__num strong span:last-child {margin-right: 15rem;}
.intro-summary__num strong {
    font-size: var(--kr-xl);
}

@media all and (max-width:1580px){
	[lang="en-US"]:root { --kr-2xl: 24rem;}
}

@media all and (max-width:1023px){
    [lang="en-US"] .main-about__num strong {font-size: 36rem;}
}

@media (max-width:860px){
    [lang="en-US"] .main-about h3 br {display: none;}
    [lang="en-US"] .main-about__list {grid-template-columns: 1fr;}
    [lang="en-US"] .main-about__num strong span:last-child {margin-right: 12rem;}
	br {display:none;}
	 [lang="en-US"] .intro-summary__num strong {font-size: 20rem;}
}

@media (max-width:540px){
    [lang="en-US"] .main-about__num strong span:last-child {margin-right: 10rem;}
}

/* global */
@media (max-width:540px){
    [lang="en-US"] .main-global__list li a {position: relative; flex-wrap: wrap;}
    [lang="en-US"] .main-global__list li i {width: 22rem; height: 22rem; margin-right: 0;}
    [lang="en-US"] .main-global__list li em {min-width: 85%;}
    [lang="en-US"] .main-global__list li em::after {display: none;}
    /* [lang="en-US"] .main-global__list li a {position: absolute; right: 15rem; top: 50%; transform: translateY(-50%);} */
}


/* **************************************** *
 * sub
 * **************************************** */
/* 조직도 */
 [lang="en-US"] .chart-line {width: calc(100% - var(--chart-width) + 20rem);}

 @media (max-width: 1600px){
	[lang="en-US"] .chart__company::before {margin-left: 0;}
}

@media all and (max-width:1023px){
	 [lang="en-US"] .chart-line {width: calc(100% - var(--chart-width) - 8rem);}
     .technology-chart__center-txt > div > strong {font-size: 23rem;}
}

@media (max-width: 860px){
	[lang="en-US"] .chart-line {width: calc(100% - var(--chart-width) + 44rem);}
}

@media (max-width: 540px){
	[lang="en-US"] .chart-list strong {max-width: 140rem;}
    [lang="en-US"] .chart-line {width: calc(100% - var(--chart-width) - 20rem);}
    [lang="en-US"] .history-desc li {flex-direction: column; align-items: flex-start; color: var(--b-default);}
    [lang="en-US"] .history-desc li em {margin-bottom: 5rem; color: var(--b-01);}
    [lang="en-US"] .history-desc li em::after {display: none;}
    .technology-chart__center-txt > div > strong {font-size: 18rem;}
    .technology-chart__center-txt > div > p {font-size: 12rem;}
}

/* 사업장소개 */
[lang="en-US"] .company-info__list li span {min-width: 185rem;}

[lang="en-US"] .technology-chart__top li p {display: flex; justify-content: center; align-items: center; min-height: 48rem;}
[lang="en-US"] .technology-page .merit-slider__txt p {display: flex; align-items: center; justify-content: center; min-height: 154rem;}

/* [lang="en-US"] .rnd-system__item {height: 440rem;} */
[lang="en-US"] .rnd-process__item.item01 .rnd-process__item-con li em {min-width: 275rem;}
[lang="en-US"] .intro-summary__num strong p {font-size: 13rem;}

[lang="en-US"] .product-process li p em {min-width: 24rem;}
[lang="en-US"] .product-process li p{justify-content: flex-start;min-height: 60rem;}


@media (max-width: 1640px){
	.product-process li p {font-size: 12rem;letter-spacing: -0.5rem;}
}


/* 낮은 노트북 대응 */
@media all and (min-width:1440px) and (max-width:1600px) and (max-height:700px) {
	[lang="en-US"] .product-process li p{padding:10rem; font-size:12rem; letter-spacing:-0.5rem;}
}

@media (max-width: 1200px){
	[lang="en-US"] .technology-page .merit-slider__txt p {min-height: auto;}
}

@media all and (max-width:1200px){
	[lang="en-US"] .intro-summary__num strong p {font-size: 13rem;}
	.intro-summary__num strong {font-size: 24rem;}
}

@media all and (max-width:1023px){
	[lang="en-US"] .rnd-process__item.item01 .rnd-process__item-con li {flex-direction: column; align-items: flex-start;}
    [lang="en-US"] .rnd-process__item.item01 .rnd-process__item-con li em {margin-bottom: 10rem;}
    [lang="en-US"] .rnd-process__item.item01 .rnd-process__item-con p::before {display: none}
    [lang="en-US"] .rnd-process__item.item01 .rnd-process__item-con p {padding-left: 0;}
    [lang="en-US"] .rnd-bottom h6 {padding: 0 40rem; font-size: var(--kr-3xl);}
	.intro-summary__num p {font-size: 13rem;}
	.intro-summary__num strong span { font-size: 31rem;}

}

@media (max-width: 860px){
    [lang="en-US"] .rnd-bottom h6 {padding: 0 20rem; letter-spacing: -0.5px;}
    [lang="en-US"] .rnd-process__item.item01 .rnd-process__item-con li:first-child p {font-size: 14rem;}
	.intro-summary__item br {display: block;}
	[lang="en-US"] .intro-summary__num strong p { font-size: 9rem;}
}

@media (max-width: 540px){
	[lang="en-US"] .company-info__list {width: 100%;}
	[lang="en-US"] .company-info__list li {flex-direction: column; align-items: flex-start; width: 100%; padding: 15rem 0;}
	[lang="en-US"] .company-info__list li + li {margin-top: 0;}
	[lang="en-US"] .company-info__list li:first-child {padding-top: 0 !important;}
	[lang="en-US"] .company-info__list li:not(:last-child) {border-bottom: 1px solid var(--op-b10);}
	[lang="en-US"] .company-info__list li span {min-width: auto; margin-bottom: 7rem;}
	[lang="en-US"] .company-info__list li span::after {display: none;}

	[lang="en-US"] .product-process li p em {min-width: 22rem;}
	[lang="en-US"] .product-process li p {min-height: 56rem;line-height: 1.3;}
	.intro-summary__num strong span {font-size: 46rem;}
	[lang="en-US"] .intro-summary__num strong p {font-size: 14rem;line-height: 1.2;}
	.intro-summary__num strong i { line-height: 26rem; margin: 0 9rem;}
	[lang="en-US"] .intro-summary__num strong {font-size: 22rem;}
	.intro-summary__item {height: 330rem; padding: 43rem 27rem;}
	.intro-summary__num p {font-size: 15rem;}
}