@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css");
* {margin: 0; padding: 0; font-family: 'SUIT', sans-serif;}
a:hover{text-decoration: none; color: #000;}
body, html {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; font-size: 17px;}
ul, li {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none; color: #333;}
h1, h2, h3, h4, h5, h6, span, strong, p, div, a, b {margin: 0; padding: 0;}
:focus-visible{outline: none;}
.gotoSee {
    border: none;
    background-color: transparent;
    position: relative;
}
.board_button_wrap{width: 1400px; margin: 0 auto;}
.pagination{justify-content: center;}
.pagination .active>a{background-color: #2886B4 !important; color: #FFFFFF !important; border: none !important;}
.pagination>li>a{border: none !important; background-color: #E1E1E1; margin: 0 4px;}
.gotoSee a div {
    z-index: 19;
    display: inline;
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 700;
}
.depth_area>a{color: #000 !important;}
.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}

.menuBTN {display: flex !important;}
.m_menuBTN {display: none !important;}

.section_fp {/* background-color: #0E1C4A; */ width: 100%; height: 100vh; display: flex; align-items: center; overflow: hidden;}
.section_fp:nth-child(2) {background-color: #fff;}
.section_fp:nth-child(5) {background-color: #fff;}

.fcc{display: flex; justify-content: center; align-items: center;}
.fcc.productmb{display: flex; justify-content: center; align-items: center; width: calc(25% - 20px); margin: 10px;}
.flex{display: flex;}
.jf{display: flex; justify-content: center;}
.af{display: flex; align-items: center;}
.fdc{display: flex; flex-direction: column;}
.jsbt{justify-content: space-between;}
.textCenter{text-align: center;}
.ac{align-items: center;}
.ae{align-items: end;}
.as{align-items: start;}
.flexwrap{flex-wrap: wrap;}
.top_button,
.top_button_sub { position: absolute !important; background: url(../image/img/trapezoid_white_big.png); width: 95px; height: 70px; border: none; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 100; position: fixed; bottom: 50px; right: 50px;}
.w100{width: 100%!important;}
.color-none{background-color: #ffffff00!important;}

.bi-arrow-left::before{color: #253a7c !important; font-weight: bold !important;}
.bi-arrow-right::before{color: #253a7c !important; font-weight: bold !important;}
/* login */

/* header */
.headPd{padding:0 48px;}
.header_wrap {position: fixed; top: 0; left: 0; width: 100%; z-index: 10; padding:30px; align-items: center; transition: all .3s;}
.header_wrap.header_wrap_main {background-color: rgba(0, 0, 0, .25);}
.header_wrap.white {background-color: #fff; transition: all .3s;}
.header_wrap.white .menu .titleMenu {color: #000;}
.header_wrap.white .rightMiniHeader .bi {color: #000;}
.header_wrap.white .menuBTN img {filter: invert(80%);}
.header_logo {position: relative;}
.header_logo > a {height: 100%;}
.header_gnb > ul {height: 100%; padding: 0 80px;}
.header_gnb > ul > li > a {display: block; color: #fff; padding:0 40px; font-size: 18px; height: 100%;}

.menu_m{display:none;}

.menu {cursor: pointer;   z-index: 15; /*mix-blend-mode: difference;*/}

.header_notice{background-color:#000; height:52px; }
.header_notice .notice_text{font-size:13px; color:#fff; line-height:1em; font-weight:500; margin-right:50px;}
.header_notice .info_btn{ font-size:13px; color:#fff; font-weight:500; border:1px solid #5a5a5a; padding:0 15px; border-radius:15px; display: flex; align-items: center; justify-content: center;}
.header_notice a {display: block; height: 25px;}

.headMenu{justify-content: space-between; align-items: center; height: 35px;}

    ul.first {width: 100%; display: flex; align-items: center; justify-content: flex-end; margin: 0 auto; height: 150px; background-color: #ffffff;}
    /* ul.first::before {content: ''; position: absolute; left: -55px; bottom: 0; background: url('../img/main/hand.png')no-repeat bottom / contain; width: 390px; height: 365px;} */
    ul.first li ul{width: 885px; display: flex; justify-content: flex-start; padding-left: 16px;}
    ul.first a {display: block; text-align: left; font-family: 'SUIT', sans-serif; font-size: 20px; font-weight: bold; margin-bottom: 15px;}
    ul.secocnd a {font-size: 16px; color: #999999; padding: 7px 0px; margin-bottom: 0; font-weight: 500; display: block; text-align: center; word-break: keep-all; word-wrap: break-word;}
    ul.secocnd a:hover { color: #fff; border-radius: 5px; color: #253a7c; text-decoration: none;}


.menu .titleMenu {font-size: 18px; margin: 0px; display: block; padding: 15px; text-align: center; color: #fff;}
.menu .contact{width: 120px; height: 33px; color: #ffffff; background-color: #253A7C; margin: 0 10px;}

.headerA {width: 750px;}

.rightMiniHeader .contact{font-size: 14px; }
.rightMiniHeader .bi{font-size: 20px; color: #fff;}

.secocnd {display: none; position: absolute; left: 0; top: 77px; border-top: 5px solid #0099C4; width: 100%; background-color: #fff; text-align: center; padding: 10px; box-shadow: 2px 2px 8px #43465742;}

.sbtitlemenuLeader {flex: 1 1 25%; position: relative;}
.sbtitlemenuLeader .fcc {width: auto;}

.globe_size {width: 35px; height: 35px; line-height: 35px; text-align: center;}
.globe_size .globeEN {display: none;}
.globe_size:hover {background-color: #253a7c; height: 35px; width: 35px; border-radius: 50%;}
.globe_size:hover .bi {color: #fff !important;}
.globe_size:hover .globeEN {display: block;}

.globeEN{text-align: center;}
.secondWrap{height: 100%; justify-content: space-between;}
.menuBTN {margin-left: 10px; display: flex; justify-content: center; align-items: center;}
.firstMenu>li:nth-child(2){padding-right: 180px;}
.firstMenu>li:nth-child(2)>ul{width: 700px; flex-wrap: wrap;}
.firstMenu>li:nth-child(2)>ul>.ddaa:nth-child(4){margin-right: 18px;}
.firstMenu>li:nth-child(2)>ul>.ddaa:nth-child(5){margin-right: 18px;}

.sbcover{display: none;}
.pcsconglobe{color: #606060 !important;}

.header_item{display: none; height: 100vh; background-color: #0E1C4A; position: fixed; z-index: 98; padding: 40px; width: 100%; left: 0; top: 0;}

.clickMenu .dep1_menu{width: 1256px; border-bottom: 1px solid #434D6D; padding: 20px 0;}
.clickMenu .dep1_menu a{color: #ffffff;}
.clickMenu .dep1_menu > a{width: 200px;}
.clickMenu .dep2_menu{display: flex;}
.clickMenu .dep2_menu a{color: #ffffff;}

.headerEX{fill: #ffffff;}
.headerEX:hover{cursor: pointer;}

.navyHeaderList{padding-left: 160px; padding-top: 80px;}
.navyHeaderList .dep1Title{font-size: 32px; }
.navyHeaderList .dep2_a{font-size: 17px; margin-left: 50px;}

.headerFooter{border-left: 1px solid #FFFFFF; padding-left: 40px; padding-bottom: 50px;}
.headerFooter .telNum{margin-top: 20px; margin-bottom: 40px;}
.headerFooter .telNum span{margin-right: 23px; color: #5c6996;}
.headerFooter .telNum .teltel {color: #ffffff !important; font-size: 17px;}
.headerfooterImg img{margin-right: 20px;}

.dsNone{display: none !important;}
.dsBlock{display: block !important;}

.m_menu_wrap {display: none;}

/* menu */
	.header_menu_area {position: fixed; width: 100%; left: 0; top: -100%; z-index: 140; height: 100vh; opacity: 0; display:none;}
	.m_header_menu_area{display:none;}

	.header_menu_wrap {height: 100%; position: relative;}
	.menu_footer {background-color: #000; height: 100%; padding: 30px 60px; color: #fff; flex: 1;}
	.menu_footer > h2 {font-size: 20px; margin-bottom: 12px;}
	.menu_footer > p {font-size: 16px; margin-bottom: 12px;}

	.menu_contents {background-color: #fff; padding: 120px 120px; height: 100%; flex: 6; position: relative;}
	.menu_contents > ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-content:flex-start; height: 660px;}
	.menu_contents > ul > li {width: 50%; /*height: 220px;*/ padding-right: 100px;}
	.menu_contents > ul > li > a {font-size: 30px; font-weight: 600; color: #010101; display: block; padding: 15px 0; border-bottom: 1px solid #aeaeae;}
	.menu_contents > ul > li > ul {padding:20px;}
	.menu_contents > ul > li > ul > li > a {padding-bottom: 15px; width: 50%; font-size:24px; color: #626262; display:flex; align-items:center;}
	.menu_contents > ul > li > ul > li > a > .text_sqare{display:block; width:5px; height:5px; background-color:#626262; margin-right:8px;}

	.closeBtn {position:absolute ; top: 15px; right: 15px; z-index: 14; cursor: pointer; padding: 15px;}
	.m_closeBtn {position:absolute ; top: 15px; right: 15px; z-index: 14; cursor: pointer; padding: 15px;}

    #responBoard{width: 1400px; margin: 0 auto;}

/* sub header */
.header_wrap_sub{position: fixed; top: 0; left: 0; width:100%; z-index:98; transform:translateY(0px); transition:all .4s; border-bottom: 1px solid #ffffff4f;}
.header_wrap_sub.scrolled {background-color: rgba(255,255,255,0.4); border-bottom: 1px solid #b1b1b152; backdrop-filter: blur(10px);}
.header_wrap_sub .titleMenu {color: #fff;}

.header_wrap_sub .logo_w{display: block;}
.header_wrap_sub.scrolled .logo_w{display: none;}

.header_wrap_sub .logo_c{display: none;}
.header_wrap_sub.scrolled .logo_c{display: block;}

.header_wrap_sub .titleMenu {color: #fff;}
.header_wrap_sub.scrolled .titleMenu {color: #000;}

.header_wrap_sub .rightMiniHeader .bi {color: #fff;}
.header_wrap_sub.scrolled .rightMiniHeader .bi {color: #000;}

.header_wrap_sub .menuBTN img {filter: invert(30%);}
.header_wrap_sub.scrolled .menuBTN img {filter: invert(100%);}

.header_wrap_sub .logo_w{display: block;}
.header_wrap_sub.on .logo_w{display: none;}

.header_wrap_sub .logo_c{display: none;}
.header_wrap_sub.on .logo_c{display: block;}

.header_wrap_sub .titleMenu {color: #fff;}
.header_wrap_sub.on .titleMenu {color: #000;}

.header_wrap_sub .rightMiniHeader .bi {color: #fff;}
.header_wrap_sub.on .rightMiniHeader .bi {color: #000;}

.header_wrap_sub .menuBTN img {filter: invert(30%);}
.header_wrap_sub.on .menuBTN img {filter: invert(100%);}

.gnb_wrap {width: 100%; background-color:#fff; height: 100px; border-bottom:1px solid #ebebeb;}
.header_logo_sub {position: relative; padding: 0 40px;}
.header_logo_sub > a {height: 100%;}

.header_gnb_sub > ul {height: 100%; padding: 0 80px;}
.header_gnb_sub > ul > li > a {display: block; color: #000; padding:0 40px; font-size: 18px; height: 100%;}

.menu_sub {cursor: pointer; position: fixed; top: 79px; right: 145px; z-index: 120; padding: 10px; mix-blend-mode: difference;}
.menu_sub > div {background-color: #fff; width: 20px; height: 2px; margin: 5px 0; }
.menu_sub > div:nth-child(2) {width: 15px; margin-left: auto;}

.m_gnb_button{background-color:#fff; width:100%; height:55px; text-align:center; border-bottom:1px solid #ebebeb; z-index:1; transform: translateY(0px); transition:all .4s; padding:0 25px;}
.m_gnb_button ul{display:flex; justify-content:flex-start; align-items:center; width:100%; height:100%; overflow-x:auto;}
.m_gnb_button ul li{margin-right:20px; display:block; font-size:14px; border:1px solid #ddd; color:#333; padding:8px 10px; background-color:#fff; line-height:1em;}
.m_gnb_button ul li:last-child{margin-right:0;}

.scroll_plus1{transform: translateY(-55px);}

/* 서브비쥬얼 */
.pcscon{display: none;}
.gnb_wrap{background: transparent;}
.sv_img img{width: 100%; height: 400px;}
.sub_visual{position: relative;}
.svAB{position: absolute; color: #FFFFFF; height: 220px; z-index: 2; left: 50%; top: 45%; transform: translate(-50%, 0%); width: 100%;}
.subTopMenu a{color: #FFFFFF;}
.header_logo_sub{display: flex; justify-content: space-between; width: 100%;}
.svSbMenu .bi-chevron-right{padding: 0 15px; }
.svSbMenu {margin-top: 16px; text-align: center;}
.sv_tit h3{font-size: 38px;}
.svSbMenu>a>.bi-house,.val1Link{color:#FFFFFF}
.val1Link:hover{color: #FFFFFF; text-decoration: none;}

/* section */
.m_contactus_btn {position: fixed; right: -75px; top: 180px; z-index: 21; background-color: #0099C4; border-radius: 20px 0 0 20px; height: 50px; width: 120px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; cursor: pointer;}
.m_contactus_btn > i{font-size:20px; color:#fff;}
.m_contactus_btn > span {color: #fff; font-size: 16px; width: 100%;}

.fp-tableCell {position: relative; height: 900px !important;}
.section3 .fp-tableCell {display: flex; height: max-content!important; padding-top: 150px;}
.newsSection{background:url(../image/img/main04_bg.jpg);}
.section_fp {position: relative;}
.section_fp .vimeo-cover {position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0;}
.section_fp .vimeo-wrapper {position: relative; height: 83%;}
.section_fp .vimeo-wrapper iframe {width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* .section_fp .vimeo-wrapper iframe {width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute;} */
.section_fp .scroll_down {position: absolute; left: 50%; bottom: 30px;transform: translateX(-50%);}
.section_fp .scroll_down > span {text-transform: capitalize; color: #fff;}
.section_fp .scroll_down > img {text-transform: capitalize; color: #fff; animation: scrolldown infinite 2s ease-in-out; opacity: 0; margin-top: 15px;}

.newsSection.fcc {margin: 0;}
.newsSection .fcc {width: 100%;}
.newsSection .fcc p{font-size: 24px;color: #2886b4; margin-bottom: 24px;}
.newsSection .fcc h2{font-size: 44px;color: #ffffff;}
.newsSection .fcc h2 strong{font-weight: 700;}
.sectionTitle{font-weight: bold;}
.newsTitleLeader p{font-weight: bold;}
/* .newsListWidget{margin-top: 164px;} */
@keyframes scrolldown {
    0%{transform: translateY(50%);opacity: 0.7;}
    50%{ transform: translateY(0%); opacity: 0.2;}
    100%{ transform: translateY(50%); opacity: 0.7;}
}

/* section2 */
.section_fp:nth-child(2) .section_wrap {width: 100%;}
/* .businessAreaList:nth-child(1) .areaList{background: url(../image/img/main02_01.jpg); background-repeat: no-repeat; background-size: contain;} */
/* .businessAreaList:nth-child(2) .areaList{background: url(../image/img/main02_02.jpg); background-repeat: no-repeat; background-size: cover;}
.businessAreaList:nth-child(3) .areaList{background: url(../image/img/main02_03.jpg); background-repeat: no-repeat; background-size: cover;}
.businessAreaList:nth-child(4) .areaList{background: url(../image/img/main02_04.jpg); background-repeat: no-repeat; background-size: cover;}
.businessAreaList:nth-child(5) .areaList{background: url(../image/img/main02_05.jpg); background-repeat: no-repeat; background-size: cover;} */
/* .section2Flex{display: flex; flex-direction: row-reverse;} */

.businessAreaList .areaList{width: 960px;  height: 500px; color: #ffffff; position: relative;}
.areaList h2{margin: 10px 0;}
.areaList .gotoSee{display: block; margin-top: 25px;}
.areaList .gotoSee div{color: #ffffff;}
.section2 .swiper-pagination{position: static; display: flex; flex-direction: column; margin-top: 125px;}
.section2 .swiper-pagination-bullet{background-color: transparent; width: 350px; height: auto; font-size: 28px; font-weight: bold; margin-bottom: 24px; text-align: left;}
.s2SwiperLeader{width: calc(100% - ((100% - 82%) / 2));}
.swiperBSLeader{overflow: hidden; width: 100%;}
.swiperBS .swiper-slide-next{opacity: 0.4;}
.swiperBS ul{width: 1400px;}
.swiperBS ul li{overflow: hidden}
.section2 .swiperBS .sectionTitle {font-size: 24px; color:#2886b4;}
.section2 .swiperBS .sectionDetail {font-size: 44px; margin-bottom: 48px;}
.section2 .section2Ab{position: absolute; top: 255px; left: 56px;}
.section2 .s2Angle{margin-right: 50px;}
.s2Angle{position:static; display: inline; width: 5%; margin-top: 0; }
.section2 i{font-size: 16px; color: #253a7c; font-weight: bold; padding: 13px;} 
.section2 .swiper-button-prev::after {display: none;}
.section2 .swiper-button-next::after {display: none;}
.section2 .swiper-pagination{padding:0; padding-right: 50px;}
.section2 .fp-tableCell {display: flex; justify-content: flex-end; align-items: center;}
.section2 .swiper-pagination-bullet{opacity: 1; color: #aaaaaa;}
.section2 .swiper-pagination-bullet-active{font-weight: bold; color: #333333; opacity: 1;}
.swiper-slide-next .section2Ab{display: none;}

.swiper-wrapper{transition-timing-function: linear;}
.page{display: flex;}
.h_cover{box-shadow: 0 10px 10px rgba(0,0,0,0.2)}
/* section3 */
.section_fp:nth-child(3) {background: url(../image/img/logo_background.png) no-repeat center; background-position-y: 0;}
.section3{display: flex !important;}
.section3 .fp-tableCell{display: flex; justify-content: center; align-items: flex-start; overflow: hidden;}
.section3 .textBox div{ margin-bottom: 12px;}
.section3 .textBox .textDetail{font-size: 24px;}
.section3 .textBox {padding: 40px;}

.section3UL{width: 946px;}
.section3 .miniTag{border: 1px solid #fff;}
.section3 .swiperProduct{margin-left: 250px; overflow: hidden;}
.section3 .swiper-button-prev::after {display: none;}
.section3 .swiper-button-next::after {display: none;}
.section3 .pageNumber{margin-top: 85px;}
.section3 .swiper-slide{
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.section3 .swiper-slide:hover{border: 1px solid #253a7c; box-shadow: 4px 4px 20px #26448587; transition: all 0.3s ease-in-out;}
.section3 .sectionTitle{font-size: 24px; color: #2886b4; margin-bottom: 25px;} 
.section3 h2{font-size: 44px; line-height: 56px; font-family: 'Noto Sans KR', sans-serif;}
.section3 i {padding: 12px;}
.section3 .section3UL .s3Img{width: 100%; transition: all 0.3s ease-in-out; height: 390px; border-bottom: 1px solid #eee; z-index: 1; position: relative;}
.section3 .section3UL div{overflow: hidden;}
.section3 .swiper-slide .textBox { transition: background-color 0.3s, color 0.3s; z-index: 2; position: relative;}
  
.section3 .swiper-slide:hover .textBox {background-color: #253a7c; color: #ffffff; transition: all 0.3s ease-in-out;}
.section3 .swiper-slide:hover .detail{color: #ffffff;}
.section3 .swiper-slide:hover .s3Img{transform: scale(1.05); transition: all 0.3s ease-in-out;}
.section3 .swiper-slide-active{margin-top: 0;}

/* .section3 .swiper-slide{opacity: 0; transition: all .3s;} */
.section3 .swiper-slide-next,.section3 .swiper-slide-active{opacity:1; transition: all .3s;}
.swiper-scrollbar1, .swiper-scrollbar2{height: 7px; margin-top: 20px;}
.swiper-scrollbar2 .swiper-scrollbar-drag{background: #253a7c;}
.swiper-scrollbar1 .swiper-scrollbar-drag{background: #2886b4;}

/* section4 */
.section_portfolio {padding: 0 120px;}
.section_portfolio > h2 {color: #d3c19e; font-size: 70px; text-transform: capitalize; letter-spacing: -1px;}
.section_portfolio > h2 b {font-size: 100px; font-weight: 500;}
.section_portfolio span:first-child { font-weight: 500;}
.section_portfolio span:last-child {color: #5e5543; font-size: 18px;}

.section_thumbnail {padding: 80px 0;}
.section_thumbnail ul {width: 1000px; margin: auto;}
.section_thumbnail > ul > li {width: 190px; height: 200px; background-color: #fab; margin: 5px;}

.section_thumbnail_m{display:none;}
.newsSection{display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important;}
.newsSection .fp-tableCell h2 {font-weight: 100;}
.newsSection .fp-tableCell{height: auto !important; width: 1520px !important;}
.newsTitleLeader {margin-bottom: 60px !important;}
.newsSection i {padding: 12px;}
/* section5 */
.clientList{flex-wrap: wrap; width: 950px; margin: 60px auto; justify-content: flex-start; }
.clientImg{border: 1px solid #C5C5C5; width: calc(25% - 20px); height: 80px; margin: 10px;}
.clientImg:nth-child(1){background: url(../image/img/customer/hover/partner01_on.png); background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(2){background: url(../image/img/customer/hover/partner02_on.png); background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(3){background: url(../image/img/customer/hover/partner03_on.png); background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(4){background: url(../image/img/customer/hover/partner04_on.png); background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(5){background: url(../image/img/customer/hover/partner05_on.png); background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(6){background: url(../image/img/customer/hover/partner06_on_240627.png); background-repeat: no-repeat; background-position: center; background-size: 44% auto;}
.clientImg:nth-child(7){background: url(../image/img/customer/hover/partner07_on_240627.png); background-repeat: no-repeat; background-position: center; background-size: 44% auto;}
.clientImg:nth-child(8){background: url(../image/img/customer/hover/partner08_on_240627.png); background-repeat: no-repeat; background-position: center; background-size: 65% auto;}
.clientImg:nth-child(9){background: url(../image/img/customer/hover/partner09_on_240627.png); background-repeat: no-repeat; background-position: center; background-size: 78% auto;}
.clientImg:nth-child(10){background: url(../image/img/customer//hover/partner10_on_240627.png); background-repeat: no-repeat; background-position: center; background-size: 75% auto;}

.clientImg:nth-child(11){background: url(../image/img/customer/hover/partner11_on.png); background-repeat: no-repeat; background-position: center; background-size: 50% auto;}
.clientImg:nth-child(12){background: url(../image/img/customer/hover/partner12_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 70%;}
.clientImg:nth-child(13){background: url(../image/img/customer/hover/partner13_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 70%;}
.clientImg:nth-child(14){background: url(../image/img/customer/hover/partner14_on.png); background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(15){background: url(../image/img/customer/hover/partner15_on.png); background-repeat: no-repeat; background-position: center; background-size: 100% 45%;}
.clientImg:nth-child(16){background: url(../image/img/customer/hover/partner16_on.png); background-repeat: no-repeat; background-position: center; background-size: 70% 54%;}
.clientImg:nth-child(17){background: url(../image/img/customer/hover/partner17_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(18){background: url(../image/img/customer/hover/partner18_on.png); background-repeat: no-repeat; background-position: center; background-size: 95% 45%;}
.clientImg:nth-child(19){background: url(../image/img/customer/hover/partner19_on.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto;}
.clientImg:nth-child(20){background: url(../image/img/customer/hover/partner20_on.png); background-repeat: no-repeat; background-position: center; background-size: 165% 298%;}
.clientImg:nth-child(21){background: url(../image/img/customer/hover/partner21_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
.clientImg:nth-child(22){background: url(../image/img/customer/hover/partner22_on.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto;}
.clientImg:nth-child(23){background: url(../image/img/customer/hover/partner23_on.png); background-repeat: no-repeat; background-position: center; background-size: 70% auto;}
.clientImg:nth-child(24){background: url(../image/img/customer/hover/partner24_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(25){background: url(../image/img/customer/hover/partner25_on.png); background-repeat: no-repeat; background-position: center; background-size: 82% auto;}
.clientImg:nth-child(26){background: url(../image/img/customer/hover/partner26_on.png); background-repeat: no-repeat; background-position: center; background-size: 86% auto;}
.clientImg:nth-child(27){background: url(../image/img/customer/hover/partner27_on.png); background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(28){background: url(../image/img/customer/hover/partner28_on.png); background-repeat: no-repeat; background-position: center; background-size: 75% auto;}
.clientImg:nth-child(29){background: url(../image/img/customer/hover/partner29_on.png); background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(30){background: url(../image/img/customer/hover/partner30_on.png); background-repeat: no-repeat; background-position: center; background-size: 114% auto;}
.clientImg:nth-child(31){background: url(../image/img/customer/hover/partner31_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
.clientImg:nth-child(32){background: url(../image/img/customer/hover/partner32_on.png); background-repeat: no-repeat; background-position: center; background-size: 70% auto;}
.clientImg:nth-child(33){background: url(../image/img/customer/hover/partner33_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(34){background: url(../image/img/customer/hover/partner34_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 70%;}
.clientImg:nth-child(35){background: url(../image/img/customer/hover/partner35_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(36){background: url(../image/img/customer/hover/partner36_on.png); background-repeat: no-repeat; background-position: center; background-size: 75% auto;}
.clientImg:nth-child(37){background: url(../image/img/customer/hover/partner37_on.png); background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(38){background: url(../image/img/customer/hover/partner38_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(39){background: url(../image/img/customer/hover/partner39_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
.clientImg:nth-child(40){background: url(../image/img/customer/hover/partner40_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% 50%;}
.clientImg:nth-child(41){background: url(../image/img/customer/hover/partner41_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(42){background: url(../image/img/customer/hover/partner42_on.png); background-repeat: no-repeat; background-position: center; background-size: 57% 30%;}
.clientImg:nth-child(43){background: url(../image/img/customer/hover/partner43_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(44){background: url(../image/img/customer/hover/partner44_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
.clientImg:nth-child(45){background: url(../image/img/customer/hover/partner45_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
.clientImg:nth-child(46){background: url(../image/img/customer/hover/partner46_on.png); background-repeat: no-repeat; background-position: center; background-size: 87% auto;}
.clientImg:nth-child(47){background: url(../image/img/customer/hover/partner47_on.png); background-repeat: no-repeat; background-position: center; background-size: 75% auto;}
.clientImg:nth-child(48){background: url(../image/img/customer/hover/partner48_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(49){background: url(../image/img/customer/hover/partner49_on.png); background-repeat: no-repeat; background-position: center; background-size: 70% auto;}
.clientImg:nth-child(50){background: url(../image/img/customer/hover/partner50_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% 60%;}
.clientImg:nth-child(51){background: url(../image/img/customer/hover/partner51_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(52){background: url(../image/img/customer/hover/partner52_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
.clientImg:nth-child(53){background: url(../image/img/customer/hover/partner53_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(54){background: url(../image/img/customer/hover/partner54_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
.clientImg:nth-child(55){background: url(../image/img/customer/hover/partner55_on.png); background-repeat: no-repeat; background-position: center; background-size: 70% auto;}
.clientImg:nth-child(56){background: url(../image/img/customer/hover/partner56_on.png); background-repeat: no-repeat; background-position: center; background-size: 85% auto;}
.clientImg:nth-child(57){background: url(../image/img/customer/hover/partner57_on.png); background-repeat: no-repeat; background-position: center; background-size: 93% auto;}
.clientImg:nth-child(58){background: url(../image/img/customer/hover/partner58_on.png); background-repeat: no-repeat; background-position: center; background-size: 40% auto}
.clientImg:nth-child(59){background: url(../image/img/customer/partner59.png); background-repeat: no-repeat; background-position: center; background-size: 75% auto;}
.clientImg:nth-child(60){background: url(../image/img/customer/hover/partner60_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% 70%;}
.clientImg:nth-child(61){background: url(../image/img/customer/hover/partner61_on.png); background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(62){background: url(../image/img/customer/hover/partner62_on.png); background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
.clientImg:nth-child(63){background: url(../image/img/customer/partner63.png); background-repeat: no-repeat; background-position: center; background-size: 75% auto;}
.clientImg:nth-child(64){background: url(../image/img/customer/hover/partner64_on.png); background-repeat: no-repeat; background-position: center; background-size: 83% auto;}
.clientImg:nth-child(65){background: url(../image/img/customer/hover/partner65_on.png); background-repeat: no-repeat; background-position: center; background-size: 120% auto;}
.clientImg:nth-child(66){background: url(../image/img/customer/hover/partner66_on.png); background-repeat: no-repeat; background-position: center; background-size: 90% auto;}
.clientImg:nth-child(67){background: url(../image/img/customer/hover/partner67_on.png); background-repeat: no-repeat; background-position: center; background-size: 50% 40%;}

/* section5 고객사 마우스오버 이미지 */
.clientImg:hover{cursor: pointer; }
/* .clientImg:nth-child(1):hover{background: url(../image/img/customer/hover/partner01_on.png);  background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(2):hover{background: url(../image/img/customer/hover/partner02_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(3):hover{background: url(../image/img/customer/hover/partner03_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(4):hover{background: url(../image/img/customer/hover/partner04_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(5):hover{background: url(../image/img/customer/hover/partner05_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(6):hover{background: url(../image/img/customer/hover/partner06_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(7):hover{background: url(../image/img/customer/hover/partner07_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(8):hover{background: url(../image/img/customer/hover/partner08_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(9):hover{background: url(../image/img/customer/hover/partner09_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}
.clientImg:nth-child(10):hover{background: url(../image/img/customer/hover/partner10_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center;}

.clientImg:nth-child(11):hover{background: url(../image/img/customer/hover/partner11_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 70%;}
.clientImg:nth-child(12):hover{background: url(../image/img/customer/hover/partner12_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 70%;}
.clientImg:nth-child(13):hover{background: url(../image/img/customer/hover/partner13_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 70%;}
.clientImg:nth-child(14):hover{background: url(../image/img/customer/hover/partner14_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(15):hover{background: url(../image/img/customer/hover/partner15_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 90% 40%;}
.clientImg:nth-child(16):hover{background: url(../image/img/customer/hover/partner16_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 40%;}
.clientImg:nth-child(17):hover{background: url(../image/img/customer/hover/partner17_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(18):hover{background: url(../image/img/customer/hover/partner18_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 70% 40%;}
.clientImg:nth-child(19):hover{background: url(../image/img/customer/hover/partner19_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(20):hover{background: url(../image/img/customer/hover/partner20_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 70% 100%;}
.clientImg:nth-child(21):hover{background: url(../image/img/customer/hover/partner21_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(22):hover{background: url(../image/img/customer/hover/partner22_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 90% 30%;}
.clientImg:nth-child(23):hover{background: url(../image/img/customer/hover/partner23_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 46%;}
.clientImg:nth-child(24):hover{background: url(../image/img/customer/hover/partner24_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(25):hover{background: url(../image/img/customer/hover/partner25_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(26):hover{background: url(../image/img/customer/hover/partner26_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(27):hover{background: url(../image/img/customer/hover/partner27_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(28):hover{background: url(../image/img/customer/hover/partner28_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(29):hover{background: url(../image/img/customer/hover/partner29_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(30):hover{background: url(../image/img/customer/hover/partner30_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 80% 70%;}
.clientImg:nth-child(31):hover{background: url(../image/img/customer/hover/partner31_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(32):hover{background: url(../image/img/customer/hover/partner32_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 30%;}
.clientImg:nth-child(33):hover{background: url(../image/img/customer/hover/partner33_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(34):hover{background: url(../image/img/customer/hover/partner34_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 70%;}
.clientImg:nth-child(35):hover{background: url(../image/img/customer/hover/partner35_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(36):hover{background: url(../image/img/customer/hover/partner36_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(37):hover{background: url(../image/img/customer/hover/partner37_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(38):hover{background: url(../image/img/customer/hover/partner38_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(39):hover{background: url(../image/img/customer/hover/partner39_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(40):hover{background: url(../image/img/customer/hover/partner40_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 80% 50%;}
.clientImg:nth-child(41):hover{background: url(../image/img/customer/hover/partner41_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(42):hover{background: url(../image/img/customer/hover/partner42_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 57% 30%;}
.clientImg:nth-child(43):hover{background: url(../image/img/customer/hover/partner43_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(44):hover{background: url(../image/img/customer/hover/partner44_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 58%;}
.clientImg:nth-child(45):hover{background: url(../image/img/customer/hover/partner45_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(46):hover{background: url(../image/img/customer/hover/partner46_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 110%;}
.clientImg:nth-child(47):hover{background: url(../image/img/customer/hover/partner47_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 60%;}
.clientImg:nth-child(48):hover{background: url(../image/img/customer/hover/partner48_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(49):hover{background: url(../image/img/customer/hover/partner49_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 47%;}
.clientImg:nth-child(50):hover{background: url(../image/img/customer/hover/partner50_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 80% 60%;}
.clientImg:nth-child(51):hover{background: url(../image/img/customer/hover/partner51_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(52):hover{background: url(../image/img/customer/hover/partner52_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 70% 40%;}
.clientImg:nth-child(53):hover{background: url(../image/img/customer/hover/partner53_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(54):hover{background: url(../image/img/customer/hover/partner54_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 70%;}
.clientImg:nth-child(55):hover{background: url(../image/img/customer/hover/partner55_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(56):hover{background: url(../image/img/customer/hover/partner56_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(57):hover{background: url(../image/img/customer/hover/partner57_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 80% 30%;}
.clientImg:nth-child(58):hover{background: url(../image/img/customer/hover/partner58_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 40% 50%;}
.clientImg:nth-child(59):hover{background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 40%;}
.clientImg:nth-child(60):hover{background: url(../image/img/customer/hover/partner60_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 80% 70%;}
.clientImg:nth-child(61):hover{background: url(../image/img/customer/hover/partner61_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 60%;}
.clientImg:nth-child(62):hover{background: url(../image/img/customer/hover/partner62_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 80% 25%;}
.clientImg:nth-child(63):hover{background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 50%;}
.clientImg:nth-child(64):hover{background: url(../image/img/customer/hover/partner64_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 70%;}
.clientImg:nth-child(65):hover{background: url(../image/img/customer/hover/partner65_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 103% 157%;}
.clientImg:nth-child(66):hover{background: url(../image/img/customer/hover/partner66_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 60% 40%;}
.clientImg:nth-child(67):hover{background: url(../image/img/customer/hover/partner67_on.png); background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 50% 40%;} */

.clientGo{display: block; margin: 0 auto; }
.clientSection{background: url(../image/img/main05_bg.jpg); background-repeat: no-repeat; background-size: cover;}
.clientSection .fcc p{font-size: 24px;color: #2886b4; font-weight: bold; margin-bottom: 20px;}
.clientSection h2{line-height: 56px; font-size: 44px;}
.clientSection .fp-tableCell {display: flex; justify-content: center; align-items: center; flex-direction: column; height: fit-content !important; padding-bottom: 100px;}
.clientSection i {padding: 12px;}
/* footer */
.footer_wrap {width: 80%; padding: 50px 0; margin: 0 auto;}
.footer_wrap .footerInfo p{color:#7E87A7; margin-right: 38px;}
.footer_address > ul {padding-bottom: 20px; width:320px;}
.footerCopy{color: #ffffff; margin-top: 16px; font-weight: 100;}
.footerMap{margin-bottom: 32px;}
.footerMap a{margin-left: 35px; color: #ffffff;}
.footerMap button {background-color: transparent;color: #ffffff; border: 0;}
.footerIcon{ justify-content: end;}
.footerIcon div{width: 40px; height: 40px; background-color: #ffffff; margin-left: 8px;  border-radius: 50%;}
.footerIcon .fcc a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.footerIcon div img {vertical-align: sub;}
.footerBorder{border-top: 1px solid #27335C;}
.footer_header_item{display: flex; width: 60%; justify-content: space-between; padding-bottom: 80px;}
.footer_header_item a{color: #ffffff;}
.footerLeader .dep2_menu{margin-top: 20px;}
.footerLeader .dep2_a_wrap a{color: #aeb5ce;}
.footerLeader:last-child{padding-top: 70px;}
.footerLeader{background-color: #0E1C4A;}

.subFooter{background: none !important; background-color: #0E1C4A !important; height: auto; flex-direction: column; padding-top: 70px;}

/*.footer_address > ul > li {padding-right: 20px;}*/
.footer_address > ul > .footerIcon > a span {color: #fff; position: relative; font-size: 14px;}
.footer_address > ul > .footerIcon > a span::after {position: absolute; content:''; background-color: #fff; width: 1px; height: 10px; top: 50%; transform: translateY(-50%); right: -20px;}
.footer_address > ul > .footerIcon:last-child > a span::after {display: none;}

.footer_sns > ul > .footerIcon {border-radius: 100%; border:1px solid #686868; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; margin-left: 15px; overflow: hidden; flex-direction: column; cursor: pointer; transition: all .3s; background-color: #ffffff;}  
.footer_sns > ul > .footerIcon:hover {padding-top: 0; background-color: rgba(255, 255, 255, .6); transition: all .3s;}
.footer_sns > ul > .footerIcon > img {display: block;}
.footer_sns > ul > .footerIcon > a > img {margin-left: -2px;}
.footer_txt, .footer_copyright {color: #9b9b9b; font-size: 14px; padding-bottom:10px;}
.footerLeader .fp-tableCell {display: flex; justify-content: center; align-items: center; flex-direction: column;} 
.footerWidthWrap{width: 80%; margin: 0 auto;}
/* footer_sub */
.footer_wrap_sub {background-color:#000; padding: 40px 0;}

/* sub-contents */
/* .sub_content {padding-top:152px;} */
/* .sub_content_order {padding-top:152px;} */
/* .container_sub{width:1230px; padding:0 15px; margin: 0 auto;} */

/*anchor*/
.fp-viewing-1 #fp-nav ul li a span,
.fp-viewing-1 .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 12px; width: 12px; border: 1px solid #777;}
.fp-viewing-1 #fp-nav ul li a.active span,
.fp-viewing-1 .fp-slidesNav ul li a.active span,
.fp-viewing-1 #fp-nav ul li:hover a.active span,
.fp-viewing-1 .fp-slidesNav ul li:hover a.active span {background-color: #000;}

/*.fp-viewing-3 .menu div {background-color: #d3c19e;}*/
.fp-viewing-3 #fp-nav ul li a span,
.fp-viewing-3 .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 12px; width: 12px; border: 1px solid #d3c19e;}
.fp-viewing-3 #fp-nav ul li a.active span,
.fp-viewing-3 .fp-slidesNav ul li a.active span,
.fp-viewing-3 #fp-nav ul li:hover a.active span,
.fp-viewing-3 .fp-slidesNav ul li:hover a.active span {background-color: #d3c19e;}

.fp-viewing-4 #fp-nav ul li a span,
.fp-viewing-4 .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 12px; width: 12px; border: 1px solid #777;}
.fp-viewing-4 #fp-nav ul li a.active span,
.fp-viewing-4 .fp-slidesNav ul li a.active span,
.fp-viewing-4 #fp-nav ul li:hover a.active span,
.fp-viewing-4 .fp-slidesNav ul li:hover a.active span {background-color: #000;}

.fp-viewing-5 #fp-nav ul li a span,
.fp-viewing-5 .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 12px; width: 12px; border: 1px solid #777;}
.fp-viewing-5 #fp-nav ul li a.active span,
.fp-viewing-5 .fp-slidesNav ul li a.active span,
.fp-viewing-5 #fp-nav ul li:hover a.active span,
.fp-viewing-5 .fp-slidesNav ul li:hover a.active span {background-color: #000;}


/* 게시판 */
.board_section{padding:100px 0;}
	.extravarbox1{margin-bottom:30px;}
	.document_popup_menu {display:none;}
	.gallerytitle{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px; font-weight:500; color:#333;}
.infoN>tr>td{font-weight: 600 !important;}
    
/* 서브탭 */
.sub_tab {width: 100% ; height: 70px; display: flex; position: absolute; bottom: 0;justify-content: center; align-items: center; background-color:rgba(0,0,0,.5);}
.sub_tab .tab_wrap{width: 1400px; height: 100%;}
.depth_two {display: flex; height: 100%; justify-content: space-between;}
.depth_two li{width: 100%;}
.depth_two a{width: 100%; text-align: center; height: 100%; display: flex; justify-content: center; align-items: center;}
.depth_two .active{background-color: #2886b4; height: 100%;}



/* 우측 페이지네이션 */
#fp-nav ul li a span, .fp-slidesNav ul li a span{border: none;}
.fp-viewing-1 #fp-nav ul li a span, .fp-viewing-1 .fp-slidesNav ul li a span{border: none;}
.fp-viewing-3 #fp-nav ul li a.active span, .fp-viewing-3 .fp-slidesNav ul li a.active span, .fp-viewing-3 #fp-nav ul li:hover a.active span, .fp-viewing-3 .fp-slidesNav ul li:hover a.active span{background: none;}
.fp-viewing-4 #fp-nav ul li a span, .fp-viewing-4 .fp-slidesNav ul li a span{border: none;}
.fp-viewing-4 #fp-nav ul li a.active span, .fp-viewing-4 .fp-slidesNav ul li a.active span, .fp-viewing-4 #fp-nav ul li:hover a.active span, .fp-viewing-4 .fp-slidesNav ul li:hover a.active span{background: none;}
.fp-viewing-5 #fp-nav ul li a.active span, .fp-viewing-5 .fp-slidesNav ul li a.active span, .fp-viewing-5 #fp-nav ul li:hover a.active span, .fp-viewing-5 .fp-slidesNav ul li:hover a.active span{background: none;}
.fp-viewing-5 #fp-nav ul li a span, .fp-viewing-5 .fp-slidesNav ul li a span{border: none;}
.fp-viewing-3 #fp-nav ul li a span, .fp-viewing-3 .fp-slidesNav ul li a span{border: none;}
.fp-viewing-1 #fp-nav ul li a.active span, .fp-viewing-1 .fp-slidesNav ul li a.active span, .fp-viewing-1 #fp-nav ul li:hover a.active span, .fp-viewing-1 .fp-slidesNav ul li:hover a.active span{background: none;}
#fp-nav ul li a, .fp-slidesNav ul li a{background: url(../image/img/nav_btn_sky.png);width: 30px;height: 20px; background-repeat: no-repeat; background-size: contain; margin-bottom: 25px;}
#fp-nav ul li, .fp-slidesNav ul li{margin-bottom: 25px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background: none; border: none;}
#fp-nav .active{background: url(../image/img/nav_btn_active.png); width: 30px; height: 20px; background-repeat: no-repeat; background-size: contain;}
#fp-nav.right{right: 40px; z-index: 0;}
.right ul li:first-child{display: none !important;}
.right ul li:last-child{display: none !important;}


.hidden-md, .hidden-lg {display: none;}

.swiper-pagination2 {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .swiper-pagination2 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 5px;
    cursor: pointer;
  }
  .swiper-pagination2 .swiper-pagination-bullet-active {
    background-color: #000;
  }
.leftAngle{padding-right: 10px;}
.rightAngle{padding-left: 10px;}
/* 콘텐츠페이지 */
.width100{width: 100%;}
.sub_contents{width: 100%; padding: 75px 0; margin: 0 auto; min-height: 80vh;}
.navyLine{text-align: center; margin-bottom: 45px;}
.navyLine::after{content: " ";height: 75px;width: 1px;background-color: #2886B4;display: block;margin: 0 auto;}
.greetingNotice{text-align: center; font-weight: bold; font-size: 40px;}
.greetingNotice{margin-bottom: 50px; margin-top: 50px; }
.width1400, .w-1400{width: 1400px; margin: 0 auto;}
.width1200{width: 1200px; margin: 0 auto;}
.w-1000{width: 1000px; margin: 0 auto;}
.width1400>img{width: 100%;}
/* 인사말 */
.greetingLeader{display: flex; justify-content: center; align-items: center;}
.greetingNotice span{color: #15337b;}
.greetingContent{background-color: #F4F4F4; width: 100%; text-align: center; padding: 70px 0}
.greetingContent2{line-height: 32px; font-size: 17px;}
.greetingContent1{line-height: 30px; font-size: 18px;}
/* 사업영역 */
.automotiveLeader{display: flex; justify-content: center; align-items: center;}
.autoImg{position: relative;}
.autoImg>img {width: 100%;}
.imgText{position:absolute; top:50%; left: 10%; color: white; transform: translateY(-50%);}
.imtText>h1{font-size: 32px;}
.subimgText{color: #e2ce61; font-size: 17px;}
.imgTextTitle{margin-bottom: 26px;}
.imgTextContent{font-size: 17px;}
.productBox:hover .productImg>img{transform: scale(1.1); transition: all 0.4s ease-in-out;}
.productImg{width: 100%; height: 250px; overflow: hidden; border-bottom: 1px solid #ccc;}
.productImg>img{width: 100%; height: 250px; transition: all 0.4s ease-out;}
.automotiveLeader h2{text-align: center; margin-bottom: 55px; margin-top: 110px;}
.productList{width: 330px; height:330px;}
.automotiveLeader .productLeader{flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.productBox{height: 485px; border: 1px solid #BDBDBD; margin-bottom: 33px;}
.productContent{padding: 33px;}
.productContent .flex{height: 35px; margin-bottom: 44px; margin-top: 10px;}
.productContent p{height: 50px; font-size: 17px; font-weight: bold;}
.productContent .model {color: #15337b; font-size: 15px;}
.productContent .model::after{content: "|"; padding-right: 10px; padding-left: 10px; font-size: 8px;}
.productContent .modelName {font-weight: bold;}
.productBox .gotoSee{display: block; margin: 0;}
.gotoSee img { position: absolute;  z-index: 0;}
.productContent p, .productContent .flex{cursor: default;}

/* 인증현황 */
.fakeButton{width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 105px;}
.fakeButton a{width: 100%; height: 72px; display: flex; align-items: center; justify-content: center; font-size: 20px;}
.fakeButton a:hover{text-decoration: none; color: #000;}
.fake{border: 1px solid #BDBDBD;}
.fake:last-child{border-left: none !important;}
.trueButton{background-color: #2886B4; color: #FFFFFF; border:none}
.trueButton:hover{color: #FFFFFF !important;}

/* 특허 */
.PatentTable{width: 1200px; margin: 0 auto; padding:0 100px;}
.PatentTable>thead>tr>th, .PatentTable>tbody>tr>td{height: 75px;}
.PatentTable>tbody>tr>td{font-size: 16px;}
.PatentTable>thead>tr>th{font-size: 18px;}
.PatentTable>tbody>tr>td:first-child{padding-left: 30px;}
.PatentTable>tbody>tr>td:nth-child(2){text-align: center;}
.PatentTable>tbody>tr>td:last-child{ text-align: center;}
.PatentTable>thead{text-align: center; background-color: #D4E7F0;}
.PatentTable>tbody>tr:nth-of-type(even){background-color: #F9F9F9;}
.PatentTable .bi-file-earmark-arrow-down-fill{font-size: 30px;}

/* 관계사 */
.related{padding-bottom: 180px;}
.related h2{text-align: center; margin-bottom: 93px;}
.companyList{display: flex; margin: 0 auto; flex-wrap: wrap; width: 950px; justify-content: space-between;}
.companyBox{border: 1px solid #BDBDBD; width: 200px; height: 80px; margin-bottom: 33px; display: flex; justify-content: center; align-items: center; }
.companyList > div > img {width: 135px; height: fit-content;}
.companyList > div:nth-child(6) img, .companyList > div:nth-child(7) img {
    width: 65px;
}
.companyList > div:nth-child(58) img {
    width: 90px;
}

/* 연혁 */
.txtCenter{text-align: center; font-size: 40px; font-weight: bold;}
.historyLeader h2{font-size: 50px; font-weight: bold; color: #2886b4; margin-bottom: 50px; margin-top: 120px;}
.historyContent{display: flex;}
.historyBox h3{font-weight: 24px; font-weight: bold; color: #2886b4; margin-right: 40px;}
.historyReal{margin-bottom: 50px;}
.historyImg{margin-right: 90px;}
.historyReal p{margin-bottom: 20px;}
.historyReal p:last-child{margin: 0;}
.hsButtonLeader{width: 1400px; border: 1px solid #BDBDBD; height: 70px; margin-top: 95px; margin-bottom: 135px; background-color: #FFFFFF;}
.hsButtonLeader>div{display: flex; justify-content: center; align-items: center; width: 100%; font-size: 20px; }
.hsButtonLeader>div:hover{cursor: pointer;}
.buttonActive{background-color: #2886B4; color: #FFFFFF; font-weight: 700;}
.historyScroll{ position: fixed; top:5px;}
#history3{margin-bottom: 200px;}
.middleTab{border-left: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD;}
/* 제품소개 */
.miniTag{width: fit-content; height: fit-content; color: #FFFFFF; text-align: center; border-radius: 29px; padding: 4px 18px; margin-right: 5px; font-size: 14px; margin-bottom: 8px;}
.tag1{background-color: #253A7C;}
.tag2{background-color: #2886B4;}
.tag3{background-color: #008350;}
.tag4{background-color: transparent;}
.itemTitled{margin-bottom: 20px; font-weight: bold;}
.itemDetail{margin-bottom: 15px; font-size: 17px; font-weight: bold;}
.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: 85%;}
.navyWord{color: #15337b; font-weight: bold;}
.navyWord::after{content: "|"; padding:0 12px; color: #b6b6b7;}
.itemContent>div{font-size: 17px; line-height: 24px; margin-bottom: 8px;}
.itemContent>div:last-child{margin-bottom: 0;}
.itemContent{margin-bottom: 45px;}
.icPd{padding-left: 74px;}
.itemLink{border: 1px solid #9BCDE5; padding: 14px 20px; margin-right: 13px; font-size: 15px; height: fit-content; transition: all 0.2s;}
.itemLink:last-child{margin-right: 0;}
.itemLink:hover{border: 1px solid #2886B4; background-color: #2886B4; color: #FFFFFF; transition: all 0.2s;}
.w1400{width: 1400px;}
.introduce .w1400{justify-content: space-between; margin: 0 auto; padding: 65px 0; border-bottom: 1px solid #DBDBDB;}
.inroduce>div>div>div>h4{font-size: 20px;}
.skyBox{margin-top: 40px;}
.smallImgBox>img:hover{cursor: pointer;}
.baroBox{position: relative; margin: 5px 20px 5px 0; display: block; border: 1px solid #e1e1e1; overflow: hidden;}
.baroBox>img{width: 265px; height: 265px; transition: all 0.3s ease-in-out;}
.baroBox>img:hover{transform: scale(1.05); transition: all 0.3s ease-in-out;}
.baroBox>div{text-align: center; background-color: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; width: 100%; padding: 25px 0; display: block;}
.baroBox>div>h4{font-size: 16px; color: #FFFFFF; font-weight: bold;}
.baroBox>div>p{font-size: 15px; color: #FFFFFF;}
#section8>h4{font-size: 24px; font-weight: bold; margin-bottom: 35px; }
#section8{padding: 80px 0;}
.introduce .w1400>div>div>img{width: 330px; height: 230px; margin-right: 40px;}
.detailBox{background-color: #2886B4; width: 200px; height: 50px; display: flex; justify-content: center; align-items: center;}
.detailBox>a{color: #FFFFFF;}
.iconBox{width: 60px; height: 60px; background-color: #F4F4F4; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-right: 8px;}
.iconBox:last-child{margin-right: 0;}
.iconBox>i{font-size: 20px;}
.smallImgBox img{width: 96px; height: 96px; border: 1px solid #ccc;}
.bigImgBox{width: 540px; height: 420px; margin-right: 32px; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.bigImgBox img{width: auto; height: 100%;}
.smallImgBox{margin-right: 16px;}
.itemSection{width: 1200px; margin: 0 auto; border-bottom: 1px solid #888888;}
.itemSection>li{margin-bottom: 10px;}
.ho{padding-bottom: 75px; border-bottom: 2px solid #888888;width: 1400px; margin: 0 auto;}
#section1{padding: 50px 0; width: 100%; display: flex; justify-content: flex-start!important; align-items: flex-start; overflow: hidden;}
#section2, #section3, #section4, #section5, #section6, #section8 {padding: 50px 0; border-top: 1px solid #BDBDBD;}
.itemLeftMenu{/* width: 11.6666%; */ margin-right: 30px;}
.itemLeftMenu>p{font-weight: bold; font-size: 24px; margin-top: 14px; width: 180px;}
.itemLeftMenu~div div{margin-top: 5px;}
#welm_2000 {flex-direction: row; flex-wrap: wrap;}
#welm_2000 img {height: 130px;}
#welm_2000 img:nth-child(2) {margin: 16px 10px 0 10px;}
/* .itemLeftMenu~div img{margin-right: 16px;} */
.weldmic_img {width: 300px;}
#welm_2000 img {width: 250px;}
.itemLeftMenu~div div.fdc img{margin-right: 0; width: fit-content; height: 145px;}
.vinspec .fdc img {width: 140px !important;}
.itemLeftMenu~div div.fdc{margin-right: 16px;}
.itemLeftMenu~div div.fdc span{width: fit-content; display: inline-block; background-color: #253A7C; padding: 4px 20px; margin-top: 12px; color: #fff;}
.itemLeftMenu~div div.fdc span.small{width: 100%; display: block; font-size: 13px; text-align: center; line-height: 15px;}
.itemTable{text-align: center; border-left: 1px solid #E1E1E1; width: auto; font-size: 17px; border-right: 1px solid #E1E1E1; margin-top: 32px;}
.itemTable>thead>tr>th,td{border-bottom: 1px solid #E1E1E1}
.table-layout>thead>tr>th, .table-layout td{border-right: 1px solid #e1e1e1; width: 16.6666%;}
.itemTable>thead>tr>th{border-top: 1px solid #E1E1E1; height: 65px;}
.itemTable>thead>tr>th:first-child, .itemTable>tbody>tr>td:first-child{background-color: #E1F0F7; font-weight: bold; width: 125px;}
.itemTable>thead>tr>th:nth-child(4), .itemTable>tbody>tr>td:nth-child(4){background-color: #F9F9F9;}
.paintTable{background-color: #F9F9F9;}
.bi-diamond-fill{color:#2886B4; padding-right: 15px; font-size: 14px;}
.itemTable>thead>tr>th{height: auto; padding-top: 28px; padding-bottom: 20px; font-size: 17px;}
.itemTable>tbody>tr>td{height: auto; padding:22px 0; font-size: 17px;}
.mainSW{width: 1020px; height: 530px; background-color: #F4F4F4; padding: 60px 48px;}
.itemSubImg img{width: 65px; height: 65px; border: 1px solid #E1E1E1;}
.innerMain{width: 550px;}
.innerMain>h2{font-size: 20px;}
.itemMainImg{margin: 20px 0;}
.itemSubImg{width: 100%; display: flex; justify-content: space-between;}
.itemSubImg img:first-child{border: 2px solid #2886B4}
.section2Area{width: 88.3334%;}
.section6Img{border: 1px solid #DBDBDB; width: 88.3334%; display: flex; justify-content: center; padding: 40px;}
.section6Img>img{max-width: 1020px;}
.forMg>li{margin-bottom: 10px; display: flex; align-items: baseline;}
.productListShow{margin: 55px auto; display: flex; text-align: center; justify-content: center;}
.productListShow>a{width: 120px; height: 50px ;border: 1px solid #dbdbdb; display: flex; justify-content: center; align-items: center; margin-right: 16px; transition: all 0.2s;}
.productListShow>a:hover{transition: all 0.2s; color: #fff; color: #fff;}
.productListShow>a:first-child:hover{background-color: #999; border: 1px solid #999;}
.productListShow>a:last-child:hover{background-color: #0099C4; border: 1px solid #0099C4;}
.productListShow>a:last-child{margin-right: 0;}
.infoNdaeri .mbthtr td:nth-child(3){width: 15%;}
.write-form{width: 1200px; margin: 0 auto;} 
#section7{display: none;}
.sub_contents{padding-bottom: 0;}
.ftMG{margin-bottom: 160px;}
#responBoard{margin-bottom: 180px;}
.section2_detail > p {margin-left: 25px;}
    /* 문의 */
    .mg-r-30{margin-right: 30px;}
    .contact-form{padding-bottom: 30px;}
    .contact-wrapper .contact-tab{display: flex;}
    .contact-tab li{width: 320px; background: #f1f1f1; padding: 18px 0; text-align: center; margin-right: 20px; cursor: pointer;}
    .contact-tab li:last-child{margin-right: 0;}
    .contact-tab li.active{background-color: #2886b4; color: #fff; font-weight: 700;}
    .contact-tab a{font-size: 17px;}
    .contact-tab li.active a{color: #fff;}
    .inquiry{display:none; margin-top: 94px;}
    .inquiry.active{display:block;}
    .inquiry h2{font-weight: bold; text-align: left; padding-bottom: 40px; border-bottom: 2px solid #333;}
    .inquiry form{margin-top: 46px;}
        .iq-row, .iq-row .iq-item{display: flex; flex-direction: row;}
        .iq-row{height: 44px; margin-bottom: 44px;}
        .iq-row .iq-item{flex: 1; border-bottom: 1px solid #c3c3c3; justify-content: space-between; align-items: center; padding-bottom: 6px; transition: all 0.2s ease-in-out;}
            .iq-item .iq-input{flex: 1; height: 100%; padding: 6px 14px; border: none;}
            .iq-item .iq-select{padding-left: 0;}
        .iq-row .email-space{margin-right: 14px;}
        .iq-row .email-space:last-child{margin-right: 0; margin-left: 14px;}
        .iq-row .email-and{padding-top: 8px;}
        .iq-row .btn-certified-wrap{display: flex; border: none; align-items: flex-end; padding-bottom: 0; margin-left: 12px;}
                .btn-certified{width: 110px; height: 36px; font-size: 14px; background-color: #333; border: none; color: #fff; margin-right: 4px; cursor: pointer; transition: all 0.2s ease-in-out;}
                .btn-certified:hover{background-color: #5b4947; transition: all 0.2s ease-in-out;}
        .iq-row .iq-text-area-wrap{flex-direction: column; border: none; align-items: flex-start;}
                    .iq-textarea{width: 100%; }
                    .iq-textarea textarea{width: 100%; resize: none; margin-top: 10px; line-height: 24px; padding: 12px;}
    .iq-sign-btn{font-size:18px; padding:15px 110px; background: #ffffff00; border: 1px solid #5b49478a; border-radius:30px; margin-top:15px; transition: all 0.2s ease-in-out; cursor: pointer;}
    .iq-sign-btn:hover{background-color: #15337b; color: #fff; border: 1px solid #15337b; transition: all 0.3s ease-in-out;}
    .agree-section{padding: 26px 0; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; margin-top: 130px;}
    .agree-section .agree-box{border: 1px solid #d5d5d5; color: #000; font-size: 14px; padding: 12px 25px; margin-left: 30px;}
    .con-popup-cover{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 100; display: none;}
    .con-popup{display: none; padding: 40px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; z-index: 101; border: 1px solid #c4c4c4;}
    .con-popup *{margin: 0; font-size: 15px; font-weight: 300;}
    .con-popup li{margin-bottom: 16px;}
    .con-popup h4{color: #43434b; font-weight: 700;}
    .con-popup h5{color: #9a9a9a; word-break: keep-all; margin: 5px 0; line-height: 22px;}

/* 회사개요 */
.overview img{width: fit-content;}
/* 조직도 */
.group img.pc{width: 75%;}


/*---------------미디어쿼리---------------*/
@media (max-width:1480px) {
    .ho, .w1400 {
        width: 95%;
    }
    .section_fp .vimeo-wrapper {
        height: 100%;
    }
    .swiperBSLeader {
        width: 67%;
    }
    .businessAreaList .areaList {
        width: 100%;
    }
    .s2SwiperLeader {
        width: 95%;
    }
    .section2 .swiper-pagination-bullet {
        font-size: 24px;
    }
    .section3 .fp-tableCell {
        padding: 100px 30px;
    }
    .section3 .swiperProduct {
        margin-left: 11vw;
    }
    .section3 h2, .clientSection h2, .newsSection .fcc h2, .section2 .swiperBS .sectionDetail {
        font-size: 35px;
        line-height: 47px;
    }
    .section3 .sectionTitle, .section2 .swiperBS .sectionTitle, .newsSection .fcc p, .clientSection .fcc p {
        font-size: 20px;
    }
    .newsSection .fp-tableCell {
        width: 90% !important;
    }
    .clientSection .fp-tableCell {
        padding: 100px 0;
    }
    .footerWidthWrap {
        width: 80%;
    }
    .footer_header_item {
        width: 100%;
    }
    .top_button, .top_button_sub {
        width: 70px;
        height: 55px;
        bottom: 30px;
        right: 30px;
    }
    .footer_wrap .footerInfo {
        flex-direction: column;
        margin-top: 20px;
    }
    .footer_wrap .mb100 {
        font-size: 14px;
    }
}

@media (max-width:1380px) {
    .section3 .swiperProduct {
        margin-left: 0;
    }
}

@media (max-width:1024px) {
    body{font-size: 15px;}
    h4{font-size: 18px; font-weight: 700;}
    .section2,.section3,.newsSection,.clientSection, .fp-tableCell{height: max-content !important; padding: 50px 0;}
    #responBoard{width:100%;}

    .menuBTN {display: none !important;}
    .m_menuBTN {display: flex !important;}
    .rightMiniHeader {
        align-items: center;
    }
    .m_menuBTN {
        margin-left: 0;
    }
    
.w1400{width: 100%;}
    /* #fullpage{display: none;} */
    .mbpd17{padding: 0 17px;}
    .header_wrap_sub{background-color: transparent;}
    .mbSubHead2{background-color: #FFFFFF; display: block;}
    .sv_tit h3{font-size: 28px; font-weight: bold;}
    .sub_tab{height: 45px; top: 88px;}
    .d_first>span>.bi-chevron-down,.d_second>span>.bi-chevron-down{line-height: 45px;}
    .d_first, .d_second{padding:0 16px;}
    .d_first>span, .d_second>span{display: flex; justify-content: space-between;}
    .d_first>ul, .d_second>ul {position: absolute; display: none; left: 0; top: 45px; width: 100%;background-color: #fff; z-index: 3; box-shadow: 4px 4px 8px rgba(0,0,0,0.15);}
    .d_first a, .d_second a {display: flex; text-align: left; height: 36px; align-items: center; justify-content: flex-start; padding: 0 16px;font-size: 12px; color:#333; transition:all .2s; border-bottom: 1px solid #e5e5e5;}
    .d_first a:hover{background-color:#e5e5e5; color:#333;}
    .tab_wrap ul {top: 46px; background-color:white; position:absolute; width: 100%; z-index: 10; left: 50%; transform: translateX(-50%);}
    .d_first>span, .d_second>span{line-height: 45px; font-size: 12px;}
    .sv_img img{object-fit: cover; height: 244px;}

    
    .rightMiniHeader .bi{color: #fff;}
    .ttc{text-align: center;}
    .width1200{width: 100%;}
    .hidden-md, .hidden-lg {display: block; }
    .hidden-sm, .hidden-xs{display: none !important;}    
    .gotoSee a div{font-size: 15px !important ; font-weight: 700 !important; padding-left:13px !important;}
    .gotoSee img{width: 22px !important; height: 16px !important; top: 6px; left: 0px;}
    .mbMG{margin-left: 16px;}

    .sconglobe{color:#333333 !important;}
    .headMenu{width: 100%;}
    .rightMiniHeader{margin-top: 0px; justify-content: flex-end;}
    .rightMiniHeader .globe{margin-right: 0;}
	.section_fp .vimeo-wrapper iframe.pc_iframe{display:none;}
	.section_fp .vimeo-wrapper iframe.m_iframe{display:block;}

	.container_sub{width:100%; padding:0 15px; margin:0 auto;}

	.header_wrap{padding:0 15px; justify-content: space-between; height: 75px;}
	.header_wrap .header_gnb{display:none;}
	.gnb_wrap{padding:0 16px; height:54px; position:relative; z-index:10}
	.header_gnb_sub{display:none;}

	.sub_content{padding-top:170px;}
	.sub_content_order {padding-top:115px;}

	.header_notice{height:45px;}
	.header_notice a{font-size:14px; height:25px; line-height:25px;}

	.menu_pc{display:none;}
	.menu_m{display:block;}

	.menu {justify-content: flex-end;}
	.menu_sub{top:55px; right:10px;}

	.header_menu_area{display:none;}

    .mbmenuBTN {display: flex; justify-content: center; align-items: center;}
    .mbmenuBTN.scon {display: none;}

	.menu_footer {width: 100%; padding:16px 20px 20px;}
	.menu_footer > h2 {font-size: 16px;}
	.menu_footer > p {font-size: 14px; margin-bottom: 0;}

	.menu_contents {padding: 0px; padding-top: 50px; width: 100%; overflow-y: scroll; background-color: #f8f8f8; padding: 30px 0;}
	.menu_contents > ul {flex-wrap: nowrap; flex-direction: column; height: 100%; padding: 0 15px; justify-content: flex-start; padding: 15px; overflow-y:auto;}
	.menu_contents > ul > li {padding: 0; height: auto; width: 100%; padding-bottom: 15px; }
	.menu_contents > ul > li:last-child{padding-bottom:0;}
	.menu_contents > ul > li > a {font-size: 18px; font-weight: 400; color: #000; width: 100%; position: relative; border: 1px solid #e1e1e1; text-align:center; font-weight: bold; height: 65px;}
	.menu_contents > ul > li > a > span {color: #000;}
	
	.menu_contents_left {flex: 1.5; background-color:#f8f8f8;}
	.menu_contents_left > li.on > span {font-weight: bold; color: #1f2a54;}
    .menu_contents_left > li > a {display: flex !important; justify-content: flex-start; align-items: center; padding: 15px !important;}
    .menu_contents_left > li > a > img {margin-right: 15px; height: 20px;}
	.menu_contents_left > li > span {position: relative;}
	.menu_contents_left > li > span > i {display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
	.menu_contents_left > li.on > span > i {display:block;}
	.menu_contents_left > li:nth-child(3) i{display: none;}
	
	.m_closeBtn {top: 11px; right: 5px; padding: 10px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center;}
    .m_closeBtn > img {height: 20px;}

    .m_header_menu_area {position: fixed;width: 100%; height: 100%; top: 0; left: 0;  z-index: 120; display: none;}
    .m_header_menu_area .menu_footer {background-color: #0099C4; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; flex: none; height: 120px;}
    .m_header_menu_area .menu_footer > h2 {margin-bottom: 0; font-weight: 300; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .5); width: 100%;}
    .m_header_menu_area .menu_contents {padding:0 !important;}
	.m_header_menu_wrap {display: flex !important;}

    .footer_menu {background-color: #1F2C5C; width: 100%; padding: 30px 0;}
    .footer_menu > .footer_sns {margin-bottom: 0;}

	/* 레이아웃 */
    .sub_tab .tab_wrap{width: 100%;}
	#fp-nav{display:none;}
    .width1400{width: 100%; justify-content: center;}
	.section_logo{display:none;}
	.section_wrap{padding:0; width:100%;}
	.swiper_text{text-align:center;}
	.swiper_img, .swiper_text{width:100%; padding:0;}
	.mySwiper .swiper-slide{display:block !important;}

	.swiper_text > h6{display:none;}
	.swiper_text > h5{padding:0; margin-bottom:12px; font-size:30px; font-weight:500;}
	.swiper_text > p{font-size:14px; margin-bottom:20px; padding:0 15px;}

	.swiper-container.mySwiper{position:static;}
	.mySwiper_pagination{display:block; padding:0 !important; text-align:center !important; bottom:-40px; left:50%; transform:translateX(-50%);}
	.mySwiper_pagination > .swiper-pagination-bullet{width:15px; height:15px; margin:0 5px; border:1px solid #e5e5e5; background-color:#fff; opacity:1;}
	.mySwiper_pagination > .swiper-pagination-bullet-active{background-color:#000; border:1px solid #000;}

	.section_fp:nth-child(3) .section_wrap{width:100%; flex-direction: column-reverse;}
	
	.business_list{width:100%;}
	.business_txt{width:100%;}
	.business_txt > .business_logo{display:none;}
	.business_txt > .business_title > h2{text-align:center !important; font-size:30px;}
	.business_txt > .business_title > h2 > span{font-size:inherit;}
	.business_txt > .business_title > p{padding:12px 0 20px; text-align:center !important; font-size:14px;}

	.business_list > ul > li{width:calc(50% - 16px); height:200px; margin:8px; padding:10px 0 0;}
	.business_list > ul > li .front, .business_list > ul > li .back{padding:15px;}
	.business_list > ul > li img{padding:12px 0; width:60px;}
	.business_list > ul > li .list_txt{padding:15px 0;}
	.business_list > ul > li .list_txt > h6{padding:10px 0; font-size:18px;}
	.business_list > ul > li .list_txt > p{font-weight:400; font-size:13px;}

	.section_portfolio{padding:0 15px; margin-bottom:20px;}
	.section_portfolio > h2{text-align:center; font-size:30px;}
	.section_portfolio > h2 b{font-size:inherit;}
	.section_portfolio span:first-child{display:block; margin-bottom:12px;}
	.section_portfolio span:last-child{display:block; font-size:14px;}

	.port_more{position:static; margin:0 auto 15px; width:85px; height:25px; font-size:14px; border-radius:10px;}

	.section_thumbnail{padding:20px 0;}

	.widget_wrap{flex:1 1 50% !important;}
	.section_thumbnail_pc{display:none;}
	.section_thumbnail_m{display:block; padding:0 15px;}
	.widget_wrap img{height:190px !important;}

	.widget_wrap .plus_icon{height:auto !important;}

	.section_partners > ul > li{width: calc(33.333% - 10px); padding:5px; margin:5px; height:100px;}

	.mySwiper2{padding:0 10px;}

	.footer_wrap{width:100%; flex-direction:column-reverse; padding:30px 15px;}

	.footer_sns{display:flex; justify-content:center; width:100%; margin-bottom:30px;}
	.footer_sns > ul > li:first-child{margin-left:0;}

	.footer_txt, .footer_copyright{font-size:12px; text-align:center;}

	.footer_address{width:100%;}
	.footer_address > ul{justify-content:center !important; width:auto;}
	.footer_address > ul > li{padding-right:15px;}
	.footer_address > ul > li:last-child{padding-right:0;}
	.footer_address > ul > li > a span::after{right:-8px;}

	.footer_wrap_sub{padding:30px 0;}
	.footer_wrap_sub > .container_sub > div{flex-direction:column-reverse;}

	.board_section{padding:55px 0;}
    .sub_contents{padding: 0;}
    #fp-nav>ul{display: none;}
    /* 헤더 */
    .header_logo{width: 75px;}
    .header_logo img{width: 75px;}
    .h_cover{display: none;}
    .hoverglobe{margin-right: 42px;}

    .globeEN {display: none !important;}
  
    /* 모바일헤더 */
    .m_menu_wrap {background-color: rgba(0, 0, 0, .3); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; display: none;}
    .menuTopHeader{display: flex; padding: 20px 16px; border-bottom: 1px solid #dbdbdb; justify-content: space-between; background-color: #FFFFFF;}
    .m_menu{position:fixed; flex-direction: column; right:0; width:250px; height:100vh; z-index:9999;}
    .menu_first {background-color: #fff; width: 100%;}
    .menu_first > ul {height: 100vh; padding-right: 0px; overflow-y: scroll;}
    .menu_mobile_first li {cursor: pointer;  text-align:left; color:#555; font-size:16px; line-height:1em; display: flex; justify-content: space-between;flex-direction: column;  align-items: center; padding: 9px 0;}
    .menu_mobile_first .depth1{display: flex;}
    .menu_first .depth1 {width: 100%; padding: 19px 16px; border-bottom: 1px solid #DBDBDB;  display: flex; justify-content: space-between;}
    .menu_first .depth1 .plus {display: none;}

    .mobile_menu{background-color: #F4F4F4;width: 100%; display: none;}
    .mobile_menu li{width: 100%; margin:0 16px; align-items: flex-start;}

    .exClick{font-size: 17px;}
    .mobileDepth1 div{font-size: 13px;}
    .blueBox{color:#2886B4; padding: 12px; margin: -2px;}
    .grayBox{color:#e1e1e1; border:1px solid #e1e1e1; padding: 12px;}
    .blueBox.on + .grayBox{border-left: 0;}
    .grayBox.on + .blueBox{border-right: 0;}
    .mbVal1{font-size: 17px; font-weight: 700;}
    .mobile_menu li a{font-size:14px; color: #888888;}
    .minus{color: #2886B4;}
    /* .lgBx{border: 1px solid #E1E1E1} */
    .blueBox{border: 1px solid #2886B4;}

    .header_item {display: none !important;}


    /* 섹션2 */
    .section2Area{width: 100%;}
    .areaList img{width: 100%; height: 100%; object-fit: cover;}
    .section2 .swiperBS .sectionDetail{font-size: 22px;}
    .s2SwiperLeader, .swiperBSLeader{width: 100%;}
    .section2 .swiper-pagination{display: none;}
    .section2 .page{display: none;}
    .businessAreaList .areaList{width: 100%; height: 360px;}
    .section2 .section2Ab{left: 17px; top: 170px}
    .section2Ab div{font-size: 13px;}
    .section2Ab p{font-size: 11px;}
    .section2Ab h2{font-size: 30px; margin-top: 7px;}
    .areaList .gotoSee{margin-top: 15px;}
    .section2 .sectionTitle{margin-bottom: 12px;}
    .section2 i {font-size: 11px; color: #FFFFFF; padding: 9px;}
    .mbMG .sectionTitle{font-size: 15px !important;}
    .swiperBS ul{width: 100%;}
    .itemTable>thead>tr>th:first-child, .itemTable>tbody>tr>td:first-child{width: 15%;}
    .itemTable>thead>tr>th,
    .itemTable>tbody>tr>td{font-size: 14px;}
    .section_fp:nth-child(2){padding: 0 16px;}
    

    /* 섹션3 */
    .section_fp:nth-child(3){background: none; margin-top: -70px; margin-bottom: 40px;}
    .section3{background: #FFFFFF; }

    .section3 .fp-tableCell {flex-direction: column;}
    .section3.fcc {margin: 0;}
    .section3UL{width: 100%;}
    .section3 .swiperProduct{width: 100%;}
    .section3 .swiperProduct{margin-left: 0;}
    .section3 .swiper-slide:hover{background-color: #253a7c;}
    .section3 .swiper-slide-active .textBox{background-color: #FFFFFF; color: #333333;}
    .section3 .swiper-slide-active .detail{color: #000;}
    .section3 .textBox .textDetail{font-size: 16px;}
    .section3 h2{font-size: 22px; line-height: 28px;}
    .section3 .pageNumber{display: none;}
    .section3 .sectionTitle{margin-bottom: 13px;}
    .section3 .textBox{padding: 25px;}
    .section3 li{height: fit-content;}
    .section3 .fp-tableCell{align-items: flex-start; padding: 0 15px; justify-content: flex-start}
    .section3 .section3UL img{width: 100%; height: auto;}
    .section3 .section3UL .s3Img{height: auto;}
    .section3 li{border: 1px solid #e1e1e1;}
    .section3 .textBox .textDetail{font-weight: bold;}
    .section3 .bi-arrow-left::before{font-weight: bold !important; color: #253a7c; margin-right: 10px;}
    .section3 .bi-arrow-right::before{font-weight: bold !important; color: #253a7c; margin-left: 10px;}
    .section3 i {padding: 9px;}
    .section3 .swiper-slide-active{margin-top: 0px;}
    .section3 .sectionTitle, .newsSection .fcc p, .clientSection .fcc p{font-size: 15px;}
    .swiperProduct{margin-top: 60px;}

    /* 섹션4 */
    .newsSection.fcc {margin: 0;}
    .newsSection .newsTitleLeader h2{font-size: 22px; margin-top: 12px;}
    .newsSection .fcc p{margin-bottom: 0px;}
    .newsSection .fp-tableCell{width: 100% !important;}
    .newsTitleLeader{margin-bottom: 0 !important;}
    .newsSection i {padding: 9px;}
    .fcc.fdc.newsTitleLeader {width: 100%;}
    .newsListWidget .gotoSee img{top: 5px;}
    .newsListWidget .gotoSee div{font-size: 15px!important;}

    /* 섹션5 */
    .clientList{width: 100%; margin: 0 auto;}
    .clientList .clientImg{width: calc(33% - 10px); margin:5px;}
    .mbClient{width: 100%;}
    .clientSection i {padding: 9px;}
    .clientSection h2{line-height: 28px; font-size: 22px;}
    .clientSection .fp-tableCell .fcc{margin-bottom: 25px; width: 100%;}

    /* 푸터 */
    .section_fp:last-child{padding: 0px;}
    .footerIcon{margin-right: 0; margin-top: 27px;}
    .footerMap{width: calc(100% - 18px); display: flex; justify-content: space-between; border-bottom: 1px solid #4C5676; margin-bottom: 0; padding-bottom: 22px;}
    .footerMap a{font-size: 11px; margin-left: 0; }
    .footerInfo{display: block;}
    .footerInfo p{font-size: 12px; margin-bottom: 12px; }
    .footerCopy{font-size: 11px; margin-top: 24px; opacity: 0.2; text-align: center;}
    .footer_wrap .hidden-md{display: flex; justify-content: center;}
    .mb100{width: 100%;}
    .ftLogo{margin-bottom: 27px; margin-top: 23px;}
    .footerIcon div{width: 30px; height: 30px;}
    .top_button,
    .top_button_sub {width: 48px; height: 35px; border: none; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 100; position: fixed; bottom: 20px; right: 15px;}
    .top_button>img,
    .top_button_sub>img{width: 50%; height: 70%;}
    .top_button>.bi-arrow-up,
    .top_button_sub>.bi-arrow-up{font-size: 20px; color: #2886B4; font-weight: bolder;}
    .footerIcon .fcc:nth-child(1) .snsLeadr{width: 18px; height: 18px;  background: url(../image/img/Layer\ 15.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
    .footerIcon .fcc:nth-child(2) .snsLeadr{width: 18px; height: 18px;  background: url(../image/img/Layer\ 18.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
    .footerIcon .fcc:nth-child(3) .snsLeadr{width: 18px; height: 18px;  background: url(../image/img/Layer\ 16.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
    .footerIcon .fcc:nth-child(4) .snsLeadr{width: 18px; height: 18px;  background: url(../image/img/Layer\ 17.png); background-repeat: no-repeat; background-size: contain; background-position: center;}

    .footerIcon .fcc{width: 26px; height: 26px;}
    .subFooter{position: relative}
    /* 인증현황 */
    .fakeButton{width: 100%;}
    .PatentTable{width: 100%;}
    .PatentTable>thead>tr>th{font-size: 12px;}
    .PatentTable>thead>tr>th:last-child{text-align: left;}
    .PatentTable>tbody>tr>td{font-size: 12px;}
    .PatentTable>tbody>tr>td:last-child{padding: 0; text-align: left;}

    /* 관계사 */
    .companyList{width: 100%;}
    .companyBox{margin-bottom: 20px;}
    .related{padding-bottom: 60px;}
    
    /* 제품소개 */
    .itemSection{width: 100%; padding: 40px 17px;}
    .itemTable{width: 100%;}
    #section2,#section3,#section4,#section5,#section6{display: block;}
    #section6{overflow-x: scroll;}
    #section5>.mainSW{width: 100%;}
    .section6Img{width: 100%; padding: 20px; flex-direction: column;}
    .section6Img>img{width: 100%;}
    .PatentTable>thead>tr>th:last-child{text-align: center;}
    .PatentTable>tbody>tr>td:first-child{text-align: left; padding-left: 16px !important; width: 48%;}
    .PatentTable>tbody>tr>td:first-child{padding-left: 0;}
    .PatentTable>tbody>tr{text-align: center;}
    .productListShow{margin: 0 auto;}
    #section1{flex-direction: column; padding-top: 3px;  align-items: center!important;}
    #section1 .mbdown{width: 100%; flex-direction: column; align-items: center;}
    #section1 > div{width: 100%; align-items: center;}
    #section1 div div{width: fit-content; border: none;}
    .mbcolumn{flex-direction: column-reverse;}
    .smallImgBox{flex-direction: row; margin: 12px 0 20px 0;}
    .smallImgBox>img{width: 72px; height: 72px; margin-right: 10px; border: 1px solid #e1e1e1;}
    .smallImgBox>img:last-child{margin-right: 0;}
    .iconBox>i{font-size: 16px;}
    .iconBox{width: 40px; height: 40px;}
    .itemLeftMenu{width: 100%;}
    .itemLeftMenu~div .as{flex-direction: column-reverse;}
    .itemTitled{font-size: 20px; margin-bottom: 25px;}
    .itemDetail{font-size: 14px; font-weight: normal;}
    .navyWord{font-size: 15px;}
    .itemContent .navyWord{ margin-bottom: 12px; display: block;}
    .itemContent>div{font-size: 15px;}
    .mbdown{justify-content: flex-end;}
    .itemLink{width: 100%; height: auto; font-size: 15px; padding: 12px 0; text-align: center; margin-bottom: 8px; margin-right: 0;}

    .icPd{padding-left: 0;}
    .mbinline{display: inline;}
    .itemLeftMenu>p{font-size: 18px; margin-top: 7px; margin-bottom: 15px;}
    .forMg>li{font-size: 15px; display: flex;}
    .bi-diamond-fill{padding-right: 9px;}
    /* #section3,#section4,#section5,#section6{display: none;} */
    #section7{display: block;}
    .ho{margin-left: 17px; margin-right: 17px; padding-bottom: 35px; width: 90%;}
    .baroBox {margin-right: 0; width: 100%;}
    .baroBox>img{width: 100%;}
    .productContent .flex{margin-bottom: 5px;}
    .itemContent{line-height: 16.5px; margin-bottom: 40px; }
    #section2, #section3, #section4, #section5, #section6,#section7{padding: 32px 0;}
    #section2, #section7{border-bottom: 1px solid #BDBDBD;}
    .itemSection{border-bottom: none;}
    .forMg>li:last-child{margin: 0; }
    .miniTag{font-size: 12px; padding: 6px 14px; margin-bottom: 12px;  line-height: 12px;}
    /* .bigImgBox img{width: 100%; height: auto;} */
    .bigImgBox {margin: 0; width: 100%!important; height: 250px;}
    .introduce .w1400{flex-wrap: wrap; padding: 40px 16px; justify-content: center;}
    .introduce .w1400 .mbdown{justify-content: center;}
    .introduce .w1400>.flex:first-child{flex-direction: column; margin-bottom: 32px;}
    .introduce .w1400>.jsbt{align-items: center;}
    .introduce .w1400>div>div>img{width: 100%; height: auto; margin-right: 0; border: 1px solid #e1e1e1; margin-bottom: 20px;}
    .introduce .w1400>.flex:first-child>div:last-child>div{font-size: 14px;}
    ul.itemDetailList{width: 100%;}
    ul.itemDetailList~div{flex-direction: column;}
    .itemLeftMenu~div img{margin-right: 0; margin-top: 16px; width: 100%;}
    ul.itemDetailList iframe{width: 100%; height: 200px;}

    .iconBox{margin: 30px 10px 30px 0;}
    #section8 .flex{flex-wrap: wrap; justify-content: center;}
    #section8>h4{font-size: 18px;}
    .baroBox{margin-bottom: 20px;}
    .productImg, .productImg>img{height: auto; border: none;}
    .productImg{border: 1px solid #e1e1e1;}
    /* 사업영역 */
    .greetingNotice{margin-top: 55px; margin: 55px auto 23px autos !important; font-size: 24px; font-weight: bold;}
    .navyLine::after{height: 36px;}
    .navyLine{margin-bottom: 21px;}
    .imgTextContent{font-size: 14px;}
    .imgTextTitle{margin-bottom: 21px;}
    .imgTextTitle>h1{font-size: 20px;}
    .subimgText{font-size: 15px;}
    .automotiveLeader h2{margin-top: 83px;}
    .productContent p{height: fit-content;}
    
    .productBox{width: 100%; height: auto; padding: 0; border: none;}
    .productImg>img{width: 100%;}
    .productContent{padding: 0px;}
    .productContent p{font-size: 15px; margin-top: 7px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .productContent>.flex{font-size: 13px; height: auto; margin-top: 5px;}
    .productContent .model{font-size: 13px;}
    .productLeader {padding: 0 12px; justify-content: space-between; margin-bottom: 55px;}
    .productBox .gotoSee{margin-top: 0px;}
    .modelName{font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 100%;}
    .modelName br{display: none;}
    .imgText{width: 100%; padding: 0 15px; left: 0;}
    .automotiveLeader h2{font-weight: bold; font-size: 20px; margin-top: 50px;}
    .board_button_wrap{width: 100% !important; padding-right: 17px;}

    .sbglobe{margin-right: 13px;}
    .productLeader>.productmb{margin-right: 0; width: calc(50% - 10px); margin: 5px;}
    /* 회사소개 */
    .mbnotice{font-size: 18px; margin-top: 20px; margin-bottom: 44px;}
    .greetingContent{padding-top: 45px; padding-bottom: 60px;}
    .greetingContent2{text-align: left; padding: 0 20px; font-size: 15px; font-weight: 400; text-align: center; line-height: 26px;} 
    .contentsTitle{margin-top: 55px; margin-bottom: 35px; font-weight: bold;}
    .gallerytitle {text-align: center;}
    /* 연혁 */
    .contentsTitle{font-size: 24px;}
    .hsButtonLeader{width: 100%; height: 36px; margin-top: 0; margin-bottom: 60px;}
    .hsButtonLeader>div{font-size: 13px;}
    .historySection{padding: 0 17px;}
    .historySection .greetingNotice{margin-bottom: 35px;}
    .historyLeader h2{margin-top: 0; font-size: 24px;}
    .historyContent{display: block;}
    .historyLeader{ margin-top: 60px;}
    .historyReal{margin-bottom: 30px;}
    .historyBox{margin-top: 30px;}
    .historyReal>p{margin-bottom: 12px; font-size: 13px;}
    .historyBox h3{margin-right: 17px; font-size: 15px;}
    #history3{margin-bottom: 90px;}
    .historyImg {display: none;}

    /* 문의 */
    .w-1000{width: 100%;}
    .contact-wrapper{padding: 60px 16px;}
    .contact-tab li{display: flex; align-items: center; justify-content: center; padding: 12px 0; margin-right: 8px;}
        .contact-tab a{font-size: 15px; line-height: 18px;}
        .inquiry{margin-top: 40px;}
        .inquiry h2{padding-bottom: 24px;}
        .iq-row{flex-direction: column; align-items: flex-start; margin: 0; height: auto;}
        .iq-row .iq-item{width: 100%; margin: 0 0 20px 0;}
        .iq-row .iq-input{height: 40px;}
        .iq-row .email-space:last-child{margin-left: 0;}
        .iq-row .btn-certified-wrap{margin: 0 auto; margin-bottom: 20px;}
        .iq-sign-btn{margin-top: 40px;}
        .agree-section{margin-top: 0;}
        .con-popup{width: 80%; padding: 20px;}

    /* 인증현황 */
    .PatentTable{margin-bottom: 100px;}
    .fakeButton a{height: 38px; font-size: 13px;}
    .fakeButton {margin-bottom: 38px; padding: 0 17px;}
    .PatentTable .bi-file-earmark-arrow-down-fill{font-size: 20px;}
    .PatentTable>tbody>tr>td:last-child{text-align: center;}
    .PatentTable>thead>tr>th{height: 45px;}
    /* 관계사 */
    .companyList{padding: 0 17px;}
    .companyBox{width: 48%;}
    /* .companyBox>img{max-width: 135px;} */


    .pcscon{display: none;}


    .daeriHead{margin-top: 0 !important;}
    /* 논문 */
    .PatentTable>tr>th:nth-child(2){text-align: left;}


    /* 게시판 공통적용 */
    #responBoard{margin-bottom: 60px !important;}
    .ftMG{margin-bottom: 60px;}
}   

@media (max-width:480px) {
    /* 메인 */
    .section_fp .vimeo-wrapper {
        height: 100%;
    }
    .mbMG {
        margin-left: 0;
    }
    .miniTag {
        padding: 3px 10px;
    }
    .rightMiniHeader {
        align-items: center;
    }
    .rightMiniHeader .globe {
        margin-right: 0;
    }
    .menuBTN {
        margin-left: 0;
    }
    .section2Ab h2 {
        font-size: 24px;
    }
    .section2 .section2Ab {
        top: 215px;
    }
    .section3 h2, .clientSection h2, .newsSection .fcc h2, .section2 .swiperBS .sectionDetail {
        line-height: 27px;
    }
    .section2 .swiperBS .sectionDetail {
        margin-bottom: 20px;
    }
    .section2 .swiperBS .sectionDetail br,.itemLeftMenu>p br {
        display: none;
    }
    .section3 .swiperProduct {
        margin: 20px 0 0 0;
    }
    .section3 .section3UL .s3Img {
        height: 160px;
    }
    .section3 .textBox {
        padding: 8px;
    }
    .section3 .miniTag {
        margin: 0 0 5px 0;
    }
    .section3 .textBox div {
        margin-bottom: 0;
    }
    .clientSection .fp-tableCell {
        padding: 0;
    }
    .clientList .clientImg {
        width: 47%;
    }
    .footer_wrap .mb100:first-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footerLeader {
        padding-top: 0;
    }
    .footerBorder {
        border: 0;
    }
    .footerInfo {
        display: flex;
        align-items: center;
    }
    .ftLogo {
        margin-bottom: 0;
    }
    .footer_wrap .footerInfo p {
        margin: 0 10px 0 0;
    }
    .footer_wrap .footerInfo p:nth-child(2) {
        float: left;
    }
    .top_button, .top_button_sub {
        bottom: 15px;
    }
    /* 제품소개 */
    .productLeader>.productmb {
        width: 100%;
    }
    #welm_2000 img {
        width: 100%;
        height: 200px;
    }
    .itemLeftMenu {
        display: flex;
        align-items: baseline;
        margin-right: 0;
    }
    .itemLeftMenu > img {
        margin-right: 5px;
    }
    .itemLeftMenu>p {
        width: fit-content;
        margin-top: 0;
    }
    /* .itemLeftMenu~div img {
        margin-top: 0;
    } */
    .itemLeftMenu~div div.fdc img {
        width: 100% !important;
        height: fit-content;
    }
    .overview img {
        width: 100%;
    }
    .label_text {
        width: 138px;
    }
    #welm_2000 img:nth-child(2) {
        margin: 16px 0 0 0;
    }
    /* 문의하기 */
    .rc-anchor-normal {
        width: 150px;
    }
}

/* 모달 */
.modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
}
.modal.active {
    background-color: rgba(0, 0, 0, 0.5); /* 반투명한 검은 배경 */
  }
.modal-content {
    width: 1200px;
    height: fit-content;
    border-radius: 30px;
    background-color: #fff;
    padding: 30px 30px 50px 30px;
    margin: 0 auto;
}
.modal_header {
    display: flex;
    justify-content: space-between;
}
.modal_header span {
    font-size: 25px;
    cursor: pointer;
}
.modal_header h2 {
    color: #0E1C4A;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}