/* BASIC css start */
#brand_wrap { width:100%; word-break:keep-all; }

.r_mark { font-size:14px; vertical-align:top; }

/* brand-header */
.brand-header { text-align:center; padding:150px 0; }
.brand-header h2 { font-size:24px; font-weight:bold; line-height:1.25; animation:fdleft 1s linear; }

@keyframes fdleft {
	0% { padding-left:200px; opacity:0; }
	100% { padding-left:0; opacity:1; }
}


/* #img-wrap */
#brand_wrap #img-wrap .brand-section-inner { height:100vh; } 
#brand_wrap #img-wrap .brand_img { width:100%; height:100vh; position:absolute; }
#brand_wrap #img-wrap .brand-img-bg { margin:0 auto; background:url(/design/rtx22/re_2022/brand/brandStoryImg.jpg) no-repeat center/cover; transform:scale(0.6); }
#brand_wrap #img-wrap .brand-img-color { background:#007f53; }
#brand_wrap #img-wrap .brand-img-color .brand-img-text { height:100%; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; word-break:keep-all; }
#brand_wrap #img-wrap .brand-img-color .brand-img-text h2 { font-size:24px; font-weight:bold; }
#brand_wrap #img-wrap .brand-img-color .brand-img-text p { font-size:16px; line-height:1.5; margin-top:30px; padding:0 10px; max-width:750px; }



/* .brand-section02 */
#brand_wrap .brand-section02 { margin:20vh 10px; }

#brand_wrap .brand-section02 .brand_inner .inner-img { display:flex; justify-content:center; align-items:flex-end; }
#brand_wrap .brand-section02 .brand_inner .inner-img .app-img { max-width:380px; width:80%; height:430px; background:no-repeat center/cover; overflow:hidden; }
#brand_wrap .brand-section02 .brand_inner .inner-img .gel-img { max-width:200px; width:50%; height:130px; background:no-repeat center/cover; margin:0 0 -35px -30px; overflow:hidden; }

#brand_wrap .brand-section02 .brand_inner .inner-text { word-break:keep-all; text-align:right; margin-top:100px; }
#brand_wrap .brand-section02 .brand_inner .inner-text h2 { font-size:24px; font-weight:bold; color:#007f53; }
#brand_wrap .brand-section02 .brand_inner .inner-text p { font-size:16px; line-height:1.5; margin-top:15px; }



         
/* .brand-section03 */
#brand_wrap .brand-section03 { margin:20vh 0; }
#brand_wrap .brand-section03 .img_bg { width:100%; overflow:hidden; }
#brand_wrap .brand-section03 .img_bg img { height:100vh; }





/* .brand-section04 */
#brand_wrap .brand-section04 { margin:20vh 10px; }
#brand_wrap .brand-section04 .core_value { margin-bottom:50px; }
#brand_wrap .brand-section04 .core_value > h2 { font-size:24px; font-weight:bold; }
#brand_wrap .brand-section04 .core_value > p { font-size:16px; margin-top:15px; color:#888; }

#brand_wrap .brand-section04 .core_value .value_wrap { margin-top:100px; }
#brand_wrap .brand-section04 .core_value .value_wrap:first-child { margin-top:0; }
#brand_wrap .brand-section04 .core_value .value_wrap .value_img { width:100%; height:auto; overflow:hidden; }
#brand_wrap .brand-section04 .core_value .value_wrap .value_img img { width:100%; object-fit:cover; transform-origin:left; }
#brand_wrap .brand-section04 .core_value .value_wrap .value_text { margin-top:10px; }
#brand_wrap .brand-section04 .core_value .value_wrap .value_text h2 { font-size:20px; font-weight:bold; color:#007f53; }
#brand_wrap .brand-section04 .core_value .value_wrap .value_text p { font-size:16px; line-height:1.5; margin-top:10px; }




/* .brand-section05 */
#brand_wrap .brand-section05 { margin:20vh 0; width:100%; height:100vh; overflow:hidden; }
#brand_wrap .brand-section05 .brand-section-inner { width:100%; height:100vh; background:no-repeat center/cover; position:relative; }
#brand_wrap .brand-section05 .brand-section-inner .brand_bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:90%; }
#brand_wrap .brand-section05 .brand-section-inner .brand_bg h2 { font-size:24px; font-weight:bold; line-height:1.5; color:#fff; word-break:keep-all; }
#brand_wrap .brand-section05 .brand-section-inner .brand_bg h2 .g_color { color:#80fbc8; }
#brand_wrap .brand-section05 .brand-section-inner .brand_bg h2 .o_color { color:#fc6c0f; }





/* .brand-section05-1 */
#brand_wrap .brand-section05-1 { margin:20vh 10px; }
#brand_wrap .brand-section05-1 .core_value { margin-bottom:50px; }
#brand_wrap .brand-section05-1 .core_value > h2 { font-size:24px; font-weight:bold; }
#brand_wrap .brand-section05-1 .core_value > p { font-size:16px; margin-top:15px; color:#888; }

#brand_wrap .brand-section05-1 .core_value .value_wrap { margin-top:100px; }
#brand_wrap .brand-section05-1 .core_value .value_wrap:first-child { margin-top:0; }
#brand_wrap .brand-section05-1 .core_value .value_wrap .value_img { width:100%; height:auto; overflow:hidden; }
#brand_wrap .brand-section05-1 .core_value .value_wrap .value_img img { width:100%; object-fit:cover; transform-origin:left; }
#brand_wrap .brand-section05-1 .core_value .value_wrap .value_text { margin-top:20px; }
#brand_wrap .brand-section05-1 .core_value .value_wrap .value_text h2 { font-size:20px; font-weight:bold; color:#007f53; }
#brand_wrap .brand-section05-1 .core_value .value_wrap .value_text p { font-size:16px; line-height:1.5; margin-top:10px; }







/* .brand-section06 */
#brand_wrap .brand-section06 { margin:20vh 0 20vh 10px; }

#brand_wrap .brand-section06 .true_value { margin-bottom:50px; }
#brand_wrap .brand-section06 .true_value h2 { font-size:24px; font-weight:bold; }
#brand_wrap .brand-section06 .true_value p { font-size:16px; margin-top:10px; color:#888; line-height:1.25; word-break:keep-all; }

#brand_wrap .brand-section06 .true_slide_wrap { width:100%; overflow:hidden; }
#brand_wrap .brand-section06 .true_slide_wrap img { padding:0 3px; }




/* .brand-section07 */
#brand_wrap .brand-section07 .img_bg { background:url(/design/rtx22/re_2022/brand/brandimg04.jpg) no-repeat center/cover fixed; width:100%; height:100vh; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
#brand_wrap .brand-section07 .img_bg a { display:block; position:relative; width:35%; height:50px; line-height:50px; min-width:200px; margin:10px; background:linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%); color:#fff; border-radius:3px; font-size:14px; font-weight:bold;
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
			7px 7px 20px 0px rgba(0,0,0,.1),
			4px 4px 5px 0px rgba(0,0,0,.1); }



/* ÅÂºí¸´ »çÀÌÁî ¹ÝÀÀÇü */
@media screen and (min-width:1024px){
	.brand-header { margin:500px 0; }
	
}
/* BASIC css end */