@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');


.audiowide-regular {
  font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
}


header{min-width: 280px !important}

.mobileMenu .row1 .tbTitle .txt3{
    font-size: 16px;
    font-weight: 600;
    color:#fff !important;
    text-align: left;
    line-height: 36px;
}


.buttonNewHome{
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    background: url(../images/new-home-button.svg) center no-repeat;
    background-size: 18px 16px;
    z-index: 5;
    top: -4px;
    right: 30px;
}

.header2 .buttonNewHome{
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    background: url(../images/new-home-button-black.svg) center no-repeat;
    background-size: 18px 16px;
    z-index: 5;
    top: 13px;
    right: 50px;
}

.header2Home{
    background: rgba(0,0,0,0.5) !important;
    border-bottom:none !important;
}

.header2.header2Home .buttonNewHome{
    background: url(../images/new-home-button.svg) center no-repeat;
    background-size: 18px 16px;
}

.header2.header2Home .buttonMenu {
    background: url(../images/nav-main2fff.png) center no-repeat;
    background-size: 20px 14px;
}

.newHome1{
    font-size: 16px;
    font-weight: 600;
    color:#fff !important;
    line-height: 34px;
    text-align: left;
    float: left;
    margin:18px 0 0;
}


.mobileMenu .buttonCloseMenu{
    background-size: 16px 16px !important;
}

.newServiceSection1 {
    padding: 0;
}

.filmsTopNew1 {
    background: url(../images/new-service-top.webp) center no-repeat;
    background-size: cover;
    padding: 170px 0 0;
    height: 330px;
}

.filmsTopNew1 > .txtN1{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color:#fff;
}

.filmsTopNew1 > .txtN2{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color:#fff;
    line-height: 38px;
    margin:4px 0 0;
}




.newServiceSection2{
    padding: 80px 0 0;
    background: #fff;
}

.nssTxt1{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 42px;
    font-family: Audiowide;
    color: #000;
    line-height: 1;
    word-break: auto-phrase;
}

.nssTxt2{
    font-size: 18px;
    font-weight: 600;
    color:#afafaf;
    line-height: 26px;
    margin:11px 0 0;
    text-align: center;
    display: block;
    word-break: auto-phrase;
}

.nssTxt3{
    font-size: 16px;
    font-weight: 400;
    color:#000;
    line-height: 24px;
    margin:50px 0 0;
    text-align: center;
    display: block;
    word-break: auto-phrase;
    padding:0 20px;
}

.nssTxt3 span{
    font-weight: 600;
}

.serviceCardGroup{
    display: block;
    width: 100%;
    max-width: 760px;
    padding:10px 0 0;
    margin:0 auto;
}

.serviceCard{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    /*gap:0 20px;*/
    margin:70px 0 0;
}

.serviceCard.right{
    justify-content: right;
}

.serviceCard .imgWrap{
    display: block;
    width: 200px;
    height: 150px;
    line-height: 0;
}

.serviceCard .imgWrap img{
    display: block;
    width: 100%;
    height: 100%;
}

.serviceCard .txtWrap{
    display: block;
    width: calc(100% - 200px);
    max-width: 290px;
    padding: 0 20px;
}



.serviceCard .txtWrap .txtSc1{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: 22px;
    word-break: auto-phrase;
}

.serviceCard .txtWrap .txtSc2{
    display: block;
    width: 100%;
    max-width: 280px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    margin: 15px 0 0;
    word-break: auto-phrase;
}

.specialPresent{
    display: flex;
    align-items: center;
    justify-content: right;
    padding:0 32px;
    width: 100%;
    height: 179px;
    background: url(../images/sp4.webp) center no-repeat;
    background-size: auto 179px;
    margin:60px 0 0;
}

.specialPresent .txtWrap .txtSp1{
   display: block;
    width: 100%;
    text-align: right;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: 22px;
    word-break: auto-phrase;
}

.specialPresent .txtWrap .txtSp2{
    display: block;
    width: 100%;
    max-width: 280px;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    margin: 15px 0 0;
    word-break: auto-phrase;
}

.toggleSpecInfo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 820px;
    height: 54px;
    background: url(../images/sp5.webp) center no-repeat;
    background-size: 100% 54px;
    margin:60px auto 0;
    padding:0 10px 0 20px;
}

.toggleSpecInfo .tsiTxt1{
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color:#fff;
    line-height: 24px;
}

.toggleSpecInfo .gotoDetail1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.toggleSpecInfo .gotoDetail1 .tsiTxt2{
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color:#fff;
    line-height: 20px;
}

.toggleSpecInfo .gotoDetail1 .arrow{
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/btn_dropdown.svg) center no-repeat;
    background-size: 28px 28px;
}

.toggleSpecInfo .gotoDetail1 .arrow{
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/btn_dropdown_black.svg) center no-repeat;
    background-size: 28px 28px;
}
.toggleSpecInfo.active .arrow{
    transform: rotate(180deg);
}

.closeSpecInfo{
    display: flex;
    justify-content: right;
    align-items: center;
    width: 100%;
    max-width: 820px;
    height: 54px;
    background: url(../images/sp5.webp) center no-repeat;
    background-size: 100% 54px;
    margin:0 auto;
    padding:0 10px 0 20px;
}





.closeSpecInfo .gotoDetail1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.closeSpecInfo .gotoDetail1 .tsiTxt2{
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color:#fff;
    line-height: 20px;
}

.closeSpecInfo .gotoDetail1 .arrow{
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/btn_dropdown.svg) center no-repeat;
    background-size: 28px 28px;
    transform: rotate(180deg);
}


.filmSpecWrap{
    display: none;
    width: 100%;
    max-width: 820px;
    margin:0 auto;
}

.toggleSpecInfo.active + .filmSpecWrap{
    display: block;
}


.filmSpec{
    display: block;
    width: 100%;
    margin:0 auto;
    padding:35px 30px;
    background: #F5F5F5;
}

.filmSpec .title{
    display: block;
    width: 100%;
    color:#171717;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}


.filmSpec .img1{
    display: block;
    width: 100%;
    margin:26px auto 0;
    width: 100%;
    max-width: 685px;
}

.filmSpec .txtWrap{
    display: block;
    width: 100%;
    margin:35px auto 0;
}


/*문자들*/
.txtWrap .txtSp{
    display: flex;
    flex-wrap: wrap;
    margin:20px 0 0;
}

.txtWrap .txtSp:first-child{
    margin:0;
}

.txtWrap .txtSp .sp{
    display: block;
    width: 15px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color:#000;
    line-height: 21px;
}

.txtWrap .txtSp .txt{
    display: block;
    width: calc(100% - 15px);
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color:#000;
    line-height: 21px;
}

.filmSpec .txtWrap .txtArrow{
    display: flex;
    flex-wrap: wrap;
    padding:0 0 0 15px;
    margin:8px 0 0;
}

.filmSpec .txtWrap .txtArrow .arrow{
    display: block;
    width: 15px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color:#000;
    background: url(../images/arrow3a.png) left no-repeat;
    background-size: 12px 15px;
    height: 19px;
}

.filmSpec .txtWrap .txtArrow .txt{
    display: block;
    width: calc(100% - 15px);
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color:#000;
    line-height: 20px;
}

.filmSpec .txtWrap .txtArrow .txt .sp1{font-weight: 700}
.filmSpec .txtWrap .txtArrow .txt .sp2{color:#FF5A24}


.filmSpec .txtWrap .txtCheck{
    display: flex;
    flex-wrap: wrap;
    margin:20px 0 0;
}

.filmSpec .txtWrap .txtCheck:first-child{
    margin:0;
}

.filmSpec .txtWrap .txtCheck .sp{
    display: block;
    width: 15px;
    text-align: left;
    background: url(../images/check3a.png) left no-repeat;
    background-size: 12px 15px;
    height: 20px;
}

.filmSpec .txtWrap .txtCheck .txt{
    display: block;
    width: calc(100% - 15px);
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color:#000;
    line-height: 21px;
}


.filmSpec .txtWrap .txtCheck .txt .t1{color:#FF5A24}

.txtWrap .txtR1{
    display: block;
    text-align: left;
    margin:8px 0 0;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color:#000;
    line-height: 20px;
    padding:0 0 0 15px;
}

.txtWrap .txtR1 .t1{
    color:#C90016;
}


.filmSpec .lineNs1{
    display: block;
    margin:36px 0;
    width: 100%;
    height: 1px;
    background: #E2E2E2;
}

.filmSpec .title + .txtWrap{margin:24px 0 0;}


.filmSpec .imgA1{
    display: block;
    width: 100%;
    margin:8px 0 0;
    padding:0 0 0 34px;
    line-height: 0;
}

.filmSpec .imgA1 > img{
    display: block;
    width: 100%;
    max-width: 234px;
}





.newServiceSection3{
    background: #fff;
    padding:70px 20px 0;
}

.newServiceSection3 .films{
    display: block;
    width: 100%;
    max-width: 800px;
    margin:0 auto;
}


.flimOne{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin:70px 0 0;
}

.flimOne:first-child{margin:0}

.flimOne.right{
    justify-content: right;
}

.flimOneContent{
    display: block;
    width: 100%;
    max-width: 400px;
}

.flimOneContent .fImg1{
    display: block;
    width: 86px;
}


.flimOneContent .fImg3M{
    display: block;
    width: 49px;
}

.flimOneContent .fImgDitec{
    display: block;
    width: 112px;
}

.flimOneContent .fImgNJF{
    display: block;
    width: 132px;
}

.flimOneContent .fImgLLumar{
    display: block;
    width: 82px;
}

.flimOneContent .fImgRayno{
    display: block;
    width: 118px;
}

.flimOneContent .fImgSolargard{
    display: block;
    width: 79px;
}

.flimOneContent .fImgSungard{
    display: block;
    width: 66px;
}

.flimOneContent .fImgTintacar{
    display: block;
    width: 111px;
}




.flimOneContent .txt1Row{
    display: flex;
    gap:4px;
    align-items: center;
    margin:7px 0 0;
}

.flimOneContent .txt1Row > .txt1{
    display: block;
    font-weight: 700;
    font-size: 40px;
    text-align: left;
    color:#171717;
    line-height: 50px;
}

.flimOneContent .txt1Row > .new{
    display: block;
    font-size: 0;
    height: 50px;
    width: 38px;
    background: url(../images/assets28.png) center 10px no-repeat;
    background-size: 38px 27px;
}

.flimOneContent .optionRow{
    display: flex;
    width: 100%;
    margin:10px 0 0;
    gap:9px;
    flex-wrap: wrap;
    align-items: center;
}

.flimOneContent .optionRow .country{
    display: flex;
    height: 28px;
    border-radius: 14px;
    background: #EDEDED;
    padding:4px 15px 4px 4px;
    gap:7px;
}

.flimOneContent .optionRow .country .flag{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.flimOneContent .optionRow .country .flag.usa{
    background: url(../images/usa1.png) center no-repeat;
    background-size: 20px 20px;
}

.flimOneContent .optionRow .country .flag.sweden{
    background: url(../images/sweden1.png) center no-repeat;
    background-size: 20px 20px;
}

.flimOneContent .optionRow .country .flag.france{
    background: url(../images/france1.png) center no-repeat;
    background-size: 20px 20px;
}

.flimOneContent .optionRow .country .flag.australia{
    background: url(../images/aust1.png) center no-repeat;
    background-size: 20px 20px;
}


.flimOneContent .optionRow .country .txt{
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    line-height: 20px;
    color:#000;
}

.flimOneContent .optionRow .percentGroup{
    display: flex;
    gap:4px;
}

.flimOneContent .optionRow .percentGroup .percent{
    display: block;
    width: 53px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-radius: 3px;
    color:#fff;
    font-size: 12px;
    font-weight: 400;
}

.flimOneContent .optionRow .percentGroup .percent.percent5{background: #2B2B2B;}
.flimOneContent .optionRow .percentGroup .percent.percent15{background: #535353;}
.flimOneContent .optionRow .percentGroup .percent.percent35{background: #808080;}
.flimOneContent .optionRow .percentGroup .percent.percent45{background: #9D9D9D;}
.flimOneContent .optionRow .percentGroup .percent.percent50{background: #9D9D9D;}

.flimOneContent .txt2{
    display: block;
    width: 100%;
    text-align: left;
    margin:17px 0 0;
    font-size: 12px;
    font-weight: 400;
    color:#171717;
    line-height: 22px;
}

.flimOneContent .viewRow{
    display: flex;
    justify-content: right;
}

.flimOneContent .viewRow .view{
    display: block;
    width: 101px;
    height: 34px;
    background: url(../images/arrow-101x12.png) center top no-repeat;
    background-size: 101px 12px;
    text-align: right;
    font-size: 12px;
    color: #171717 !important;
    font-weight: 400;
    line-height: 19px;
    padding:15px 0 0;
    margin:10px 0 0;
}

footer .newFooterLogo{
    display: block;
    float: left;
    width: 107px;
}

footer .newCsCenter{
    display: block;
    float: right;
}

footer .newCsCenter .info1{
    display: flex;
    flex-wrap: wrap;
    gap:7px;
}

footer .newCsCenter .info1 .label{
    display: block;
    font-size: 13px;
    font-weight: 600;
    color:rgba(255,255,255,0.6);
    text-align: left;
    line-height: 19px;
}

footer .newCsCenter .info1 .data{
    display: block;
    font-size: 13px;
    font-weight: 600;
    color:rgba(255,255,255,0.6);
    text-align: left;
    line-height: 19px;
}

footer .newCsCenter .info1 + .info2{
    margin:15px 0 0;
}

footer .newCsCenter .info2{
    display: flex;
    flex-wrap: wrap;
    gap:4px;
    margin:3px 0 0;
}

footer .newCsCenter .info2 .label{
    display: block;
    font-size: 13px;
    font-weight: 400;
    color:rgba(255,255,255,0.6);
    text-align: left;
    line-height: 19px;
}

footer .newCsCenter .info2 .data{
    display: block;
    font-size: 13px;
    font-weight: 400;
    color:rgba(255,255,255,0.6);
    text-align: left;
    line-height: 19px;
    position: relative;
}

footer .newCsCenter .info2 .data + .data{
    padding-left:7px;
}

footer .newCsCenter .info2 .data + .data:before{
    display: block;
    content: "";
    width: 1px;
    height: 9px;
    background: rgba(255,255,255,0.6);
    left: 2px;
    top:5px;
    z-index: 5;
    position: absolute;
}

footer.newFooter .centerWrap{
    padding:36px 20px 0;
    max-width: 840px;
}

footer.newFooter .centerWrap:after{
    content: "";
    display: block;
    clear: both;
}


.topTxt1{
    display: block;
    width: 100%;
    text-align: center;
    padding:62px 0 52px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color:#000;
    border-bottom:1px solid #E6E6E6;
}


.warrentySample{
    display: block;
    width: 100%;
    margin:50px 0 0;
    background: #fff;
    border:1px solid #e2e2e2;
    border-radius: 4px;
    padding:30px 20px;
}

.warrentySample .txt1{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color:#000;
}

.warrentySample .img1{
    display: block;
    width: 100%;
    max-width: 836px;
    line-height: 0;
    margin:33px auto 0;
}

.warrentySample .img1 img{
    display: block;
    width: 100%;
}


.faqSection1 .searchWrap{
    max-width: 486px;
    margin:35px auto 0;
}

.faqListNew .faqOne{
    padding:12px 13px 12px 16px;
}


.faqListNew .faqOne .qRow .qMark {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #FFF000;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #171717 !important;
    margin: 0 10px 0 0;
}


.faqListNew .faqOne .qRow .qTxt {
    width: calc(100% - 63px);
    font-size: 16px;
    font-weight: 600;
    color: #171717 !important;
    line-height: 24px;
    padding: 3px 0 0;
}



.faqListNew .faqOne .qRow .arrow{
    width: 12px;
    height: 30px;
    background-size: 12px 6px;
}

.faqListNew .faqOne .aRow{
    margin:12px 0 0;
    padding:13px 0 0 30px;
    border-top:1px solid #E6E6E6;
}

.faqListNew .faqOne .aRow .aMark {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #171717;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #fff !important;
    margin: 3px 10px 0 0;
}

.faqOne .aRow .aTxt {
    font-size: 13px;
}

.faqListNew .faqOne .aRow .aTxt {
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    color: #000 !important;
    line-height: 21px;
    padding: 0;
}


.newSearchWrap {
    display: flex;
    gap:8px;
    flex-wrap: wrap;
    padding:20px 0 0;
}

.newSearchWrap .sOne{
    width: 150px;
    display: block;
    position: relative;
}

.newSearchWrap .sOne .inputStyle{
    display: block;
    width: 100%;
    height: 54px;
    line-height: 52px;
    border:1px solid #E9E9EB !important;
    border-radius: 4px;
    padding: 0 15px;
    text-align: left;
    color:#080808 !important;
    font-size: 16px;
    font-weight: 400;
    background: #fff url(../images/tri2.png) calc(100% - 15px) center no-repeat;
    background-size: 8px 6px;
}

.inputNormalNs {
    width: calc(100% - 464px);
}

.buttonSearchNew{
    display: block;
    width: 140px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color:#fff !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    background: #1E1E1E;
}









/*홈*/
.newHomeSection1{
    display: block;
    width: 100%;
    overflow: hidden;
}

.newMainBanner{
    display: block;
    width: 100%;
    position: relative;
}

.newBanner{
    display: block;
    width: 100%;
    height: 580px;
    padding:200px 16px 0;
}

.newBanner.nbImg1{
    background: url(../images/nb1.webp) center no-repeat;
    background-size: cover;
}

.newBanner.nbImg2{
    background: url(../images/nb2.webp) center no-repeat;
    background-size: cover;
}

.newMainBanner .nbTxt1{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    line-height: 64px;
    color:#fff;
}

.newMainBanner .nbTxt2{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 64px;
    color:#fff;
    margin:4px 0 0;
}


.newMainBanner .nbTxt3{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color:#fff;
    margin:70px 0 0;
    word-break: auto-phrase;
}

.newMainBanner .tools{
    display: block;
    position: relative;
    position: absolute;
    left:50%;
    bottom:29px;
    z-index: 10;
    transform: translateX(-50%);
}

.newMainBanner .tools .swiper-pagination-n1{
    color:rgba(255,255,255,0.7) !important;
}

.newMainBanner .tools .swiper-pagination-current{
    color:#fff !important;
    padding-right:3px !important;
    text-align: right !important;
}

.newMainBanner .tools .swiper-pagination-total{
    padding-left:3px !important;
    text-align: left !important;
}

.swiper-button-next-n1{
    position: absolute;
    width: 25px;
    height: 25px;
    right:-36px;
    top:-3px;
    background: url(../images/n1-next-23x23.svg) center no-repeat;
    background-size: 23px 23px;
}

.swiper-button-prev-n1{
    position: absolute;
    width: 25px;
    height: 25px;
    left:-36px;
    top:-3px;
    background: url(../images/n1-prev-23x23.svg) center no-repeat;
    background-size: 23px 23px;
}

.tools .swiper-button-disabled{
    opacity: 0.5 !important;
}




.newHomeSection2{
    padding:0;
    background: #fff;
}

.newHomeSection2 .centerWrap{
    padding:0 20px !important;
}

.homeGroup1{
    display: flex;
    flex-wrap: wrap;
    border:1px solid #E6E6E6;
    border-top:none;
    border-bottom:none;
}

.homeGroup1 .homeCard{
    display: block;
    width: 50%;
    padding:58px 15px 38px 20px;
}

.homeGroup1 .homeCard + .homeCard{
    border-left : 1px solid #E6E6E6;
}

.homeGroup1 .homeCard .txt1{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color:#B7B7B7;
}


.homeGroup1 .homeCard .txt2{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 38px;
    font-weight: 600;
    line-height: 50px;
    color:#000000;
    margin:10px 0 0;
}


.homeGroup1 .homeCard .txt3{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color:#171717;
    margin:30px 0 0;
}

.homeCard .img1{
    display: block;
    width: 100%;
    height: 227px;
    margin:24px 0 0;
}

.homeCard .img1.img1a{
    background: url(../images/h1.png) calc(100% - 25px) no-repeat;
    background-size: 128px 227px;
}

.homeCard .img1.img1b{
    background: url(../images/h2.png) calc(100% - 25px) no-repeat;
    background-size: 128px 227px;
}

.homeCard .viewRow{
    display: flex;
    justify-content: right;
}

.homeCard .viewRow .view{
    display: block;
    width: 101px;
    height: 34px;
    background: url(../images/arrow-101x12.png) center top no-repeat;
    background-size: 101px 12px;
    text-align: right;
    font-size: 12px;
    color: #171717 !important;
    font-weight: 400;
    line-height: 19px;
    padding:15px 0 0;
    margin:10px 0 0;
}

.newHomeSection3{
    border-top:1px solid #E6E6E6;
    background: #fff;
}

.newHomeSection3 .centerWrap{
    padding: 0 20px !important;
}

.homeGroup2{
    display: flex;
    flex-wrap: wrap;
    border:1px solid #E6E6E6;
    border-top:none;
    border-bottom:none;
}

.homeGroup2 .homeCardB{
    display: block;
    width: 25%;
    padding:15px 15px 20px;
    border-left:1px solid #E6E6E6;
}

.homeGroup2 .homeCardB:first-child{
    border-left: none;
}


.homeGroup2 .homeCardB .row1{
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}

.homeGroup2 .homeCardB .row1 .gotoDetail1{
    display: block;
    width: 41px;
    height: 31px;
    background: url(../images/ic_arrow.png) center no-repeat;
    background-size: 41px 31px;
}

.homeGroup2 .homeCardB .txt1{
    font-size: 24px;
    font-weight: 600;
    color:#000;
    line-height: 29px;
    text-align: left;
    margin: 10px 0 0;
}

.homeGroup2 .homeCardB .txt2{
    font-size: 14px;
    font-weight: 300;
    color:#000;
    line-height: 20px;
    text-align: left;
    margin: 19px 0 0;
}

.homeGroup2 .homeCardB .img1{
    display: block;
    width: 75px;
    height: 75px;
    margin:65px 0 0;
}

.homeGroup2 .homeCardB .img1.img1a{
    background: url(../images/hb1.png) center no-repeat;
    background-size: 75px 75px;
}

.homeGroup2 .homeCardB .img1.img1b{
    background: url(../images/hb2.png) center no-repeat;
    background-size: 75px 75px;
}

.homeGroup2 .homeCardB .img1.img1c{
    background: url(../images/hb3.png) center no-repeat;
    background-size: 75px 75px;
}

.homeGroup2 .homeCardB .img1.img1d{
    background: url(../images/hb4.png) center no-repeat;
    background-size: 75px 75px;
}

.filmContentsNew{
    padding-top:0;
}

.filmBasicInfoNew{
    display: block;
    width: 100%;
    height: 400px;
}

.filmBasicInfoNew.bgNew1{
    background: url(../images/fbg-n1.webp) center no-repeat;
    background-size: cover;
}

.filmBasicInfoNew.bgNew2{
    background: url(../images/fbg-n2.webp) center no-repeat;
    background-size: cover;
}

.filmBasicInfoNew.bgNew5{
    background: url(../images/fbg-n5.webp) center no-repeat;
    background-size: cover;
}

.filmBasicInfoNew.bgNew6{
    background: url(../images/fbg-n6.webp) center no-repeat;
    background-size: cover;
}

.filmBasicInfoNew.bgNew7{
    background: url(../images/fbg-n7.webp) center no-repeat;
    background-size: cover;
}

.filmBasicInfoNew.bgNew9{
    background: url(../images/fbg-n9.webp) center no-repeat;
    background-size: cover;
}


.filmBasicInfoNew.bg1{
    background: url(../images/fbg1.webp) center no-repeat;
    background-size: cover;
}

.filmBasicInfoNew.bg2{
    background: url(../images/fbg2.webp) center no-repeat;
    background-size: cover;
}

.filmBasicInfoNew.bg3{
    background: url(../images/fbg3.webp) center no-repeat;
    background-size: cover;
}

.filmBasicInfoNew .centerWrap{
    padding: 225px 20px 0 !important;
    position: relative;
    max-width: 800px;
}

.filmBasicInfoNew .img1{
    display: block;
    position: absolute;
    left:20px;
    top:145px;
    z-index: 5;
}

.filmBasicInfoNew .img1.img1New1{
    width: 66px;
    height: 35px;
    background: url(../images/logo_3mw.png) center no-repeat;
    background-size: 66px 35px;
}

.filmBasicInfoNew .img1.img1New2{
    width: 120px;
    height: 35px;
    background: url(../images/logo_ditec2w.png) top no-repeat;
    background-size: 120px 24px;
}

.filmBasicInfoNew .img1.img1New5{
    width: 70px;
    height: 35px;
    background: url(../images/logo_llumar_w.png) top no-repeat;
    background-size: 70px 35px;
}

.filmBasicInfoNew .img1.img1New6{
    width: 175px;
    height: 35px;
    background: url(../images/logo_rayno_white.png) top no-repeat;
    background-size: 175px 35px;
}

.filmBasicInfoNew .img1.img1New7{
    width: 61px;
    height: 35px;
    background: url(../images/logo_solar_white.png) top no-repeat;
    background-size: 61px 35px;
}

.filmBasicInfoNew .img1.img1New9{
    width: 96px;
    height: 35px;
    background: url(../images/logo_tint.png) top no-repeat;
    background-size: 96px 35px;
}



.filmBasicInfoNew .img1.img1a{
    width: 60px;
    height: 35px;
    background: url(../images/logo_gwf2.png) center no-repeat;
    background-size: 60px 35px;
}

.filmBasicInfoNew .img1.img1b{
    width: 105px;
    height: 35px;
    background: url(../images/jwf2.png) center no-repeat;
    background-size: 105px 35px;
}

.filmBasicInfoNew .img1.img1c{
    width: 61px;
    height: 42px;
    background: url(../images/sungard2.png) center no-repeat;
    background-size: 61px 42px;
}

.filmBasicInfoNew .row1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:10px;
}

.filmBasicInfoNew .row1 .flag{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border:2px solid #fff;
}

.filmBasicInfoNew .row1 .flag.usa{
    background: url(../images/usa2.png) center no-repeat;
    background-size: 38px 38px;
}

.filmBasicInfoNew .row1 .flag.sweden{
    background: url(../images/sweden1.png) center no-repeat;
    background-size: 38px 38px;
}

.filmBasicInfoNew .row1 .flag.australia{
    background: url(../images/australia2.png) center no-repeat;
    background-size: 38px 38px;
}

.filmBasicInfoNew .row1 .brandText1{
    display: block;
    font-size: 45px;
    font-weight: 400;
    line-height: 50px;
    text-align: left;
    color:#fff;
    font-family: 'Audiowide';
}

.filmBasicInfoNew .row1 .brandText2{
    display: block;
    font-size: 45px;
    font-weight: 400;
    line-height: 50px;
    text-align: left;
    color:#fff;
    font-family: 'Audiowide';
}

.filmBasicInfoNew .desc{
    display: block;
    width: 100%;
    margin:5px 0 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color:#fff;
    line-height: 23px;
}

.filmBasicInfoNew .specGroup{
    display: flex;
    flex-wrap: wrap;
    margin:20px 0 0;
    gap:0 30px;
}

.filmBasicInfoNew .specGroup .spec{
    display: block;
    width: calc((100% - 90px) / 4);
    max-width: 160px;
    height: 40px;
    border-radius: 0 5px 0 5px;
    border:1px solid #fff;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    font-weight: 600;
    color:#fff !important;
}


.aboutFilmNew{
    display: block;
    width: 100%;
    background: #fff;
}

.aboutFilmNew .centerWrap{
    padding:110px 20px 120px !important;
    max-width: 800px;
    position: relative;
}

.sectionTitleNew{
    display: block;
    font-family: 'Audiowide';
    /*position: absolute;*/
    font-size: 32px;
    line-height: 42px;
    text-align: left;
    color:#000000;
    font-weight: 400;
    /*left: -200px;
    top:0;*/
}

.aboutOne{
    display: flex;
    flex-wrap: wrap;
    gap:0 30px;
    justify-content: left;
    margin: 90px 0 0 ;
}

.aboutOne.right{
    justify-content: right;
}

.aboutOne .img1{
    display: block;
}

.aboutOne .img1.img1a{width: 122px;}
.aboutOne .img1.img1b{width: 126px;}
.aboutOne .img1.img1c{width: 110px;}
.aboutOne .img1.img1c2{width: 110px;}
.aboutOne .img1.img1c3{width: 122px;}
.aboutOne .img1.img1d{width: 100px;}
.aboutOne .img1.img1d2{width: 100px;}
.aboutOne .img1.img1d3{width: 67px;}
.aboutOne .img1.img1e{width: 122px;}


.aboutOne .txtWrap{
    display: block;
    width: 100%;
    max-width: 186px;
}

.aboutOne.wide .txtWrap{
    max-width: 240px;
}


.aboutOne .txt1{
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    color:#000;
    text-align: left;
}

.aboutOne .txt2{
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color:#000;
    text-align: left;
    margin:17px 0 0;
    word-break: auto-phrase;
}

.aboutOne .txt2.ff2{
    font-family: 'Audiowide';
    font-size: 16px;
    color:#aaa;
}


.filmSpecNew{
    background: url(../images/spec1.webp) center no-repeat;
    background-size: cover;
    padding:45px 0 48px;
}

.filmSpec.filmSpecNew .sectionTitle{
    display: block;
    width: 100%;
    text-align: center;
    color:#fff !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 30px;
}

.filmSpec.filmSpecNew .sectionTitle .bold{
    font-weight: 400 !important;
}

.filmSpecNew .specs .row1{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap:24px 30px;
    width: 100%;
    max-width: 712px;
    margin:0 auto;
}

/*.filmSpecNew .specs .row2{
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    gap:30px;
    width: 100%;
    max-width: 712px;
    margin:0 auto;
    padding:20px 0;
}*/

.filmSpec.filmSpecNew .specs .spec {
    display: block;
    float: none !important;
    width: calc((100% - 90px) / 4);
    height: auto;
    background: none;
    border: none;
    text-align: center;
    border-radius: 0;
    margin: 0;
}

.filmSpec.filmSpecNew .specs .spec .txt2{
    font-family: 'Audiowide';
}



.flimGraphNew .sectionTitle{
    font-size: 32px;
    font-weight: 400;
    line-height: 56px;
    text-align: left;
    font-family: 'Audiowide';
}

.flimGraphNew .centerWrap{
    max-width: 820px;
}

.filmGraphPC{
    display: block;
    width: 100%;
    margin:41px 0 0;
}

.filmGraphMO{
    display: none;
}

.flimGraphNew .txtWrap{
    margin: 60px 0 0;
}

.flimGraphNew .txtWrap .txtR1{
    margin:3px 0 0;
}

.mobileMenu{
    padding-top:17px !important;
}

.mobileMenu .buttonCloseMenu{
    margin:0 -9px 0 0 !important
}


.swipeMenu .menu .new{
    display: inline-block;
    font-size: 8px;
    color:#E82100 !important;
    text-align: left;
    line-height: 11px;
    height: 30px;
    transform: translateY(-5px);
    font-weight: 500;
    padding: 0 0 0 1px;
}


.searchTopBar.newMt{
    padding-top:30px !important;
}

.searchTopBar .t1{
    font-size: 17px !important;
    line-height: 27px !important;
}

.showInfoNew{

}

.showInfo.showInfoNew {
    height: 28px;
    line-height: 26px;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    color: #717171 !important;
    background: #F4F4F4 url(../images/q14a.png) calc(100% - 9px) no-repeat;
    background-size: 14px 14px;
    padding: 0 27px 0 8px;
    border-radius: 14px;
    border:1px solid #E2E2E2;
    margin:0 0 0 13px;
}



.bInput2 input + .txt.condition1{
    position: relative;
    padding-left:56px;
}

.bInput2 input + .txt.condition1:before{
    content: "";
    position: absolute;
    display: block;
    width:21px;
    height: 29px;
    background: url(../images/grade1.png) center no-repeat;
    background-size: 21px 29px;
    left:32px;
    top:1px;
}

.bInput2 input + .txt.condition2{
    position: relative;
    padding-left:56px;
}

.bInput2 input + .txt.condition2:before{
    content: "";
    position: absolute;
    display: block;
    width:21px;
    height: 29px;
    background: url(../images/grade2.png) center no-repeat;
    background-size: 21px 29px;
    left:32px;
    top:1px;
}

.bInput2 input + .txt.condition3{
    position: relative;
    padding-left:56px;
}

.bInput2 input + .txt.condition3:before{
    content: "";
    position: absolute;
    display: block;
    width:19px;
    height: 19px;
    background: url(../images/grade3.png) center no-repeat;
    background-size: 19px 19px;
    left:32px;
    top:6px;
}


.searchCondition.searchConditionNew .col {
        width: 25%;
    }



















































/*#######################################*/
@media screen and (max-width: 1000px) {


} /*반응형 1000px 끝*/



/*#######################################*/
@media screen and (max-width: 700px) {

    .homeGroup1 .homeCard{
        width: 100%;
        padding: 48px 20px 28px;
    }

    .homeGroup1 .homeCard + .homeCard{
        border-left: none;
        border-top:1px solid #E6E6E6;
    }

    .homeGroup1 .homeCard .txt1{
        font-size: 16px;
        line-height: 20px;
    }

    .homeGroup1 .homeCard .txt2{
        font-size: 30px;
        line-height: 40px;
    }

    .homeGroup1 .homeCard .txt3{
        margin:16px 0 0;
        max-width: 450px;
        word-break: auto-phrase;
    }

    .homeCard .img1{
        display: none;
    }

    .homeCard .viewRow .view{
        margin:60px 0 0;
        color:#B7B7B7 !important;
    }

    .homeGroup2 .homeCardB{
        width: 50%;
    }

    .homeGroup2 .homeCardB:nth-child(2n-1){
        border-left: none;
    }

    .homeGroup2 .homeCardB:nth-child(3),
    .homeGroup2 .homeCardB:nth-child(4){
        border-top:1px solid #E6E6E6;
    }

    .homeGroup2 .homeCardB .txt2{
        margin:16px 0 0;
    }

    .newMainBanner .nbTxt1{
        font-size: 30px;
        line-height: 40px;
    }

    .newMainBanner .nbTxt2{
        font-size: 30px;
        line-height: 40px;
    }

    .newMainBanner .nbTxt3{
        font-size: 14px;
        line-height: 24px;
        margin:60px 0 0;
    }





    .newServiceSection2{
        padding:66px 0 0;
    }

    .nssTxt1{
        font-size: 32px;
        line-height: 40px;
    }

    .nssTxt2{
        font-size: 16px;
        line-height: 24px;
        margin:4px 0 0;
    }

    .nssTxt3{
        font-size: 14px;
        line-height: 21px;
        margin:45px 0 0;
    }

    .filmSpec{
        padding:30px 20px;
    }

    .filmSpec .title{
        font-size: 20px;
        line-height: 26px;
    }

    .flimOneContent .txt1Row > .txt1{
        font-size: 32px;
        line-height: 40px;
    }


    .faqListNew .faqOne .qRow .qTxt{
        font-size: 14px;
    }

    .faqListNew .faqOne .aRow{
        padding:13px 0 0 10px;
    }




    /*필름라인업*/
    .filmBasicInfoNew .img1{
        display: none !important;
    }

    .filmBasicInfoNew .row1 .flag {
        width: 40px;
        height: 40px;
        background-size: 30px 30px !important;
        gap:0;
    }

    .filmBasicInfoNew .row1 .brandText1{
        margin:0;
        width: 100%;
        font-size: 42px;
        line-height: 48px;
    }

    .filmBasicInfoNew .row1 .brandText2{
        margin:0;
        width: 100%;
        font-size: 42px;
        line-height: 48px;
    }

    .filmBasicInfoNew{
        height: 750px;
    }

    .filmBasicInfoNew .desc{
        margin:46px 0 0;
        max-width: 300px;
    }

    .filmBasicInfoNew .specGroup{
        gap:16px;
        max-width: 350px;
        margin:30px 0 0;
    }

    .filmBasicInfoNew .specGroup .spec{
        width: calc(50% - 8px);
    }


    .aboutFilmNew .centerWrap{
        padding:80px 20px 100px !important;
    }


    .aboutOne .txt2{
        margin:8px 0 0;
    }



    .newSearchWrap .sOne{
        width: calc(50% - 4px);
    }


    .newSearchWrap .inputNormalNs{
        width: 100%;
    }

    .newSearchWrap .buttonSearchNew{
        width: 100%;
    }

    .thisMapNew{
        margin:4px 0 0;
    }


    .searchCondition.searchConditionNew .col {
        width: 50%;
    }



} /*반응형 700px 끝*/


/*#######################################*/
@media screen and (max-width: 600px) {

    .serviceCard .imgWrap{
        width: 160px;
        height: 120px;
    }

    .serviceCard .txtWrap {
        width: calc(100% - 160px);
        padding: 0 15px;
    }

    .serviceCard .txtWrap .txtSc1{
        font-size: 18px;
        line-height: 20px;
    }

    .serviceCard .txtWrap .txtSc2{
        margin:12px 0 0;
    }


    .filmSpec.filmSpecNew .specs .spec.empty{
        display: none;
    }

    .filmSpecNew .specs .row1{
        gap:24px 10px;
        max-width: 310px;
    }

    .filmSpec{
        padding:90px 20px 60px;
    }

    .filmSpecNew {
        background: url(../images/spec1b.webp) right no-repeat;
        background-size: cover;
    }

    .filmSpec.filmSpecNew .specs .spec{
        width: calc((100% - 10px) / 2);
    }

    .filmSpec.filmSpecNew .sectionTitle{
        font-size: 30px !important;
        line-height: 40px;
        word-break: auto-phrase;
    }

    .flimGraphNew .sectionTitle{
        font-size: 24px;
        line-height: 34px;
    }

    .filmGraphPC{
        display: none;
    }

    .filmGraphMO{
        display: block;
        width: 100%;
        margin:30px 0 0;
    }

    .aboutOne .txt1{
        font-size: 18px;
        line-height: 28px;
    }

    .aboutOne .txt2.ff2 {
        font-size: 15px;
    }



} /*반응형 600px 끝*/








/*#######################################*/
@media screen and (max-width: 488px) {

    .homeGroup1 .homeCard .txt2{
        font-size: 26px;
    }

    footer .newCsCenter{
        width: 100%;
        margin:30px 0 0;
    }

    .aboutOne .txtWrap{
        width: calc(100% - 96px);
        max-width: 400px;
    }

    .aboutOne{
        margin:60px 0 0;
        gap:0;
        justify-content: space-between;
    }

    .aboutOne.right {
        justify-content: space-between;
    }

    .aboutOne .img1{width: 80px !important;}
    .aboutOne .img1.img1d3{width: 40px !important; margin:5px 0 0 17px}


} /*반응형 488px 끝*/








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

  

} /*반응형 488px 끝*/


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



} /*반응형 400px 끝*/


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

    


} /*반응형 380px 끝*/


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

    .homeGroup2 .homeCardB .txt1{
        font-size: 20px;
    }

    footer .newCsCenter .info2 .data + .data{
        width: 100%;
        padding-left: 0;
    }

    footer .newCsCenter .info2 .data + .data:before{
        display: none;
    }

    .serviceCard .imgWrap{
        width: 120px;
        height: 90px;
    }

    .serviceCard .txtWrap {
        width: calc(100% - 120px);
        padding: 0 13px;
    }

    .serviceCard .txtWrap .txtSc2{
        font-size: 13px;
        line-height: 20px;
    }

    .serviceCard .txtWrap .txtSc1{
        font-size: 17px;
    }

    .specialPresent .txtWrap .txtSp1{
        font-size: 17px;
    }

    .specialPresent .txtWrap .txtSp2{
        font-size: 13px;
        line-height: 21px;
        margin:12px 0 0;
    }

    .filmSpec.filmSpecNew .sectionTitle{
        font-size: 20px !important;
        line-height: 30px;
    }

} /*반응형 360px 끝*/






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


} /*반응형 320px 끝*/









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

 


} /*반응형 320px 끝*/



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

    

} /*반응형 300px 끝*/