@charset "UTF-8";@import url("/fnc_css/font/font.css");
/* 공통 */
.main-wrap { padding-top: 90px; }
.main-wrap:has(.sub-wrap) { background: url("/fnc_images/sub/subwrap_bg1.png")no-repeat; background-position-y: bottom; }
/* 1번섹션 */
#main01 { width: 100%; height: 680px; }
.main01-wrap { width: 100%; height: 100%; }
.main-slide { width: 100%; height: 100%; }
.main-slide-list1 { background: url("/fnc_images/main/mainslide_bg1.jpg") no-repeat center; background-size: cover; }
.main-slide-list2 { background: url("/fnc_images/main/mainslide_bg2.jpg") no-repeat center; background-size: cover; }
.main-slide-con { display: flex; align-items: center; gap: 20px; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 9; cursor: pointer; }
.main-slide-con > div { flex-shrink: 0; height: 100%; width: auto !important; }
.swiper-pagination { position: static !important; display: flex; align-items: center; }
.swiper-pagination .swiper-pagination-bullet { position: relative; background-color: #fff; opacity: 1; width: 12px; height: 12px; transition: all 0.3s; border-radius: 50%; margin: 0 6px !important; }
.swiper-pagination .swiper-pagination-bullet-active { background-color: #865d43 !important; }
.main-slide-con img:hover {filter: brightness(0.5);}
/* 2번섹션 */
#main02 { width: 100%; background: url("/fnc_images/main/main02_bg.png"); }
.main02-wrap { width: 100%; max-width: 1400px; margin: 0 auto; padding: 100px 0; height: 100%; display: flex; gap: 30px; }
.main02-wrap > div { height: 100%; }
.main02-left { width: 100%; }
.main02-left-box { width: 100%; height: 305px; border: 1px solid #b5b5b5; padding: 30px 50px; position: relative; }
.main02-left-box > h3 { position: relative; font-size: 29px; line-height: 32px; font-weight: 800; margin-bottom: 25px; color: #865d43; }
.main02-left-box > h3::before { content: ""; position: absolute; width: 30px; height: 30px; left: -15px; top: -7px; background: url("/fnc_images/common/title_bg1.svg") no-repeat center; z-index:-1;}
/* .main02-left-notice { padding-left: 60px; } */
.main02-left-box-list { width: 100%; border-bottom: 1px solid #e8e8e0; }
.main02-left-box-list > a { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; }
.main02-left-box-list:last-child { border-bottom: none; }
.main02-left-box-list > a > h4 { font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 100px); }
.main02-left-box-list:hover > a > h4 { font-weight: 800; }
.main02-left-box-list > a > p { font-size: 14px; color: #b2b2b2; }
.main02-left-box-link { position: absolute; right: 0; top: 0; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #865d43; }
.main02-left-box-link > img { transform: rotate(0); transition: 0.3s; }
.main02-left-box-link:hover > img { transform: rotate(180deg); }
.main02-right { width: 450px; flex-shrink: 0; }
.main02-right-box { width: 100%; margin-bottom: 15px; height: 90px; }
.main02-right-box1 { background: url("/fnc_images/main/main02_right_img1.svg") no-repeat, #e86c1d; }
.main02-right-box1:hover { background: url("/fnc_images/main/main02_right_img1_color.svg") no-repeat, #fff; border: 1px solid #e86c1d; }
.main02-right-box1:hover a { color: #e86c1d; }
.main02-right-box1 > a > div > div { width: 30px; height: 30px; background: url("/fnc_images/main/main02_plus.svg") no-repeat center; }
.main02-right-box1:hover > a > div > div { background: url("/fnc_images/main/main02_plus_color.svg") no-repeat center; }

.main02-right-box2 { background: url("/fnc_images/main/main02_right_img2.svg") no-repeat, #00757f; }
.main02-right-box2:hover { background: url("/fnc_images/main/main02_right_img2_color.svg") no-repeat, #fff; border: 1px solid #00757f; }
.main02-right-box2:hover a { color: #00757f; }
.main02-right-box2 > a > div > div { width: 30px; height: 30px; background: url("/fnc_images/main/main02_down.svg") no-repeat center; }
.main02-right-box2:hover > a > div > div { background: url("/fnc_images/main/main02_down_color1.svg") no-repeat center; }

.main02-right-box3 { background: url("/fnc_images/main/main02_right_img3.svg") no-repeat, #282746; }
.main02-right-box3:hover { background: url("/fnc_images/main/main02_right_img3_color.svg") no-repeat, #fff; border: 1px solid #282746; }
.main02-right-box3:hover a { color: #282746; }
.main02-right-box > a { color: #fff; width: 100%; height: 100%; padding: 0 50px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.main02-right-box3 > a > div > div { width: 30px; height: 30px; background: url("/fnc_images/main/main02_down.svg") no-repeat center; }
.main02-right-box3:hover > a > div > div { background: url("/fnc_images/main/main02_down_color2.svg") no-repeat center; }

.main02-right-box > a > img { position: absolute; left: 0; bottom: 0; }
.main02-right-box > a > p { font-size: 27px; line-height: 30px; font-weight: 800; padding-left: 70px; }
.main02-right-box > a > div { display: flex; align-items: center; gap: 15px; }
.main02-right-box > a > div > p { font-size: 18px; line-height: 20px; }
/* 3번섹션 */
#main03 { width: 100%; background: url("/fnc_images/main/main03_bg.png") no-repeat center, #855d43; background-size: cover; }
.main03-wrap { width: 100%; max-width: 1400px; padding:30px 0; margin: 0 auto; height: 100%; }
.main03-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.main03-title > h3 {position:relative; font-size: 26px; line-height: 30px; font-weight: 800; color: #fff;}
.main03-title > h3::before { content: ""; position: absolute; width: 30px; height: 30px; left: -15px; top: -7px; background: url("/fnc_images/common/title_bg2.svg") no-repeat center; }
.main03-con { display: flex; align-items: center; gap: 30px; }
.main03-con > div { cursor: pointer; }
.main03-con img:hover {filter: brightness(0);}
.banner-slide { width: 100%; }
.banner-slide .swiper-wrapper { transition-timing-function: linear; }
.banner-slide-list { width: 100%; height: 100%; }
.banner-img-box { display: flex;align-items:center;justify-content:space-between;}
.banner-img { display: flex; align-items: center; justify-content: center; height:80px;}
/* 반응형 */
@media (max-width: 1460px){
 #main01 { height: 500px; }
 .main02-wrap { padding: 100px 30px; }
 .main02-left-box { padding: 30px; }
 .main03-wrap{padding:30px;}
 }
@media (max-width: 1279px){
 .banner-img-box { column-gap: 50px; }
 #main01 { height: 450px; }

 }
@media (max-width: 1023px){
 #main01 { height: 350px; }
 .main-wrap { padding-top: 70px; }
 #main02 { height: auto; }
 .main02-wrap { padding: 50px 20px; flex-direction: column-reverse; }
 .main02-right { width: 100%; }
 .main03-wrap { padding: 20px; }

 }
@media (max-width: 767px){
 #main01 { height: 250px; }
 .main-slide-con { bottom: 10px; height: 20px; }
 .banner-img-box {    flex-wrap: wrap;align-items: center;    justify-content: space-evenly;gap:30px;}
.banner-img{width:calc(50% - 15px);}

 .main02-wrap { padding: 40px 20px; }
 .main02-right-box > a > p { font-size: 22px; line-height: 30px; }

 .main02-right-box > a > div > p { font-size: 14px; line-height: 20px; }
 .main02-left-box > h3 { font-size: 24px; line-height: 30px; }
 .main03-title > h3 { font-size: 24px; line-height: 30px; }
 .main03-con { height: 20px; }
 .main03-con > div { height: 100%; }
 }
@media (max-width: 479px){
 #main01 { height: 180px; }
 .main02-right-box > a { padding: 0 20px; }
 .main02-right-box > a > p { padding-left: 0px; }
 .main02-right-box { background-image: none; }
 .main02-left-box-list > a > h4 { width: 100%; }
 .main02-left-box-list > a > p { display: none; }
  .banner-img-box{gap:20px;}
  .banner-img{height:auto;}
 }