@charset "utf-8";
/* *******************************************************
 * filename : language.css
 * description : 국문  CSS
 * date : 2020-11-24
******************************************************** */

/* ******************  Layout.css ********************** */
html[lang="en"]{}
 html[lang="en"] * {letter-spacing:-0.01em !important;} 
html[lang="en"] .cm-word-split-JS.splitting .char {line-height: 1.15; /* line-height: 1.11; */ letter-spacing: -0.02em;}
html[lang="en"] .footer-address-list.style2 dl dt {width: 5rem;}

/* ******************  Main.css ********************** */
html[lang="en"] .main-visual-txt-box .main-visual-txt2{line-height:1.2;}
html[lang="en"] .main-news-list .list-item .txt-box .news-tit {font-weight: 600;}
html[lang="en"] .gallery-con23-list li a .gallery-con23-txt .tit {font-weight: 600;}
html[lang="en"] .product-overview-list .overview-item .overview-tit-box .txt {line-height:1.5;}
@media all and (max-width:800px){
	html[lang="en"] .main-visual-fixed-inner{margin-bottom:14rem;}
}

/* ******************  Content.css ********************** */
/* -------- 공통 -------- */
html[lang="en"] .cm-tit {font-size:5rem; font-weight: 500;}

/* -------- solution -------- */
html[lang="en"] .prd-txt-box .tit-box {align-items:flex-end;}
html[lang="en"] .prd-tit.cm-word-split-JS.splitting .char {letter-spacing: -0.04em !important;}
html[lang="en"] .prd-txt {font-weight: 400; position: relative;
    top: -3rem;}
html[lang="en"] .st-features-tit {font-size:3.7rem; line-height:1.12;}
html[lang="en"] .st-feature-box {height: auto; min-height:45rem; padding: 5rem;}
html[lang="en"] .st-feature-box .tit-box {margin-top: 1.5rem;}
html[lang="en"] .st-features-txt {letter-spacing:-0.02em !important;}
html[lang="en"] #st_industrial_sector .products-list2 .tit-box .tit {font-size:5.5rem;}
html[lang="en"] #st_industrial_sector .products-list .tit-box .tit {font-size:4.5rem;}
html[lang="en"] #st_industrial_sector .products-list2 .tit-box .txt {letter-spacing:-0.01em !important;}

html[lang="en"] .diagram-txt-box .list li:nth-child(2) .txt-box {margin-left:-33.5%;}

html[lang="en"] .st-uses-list > li .txt-box .tit {font-weight: 500;}
html[lang="en"] .st-uses-list .inner-list li i {margin-right: 0.6rem;}
html[lang="en"] .st-uses-list .inner-list li em {font-size:1.5rem;}

@media all and (min-width:1281px){
	html[lang="en"] .prd-tit {white-space:nowrap;}
}

@media all and (max-width:1480px){
	html[lang="en"] .diagram-txt-box .list li:nth-child(2) .txt-box {margin-left:-32%;}
}

@media all and (max-width:1280px){
	html[lang="en"] .prd-txt-box .tit-box {align-items:flex-start;}
	html[lang="en"] .prd-txt {font-weight: 400; position: static;
    top: 0;}
	html[lang="en"] .culture-list li {height: auto;}
	html[lang="en"] .culture-list .ico-box {margin-top: 2.5rem;}
	html[lang="en"] .st_03.swarm .center {width: 25rem; height: 25rem;}
	html[lang="en"] .diagram-txt-box .list .item {width: 7rem; height: 7rem;}
	html[lang="en"] .diagram-txt-box .list li:nth-child(1) {margin-top: -5.786%; margin-left: -3.286%;}
	html[lang="en"] .diagram-txt-box .list li:nth-child(1) .txt-box {margin-left: 14%;}
	html[lang="en"] .diagram-txt-box .list li:nth-child(2) {margin-left: -13.929%; margin-top: 16.5%;}
	html[lang="en"] .diagram-txt-box .list li:nth-child(2) .txt-box {margin-left: -38%;}
	html[lang="en"] .diagram-txt-box .list li:nth-child(2) .item .line {width: 6rem;}
	html[lang="en"] .diagram-txt-box .list li:nth-child(3) {    margin-top: 16.5%; margin-left: 7.643%;}
	html[lang="en"] .diagram-txt-box .list li:nth-child(3) .txt-box {margin-left: 10%;}
	html[lang="en"] .diagram-txt-box .list li:nth-child(3) .item .line {width: 6rem; margin-left: -32%;}
	html[lang="en"] .diagram-txt-box .list li .item .line {width: 9rem;}
	html[lang="en"] .diagram-txt-box .list .txt {font-size:1.4rem;}
}

@media (max-width: 800px) {
    html[lang="en"] .tech-tit {font-size: 1.7rem;}
    html[lang="en"] .diagram-txt-box .list li:nth-child(2) .txt-box {margin-left: 3rem;}
    html[lang="en"] .st_04.swarm .cm-txt {padding: 0 1rem; box-sizing:border-box;}
	html[lang="en"] #st_industrial_sector .products-list2 .tit-box .tit {font-size:4rem;}	
    html[lang="en"] #st_industrial_sector .products-list2 .tit-box .tit {font-size:4rem;}

    html[lang="en"] .st_03.swarm .center {width: 30rem; height: 30rem;}
    html[lang="en"] .diagram-txt-box .list li:nth-child(1), 
    html[lang="en"] .diagram-txt-box .list li:nth-child(2), 
    html[lang="en"] .diagram-txt-box .list li:nth-child(3) {
	margin: 0;
	}
    html[lang="en"] .diagram-txt-box .list li:nth-child(1) .txt-box, 
    html[lang="en"] .diagram-txt-box .list li:nth-child(2) .txt-box, 
    html[lang="en"] .diagram-txt-box .list li:nth-child(3) .txt-box {
	margin-left: 1.3rem;
	margin-top: 2.5rem;
    }
    html[lang="en"] .diagram-txt-box .list li:nth-child(1) .txt-box {margin-top: 0;}
}

@media (max-width: 412px) {
    html[lang="en"] .tech-tit {font-size: 1.4rem;}
    html[lang="en"] .technology-list li:after {font-size: 1.5rem;}
}



/* -------- industry -------- */
html[lang="en"] #fullpageIndustry .intro-tit {font-size:7rem;}
html[lang="en"] .areas-list .tit {letter-spacing: -0.01em;}
html[lang="en"] .back_con .ov-txt01.splitting .char {line-height:1.18;}

/* inspection */
html[lang="en"] .areas-list.inspection li .inner-box {min-height: 28.605rem; box-sizing: border-box; padding: 5.45rem 1rem;}

@media (max-width: 1655px) {
	html[lang="en"] .areas-list.inspection li .inner-box {min-height: 31.206rem;}
}

@media (max-width: 800px) {
	html[lang="en"] .areas-list.inspection li .inner-box {min-height: initial;}
	html[lang="en"] #fullpageIndustry .intro-tit {font-size:6rem;}
}

/* -------- careers -------- */
html[lang="en"] .bbs-basic-gallery-con09 ul li .bbs-title {letter-spacing:-0.01em !important;}
html[lang="en"] .culture-list li {height: 33rem;}
html[lang="en"] .career-category-list {width: 16.1rem;}
html[lang="en"] .talent-list .txt-box {margin-top: 6rem;}

@media all and (max-width:1280px){
	html[lang="en"] .culture-list li {height: auto;}
}

@media all and (max-width:800px){
	html[lang="en"] .culture-list li:nth-of-type(4), html[lang="en"] .culture-list li:last-of-type {height: 28rem;}
}

/* -------- contact -------- */
html[lang="en"] .inquiry-con .agree-txt .cm-modal-open-btn {width: 20rem;}

@media all and (max-width:480px){
	html[lang="en"] .inquiry-con .agree-txt {padding: 2rem 0;}
	html[lang="en"] .inquiry-con .policy-box dd {height: auto;}
	html[lang="en"] .inquiry-con .agree-txt .cm-modal-open-btn {width: auto; position:static; padding: 0 1rem; margin-left: 2rem; margin-top: 1rem; display: inline-block;
       
        height: auto;
        transform: translateY(0);}
}