@charset "utf-8";
/* *******************************************************
 * filename : language.css
 * description : 독일어  CSS
 * date : 2025-08-07
******************************************************** */

/* ******************  Layout.css ********************** */
html[lang="de"]{}
.header-lang {width: 90px;}

.footer-newsletter-form-item.security-code .security-code-box input {padding-left: 14rem !important;}
.footer-newsletter-form-item.security-code .security-code-box .security-code{width: 9rem;}

@media all and (max-width:800px){
    html[lang="de"] .header-util-menu-box {height: auto; justify-content: center; padding: 85px var(--area-padding) 0;}
	html[lang="de"] .header-util-menu-box .lang-select {padding: 0 7px;}
}

/* ******************  Main.css ********************** */
.rightbar-newsletter-box.add-css {width: 42rem;}
.add-css.rightbar-newsletter-box .rightbar-newsletter-form-item.security-code .security-code-box input {padding-right: 8.5rem !important;}
.add-css.rightbar-newsletter-box .rightbar-newsletter-form-item.security-code .security-code-box .security-code{width: 6.5rem;}

@media all and (max-width: 640px) {
	.rightbar-newsletter-box.add-css {width: 36rem;}
}

/* ******************  Content.css ********************** */
.prd-view-highlights-box-inner .txt-group .tit {font-size: 2.4vw;}

.prd-view-highlights-box-inner .txt-group .txt {max-height: 11.28em; -webkit-line-clamp: 6;}
.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group .txt {max-height: 10.2em; -webkit-line-clamp: 6;}

.prd-view-highlights-con.option2 .prd-view-highlights-box-inner .txt-group.no-img .tit,
.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group.no-img .tit{max-height: 3.99em; -webkit-line-clamp: 3;}
.prd-view-highlights-con.option2 .prd-view-highlights-box-inner .txt-group.no-img .txt{max-height: 16.92em; -webkit-line-clamp: 9;}
.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group.no-img .txt{max-height: 15.3em; -webkit-line-clamp: 9;}
.prd-view-highlights-con.option3 .prd-view-highlights-box-inner.no-img .txt-group.no-img .txt {max-height: 18.7em; -webkit-line-clamp: 11;}

@media all and (max-width:800px){
	.prd-view-highlights-box-inner .txt-group .tit {font-size: 4rem;}

	.prd-view-highlights-box-inner .txt-group .txt,
	.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group .txt,
	.prd-view-highlights-con.option2 .prd-view-highlights-box-inner .txt-group.no-img .tit,
	.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group.no-img .tit,
	.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group.no-img .txt,
	.prd-view-highlights-con.option2 .prd-view-highlights-box-inner .txt-group.no-img .txt,
	.prd-view-highlights-con.option3 .prd-view-highlights-box-inner.no-img .txt-group.no-img .txt{max-height: none; -webkit-line-clamp: initial;}
}

/* ****************** 
	* wide 화면 font-size 수정 
********************** */
@media all and ( min-width: 1921px ){
	.prd-view-highlights-box-inner .txt-group .tit {font-size: 4.6rem;}
}

/* 250808 온라인문의 폼 간격 수정 :: YJ */
html[lang="de"] .fakeform-selectbox .select-title {text-indent: 13rem;}
html[lang="de"] .main-now-item input, html[lang="de"] .main-now-item textarea {
	    padding-left: 13rem !important;
}
html[lang="de"] .phone-form-box {padding-left: 13rem !important;}
html[lang="de"] .phone-form-box input {padding-left: 0 !important;}
html[lang="de"] .main-now-agree .agree-txt {line-height: 1.2;}
html[lang="de"] .main-now-agree .agree-txt label:before {top: -0.4rem;}
html[lang="de"] .main-now-agree ul li .agree-txt label {max-width:calc(100% - 10rem);}
html[lang="de"] .main-now-agree ul li a {top: initial; bottom: 0;}

/* 250811 rightbar 수정  :: YJ */
html[lang="de"] #rightBar > ul > li > a:hover {padding: 0 3rem 0 20rem;}

/* 250819 비주얼 타이툴 크기 수정  :: YJ */
@media all and (max-width:640px){
	html[lang="de"] #visual.sub-visual-product .visual-tit {font-size:5rem;}
}

@media all and (max-width:480px){
	html[lang="de"] #visual.sub-visual-product .visual-tit {font-size:4rem;}
}

@media all and (max-width:412px){
	html[lang="de"] #visual.sub-visual-product .visual-tit {font-size:3.5rem;}
}

/* 250819 pmdm  수정 :: YJ */
html[lang="de"] .pmdm-con02-list li .tit-box strong {padding: 0 1rem;}

/* 250819 메인 온라인폼 수정 :: YJ */
@media all and (max-width:640px){
	html[lang="de"] .main-now-item {flex-direction: column-reverse; align-items: flex-start;}
	html[lang="de"] .main-now-item .form-label {position: relative; top: 0; margin-bottom: 1.5rem;}
	html[lang="de"] .fakeform-selectbox .select-title {text-indent: 2rem;}
	html[lang="de"] .main-now-item input, html[lang="de"] .main-now-item textarea {padding-left: 2rem !important; font-size:1.3rem;}
	html[lang="de"] .phone-form-box {padding-left: 0 !important;}
	html[lang="de"] .fakeform-selectbox .select-title {font-size:1.3rem;} 
	html[lang="de"] .select-option span, html[lang="de"] .select-option strong  {font-size:1.3rem;} 

	html[lang="de"] .main-now-agree ul li {display: flex; flex-direction: column; align-items: flex-end; padding-right: 0;}
	html[lang="de"] .main-now-agree ul li .agree-txt label {max-width:100%;}
	html[lang="de"] .main-now-agree ul li a {display: inline-block;
        margin-top: 1rem; position: relative;}

}

@media all and (max-width:412px){
	html[lang="de"] #email_error input {font-size:1.07rem;}

}

@media all and (max-width:390px){
	html[lang="de"] .main-now-item input, html[lang="de"] .main-now-item textarea {font-size:1.6rem;}
	html[lang="de"] .select-option span, html[lang="de"] .select-option strong  {font-size:1.6rem;} 
	html[lang="de"] .fakeform-selectbox .select-title {font-size:1.6rem;} 
	html[lang="de"] #email_error input {font-size:1.2rem;}
}