@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;}
/* -------- Header -------- */
html[lang="en"] #gnb > ul > li.gnb2{width:20rem}
/* -------- Footer -------- */
html[lang="en"] .footer-contact-con .footer-contact-list li dl{align-items: flex-start;}
html[lang="en"] .footer-contact-con .footer-contact-list li dl dt{width:210px;}
html[lang="en"] .footer-contact-con .footer-contact-list li dl dd{width:calc(100% - 210px);}

@media all and (min-width:801px){
	html[lang="en"] .footer-left-con{width:50%;}
	html[lang="en"] .footer-right-con{width:50%;}
}
@media all and (max-width:800px){
	html[lang="en"] .footer-contact-con .footer-contact-list li dl{display: block;}
	html[lang="en"] .footer-contact-con .footer-contact-list li dl dt{width:100%;}
	html[lang="en"] .footer-contact-con .footer-contact-list li dl dd{width:100%; padding-left:2.2rem; margin-top:0.5rem;}
}


/* ******************  Main.css ********************** */


/* ******************  Content.css ********************** */
/* -------- brand :: our story -------- */
html[lang="en"] .brand-rnd-item .con-box .square-item dl{margin-bottom:0.5rem;}
html[lang="en"] .brand-rnd-item .con-box .square-item dl:last-child{margin-bottom:0;}
html[lang="en"] .brand-rnd-item .con-box .square-item dl dt{position: relative; line-height:1.43;}
html[lang="en"] .brand-rnd-item .con-box .square-item dl dd{padding-left:0;}
@media all and (max-width:800px){
	/* html[lang="ko"] 사용하면 css우선순위가 높아집니다. */
	.red-txt {color:red;}
}
/* -------- brand ::price -------- */
html[lang="en"] .price-list-item .inner-price .other-price{width:100%; margin-bottom:2.2rem;}
html[lang="en"] .price-list-item .inner-price .other-price:last-child{margin-bottom:0;}
html[lang="en"] .price-list-item .bottom-price .bottom-price-item .sub-tit{width:18rem;}

html[lang="en"] .price-plus-txt-box .txt-box .tit{width:9rem;}
html[lang="en"] .price-plus-txt-box .txt-box p{width:calc(100% - 9rem)}