@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500,700);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400);
@import url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);

 
/* Grid */
.w220{width: 220px;}
.flex-justify-space{display: flex;-ms-flex-pack: justify;justify-content: space-between;align-items: center;}
.flex-align-space{display:flex;flex-wrap:wrap;align-content: space-between;}

/* Typography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;font-weight:300;line-height:1.5}
.h1{font-size:40px}
.h2{font-size:33px;}
.h3{font-size:30px;}
.h3-1{font-size: 26px;}
.h4{font-size:22px;}
.h5{font-size:20px;}
.h6{font-size:16px;}
.small{font-size:14px;}
.text-title{font-size: 50px;line-height: 55px}
.text-middle-title{font-size: 45px;line-height: 49px}
.line-height{line-height: 1.2em}
.font-t{font-family: 'Titillium Web', sans-serif;}
.font-noto{font-family: 'Noto Serif', serif !important;}
.text-primary{color:#0882d6 !important ;}
.text-muted{color: #636363 !important;}
.text-wh{color:#fff !important;}
.text-opacity{opacity: .6}
.text-opacity-3{opacity: .4}
.text-dark{color: #000 !important;}
.bg-primary{background-color: #005a9c !important;}
.bg-wh{background-color:#fff !important;}
.bg-muted{background-color: #f7f7f7 !important;}
.border-muted{border-color: #afafaf !important}

/* Animate */
.main .swiper-slide.swiper-slide-active .aniText{visibility: visible;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: aniText !important;animation-name: aniText !important;}
.main .swiper-slide .aniText{visibility:hidden;-webkit-animation-name:none !important;animation-name:none !important}
.main .swiper-slide.swiper-slide-active .fadeInUp{visibility: visible;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp !important; animation-name: fadeInUp !important;}
.main .swiper-slide .fadeInUp{visibility:hidden;-webkit-animation-name:none !important;animation-name:none !important}
.ani-stop{visibility:hidden;-webkit-animation-name:none !important;animation-name:none !important}
.ani-delay01{-webkit-animation-delay:.1s;animation-delay:.1s}
.ani-delay015{-webkit-animation-delay:.15s;animation-delay:.15s}
.ani-delay025{-webkit-animation-delay:.25s;animation-delay:.25s}
.ani-delay02{-webkit-animation-delay:.2s;animation-delay:.2s}
.ani-delay03{-webkit-animation-delay:.3s;animation-delay:.3s}
.ani-delay04{-webkit-animation-delay:.4s;animation-delay:.4s}
.ani-delay05{-webkit-animation-delay:.5s;animation-delay:.5s}
.ani-delay06{-webkit-animation-delay:.6s;animation-delay:.6s}
.ani-delay07{-webkit-animation-delay:.7s;animation-delay:.7s}
.ani-delay075{-webkit-animation-delay:.75s;animation-delay:.75s}
.ani-delay08{-webkit-animation-delay:.8s;animation-delay:.8s}
.ani-delay09{-webkit-animation-delay:.9s;animation-delay:.9s}
.ani-delay10{-webkit-animation-delay:1s;animation-delay:1s}
.ani-delay11{-webkit-animation-delay:1.1s;animation-delay:1.1s}
.ani-delay12{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.ani-delay125{-webkit-animation-delay:1.25s;animation-delay:1.25s}
.ani-delay13{-webkit-animation-delay:1.3s;animation-delay:1.3s}
.ani-delay14{-webkit-animation-delay:1.4s;animation-delay:1.4s}
.ani-delay15{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.ani-delay16{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.ani-delay17{-webkit-animation-delay:1.7s;animation-delay:1.7s}
.ani-delay18{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.ani-delay19{-webkit-animation-delay:1.9s;animation-delay:1.9s}
.ani-delay20{-webkit-animation-delay:2s;animation-delay:2s}
.ani-delay25{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.ani-delay30{-webkit-animation-delay:3s;animation-delay:3s}
.ani-delay40{-webkit-animation-delay:4s;animation-delay:4s}
.ani-delay41{-webkit-animation-delay:4.1s;animation-delay:4.1s}
.ani-delay50{-webkit-animation-delay:5s;animation-delay:5s}
.ani-duration05{-webkit-animation-duration:.5s;animation-duration:.5s}
.ani-duration{-webkit-animation-duration:1s;animation-duration:1s}
.ani-duration15{-webkit-animation-duration:1.5s;animation-duration:1.5s}
.ani-duration2{-webkit-animation-duration:2s;animation-duration:2s}
.ani-duration3{-webkit-animation-duration:3s;animation-duration:3s}
.ani-duration7{-webkit-animation-duration:7s;animation-duration:7s}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.aniText{-webkit-animation-name: aniText;animation-name: aniText;}
@-webkit-keyframes aniText {from {opacity: 0;letter-spacing: 30px}to {opacity: 1;letter-spacing: 0px}}
@keyframes aniText {from {opacity: 0;letter-spacing: 30px}to {opacity: 1;letter-spacing: 0px}}
@keyframes arrowTop {0% {background-position-y:30px;}25% {background-position-y:20px;}50% {background-position-y:10px;}75% {background-position-y:5px;}100% {background-position-y:0;}}
@keyframes arrowBottom {0% {background-position-y:0px;}25% {background-position-y:5px;}50% {background-position-y:10px;}75% {background-position-y:15px;}100% {background-position-y:30px;}}


/* List */
[class*=lst-type-]>li{position:relative;padding-left:.9em}
[class*=lst-type-]>li:before{content:'·';position:absolute;left:0}
.lst-type-dash>li:before{content:'-'}
.lst-split>li{display:inline-block;vertical-align: middle}
.lst-split>li+li:before{content:'';display:inline-block;width:1px;height:.8em;margin:0 10px;border-left:1px solid #9b9fa8;opacity:.5}

/* Table */
.sub-product-view .sect tr{border-top: 1px solid #ccc}
.sub-product-view .sect tr:last-of-type{border-bottom: 1px solid #ccc}
.sub-product-view .sect tr:first-of-type{border-top: 1px solid #000}
.sub-product-view .sect td{padding: 25px 0 25px 20px}
.tb-grid tr{vertical-align: top}
.tb-grid td{padding: 6px 0 6px 50px}
.tb-grid tr:first-child td{padding-top: 30px}
.tb-grid tr:last-child td{padding-bottom: 30px}
.th-grid td:first-child{padding-left: 60px}

/* Form */

/* Button */
.btns{padding-top:10px;padding-bottom: 10px;font-size: 17px;}
.btn-sm{padding: 15px 35px}
.product-sect03 .btn{padding: 15px 20px;text-align: left}
.btns.rounded-circle{position:relative;width: 47px;height: 47px;padding: 0;}
.btns.rounded-circle i{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%)}
.btn-primary{border-color:#4696dc !important;background-color:#4696dc !important;}
.btn-muted{border-color:#404040 !important;background-color:#404040 !important;color: #fff !important;}
.btn-wh{border-color: #e1e1e1 !important;background-color: #fff !important; color: #000 !important;}
.btn-outline-primary{border-color:#0882d6 !important;background:transparent !important;color:#0882d6 !important;}
.btn-outline-muted{border-color:#a5a5a4 !important;background-color:transparent !important;color:#000;}
.btn-outline-light{border-collapse:#fff !important;background-color: transparent !important;color: #fff !important}
.btn-outline-dark{border-color:#000 !important;background-color:transparent !important;color:#000 !important}
.btn-arrow-wh{display: inline-block;height: 30px;padding-right:100px;font-family: 'Titillium Web', sans-serif;font-size: 18px;line-height: 30px;background: url(../img/icon/btn_arrow_wh.png) no-repeat 100% 50%;background-size: 76px 30px;}
.btn-arrow-primary{display: inline-block;height: 30px;padding-right:100px;font-family: 'Titillium Web', sans-serif;font-size: 18px;line-height: 30px;background: url(../img/icon/btn_arrow_primary.png) no-repeat 100% 50%;background-size: 76px 30px;color:#0882d6}
.btn-file.btn-file{height: 45px;padding: 5px 24px;border: 1px solid #ddd !important;background: #f7f7f7 !important;color: #000 !important}


/* Icon */
[class^=icon-]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;background-size: auto 100%;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.icon-search{width: 35px;height: 35px;background-image: url(../img/icon/icon_search.png)}
.icon-download{width: 22px;height: 19px;margin: -3px 4px 0 0;background-image: url(../img/icon/icon_download.png);}
.icon-fb{width: 14px;height: 29px;background-image: url(../img/icon/icon_fb.png)}
.icon-blog{width: 34px;height: 28px;background-image: url(../img/icon/icon_blog.png)}
.icon-home{width: 28px;height: 20px;background-image: url(../img/icon/icon_home.png)}
.icon-go{float: right;width: 7px;height: 10px;margin: 9px 0 0 30px;background-image: url(../img/icon/icon_go.png)}
.icon-check{width: 18px;height: 18px;background-image: url(../img/icon/icon_check_off.png)}
.icon-list01{display:block;width:30px ;height:34px;margin:0 auto ;background-image: url(../img/icon/icon_list01.png)}
.icon-list02{display:block;width:31px ;height:34px;margin:0 auto ;background-image: url(../img/icon/icon_list02.png)}
.sub-product-view .col-lg-7 [class^=icon]{display: block;margin-bottom: 30px}
.icon-face{width: 47px;height: 44px;background-image: url(../img/icon/icon_facebook.png);}
.icon-talk{width: 47px;height: 44px;background-image: url(../img/icon/icon_kakaotalk.png);}
.icon-url{width: 47px;height: 44px;background-image: url(../img/icon/icon_url.png);}
.icon-twiter{width: 47px;height: 44px;background-image: url(../img/icon/icon_twiter.png);}
.icon-kakaostory{width: 47px;height: 44px;background-image: url(../img/icon/icon_kakaostory.png);}
.icon-list01-wh.icon-list01-wh{display: inline-block;width: 25px;height: 28px;margin: 0 10px 0 0;background: url(../img/icon/icon_list01_wh.png)}
.icon-arrow-down{width: 14px;height: 9px;background-image: url(../img/icon/icon_arrow_down.png)}
.icon-arrow-down-muted{width: 14px;height: 9px;background-image: url(../img/icon/icon_arrow_down_muted.png)}
.icon-refresh{width: 21px;height: 20px;background-image: url(../img/icon/icon_refresh.png)}
.icon-file{width: 20px;height: 22px;background-image: url(../img/icon/icon_file.png)}
.icon-file-wh{width: 20px;height: 22px;background-image: url(../img/icon/icon_file_wh.png)}
.icon-event{width: 20px;height: 22px;background-image: url(../img/icon/icon_event.png)}
.icon-agree{width: 20px;height: 15px;background: url(../img/icon/icon_disagree.png)}
label.active .icon-agree{width: 20px;height: 15px;background: url(../img/icon/icon_agree.png)}
.icon-x{width: 13px;height: 13px;background: url(../img/icon/icon_x.png)}
.icon-collapse-down{width: 25px;height: 15px;background: url(../img/icon/icon_collapse_up.png)}
.collapsed .icon-collapse-down{background: url(../img/icon/icon_collapse_down.png)}

/* Badge */

/* Breadcrumb */
#sub-nav{background: rgba(0,0,0,.5);color: #fff}
#sub-nav .breadcrumb{height: 80px;margin: 0;padding: 0;background: transparent;}
#sub-nav .breadcrumb-item{position: relative;padding: 0;z-index: 10}
#sub-nav .breadcrumb-item:before{content: '+';position: absolute;top: 50%;right: 15px;transform: translateY(-50%);cursor: pointer}
#sub-nav .breadcrumb-item:nth-of-type(1):before{display: none}
#sub-nav .breadcrumb-item button{height: 100%;width: 175px;padding: 0 25px;border: 0;border-right: 1px solid rgba(255,255,255,.3);background: transparent;color: rgba(255,255,255,.5);text-align: left}
#sub-nav .breadcrumb-item.active button{color: #fff}
#sub-nav .breadcrumb-item .icon-home{width: 80px;height: 100%;background-color: #005a9c;background-size: auto;}
#sub-nav .dep2{display: none;}

/* Tab */
.nav{margin-left: -6px;margin-right: -6px;}
.nav-item{padding-left:6px;padding-right: 6px}
.nav-link{display: block;position: relative;margin-top:20px;padding:.5rem 0;text-align: center;color: #fff;opacity: .5;transition: opacity .4s, color .4s}
.main .nav-link:after{content: '';display: block;height:4px;margin-top:10px;border:1px solid #fff;opacity: .5;transition: .4s}
.main .nav-link:before{content: '';position: absolute;bottom: 8px;left: 0;width: 0;height:4px;margin-top:10px;transition: 1s}
.main .nav-link:hover,.nav-link.active{opacity: 1;color:#fff}
.main .nav-link.active:before{width: 100%;background: #fff}
.nav-tabs.primary .nav-item{width: 50%;padding-bottom: 20px;border: 0;border-bottom: 4px solid #ccc;font-size: 20px;color: #636363}
.nav-tabs.primary .nav-item.active{border-color: #0882d6;color: #0882d6}
.nav-pills .nav-link{padding: 30px 0;margin: 0;font-size: 20px;font-weight: 500;border: 1px solid #dbdbdb;border-radius: 0;background: transparent;color: #636363;}
.nav-pills .nav-link:first-child, .nav-pills .nav-link:nth-child(2), .nav-pills .nav-link:nth-child(3){border-right-color: #fff}
.nav-pills .active.nav-link{background: #fff;color: #000}
.nav-pills .active.nav-link{border: 1px solid #000}
.nav-pills.nav{margin: 15px 0 50px 0}

/* Collapse */
.accordion>.card{border-left: 0;border-right: 0;border-radius: 0}
.accordion>.card:first-child{border-top-color: #000}
.accordion .card-header{padding: 30px 0 30px 30px;background: transparent}
.accordion .card-body{padding: 40px 0 40px 30px}
.accordion button:focus{outline: none !important}
.accordion .card-header button.collapsed{color: #000}
.accordion .card-header button{color: #0882d6}

/* Dropdown */
.dropdown{display: inline-block;}
.dropdown.show .icon-arrow-down{transform: rotate(180deg)}
.dropdown-toggle::after{display: none}
.dropdown-menu.show{left: 0;right: 0}
#sub-nav .dropdown-toggle:after{display: none}
#sub-nav .dropdown-menu.show{width: 100%;margin: 0;border-radius: 0}
#sub-nav .dropdown-item{padding: 10px 25px;font-weight: 300}
#sub-nav .dropdown-toggle.width-auto{width: auto;padding-right: 50px}

/* Swiper */
/*.product-swiper .swiper-container [class^=swiper-button]{position: absolute;left: -50px;top: 50%;transform: translateY(-50%)}*/
.product-swiper .swiper-button-next, .product-swiper .swiper-button-prev{width: auto}
.product-swiper .swiper-button-next:after{content: '';width: 36px;height: 67px;background-image: url(../img/product/swiper_next.png)}
.product-swiper .swiper-button-prev:after{content: '';width: 36px;height: 67px;background-image: url(../img/product/swiper_prev.png)}
.product-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #007aff}

/* paging */
.paging{text-align:center}
.paging a{display:inline-block;width:46px;height:27px;margin:4px 2px;border-radius:30px;line-height:30px;vertical-align:top}
.paging a.active{background-color: #4696dc;color:#fff;}
.paging a.btn-prev,.paging a.btn-next{font-size:0;background-image:url(../img/icon/icon_arrow_left.png);background-position:50% 50%;background-repeat:no-repeat}
.paging a.btn-next{background-image:url(../img/icon/icon_arrow_right.png)}
.paging a.btn-prev2,.paging a.btn-next2{font-size:0;background-image:url(../img/icon/icon_arrow_left3.png);background-position:50% 50%;background-repeat:no-repeat}
.paging a.btn-next2{background-image:url(../img/icon/icon_arrow_right3.png)}

/*--------------------------------------
    PAGES
---------------------------------------*/
 

 
  
/* Sub */
.col-lg-20{flex: 0 0 19.9999%;max-width: 0 0 19.9999%}
.sect{margin-top: 125px}
.sect-grid-muted{padding: 50px 80px}
.sect-grid-wh{position: relative;text-align: center}
.sect-grid-wh>div{display: inline-block;position: absolute;top: -70px;left: 50%;transform: translateX(-50%);width: 80%;padding: 70px 150px;background: #fff;}
.sect-grid-wh.bottom>div{top: -29px}
.sect-grid-wh.bottom+p.h3{margin-top: 230px}
.mt350{margin-top: 350px !important}
.sect-grid-primary{display: flex;align-items: center;height: 387px;background-size: cover}
.sect-grid-primary>div{display: flex;align-items: center;width: 770px;height: 270px;padding-left: 95px;background: rgba(70,150,220,.8)}
.sub-title{font-size:40px;font-family: 'Titillium Web', sans-serif;text-align: center}
.sub-nav{height: 400px;}
.sub-nav>div{align-items: center;height: 320px;text-align: center;color: #fff}
.sub-nav>div>div{width: 100%;height: fit-content}
.sub-nav>div>div>p:last-of-type{color: rgba(255,255,255,.7)}
.box-graph{position: relative;padding: 40px;border: 1px solid #ccc;}
.box-graph .graph-title{font-size: 25px;font-weight: 700;text-align: center}
.box-graph .graph-context{position: absolute;top: 50px;right: 50px;}
.box-graph .graph-context>p{position: relative;display: inline-block;padding-left: 20px}
.box-graph .graph-context>p:after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;border-radius: 50%;background-color: #4696dc}
.box-graph .graph-context>p:last-child:after{background-color: #00426f}
.sub-company .box-graph{border: 0}
.frm-search2{padding: 40px 200px;background-color: #fafafa}
.product-sect01 .col-lg-4{position: relative;}
.product-sect01 .col-lg-4:before{content: '';position: absolute;top: 0;right: 0;height: 275px;margin-top: 25px;border-right: 1px solid rgba(0,0,0,.3)}
.product-sect01 .col-lg-4:last-of-type:before{border-right: 0}
.product-sect02 .col-6>div{padding: 80px 0;margin: 10px;background: #edeceb}
.product-sect02-1 .col-lg-3>div{height: 635px}
.product-sect03>.container>.row>div>div{padding-left: 95px}
.product-swiper>div>.container{position: relative}
.category{display: flex;align-items: center;border: 1px solid #d1d1d1;background: #fff;transform: translateY(-50%)}
.category .h3.text-wh{padding: 20px 40px}
.category .btn.focus, .category .btn:focus{box-shadow:none !important}
.category .btn{color: #a1a1a1}
.category .btn.active{color: #005a9c}
[class^=tumb]{position: relative;padding: 85px 0 45px;text-align: center}
[class^=tumb] .badge{position: absolute;top: 30px;right: 30px;width: 60px;height: 60px;padding: 22px 16px}
.tumb{padding: 105px 0 45px}
[class^=tumb]>div{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #2b93db;background: rgba(255,255,255,.5);transition-delay:.3s}
.swiper-slide:hover [class^=tumb]>div{display: flex}
[class^=col-lg]:hover [class^=tumb]>div{display: flex}
.product-swiper label{position: relative;padding: 0 0 0 28px;margin: 0 50px 0 30px}
.product-swiper label:before{content: '';position: absolute;transform: translateY(-50%);left: 0;top: 50%;width: 18px;height: 18px;background: url(../img/icon/icon_check_off.png)}
.product-swiper label.active:before{background: url(../img/icon/icon_check_on.png);color: #2b93db}
.product-swiper .h3.text-center{padding: 160px 0 45px}
.product-swiper .sect{padding-bottom: 160px}
.product-swiper .sect .swiper-button-next{right: -50px;top: 40%;transform: translateX(-50%);}
.product-swiper .sect .swiper-button-prev{left: -50px;top: 40%;transform: translateX(-50%);}
.product-swiper .swiper-pagination{position: static}
.product-swiper .swiper-pagination *{margin: 0 5px}
.product-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 55px;border-radius: 20px}
.product-swiper .swiper-container{position: relative}
.product-list .btn{width: 220px;padding: 10px 25px;text-align: left}
.sub-product-view .bg-muted{padding: 90px 0}
.sub-product-view .btn-primary.rounded-pill{width: 410px}
.sub-product-view .sect .h5{border-bottom: 4px solid #0882d6}
.sub-product-view .tab-pane .image-fluid{display: flex;align-items: center;height: 380px;padding-left: 90px;background-size: cover;color: #fff}
.sub-product-view .sect-grid-primary{margin-top: 70px}
.sub-product-solution #nav-home .h1.font-weight-bolder{margin-top: 40vh}
.sub-product-solution #nav-home .col-lg-4>div{position: relative;height: 500px;padding: 0 40px;border: 1px solid #dbdbdb}
.sub-product-solution #nav-home .col-lg-4>div>img{position: absolute;top: -100px;left: 50%;transform: translateX(-50%)}
.sub-product-solution #nav-home .col-lg-4>div>div{margin-top: 145px}
.sub-product-solution #nav-home .sect{margin-top: 200px}
.list-dot li{position: relative;padding-left: 13px;margin-bottom: 8px}
.list-dot li:before{content: '';position: absolute;top: 10px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #000;}
.sub-product-solution #nav-profile td{padding: 12px 0}
.sub-product-solution #nav-profile table.border-top.border-dark td{border-right: 1px solid #ccc}
.sub-product-solution #nav-profile .sect-line [class^=col-]:before, .sub-product-solution #nav-profile .sect-line [class^=col-] .position-absolute, .sub-product-solution #nav-profile .sect-line [class^=col-].dot:after{top: 41%}
.sect-line .img-fluid{position: relative;z-index: 1}
.sect-line [class^=col-]{position: relative}
.sect-line [class^=col-lg]{height: 240px}
.sect-line [class^=col-]:before{content: '';position: absolute;top: 51.8%;transform: translateY(-50%);left: 0;right: 0;border-bottom: 1px solid #c8c8c8}
.sect-line.sect-two-line .row:nth-of-type(2n-1) .col-lg-4:last-child:after{content: '';position: absolute;top: 51.9%;bottom: -220px;right: 0;border-right: 1px solid #c8c8c8}
.sect-line.sect-two-line .row:nth-of-type(2n) .col-lg-4:last-child:after{content: '';position: absolute;top: 51.9%;bottom: -220px;left: 0;border-right: 1px solid #c8c8c8}
.sect-line [class^=col-].dot:after{content: '';position: absolute;top: 51.8%;transform: translateY(-50%);left: 0;width: 8px;height: 8px;border-radius: 50%;background: #c8c8c8}
.sect-line [class^=col-].dot.right:after{right: 0;left: auto}
.sect-line [class^=col-] .position-absolute{top: 51.8%;transform: translateY(-50%);right: -24px;z-index: 1}
.sect-line .no-line, .sect-line .no-line:before, .sect-line .no-line:after{border: 0 !important}
.frm-search2 .custom-select{width: 100%;height: 66px;padding: 0 25px;font-size: 18px;background: url(../img/icon/icon_arrow_down_muted.png) no-repeat right 25px center}
.frm-search2 .srch{position: relative;height: 66px;padding: 0 110px 0 80px;border: 1px solid #e1e1e1;border-radius: 40px;background: #fff}
.frm-search2 .srch input, .frm-search2 .srch button{border: 0;}
.frm-search2 .srch input{display: block;width: 100%;height: 100%;background: transparent;}
.frm-search2 .srch:before{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 25px;width: 43px;height: 26px;background: url(../img/icon/icon_srch.png);background-size: contain}
.frm-search2 .srch.no-icon{padding-left: 40px}
.frm-search2 .srch.no-icon:before{display: none}
.frm-search2 .srch button{position: absolute;top: 0;right: 15px;height: 66px;font-size: 0;background-size: contain;color: transparent}
.frm-search2 .btn.btn-sm.btn-muted{padding: 15px}
.post-list table tr{border: 1px solid #ccc;border-left-color: transparent;border-right-color: transparent}
.post-list table td{padding: 35px 0}
.post-list table td:first-child{padding-left: 35px}
.post-list table td:last-child{padding-right: 35px}
.post-list table tr:hover{border: 1px solid #4696dc}
.post-list table tr:hover td{border-top: 1px solid #4696dc}
.post-list table img{padding-left: 25px;border-left: 1px solid #ccc}
.post-list table .notice-badge{width: 85px;padding-left: 0;text-align: center}
.post-list table .notice-badge div{width: 85px}
.post-list .event-badge{width: 85px}
.post-list-view .para{line-height: 32px}
.post-list-view .ellipsis{width: 24vw}
.form-wrap .custom-select{height: 45px;padding: 0 15px;font-size: 16px;background: url(../img/icon/icon_arrow_down_muted.png) no-repeat right 25px center}
.form-wrap input{height: 45px;font-size: 16px}
.form-wrap input::placeholder, .form-wrap textarea::placeholder{color: #d4d4d4}
.form-wrap .btn.btn-sm.btn-muted{width: 100%;height: 45px;padding: 5px 15px}
.form-wrap .form-row{padding: 20px 0;border-bottom: 1px solid #ccc;align-items: center}
.form-wrap label.active:after{content: ''}
.form-wrap label.form-agree{width: 100%;padding: 20px 0;border: 1px solid #b3b3b3;background: #f7f7f7;color: #4c4c4c}
.form-wrap label.form-agree.active{border-color:#0882d6;background: #f1f9ff;color: #0882d6;background}
.form-wrap .options label{color: #777}
.form-wrap .options label.active{color: #0882d6}
.form-wrap .modal-dialog>div{width: 600px;height: 360px;padding: 55px 0}
.form-wrap .modal-dialog .close{position: absolute;top: 15px;right: 30px;font-size: 45px;font-weight: 100}
.sect-round-list img.position-absolute{top: -35px;left: 0}
.sect-dot-line{position: relative;z-index: 1}
.sect-dot-line:before{content: '';position: absolute;left: 45%;top: 50%;transform: translateY(-50%);width: 100%;height: 3px;background: url(../img/product/03_01_07.png);background-size: contain}
.accordion .collapsed span.rounded-pill{border-color:#000 ;background-color:transparent ;color:#000 }
.accordion span.rounded-pill{border-color:#0882d6 ;background:transparent ;color:#0882d6 ;}
.accordion .col-lg-12.bg-muted .lst-split>li+li:before{height: 5.8em;margin: 0 50px}
.accordion .card-body .col-lg-12>ul{display: inline-flex !important;margin: 0 auto}
.ul-bg-grid{padding-top: 150px;padding-bottom: 135px}
.ul-bg-grid .lst-split>li+li:before{position: absolute;left: 0;height: 15.8em}
.sect-grid-muted .tb-col-width{width: 15%}
.year-grid .content-left{display: flex;justify-content: center}
.year-grid .row:nth-child(3){margin-top: -30px}
.year-grid .row:nth-child(2n){margin-top: 30px}
.year-grid .row:before{content: '';position: absolute;top: 0;right: 2.8%;height: 110%;border-left: 1px solid #d9d9d9;opacity: 1}
.year-grid .row .row:before{content: '';position: absolute;top: 0;right: 38%;height: 110%;border-left: 1px solid #d9d9d9;opacity: 1}
.year-grid .row .row:after{content: '';position: absolute;top: 0;right: 72%;height: 110%;border-left: 1px solid #d9d9d9;opacity: 1}
.year-grid>div .text-wrap{width: 350px;margin: 0 auto}
.year-grid-title{position: relative;width: 350px;padding-bottom: 30px;font-family: 'Titillium Web', sans-serif;;font-size: 156px;font-weight: bold;color: #0e60a8;line-height: 133px}
.year-grid-title:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 6px;border: 1px solid #5d6871;}
.year-grid-title:after{content: '';position: absolute;bottom: 0;left: 0;height: 6px;width: 60%;background-color: #5d6871}
.year-table{padding: 100px 0}
.year-table p{background: #d9d9d9}
.year-table .col-lg-3.col-6>div{height: 365px}
.year-table table td{padding: 10px 0}
.year-table table td:first-child{padding-right: 20px}
.sub-company .txt-box{padding-left: 110px}
.sub-company .col-lg-5.bg-muted{margin-top: 75px}
.sub-company .img-right{margin-left: 50%}
.sub-company>div.row{position: relative}
.sub-company .text-left{position: absolute;top: 50%;left: 0;right: 0;width: 100%;transform: translateY(-50%)}
.sub-company-01 .d-flex .col-lg-auto:nth-child(2),.sub-company-01 .d-flex .col-lg-auto:nth-child(3){margin-left: -60px}
.sub-company-02 .img-list .col-lg-4>div{padding: 165px 0;}
.sub-company-03 .bg-muted .col-lg-3{border: 0 !important}
.sub-ect .sub-nav{height: 320px}
.sub-ect .sub-nav>div{height: 240px}
.ect-form{max-width: 1000px}
.ect-form .gnb{padding: 30px 0;border-bottom: 1px solid rgba(255,255,255,.2)}
.ect-form>header>p{padding: 50px 0 103px 0;font-size: 36px}
.ect-form>.table-wrap{padding: 0 70px;margin-top: -50px}
.sub-map .map{height: 570px}
.sub-map .swiper-page{display: flex}
.sub-map .swiper-slide{padding-bottom: 25px;background: #fff}
.sub-map span.swiper-pagination-bullet{height: 80px;padding: 25px 0;border: 1px solid #000;border-radius: 0;text-align: center;font-size: 20px;font-weight: 500;background: transparent;flex: 0 0 16.77777%}
.sub-map #nav-profile span.swiper-pagination-bullet{flex: 0 0 14.33333%}
.sub-map span.swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #000 !important}
.sub-map .swiper-button-next{top: 153px;width: 60px;height: 60px;background-image: url(../img/company/05/btn_arrow_right.png)}
.sub-map .swiper-button-next:after{content: none}
.sub-map .swiper-button-prev{top: 153px;left: auto;right: 85px;width: 60px;height: 60px;background-image: url(../img/company/05/btn_arrow_left.png)}
.sub-map .swiper-button-prev:after{content: none}
.sub-map .transport-way ul.row.no-gutters{align-items: flex-start}
.sub-map .transport-way{margin-top: 200px;padding: 0 20px 50px;border: 1px solid #ddd}
.sub-map .transport-way>img{margin-top: -100px}
.sub-map .transport-way .badge{display: flex;align-items: center;justify-content:center;width: 47px;height: 47px;border-radius: 50%;background-color: #47af1c;color: #fff}
.sub-map .transport-way .badge.green{background-color: #92d050}
.sub-map .transport-way .badge.blue{background-color: #6377e7}
.sub-map .transport-way .badge.sky{background-color: #5297e2}
.sub-map .transport-way .badge.yellow{background-color: #efb226}
.sub-map .transport-way .badge.orange{background-color: #ed8b32}
.sub-map .transport-way .btn-primary.rounded-pill{width: 245px}
.sub-map .map{border: 1px solid #eee}
.sub-map .transport-way ul.row.no-gutters{display: inline-flex}

/*---------- Media ----------*/
@media (max-width:1580px){
 
	/* Sub */
	.frm-search2{padding-left: 20px;padding-right: 20px;}
	.sub-product-solution #nav-home .col-lg-4>div{height: 600px}
	.accordion .card-body .sect-grid-muted{padding: 0}
	.year-table .col-lg-3.col-6>div{height: 450px}
}

@media (max-width:991px){
	body,input,textarea,select,button,table{font-size: 12px;}
	.m-view{display: block}
	.w-view{display: none}
	.col-lg-20{flex: auto;-webkit-flex:auto}
	
	.text-title{font-size: 24px;line-height: 32px}
	.sub-product .h1{font-size: 28px}
	.h1{font-size: 22px}
	.h2{font-size: 20px;}
	.h3, .h3-1{font-size: 16px;}
	.h4{font-size: 12px;}
	.h5{font-size: 11px;}
	.h6{font-size: 12px}
	.small{font-size: 11px;}
	
	.btn{height: 40px;font-size: 11px;}
	.btn-sm{padding: 10px 20px}
	.btn-file.btn-file{padding: 10px 13px;margin-bottom: 5px}
	.product-sect03 .btn{padding: 11px 20px}
	.btn-arrow-primary,.btn-arrow-wh{padding-right:50px;font-size:11px;background-size: auto 15px;}
	.form-wrap .btn.btn-sm.btn-muted{height: 33px}
	.form-wrap .btn.btn-sm.btn-muted .icon-file-wh{width: 13px;height: 16px;background-size: contain}
	.icon-go{margin: 4px 0 0 16px}
	.icon-download{width: 14px;height: 12px;}
	.sect-grid-muted{padding: 10px}
	.accordion .card-body .sect-grid-muted{padding: 10px 25px !important}
	.icon-group>a{width: 30px;background-size: contain}
	
	/* nav */
	.nav-tabs{border-bottom: 0}
	[class^=sub] .nav-item.nav-item{height: 43px;margin-top: 5px;font-size: 14px}
	.sect-line .row{padding: 0 !important;}
	.sect-line [class^=col-]{display: flex}
	.sect-line [class^=col-]>div{padding: 0;text-align: left}
	.sect-line [class^=col-]:before, #nav-home .sect-line.sect-two-line .row .col-lg-4:after, #nav-as .sect-line.sect-two-line .row .col-lg-4:after, 
	#nav-home .sect-line.sect-two-line .row:nth-of-type(2n-1) .col-lg-4:last-child:after, #nav-as .sect-line.sect-two-line .row .col-lg-4:last-child:after{border: 0}
	.sect-line .col-lg-4.dot:after{display: none}
	.nav-pills .nav-link{padding: 10px 0;font-size: 14px}
	
	/* Collapse */
	.accordion .card-header{padding: 15px 0 15px 10px;}
	.accordion .card-body{padding: 15px 10px}
	.accordion .card-header img{width: 20px}
	.accordion .card-header .icon-collapse-down{width: 18px;height: 11px;background-size: contain}
	
	/* paging */
	.paging a.btn-prev2, .paging a.btn-next2{margin-top: 4px;background-size: 12px auto}
	.paging a.btn-prev, .paging a.btn-next{margin-top: 4px;background-size: 8px auto}
	.paging a{width: 25px;margin: 2px 0}
	
	/* Layout */
	
 
 	
	/* Sub */
	.sect{margin-top: 90px}
	.sub-title{font-size: 22px;}
	.sub-nav{display: flex;align-items: center}
	.sub-nav>div{width: 100%}
	.sect-grid-primary{background-position: right}
	.sect-grid-primary>div{width: 90%;height: 220px;padding: 5%}
	.sect-grid-wh>div{width: 90%;padding: 10px}
	.product-sect01 .col-lg-4{padding: 50px 0;border-bottom: 1px solid rgba(0,0,0,.2)}
	.product-sect01 .col-lg-4:last-of-type{border:0}
	.product-sect01 .col-lg-4:before{display: none}
	.product-sect01 .col-lg-4>div{display: inline-block;vertical-align: middle}
	.product-sect01 .col-lg-4>div h3{margin: 0 !important;text-align: left}
	.product-sect01 .col-lg-4>div{width: 58%;text-align: left}
	.product-sect01 .col-lg-4>.text-center{width: 24%;margin-right: 10%}
	.product-sect02 .img-fluid{width: 70%}
	.product-sect02 .col-6>div{padding: 45px 0}
	.product-sect02-1 .col-lg-3>div{height: 300px}
	.product-sect03>.container>.row>div>div{padding: 40px 0;text-align: center}
	.product-sect03 p.h6.mt-3.mb-5{margin: 10px 0 !important}
	.product-sect03 .d-flex.align-items-center{display: block !important}
	.product-list .icon-search{width: 16px;background-size: contain}
	.product-list .btn{width: 122px;height: 30px;padding: 0 10px;margin-bottom: 6px}
	[class^=col-lg]:hover [class^=tumb]>div, .product-swiper .swiper-slide:hover .tumb-b>div{display: none}
	.product-list .col-lg-3{padding: 0 5px}
	.product-swiper .sect .m-view .tumb-b .badge{left: 74%}
	.product-swiper .sect .m-view .swiper-button-next{right: 0}
	.product-swiper .sect .m-view .swiper-button-prev{left: 0;transform: translateX(0)}
	.product-swiper .h3.text-center{padding: 0 0 45px}
	.product-swiper .swiper-button-prev:after,.product-swiper .swiper-button-next:after{width: 20px;height: 37px;background-size: 100% 100%}
	.post-list table td{padding: 10px 0}
	.post-list table .h6{font-size: 10px !important}
	.post-list table td:first-child{width: 22%;padding-left: 15px;}
	.post-list table td.notice-badge{padding-left: 0;text-align: center}
	.post-list table td:nth-child(2){width: 67%}
	.post-list table td:nth-child(3){width: 20%}
	.post-list table td:last-child{padding-right: 0}
	.post-list table td img{width: 0}
	.post-list table .btn-outline-primary, .post-list table .btn-outline-muted{width: auto !important;height: auto;padding: 5px 10px;font-size: 10px}
	.post-list-view .btn-primary.rounded-pill .icon-list01-wh{width: 16px;height: 18px;background-size: contain}
	.post-list-view .col-lg-5{padding: 0 3vw}
	.post-list-view .sect td{padding: 12px}
	.post-list-view .d-flex>a.mr-5{margin-right: 5px !important}
	.post-list-view .d-flex>a.ml-5{margin-left: 5px !important}
	.post-list-view .d-flex>a>img{width: 8px;margin: 0 !important}
	.post-list-view p.notice-badge{height: 30px;padding: 6px 17px !important}
	.post-list-view .para{line-height: 22px}
	[class^=tumb] .badge{top: 0;right: 0;width: 35px;height: 35px;padding: 13px 2px}
	[class^=tumb]{padding: 50px 0 25px}
	.category .btn{height: inherit;margin: 0 5px;padding: 0 0 0 22px}
	.category .btn:first-child{margin-left: 0}
	.category label:before, .category label.active:before{left: 11px;top: 8px;width: 13px;height: 13px;background-size: contain}
	.category .btn-group{padding: 20px}
	.sub-product-view .col-lg-5{text-align: center}
	.sub-product-view .col-lg-7 [class^=icon-]{width: 35px;margin-bottom: 10px;background-size: contain}
	.sub-product-view .col-lg-7 .text-center{padding: 0 20px 0 10px}
	.sub-product-view .text-title{margin-top: 10px;font-size:24px}
	.sect-line [class^=col-].m-view.mr-2{position: relative;height: auto !important;padding: 15px 0;text-align: center}
	.sub-company-02 .sect-line [class^=col-].m-view.mr-2{padding: 30px 0}
	.sect-line [class^=col-].m-view.mr-2:after{content: '';position: absolute;bottom: -15px;left: 50%;width: 30px;height: 30px;background: url(../img/business/arrow_bottom.png);background-size: contain;transform: rotate(-90deg);transform: translateX(-50%)}
	.sect-line [class^=col-].m-view.mr-2>img{margin: 0 auto}
	.sect-line #nav-home .col-4.m-view.mr-2:after, .tab-content.primary #nav-profile .col-4.m-view.mr-2:after{left: 48%}
	.sect-line [class^=col-].none:after{display: none}
	.sect-line [class^=col-lg]{height: auto}
	.sub-product-solution #nav-profile .sect-line [class^=col-].dot:after{display: none}
	.sub-product-solution #nav-home .col-lg-4>div>img{top: -50px;width: 90px}
	.sub-product-solution #nav-home .col-lg-4>div>div{display: inline-block;margin: 0 auto}
	.sub-product-solution #nav-home .col-lg-4>div{height: auto;padding: 60px 10px 20px}
	.sub-product-solution #nav-home .h1.font-weight-bolder{margin-top: 195px}
	.sub-product-solution #nav-home .sect{margin-top: 100px}
	.sub-product-solution #nav-profile td{padding: 12px}
	.sub-product-solution #nav-profile .sect-line{display: block}
	.sub-product-solution #nav-profile .sect-line .col-12{align-items: center;margin: 25px 0}
	.sub-product-solution #nav-profile .sect-line .m-view img{margin: 0 auto}
	.sub-product-solution .tab-content.primary #nav-profile .col-4.m-view.mr-2:after{left: 50%;bottom: -32px}
	.sect-round-list .col-lg-20 img{width: 75px}
	.sect-round-list img.position-absolute{top: -32px;left: -4px;width: 10px}
	.frm-search2 .srch{height: 32px;padding: 0 70px 0 42px}
	.frm-search2 .srch button{height: 32px;width: 50px;right: 10px}
	.frm-search2 .custom-select{height: 32px;padding: 0 15px;font-size: 12px;background: url(../img/icon/icon_arrow_down_muted.png) no-repeat right 15px center;background-size: 10px auto}
	.frm-search2 .btn.btn-sm.btn-muted{height: 32px;padding: 2px 10px;margin-top: 10px;font-size: 10px}
	.frm-search2 .frm-group .btn.btn-muted .icon-refresh{margin: 0 0 0 -6px;background-size: 12px auto}
	.frm-search2 .srch:before{width: 24px;height: 15px;left: 14px}
	.frm-search2 .icon-refresh{background-size: 14px}
	.frm-search2 .col-lg-8{padding-left: 0}
	.sub-customer .event-list{text-align: center}
	.sub-customer .event-list .event-badge{width: 70px;height: 34px;padding: 8px;margin-bottom: 5px}
	.sub-customer .event-list .pl-4.pt-4{padding: 10px 0 0 0 !important}
	.event-list .col-lg-4.pb-4{padding: 10px 0 !important}
	.event-list{padding: 0 !important}
	.event-list .h4.mb-3.mt-1{margin: 5px 0 !important}
	.file-down{font-size: 10px;text-align: left}
	.file-down .border-right{border:0 !important}
	.file-down>span{display: block}
	.scroll{padding: 15px}
	.form-wrap label.form-agree{padding: 11px 0}
	.form-wrap .h6.text-muted{font-size: 10px}
	.form-wrap .col-2.mb-3{padding: 0}
	.form-wrap input::placeholder, .form-wrap textarea::placeholder, .form-wrap form .custom-select, .form-wrap input, .form-wrap textarea{font-size: 10px}
	.form-wrap form .modal-dialog>div{width: 100%}
	.form-wrap form input, .form-wrap form .custom-select{height: 34px}
	.tb-grid td{padding: 2px;word-break: break-word}
	.frm-search2 .srch.no-icon{padding-left: 13px}
	.accordion .col-lg-12.bg-muted .lst-split>li+li:before{height: 2.8em;margin: 0 10px}
	.accordion .col-lg-12.bg-muted .img-fluid{width: 57px}
	.accordion span.rounded-pill{height: auto}
	.ul-bg-grid{padding-top: 100px;padding-bottom: 20px}
	.ul-bg-grid .lst-split>li{display: flex;width: 80%;margin: 35px auto;text-align: left}
	.ul-bg-grid .lst-split>li+li:before{top: -35px;width: 100%;height: auto;margin: 0;border-left: 0;border-bottom: 1px solid #9b9fa8}
	.ul-bg-grid .lst-split>li img{width: 80px}
	.sect-grid-muted .tb-col-width{width: 24%}
	.year-table{padding: 50px 0}
	.year-table .col-lg-3.col-6>div{height: 250px;border: 0 !important}
	.year-table table td{padding: 5px 0}
	.year-table table td:first-child{padding-right: 5px}
	.year-grid .row.row{margin: 20px 0}
	.year-grid .row:before, .year-grid .row .row:before, .year-grid .row .row:after{display: none}
	.year-grid>.row>[class^=col-lg]>.row>[class^=col-lg]{display: flex;justify-content: center;text-align: center}
	.year-grid-title{width: 200px;font-size: 90px;line-height: 78px}
	.year-grid>div .text-wrap{width: 200px}
	.sub-company .img-right{margin-left: auto}
	.sub-company>div.row{position: relative}
	.sub-company .text-left{position: inherit;transform: translateY(0)}
	.sub-company .txt-box{padding: 0}
	.sub-company .img-container{padding: 0 20px}
	.sub-company .col-lg-5.bg-muted{margin: 0}
	.sub-company .bg-muted{background-color: transparent !important}
	.sub-company .d-flex.align-items-center{margin-top: 25px}
	.sub-company-01 .d-flex .col-lg-auto:nth-child(2),.sub-company-01 .d-flex .col-lg-auto:nth-child(3){margin-left: 0}
	.sub-company-01 .d-flex .col-lg-auto img{width: 50%}
	.sub-company-02 .img-list .col-lg-4{padding: 10px 0}
	.sub-company-02 .img-list .col-lg-4>div{height: 330px;padding: 30px 0;background-size: 100% !important}
	.sub-company-02 .sect-grid-muted .border-right.border-muted{border-right: 0 !important;border-bottom: 1px solid #afafaf !important}
	.sub-company-02 .sect-grid-muted .col-lg-4{padding: 20px 0}
	.sub-map .transport-way{height: 330px;padding: 0 10px 50px;margin-top: 100px}
	.sub-map .transport-way>img{width: 100px;margin-top: -50px}
	.sub-map .transport-way .badge{width: 30px;height: 30px}
	.sub-map .transport-way li{margin-bottom: 10px}
	.sub-map .btn-sm{padding: 9px 20px}
	.sub-map .swiper-button-next,.sub-map .swiper-button-prev{top: 261px;width: 40px;height: 40px;background-size: contain}
	.sub-map .swiper-button-prev{right: 59px}
	.sub-map .lst-split>li+li:before{display: none}
	.sub-map .swiper-page{display: block}
	.sub-map span.swiper-pagination-bullet{width: 50%;height: 43px;margin-top: 10px;padding: 10px 0;font-size: 14px;flex: auto}
	.sub-map .swiper-slide{padding: 0}
	.sub-map #nav-profile .swiper-slide{padding-bottom: 30px}
	.mt350{margin-top: 200px !important}
	.box-graph .graph-title{font-size: 18px}
	.box-graph{padding: 10px}
	.box-graph .graph-context{top: 0;right: 14px}
	.box-graph .graph-context>p:after{width: 10px;height: 10px}
	.box-graph .graph-context>p{padding-left: 14px}
}