/* BASIC css start */
.brand01 { font-family: 'Josefin Sans', sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 0px 0px 5px 0px;  text-align: center; margin: 30px 0px 20px 0px; }
.brand02 {  }
.brand03 { }
.brand03 img { width: 100%; padding: 1.25rem 1.25rem 0.8rem 1.25rem; }
.brand04 { padding: 0rem 1.25rem; }
.brand05 { font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 10px 0px 0px 0px; text-align: center; }
.brand06 { text-align: center; font-size: 0.7rem; line-height: 1.3rem; word-break: keep-all; }
.brand07 {  } 
.brand08 { }
.brand09 { text-align: center; padding: 10px 0px 15px 0px; }
.brand10 { padding: 10px 0px 0px 0px; }
.brand11 { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.2em; text-align: left; margin: 20px 0px 2px 10px; }
.brand12 { text-align: center; line-height: 22px; padding: 0rem 1.25rem 0rem 1.25rem; }
.brand12 table { border: 1px solid #3b3b3b; border-image: none; width: 100%; text-align: center; border-collapse: collapse; font-family: 'Josefin Sans', sans-serif; font-size: 10px; line-height: 12px; }
.brand12 table td { border: 1px solid #E1E1E3; padding: 7px 0px; }

.brand13 { font-family: 'Josefin Sans', sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 5rem 1.25rem 0.5rem 1.25rem; text-align: center; }
.brand14 { background: #efe9df; color: #524233; }
.brand15 { margin: 0px 10px; }
.brand16 { padding-top:20px; }
.brand17 { padding: 3rem 1.25rem 0rem 1.25rem; }
.brand18 { text-align: center; }
.brand19 { margin: 30px 0px 30px 0px; }
.brand19 img { width: 100%; }
.brand20 { font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 0.3rem 1.25rem 0.8rem 1.25rem; }
.brand21 { font-family: 'Josefin Sans', sans-serif; font-size: 18px; letter-spacing: 0.2em; text-align: center; margin: 30px 0px 10px 0px; }
.brand22 { text-align: center; line-height: 10px; padding: 1.5rem 1.25rem 0.5rem 1.25rem; }
.brand22 table { margin: 0px 0px 25px 0px; border-image: none; width: 100%; text-align: center; border-collapse: collapse; }
.brand22 table td { font-family: 'Josefin Sans', sans-serif; padding: 5px 0px 0px 0px; width: 25%;}
.brand22 table tr { padding: 5px 0px 0px 0px; }
.brand22 table td img { width: 20px; margin: 0px 0px 5px 0px; }
.brand23 { text-align: center; background-color: #000; color: #fff; padding: 10px 0px; margin: 0px 0px 50px 0px; font-weight: 400; font-size: 13px; max-width: 200px; }
.brand24 { padding: 3.8rem 1.25rem 0.8rem 1.25rem; }
.brand25 {  }
.brand25 img { width: 100%; }

.brand26 {  }
.brand27 { font-family: 'Josefin Sans', sans-serif; padding: 1.25rem 0rem 0rem 0rem; font-weight: 500; font-size: 15px; }
.brand28 { text-align: justify; font-size: 2.8vw; line-height: 1.5; word-break: keep-all; padding: 10px 0px 15px 0px; }
.brand50 { color: #c39562; }
.brand51 { font-family: 'Josefin Sans', sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 0px 0px 5px 0px; text-align: center; margin: 80px 0px 20px 0px; }
.brand52 { text-align: justify; font-size: 2.8vw; line-height: 1.5; word-break: keep-all; }
.brand53 { text-align: center; padding: 10px 0px 15px 0px; }
.brand60 { font-family: Lato, "Noto Sans KR", sans-serif; font-weight: bold; padding: 10px 0px 0px 0px; font-size: 11px; }
.brand61 {font-size: 0.7rem; line-height: 1.3rem; word-break: keep-all; text-align: justify; }

.brand_bg { }

.about_diamond { padding: 2.5rem 1.25rem 0.8rem 1.25rem; }
.about_diamond img { width: 100%; text-align: center; }
.about_diamond02 { padding: 0rem 1.25rem 0.8rem 1.25rem; }
.about_diamond02 img { width: 100%; text-align: center; }

/* ½Ã±×´Ïó */
.signature_warp { padding: 3.8rem 1.25rem 0.8rem 1.25rem; }
.signature_warp img { width:100%; }
.signature_img {  }
.signature_text { }
.signature_title { font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 1.25rem 0rem 0rem 0rem; }
.signature_subwarp { font-size: 0.7rem; line-height: 1.3rem; word-break: keep-all; }
.signature_sub { text-align: justify; padding: 10px 0px 15px 0px; }
.signature_btn { text-align: center; background-color: #000; color: #fff; padding: 10px 0px; margin: 10px 0px 0px 0px; font-weight: 400; font-size: 13px; max-width: 200px; }
.signature_submiddle { padding: 10px 0px; }


.dia_title {font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 1.25rem 0rem 0rem 0rem; }
.dia_subtitle {text-align: justify; padding: 10px 0px 15px 0px; }



#fit_warp { position: relative; font-family: 'Josefin Sans', sans-serif; padding: 20px; height: 120px; margin: 0px 30px 100px 30px; text-align: center; }


/* pit_warp1 */
.pit_warp1 { position: absolute; top: 20%; left:0px; width: 30%; display: inline-block; }
.pit_img img { width:100%; }

/* pit_warp2 */
.pit_warp2 { position: absolute; top: 20%; width: 30%; display: inline-block; transform: translateX(-50%); }
.pit_name { font-family: 'Josefin Sans', sans-serif; padding-top: 25px;}
.pit_explan { line-height: 16px; font-size: 11px; font-family: 'Nanum Gothic', serif; padding-top: 5px; }

/* pit_warp3 */
.pit_warp3 { position: absolute; right:0px; width: 30%;}
.pit_name3 { font-family: 'Josefin Sans', sans-serif; padding-top: 18px; }


/* AOS */
.section { padding: 100px 20px; min-height: 100vh; display: flex; align-items: center; justify-content: center; font-size: 2rem; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.section-dark { background: #222; color: white; }

.logo_story { margin: 50px 0px 0px 0px; }
.logo_imgbox { margin: 0 auto; }
.logo_imgbox img { padding: 0rem 7rem 0.8rem 7rem; width: 100%; background-color: #fff; }
.logo_contbox { position: relative; display: flex; align-items: center; }
.logo_content { text-align: justify; font-size: 0.7rem; line-height: 1.3rem;  word-break: keep-all; margin: 0rem 1.25rem; }
.text-bold { font-weight: 500; color: #c1935e; }
.content_title { font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 20px 0px 10px 0px; }

.value_maintitle { }
.value_warp { padding: 3.8rem 1.25rem 0.8rem 1.25rem; }
.value_imgbox {  }
.value_imgbox img { width: 100%; }
.value_contbox{  }
.value_content { font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 1.25rem 0rem 0rem 0rem; }
.value_content02 { text-align: justify; }
.value_title { font-family: 'Josefin Sans', sans-serif; font-size: 0.85rem; font-weight: 500; padding: 15px 0px 5px 0px; }

.after_warp { padding: 100px 100px 0px 100px; }
.after_about { display: flex; }
.after_imgbox { position: relative; flex-basis: 50%; max-width: 50%; }
.after_imgbox img { width: 100%; }
.after_contbox { flex-basis: 50%; max-width: 50%; display: flex; align-items: center; }
.after_content { text-align: justify; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; word-break: keep-all; margin: 0% 10% 0% 10%; }
.after_title { font-family: 'Josefin Sans', sans-serif; text-align: left; font-size: 1.2rem; font-weight: 500; padding: 0px 0px 10px 0px; }
.btn_top { margin-top:30px; }
.brandconcent_img { position: relative; }
.brandconcent_img img { width:100%; }
.brandconcent_warp { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; }
.brandconcent_title { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.2em; font-size: 1.5rem; font-weight: 500; }
.brandconcent_subtitle { padding-top: 15px; text-align: center; font-size: 1.15em; line-height: 1.5rem; word-break: keep-all; letter-spacing: 0.02em; }
.person_btn { text-align: center; background-color: #000; color: #fff; padding: 10px 0px; margin: 0.5rem 1.25rem 0.5rem 1.25rem; font-weight: 400; font-size: 13px; max-width: 200px; }

/* BASIC css end */