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

/* ******************  Main.css ********************** */
@media all and (max-width:1024px){
	#rightBar > ul > li > a span{left:0; width:100%}
}
@media all and (max-width:480px){
	html[lang="en"] #rightBar > ul > li > a span{font-size:12px}
	#rightBar > ul > li > a span em{max-width:calc(100% - 55px)}
}
@media (max-height: 850px) and (min-width: 1024px){
	#rightBar > ul > li > a span{font-size:15px}
}


/* ******************  Layout.css ********************** */
#topMenu04 .menu-location{width:244px}
#topMenu04 .menu-location > .cur-location{padding:0 30px}
#topMenu04 .menu-location > .cur-location .arrow{right:28px}
@media all and (max-width:800px){		
	html[lang="en"] #topMenu04 .menu-location > .cur-location{padding:0 14px}
	html[lang="en"] #topMenu04 .menu-location > .cur-location .arrow{right:14px}
	html[lang="en"] #topMenu04 .menu-location > .cur-location span{font-size:12px;}
	html[lang="en"] #topMenu04 .menu-location .location-menu-con li.on a span:after{display:none}
	html[lang="en"] #topMenu04 .menu-location .location-menu-con li a span{display:initial}
	html[lang="en"] #topMenu04 .menu-location .location-menu-con li.on a span{border-bottom:1px solid #ed1c24}
}

@media all and (max-width:480px){		
	html[lang="en"] #topMenu04 .side-menu-inner{padding-left:35px}
	html[lang="en"] #topMenu04 .location-to-home-btn{width:35px}
	html[lang="en"] #topMenu04 .menu-location > .cur-location{padding:0 7px}
	html[lang="en"] #topMenu04 .menu-location > .cur-location span{font-size:11.5px}
}	


/* ******************  Content.css ********************** */
/* -------- Solution :: innoRules -------- */
.innorules-graph .innorules-graph-img li .graph-img .circle span {font-size: 24px;}
.innorules-advantage.cm-style-character li{height:170px}
.cm-style-character li{height:165px}
@media all and (max-width:1560px){
	html[lang="en"] .innorules-advantage.cm-style-character li{height:190px}
}
@media all and (max-width:1024px){
	html[lang="en"] .innorules-advantage.cm-style-character li{height:150px}
}

/* -------- Solution :: InnoPLM -------- */
.innoplm-benefits-list li .list-inner .tit{font-size:16px; height:70px}

/* -------- 채용공고 -------- */
.recruit-page .bbs-list-row .column .state-txt em{font-size:14px}
.recruit-page .bbs-list-row .column .state-txt{width:140px}
html[lang="en"] .bbs-list-row .column{line-height:1.3}
html[lang="en"] .board-search-box-style07 .select-custom.category-select select{font-size:14px; text-indent:10px}
@media all and (min-width:1025px){
	html[lang="en"] .board-search-box-style07 .select-custom.category-select{width:190px}
}
@media all and (max-width:800px){	
	html[lang="en"] .recruit-page .bbs-list-row .column .state-txt{width:120px}
}
@media all and (max-width:480px){	
	html[lang="en"] .board-search-box-style07 .select-custom.category-select select{font-size:11px}
}


/* -------- 기업정보 :: HR :: 복리후생 -------- */
html[lang="en"] .welfare-list li:nth-child(n+6):nth-child(-n+10) .inner{padding-bottom:4%}
html[lang="en"] .welfare-list li:nth-child(n+6):nth-child(-n+10) dt .inner strong{height:70px;}

@media all and (max-width:800px){		
	html[lang="en"] .welfare-list li:nth-child(n+6):nth-child(-n+10) dt .inner strong{height:60px; }
}
@media all and (max-width:640px){		
	html[lang="en"] .welfare-list li:nth-child(n+6):nth-child(-n+10) dt .inner strong{height:31px; }
}

/* -------- 기업정보 :: 기업소개 :: Global Presence -------- */
.global-list li{padding-right:190px}
.global-list .tit-con{width:258px}
.global-list .txt-con{width:calc(100% - 258px)}