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

/* ******************  Layout.css ********************** */
html[lang="en"] #gnb > ul > li {width: 22rem;}
html[lang="en"] #gnb > ul > li.gnb1,
html[lang="en"] #gnb > ul > li.gnb5 {width: 17rem;}

@media all and ( min-width: 1281px ){
	html[lang="en"] .gnb-open#header #gnb > ul > li {width: 25rem;}
	html[lang="en"] .gnb-open#header #gnb > ul > li.gnb5 {width: 20rem;}
}
@media all and ( max-width: 1600px ){
	html[lang="en"] #gnb > ul > li > a {font-size: 1.8rem;}
}

/* ******************  Main.css ********************** */
html[lang="en"] .main-schedule-list .inner-list li a .state-box span {width: 9rem;}




/* ******************  Content.css ********************** */
/* ------- 1. 기업경쟁력 :: 연구 & 개발 ------- */
.research-nation li dl dt {width: 23rem;}
.research-nation li dl dd {width: calc(100% - 23rem);}

/* ------- 2. 기업 가치 :: 비전 ------- */
@media all and (max-width:1280px){
	html[lang="en"] .vision-goal-list li .inner dl dt {font-size: 3.4rem;}
}
@media all and (max-width:800px){
	html[lang="en"] .vision-goal-list li .inner dl dt {font-size: 2.8rem;}
}

/* ****************** 02. 글로벌 네트워크 ********************* */
.sub-network-item .sub-network-inner .info-box dl dt {width: 12rem;}
.sub-network-item .sub-network-inner .info-box dl dd {width: calc(100% - 12rem);}
html[lang="en"] .network-con-left .txt01 {display: none;}
html[lang="en"] .network-con-left .tit {margin-top: 0;}

@media all and (max-width:800px){
	html[lang="en"] .schedule-list-content .inner-list .list-item .state-box span {width: 8rem;}
	html[lang="en"] .schedule-list-content .inner-list .list-item .tit-box {width: calc(100% - 14rem);}

	html[lang="en"]  #topMenu01 .side-menu-inner ul li > a {font-size: 1.4rem ;}
	html[lang="en"] .network-con-left .txt02 br {display: none;}
}


/* ------- 3. 제품정보 :: 제품인트로 ------- */
html[lang="en"] .prd-process-item .left-box {width: 30%;}
html[lang="en"] .prd-process-item .right-box {width: 70%;}
@media all and (max-width:1280px){
	html[lang="en"] .prd-process-item .left-box .process-tit {font-size: 3.8rem;}
}
@media all and (max-width:800px){
	html[lang="en"] .prd-process-item .left-box {width: 100%;}
	html[lang="en"] .prd-process-item .right-box {width: calc(100% - 7rem);}
}

/* ------- 2. IR :: 공통 ------- */
@media all and (max-width:480px){
	html[lang="en"] .ir-stock-top .stock-prev-price dl {flex-wrap: wrap;}
	html[lang="en"] .ir-stock-top .stock-prev-price dt {width: 100%; margin-right: 0;}
	html[lang="en"] .ir-stock-top .stock-prev-price dd {width: 100%; margin-top: 1rem;}

	.ir-stock-bottom dl dt {font-size: 1.8rem;}
}

/* ------- 2. 뷰페이지 ------- */
html[lang="en"] .seminar-view-top .state-box span {width: 9rem;}

.seminar-view-top .right-con .info-box dl dt {width: 18rem;}
.seminar-view-top .right-con .info-box dl dd {width: calc(100% - 18rem);}