@charset "utf-8";
/* 메인 공통 */
.main_page .page_contents section + section{margin-top:100px;}
.main_page .footer_carousel_wrap{margin-top:0!important;}

@media(max-width:1280px) {
  .main_page .page_contents section + section{margin-top:80px;}
}

/* visual */
.main_visual {position: relative; overflow: hidden; margin:0 auto;}
.main_visual .main_visual_wrap{--header_h:141px; margin-top:var(--header_h); height:600px;}
.main_visual .visual_slider{height: 100%;}
.main_visual .slider_item .slider_item_inner{height: 100%;}
.main_visual .slider_item .slider_item_inner .img_wrap{height: 100%;}
.main_visual .slider_item .slider_item_inner .img_wrap figure{ height: 100%;}
.main_visual .slider_item .slider_item_inner .img_wrap figure img{width:100%; height: 100%; object-fit: cover; object-position: right center;}
.main_visual .visaul_text{position: absolute; top: 43%; left:360px; z-index:2; color: #ffffff;}
.main_visual .visaul_text .slide_title{position: relative; font-size: 5rem; line-height: 1.25; color: #ffffff;}
.main_visual .visaul_text .slide_sub_desc{margin-top:28px;}
.slide_btns{margin-top:60px; display: flex; align-items: center; gap: 12px;}
.slider_btn_wrap .btn_wrap{margin-top:0;}
.slider_btn_wrap button{position: relative; width:52px; height: 52px; border:1px solid #ffffff; border-radius: 50%;}
.slider_btn_wrap button::before{content: ""; position: absolute; top:50%; left:50%; width:20%; height: 20%; border-top:2px solid #ffffff;}
.slider_btn_wrap.slider_btn_prev{left:40px;}
.slider_btn_wrap.slider_btn_next{right:40px;}
.slider_btn_wrap.slider_btn_prev button::before{border-left: 2px solid #ffffff; transform: translate(-25%, -50%) rotate(-45deg);}
.slider_btn_wrap.slider_btn_next button::before{border-right: 2px solid #ffffff; transform: translate(-75%, -50%) rotate(45deg);}
@media(max-width:1800px) {
  .main_visual .visaul_text{left:100px;}
}
@media(max-width:1280px) {
  .main_visual .visaul_text{left:5%;}
  .main_visual .main_visual_wrap{--header_h:133px; height:560px;}
  .main_visual .visaul_text .slide_title {font-size: 4.4rem;}
  .main_visual .visaul_text .slide_sub_desc { margin-top: 24px;}
}
@media(max-width:1024px) {
  .main_visual .main_visual_wrap{--header_h:127px; height:520px;}
  .main_visual .visaul_text .slide_title {font-size: 4rem;}
  .main_visual .visaul_text .slide_sub_desc { margin-top: 20px;}
  .slide_btns {margin-top: 56px; gap: 10px;}
}
@media(max-width:768px) {
  .main_visual .main_visual_wrap{--header_h:111px; height:480px;}
  .main_visual .slider_item .slider_item_inner .img_wrap figure img{object-position: calc( -1 * 500px) center;} 
  .main_visual .visaul_text .slide_title {font-size: 3.6rem;}
  .main_visual .visaul_text .slide_sub_desc { margin-top: 16px;}
  .slide_btns {margin-top: 48px; gap: 8px;}
  .slider_btn_wrap button {width: 48px; height: 48px;}
}
@media(max-width:540px) {  
  .main_visual .main_visual_wrap{--header_h:105px; position: relative; height:440px;}
  .main_visual .visaul_text {top: inherit; bottom: 40px; width: 90%;}
  .main_visual .visaul_text .slide_title {font-size: 3.2rem;}
  .main_visual .visaul_text .slide_sub_desc { margin-top: 8px;}
  .slide_btns {margin-top: 40px; gap: 4px;}
}
@media(max-width:480px) {
  .main_visual .visaul_text .slide_title br{display: none;}
  .main_visual .main_visual_wrap{height:400px;}
  .main_visual .visaul_text .slide_sub_desc br{display: none;}
}
@media(max-width:400px) {
  .main_visual .main_visual_wrap{height:360px;}
}

/* news */
.main_news .flex_wrap{gap: 44px;}
.main_news .flex_wrap .main_news_box{width:calc((100% - (44px * 2)) / 3);}
.main_news_head{display: flex; align-items: center; gap: 20px;}
.main_news_head h3{flex-shrink: 0; font-size: 2.8rem; font-weight: 600; line-height: 1;}
.main_news_head .main_news_bar{display: block; width:100%; height:1px; background-color: var(--main_color);} 
.main_news_head a{flex-shrink: 0; width:28px; height: 28px; display: block; transition: color .3s;}
.main_news_head a .news_corss_icon{position: relative; display: block; width:100%; height: 100%; transition: transform .3s;}
.main_news_head a .news_corss_icon::before,
.main_news_head a .news_corss_icon::after{content: ""; position: absolute; top:50%; left:50%; transform: translate(-50% , -50%); display: block; background-color: var(--main_color);}
.main_news_head a .news_corss_icon::before{width:60%; height:2px;}
.main_news_head a .news_corss_icon::after{width:2px; height: 60%;}
.main_news_head a:hover .news_corss_icon{transform: rotate(180deg);}
.main_news_list{margin-top:32px;}
.main_news_list a{padding:16px 0; display: flex; justify-content: space-between; align-items: center; gap: 0 16px; }
.main_news_list a .main_news_date{font-size: 0.9em; color: var(--black_9);}
.main_news_list li + li a{border-top:1px solid #dbdbdb;}
.main_news_list a:hover{color: var(--main_color);}
/* photo */
.main_photo_news .flex_wrap{gap: 40px;}
.main_photo_news .flex_wrap .main_news_box{width:calc((100% - (40px * 1)) / 2);}
.main_photo_list{display: flex; flex-wrap: wrap; gap: 20px;}
.main_photo_list li{width:calc((100% - (20px * 1)) / 2);}
.main_photo_list a{padding:0; display:block; height: 100%; border:1px solid #dbdbdb; border-radius:20px; overflow: hidden;}
.main_photo_list .img_wrap figure{height: 220px; overflow: hidden;}
.main_photo_list .img_wrap figure img{height: 100%; object-fit: cover;}
.main_photo_list .text_wrap{padding:20px 32px 36px;}
.main_photo_list .text_wrap .main_news_title{font-size: 2rem; font-weight: 600; line-height: 1.4;}
.main_photo_list .text_wrap .main_news_date{margin-top:16px; display:block; }
@media(max-width:1440px) {
  .main_news .flex_wrap {gap: 40px;}
  .main_news .flex_wrap .main_news_box{width:calc((100% - (40px * 2)) / 3);}
  /* photo */
  .main_photo_list {gap: 16px;}
  .main_photo_list .img_wrap figure {height: 200px;}
  .main_photo_list .text_wrap {padding: 16px 28px 32px;}
}
@media(max-width:1280px) {
  .main_news .flex_wrap {gap: 36px;}
  .main_news .flex_wrap .main_news_box{width:calc((100% - (36px * 2)) / 3);}
  .main_news_head h3 {font-size: 2.4rem;}
  .main_news_head a {width: 24px; height: 24px;}
  .main_news_list {margin-top: 28px;}
  .main_news_list a .main_news_date {display: none;}
  /* photo */
  .main_photo_news .flex_wrap {gap: 36px;}
  .main_photo_list {gap: 12px;}
  .main_photo_list .text_wrap {padding: 12px 24px 28px;}
  .main_photo_list .text_wrap .main_news_title {font-size: 1.8rem;}
}
@media(max-width:1024px) {
  .main_news .flex_wrap {gap: 32px;}
  .main_news .flex_wrap .main_news_box{width:calc((100% - (32px * 2)) / 3);}
  .main_news_head {gap: 16px;}
  .main_news_head h3 {font-size: 2rem;}
  .main_news_list {margin-top: 20px;}
  /* photo */
  .main_photo_news .flex_wrap {flex-direction: column; gap: 48px;}
  .main_photo_news .flex_wrap .main_news_box{width:100%;}
}
@media(max-width:768px) {
  .main_news .flex_wrap {gap: 48px; flex-direction: column;}
  .main_news .flex_wrap .main_news_box{width:100%;}
  .main_news_head h3 {font-size: 2.8rem;}
  .main_news_list {margin-top: 16px;}
  .main_news_list a {padding: 12px 0;}
  /* photo */
  .main_photo_list a {padding: 0;}
  .main_photo_list .text_wrap {padding: 12px 16px 24px;}
}
@media(max-width:540px) {
  .main_news .flex_wrap {gap: 40px;}
  .main_news_list {margin-top: 8px; flex-direction: column;}
  /* photo */
  .main_photo_list {margin-top: 16px; gap: 8px;}
  .main_photo_list li {width:100%;}
  .main_photo_list .img_wrap figure {height: 160px;}
}

.main_biz{padding:60px 0; background:var(--main_color) url("../images/main/main_biz_bg.png") no-repeat center; background-size:cover;}
.main_biz .main_biz_desc{margin:0 auto; max-width: 892px; text-align: center; color: #ffffff;}
.main_biz .main_biz_list{margin-top:48px; display: flex; justify-content: center; gap: 0 108px;}
.main_biz .main_biz_list .icon_circle{display: flex; justify-content: center; align-items: center; width:160px; aspect-ratio: 1/1; border:1px solid #ffffff; border-radius: 50%; transition: background-color .3s;} 
.main_biz .main_biz_list a:hover .icon_circle i{transition: transform .3s}
.main_biz .main_biz_list .icon_circle svg path{transition: stroke .3s;}
.main_biz .main_biz_list .text_wrap{margin-top:20px; }
.main_biz .main_biz_list .text_wrap h3{text-align: center; font-size: 2.4rem; color: #ffffff;}
.main_biz .main_biz_list a:hover .icon_circle{background-color: #ffffff;}
.main_biz .main_biz_list a:hover .icon_circle i{transform: rotate(-20deg);}
.main_biz .main_biz_list a:hover .icon_circle svg path{stroke:var(--main_color);}
@media(max-width:1280px) {
  .main_biz .main_biz_list {margin-top: 40px; gap: 0 80px;}
  .main_biz .main_biz_list .icon_circle {width: 136px;}
  .main_biz .main_biz_list .icon_circle i{width: 48px; height: 48px;}
  .main_biz .main_biz_list .text_wrap {margin-top: 16px;}
  .main_biz .main_biz_list .text_wrap h3 {font-size: 2.2rem;}
}
@media(max-width:1024px) {
  .main_biz .main_biz_list {margin-top: 36px; gap: 48px;}
  .main_biz .main_biz_list .icon_circle {width: 120px;}
  .main_biz .main_biz_list .icon_circle i{width: 40px; height: 40px;}
  .main_biz .main_biz_list .text_wrap {margin-top: 16px;}
  .main_biz .main_biz_list .text_wrap h3 {font-size: 2rem;}
}
@media(max-width:768px) {
  .main_biz .main_biz_list {margin-top: 32px; flex-wrap: wrap; gap:40px;}
  .main_biz .main_biz_list .main_biz_item{width:30%;}
  .main_biz .main_biz_list .main_biz_item a{display: flex; flex-direction: column; align-items: center;}
  .main_biz .main_biz_list .icon_circle {width: 100px;}
  .main_biz .main_biz_list .text_wrap {margin-top: 8px;}
}
@media(max-width:540px) {
  .main_biz .main_biz_list {margin-top: 28px; }
  .main_biz .main_biz_list .main_biz_item{width:calc((80% - (40px * 1)) / 2);}
  .main_biz .main_biz_list .main_biz_item a{display: flex; flex-direction: column; align-items: center;}
  .main_biz .main_biz_list .icon_circle i{width: 28px; height: 28px;}
  .main_biz .main_biz_list .text_wrap {margin-top: 8px;}
  .main_biz .main_biz_list .text_wrap h3 {font-size: 1.8rem;}
}

.main_market{background-color:#f3f3f3;}
.main_market .flex_wrap{justify-content: space-between; align-items: center; gap: 80px;}
.main_market .text_wrap h3{font-size: 4rem;}
.main_market .text_wrap p{margin-top:12px;}
.main_market .text_wrap .btn_wrap{margin-top:32px;}
.main_market .text_wrap .btn_wrap .btn{padding:10px 20px; border-radius: 24px; border-color: #aaaaaa; color: var(--black_4);}
.main_market .text_wrap .btn_wrap .btn:hover{background-color: var(--main_color); color: #ffffff;}
@media(max-width:1280px) { 
  .main_market .flex_wrap {align-items: flex-end; gap: 64px;}
  .main_market .text_wrap h3 {font-size: 3.6rem;  }
  .main_market .text_wrap{padding: 100px 0;}
  .main_market .img_wrap {flex-shrink: 0; width:55%;}
}
@media(max-width:1200px) { 
  .main_market .text_wrap p br{display: none;}
}
@media(max-width:1024px) { 
  .main_market .flex_wrap {padding-top:80px; flex-direction: column; align-items: flex-start; gap: 48px;}
  .main_market .text_wrap{padding:0;}
  .main_market .text_wrap h3 {font-size: 3.2rem;  }
  .main_market .text_wrap p {margin-top: 8px;}
  .main_market .text_wrap .btn_wrap {margin-top: 28px;}
  .main_market .img_wrap {flex-shrink: 0; align-self: flex-end; width:70%;}
}
@media(max-width:768px) { 
  .main_market .flex_wrap {padding-top:64px; gap: 40px;}
  .main_market .text_wrap h3 {font-size: 2.8rem;  }
  .main_market .text_wrap .btn_wrap {margin-top: 24px;}
  .main_market .text_wrap .btn_wrap .btn {padding: 8px 16px;}
  .main_market .img_wrap {flex-shrink: 0; align-self: flex-end; width:90%;}
}
@media(max-width:540px) { 
  .main_market .flex_wrap {padding-top:48px;}
}