@charset 'utf-8';
.transition{-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.only-m {display:none;}
.only-sm {display:none;}
.only-pc {display:block;}
.viewall {display:none;}

.inner {position: relative; width:100%; max-width: 1720px; margin:0 auto; padding:0 20px;}
.area_rgh {text-align: right;}
.btn_wrap {display: flex; gap:10px;}
.btn_color {color:#fff; background:#055cff;}
.btn_line {color:#055cff; background:transparent; border:2px solid #055cff;}

.wide {width: 100vw; margin-left: calc(-50vw + 50%);}

.mbko_txt {font-style: normal;}
.mbko_txt b {font-weight: inherit;}

.btn_defult {position: relative; background:#18294f; color:#fff; height:56px; display: flex; justify-content: center; align-items: center; font-size:1.125em; font-weight: 500; padding:20px 72px 19px 29px; border-radius: 30px;}
.btn_defult::before {content: ''; position: absolute; right:3px; top:3px; display: inline-block; width:50px; height:50px; border-radius: 100%; background:#fff; }
.btn_defult::after {content: ''; position: absolute; right:3px; top:3px; display: flex; justify-content: center; align-items: center; width:50px; height:50px; border-radius: 100%; background:url('../images/common/btn_icon_arrow.png') center no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.btn_defult:hover::after {right:-3px;}
.list_view::after {background:url('../images/common/btn_icon_list.png') center no-repeat;}
.list_view:hover::after {top:0; right:3px;}

/* header */
#header {position:absolute; width:100%; height:124px; transition: all .5s ease;  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; z-index: 11;}
#header > .inner {height:100%; margin:0 auto; display: flex; flex-wrap: nowrap; align-items: center;justify-content: space-between;}
#header .logo {display: block; width:125px; height:49px; background:url('../images/common/logo_white.png') center / cover no-repeat; margin-bottom: 17px;}
#header .logo a {display: block; width:100%; height:100%;}
#header #gnb {flex:0 0 55%; max-width: 55%;}

#gnb .depth1 {display: flex; width:100%; flex-wrap: nowrap; justify-content: space-around;}
#gnb .depth1 > li {position: relative; text-align: center;}
#gnb .depth1 > li > a {color:#fff; font-size:1.125em; font-weight: 600; cursor: pointer;}
#gnb .depth1 > li .depth2 {display: block;  width:140px; position: absolute; left: 50%; transform: translate(-50%, 0); margin-top:50px;transition: all .5s ease;  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; opacity: 0; visibility: hidden;}
#gnb .depth1 > li .depth2 a {color:#18294f; line-height: 2.25em; font-weight: 600; }
#gnb .depth1 > li .depth2 a:hover {text-decoration: underline;}

#header .menu_rgh {display: flex; align-items: center; gap:30px;}
#header .menu_rgh .menu {display: flex; align-items: center; gap:30px;}
#header .menu_rgh .global {position: relative;}
#header .global > a {display: inline-block; width:23px; height:23px; background:url('../images/common/icon_lang_white.png') center no-repeat;}
#header .global .global_sub {position: absolute; padding:18px; border:1px solid #18294f; border-radius: 10px; text-align: center; left: -20px; top: 40px; display: none;}
#header .global .global_sub a {color:#18294f; font-size: 1em; line-height: 1.875em;}
#header .global .global_sub a:hover {font-weight: 900;}
#header .global .global_sub .active {font-weight: 900;}
#header .menu_rgh .inqur a {display: inline-block; font-size:1.125em; font-weight: 600; background:#18294f; color:#fff; padding:12px 22px; border-radius: 30px;}

/*글로벌 MBKO */
.all_black {background: url('../images/global/global_bg.jpg') center top / contain no-repeat #0f1113; color:#fff;}
.all_black .sub_tit h2 {color:#fff;}
.all_black.subPage #header {position:relative; background:transparent;}
.all_black.subPage #header .logo {background:url('../images/common/logo_white.png') center / cover no-repeat;}
.all_black.subPage #header #gnb .depth1 > li > a {color:#fff;}
.all_black.subPage #header .menu_rgh .global > a {display: inline-block; width:23px; height:23px; background:url('../images/common/icon_lang_white.png') center no-repeat;}
.all_black.subPage #header .m_view:after, .all_black.subPage #header .m_view:before, .all_black.subPage #header .m_view span {background:#fff;}

/* header mouse over */
#header.active {position:fixed; background:#fff;}
#header::before {content: ''; position: absolute; display: block; width:100%; height:400px; opacity: 0; visibility: hidden; background:#fff; transition: all .5s ease;  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; }
#header.active::before {height:590px; opacity: 1; visibility: visible;}
#header.active .logo {background:url('../images/common/logo_color.png') center / cover no-repeat !important;}
#header.active #gnb .depth1 > li > a {color:#18294f !important;}
#header.active #gnb .depth1 > li .depth2 { opacity: 1; visibility: visible;}
#header.active .menu_rgh .global > a {display: inline-block; width:23px; height:23px; background:url('../images/common/icon_lang_color.png') center no-repeat !important;}
#header.active .m_view:after, #header.active .m_view:before, #header.active .m_view span {background:#18294f !important;}

/* header fixed */
#header.is-fixed {position:fixed; background:#fff;}
#header.is-fixed .logo {background:url('../images/common/logo_color.png') center / cover no-repeat;}
#header.is-fixed #gnb .depth1 > li > a {color:#18294f;}
#header.is-fixed .menu_rgh .global > a {display: inline-block; width:23px; height:23px; background:url('../images/common/icon_lang_color.png') center no-repeat;}
#header.is-fixed .m_view:after, #header.is-fixed .m_view:before, #header.is-fixed .m_view span {background:#18294f;}

/* 글로벌 MBKO header fixed */
.all_black #header.is-fixed {position:fixed; background:#fff;}
.all_black #header.is-fixed .logo {background:url('../images/common/logo_color.png') center / cover no-repeat;}
.all_black #header.is-fixed #gnb .depth1 > li > a {color:#18294f;}
.all_black #header.is-fixed .menu_rgh .global > a {display: inline-block; width:23px; height:23px; background:url('../images/common/icon_lang_color.png') center no-repeat;}
.all_black #header.is-fixed .m_view:after, .all_black #header.is-fixed .m_view:before, .all_black #header.is-fixed .m_view span {background:#18294f;}

/* header 서브페이지  */
.subPage #header {position:relative; background:#fff;}
.subPage #header.is-fixed {position:fixed;}
.subPage #header .logo {background:url('../images/common/logo_color.png') center / cover no-repeat;}
.subPage #header #gnb .depth1 > li > a {color:#18294f;}
.subPage #header .menu_rgh .global > a {display: inline-block; width:23px; height:23px; background:url('../images/common/icon_lang_color.png') center no-repeat;}
.subPage #header .m_view:after, .subPage #header .m_view:before, .subPage #header .m_view span {background:#18294f;}
.subPage #footer {margin-top:150px;}

/* 모바일 전체 메뉴 */
#m_gnb {position: fixed; left:0; top:0; width:100%; height:100%; background:#fff; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; z-index: 999;}
#m_gnb.active { opacity: 1; visibility: visible;}
#m_gnb .m_menu_top {display: flex; justify-content: space-between; height:55px;}
#m_gnb .m_menu_top  > * {display: flex; align-items: center; gap:5px;}
#m_gnb .m_menu_top .m_global {}
#m_gnb .m_menu_top .m_global::before {content: ''; display: inline-block; width:20px; height:20px; background:url('../images/common/icon_m_global.png') center  / contain no-repeat;}
#m_gnb .m_menu_top .m_global > ul {display: flex; gap:15px;}
#m_gnb .m_menu_top .m_global > ul > li {}
#m_gnb .m_menu_top .m_global > ul > li a {font-size:0.875em; color:#18294f;}
#m_gnb .m_menu_top .m_global > ul > li a.active {font-weight: 700; text-decoration: underline;}
#m_gnb .m_menu_top .inqur a {display: inline-block; padding:6px 11px; font-size:0.857em; font-weight: 600; background:#18294f; color:#fff; border-radius: 30px;}
#m_gnb .m_menu_top .close_m {display: inline-block; width:20px; height:20px; background:url('../images/common/close_m_gnb.png') center / cover no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer; margin-left:15px;}
#m_gnb .gnb_wrap {margin-top:40px;}
#m_gnb .gnb_wrap .depth1 {border-top:1px solid #d7dae1;}
#m_gnb .gnb_wrap .depth1 > li {border-bottom:1px solid #d7dae1;}
#m_gnb .gnb_wrap .depth1 > li > a {display: block; font-size:1.125em; font-weight: 700; color:#18294f; padding:17px 0;}
#m_gnb .gnb_wrap .depth1 .active .depth2 {display: block;}
#m_gnb .gnb_wrap .depth1 .depth2 {display: none; background:#eeeff2; padding:20px;}
#m_gnb .gnb_wrap .depth1 .depth2 a {color:#18294f; font-size:0.875em; line-height: 2.083em; font-weight: 500;}
#m_gnb .m_menu_bt {margin-top:60px;}
#m_gnb .m_menu_bt .txt {color:#18294f; line-height: 1.667em;}
#m_gnb .m_menu_bt .txt span {display: inline-block; font-weight: 500; font-size:0.75em;}
#m_gnb .m_menu_bt .txt p {font-size:1em; font-weight: 700; }
#m_gnb .m_menu_bt .btn {margin-top:40px; width: fit-content;}

/* 사이트맵 */
#overlay_dark {position: fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index: 9; display: none; }
#all_sitemap {position: fixed; left:0; top:0; width:100%; height:830px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; z-index: 999; background: linear-gradient(to bottom,  rgba(24, 41, 79, 0.65) 0%,rgba(110, 129, 174, 0.65) 100%) #0e182f;}
#all_sitemap.active { opacity: 1; visibility: visible;}
#all_sitemap .st_menu_top {display: flex; justify-content: flex-end; align-items: center; gap:30px; padding:40px 0 105px 0;}
#all_sitemap .st_menu_top .global  {position: relative;}
#all_sitemap .st_menu_top .global .global_sub {border:1px solid #fff;}
#all_sitemap .st_menu_top .global .global_sub a {color:#fff;}
#all_sitemap .st_menu_top .inqur a {display: inline-block; font-size:1.125em; font-weight: 600; color:#18294f; background:#fff; padding:12px 22px; border-radius: 30px;}
#all_sitemap .st_menu_top .close_m {display: inline-block; width:27px; height:27px; background:url('../images/common/close_sitemap.png') center / cover no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#all_sitemap .gnb_wrap {display: flex;}
#all_sitemap .gnb_wrap .logo {flex: 0 0 23%; width:385px; height:151px; background:url('../images/common/logo_sitemap.png') center / contain no-repeat !important; margin-right:200px;}
#all_sitemap .gnb_wrap .depth1 {position: relative; flex:0 0 100%; padding-bottom: 100px;}
#all_sitemap .gnb_wrap .depth1 > li {display: flex;}
#all_sitemap .gnb_wrap .depth1 > li > a {width:fit-content; font-size:2.375em; font-weight: 700; line-height: 2.211em; color:#fff;}
#all_sitemap .gnb_wrap .depth1 .depth2 {display: none; position: absolute; top:10px; left:20%;}
#all_sitemap .gnb_wrap .depth1 .depth2 a {color:#98a5c1; font-size:1.25em; font-weight: 500; line-height: 2em; }
#all_sitemap .gnb_wrap .depth1 .depth2 a:hover {color:#fff; text-decoration: underline;}
#all_sitemap .gnb_wrap .depth1 .active .depth2 {display: block;}
#all_sitemap .copy {font-size:1em; color:#bcc7e2; display: flex; justify-content: space-between; padding-top:40px; border-top:1px solid rgba(255, 255, 255, .2);}

#header .m_view {display: block; width:25px; height:20px; position: relative; cursor: pointer;}
#header .m_view:after, #header .m_view:before, #header .m_view span {position: absolute; top: 50%; left: 34%; width: 100%; height: 2px; background-color: #fff;}
#header .m_view:after, #header .m_view:before { content: ""; margin-left: -9px;}
#header .m_view:before {margin-top: -9px;}
#header .m_view:after {margin-top: 7px;}
#header .m_view span {margin: -1px 0 0 -9px; text-indent: -9999px; display: block; width: 17px; right: 0; left: auto;}

#footer {background:#0e192f; font-size:1.125em; line-height: 1.667em;}
#footer .inner {}
#footer .inner b {display: inline-block; color:#a9aeb8; font-weight: 500; margin-right:10px;}
#footer .inner span {display: inline-block; color:#ffffff; font-weight: 500; margin-right:16px;}
#footer .inner ul {display: flex; justify-content: center;}
#footer .inner .area_top {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 92px 0 60px 0;}
#footer .inner .fot_info {text-align: center; margin-top:72px;}
#footer .inner .area_bt {display: flex; justify-content: space-between; width:100%; color:#a9aeb8; padding:60px 0; border-top:1px solid rgba(255, 255, 255, 0.2);}
#footer .inner .area_bt > div {flex:0 0 33.3333%; text-align: center;}
#footer .inner .area_bt > div:nth-child(2) {letter-spacing: 0;}
#footer .inner .area_bt > div:last-child {text-align: right;}
#footer .inner .area_bt a {color:#a9aeb8;}

/* 메인 비주얼 */
.m_visual {position: relative; width:100%; height: 960px;}
.m_visual .main_swiper {position: relative; height:100%;}
.m_visual .imgwrap {height:100%;}
.m_visual .txt_wrap {position: absolute; left:0; bottom:18%; width:100%; display: flex; align-items: center; justify-content: flex-start; z-index: 1;}
.m_visual .txt_wrap .area_top {font-size:6.25em; font-weight: 300; color:#fff;}
.m_visual .txt_wrap .area_top::after {content: ''; display: inline-block; width:80px; height:71px; background:url('../images/main/mvtxt_arrow.png') center / cover no-repeat; margin-left:24px;}
.m_visual .txt_wrap .area_bt {display: flex; align-items: center;}
.m_visual .txt_wrap .area_bt ul {display: flex; gap:5px;}
.m_visual .txt_wrap .area_bt p {font-size:1.375em; line-height: 1.364em; color:#fff; margin-left:39px;}
.m_visual .txt_wrap .area_bt button {position: relative; text-indent: -9999px; overflow: hidden; left:auto; top:auto; right:auto; border-radius: 30px; margin:0; width:89px; height:44px;}
.m_visual .txt_wrap .swiper-button-next {background:url('../images/main/mvbtn_next.png') center no-repeat #fff;}
.m_visual .txt_wrap .swiper-button-prev {background:url('../images/main/mvbtn_prev.png') center no-repeat #fff;}
.m_visual .progress-bar {width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); overflow: hidden; z-index:1; margin:40px 0 40px 0;}
.m_visual .progress {width: 0%; height: 100%; background:#fff; transition: width linear;}

/* 메인 컨텐츠 */
/* 제품소개 */
#m_02 {position: relative;}
#m_02::after {content: ''; display: inline-block; width:408px; height:408px; border-radius: 100%; background:#18294f; position: absolute; right: -290px; top: 50%; transform: translate(0%, -20%);}
#m_02 .inner {padding:175px 20px 210px 20px;}
#m_02 .pro_wrap {display: flex; position: relative;}
#m_02 .pro_wrap .area_lft {position: absolute; top:50px;}
#m_02 .pro_wrap .area_lft h2 {font-size:3.625em; font-weight: 600; line-height: 1.172em; color:#18294f; margin-bottom:60px;}
#m_02 .pro_wrap .area_lft p {font-size:1.25em; line-height: 1.6em; color:#18294f;}
#m_02 .pro_wrap .area_rgh {text-align: left; display: flex; width:100%;}
#m_02 .pro_wrap .swiper-slide {display: flex;}
#m_02 .pro_wrap .product-top {position: relative; flex: 0 0 50%; max-width: 560px; margin-left:140px; margin-right:0;}
#m_02 .pro_wrap .product-thumbs {position: relative; flex: 0 0 50%; max-width: 398px;}
#m_02 .pro_wrap .pro_big {width:560px; height:560px; border-radius: 100%; overflow: hidden; display: block; align-self: self-end;}
#m_02 .pro_wrap .pro_big > div {display: block; width:100%; height:100%;}
#m_02 .pro_wrap .pro_sml {width:398px; height:398px; display: block;}
#m_02 .pro_wrap .swiper-pagination {margin-top:430px; position: relative; display: flex; flex-wrap: wrap; flex:0 0 512px; align-content: flex-start; width:512px; gap:10px;}
#m_02 .pro_wrap .swiper-pagination > * {flex:0 0 calc(50% - 5px); width:50%;}
#m_02 .pro_wrap .swiper-pagination-clickable .swiper-pagination-bullet {font-size:1.5em; font-weight: 500; color:#18294f; background:#fff; border:1px solid #cdd3e1; border-radius: 45px; width:auto; height:auto; text-align: left; padding:28px 0 30px 29px; opacity: 1;}
#m_02 .pro_wrap .swiper-pagination-clickable .swiper-pagination-bullet-active {border:1px solid #18294f; background:#18294f; color:#fff; position: relative;}
#m_02 .pro_wrap .swiper-pagination-clickable .swiper-pagination-bullet-active::after {content: ''; display: inline-block; width:83px; height:83px; background:url('../images/main/icon_product.png') center / cover no-repeat; position: absolute; right:3px; top:3px;}
#m_02 .pro_wrap .pager_wrap {display: flex; flex-direction: column; align-items: center; margin:0; position: absolute; left:80%; bottom:50px; transform: translate(-50%, -50%); z-index: 1;}
#m_02 .pro_wrap .pager_wrap .btn_wrap {position: relative; display: flex; gap:68px; padding-bottom:35px;}
#m_02 .pro_wrap .pager_wrap .btn_wrap::after {content: ''; display: inline-block; width:2px; height:14px; background:#18294f; position: absolute; left:50%; transform: translate(-50%, 0);}
#m_02 .pro_wrap .pager_wrap .swiper-pagination {position: relative; display: flex; gap:6px;}
#m_02 .pro_wrap .pager_wrap .swiper-pagination .swiper-pagination-bullet {width:6px; height:6px; background:#6e81ae; text-indent: -9999px; overflow: hidden; }
#m_02 .pro_wrap .pager_wrap .swiper-pagination .swiper-pagination-bullet-active {background:#18294f;}
#m_02 .pro_wrap .pager_wrap .swiper-button-prev {position: relative; text-indent: -9999px; overflow: hidden; left:auto; top:auto; right:auto; margin:0; background:url('../images/main/m04btn_prev.png') center no-repeat; width:26px; height:14px;}
#m_02 .pro_wrap .pager_wrap .swiper-button-next {position: relative; text-indent: -9999px; overflow: hidden; left:auto; top:auto; right:auto; margin:0; background:url('../images/main/m04btn_next.png') center no-repeat; width:26px; height:14px;}

/* MBKO 철학*/
#m_03 {position: relative; width:100%; height:100%; overflow: hidden;}
#m_03 .bg {position: absolute; top:0; left:0; width:100%; height:100%; background:url('../images/main/m03_bg.jpg') center / cover no-repeat;}
#m_03 .inner {height:960px; display: flex; justify-content: center; align-items: center;}
#m_03 .txt_wrap {}
#m_03 .txt_wrap span {display: block; color:#fff; font-size:3em; line-height: 1.259em; font-weight: 600; text-align: center;}

/* 주력상품 슬라이드*/
#m_04 {padding:210px 0 206px 0;}
#m_04 .best_pro {display: flex; align-items: center;} 
#m_04 .best_pro .area_lft {flex:0 0 50%; max-width: 50%; overflow: hidden; border-radius: 30px; overflow: hidden;}
#m_04 .best_pro .gallery-top {height:830px;}
#m_04 .best_pro .gallery-top .swiper-slide-container {height:100%; text-indent: -9999px; overflow: hidden; }
#m_04 .best_pro .gallery-top .swiper-slide {overflow: hidden; }
#m_04 .best_pro .area_rgh {flex:0 0 50%; max-width: 50%;}
#m_04 .best_pro .area_rgh .swiper-slide-container {text-align: center;}
#m_04 .best_pro .area_rgh .img_wrap {position: relative; padding-top: 70px;}
#m_04 .best_pro .area_rgh .img_wrap::before {content: ''; display: inline-block; width:320px; height:320px; border-radius: 100%; background:#18294f; position: absolute; top:0; left:50%; transform: translate(-50%, 0); z-index: -1;}
#m_04 .best_pro .area_rgh .txt_wrap {display: flex; flex-direction: column; align-items: center; text-align: center; margin-top:65px;background:#fff;}
#m_04 .best_pro .area_rgh .txt_wrap .tit {font-size:2.125em; font-weight: 800; color:#18294f; line-height: 1.382em;}
#m_04 .best_pro .area_rgh .txt_wrap .txt {font-size:1.25em; line-height: 1.6em; color:#18294f; margin-top:20px;}
#m_04 .best_pro .area_rgh .txt_wrap .btn_wrap {margin-top:45px;}
#m_04 .best_pro .area_rgh .txt_wrap .btn_wrap a {}
#m_04 .best_pro .pager_wrap {display: flex; flex-direction: column; align-items: center; margin-top:80px;}
#m_04 .best_pro .pager_wrap .btn_wrap {position: relative; display: flex; gap:68px; padding-bottom:35px;}
#m_04 .best_pro .pager_wrap .btn_wrap::after {content: ''; display: inline-block; width:2px; height:14px; background:#18294f; position: absolute; left:50%; transform: translate(-50%, 0);}
#m_04 .best_pro .pager_wrap .swiper-pagination {position: relative; display: flex; gap:6px;}
#m_04 .best_pro .pager_wrap .swiper-pagination .swiper-pagination-bullet {width:6px; height:6px; background:#6e81ae; text-indent: -9999px; overflow: hidden; }
#m_04 .best_pro .pager_wrap .swiper-pagination .swiper-pagination-bullet-active {background:#18294f;}
#m_04 .best_pro .pager_wrap .swiper-button-prev {position: relative; text-indent: -9999px; overflow: hidden; left:auto; top:auto; right:auto; margin:0; background:url('../images/main/m04btn_prev.png') center no-repeat; width:26px; height:14px;}
#m_04 .best_pro .pager_wrap .swiper-button-next {position: relative; text-indent: -9999px; overflow: hidden; left:auto; top:auto; right:auto; margin:0; background:url('../images/main/m04btn_next.png') center no-repeat; width:26px; height:14px;}

/* 사업소개 */
#m_05 {position: relative; padding:230px 0 170px 0;}
#m_05 .inner {max-width: 1134px;}
#m_05 .bg {position: absolute; top:0; left:0; width:100%; height:100%; background:url('../images/main/m05_bg.jpg') center / cover no-repeat;}
#m_05 .busi_wrap {display: flex; flex-wrap: wrap; gap:30px; width:100%; }
#m_05 .busi_wrap > * {flex:0 0 calc(50% - 15px);}
#m_05 .busi_wrap h3 {height:100px; font-size:3.625em; font-weight: 600; line-height: 1.172em;}
#m_05 .busi_wrap .con {padding:45px 37px; color:#fff;}
#m_05 .busi_wrap .con:nth-child(1) {padding:0;}
#m_05 .busi_wrap .con:nth-child(2) {height:474px; background:url('../images/main/m05_imgbg01.png') center / cover no-repeat; border-radius: 25px; overflow: hidden;}
#m_05 .busi_wrap .con:nth-child(3) {height:474px; background:url('../images/main/m05_imgbg02.png') center / cover no-repeat; border-radius: 25px; overflow: hidden; position: relative; top:-190px;}
#m_05 .busi_wrap .con:nth-child(4) {height:474px; background:url('../images/main/m05_imgbg03.png') center / cover no-repeat; border-radius: 25px; overflow: hidden;}
#m_05 .busi_wrap .con .tit {font-size:2.25em; line-height: 0.889em; margin-bottom:30px;}
#m_05 .busi_wrap .con ul li {position: relative; font-size:1.25em; line-height: 32px; padding-left:15px;}
#m_05 .busi_wrap .con ul li::before {content: ''; display: inline-block; width:4px; height:4px; border-radius: 100%; background:#fff; position: absolute; top:14px; left:0;}
#m_05 .busi_wrap .con dl dd {font-size:0.9em; padding-left:10px;}

/* 뉴스 */
#m_06 {padding:160px 0 170px 0;}
#m_06 .news_wrap {display: flex; width:100%;}
#m_06 .news_wrap .area_lft {flex:0 0 553px; color:#18294f;}
#m_06 .news_wrap .area_lft h3 {font-size:3.625em; font-weight: 600;}
#m_06 .news_wrap .area_lft p {font-size:1.25em; margin-top:55px;}
#m_06 .news_wrap .area_lft .btn_wrap {margin-top:63px;}
#m_06 .news_wrap .area_rgh {width:100%; text-align: left; border-top:1px solid #cdd3e1;}
#m_06 .news_wrap .area_rgh .news {border-bottom:1px solid #cdd3e1;}
#m_06 .news_wrap .area_rgh .news a {display: block; position: relative; color:#18294f; padding:50px 0 40px 0;}
#m_06 .news_wrap .area_rgh .news a::after {content: ''; display: inline-block; background:url('../images/main/m04btn_next.png') center no-repeat; width:26px; height:14px; position: absolute; right:0; top:50%; transform: translate(-50%, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; }
#m_06 .news_wrap .area_rgh .news a:hover::after {right:-10px;}
#m_06 .news_wrap .area_rgh .news .tit {font-size:1.5em; font-weight: 500; display: flex; gap:24px;}
#m_06 .news_wrap .area_rgh .news .tit span {display: inline-block; background:#6e81ae; color:#fff; font-size:0.5em; font-weight: 700; padding:5px 10px 5px 11px; border-radius: 4px; overflow: hidden; padding:8px; text-transform: uppercase}
#m_06 .news_wrap .area_rgh .news .tit div {position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;}
#m_06 .news_wrap .area_rgh .news .tit div::before {content: ''; display: inline-block; width:0; height:2px; position: absolute; left:0; bottom:0; background:#18294f; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; }
#m_06 .news_wrap .area_rgh .news a:hover .tit div::before {width:100%;}
#m_06 .news_wrap .area_rgh .news .date {font-size:1.125em; margin:20px 0 0 82px;}

/* 견적문의 */
#m_07 {position: relative; width:100%; height:100%; overflow: hidden;}
#m_07 .bg {position: absolute; top:0; left:0; width:100%; height:100%; background:url('../images/main/m07_bg.jpg') center / cover no-repeat;}
#m_07 .inner {height:870px; display: flex; justify-content: center; align-items: center;}
#m_07 .txt_wrap {}
#m_07 .txt_wrap p {color:#fff; font-size:2.778em; line-height: 1.36em; font-weight: 600; text-align: center; word-break: keep-all;}
#m_07 .txt_wrap .btn_wrap {justify-content: center; margin-top:76px;}
#m_07 .txt_wrap .btn_wrap a {display: inline-block; color:#fff; font-weight: 500; background:rgba(255, 255, 255, .3); border-radius: 30px; padding:18px 27px;}

/* 서브비주얼 */
.sub_visual {margin-top:125px;}
.sub_visual.sub_0101 {background:url('../images/common/sub_visual0101.jpg') center / cover no-repeat; color:#fff; height:620px;}
.sub_visual.sub_0404 {background:url('../images/common/sub_visual0404.jpg') center / cover no-repeat; color:#fff; height:960px;}
.sub_visual.sub_0404 .inner {display: flex; justify-content: flex-start; align-items: center; height: 100%;}

/* 서브페이지 네비게이션 */
.sub_lo {text-align: right;}
.sub_lo li {display: inline-block; color:#b1b1b7;}
.sub_lo li:after {content: ''; display: inline-block; width:5px; height:9px; background:url('../images/common/sub_lo_icon.png') center no-repeat; margin: 0 13px; vertical-align: middle;}
.sub_lo li:last-child::after {display:none;}
.sub_lo li.active {color:#18294f;}

.sub_tit {display: block; width:100%; margin-top:120px;}
.sub_tit h2 {font-size:5em; font-weight: 700; text-align: center; margin:0 auto; color:#18294f;}
.sub_tit.sub2 {display: none;}

.snav_warp {display: block; width:100%;  margin-top:55px;}
.snav_warp > ul {display: flex; justify-content: center; align-items: center;}
.snav_warp > ul > li {display: flex; align-items: center}
.snav_warp > ul > li a {font-size:1.375em; color:#b1b1b7; padding:11px 20px;}
.snav_warp > ul.submenu_pro > li a {font-size:1.125em; }
.snav_warp > ul > li.on a {background:#18294f; color:#fff; padding:11px 20px; border-radius: 30px;}
.snav_warp > ul > li::after {content: ''; display: inline-block; width:6px; height:6px; border-radius: 100%; background:#c8c8cc; margin:0 20px;}
.snav_warp > ul > li:last-child::after {display: none;}

.snav_warp > ul.submenu_pro {width:100%; justify-content: space-between; border-bottom:1px solid #d7dae1; padding-bottom:45px;}
.snav_warp > ul.submenu_pro > li {}
.snav_warp > ul.submenu_pro > li::after {display: none;}
.snav_warp > ul.submenu_pro > li a {background:none; text-align: center; padding:0; color:#18294f;}
.snav_warp > ul.submenu_pro > li.on a {text-decoration: underline;}
.snav_warp > ul.submenu_pro > li div {height:88px; display: flex; align-items: center; justify-content: center;}
.snav_warp > ul.submenu_pro > li span {display: block; margin-top:20px;}

.sub_wrap {margin-top:130px;}

.scroll-lock {overflow: hidden !important;}

@media screen and (max-width:1440px) {	
	#all_sitemap .gnb_wrap .logo {margin-right:100px;}
	#all_sitemap .gnb_wrap .depth1 .depth2 {left:25vw}
}
@media screen and (max-width:1024px) {		
	.only-m {display:block;}
	.only-pc {display:none;}	
	.inner {padding:0 10px;}		
	
	.btn_defult {font-size:1em; padding:10px 45px 9px 13px; height:38px;}
	.btn_defult::before {width:32px; height:32px;}
	.btn_defult::after  {width:32px; height:32px;}
	
	.m_visual .content {align-items: flex-start; flex-direction: column; padding:10vw 20px 0 20px; justify-content: center;}
	.m_visual .content .btxt {padding-bottom:20px;}
	.m_visual .content .stxt {font-size:30px;}
	.m_visual .content .area_rgh {display: none;}
	
	#header {height:55px;}
	#header #gnb {visibility: hidden; position: fixed; left:-100%; top:0; bottom:0; width: 100%; max-width: none; background:#fff; z-index: 9;}
	#header #gnb.active {left:0; visibility: visible; padding:30px 20px; overflow-y: scroll;}
	#header #gnb.active .popup_bg {opacity: 1; visibility: visible; background:#fff;}
	#gnb .depth1 {display: inline-block;}	
	#gnb .depth1 > li {cursor: pointer;padding: 5px 10px;border-bottom:1px solid #f0f0f0; }
	#gnb .depth1 > li > a {display: block; font-weight: 900; color:#000; font-size: 1.625em; padding:6px 10px 13px 10px;}
	#gnb .depth1 > li.active > a::before {content: none;}
	#gnb .depth1 > li .depth2 {position: relative; top:0; width:100% !important; border-radius: 0; left:0 !important; background:none; box-shadow: none;opacity: 0; visibility: hidden; height:0;}
	#gnb .depth1 > li .depth2 > li {display: block; padding:10px 0;}
	#gnb .depth1 > li .depth2 > li a {font-weight: 600; color:#000;}
	#gnb .depth1 > li .depth2::after {content: none;}	 
	#gnb .depth1 > li.active .depth2 {opacity: 1; visibility: visible; height: 100%; display: block;}
	#gnb .close_m{position: absolute;top:30px;right: 20px;display:block;width:30px;height:30px;cursor: pointer; background:url('/images/main/btn_close.png') no-repeat; text-indent: -9999px; background-size: cover;}
	#gnb .logo_m.active {display: block; padding-bottom: 20px; margin-bottom: 20px; position: relative; text-align: right;}
	
	#header .logo {width:62.5px; height:24.5px; margin:0;}
	#header .menu_rgh {gap:15px;}
	#header .menu_rgh .global {display: none;}
	#header .menu_rgh .inqur a {padding:6px 11px; font-size:0.857em;}

	/*	footer */
	#footer {font-size:0.857em;}
	#footer > .inner .area_lft {flex-direction: column; align-items: flex-start;}
	#footer > .inner .copy {margin:100px 0 0 0;}
	#footer .inner b,
	#footer .inner span {margin-right:5px;}
    #footer .inner .area_top {flex-direction: column; padding:46px 0;}
	#footer .inner .area_top img {width:100px;}
	#footer .inner .fot_info {margin-top:36px;}
	#footer .inner .fot_info ul:first-child {}
	#footer .inner .fot_info ul:last-child {flex-direction: column;}
    #footer .inner .area_bt {flex-direction: column; padding:40px 0;}
	#footer .inner .area_bt > div:first-child {margin-bottom:25px;}
    #footer .inner .area_bt ul {}
	
	/* 메인페이지	*/
	/* 메인 비주얼 */
	.m_visual {height:80vh;}
	.m_visual .txt_wrap .area_top {font-size:3.214em; line-height: 1.222em;}
	.m_visual .txt_wrap .area_top::after {width:40px; height:35.5px;}
	.m_visual .txt_wrap .area_bt {flex-direction: column-reverse; align-items: flex-start;}
	.m_visual .txt_wrap .area_bt ul {margin-top:20px;}
	.m_visual .txt_wrap .area_bt button {width:44.5px; height:22px;}
	.m_visual .txt_wrap .area_bt p {margin:0; font-size:0.857em;}
	.m_visual .progress-bar {margin:24px 0;}
	.m_visual .txt_wrap .swiper-button-next {background: url(../images/main/mvbtn_next.png) center / 40% no-repeat #FFF;}
	.m_visual .txt_wrap .swiper-button-prev {background:url('../images/main/mvbtn_prev.png') center / 40% no-repeat #fff;}
	
	/* 제품소개 */
	#m_02::after {display: none;}
	#m_02 .inner {padding:80px 10px 0 10px;}
	#m_02 .pro_wrap {flex-direction: column;}
	#m_02 .pro_wrap .area_lft {position: relative; top:auto;}
	#m_02 .pro_wrap .area_lft h2 {font-size:1.714em; margin-bottom:25px;}
	#m_02 .pro_wrap .area_lft p {font-size:0.857em;}
	#m_02 .pro_wrap .pro_big {align-self: flex-start; width:83.3vw; height:83.3vw; min-width: 250px; min-height: 250px;}
	#m_02 .pro_wrap .pro_sml {width:46.7vw; height:46.7vw; min-width: 140px; min-height:140px; }
	#m_02 .pro_wrap .area_rgh {flex-direction: column; gap:37px; position: relative;}
	#m_02 .pro_wrap .area_rgh .pro-slick {width:100%;}
	#m_02 .pro_wrap .pager_wrap {align-items: flex-start;}
	#m_02 .pro_wrap .swiper-slide {flex-direction: column; gap:0; }
	#m_02 .pro_wrap .swiper-pagination {margin-top:40px; flex:0 0 100%; width:100%;}
	#m_02 .pro_wrap .swiper-pagination > * {flex: 0 0 calc(33% - 6px);}
	#m_02 .pro_wrap .swiper-pagination-clickable .swiper-pagination-bullet-active::after {display: none;}
	#m_02 .pro_wrap .swiper-pagination-clickable .swiper-pagination-bullet {font-size:1.125em; padding:14px 0 15px 15px;}
	#m_02 .pro_wrap .product-top {flex:0 0 auto; max-width: none; margin:0 auto;}
	#m_02 .pro_wrap .product-thumbs {flex:0 0 auto; max-width: none; top: -170px; left: 50vw; }
	
	/* MBKO 철학*/
	#m_03 .inner {height:80vh;}
	#m_03 .txt_wrap span {font-size:1.714em; line-height: 1.208em;}
	
	/* 주력상품 슬라이드*/
	#m_04 {padding:10px 0 40px 0;}
	#m_04 .best_pro {flex-direction: column;}
	#m_04 .best_pro .gallery-top {height:53.6vw; min-height:450px;}
	#m_04 .best_pro .area_lft {flex:0 0 100%; width:100%; max-width: 100%;}
	#m_04 .best_pro .area_rgh {flex:0 0 100%; width:100%; max-width: 100%; position: relative; top:-60px;}
	#m_04 .best_pro .area_rgh .swiper-slide {}
	#m_04 .best_pro .area_rgh .swiper-slide-container {width:50%; margin:0 auto;}
	#m_04 .best_pro .area_rgh .img_wrap::before {width:250px; height:250px;}
	
	/* 사업소개 */
	#m_05 {padding:95px 15px 75px 15px;}
	#m_05 .busi_wrap {gap:15px;}
	#m_05 .busi_wrap h3 {font-size:1.714em;}
	#m_05 .busi_wrap > * {flex:0 0 100%;}
	#m_05 .busi_wrap .con {padding:22px 20px; height: 237px !important;}
	#m_05 .busi_wrap .con:nth-child(1) {height:auto !important;}
	#m_05 .busi_wrap .con:nth-child(3) {top:auto;}
	#m_05 .busi_wrap .con:nth-child(4) {padding:22px 20px;}
	#m_05 .busi_wrap .con .tit {font-size:1.286em; margin-bottom:15px;}
	#m_05 .busi_wrap .con ul li {font-size:1em; line-height: 1.429em;}
	#m_05 .busi_wrap .con ul li::before {top:8px;}
	
	/* 뉴스 */
	#m_06 {padding:85px 0;}
	#m_06 .news_wrap {flex-direction: column;}
	#m_06 .news_wrap .area_lft {flex:0 0 100%;}
	#m_06 .news_wrap .area_lft h3 {font-size:1.714em;}
	#m_06 .news_wrap .area_lft p {font-size:1em; margin-top:25px;}
	#m_06 .news_wrap .area_lft .btn_wrap {margin-top:31px;}
	#m_06 .news_wrap .area_rgh {margin-top:50px;}
	#m_06 .news_wrap .area_rgh .news .tit div {font-size:0.667em; line-height: 29px;}
	#m_06 .news_wrap .area_rgh .news a::after {width:13px; height:7px; background-size: cover;}
	
	/* 견적문의 */
	#m_07 .inner {height:80vh;}
	#m_07 .txt_wrap p {font-size:1.714em;}
		
	/* 서브비주얼 */
	.sub_visual {margin-top:55px;}
	.sub_visual.sub_0101 {height:250px;}
	.snav_warp ul li a span {display:none;}
		
	/* 서브페이지 네비게이션 */
	.sub_tit h2 {font-size:2.857em;}
	.snav_warp {overflow-x: scroll;}
	.snav_warp > ul.submenu_pro {min-width: 1330px;}
	
	
}

@media screen and (max-width:768px) {	
	.only-sm {display:block;}	
	
	/*	footer */	
	#footer > .inner {flex-direction: column; align-content: flex-start; flex-wrap: nowrap; align-items: center}
	#footer > .inner .copy {margin:250px 0 0 0;}
	#footer > .inner .area_rgh {text-align: left; position: relative; left: 0px; top: -395px;}
	#footer > .inner .area_rgh ul li {padding:50px 20px 0 0;}
	#m_06 .news_wrap .area_rgh .news a {padding:15px 0 10px 0;}
	#m_06 .news_wrap .area_rgh .news .tit {gap:12px;}
	#m_06 .news_wrap .area_rgh .news .date {margin:5px 0 0 68px;}
	
	
}

@media screen and (max-width:425px) {
	
	#footer .inner {display: block;}
	#footer .area_rgh {text-align: left; position: absolute; top:40px; right: 20px;}
	
}

@media screen and (max-width:320px) {	
	
	
}