/* CSS Reset by [class] */


html {    

    --mg4:0.4rem;
    --mg8:0.8rem;
    --mg10:1rem;
    --mg12:1.2rem;
    --mg18:1.8rem;
    --mg20:2rem;
    --mg24:2.4rem;
    --mg28:2.8rem;
    --mg32:3.2rem;
    --mg40:4rem;
    --mg48:4.8rem;
    --mg60:6rem;
    --mg80:8rem;
    --mg120:12rem;
    --Black:#000;
    --gray33:#333!important;
    --gray66:#666;
    --gray76:#767676;
    --gray99:#999;
    --graycc:#ccc;
    --graydf:#dfdfdf;
    --grayea:#eaeaea;
    --grayf3:#f3f3f3;
    --grayf8:#f8f8f8;
    --White:#fff;
    --PR_50:#f84646;
    --PR_40:#4FA0FF;
    --PR_30:#CCB5FF;
    --PR_20:#D8EAFF;
    --PR_10:#767676;
    --SC_50:#F90;
    --SC_40:#ffad33;
    --SC_30:#ffc266;
    --SC_20:#ffe0b2;
    --SC_10:#fff5e5;
    --Positive:#4CAF50;
    --Link:#0091EA;
    --Warning:#F9A825;
    --Negative:#D32F2F;    
	--MENUheight:430px;
	--snbbg: linear-gradient(90deg, rgb(211 1 84) 0%, rgb(255 109 93) 100%);





} 

/*C*/
#header2{position:fixed;transition: all 0.5s;width:100%;z-index: 101;transition: all 0.5s;top:0;left:0;}
#header2.fixed{position: fixed;top:0;left:0;width:100%;}    
#header2::before{content:''; content: '';display: none; width: 100%; background:var(--White);  
position: absolute;top:8rem;left:0;}

#header2 button {border:none; background:none;}


#header2.header--open::after{content: '';display: block;width:100%;height:1px;background:rgba(0,0,0,0.1); 
position: absolute;left:0;top:140px; z-index: 9999}

#header2.header--open::before{ display: block;   }



.headerTop{    display: flex;   
    justify-content: space-between;   
    position: relative; 
    width: 100%; 
    margin: 0 auto; 
   box-sizing:border-box; padding:0px 5% 1% 5%;
}

#header2.header--open .headerTop,
#header2.header--open::before{ height:var(--MENUheight);  }



#header2 .headerNav {color:var(--White);}


#header2  .headerSide{display: flex; }
#header2  .hamber{display: block;width:28px;height:48px; margin-top:50px; background: url(/kor/images/com/menu.png) no-repeat 50% 50%;background-size:contain;}
#header2  .hamber span{font-size: 0;}
.h1__logo__link{display: block;width:100px;height:112px;background: url(/kor/images/com/logo_2025.png) no-repeat 50% 50%;
background-size:contain;font-size: 0;  margin-top:20px;}
.scrollDown #header2{top:-100%}
.gnb2{display: flex;}
.headerNav  .gnb__item{position: relative;width:11vw;text-align: center;height:8.2rem;}
.gnb__link{color:var(--White);font-size:22px; font-weight:var(--fw700);
height: 150px;display:inline-flex; justify-content: center;align-items: center;}


.on .gnb__link{color:var(--PR_50)}
.gnbSub{display:none; }
.gnbSub{position: absolute;left:0;top:7.9rem;padding:3.2rem 0 6rem;width: 100%;height:20rem}
.gnbSub__item{text-align: center; color:var(--Black)}
.gnbSub__item + .gnbSub__item{margin-top: 1.2rem;}
.gnbSub__link{font-size: 18px; line-height:25px;}
.gnbSub__link:hover{font-weight: 700;color:var(--PR_50)}
.headerNav  .gnb__item.on{background: var(--PR_50);}
.on .gnb__link{color:#fff}
.on .gnbSub{background: var(--PR_50); color:#}
.on .gnbSub__link{color:#fff;position: relative;}
.on .gnbSub__link:hover::after{content: '';display: block;width:100%;height:2px;background-color: #fff;position: absolute;left:0;bottom:0}

.headerSide .btnSitemap{width:6rem;display: flex;justify-content: center; background:none; }
.headerSide__lang{position: relative;width:8rem;height: 8rem}
.headerSide__lang .btnLang{display:flex;align-items: center;justify-content: center;width: 8rem;height:8rem;}
.headerSide__lang__lists{display: none}
.headerSide__lang__lists{position: absolute;right:0;background: var(--PR_50);width:100%;text-align: center;padding:2rem 0;border-top:1px solid rgba(255,255,255,0.5)}
.headerSide__lang__lists .item{display: inline-flex;justify-content: center;align-items: center;font-size: 2rem;line-height: 1.6;color:rgba(255,255,255,0.5);position: relative;vertical-align: top;}
.headerSide__lang__lists .item:hover{font-weight: 700;color:#fff}
.headerSide__lang__lists .item:hover::after{content: '';display: block;width:100%;height:2px;background: #fff;position: absolute;bottom:0}
.headerSide__lang__lists .item.current{font-weight: 700;color:#fff}
.headerSide__lang__lists .item.current::after{content: '';display: block;width:100%;height:2px;background: #fff;position: absolute;bottom:0}

.headerSide__lang__lists .item:last-child{padding-top:2rem}

.headerSide__lang:hover{background: var(--PR_50);}
.headerSide__lang:hover .headerSide__lang__lists{display: block;}
.fixed .headerTop{background-color: var(--White);border-bottom:1px solid #efefef}
.fixed .hamber{filter: invert(100%)}
.fixed .gnb__link{color:var(--Black)}
.fixed .headerSide__lang .icon.global{filter: invert(100%)}
.fixed .headerSide__lang:hover .icon.global{filter: invert(0)}
.fixed .h1__logo__link{background: url(/kor/images/com/logo_b2_2025.png) no-repeat 50% 50%; background-size:contain}
.colored .headerTop{background-color: var(--White);border-bottom:1px solid #efefef}
.colored .hamber{filter: invert(100%)}
.colored .gnb__link{color:var(--Black)}
.colored .headerSide__lang .icon.global{filter: invert(100%)}
.colored .headerSide__lang:hover .icon.global{filter: invert(0)}
.colored .h1__logo__link{background: url(/kor/images/com/logo_b2_2025.png) no-repeat 50% 50%;}
.header--open .hamber{filter: invert(100%)}
.header--open .headerTop{background-color: var(--White)}
.header--open .h1__logo__link{background: url(/kor/images/com/logo_b2_2025.png) no-repeat 50% 50%; background-size: contain;
width: 175px;
  height: 55px;}
.header--open .gnb__link{color:var(--Black)}
.header--open .on .gnb__link{color:var(--White);font-weight: 700;}
.header--open .icon__global{filter: invert(100%)}
.header--open .headerSide__lang .icon.global{filter: invert(100%)}
.header--open .gnbSub{display:block;}
.header--sub .headerTop .hamber::before, 
.header--sub .headerTop .hamber::after, 
.header--sub .headerTop .hamber span{background-color: var(--Black);}
.header--open .headerTop:before{border-bottom:1px solid #dfdfdf}
.header--open .gnb__link{width:100%;position: relative;}

.header--open .on .gnb__link::after{background:rgba(255,255,255,0.5)}
.asideGnb__header .h1__logo__link{background: url(/kor/images/com/logo_b2_2025.png) no-repeat 50% 50%; margin-top:0px !important}


.asideGnb{display:block;position: fixed;top:0;right:-100%;background: #fff;width:100%;height:100%;z-index: 99999999;overflow: hidden;display: flex;flex-direction: column;transition: all .3s ease;opacity: 0;visibility: hidden;transform: translateX(100%)}
.asideGnb__header{display: flex;justify-content: space-between;align-items: center;padding:1.6rem 1.6rem 1.6rem 2rem}
.asideGnb__body{flex:auto;overflow: hidden;overflow-y: auto;}
.navBtn--close{padding: 0.6rem;}
.asideGnb .icon__x {width:30px; height:30px; background-position:center right;}



.asideGnb__list{border-top:1px solid #dfdfdf}
.asideGnb__link{display:flex;font-size:25px; line-height:44px; font-weight:700; 
padding:0.9rem 2rem ;justify-content: space-between;align-items: center; }
.asideGnb__link::after{content: '';display: block;width:1.6rem;height:1.6rem; background: url(/kor/images/com/link-arr-dn.svg) no-repeat 50% 50%;background-size: cover}
.asideGnbSubWrap{border-top:1px solid rgba(255,255,255,0.3)}
.asideGnbSub{margin:2rem 0}
.asideGnbSub__link{display: block;font-size: 18px; color:var(--Black);  opacity:0.9; padding:0px 2rem; line-height:32px;}
.asideGnb--open.asideGnb{right:0;opacity: 1;visibility: visible;transform: translateX(0)}
.on .asideGnbSubWrap{display: block;}
.asideGnbSubWrap{opacity: 0;height: 0;overflow: hidden;transition: all 200ms linear;}
.asideGnbSubWrap .asideGnbSub{display: none;}
.asideGnb__item[aria-expanded='true'] .asideGnbSubWrap{opacity:1;height: auto;}
.asideGnb__item[aria-expanded='true'] .asideGnbSub{display:block}
.asideGnbSub__item + .asideGnbSub__item{margin-top: 0.5rem;}
.asideGnb__item.active{background: var(--PR_50);}
.asideGnb__item.active .asideGnb__link{color:#fff}
.asideGnb__item.active .asideGnbSub__link{color:#fff}
.asideGnb__item.active .asideGnb__link::after{background: url(/kor/images/com/link-arr-up.svg) no-repeat 50% 50%;background-size: cover}
.asideSitemap{display: block;position: fixed;top:0;right:0;width:100%;height:100%;
z-index: 102;overflow: hidden;transition: all .3s ease;opacity: 0;visibility: hidden;
transform: translateX(100%);
background: rgb(255,176,0);
background: linear-gradient(318deg, rgba(255,176,0,1) 0%, rgba(255,110,0,1) 100%);



display: flex;flex-direction: column;}
.asideSitemap__top{display: flex;justify-content: space-between;align-items: center;width:100%;padding:1.6rem 6rem}
.asideSitemap__con{flex:auto;overflow: hidden;overflow-y: auto;display: flex;align-items: center;}
.asideSitemap__con .sitemap{width:100%}
.sitemap__link{font-size:40px; font-weight: 700;line-height: 1.25;color:rgba(255,255,255,0.5);text-align: left;}
.asideSitemap--open.asideSitemap{right:0;opacity: 1;visibility: visible;transform: translateX(0)}
.asideSitemap__close{width:50px;height:50px;padding:0.8rem}
.asideSitemap__close .icon__x::before, .asideSitemap__close .icon__x::after{background: #fff;height: 2px;}
.asideSitemap__logo{width:162px;height: 32px;background: url(../../images/logo-wht.svg) no-repeat 50% 50%;background-size: cover;font-size: 0;}
.sitemap__item{display: flex;align-items: center;}
.sitemap__item + .sitemap__item{margin-top: 4.8rem;}
.sitemap__link{width:30rem}
.sitemapSub{display: none;width:60%}
.sitemapSub__link{color:#fff;font-size:25px;;line-height: 1.5;}
.sitemapSub__item + .sitemapSub__item{margin-left:6rem}
.sitemap__item::before{content: '';display: block;width:20%;height:1px;background:#fff;margin-right: 4rem;opacity: 0;}
.sitemapSub__link{position: relative; color:var(--White) !important;}
.sitemapSub__link:hover:after{content: '';display: block;width:100%;height:2px;background: #fff;position: absolute;left:0;bottom:0;width:100%}
.active .sitemap__link{color:#fff}
.active .sitemapSub{display: flex;}
.active.sitemap__item::before{opacity: 1;}
.w1920{display:none}

:lang(en) .gnbSub__link{font-size:1.3rem}

@media (max-width:1920px){
 .w1920{display:block}
}

@media (max-width:1280px) { 
    .headerTop{min-width: 100%}    
    .headerNav{display: none;}
.h1__logo__link {
    background: url(/kor/images/com/logo_2025.png) no-repeat left;
	background-size:contain
}
}


@media (max-width:820px) { 
    .headerTop{min-width:100%;padding:0 0.6rem 0 1.2rem}
    
    .headerSide .btnSitemap{display: none;}  
    .headerSide .btnHam{width:3rem;display: flex;justify-content: center;}
    .headerSide__lang,
    .headerSide__lang .btnLang{width:7rem;height:8rem}   
}

@media (max-width:650px) { 
.h1__logo__link {height: 55px; margin-top:15px;}
.headerSide .btnHam {margin-top:-5px;}
.hamber { transform:translateY(-5px)}
.asideGnb__header .h1__logo__link {background-size:contain;}
#header2 .hamber {margin-top: 15px;}
}


/*common*/



#header2 {font-size: 62.5%;  } 
#header2 {font-family:'Pretendard', sans-serif; line-height:1; font-weight: 400; overflow: hidden; color:#222;} 
#header2.backLock{overflow: hidden;} 




 
/* font-size: calc(100vw * (28 / 767)); */
.icon{display: inline-block;width:2.4rem;height:2.4rem;font-size: 0;vertical-align: middle;}
.icon.search{background: url(../../images/Search.svg) no-repeat 50% 50%;background-size: cover;}
.icon.aFile{background: url(../../images/Attached-File.svg) no-repeat 50% 50%;background-size: cover}
.icon.Download{background: url(../../images/Download.svg) no-repeat 50% 50%;background-size: cover;width:4rem;height:4rem}

.spBar{display: inline-block; width: 1px; height: 12px; background-color: #D9D9D9; margin:0 12px; vertical-align: middle;} 
.p-prev, .p-next{width:4rem;height:4rem;font-size:0;position:relative}
.next, .prev{display:block;width:50%;height:50%;border:4px solid #000;transform-origin: center;position:absolute;top:50%;left:50%;}
.prev{transform:translate(-25%,-50%) rotate(45deg);border-top:0;border-right:0}
.next{transform:translate(-75%,-50%) rotate(45deg);border-left:0;border-bottom:0}
.inScroll{overflow: hidden;overflow-y: auto;}
.inScroll::-webkit-scrollbar {display: block;} 
.inScroll::-webkit-scrollbar-thumb {background: #aaaaaa; border-radius: 1rem; background-clip: padding-box; border: 4px solid transparent;}



/*icon*/
.icon__x { display: block; width:100%; height:100%; position: relative; font-size: 0; } 
.icon__x::before, .icon__x::after { content: ''; display: block; width:100%; height:1px; background:#000; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(0) } 
.icon__x::before { transform:translate(-50%,-50%) rotate(-45deg) } 
.icon__x::after { transform:translate(-50%,-50%) rotate(45deg) } 
.iconShop,
.iconGlobal,
.iconAlarm{display: inline-flex;justify-content: center;align-items: center;width: 2.4rem;height:2.4rem;vertical-align: middle;}
.iconShop img,
.iconGlobal img,
.iconAlarm img{width: 100%;height:100%;}
.plus{display:inline-block;width:4rem;height:4rem;background: url(../../images/plus.svg) no-repeat 50% 50%;background-size: cover;font-size: 0;}

/* Modal */
.mainModal__backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 1050 } 
.mainModal__wrap { position:fixed; top:50%; left:50%; transform: translate(-50%,-50%) } 
.mainModal { max-width:540px; margin:0 auto} 
.mainModal { display: flex; flex-direction: column; justify-content: space-between; } 
.mainModal__footer { display:flex; justify-content: space-between; align-items: center; flex:1; height:60px; background-color:#fff; padding:15px } 
.mainModal__footer .aCheck label { font-size: 1.6rem; padding-top: 0;color:#000} 
.mainModal__footer .mainModal__close { position:relative; width:30px; height:30px; cursor: pointer; font-size: 0; background:url(../../images/ico_close_thin.png) no-repeat 50% 50%; } 
.mainModal__footer .aCheck input[type="checkbox"] + label{color:#000}
.mainPopSlider__item img{width:100%;}
.mainModal .swiper-button-next,
.mainModal .swiper-button-prev{width:6rem;height:6rem;}
.mainModal .swiper-button-prev{background: url(../../images/icon-arrow-left-fff.svg) no-repeat center/100%;}
.mainModal .swiper-button-next{background: url(../../images/icon-arrow-right-fff.svg) no-repeat center/100%;}
.mainModal .swiper-button-prev::after,
.mainModal .swiper-button-next::after{font-size: 0;}
.mainModal .swiper-button-next{right:0}
.mainModal .swiper-button-prev{left:0}
.mainPopSlider { overflow: hidden; position: relative; } 
.mainPopSlider .mainPopSlider__item img { width: 100%; } 
.mainPopSlider .swiper-pagination-bullet-active { background-color: var(--PR_50); } 

/*motion*/
.n-motion { opacity: 0; transition: all .45s .0s ease-in-out; } 
.n-delay1 { transition-delay: 0.1s } 
.n-delay2 { transition-delay: 0.2s } 
.n-delay3 { transition-delay: 0.3s } 
.n-delay4 { transition-delay: 0.4s } 
.n-delay5 { transition-delay: 0.5s } 
.n-delay6 { transition-delay: 0.6s } 
.n-delay7 { transition-delay: 0.7s } 
.n-delay8 { transition-delay: 0.8s } 
.n-delay9 { transition-delay: 0.9s } 
.n-delay10 { transition-delay: 1s } 
.n-delay11 { transition-delay: 1.1s } 
.n-delay12 { transition-delay: 1.2s } 
.n-delay13 { transition-delay: 1.3s } 
.n-delay14 { transition-delay: 1.4s } 
.n-motion.n-left { transform: translateX(-7.5rem) } 
.n-motion.n-right { transform: translateX(7.5rem) } 
.n-motion.n-top { transform: translateY(-7.5rem) } 
.n-motion.n-bottom { transform: translateY(7.5rem) } /*120px*/
.n-motion.n-spin { transform: rotate(180deg) } 
.n-motion.n-active { opacity: 1 } 
.n-motion.n-left.n-active { transform: translateX(0) } 
.n-motion.n-right.n-active { transform: translateX(0) } 
.n-motion.n-top.n-active { transform: translateY(0) } 
.n-motion.n-bottom.n-active { transform: translateY(0) } 
.n-motion.n-spin.n-active { transform: rotate(0deg) } 

.mo--only{display: none;}

@media (max-width:1400px) {
   #header2{font-size:0.82vw;}  
}
@media (max-width:1280px) { 
   #header2 {font-size:0.8vw;}  
}
@media (max-width:1024px) {
  #header2 {font-size:0.75vw;}  
}
@media (max-width:820px) {   
    #header2{font-size:2vw;}
    .tit_4xl{font-size: 4.2rem;}
    .pc--only{display: none;}
    .mo--only{display: block;}
    .mainModal{width:90vw}
    .layerModal__body{padding:2rem}
    .layerModalSmall{width:90vw}
    .layerModalMedium{width:90vw}
}

@media (max-width:768px){
    #header2{font-size:2vw;}
}

@media (max-width:480px){
    #header2{font-size:2.35vw}  
}