@charset "utf-8";
*{margin: 0; padding: 0; font-family: "LG Smart","Segoe UI","Microsoft Sans Serif",sans-serif;}
ul,li{list-style: none;}
a{text-decoration: none;}
hr{width: 1284px; opacity: 0.3; margin: 0 auto;}

/* header */


/* 팝업창 */
.top_banner{max-width: 100%; height: 49px; background-color: #eee;}
.top_font{font-size: 14px; line-height: 49px; text-align: center; }
.x{position: absolute; right: 28px; top: 14px;}
.x>img{width: 14px; height: 14px;}

header {max-width: 100%; position: relative; border-bottom: 1px solid #e4e4e4;}

.container {max-width: 1600px; display: flex; justify-content: space-around; margin: 0 auto;}

/* 왼쪽로고 */
.logo{max-width: 170px; height: 93px;}
.logo>a{max-width: 100%;height: 93px; display: block; padding: 0 30px;}
.logo>a>img{max-height: 93px;}



/* 오른쪽 */

/* top 네비 */
.h_right{width: 1430px;}
.h_top{max-width: 100%; height: 42px; line-height: 42px; padding: 0px 10px;  display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}


.ht_left>a{font-size: 14px; color: #333;}
.ht_left>a:hover{border-bottom: 1px solid #333;}

.ht_right{display: flex;}
.ht_right>li>a{color: #a50034; border: 1px solid #a50034; border-radius: 100px; padding: 2px 16px;  font-weight: 700; font-size: 16px; margin-left: 5px;}
.ht_right>li>a:hover{color: #cc0041; border: 1px solid #cc0041;}


/* 두번째 네비 */
.h_bottom{max-width: 1430px; height: 51px; display: flex; justify-content: space-between; align-items: center;  padding: 0px 10px;}

.hb_left>ul{max-width: 100%; display: flex;}
.hb_left>ul>li{font-size: 15px; font-weight: 700;}
.hb_left>ul>li>a{display: block; padding-top: 14px; padding-bottom: 13px; margin-right: 19px;  border-bottom: 3px solid #fff; color: #333;}
.hb_left>ul>li>a:hover{display: block; padding-top: 14px; padding-bottom: 13px; margin-right: 19px; color: #a50034; border-bottom: 3px solid #a50034;}


.hb_right>ul{display: flex;}
.hb_right>ul>li{padding-left: 19px;}
.hb_right>ul>li>a{color: #333; font-weight: 700;}
.hb_right>ul>li>a:hover{color: #a50034; border-bottom: 1px solid #a50034;}


/* 하단네비 */
/* .depth2{display: none;} */
.depth2{display: none;  width: 1920px; height: 180px; background-color: #fff; position: absolute; z-index: 999; top: 93px; left: -160px; border: 1px solid #e4e4e4; padding-top: 42px;}
.hb_left>ul>li:hover .depth2{display: block; border-bottom: 1px solid #eee;}
.container33>li>a:hover{border-bottom: 1px solid #333;}


.container33>li{padding-left: 337px; padding-bottom: 14px;}
.container33>li>a{color: #333; font-weight: 600;}



/* 메인슬라이더 */
.mySwiper{width: 1600px;}
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
  }



/* 첫번쨰베너 convenience */

.convenience{max-width: 100%;}
.container{position: relative;}
.container_font{max-width: 1284px; text-align: center; margin: 0 auto;}

.container_font>h2{font-size: 43px; font-weight: 600; padding-top: 46px; padding-bottom: 18px;}


/* 사진4개 */
.container2{max-width: 1284px; padding-top: 94px; margin: 0 auto;}
.container2>ul{width: 1284px; display: flex;  justify-content: space-between; margin: 0 auto; text-align: center;}
.container2>ul>li>h3{font-size: 24px; font-weight: 600;}
.container2>ul>li>p{font-size: 15px; color: #6b6b6b;}





/* 두번째 베너 banner_all */

.banner_all{max-width: 1284px; display: flex; justify-content: space-between; margin: 0 auto; margin-top: 90px;}

/* 왼쪽 */
.item1{max-width: 500px; position: relative;}
.item1>a>h3{position: absolute; color: #fff; font-size: 32px; font-weight: 600; top: 52px; left: 134px;}


/* 오른쪽 */
.right{max-width: 1284px;}
.banner_right1{max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 23px; margin-bottom: 20px;}
.banner_right2{max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 23px;}


.item2{max-width: 303px; position: relative;}
.item2>a>h3{position: absolute; color: #fff; font-size: 28px; font-weight: 600; top: 20px; left: 20px;}


.item3{max-width: 412px; position: relative;}
.item3>a>h3{position: absolute; color: #fff; font-size: 28px; font-weight: 600; top: 20px; left: 20px;}


.item4{max-width: 412px; position: relative;}
.item4>a>h3{position: absolute; color: #fff; font-size: 28px; font-weight: 600; top: 20px; left: 20px;}


.item5{max-width: 303px; position: relative;}
.item5>a>h3{position: absolute; color: #fff; font-size: 28px; font-weight: 600; top: 20px; left: 20px;}





/* 세번째 배너 */
.container3{max-width: 1284px; display: flex; justify-content: space-around; align-items: flex-start; text-align: center; margin: 0 auto; margin-bottom: 50px;}


.container3>div>h2{font-size: 28px; font-weight: 500; color: #212529; margin-top: 60px; margin-bottom: 35px;}
.container3>div>p{font-size: 15px; color: #6b6b6b; margin-bottom: 16px;}


/* 버튼 */

/* 버튼1 */
.ct3_btn1{margin: 0 auto; text-align: center;  width: 100px; height: 42px; background-color: #a50034; border-radius: 4px; transition: all 0.3s;}
.ct3_btn1:hover{background-color: #cc0041;}

.ct3_btn1>a{font-size: 14px; color: #fff; line-height: 42px; font-weight: 600;}

/* 버튼2 */
.ct3_btn2{margin: 0 auto; text-align: center;  width: 120px; height: 42px; background-color: #a50034; border-radius: 4px; transition: all 0.3s;}
.ct3_btn2:hover{background-color: #cc0041;}

.ct3_btn2>a{font-size: 14px; color: #fff; line-height: 42px; font-weight: 600;}







/* 네번째 배너 */
.container4{max-width: 100%; position: relative;}
.contactus{max-width: 100%; margin: 0 auto; text-align: center;}
.contactus>img{max-width: 100%;}

/* 폰트 */
.container4>p  {position: absolute; top: 72px; left: 322px; color: #fff; font-size: 28px; font-weight: 500;}
.container4>h2 {position: absolute; top: 104px; left: 322px; font-size: 54px; font-weight: 500; color: #fff;}

/* 버튼 */
.btn_box{text-align: center;  position: absolute; top: 200px; left: 322px; width: 136px; height: 44px; background-color: #a50034; border-radius: 4px; transition: all 0.3s;}
.btn_box:hover{background-color: #cc0041;}

.btn_box>a{font-size: 14px; color: #fff; line-height: 44px; font-weight: 600;}







/* 다섯번째 베너 mobility */

.mobility{max-width: 1284px; margin: 0 auto; text-align: center;}


/* 상단폰트 */
.mobility>h2{font-size: 42px; font-weight: 600; padding-top: 52px;}
.mobility>p{color: #333; font-size: 17px; padding: 16px 0;}

/* 하단 이미지들 */
.mobility_photo{max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 23px; margin-bottom: 20px;}
.mobility_photo>div{width: 190px; height: 144px; }
.mobility_photo>div>a>img{margin-top: 24px;}
.mobility_photo>div>a>p{font-size: 18px; color: #333; font-weight: 600; margin-top: 16px;}





/* footer */
footer{max-width: 100%; background-color: #f8f8f8;}

/* 첫번째 */
.footer_first{max-width: 1284px; height: 71PX; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}
.ft1{font-size: 14px; color: #6b6b6b;}
.ft2>p>a{font-size: 14px; color: #6b6b6b;}
.ft2>p>a:hover{border-bottom: 1px solid #6b6b6b;}


/* 두번째 */
.footer_secend{max-width: 1284px; height: 294px; display: flex; justify-content: left; margin: 0 auto; margin-top: 5px;}

.footer_secend>ul{padding-right: 50px;}

.ft_title{font-size: 17px; color: #000; font-weight: 600; padding: 24px 0;}
.ft_title>a{color: #000; border-bottom: 1px solid #f8f8f8;}


.footer-sub-title{padding-bottom: 12px;}
.footer-sub-title>a{font-size: 15px; color: #000;}


.out{max-width: 1284px; display: flex; justify-content: space-between; margin: 0 auto;}


.ft_title>a:hover{border-bottom: 1px solid #000;}
.footer-sub-title>a:hover{border-bottom: 1px solid #000;}


/* 세번째 */
.footer_bottom1{max-width: 1284px; height: 90px; display: flex; justify-content: left; align-items: center;  margin: 0 auto;}
.footer_bottom1>img{width: 20px; height: 20px; padding-right: 8px;}

.out{margin-bottom: 10px;}


/* 마지막 */
.footer_bottom2{max-width: 100%; height: 102px; background-color: #212529;}

.bt_box{width: 1284px; height: 102px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}

/* 왼쪽 */
.ft_bt_left>div{display: flex; color: #b2b2b2;}
.ft_bt_left>div>div>a{color: #fff;}

.ft_lt_first>div{padding-right: 16px; padding-bottom: 10px;  font-size: 14px;}
.ft_lt_first>div>a:hover{border-bottom: 1px solid #b2b2b2;}

.ft_bt_left>div>p{font-size: 14px;}


/* 오른쪽 */
.ft_bt_right>div{width: 238px; height: 60px; display: flex; justify-content: right; align-items: center; background-color: #fff; border-radius: 4px;}
.ft_bt_right>div>img{border-radius: 5px;}
.ft_bt_right>div>p{margin-left: 8px; margin-right: 14px;}
.ft_bt_right>div>p>a{font-size: 13px; color: #333;}