@charset "UTF-8";
/*  메인 페이지 스타일 파일입니다. */
#m_top_visual_v2 { position: relative; padding-bottom: 120px; overflow: hidden; margin-left: 50px; }
#m_top_visual_v2 .visual_banner {position:relative;margin-right:50px;}
#m_top_visual_v2 .img_box {position:relative;}
#m_top_visual_v2 .img_box:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);}
#m_top_visual_v2 .img_box img {width:100%;}
#m_top_visual_v2 .title_box {position:absolute;top:66.07%;left:30px;right: 30px;}
#m_top_visual_v2 .title_box h3 {font-size:2.12vw;line-height:1.2;max-height:96px;color:#ffffff;font-weight:400;margin-bottom:20px;text-transform:uppercase;overflow: hidden;}
#m_top_visual_v2 .title_box h4 {font-size:0.77vw;line-height:1.47;max-height:44px;color:#ffffff;font-family:'Spoqa Han Sans Neo';overflow: hidden;font-weight: 300;}
#m_top_visual_v2 .swiper-slide {max-width:520px;width:29%;}
#m_top_visual_v2 .swiper-slide.wide {max-width:1600px;width:89.23%; height: 100%;}
#m_top_visual_v2 .swiper-pagination-progressbar { top: auto; left: 50%; width: 100% !important; max-width: 1700px !important; transform: translate(-50%, 0); bottom: -20px; width: auto; height: 2px; background: #cccccc }
#m_top_visual_v2 .swiper-pagination-progressbar-fill {background:#000000;}
#m_top_visual_v2 .swiper-button-prev {left:30px;background:url('../images/common/sw_arrow_left01.svg') no-repeat center center;background-size:auto 100%;width:36px;height:6.09%;}
#m_top_visual_v2 .swiper-button-next {right:80px;background:url('../images/common/sw_arrow_right01.svg') no-repeat center center;background-size:auto 100%;width:36px;height:6.09%;}
#m_top_visual_v2 .swiper-button-next:after,
#m_top_visual_v2 .swiper-button-prev:after {display: none;}

.common_tab {margin-bottom: 80px;}
.tab_wrap {}
.tab_wrap::after {content: ''; display: block; clear: both; overflow: hidden;}
.tab_wrap li {float: left; width: 100%; border: 1px solid #dddddd; /*font-family:"Spoqa Han Sans Neo" ;*/}
.tab_wrap li ~ li {border-left: none;}
.tab_wrap li a {display: block; font-size: 15px; line-height: 60px; text-align: center;}
.tab_wrap li.on a {color: #ffffff; background: #000000;}
.tab_wrap li span {display: block; font-size: 15px; line-height: 60px; text-align: center;cursor:pointer;}
.tab_wrap li span .num {display: inline-block; font-family: 'Spoqa Han Sans Neo'; vertical-align: baseline;}
.tab_wrap li.on span {color: #ffffff; background: #000000;}
.tab_wrap li:first-child:nth-last-child(2), .tab_wrap li:first-child:nth-last-child(2) ~ li {width: 50%;}
.tab_wrap li:first-child:nth-last-child(3), .tab_wrap li:first-child:nth-last-child(3) ~ li {width: 33.33%;}
.tab_wrap li:first-child:nth-last-child(4), .tab_wrap li:first-child:nth-last-child(4) ~ li {width: 25%;}
.tab_wrap li:first-child:nth-last-child(5), .tab_wrap li:first-child:nth-last-child(5) ~ li {width: 20%;}
.tab_wrap li:first-child:nth-last-child(6), .tab_wrap li:first-child:nth-last-child(6) ~ li {width:16.6%;}
.tab_wrap li:first-child:nth-last-child(7), .tab_wrap li:first-child:nth-last-child(7) ~ li {width:14.28%;}
.tab_wrap li:first-child:nth-last-child(8), .tab_wrap li:first-child:nth-last-child(8) ~ li {width:12.5%;}