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

/* ******************  Layout.css ********************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	letter-spacing:0 !important;
}

html[lang="en"] .cm-word-split-JS.splitting .word{overflow:visible;}
@media all and (max-width:800px){
	html[lang="en"] #topMenuM .menu-location .location-menu-con li a{font-size:13px;}
}
@media all and (max-width:480px){
	html[lang="en"] #topMenuM .menu-location .location-menu-con li a{font-size:12px;}
}

/* ******************  Layout.css ********************** */
#gnb.open > ul > li.gnb5{width:25rem;}

/* ******************  Content.css ********************** */
/*---------------- Greeting ----------------*/
@media all and (max-width:480px){
	.greeting-txt-box .cm-tit br{display: none;}
}
/*---------------- Summary ----------------*/
.sub-full-con02-list .list-item .data-txt .rotate-num{letter-spacing:0.1em !important;}
/* section4 */
.sub-full-con04-item .inner-box .inner-item .txt{min-height:10rem;}

/* section5 */
#summaryCon05{min-height:90rem;}
#summaryCon05 .fullpage-sub-tit{top:10rem;}
.sub-full-con05-list .list-item{padding:0 0.5rem 3rem; box-sizing:border-box;}
.sub-full-con05-list .list-item .inner-item{margin-top:3rem;}

@media all and (min-width:801px){
	#summaryCon02 .sub-full-con02-list .list-item .cm-txt{margin-top:1.5rem; height:10rem;}
}
@media all and (max-width:1280px){
	#summaryCon02  .sub-full-con02-list .list-item .tit{font-size:2rem;}
	#summaryCon05 .fullpage-sub-tit{top:5rem;}
	.sub-full-con05-list .list-item .tit{font-size:2.2rem;}
	.sub-full-con05-list .list-item .inner-item dl dd{fotn-size:1.6rem;}
}
@media all and (max-width:800px){
	#summaryCon02 .sub-full-con02-list .list-item .cm-txt{margin-top:0rem;}
	/* section5 */
	#summaryCon05 .fullpage-sub-tit{top:auto;}
}
@media all and (max-width:640px){
	/* section4 */
	.sub-full-con04-item .inner-box{display: block;}
	.sub-full-con04-item .inner-box .inner-item{width:100%; margin-bottom:4rem;}
	.sub-full-con04-item .inner-box .inner-item .txt{min-height:auto; margin-bottom:1rem;}
	/* section5 */
	.sub-full-con05-list .list-item .inner-item dl{width:100%;}
}

/*---------------- Brand ----------------*/
@media all  and (max-width:1280px){
	#brandCon03 .sub-full-con02-list .list-item .brand-tit{font-size:3.5rem;}
}
@media all  and (max-width:800px){
	#brandCon03 .sub-full-con02-list .list-item .brand-tit br{display: none;}
}

/*---------------- Business ----------------*/
.sub-full-con02-list .list-item .hydrogen-con-txt.data-txt .cm-word-split-JS.splitting .word,
.sub-full-con02-list .list-item .carbonic-con-txt.data-txt .cm-word-split-JS.splitting .word{overflow:hidden;}
.sub-full-con02-list .list-item .carbonic-con-txt.data-txt .rotate-num-box{height:1.1em;}

.sub-full-con01-item .tit{font-weight:600; text-transform: initial; font-size:4.5rem;}
.sub-full-con02-list .list-item{padding:0 5rem; box-sizing:border-box;}


@media all and (max-width:1280px){
	.sub-full-con02-list .list-item{padding:0 1.5rem;}
}
@media all and (max-width:800px){
	.sub-full-con01-item .tit{font-size:3rem;}
}


/*---------------- Business :: hydrogen ----------------*/
#hydrogenCon04 .sub-full-con02-list .list-item .cm-txt{height:13rem;}

@media all and (max-width:800px){
	#hydrogenCon04 .sub-full-con02-list .list-item .cm-txt{height:auto;}
	#hydrogenCon02 .sub-full-con02-list .list-item .cm-txt{margin-bottom:0rem;}
}

/*---------------- Business :: carbonic ----------------*/
@media (min-width:801px) and (max-width:1280px){
	#carbonicCon02 .sub-full-con02-list .list-item .carbonic-con-txt{font-size:1.8rem;}
	#carbonicCon02 .rotate-num-box{height:1.2em}
	#carbonicCon02 .sub-full-con02-list .list-item .cm-txt{height:15rem;}
}
/*---------------- Business :: ammonia ----------------*/
@media (min-width:801px) and (max-width:1280px){
	#ammoniaCon02 .sub-full-con02-list .list-item .carbonic-con-txt{height:6rem;}
}
@media all and (min-width:801px){
	#ammoniaCon02 .sub-full-con02-list .list-item .cm-txt{height:10rem;}
}

/*---------------- sustainability :: esg ----------------*/
.esg-item-con .esg-item-wrap .esg-item-box .esg-item span{   font-size: 1.5rem;}

/*---------------- speaker :: declaration ----------------*/
@media all and (max-width:800px){
	.declaration-left-item .tit br{display: none;}
	html[lang="en"] .declaration-right-item .declaration-item-list li{max-height:none; flex-direction: column; justify-content: center; padding: 2rem;}	
	html[lang="en"] .declaration-item-list li .tit-box{margin-bottom:2rem;}
	html[lang="en"] .declaration-item-list li .tit-box,
	html[lang="en"] .declaration-item-list li .cm-txt{width:100%}
}
/* view */
html[lang="en"] .declarview-con .declarview-inner .declarview-item-box .declarview-item span{display: block; width:10rem; text-align:left;}
@media all and (max-width:800px){
	html[lang="en"] .declarview-con .declarview-inner .declarview-item-box .declarview-item span{width:8rem}
	html[lang="en"] .declarview-con .declarview-inner .declarview-item-box input{width:calc(100% - 8rem);}
}