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

/* ******************  Layout.css ********************** */
body, table, th, td, button, select, input, textarea {
	font-family: 'Noto Sans', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
*{letter-spacing:0 !important;}
#wrap:not(.main-wrap) #middleArea *:not(.img-active-txt) {letter-spacing:-0.025em !important;}
#topMenu04 .snb li.on a span {font-weight:700; color:var(--sub-color);}
#topMenu04 .snb li a span:hover {font-weight: 700; color:var(--sub-color);}
/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon .content-tit{color:#222; font-size:3.4rem; font-weight:700; line-height: 1.5em; letter-spacing:-0.05em;}
html[lang="en"] #topMenu04 .sub-menu-markets li a span {line-height: 1.5em; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
@media all and (max-width:1280px){
	html[lang="en"] #topMenu04 .sub-menu-markets li a span {padding: 0 1rem;}
}

/* ******************  Main.css ********************** */
.main-visual-txt-box .main-visual-txt1 { font-size: 7.2rem; font-weight: 700;  letter-spacing: -0.05em;}
.main-visual-txt-box .main-visual-txt1 .word {padding-bottom: 10px; line-height: 1;}
.main-visual-txt-box .main-visual-txt1 b { font-weight: 700;}
.main-tit-box .main-tit { letter-spacing: -0.05em; margin-right: 3rem;}
.main-tit-box .main-txt { font-size: 1.75rem; position: relative; top: 4px;}
.main-tit-box .main-txt > .word {padding-bottom: 4px;}
.main-product-slide .slide-item .slide-txt .txt {font-size: 1.85rem; letter-spacing: -0.025em; font-weight: 500;}
.main-product-slide .slide-item .slide-txt .txt .word {padding-bottom: 3px;}
.main-product-slide .slide-item .slide-txt .tit {font-size: 1.8rem;}
.main-market-wrap .market-item .txt-box .tit strong { font-size: 2.2rem;   letter-spacing: -0.025em;  font-weight: 600;}

@media all and (max-width:1280px){
	.main-tit-box .main-tit {width: 32rem;}
	.main-tit-box .main-txt {width: calc(100% - 32rem);}
}

@media all and (max-width:800px){
	.main-tit-box .main-tit {width: 100%;}
	.main-tit-box .main-txt {width: 100%;}
}

/* ----회사소개--- */
.intro-content .intro-img-con .intro-img-txt strong {color: #9d7a4c; font-weight: 700;}
.intro-content .intro-img-con .intro-img-txt {font-size: 2.8rem; font-weight: 600; line-height: 1.8em; letter-spacing: -0.05em; color: #222;}
.intro-target-con .target-tit {font-size: 24px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #222;}
.intro-value-con .value-list .value-tit {font-size: 2.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; padding-bottom: 1rem;}
.intro-tit {display: block; font-size: 2rem; font-weight: 700; letter-spacing: -0.05em; color: #b19168; text-align: center;}
.history-banner-box .con-box .tit {font-size:2.4rem;  line-height: 1.6; letter-spacing:-0.05em; color:#fff; font-weight:700;}

/* ----설비현황--- */
.flex-img-con .txt-box .facility-tit {font-size: 3.4rem; font-weight: 700; line-height: 1.4em; letter-spacing: -0.05em; color: #222; padding-bottom: 2rem;}

/* ----지속가능경영--- */
.company-page .company-content-tit {font-size: 3.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; text-align: center;}
.company-page .company-content-tit strong {font-weight: 700; color: var(--sub-color);}
.sustain-count-con .count-list-box .icon-box > p {font-size: 2.8rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; padding-top: 2rem; min-height: 5.1rem;}
.sustain-count-con .count-list-box .count-st {font-size: 1.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.01em; color: var(--sub-color);}
.sustain-certificate-con .certificate-list-box .certificate-tit {font-size: 3.2rem; font-weight: 700; line-height: 1.2em; letter-spacing: -0.05em; color: #222;}

@media all and (max-width:800px){
	html[lang="en"] .sustain-certificate-con .certificate-list-box .certificate-tit {font-size: 2.1rem;}
}

/* ----제품개요--- */
.product-summary-content .product-img-con .txt-box > h3 {font-size: 4.2rem; font-weight: 700; line-height: 1.4em; letter-spacing: -0.05em; color: #222; text-align: left; width: 48.5rem;}

/* ----시장개요--- */
.summary-content .summary-map-txt-box .summary-map-tit {font-size: 3.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #222;}
.summary-img-con .img-wrap .summary-con-tit {font-size: 3.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; padding-bottom: 2.2rem;}
.accordian-tit-box .accordian-tit strong {display:block; color:#fff; font-size:1.8rem; font-weight: 600; letter-spacing: -0.05em; transition: var(--transition-custom);}
.accordion-list .accordion-item.active .accordian-tit-box .accordian-tit strong {font-size:2.2rem; font-weight: 700;}

/* ******************  markets :: 공통 ********************** */
.cm-markets-page .top-txt-box .top-bold-tit {font-size: 4.2rem; font-weight: 700; line-height: 1.2em; letter-spacing: -0.05em; color: #222; padding-top: 2.5rem;}
.cm-markets-page .top-txt-box .top-tit {font-size: 1.8rem; font-weight: 700; line-height: 2em; letter-spacing: -0.05em; color: #222;}

/* ******************  contact ********************** */
.contact-top-container .contact-map-con .map-tit {font-size: 2.8rem; font-weight: 700; line-height: 1.8em; letter-spacing: -0.05em; color: #222; padding-bottom: 1rem;}
.contact-top-container .contact-map-con .map-tit strong {font-weight: 700; color: #b19168;}
.contact-top-container .contact-map-con .map-txt > span {font-weight: 700; padding-right: 2rem;}
.contact-page .main-visual-more-btn .txt {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em;}

@media all and (max-width:800px){
	.custom-radio-item label {font-weight: 700 !important; font-size: 1.5rem !important;}
	.contact-page .bbs-write-tbl tr:first-child {display: flex;}
	.contact-page .bbs-write-tbl tr:first-child th {width: 10rem !important; height: auto;}
	.contact-page .bbs-write-tbl tr:first-child td {width: calc(100% - 10rem) !important; height: auto;}
	.contact-page .bbs-write-tbl tr:first-child td .custom-radio-item-box {height: 100%;}
	.contact-page .bbs-write-tbl tr:first-child td .custom-radio-item label {font-size: 1.4rem !important;}
}

@media all and (max-width:480px){
	.contact-page .bbs-write-tbl tr:first-child th {width: 9rem !important;}
	.contact-page .bbs-write-tbl tr:first-child td {width: calc(100% - 9rem) !important;}
	.contact-page .bbs-write-tbl tr:first-child td .custom-radio-item {margin: 2px 10px;}
	.contact-page .bbs-write-tbl tr:first-child td .custom-radio-item label {font-size: 1.2rem !important; padding-left: 1.8rem;}
	.contact-page .bbs-write-tbl tr:first-child td .custom-radio-item label::before {font-size: 1.5rem;}
}

/* ******************  Content.css ********************** */
/* -------- Company :: CEO인사말 -------- */
@media all and (max-width:800px){
	/* html[lang="ko"] 사용하면 css우선순위가 높아집니다. */
}

/* -------- products :: products overview -------- */
html[lang="en"] .product-summary-content .product-img-con.active .img-active-txt {letter-spacing: 0.4em !important;}

/* -------- markets -------- */
html[lang="en"] .accordian-tit-box .accordian-tit {text-align: center;}
html[lang="en"] .accordian-tit-box .accordian-tit strong {line-height: 1.4em;}
html[lang="en"] .accordion-list .accordion-item.active .accordian-tit br {display: none;}

/* -------- contact -------- */
html[lang="en"] .bbs-write-tbl th, html[lang="en"] .agree-txt {font-weight: 700;}
html[lang="en"] .contact-top-container .contact-map-con .map-txt > span {display: inline-block; min-width: 6.1rem;}
html[lang="en"] .custom-radio-item label {font-weight: 700;}

@media all and (max-width:1024px){
	html[lang="en"] .accordion-list .accordion-item .accordian-tit br {display: none;}
}

/***** footer *****/
/* html[lang="en"] .footer-address-list dl:first-child {width: 35rem;}
html[lang="en"] .footer-address-list dl:last-child {width: 14.3rem;} */
html[lang="en"] .footer-address-list dl:last-child dt {width: 2.5rem;}

@media all and (max-width:480px){
	html[lang="en"] .footer-address-list dl:first-child {width: 30rem;}
}

/* ----푸터--- */
html[lang="en"] .footer-address-list dl dt { font-weight: 600;  font-size: 1.5rem;}
html[lang="en"] .footer-address-list dl dd { font-size: 1.5rem;  letter-spacing: -0.025em; font-weight: 500;}
html[lang="en"] .footer-address-list dl {  width: 35rem;}
@media all and (max-width:1280px){
	html[lang="en"] .footer-address-list dl:first-child {width: 32rem;}
	html[lang="en"] .footer-address-list dl:last-child {width: auto;}
}