@import url(../../../css/front/us/front01.css); /*양지은님*/
@import url(../../../css/front/us/front02.css); /*이정환*/

.company02 .con01{ position: relative; width: 100%; height: 600px; margin-bottom: 100px;}
.company02 .con01::before { position: absolute; width: 2560px; height: 600px; top: 0; left: 50%; transform: translateX(-50%); background-image: url("../../../image/front/bg_company02.jpg"); content: '';}
.company02 .con02 { width: 1400px; margin: 0 auto 70px;}
.company02 .con02 h3 { font-size: 40px; line-height: 40px; color: #333; font-weight: 500; margin-bottom: 40px;}
.company02 .con02 p {  font-size: 20px; line-height: 35px; color: #333;; margin-bottom: 40px;}
.company02 .con03 { width: 1400px; margin: 0 auto 70px;}
.company02 .con03 ul {width: 100%; display: flex; gap: 50px;}
.company02 .con03 ul li {width: 420px; height: 440px; border: 1px solid #DDD; border-radius: 20px;  padding: 50px;  position: relative; }
.company02 .con03 ul li h4 { font-size: 30px; line-height: 40px; color: #333; font-weight: 500; }
.company02 .con03 img { width: 120px; position: absolute; right: 50px; bottom: 50px; transition: all .2s ease; }



.brand01 .con01{ position: relative; width: 100%; height: 600px; margin-bottom: 100px;}
.brand01 .con01::before { position: absolute; width: 2560px; height: 600px; top: 0; left: 50%; transform: translateX(-50%); background-image: url("../../../image/front/bg_brand01.jpg"); content: '';}
.brand01 .con02 { width: 1400px; margin: 0 auto 70px;}
.brand01 .con02 h3 { font-size: 40px; line-height: 40px; color: #333; font-weight: 500; margin-bottom: 40px;}
.brand01 .con02 p {font-size: 20px; line-height: 35px; color: #333;; margin-bottom: 40px;}
.brand01 .con02 img {border-radius: 20px;}
.brand01 .con03 { width: 1400px; margin: 150px auto 100px;}
.brand01 .con03 img.brand_logo {display: block; margin: 0 auto;}
.brand01 .con03 p { margin: 60px auto 60px; font-size: 20px; line-height: 35px; color: #333; text-align: center;}
.brand01 .con03 ul {width: 100%; display: flex; justify-content: center;}
.brand01 .con03 ul li {width: 320px; height: 350px; position: relative; display: flex; align-items: center; justify-content: center;}
.brand01 .con03 ul li::before {display: block; content:''; width: 350px; height: 350px; border: 1px solid #CCC; border-radius: 50%; position: absolute; }
.brand01 .con03 ul li:nth-child(2):before {border: none; background-color: #EAEAEA; z-index: -1; }
.brand01 .con03 ul li h4 { font-size: 24px; line-height: 40px; color: #333; font-weight: 500; text-align: center; }
.brand01 .con04 {width: 1400px; margin: 0 auto; position: relative;}
.brand01 .con04 p {position: absolute; left: 100px; top: 100px; font-size: 40px; line-height: 55px; color: #333; font-weight: 500; }
.brand01 .con04 img {border-radius: 20px; }