/* main */
body{}
/* 1행 : bnr 시작 */
main {}
main section {
}
main section .wrap {/* 1행 큰묶음 */}
main section .wrap #bnr { /* 1행 슬라이드 시작 */
    width: 100%; height: 936px;
}
main section .wrap #bnr .bnr {/* 1행 : bnr 슬라이드 큰묶음 */

}
main section .wrap #bnr .bnr .slide1 {
    background-image: url(../images/main/bg/figma_bg_01.png);
} 
main section .wrap #bnr .bnr .swiper-slide .bnr_wrap{
    padding: 255px 214px;
    display: flex; 
    flex-flow: row nowrap;
    margin: 0 auto;
    justify-content: space-between;
}

/* 1행 내용 */
main section .wrap #bnr .bnr .swiper-slide .bnr_wrap .bnr_txt{ /* 내용 */
    /* align-items: center; */
    padding-top: 100px;
}
main section .wrap #bnr .bnr .swiper-slide .bnr_wrap .bnr_txt p {
    font-size: 1.25em;
    margin-bottom: 10px;
    color: #fff;
}

main section .wrap #bnr .bnr .swiper-slide .bnr_wrap .bnr_txt h1 {
    font-size: 2em;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.4;


}

/* award 인증 이미지 */
main section .wrap #bnr .bnr .swiper-slide .bnr_wrap .award_img{    
    padding-top: 100px;
}
main section .wrap #bnr .bnr .swiper-slide .bnr_wrap .award_img img{}


main section .wrap #bnr .bnr .slide2 {
    background-image: url(../images/main/bg/figma_bg_02.png);
}
main section .wrap #bnr .bnr .slide3 {
    background-image: url(../images/main/bg/figma_bg_03.png)
}

/* 1행 애니메이션  */


/* 1행 페이지네이션 모양 변경 */
/* 페이지네이션 위치 */
.swiper-pagination {
    text-align: center;
    padding-bottom: 50px;
}

/* 기본 모양 : 작고 둥근 흰색 원 */
.swiper-pagination-bullet {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 6px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
transition: all 0.3s ease;
}

/* 활성화된것: 길쭉하고 불투명한 타원 */
.swiper-pagination-bullet-active {
width: 24px;
height: 8px;
border-radius: 20px;
background-color: white;
opacity: 1;
}
/* 1행 : bnr 끝 */

/* 2행 : product 시작 */
main section .product_wrap{
    width: 100%;
    height: 600px;
    background-color: palevioletred;
    padding: 74px 88px;
}

main section .product_wrap .contents{
    text-align: center;
}
main section .product_wrap .contents h1{
    text-align: center;
    margin-bottom: 20px;
    font-size: 2.125em;
    font-weight: 500;
}
main section .product_wrap .contents p{
    margin-bottom: 80px;
    font-size: 1.25em;

}

main section .product_wrap .contents .product_img{/* 제품 이미지 큰 묶음 */
    width: 100%;
    background-color: yellow;
    display: flex;
    justify-content: space-between;
}
main section .product_wrap .contents .product_img a {
    
}
main section .product_wrap .contents .product_img a img {
    border-radius: 50px;
}
main section .product_wrap .contents .product_img a span {/* 이미지 위 글자 */
    font-size: 1.25em;
    font-weight: 500;
}

/* 2행 : product 끝 */


/* 3행 : promotion 시작 */
main section .promotion_wrap{/* 3행 큰묶음 */
    background-color:#f5f5f5;
    padding: 160px 88px;
    display: flex; 
    flex-flow: row nowrap;
    justify-content: space-between;
    
}
main section .promotion_wrap .contents_wrap{ /* 3행 내용, a태그 묶음 */
    margin-right: 100px;
}
main section .promotion_wrap .contents_wrap .contents{/* 타이틀 묶음 */
    margin: left;

}
main section .promotion_wrap .contents_wrap .contents h1{
    margin-bottom: 20px;
    font-size: 2.125em;
    font-weight: 500;
}
main section .promotion_wrap .contents_wrap .contents p{
    margin-bottom: 10px;
    font-size: 1.125em;

}
main section .promotion_wrap .contents_wrap .contents .promotion_btn{
    margin-top: 60px;
    width: 200px; height: 48px;
    background-color: #000;
    border-radius: 15px;
}
main section .promotion_wrap .contents_wrap .contents .promotion_btn a{
}
main section .promotion_wrap .contents_wrap .contents .promotion_btn a p{
    /* background-color: rebeccapurple; */
    font-size: 1.25em;
    line-height: 48px;
    margin-left: 34px;
    color: #fff;
}

main section .promotion_wrap .promotion_video{/* 유투브 영상 주소코드 */

}
main section .promotion_wrap .promotion_video a iframe { /* 유투브 영상 */
    /* width: 820px; height: 440px; */
    width: 924px; height: 512px;
    border-radius: 10px;
}
/* 3행 : promotion 끝 */


/* 4행 : ir 시작*/
main section .ir_wrap{/* 4행 큰묶음 */
    /* background-color: yellow; */
    width: 100%; height: 1100px;
}
main section .ir_wrap .contents{/* 타이틀 묶음 */
    padding-top: 146px;
    padding-left: 88px;
    padding-right: 88px;
}
main section .ir_wrap .contents h1{
    text-align: center;
    margin-bottom: 20px;
    font-size: 2.125em;
    font-weight: 500;
}
main section .ir_wrap .contents p{
    text-align: center;
    font-size: 1.25em;

}

/* ir 그리드 형식 */
main section .ir_wrap .ir_gird_wrap {
    /* background-color: rebeccapurple; */
    display: grid;
    grid-template-columns: repeat(3, 588px);
    grid-auto-rows: 360px; /* 기본 높이는 가로형 기준 */
    gap: 20px;
    margin-top: 80px;
    justify-content: center; /* 가운데 정렬 */
}
/* -------------------------------------------------------- 1번째 그리드 */
main section .ir_wrap .ir_gird_wrap .item1 {
/* background-color: aquamarine; */
    position: relative;
}
main section .ir_wrap .ir_gird_wrap .item1 ul {}
main section .ir_wrap .ir_gird_wrap .item1 ul li{}
main section .ir_wrap .ir_gird_wrap .item1 ul li a {}
main section .ir_wrap .ir_gird_wrap .item1 ul li a img{
}
main section .ir_wrap .ir_gird_wrap .item1 ul li a p{
    position: absolute;
    left: 50px;
    top: 30px;
    bottom: 300px;
    color: #fff;
}

/* --------------------------------------------------------------- 2번째 그리드*/
main section .ir_wrap .ir_gird_wrap .item2 {
/* background-color: rebeccapurple; */
position: relative;

}
main section .ir_wrap .ir_gird_wrap .item2 ul {}
main section .ir_wrap .ir_gird_wrap .item2 ul li{}
main section .ir_wrap .ir_gird_wrap .item2 ul li a{}
main section .ir_wrap .ir_gird_wrap .item2 ul li a img{}
main section .ir_wrap .ir_gird_wrap .item2 ul li a p{
    position: absolute;
    left: 50px;
    top: 30px;
    bottom: 300px;
    color: #fff;
}

/* --------------------------------------------------------------- 3번째 그리드 */
main section .ir_wrap .ir_gird_wrap .item3 {
    /* background-color: pink; */
    position: relative;
    grid-row: span 2; /* 세로로 두 줄 사용 */
    height: 740px;     /* 세로형 높이 고정 */
}
main section .ir_wrap .ir_gird_wrap .item3 ul {}
main section .ir_wrap .ir_gird_wrap .item3 ul li{}
main section .ir_wrap .ir_gird_wrap .item3 ul li a{}
main section .ir_wrap .ir_gird_wrap .item3 ul li a img{    
    border-radius: 20px;
}
main section .ir_wrap .ir_gird_wrap .item3 ul li a p{
    position: absolute;
    left: 50px;
    top: 30px;
    bottom: 300px;
    color: #fff;
}
main section .ir_wrap .ir_gird_wrap .item3 ul li a span{
    border-top: 1px solid #fff;
    padding: 23px;
    position: absolute;
    color: #fff;
    top: 100px;
    line-height: 1.4;
}
/* --------------------------------------------------------------- 4번째 그리드 */
main section .ir_wrap .ir_gird_wrap .item4 {
/* background-color: lightgray; */
position: relative;
}
main section .ir_wrap .ir_gird_wrap .item4 ul {}
main section .ir_wrap .ir_gird_wrap .item4 ul li{}
main section .ir_wrap .ir_gird_wrap .item4 ul li a{}
main section .ir_wrap .ir_gird_wrap .item4 ul li a img{}
main section .ir_wrap .ir_gird_wrap .item4 ul li a p{
    position: absolute;
    left: 50px;
    bottom: 30px;
    color: #fff;
}    

/* --------------------------------------------------------------- 5번째 그리드 */
main section .ir_wrap .ir_gird_wrap .item5 {
    /* background-color: lightsalmon; */
    position: relative;
}
main section .ir_wrap .ir_gird_wrap .item5 ul {}
main section .ir_wrap .ir_gird_wrap .item5 ul li{}
main section .ir_wrap .ir_gird_wrap .item5 ul li a{}
main section .ir_wrap .ir_gird_wrap .item5 ul li a img{}
main section .ir_wrap .ir_gird_wrap .item5 ul li a p{
    position: absolute;
    left: 50px;
    bottom: 30px;
    color: #fff;
}
/* 4행 : ir 끝*/
/* 5행 */
/* 6행 */
/* 7행 */