@charset "utf-8";
/* max-width:991px */
html{font-size: 16px;}

.btn-lg{min-width: 160px;padding: 12px;font-size: 1rem;}
.btn+.btn {margin-left: 5px;}
.mt-10{margin-top: 3.125rem !important;}
.mt-8{margin-top: 2.5rem !important;}
.form-srch input[type=text]{max-width: 40vw;}
.d-lg-only{display: none !important;}
.icon-chatbot{ width: 85px;min-height:85px;}
.icon-gotop{width: 35px;height:35px;cursor: pointer;}
hr{margin-top: 2rem;margin-bottom: 2rem;}

.btn-full .btn-lg{width: 100%;margin-bottom:0.5rem;;}

h2, .h2{font-size:3rem} /* 48px sub-title */
h3, .h3{font-size:2rem} /* 30px */
h4, .h4{font-size:1.5rem;} /*28px*/ 
h5, .h5{font-size:1.35rem} /* 24px */
h6, .h6{font-size:1.25rem;} /* 20px */ 

.st{font-size: 1.125rem} /* 18 */
.sm{font-size: 0.85rem}
p.tit{font-size: 1.1rem;}
p.tit.v2{ font-weight: 400;color: inherit;}

.form-check input+label span{ width: 20px;height: 20px; font-size:1.2rem;}
.form-check input[type=radio]:checked+label span{ font-size: 0.9rem; line-height: 18px;}
.form-check {margin-bottom: 0.3rem;}
.custom-file-label::after{padding:10px }
.total-search .form-srch{margin-top: 1rem;}
.total-search .form-srch input[type=text]{max-width: calc(100% - 5rem);}
.search-mo{padding-top:2.625rem;text-align: center;}
.search-mo h2{font-size: 1.6875rem;}
.total-search .tags {font-size: 1rem;color: #495057;line-height: 1.5;}

.privacy ul>li.t::before{top:5px}

/* table */
.tb.view tr>*{ padding: 1rem 0.5rem;}
.tb.view tr th{font-size: 1rem;}
.tb.write tr>th{ padding-top:2rem}
.tb.write tr>td{ padding-top:0.5rem}
.tb.write tr th{ font-size: 1.1rem;}

.accordion .card-header{font-size: 1rem;font-weight: 600;padding: 1rem 0.5rem;}
.accordion .card-body{padding: 1rem 0.5rem;}

.wrap{padding-left: 20px;padding-right: 20px;max-width: 100% !important;}
#ct{padding-top: 54px;padding-bottom: 50px;}
#hd{position: fixed;}
#hd #top{position: relative;padding:15px 0 13px;background: #fff;z-index: 11;}
#hd h1{width: 110px;height:30px;margin: 0 20px;}
#hd .form-srch{position: absolute;top:19px; right: 52px; padding:0 0;border:0 !important}
#hd .form-srch input{display: none;}
#hd .mo-menu{position: absolute;top: 22px;right: 20px;width: 18px;height: 18px;}
#hd .mo-menu i{position: absolute;top: calc(50% - 1px);left: 0;width: 80%;height: 2px;background:#212529;border-radius: 2px; text-indent: -9999px;}
#hd .mo-menu::after,
#hd .mo-menu::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 2px;background:#212529;border-radius: 2px;transition: 0.3s;}
#hd .mo-menu::after{bottom: 0;top: auto;}
#gnb {position: fixed;top:0;left:100%;padding-top: 60px;width: 100%;max-height:100vh;  max-height: calc( var(--vh, 1vh) * 100); overflow-y: auto; transition:.3s;background: #fff;min-height:100vh;  min-height: calc( var(--vh, 1vh) * 100); }
.mn-open{overflow: hidden;}
.mn-open #gnb{left:0}
.mn-open .mo-menu i{opacity: 0;}
.mn-open .mo-menu::before{transform-origin: left top ;transform: rotate(45deg);width: 130% !important;}
.mn-open .mo-menu::after{transform-origin: left bottom ;transform: rotate(-45deg);width: 130% !important;}
#gnb.wrap{padding-left: 0;padding-right: 0;}
#gnb>ul>li{border-bottom:1px solid #DEE2E6}
#gnb>ul>li>a{position: relative; font-size: 1.1875rem;padding:1.4rem 1rem }
#gnb>ul>li>a::before{ content: "\e941"; font-family: 'xeicon';position: absolute;top:1.4rem ;right: 1rem ;}
#gnb>ul>li.open>a::before{ content: "\e944";}
#gnb>ul>li.open>a{font-weight: 700;}
#gnb .dep2{padding:1rem 1.5rem;background:#F5F9FF ;border-top:1px solid #DEE2E6;display: none;} 
#gnb .dep2 li{padding:0.6rem 0}
#gnb .dep2 a {font-size: 0.875rem;color: #525252;}
#gnb .dep2 li a.new::after {
    top: 0;
    left: calc(100% + 0.5rem)
}
#gnb>ul>li>a.new::after {
	top: calc(50% - 1rem); 
    left:calc(100% + 1rem);
}
#gnb .dep2 a br{display: none;}
#gnb li.open .dep2{display: block;}
#gnb ul li.open>a{color:#F88125 !important ;}

#ft{position: relative; padding: 25px 0;font-size: 0.815rem;}
#ft .wrap>div:first-child,
#ft .wrap>div:last-child{display: flex;justify-content:space-between;align-items: flex-end;margin-bottom: 0.3rem;}
#ft .wrap>div:last-child{margin-top: 1rem; align-items: center;}
#ft .logo{width: 30vw;height: 10vw;}
#ft p>span{line-height: 1.8;}
#ft .familysite{width: 50vw;}
#ft .familysite .dropdown-item{ font-size: 0.815rem;}
#ft .ft-sns{margin-top: 0;}

#chatbot{right:0.5rem}
#chatbot.active .chatbot-frame{width: 80vw;height: 65vh;}
.sc-top{bottom: 130px;right:3rem;}
/* modal */
.modal-dialog {max-width: 99vw;}

/*================== index ==================*/  
.index #ct{padding-bottom: 0;}
.index-container{width: 100%;overflow: hidden; margin-top: -58px;} 
.index-container #linecanvas{min-width: 100vw;}
.sc-full{position: absolute ;height: calc(100vh - 58px);width: 100%; }

.sect-content:not(.normal):before{content: ""; min-height:  calc(100vh - 58px); }
.sect-content {position: relative;display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;padding-top: 58px; overflow: hidden;} 
.sect-content+.sect-content {position: absolute ;}
.index-container .disable{opacity: 0;pointer-events: none;transition: 1s;}
.index-container .disable.active{opacity: 1;pointer-events: all;}
.index-container .bottom{top:100% !important}

.sect-content.normal { padding-top: 0;max-height: none} 
.sect-content+.sect-content{top: 0;}

#indexSect-1{}
#indexSect-1 .sect-content video{width: 100%;height: 100%;object-fit: cover;object-position: left center; }
#indexSect-1 h2{font-size: 36px;line-height: 1.2;color:#000}
#indexSect-1 h2+p{padding: 1rem 2rem 50px;}
#indexSect-1 .sect-content.cont3{align-items: flex-end;} 
#indexSect-1 .sect-content .desc{color: #fff;text-align: left; transition:opacity 1s;position: absolute;bottom: 15vh; left: 0;width: 100%;}  
#indexSect-1 .sect-content .desc .dt{font-size: 72px;line-height: 1;font-weight: 700;padding-bottom: 1rem;text-shadow: 1px 1px 2px #000;}
#indexSect-1 .cont1 .bg-linemoving p{position: absolute;bottom:0;left:50%;padding-bottom: 45px;transform: translateX(-50%);animation: btn-over 2s infinite;}
#indexSect-1 .cont1 .bg-linemoving p::before{content: "";position: absolute;width: 1px;height: 36px;background-color: #343A40;bottom:0;left:50%;}

#indexSect-1 [class^=bg-deep]>div{position: relative;max-width: 100vw;height: 100%;margin:0 auto;}
#indexSect-1 [class^=bg-deep]>div>p{position: absolute;transform: scale(0);}

#indexSect-1 .bg-deepVision{position: absolute;top: 50%;left: 50%;width: 0px;height: 0px; } 
.bg-deepVision p[class^=p]{width: 48vw;height: 50vh; border:3px solid #F48120}
.bg-deepVision p[class^=p] span{position: absolute;background-color: #F48120;color:#fff;font-size: 12px;padding:0 5px;bottom:100%;left:-3px}
.bg-deepVision p[class^=n]{width: 25vw;height: 25vw; border:3px solid #6156FF}
.bg-deepVision p[class^=n] span{position: absolute;background-color: #6156FF;color:#fff;font-size: 12px;padding:0 5px;bottom:100%;left:-3px;width: calc(100% + 6px);text-align: left;}
.bg-deepVision .p1{top:24%;left:calc(50% - 45vw)}
.bg-deepVision .p2{top:7%;left:calc(50% - 2vw)} 
.bg-deepVision .n1{top:31%;left:calc(50% - 25vw)}
.bg-deepVision .n2{top:20%;left:calc(50% + 11vw)} 

.bg-deepSpeech{position: absolute; width: 100%;height: 100%; }  
.bg-deepSpeech p[class^=p] span{position: absolute; color:#fff;font-size: 12px;padding:0 5px;bottom:100%;left:-3px}
.bg-deepSpeech .p1{ width: 34vw;height: 34vw;top: 23%;left: calc(50% - 95vw);border:3px solid #F48120}
.bg-deepSpeech .p1>span{background: #F48120;}
.bg-deepSpeech .p2{ width: 54vw;height: 64vw;top: 21%;left: calc(50% - 57vw);border:3px solid #6156FF}
.bg-deepSpeech .p2>span{background: #6156FF;} 
.bg-deepSpeech .p3{width: 34vw;height: 34vw; top:27%;left:calc(50% + 3vw) ;border:3px solid #FF5656}
.bg-deepSpeech .p3>span{background: #FF5656;}
.bg-deepSpeech .p4{width: 54vw;height: 54vw; top:38%;left:calc(50% + 40vw) ;border:3px solid #D356FF}
.bg-deepSpeech .p4>span{background: #D356FF;}

.bg-deepText{position: absolute; width: 100%;height: 100% }  
.bg-deepText p[class^=p] span{position: absolute; color:#fff;font-size: 12px;padding:0 5px;bottom:100%;left:-3px}
.bg-deepText .p1{min-width: 52vw; height: 55px;border:3px solid #F48120}
.bg-deepText .p1>span{background: #F48120;}
.bg-deepText .p2{min-width: 34vw; height: 55px;border:3px solid #6156FF}
.bg-deepText .p2>span{background: #6156FF;}
.bg-deepText .p3{min-width: 52vw; height: 90px; ;border:3px solid #D356FF}
.bg-deepText .p3>span{background: #D356FF;}

#indexSect-2 .cont1>div{padding:90px 0;font-size: 20px;}

#indexSect-3{background: #050E26;padding-bottom: 100px;}
#indexSect-3 .sect-content{position: static !important;}
#indexSect-3 h3{color:#fff;font-size: 30px;line-height:1;}
#indexSect-3 h3 small{display: block; font-size:18px;color: #ADB5BD;font-weight: 600;margin-bottom: 0.5rem;}
#indexSect-3 h3+p{font-size: 18px; color: #CED4DA;margin-top:27px; margin-bottom: 60px;font-weight: 200;}
#indexSect-3 .cont1 .objs img{max-width:35vw ;}
#indexSect-3 .cont2 .objs img{max-width:80vw ;}
#indexSect-3 .cont3 dt{font-size: 18px;color:#fff !important;font-weight: 600;margin-top: 2rem;}
#indexSect-3 .cont3 dd{color: #CED4DA;padding-top: 1rem;}
#indexSect-3 .cont3 img{max-width:50vw ;}

#indexSect-4{padding:90px 0 80px;text-align: center;}
#indexSect-4 h2{font-size: 50px;line-height: 1;}
#indexSect-4 h2 small{display: block; font-size: 15px;font-weight: 600;color: #ADB5BD;margin-bottom: 0.5rem;}
#indexSect-4 h2+p{padding-top: 30px;}
#indexSect-4 div.row{margin-top: 25px;}
#indexSect-4 div.row>div{padding-top:35px; font-weight: 700;min-width: 33.3%;}
#indexSect-4 div.row>div img{max-width: 45%;}
#indexSect-4 div.row>div p{padding-top: 0.5rem;} 
#indexSect-4 .col.last p{font-weight: 700;text-align: right; padding-right: 15px; }
.service-swiper{padding-bottom: 50px;}
.swiper-pagination-bullet{width: 10px;height: 10px;}
.swiper-pagination-bullet-active{background:#F48120;}

#indexSect-5{background: #F8F9FA;padding:70px 0 50px}
#indexSect-5 h2{font-size:36px;line-height: 1.3; ;margin-bottom: 30px;}
#indexSect-5 h2 small{display: block; font-size: 20px;font-weight: 600;color: #ADB5BD;margin-bottom: 1rem;} 
#indexSect-5 dt,
#indexSect-5 dd .h6{font-size: 18px;}
#indexSect-5 dd{padding-top:75px;}
#indexSect-5 .bx-shadow{padding:20px;margin-bottom:3rem;}
#indexSect-5 .Tech-swiper{overflow: visible;}

#indexSect-6 {padding : 90px 0;}
#indexSect-6 h2{font-size:50px;line-height: 1;text-align: center;margin-bottom: 30px;}
#indexSect-6 h2 small{display: block; font-size: 18px;font-weight: 600;color: #ADB5BD;}
#indexSect-6 .gallery-list li{}

#indexSect-7 {background: transparent linear-gradient(98deg, #FFA723 0%, #FF6600 100%) 0% 0% no-repeat padding-box;height: 367px;overflow: hidden;color: #fff;}
#indexSect-7 canvas{filter: brightness(2);opacity: 0.5;}
#indexSect-7 h2{font-size: 39px;}
#indexSect-7 h2+p{margin-bottom: 40px;}
#indexSect-7 .btn-primary{border-color: #fff !important;}
#indexSect-7 .btn-primary::after{background: transparent !important;}

/*================== sub ==================*/  
.sub-visual{} 
.sub-visual-none{}
.sub-visual-none .location{left: 1rem;}
.sub-visual>.full h2{font-size: 2rem;}
.sub-visual>.full h2+p{font-size: 1rem;}
[class^=sub-visual] h2+.h2-desc{padding-top: 40px;font-size: 1.3rem;}
[class^=sub-visual] h2 small{display: block;color: #ADB5BD;font-size: 15px;font-weight: 800;}
.sect-div>section{padding:3rem 0}
.sect-div>section .wrap .h6.text-darkblue:not(.b0){padding-bottom: 1rem;margin-bottom: 1.5rem;}
.subtype1{padding:3rem 0 0 0}
.subtype1>div.desc{font-size: 1.35rem;padding-left: 1em;padding-right: 1em;}
.bg-linemoving>div.desc{font-size: 1.5rem;}

/* company */ 
.overview .img-box{margin-top: 1rem;padding-bottom: 5rem;}
.overview .img-box p span{font-size: 0.85rem;}
.overview .img-box p img{width: 52vw;}
.overview .img-box p:last-child{top: 5rem;}
.sect-div.CEO .h4{padding:30px 0 20px;}
.sect-div.CEO::before{height: 280px;}
.sect-div.CEO h6{margin-top: 2rem;}
.sect-div.CEO dt{font-size: 1.5rem;margin-top: 2rem; }
.sect-div.CEO dd{font-size: 1rem }

.core-tech .bg-lg,
.core-tech .row .row{padding:1rem ; margin-top: 1rem;}
.core-tech .row .row .col{padding-left: 0.5rem; align-self:center;}
.core-tech dt span{font-size: 0.8rem;}
.core-tech dt .h5{font-size: 1.2rem;}
.core-tech dd{font-size: 0.85rem;}
.core-tech .row img{display: block;width: 35vw;margin: 1rem auto 0;}
.core-tech .row img.w{width: 50vw;}
.appliance-swiper .swiper-slide{margin-top: 1rem;min-width: 50%;}
.appliance-swiper .swiper-slide img{width: 15vw;}
.appliance-swiper .swiper-slide div{padding: 30px 0;height:38vw;width: 100%; margin: 0 auto;}
.appliance-swiper .swiper-slide p{margin-top: 0.5rem;line-height: 1.2;font-size: 0.9rem;}
.appliance-swiper .swiper-pagination-bullets{bottom: -5px;}
.appliance-swiper .swiper-slide:last-child{font-size: 0.9rem;}
.company .service::before{font-size: 2.3rem;}
.company .service::after{font-size: 2.3rem;}
.history-swiper dt{font-size: 2.5rem;padding: 2rem 0 1rem;}
.history-swiper .swiper-nav [class^=swiper-button]{width: 35px;height: 35px;line-height:38px;font-size: 1.2rem;}
.Introduction {background:#050E26;color:#fff;margin-top: 3rem;padding-top: 60px;}
.Introduction .main-text{font-size: 2rem;font-weight: 700;line-height: 1;z-index: 2;}
.Introduction .sect-content{padding-top: 0;}
.Introduction .sc-full p:nth-child(1).active{top: 3%; left: 66%;}
.Introduction .sc-full p:nth-child(2).active{top:30%; left: 24%;}
.Introduction .sc-full p:nth-child(3).active{ top:16%; left:-5%;}
.Introduction .sc-full p:nth-child(4).active{top: 58%; left:1%;}
.Introduction .sc-full p:nth-child(5).active{top: 5%; left: 14%;}
.Introduction .sc-full p:nth-child(6).active{top: 14%; left: 56%;}
.Introduction .sc-full p:nth-child(7).active{top: 38%; left: 73%;}
.Introduction .sc-full p:nth-child(8).active{top: 75%; left: 55%;}
.Introduction .sc-full p:nth-child(9).active{top: 70%; left: 15%;}
.Introduction .sc-full p:nth-child(10).active{top: 55%;left: 40%;}
.Introduction .sc-full img{zoom: 0.5;} 
.intro-desc {padding-top: 2rem;padding-bottom: 3rem;font-weight: 200;text-align: center}
.intro-desc p{font-size: 1.2rem;font-weight: 400;margin-top: 2rem;}

.ci dd p.st{font-size: 1rem;}
.ci dd p.text-gray{font-size: 0.9rem;}
.ci .row>div{margin-bottom: 2rem;}
.ci dt{max-height: 20vw;}
.bi .row>div{padding-bottom: 1rem;}
.bi .row p{margin-bottom: 0.5rem;} 
.company>.map{margin-top: 3rem;}
.company>.map dt{ padding-bottom: 1rem;margin-bottom: 1.2rem;}
.customer .information table tr>*:first-child{width:32vw;}
.customer .company::before{height: 120vw;}

/* customer 
.customer .contact th{width: 25vw;}*/
.form-agreement{font-size:0.9rem} 
.form-agreement input+label span{float:left}
.form-agreement a{float:right;text-decoration: underline !important;margin-top: 0.5rem;}
.contact-info { padding-top: 3rem;text-align:center}
.tb.write .form-check-inline{width: 48%;margin-right: 0;}
.tb.write th,
.tb.write td{display: block;width:100%;}
.month-now{padding:1rem 1.5rem}
.table-wrap{overflow-x: auto;}
.table-wrap table{min-width: 980px;}
.schedule-table table {min-width: 100% !important}
.schedule-table table th{height: 60px;font-size:0.7rem ;}
.schedule-table table th strong{font-size: 1rem;}
.schedule-table table td{height: 60px;padding:5px 0;}
.schedule-table table td .date{width: 24px;height: 24px ;font-size: 0.8rem;line-height: 20px;}
.schedule-table table td li{font-size: 0.6rem;}

.customer .faq .d-flex.cate{justify-content: center;}
#customerFaq .card-body{display: flex;flex-wrap: wrap;} 
#customerFaq .card-header.badge{display: inline-block;}
#customerFaq .card-header p.qa-cate{display: inline-block;}
#customerFaq .card-header button{display: block;width: 100%; padding-top:0.5rem;font-size: 1.125rem;font-weight: 500;}
#customerFaq .card-header button+p{float:right;margin-top: -1.5rem;}

/* news */
.gallery-list .thumb{max-height: 50vw;}
.gallery-list p.tit{font-size: 1.125rem;}
.news-view .head{padding:3rem 0}
.news-view .head .share{width: 100%;text-align: right;} 
.news-view .cont{padding:3rem 0}
.news-view .video-size{width: 100% ;height:50vw;}
.news-view-list li p.loc{width: 4rem;}
.news-view-list p.date{display: none;}
.news-view-list li{padding: 1.5rem 0;}
.file-box a{display:block;width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* deepvision */ 
.deep-benefits h4{font-size: 1.35rem;}
.deep-benefits h4+p{font-size: 1rem;padding-bottom: 0.5rem;letter-spacing: -0.5px;}
[class^=deep-] .h4.fw400{font-size: 1.35rem !important;padding-bottom: 0.5rem;letter-spacing: -0.5px;}
.deep-benefits .row .img{width: 100%; text-align: center;}

[class^=deep-] .diagram{position: relative; padding:60px 20px} 
[class^=deep-] .diagram ul li{display: flex; align-items: center;margin-bottom: 1rem;} 
[class^=deep-] .diagram ul li>img{width: 76px;height: 89px;margin-right: 30px}
.deep-case .tit-logo{max-width: 40vw;}
.deep-case p.tit{margin-top: 0.5rem;}
.deep-case .comment .logos {justify-content: space-between;}
.deep-case .comment .logos span{margin-right: 0;}
.deep-case .comment .logos span img{max-height:30px;}
.masonry-grid .grid-item{width: 100%;padding:0 10px}
.masonry-grid .grid-item .bx-shadow{padding:1.5rem !important;}
.masonry-grid .grid-item .bx-shadow p.tit.mb-4{margin-bottom: 0.5rem !important}

.dw-feature img.d-lg-none{width: 100%;max-width: none;}
.dw-feature>div{margin-bottom: 2.5rem;}

/* deeptext */
.ksm-feafure>.row{margin:0 !important;justify-content: center;}
.ksm-feafure>.row div{padding: 0 !important;}
.ksm-feafure>.row+.row{margin-top: 1rem !important;}
.deep-overview dl dt{font-size: 2rem;}
.deep-overview .nav.nav-tabs .nav-item{flex:1;font-size: 1rem;}
.deeptext_feafure>.row{margin-bottom: 1rem;}
.deeptext_feafure>.row>div:first-child{text-align: center;margin:0 auto}
.PK-tech .flow.bg img{width: 50vw;}

.deepspeech-top {background-image: url(/img/deepspeech/top-visual-m.jpg);}

/* rnd */ 
.rnd .intro .tb th{width: 26vw;}
.rnd .effect .row div:last-child{width: 100%;padding-top: 1rem;}
.rnd .library .row>div{width:100%; margin:0 1rem 2rem }
.rnd .rbx{width: 35vw;height: 35vw;margin: 0 auto 1rem;}
.rnd .rbx img{width: 14vw;}
.rnd .exp-effect .h6{font-size: 1.25rem;}
.rnd .exp-effect img{margin-top:1rem;}
.k-lang>.img{height: 50vw;}


/* certification */
.gssp.overview .graph+div>div{margin-left: 1rem;font-size: 0.7rem;}
.gssp.overview .graph{ overflow-x: auto; padding-bottom: 1rem;} 
.gssp.overview .graph>*{min-width: 640px;}
.gssp.overview .graph>.bars{height :calc( 100%  - 1rem - 13px);padding-right: 7px;overflow: hidden;}
.gssp.overview .graph>.bars p{padding:0 9px 0 9px;}
.gssp.overview .graph>.bars p img{width: 11px;}
.gssp-docs{padding:2rem 0;margin-top: 0.5rem;}
.gssp-docs img{max-width: 22vw;}
.dev-process>.img{height: 50vw;}

/* recruit */ 
.recruit>.process ol li{display: flex;align-items: flex-start;width: 100%; }
.recruit>.process ol li:not(:last-child){ margin-bottom: 3rem;}
.recruit>.process ol li img{width: 45%;}
.recruit>.process ol li:last-child img{width: 39%;margin-right: 6%;}
.recruit>.process ol li div{flex: 1;}
.recruit>.process>.img{height: 50vw;}
.recruit .HR .row div:last-child{width: 100%;padding-top: 1rem;}
.recruit .chart-flow .btn-primary{width: 100%;}
.recruit .chart-flow .part{margin-top:5rem; }
.recruit .chart-flow ul{margin-top: 2rem;}
.recruit .chart-flow::before{content: "";position: absolute;top: 0;left:50%; width: 1px;height: calc(100% - 2rem);background-color: #DEE2E6;}
.recruit-view .share>.d-flex{justify-content:flex-start ;text-align: left;}

.welfare .row .row{margin: 0 !important;}
.welfare .row .row div{padding: 0 !important;}
.welfare dl{margin-bottom: 2rem;}
.welfare dd{padding-bottom:0px}
.welfare dd i{display: block;text-align: right;margin-top: -2.5rem;}
.tb-search{margin-top:  0.5rem;} 
.tb-search .form-srch input[type=text]{max-width: calc(100% - 2rem);}
/* .tb-search .form-srch button{float:right} */
.tb-search>div:first-child {width: 7em;}
.tb-search>div:first-child button{width: 100%;}
.tb-search>div:last-child{flex:1 1 auto}
 
@media screen and (max-width: 767px){ 
    .dw-feature .row{width: 100%;margin-left: 0;margin-right: 0;}
    .dw-feature>div>div{width: 100%;}
    .dw-feature>div>div:first-child{text-align: center;}
}

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

@media screen and (max-width: 340px){ 
    html{font-size: 14px;} 
    .btn-lg{min-width: 40vw;}
    .contact-info{font-size: 0.9rem;}
    .customer .faq .d-flex.cate .ml-4{margin-left: 1rem !important;}
}
@keyframes fadeInUp{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* *****************************
	* 231129 GS 추가 css
***************************** */
.header-util-box{position: absolute; top:26px; right: 30px; display: flex; align-items: center;}
/* Header :: 언어선택 */
.header-util-box .header-lang-list{padding-right: 13px;}
.header-util-box .header-lang-list ul{display: flex; flex-wrap:wrap; align-items: center;}
.header-util-box .header-lang-list li{font-size:13px; letter-spacing:-0.5px; font-weight:400; color:#000; margin-left:13px;}
.header-util-box .header-lang-list li:first-child{margin-left:0}
.header-util-box .header-lang-list li a{display:block; position:relative; opacity:0.4; color:#000; transition:all 0.4s ease-in-out;}
.header-util-box .header-lang-list li a:after{
	position:absolute; bottom:-6px; left:-2px; right:-2px; 
	height:2px; 
	background-color:#f08200; 
	content:""; 
	transform:scaleX(0); 
	transition: all 0.4s ease-in-out;
	transition-property: transform;
	transform-origin:100% 0;
}
.header-util-box .header-lang-list li.cur a,
.header-util-box .header-lang-list li a:hover{color: #f08200; opacity:1.0;}
.header-util-box .header-lang-list li.cur a:after,
.header-util-box .header-lang-list li a:hover:after{transform:scaleX(1); transform-origin:0 0;}
/* 검색창 */
#hd .header-util-box .form-srch{padding: 0; padding-left: 10px; position: static; width: auto; border: 0;}
#hd .form-srch input {display: none;}
#hd .form-srch button i{position: relative; top: 4px; font-size: 24px; color: #000;}

@media screen and (max-width:1660px){ 
    #gnb {padding: 0; padding-left: 40px; width: calc(100% - 365px) !important;}
}
@media screen and (max-width: 991px){   
	.header-util-box {top: 15px; right: 60px; align-items: center;}
	#hd .header-util-box .form-srch {margin-top: 0; position: static;}
	#gnb {padding: 0; width: 100% !important;}
}