@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,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);

/* Reset with bootstrap */
body,p,h1,h2,h3,span,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR','Apple SD Gothic Neo','맑은 고딕',sans-serif;word-break:keep-all;font-size:18px;font-weight:300;letter-spacing: -.04em;color:#000}
a,a:hover,a:focus,a:active{text-decoration:none;color:inherit}
li{list-style:none}
address,em{font-style:normal}
label{margin-bottom:0;cursor:pointer}
table{width:100%}
textarea{resize:none}
strong{font-weight:700 !important}
hr{display:block;margin:15px auto;border-top:2px solid #dc000c;}
dt{font-weight:normal}

/* Helper Classes */
.no-style{margin: 0;padding: 0;border: 0;background: none}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.twoline{display:-webkit-box;overflow:hidden;max-height:2.858em;line-height:1.429em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
.center-block{display: block;margin-left: auto !important;margin-right: auto !important}
.scroll{height: 250px;padding: 40px 45px;overflow: auto}

/* Grid */
.wfull{width: 100% !important}
.w80{width: 80px}
.w170{width: 170px;}
.w220{width: 220px;}
.w250{width: 250px;}
.flex-justify-space{display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;}
.flex-align-space{display: -ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap:wrap;-ms-flex-line-pack: justify;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;}
.display-1{margin-bottom:15px;font-size: 55px;font-weight:700;font-family: 'Titillium Web', 'Noto Sans KR', sans-serif;letter-spacing: 0}
.font-weight-bolder{font-weight: 500 !important;}
.text-title{font-size: 50px;line-height: 1.1;word-break: break-all}
.text-middle-title{font-size: 45px;line-height:1.1}
.line-height{line-height: 1.2}
.font-t{font-family: 'Titillium Web', 'Noto Sans KR', sans-serif;}
.font-noto{font-family: 'Noto Serif', serif !important;}
.text-primary{color:#0882d6 !important ;}
.text-gray{color:#8d8d8d !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;}
.bg-muted2{background-color: #f1f4f6 !important;}
.border-muted{border-color: #afafaf !important}
.title-letter-spacing{letter-spacing: -0.07em}

/* 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:25px;}25% {background-position-y:20px;}50% {background-position-y:15px;}75% {background-position-y:10px;}100% {background-position-y:5px;}}
@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;}}
.barLodding{-webkit-animation-name: barLodding;animation-name: barLodding;-webkit-transform-origin:  100% 0%;transform-origin:  100% 0%;-webkit-animation: barLodding 5s ease-in-out;animation: barLodding 5s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes barLodding{0%{width: 0px; left: 0px}48%{width: 100%; left: 0px}50%{width: 100%; right: 0px}52%{width: 100%; right: 0px}100%{width: 100%; right: 0px}}
@-webkit-keyframes barLodding{0%{width: 0px; left: 0px}48%{width: 100%; left: 0px}50%{width: 100%; right: 0px}52%{width: 100%; right: 0px}100%{width: 100%; right: 0px}}
@-webkit-keyframes scrolldown {0%, 100%{opacity: 0}33%{opacity: 1}}
@keyframes scrolldown {0%, 100%{opacity: 0}33%{opacity: 1}}

/* 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 */
.tb-fixed{table-layout:fixed;}
.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}
.tb tr>*{padding: 10px 15px;border:1px solid #ccc;font-size:16px;}
.tb tr th{font-weight:300;background-color:#ddd}

/* Form */
.input-chk{display: inline-block;vertical-align: top}
.input-chk i{display: inline-block;width: 32px;height:32px;margin:-3px 10px 0 0;background-image: url(../img/icon/icon_check_big.png);background-size: 100% 100%;vertical-align: top}
.input-chk input:checked+i{background-image: url(../img/icon/icon_check_big_on.png)}

/* Button */
.btn{padding-top:10px;padding-bottom: 10px;font-size: 17px;font-weight: 300}
.btn-sm{padding: 15px 35px;font-weight:400}
.btn-download{padding: 8px 38px;font-size: 15px;font-weight: 500;letter-spacing: 0;background-color: #0882d6;color: #fff !important;}
.btn-download img{margin:2px 5px 0 0;vertical-align: top}
.product-sect03 .btn{height: 53px;padding: 13px 25px;font-size: 16px;text-align: left}
.btn.rounded-circle{position:relative;width: 47px;height: 47px;padding: 0;}
.btn.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-color:#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', 'Noto Sans KR', sans-serif;font-size: 18px;line-height: 30px;letter-spacing:0;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', 'Noto Sans KR', sans-serif;font-size: 18px;line-height: 30px;letter-spacing: 0;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}
.btn-file.btn-file>i{margin-left: 30px !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-youtube{width: 33px;height: 25px;background-image: url(../img/icon/icon_youtube.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-image: 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-image: url(../img/icon/icon_disagree.png)}
label.active .icon-agree{width: 20px;height: 15px;background-image: 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-image: url(../img/icon/icon_collapse_up.png)}
.collapsed .icon-collapse-down{background-image: url(../img/icon/icon_collapse_down.png)}
.icon-download-wh{width: 25px;height: 23px;background-image: url(../img/icon/icon_download_wh.png);background-size:100% auto}

/* Badge */
.badge2{display: inline-block;min-width: 72px;padding:6px 12px;border: 1px solid;font-size: 18px;font-weight: 400;text-align: center;}

/* 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.breadcrumb-item-type2{width: 200px;}
#sub-nav .breadcrumb-item.breadcrumb-item-type2 button{width: 200px;}
#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%;min-width: 175px;padding: 0 50px 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 !important;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;animation-delay: 2s}
.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-item .loading-line{position: relative;display: block;width: 100%;height: 6px;margin-top: 20px;border: 1px solid #fff}
.nav-item .nav-link.active .loading-line>i{position: absolute;left: 0;bottom: 0;height: 4px;width: 0;z-index: 0;background-color: #fff;}
.nav-item .nav-link.active{opacity: 1;color: #fff !important}
.nav-tabs{margin:60px 0 50px}
.nav-tabs.primary .nav-item{width: 50%;padding-bottom: 20px;border: 0;border-bottom: 1px solid #ccc;font-size: 20px;color: #636363 !important;}
.nav-tabs.primary .nav-item.active{border-bottom: 4px solid #0882d6;color: #0882d6 !important;opacity: 1 !important}
.nav-pills .nav-link{margin:0 0 -1px -1px; padding: 30px 0;font-size: 20px;font-weight: 500;border: 1px solid #dbdbdb;border-radius: 0;background: transparent;color: #636363 !important;}
.nav-pills .active.nav-link{background: #fff;border-color:#000;color: #000 !important}
.nav-pills.nav{margin: 15px 0 50px 0}

/* Collapse */
.accordion{border-bottom: 1px solid rgba(0,0,0,.125)}
.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}
.sub-menual .accordion{border-bottom: 1px solid rgba(0,0,0,.125)}

/* 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}
.product-swiper .swiper-pagination{margin-top: 50px;font-size: 0}

/* paging */
.paging{text-align:center}
.paging a{display:inline-block;width:46px;height:27px;margin:4px 2px;border-radius:99em;line-height:27px;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)}

/* modal */
.modal-backdrop.show{opacity: .7}
.modal-dialog{max-width: 600px;}
.modal-dialog .close{position: absolute;top: 15px;right: 30px;z-index: 10;font-size: 45px;font-weight: 100}
.modal-body{padding: 65px 0}
.main-modal .modal-content{border: 0;background: none}
.main-modal .modal-header{-ms-flex-align: center;align-items: center;padding: 5px;border: 0; background-color:rgba(0, 0, 0, .7)}
.main-modal .modal-header .btn-close{position: static;width: 60px;height: 60px;margin: 0;font-size: 0;background-image: url(../img/icon/icon_x2.png);background-size: 100% 100%;opacity: 1;background-color: #fff;border-radius: 50%}
.main-modal .modal-body{overflow: hidden;padding: 0;border-radius: 10px;background: #fff}
.main-modal .modal-body .img img{display: block;width: 100%;}
.main-modal .modal-body .btn{width:240px;padding:15px 14px;margin: 50px 0;border-color:#666;font-size: 25px;color: #565656}

/*--------------------------------------
    PAGES
---------------------------------------*/
/* Layout */
#wrap{overflow: hidden}
.container{max-width: 1612px;padding-left:20px;padding-right: 20px;}
.container-sm{max-width: 1570px;padding-left: 120px;padding-right: 120px;margin: 0 auto;}

/* Header */
#hd{display: -ms-flexbox; display: flex;-ms-flex-align: center;align-items: center;position: fixed;top:0;left:0;right:0;z-index: 30;height: 140px;padding:0 80px 0 60px;background-color:#fff;box-shadow: 0 0 12px rgba(0,0,0,.1)}
#hd.open:before{content: '';position: absolute;top:140px;left:0;right:0;z-index: 50;border-top:1px solid #e5e5e5;}
h1 a, h1 .bk{display: block}
h1 .wh{display: none}
.allmenu.gnb{margin-left: 75px;}
.allmenu.gnb>li{display: inline-block;margin-right:44px;font-family: 'Titillium Web', 'Noto Sans KR', sans-serif;}
.allmenu.gnb>li a.active,.gnb>li>a:hover{color:#0882d6}
.gnb.allmenu .dep2>li>a{font-size:25px}
.allmenu.gnb .dep2>li>a i{margin-top:9px}
.allmenu.gnb .dep3>li>a.mn,.allmenu.gnb .dep3>li>a.mn.on{background:none}
.allmenu.gnb .dep3>li>a{font-size: 20px;}
.allmenu li>a:hover{color:#0882d6}
#acc{display: -ms-flexbox; display: flex;margin-left: auto}
#acc .lst-split{position: relative;z-index: 50}
#acc .lst-split a{font-size: 16px;font-weight: 400;color:#888}
#acc .icon-search{position: relative;z-index:1; margin: 0 70px}
.js-mn{display:inline-block;position:relative;z-index: 101;width:36px;height:36px;outline:none !important}
.js-mn>span{display:block;position:relative;width:33px;height:2px;margin:0 auto 11px;background:#000;transform-origin:2px 0;transition:background .5s cubic-bezier(0.77,0.2,0.05,1.0), opacity .55s ease, transform .5s cubic-bezier(0.77,0.2,0.05,1.0)}
.js-mn>span:first-child{transform-origin:100% 0%}
.js-mn>span:nth-child(2){width:19px;left:6px}
.js-mn>span:last-child{margin-bottom:0;transform-origin:100% 100%}
.gnb-open{overflow: hidden}
.gnb-open .js-mn>span{transform:rotate(-45deg) translate(-5.5px, -2.5px)}
.gnb-open .js-mn>span:nth-child(2){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);}
.gnb-open .js-mn>span:last-child{transform:rotate(45deg) translate(-5px, 3px)}
.gnb-open .js-mn:hover>span:first-child{transform:rotate(0) translate(0);;transform-origin:100% 0%}
.gnb-open .js-mn:hover>span:nth-child(2){width:19px;left:6px;opacity:1;transform:rotate(0deg) scale(1);}
.gnb-open .js-mn:hover>span:last-child{margin-bottom:0;transform-origin:100% 100%;transform:rotate(0) translate(0)}
#gnb{display:none;position: fixed;top:0;left:0;right:0;z-index: 50;background-color:#fff;}
.dep2>li>a{white-space: nowrap}
.allmenu>li:first-child{padding-top: 116px;}
.allmenu>li+li{margin-top: 50px}
.allmenu>li.active .dep2{display: -ms-flexbox; display: flex}
.allmenu>li>a{display: block;position: relative;z-index: 30;width: 294px;font-family: 'Titillium Web', 'Noto Sans KR', sans-serif;letter-spacing: 0;font-size: 36px;}
.allmenu>li>a:after{content: '';position: absolute;top: 50%;left: 197px;width:0;height: 1px;background-color: #0882d6;transition: width .4s;z-index: 50}
.allmenu>li.active>a{font-weight: 700; color: #0882d6;}
.allmenu>li.active>a:after{width:140px;}
.allmenu>li>a .num{display: inline-block;margin: 10px 15px 0 0;border-bottom:1px solid #000;font-size: 16px;vertical-align:top}
.allmenu>li.active>a .num{font-weight: 700;border-color: #0882d6;}
.allmenu .dep2-wrp:before{content: '';position: absolute;top:0;left:-50vw;right:-50vw;bottom: 0;min-height: 605px;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,.1)}
.allmenu .active .dep2-wrp:before{z-index: 1}
.allmenu .dep2-wrp:after{content: '';position: absolute;top:0;left:-25px;z-index: 2;width: 1px;height:100%;background-color: #e0e0e0}
.allmenu .dep2-wrp{position: absolute;top: 0;left: 308px;right: 0;min-height: 605px;}
.allmenu .dep2{overflow-y: auto;overflow-x: hidden;-ms-flex-wrap: wrap;flex-wrap: wrap;display: none;max-height: 100vh;padding:106px 0 120px 105px;margin-left:-20px;margin-right:-20px;}
.gnb.allmenu .dep2:before{content: '';position: absolute;top:0;left:-50vw;right:-50vw;bottom: 0;/*min-height: 605px;*/background-color:#fff;box-shadow: 0 0 12px rgba(0,0,0,.1)}
.gnb.allmenu .dep2{overflow: visible;max-height: auto;position: absolute;top: 0;left: 308px;right: 0;min-height:570px;}
.allmenu.gnb .dep2>*{-ms-flex: 0 0 16.666%;flex: 0 0 16.666%}
.allmenu .dep2>*{-ms-flex: 0 0 250px;flex: 0 0 250px;position: relative;z-index: 20;max-width: 250px;padding: 0 20px}
.allmenu .dep2>li>a{font-size: 30px}
.allmenu .dep2>li>a i{margin: 14px 0 0 10px;font-size: 20px;vertical-align: top}
.allmenu .dep2>li{margin: 15px 0;}
.allmenu .dep3{margin-top: 20px;font-size: 20px;}
.allmenu .dep3>li{margin-bottom: 10px;}
.allmenu .dep3>li>a{display: block;font-size: 22px;}
.allmenu .dep3>li>a.mn{background:url(../img/icon/icon_plus.png) no-repeat 100% 50%;}
.allmenu .dep3>li>a.mn.on{color: #0882d6;background:url(../img/icon/icon_min.png) no-repeat 100% 50%;}
.allmenu .dep4{display: none;margin: 13px 0;font-size: 18px;color:rgba(0,0,0,.7)}
.allmenu .dep4>li{position: relative;padding: 8px .9em 8px 10px}
.allmenu .dep4>li:after{content:'·';position:absolute;top: 7px;left:0}
#search{display: none;}
#search{position: fixed;top: 140px;left: 0;right: 0;padding: 80px 0;z-index: 50;background-color: rgba(0,101,166,.98)}
.search-open #search{display: block}
#search .srch{width: 622px;height: 82px;margin: 0 auto 45px;background: url(../img/search.png) no-repeat}
#search .srch input{width: 370px;height: 76px;margin: 0 0 0 110px;border: 0;background: transparent;font-size: 22px}
#search .srch input::placeholder{color: #000}
#search .srch button{width: 117px;height: 56px;border: 0;background: transparent;color: transparent;font-size: 0}
#search .srch input:focus, #top-search .sch button:focus{border: 0;}
#search .link-search{text-align: center}
#search .link-search a{position: relative;top: 0;left: 0;margin: 0 5px 0 0;padding: 6px 20px;border: 1px solid rgba(255,255,255,.5);border-radius: 20px;font-size: 19px;color: #fff;}
#search .link-search a:hover{top: -7px;background-color: rgba(255,255,255,.2);transition: .3s}
#search .btn-close{position: absolute;top: 30px;right: 30px;width: 28px;height: 28px;background: url(../img/icon/btn_close.png) no-repeat;font-size: 0;color: transparent;background-size: 100% 100%}
#search .btn-close:hover{transform: rotate(180deg);transition: .3s}
.gnb [class^=menu-].dep2{position: absolute;left: 0;right: 0;top: 0;background-color: #fff}
.gnb [class^=menu-]>dep3{display: flex}
.allmenu.gnb>li>a{width: auto;font-size: 22px;font-weight: 300}
.allmenu.gnb>li>a:after{display: none}
.allmenu.gnb>li+li{margin-top: 0}
.allmenu.gnb>li:first-child{padding-top: 0}
.allmenu.gnb .active .dep2{display: none}
.allmenu.gnb .active.open .dep2{display: flex}
.allmenu.gnb .dep3>li{display: block}
.allmenu.gnb .dep2{padding:170px 0 70px;margin-left: -50px;z-index: 1}
.allmenu.gnb .dep2:after{display: none}
#acc .m-lang{display: none}
.en .js-mn{display: none}
.gnb>li:nth-of-type(4) .dep2>li:nth-of-type(4){margin-left: 50px}
.allmenu>li:nth-of-type(4) .dep2>li:nth-of-type(4){margin-left: 60px}
.gnb{display: flex;height: 110%;}
.gnb>li{display: flex !important;height: 100%;align-items: center;justify-content: center}
/* 20210712 유민서씨 외부 링크 아이콘 제거 요청
.gnb .dep2 a[target="_blank"] .xi-angle-right{margin-top:6px}
.allmenu .dep2 a[target="_blank"] .xi-angle-right:before{content:'';display:block;width:22px;height:22px;margin-bottom:5px;background:url(../img/icon/icon_go2.png)}
.allmenu .dep2 a[target="_blank"]:hover .xi-angle-right:before{background:url(../img/icon/icon_go2_active.png)}
.allmenu .dep3 a[target="_blank"]:before{content:'';display:block;width:22px;height:22px;margin-top:4px;padding-right:80px;float:right;background:url(../img/icon/icon_go2.png) no-repeat;background-size:contain}
.allmenu .dep3 a[target="_blank"]:hover:before{background:url(../img/icon/icon_go2_active.png) no-repeat;background-size:contain}
 */
/* Content */
#ct{padding-top: 140px}

/* Footer */
#ft{position: relative;background-color:#2f2f2f;z-index: 10}
#ft .container{display: -ms-flexbox; display: flex;-ms-flex-pack: justify; justify-content: space-between;-ms-flex-align: center;align-items: center;padding-top:40px;padding-bottom: 40px;color:#fff}
address{margin-top:5px;margin-bottom:0;font-size: 16px;opacity: .5}
.ft-info>*{display: inline-block;vertical-align: top}
.ft-info dl:before{content:'';position:absolute;top:50%;left:0;width: 1px;height: 80%;background-color:#585858;transform: translateY(-50%)}
.ft-info dt{opacity: .5;}
.ft-info dd{line-height: 1}
.ft-btn{text-align: right}
.ft-btn>.row{display: inline-flex}
.scroll-bottom .btn-top{bottom: 195px;}
body.nav-open .btn-top{display: none}
.btn-top, .btn-bottom{display: none;position: fixed;bottom: 50px;right:60px;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50px;z-index: 50;opacity: 0;transition: opacity .4s, bottom .4s}
.btn-top>div, .btn-bottom>div{position: absolute;top:13px;left: 19px;width: 15px;height: 22px;background: url(../img/icon/icon_top.png) repeat-y;background-size: contain;animation: arrowTop 1s linear infinite}
.is-scroll .btn-top{display: block;border-color: #000;background-color: rgba(255,255,255,.2);opacity: 1;}
.btn-bottom{display: block;opacity: 1}
.btn-bottom>div{background-image: url(../img/icon/icon_bottom.png);animation: arrowBottom 1s linear infinite}
.is-scroll .btn-bottom{display: none}
#ft .btn-primary.rounded-pill{font-size: 15px}
#ft a.btn.btn-muted.rounded-circle.ml-3{background-color: inherit !important;border-color: transparent!important}
#ft a.btn.btn-muted.rounded-circle.ml-3>img{margin-top: 0 !important;max-width: 100% !important}

/* Main */
.main-visual{position: relative;height: 940px;}
.main-visual .swiper-slide{padding-top:125px;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;color: #fff}
.main-visual .swiper-slide .m-bg{background-size: 0 0}
.main-visual .swiper-slide h2{margin:20px 0 40px;font-size: 60px;font-weight: 500;line-height: 1.3;}
.main-visual .swiper-slide p.h4{color:#c2cce3}
.main-visual .swiper-btn{position: absolute;top:535px;left:0;right:0;z-index: 50;}
.main-visual .swiper-page{display:inline-block;margin:0 30px;}
.main-visual .swiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 54px;border-radius: 6px;opacity: 1}
.main-visual .swiper-page .swiper-pagination-bullet{display: inline-block;width: 9px;height: 9px;margin: 0 auto;background-color: #fff;opacity: .5}
.main-visual .swiper-page .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left: 15px;}
.main-visual .swiper-next{display: inline-block;width: 9px;height: 14px;margin: 0 auto;background: url(../img/icon/icon_arrow_next.png) no-repeat;background-size: cover;background-position: center}
.main-visual .swiper-prev{display: inline-block;width: 11px;height: 14px;margin: 0 auto;background: url(../img/icon/icon_arrow_prev.png) no-repeat;background-size: cover;background-position: center}
.main-visual .btn-down{display: block;position: absolute;bottom: 54px;left: 50%;width: 70px;height: 70px;margin-left: -35px;background: url(../img/icon/icon_bottom.png) no-repeat;font-size: 0;opacity: .5}
.main .sect-prod-wrap .container{max-width: 1570px;margin-bottom:-84px}
.main .sect-prod-wrap .sub-title{padding: 60px 0}
.main .sect-prod{position: relative;}
.main .sect-prod .img-box:after{content: '';position: absolute;top:0;left:0;bottom:0;background-color:#4696dc ;opacity: .7}
.main .sect-prod .txt-box{display: -ms-flexbox; display: flex;-ms-flex-align: center;align-items: center;position:absolute;top:0;left:0;bottom:0;z-index:2;width: 34%;padding-left: 6%;}
.main .sect-prod .txt-box>*{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.main .sect-prod .txt-box h3{margin: 10px 0;font-size: 55px;line-height: 1;font-weight: 400;}
.main .sect-prod .txt-box.txt-pos-right{left:auto;right:0}
.main .sect-prod.sect-prod01:after{content: '';position: absolute;top: 50%;bottom:0;right: -100px;width: 100px;background-color:#4696dc ;opacity: .7}
.main .sect-prod.sect-prod01 .img-box:after{width:34%;}
.main .sect-prod.sect-prod02:after{content: '';position: absolute;top: 0;bottom:0;right: -100px;width: 100px;background-color:#4696dc ;opacity: .7}
.main .sect-prod.sect-prod02 .img-box:after{right: 0;left:auto;width:32%;}
.main .sect-prod.sect-prod03 .img-box:after{left:34%;width: 34%;}
.main .sect-prod.sect-prod04 .txt-box>*{padding-bottom: 100px}
.main .sect-business{padding: 190px 0;margin-top: -95px}
.main .sect-business .business-pc .col-4+.col-4{border-left: 1px solid #c1c3c5;}
.main .sect-map{position: relative;margin-top: -5vw;background-image: url(../img/main/map.png);background-repeat:  no-repeat;background-position: -3.7vw 0;background-size: 100% auto;}
.main .sect-map:after{content: '';position: absolute;top: 4.62vw;left:95%;bottom:0;width:300px;background-color: #093e8e}
.main .sect-map .container .row{position: absolute;top:0;left:0;right:0;bottom: 0}
.main .sect-map .col-4{padding:4vw 30px 0 4vw;}
.main .sect-map .col-4 h2{line-height: 1.2}
.main .sect-map .col-4 h2 br:not(.d-xl-none){display: none}
.main .sect-map .col-4 .nav{margin-top: 50px;}
.main .sect-map .col-8{padding:4.62vw 0 0 0px}.main .sect-map .col-8 img.w-view{position: relative;width: 100%;z-index: 5}
.m-view{display: none}
.main .sect-map .swiper-pagination{bottom: 7vh;text-align: left}
.main .sect-map .swiper-pagination-bullet{position: relative;width: 170px;height: 50px;margin: 0 5px 45px;border: 0;background-color: transparent;text-align: center;outline: none !important}
.main .sect-map .swiper-pagination-bullet:before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height:6px}
.main .sect-map .swiper-pagination-bullet:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 6px;border: 1px solid #fff}
.main .sect-map .swiper-pagination-bullet-active:before{width: 100%;background:#fff;transition: width 4s linear}
.main .main-visual h2{width: auto;}
.main .main-visual .aniText{white-space: nowrap}
.is-scroll .main .btn-scrolldown{display: none}
.main .btn-scrolldown{position:fixed;bottom:50px;left:50%;z-index:20;width: 167px;height:80px;padding-top:4px;margin-left:-83px;/* background:url(../img/bg_scrolldown.png) no-repeat;background-size: 100% 100%; */}
.main .btn-scrolldown .txt{display:block;text-align:center;font-family: 'Titillium Web', 'Noto Sans KR', sans-serif;font-weight: 300;font-size: 24px;color:#fff}
.main .btn-scrolldown .img{position:absolute;top:40px;left:50%;margin-left:-10px;}
.main .btn-scrolldown .img img{display: block;margin-bottom: -5px;animation: scrolldown 1.5s linear infinite;opacity:0;}
.main .btn-scrolldown .img img:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}
.main .btn-scrolldown .img img:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}
.en .main .font-t{letter-spacing: 0}
.en .main .main-visual h2{width: auto;margin-top: 10px}
.en .main .sect-prod .txt-box h3{margin-bottom: 20px;font-weight: 300}
.en .main .sect-map .swiper-pagination-bullet{letter-spacing: 0}
.en .gnb.allmenu .dep2{min-height: auto;padding: 140px 0 0;margin: 0;left: 330px}
.en .allmenu.gnb .dep2>*{-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%;padding: 46px 40px}

/* Sub */
#ct>[class^=sub]{padding-bottom: 100px}
#ct>[class^=sub].no-padding{padding: 0}
.col-lg-20{-ms-flex: 0 0 19.9999%;flex: 0 0 19.9999%;max-width: 19.9999%;}
.sect{margin-top: 100px}
.sect2{margin-top: 100px}
.sect3{margin-top: 80px}
.sect4{margin-top:40px}
.sect-grid-muted{padding: 50px 80px}
.sect-grid-wh{position: relative;text-align: center}
.sect-grid-wh>div{width: 80%;padding: 70px;margin: -70px auto 0;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', 'Noto Sans KR', 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)}
.sub-nav .h1{font-size: 50px;}
.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-search{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}
/*220617 신봉근 사원 요청으로 인한 S/W 소개 페이지 속성 추가 */
.product-sect01 .col-lg-3{position: relative;}
.product-sect01 .col-lg-3: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-3:last-of-type:before{border-right: 0}
/*220617 신봉근 사원 요청으로 인한 S/W 소개 페이지 속성 추가 -END*/
.product-sect02 .col-6>div{padding: 80px 0;margin: 10px;background: #edeceb}
.product-sect02-1 .col-lg-3>a{height: 635px;width: 100%;background-image: url(../img/product/01_10.png);background-position: center;background-color: #000}
.product-sect02-1 .col-lg-3.active>a{background-color: #135b99;transition: .3s}
.product-sect02-1 .ani-delay04.col-lg-3>a{background-image: url(../img/product/01_11.png)}
.product-sect02-1 .ani-delay06.col-lg-3>a{background-image: url(../img/product/01_12.png)}
.product-sect02-1 .ani-delay08.col-lg-3>a{background-image: url(../img/product/01_13.png)}
.product-sect02-1 .img-tumb .btn{display: none;}
.product-sect02-1 .img-tumb.active .btn{display: inline-block;}
.product-sect02-1 .img-tumb.active p.h4{font-weight: 500;font-size: 30px;transition: .3s}
.product-sect02-1 .img-tumb-wrap.active .col-lg-3{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width: 16.666667%}
.product-sect02-1 .img-tumb-wrap.active .img-tumb.active.col-lg-3{-ms-flex:0 0 50%;flex: 0 0 50%;max-width: 50%;transition: .3s}
.product-sect03>.container>.row>div>div{padding-left: 96px; padding-right:1px;} /*95 > 96 변경*/
.product-sect04{padding: 40px 0}
.en .product-sect04{padding: 70px 0}
.en .product-sect04 .h2{font-size: 40px;letter-spacing: 0}
.product-swiper>div>.container{position: relative}
.category{display: flex;height: 100%;align-items: center;border: 1px solid #d1d1d1;background: #fff;transform: translateY(-50%)}
.category .h3.text-wh{padding: 20px 40px 25px}
.category .h3 span.h5{color: #77b7e5}
.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 40px;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;}
.product-swiper label i{display: inline-block;width: 18px;height: 18px;margin: 4px 4px 0 0;background-image: url(../img/icon/icon_check_off.png);vertical-align: top}
.product-swiper label input:checked+i{background-image: url(../img/icon/icon_check_on.png);}
.product-swiper label input:checked+i+span{color:#005a9c}
.product-swiper .h3.text-center{padding: 70px 0 45px;font-size: 33px;}
.product-swiper .sect{padding-bottom: 100px}
.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 .icon-search{width: 20px;height: 20px;margin-right: 15px;margin-top: -2px}
.product-list .btn{width: 220px;padding: 10px 25px;text-align: left}
.product-list .paging{margin-top: 55px;padding-bottom: 15px;}
.product-list .dropdown .btn-outline-dark{border-color:#4c4c4c !important;}
.product-list .col-lg-3 .tumb{padding-left:25px; padding-right:25px}
.sub-product .sect{ background-position: 50% 0 !important; background-size: cover !important}
.sub-product-view .container-product-view{max-width: 806px;margin-right: 0}
.sub-product-view .container-product-view-right{max-width: 806px;margin-left: 0}
.sub-product-view .col-lg-6{padding: 90px 140px}
.sub-product-view .bg-muted2{display: flex;align-items: center}
.sub-product-view .container-product-view [class^=icon-]{display: block;margin: 30px 0}
.sub-product-view .container-product-view [class^=icon-]:first-child{margin-top: 0}
.sub-product-view .bg-muted2 table{width: 100%}
.sub-product-view .bg-muted2 table colgroup>col:nth-of-type(1){width: 40% !important}
.sub-product-view .sect table colgroup>col:nth-last-child(1), 
.sub-product-view .sect table colgroup>col:nth-last-child(3){width: 15% !important}
.sub-product-view .btn-primary.rounded-pill{width: 400px;height: 70px;padding: 21px}
.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{height: 434px;margin-top: 70px;background-size: cover !important}
.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-v2#nav-home .col-lg-4>div{height: 267px; border: 1px solid transparent;}
.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: 160px}
.tb-product-detail tr td{padding:5px}
.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-search .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-search .srch{position: relative;height: 66px;padding: 0 110px 0 80px;border: 1px solid #e1e1e1;border-radius: 40px;background: #fff}
.frm-search .srch input, .frm-search .srch button{border: 0;}
.frm-search .srch input{display: block;width: 100%;height: 100%;background: transparent;}
.frm-search .srch:before{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 25px;width: 43px;height: 26px;background: url(../img/icon/icon_srch.png) no-repeat 0 50%;background-size:auto 100%}
.frm-search .srch.no-icon{padding-left: 40px}
.frm-search .srch.no-icon:before{display: none}
.frm-search .srch button{position: absolute;top: 0;right: 15px;height: 66px;font-size: 0;background-size: contain;color: transparent}
.sub .frm-search .srch button{background-size: 76px 30px}
.frm-search .btn.btn-sm.btn-muted{padding: 15px}
.frm-search .form-group.row{margin-left: -4px;margin-right: -4px;}
.frm-search .form-group.row>*{padding-left: 4px;padding-right: 4px;}
.frm-search .form-group .btn.btn-muted{width: 142px;height: 64px}
.frm-search .form-group .btn .icon-refresh{margin-top: -2px}
.post-list table tbody tr:first-child{border-top-color: #000}
.post-list table tr{border: 1px solid #ccc;border-left-color: transparent;border-right-color: transparent}
.post-list table td{padding: 29px 0}
.post-list table td:first-child{padding-left: 30px}
.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 td.date img{padding-left: 25px;margin-left: 25px;border-left: 1px solid #ccc}
.post-list table .badge2{margin-right: 15px;}
.post-list table .badge2.btn-outline-muted{color: #8d8d8d !important;}
.post-list .frm-search .srch input{margin-top: -2px;outline: none}
.post-list .frm-search .srch button{background-size: 76px 30px}
.sub-customer .event-badge{width: 90px;height: 40px;padding: 6px}
.post-list-view .para{line-height: 2.2}
.post-list-view .ellipsis{width: 24vw}
.post-list-view .top-title{padding: 30px;margin-top: 100px}
.post-list-view .btm-list{position: relative;padding: 35px 30px}
.post-list-view .btm-list>div:first-child:before{content: '';position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);height: 42px;border-right: 1px solid #ccc}
.post-list-view .post-list-btn{height: 70px;width: 212px;padding: 20px;margin: 0 auto}
.post-list-view .post-list-title{width: 80%;margin: 0 auto}
.post-list-view .content img{max-width: 100% !important}
.form-wrap {margin-top: 40px;}
.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: 50px;font-size: 16px}
.form-check-name {height: 15px !important;}
.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}
.form-wrap .options label{color: #777}
.form-wrap .options label.active{color: #0882d6}
.form-group{margin-top: 10px;}
.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:100% 100%}
.accordion .collapsed span.rounded-pill{border-color:#4c4c4c ;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}
.sub-search .btn-outline-primary.mt-5{letter-spacing: 0}
.sect-grid-muted .tb-col-width{width: 15%}
.about-tb tr>*{padding: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-xl-auto:nth-child(2),.sub-company-01 .d-flex .col-xl-auto:nth-child(3){margin-left: -60px}
.sub-company-02 .img-list .col-lg-4>div{padding: 165px 0;}
.year-grid .col-lg-6:nth-child(2){padding-left: 120px}
.year-grid #nav-1 .row{margin-bottom: 290px}
.year-grid #nav-2 .row,.year-grid #nav-4 .row{margin-bottom: 100px}
.year-grid #nav-3 .row{margin-bottom: 240px}
.year-grid #nav-2 .col-lg-6:nth-child(2)>img{position: absolute;right: 0;top: -400px}
.year-grid #nav-2 .col-lg-6:nth-child(1)>img:nth-child(1){position: absolute;top: -230px;left: -60px}
.year-grid #nav-2 .col-lg-6:nth-child(1)>img:nth-child(2){margin-top: 750px}
.year-grid #nav-4 .col-lg-6:nth-child(2)>img{position: absolute;top: -330px;right: 0;z-index: 2}
.year-grid #nav-4 .col-lg-6:nth-child(1)>img{position: absolute;top: -190px;left: -60px}
.year-grid #nav-1 .year-title,.year-grid #nav-3 .year-title{margin-top: 100px}
.company-produce .sect02 .col-lg-7{padding-left: 85px}
.company-produce .sect03 .col-lg-6:nth-child(1){padding-right: 50px}
.company-produce .sect03 .col-lg-6:nth-child(2)>div{margin-bottom: 200px}
.company-produce .sect04{margin-top: -200px}
.company-produce .sect04 .col-lg-6:nth-child(2)>div{margin-top: 250px}
.company-produce .sect-grid-wh>div{padding: 70px 130px;text-align: left}
.company-produce-text .title{margin-top: -2px;margin-right: 20px;font-size: 47px;font-weight: 500;line-height: 1}
.sub-business-sect{margin-top:80px;margin-bottom: 80px}
.sub-business-sect.sub-business-sect01{min-height: 557px;-ms-flex-align: center;align-items: center}
.sub-business-sect.sub-business-sect01 .img-right{width: 59%}
.sub-business-sect.sub-business-sect01 .text-left{width: 41%;right: auto}
.year-grid .year-title{color: #4696dc;font-weight: 500;font-size: 55px}
.year-grid p{line-height: 36px}
/*.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 img{display: block}
.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-left: 0;border-radius: 0;text-align: center;font-size: 20px;font-weight: 500;background: transparent;flex: 0 0 16.6%}
.sub-map.sub-menual span.swiper-pagination-bullet{flex: auto;width: 100%}
.sub-map-en.sub-map span.swiper-pagination-bullet{display: -ms-flexbox;-ms-flex-align: center;align-items: center; display: flex;flex: 0 0 20%;font-size: 15px;}
.sub-map-en.sub-map span.swiper-pagination-bullet>*{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.sub-map span.swiper-pagination-bullet:first-child{border-left: 1px solid #000}
.sub-map #nav-profile span.swiper-pagination-bullet{flex: 0 0 16.666666%}
.sub-map-en.sub-map #nav-profile span.swiper-pagination-bullet{font-size: 14px}
.sub-map span.swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #000}
.sub-map .swiper-button-next{top: 123px;width: 60px;height: 60px;margin-top: 0;background-image: url(../img/company/05/btn_arrow_right.png)}
.sub-map .swiper-button-next:after{content: none}
.sub-map .swiper-button-prev{top: 123px;left: auto;right: 85px;width: 60px;height: 60px;margin-top: 0;background-image: url(../img/company/05/btn_arrow_left.png)}
.sub-map .swiper-button-prev:after{content: none}
.sub-map .transport-way-wrp{margin-top: 200px;}
.sub-map .transport-way ul.d-inline-flex{align-items: flex-start}
.sub-map .transport-way{height: 100%;padding: 0 50px 50px;border: 1px solid #ddd}
.sub-map .slide2 .transport-way{padding:0 80px 50px}
.sub-map .transport-way>img{margin-top: -100px}
.sub-map .transport-way .badge{display: flex;align-items: center;justify-content:center;width:45px;height:45px;border-radius: 50%;background-color: #3eae32;color: #fff}
.sub-map .transport-way .badge.green{background-color: #92d050}
.sub-map .transport-way .badge.green2{background-color: #47af1c}
.sub-map .transport-way .badge.green3{background-color: #758022}
.sub-map .transport-way .badge.blue{background-color: #3556a7}
.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 .badge.red{background-color: #e0121a}
.sub-map .transport-way .badge.aqua{background-color: #659ec9}
.sub-map .transport-way .btn-primary.rounded-pill{width: 245px}
.sub-map .transport-way .badge+*{-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%;}
.sub-map .transport-way ul.row.no-gutters>*{padding-top: 5px;padding-bottom: 5px;}
.sub-map.sub-menual .tab-content .swiper-wrapper{margin-bottom: -14vh}
.sub-map.sub-menual .tab-content .swiper-wrapper .accordion .card-header button.collapsed{text-align: left}
.send-popup{display: inline-block;width: 450px;border: 3px solid #5a85bc;border-radius: 10px;box-shadow: 0 0 5px 0px #5a85bc}
.send-popup input{width: 280px;height: 24px;font-size: 15px}
.send-popup .btn-outline-primary{padding: 10px 40px}
#films{position:relative;;}
.films-mobile{display:none;}
.films-pc{margin:0 auto;position:relative;}
.ep-list{overflow:hidden;position:relative;}
.ep-list li{float:left;position:relative;}
.films-pc .ep-list li:before{content:'';background:#000;width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;filter:alpha(opacity=80);}
.films-pc .ep-list a{display:none;position:relative;z-index:10}
.films-pc .ep-list li .play{margin-left:-100px;top:413px}
.films-pc .ep-list li .down{margin-left:-150px;top:860px;font-size:14px;color:#FFF;letter-spacing: 1px;border:1px #FFF solid;padding:17px 25px;}
.ep-list span{display:block;position:absolute;}
.films-pc .ep-list .ep-open{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;overflow:hidden;float:left;position:relative;width:25%;height:640px;transition:.5s;-webkit-transition:.5s;}
.films-pc .ep-list .ep-open .bg{position: absolute;top: 0;left: 0;overflow:hidden;width:100%;height:100%;}
.films-pc .ep-list .ep-open .bg>img{width:auto;height:100%;position:absolute;
  transition: width 0.5s , height 0.5s , margin 0.5s , left 0.5s;
  -moz-transition: width 0.5s , height 0.5s , margin 0.5s , left 0.5s;
  -ms-transition: width 0.5s , height 0.5s , margin 0.5s , left 0.5s;
  -o-transition: width 0.5s , height 0.5s , margin 0.5s , left 0.5s;
  -webkit-transition: width 0.5s , height 0.5s , margin 0.5s , left 0.5s;}
.films-pc .ep-list .ep-open:hover:before{opacity:1;background-color: #1061a8}
.films-pc .ep-list .ep-open:hover .bg>img{width:auto;height:110%;}
.films-pc .ep-list .ep-open:hover a{display:inline-block;}
.films-pc .ep-list .ep-open .bg>img{top:0;right:0}
.films-pc .ep-list .ep-open p{position: relative;z-index: 6}
.films-pc .ep-list .ep-open:hover p{font-weight: 600}
.films-pc .ep-list .ep-open:hover .bg>img{margin:-50px 0 0 -20px}
#nav-scrollspy.fixed{position: fixed;top:140px;left:0;right:0;z-index: 20;background-color: #fff}
#nav-scrollspy.fixed .nav{max-width: 1584px;margin: 0 auto !important;}
#nav-scrollspy.fixed+.content-scrollspy{margin-top: 178px;}
.search-no-result{padding: 150px 0}
.search-no-result p{margin-top: 30px}
.sect-grid-wh+.title-welfare{margin-top: 30px}
.title-welfare{margin:100px 0 55px}
.lst-client{margin-top:40px;margin-left:-7px;margin-right:-7px;}
.lst-client>li{padding: 7px;}
.lst-client>li img{display: block;width: 100%}
.policy{font-size: 16px}
.lst-policy>li{position:relative;margin-top: 50px;padding-left: 30px}
.lst-policy>li .num{position:absolute;top:0;left:0;font-weight: 700}
.lst-policy>li>strong{display: block;margin-bottom: 10px;}
.lst-policy ol>li{position:relative;margin-top:10px;padding-left: 20px;}
.lst-policy ol>li .num{font-weight: 300;font-size: .9em;top: 2px}
.lst-policy .tb{margin-top: 20px;}
.lst-policy .tb tr>*:nth-child(1){width: 200px}
.page404{padding: 120px 0 200px;}
.page404 img{display: block;max-width: 100%;margin-left: auto;margin-right: auto}
.text-left-border:after{content: '';position: absolute;top:0;bottom:0;left:0;width: 2px;background-color: #070402}
.text-left-border{position: relative;padding-left:20px;margin-top:30px;font-size: 16px;color:#636363}
.text-left-border .tit{display: block;margin-bottom:10px;font-size: 20px;line-height: 1;color:#000}
.text-left-border p strong{color:#000}
.swiper-product-list .tumb{display: block;width: 100%;}
.swiper-product-list .tumb-b img{display: block;width: 100%;max-width: 420px;margin-left: auto;margin-right: auto}
.list-product.row .tumb{height:100%;padding-bottom:154px}
.list-product.row .tumb>a{display: -ms-flexbox; display: flex; -ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;position:relative;height: 100%}
.list-product.row .tumb>a img.img-fluid{max-width: 420px;width: 100%}
.list-product.row .btm-text{display: block;position:absolute;bottom:45px;left:0;right:0;text-align:center}
.list-product.row .btm-text>*{display: block}
.sub-fna .card .collapse>.card-body>.row{display: block !important;}
.sub-fna .card .collapse>.card-body{text-align: left !important}
.sub-fna .card .collapse>.card-body>.row>.row{text-align: center}
.sub-fna .card .card-body a{display: block;max-width: 230px;margin: 0 auto;text-align: center}
span.btn-arrow-primary{cursor: pointer !important}
.sub-menual .swiper-wrapper{height: auto !important}
.category form#frm{width: 83% !important}
.category form#frm>div{padding-left: 50px}
.category form#frm label.h6{width: 20%;padding: 5px 0;vertical-align: text-top}
.category form#frm label.h6:nth-of-type(1){margin-right: -4px}
.category p.h3{display: flex;height: 100%;width:15%;align-items: center}
.category p.h3>span{margin-left: 8px;margin-top: 9px}
/* 추천이 없는 경우에 - 확인 필요 */
.product-swiper .bg-muted2{padding-bottom: 0; background-color:transparent !important}
.product-swiper.recommend .bg-muted2{background-color: #f1f4f6 !important}
.product-list p.h4, .product-list p.h6{word-break: break-all;}
.sub-product-view .container-product-view{height: 100%}
.sub-product-view .container-product-view>.d-flex{height: 100%;align-items: center}
.sub-product-view .container-product-view>.d-flex>div:nth-of-type(1){margin-top: -150px}
.sub-product-view .container-product-view>.d-flex>div:nth-of-type(2){margin-left: 20%}
.para>img{height: auto !important}
.accordion .card-body>row{padding: 0 10px}
.main-visual .container-sm br{font-family: inherit !important}
.sub-business-sect .img-container .row{display: block !important}
.delet-sequence{margin-left: -30px;margin-right: -30px;text-align: center}
.delet-sequence .col-lg-6:nth-child(1){border-right: 1px solid #ccc}
.delet-sequence .col-lg-6{padding-left: 15px;padding-right: 15px}
.delet-sequence .col-4{padding-left: 8px;padding-right: 8px}
.sub-product-view .sect>div#nav-scrollspy-wrp>div, .sub-product-view .sect>div#nav-scrollspy-wrp #nav-home>div{width: 90% !important;word-break: break-all}
.sub-product-view .sect>div#nav-scrollspy-wrp>div table, .sub-product-view .sect>div#nav-scrollspy-wrp #nav-home>div table{word-break: break-all}
.sub-product-view .sect>div#nav-scrollspy-wrp>div table>colgroup>col:nth-of-type(2n-1), .sub-product-view .sect>div#nav-scrollspy-wrp #nav-home>div table>colgroup>col:nth-of-type(2n-1){width: 13% !important}
.sub-product-view .sect>div#nav-scrollspy-wrp>div.content-scrollspy{width: 100% !important}
.collapse{text-align: left !important}
.category{position: relative}
.category:before{content: '';position: absolute;top: 0;left: 0;width: 15%;height: 100%;background: #005a9c !important}
.sub-product-view .sect img{max-width: 100%;margin-top: 40px}
.company-product .sect3 div.row:nth-of-type(3)>div.row{margin-bottom: -100px !important}
.company-produce.en .sect03{margin-bottom: -200px !important}
.card{text-align: left}
.sub-fna #nav-1 .accordion .card:nth-of-type(1){text-align:center !important}
.sub-fna #nav-5 .accordion .card:nth-of-type(1){text-align:center !important}

.web45-mo100 {
	width: 45%;
}
@media all and (-ms-high-contrast:none){
	body, input, textarea, select, button, table{font-size: 17px;}
}
/*---------- Media ----------*/
@media (min-width:1920px){
	.main .sect-map{background-position: -20px 2px;}
	.main .sect-map .col-4{padding:100px 0 0 230px;}
	.main .sect-map .col-8{padding:90px 0 0 53px}
}
@media (max-width:1580px){
	#hd{padding-left:20px;padding-right:20px;}
	.gnb{margin-left:35px;}
	.gnb li{margin-right: 25px;font-size: 20px;}
	#acc .lst-split a{font-size: 14px;}
	#acc .icon-search{margin: 0 35px}
	.allmenu.gnb{margin-left: 50px}
	.allmenu.gnb>li>a{font-size: 20px}
	.allmenu.gnb .dep2{left: 260px}
	.allmenu>li>a{font-size: 25px}
	.allmenu>li>a .num{margin-top:6px;font-size: 12px}
	.allmenu .dep2{padding-left: 80px}
	.ft-info dl+div{display: block;margin:20px 0 0 0;}
	address{font-size: 14px;}
	.sub-map .swiper-slide{padding-bottom: 89px}
	#ft>.container{display: block}
	#ft .ft-info{justify-content: center}
	#ft .ft-btn{display: flex;margin-top: 40px;justify-content: center}
	
	.gnb.allmenu .dep2>*{max-width:16.666%;padding: 0 10px}
	.gnb.allmenu .dep2>li>a{font-size: 18px}
	.allmenu.gnb .dep2>li>a i{margin-top:8px;font-size: 14px;}
	.allmenu.gnb .dep3>li>a{font-size: 16px}
	.allmenu.gnb .dep4>li>a{font-size:14px}
	.gnb.allmenu .dep4>li{padding-top: 3px;padding-bottom: 3px;}
	.en .gnb.allmenu .dep2{left: 263px}
	.en .allmenu.gnb .dep2>*{padding-top: 20px;padding-bottom: 20px;}
	
	/* main */
	.main .sect-map .col-4 h2{font-size: 20px;}
	.main .sect-map .col-4 p{font-size: 12px;}
	.main .sect-map .col-4 .nav-link{margin-top: 0;font-size: 12px}
	.main .sect-prod .txt-box h3{font-size: 34px;}
	.main .sect-map .col-4 .nav{margin-top: 15px}
	.main .sect-map .swiper-pagination{left: 4vw;right: 4vw;top: auto;bottom: 5vh;text-align: left}
	.main .sect-map .swiper-pagination-bullet{width: 49%;margin:0 0 15px;text-align: center;font-size: 14px;flex: 0 0 50%}
	.main .sect-map .swiper-pagination-bullet:nth-child(even){margin-left: 2%}
	
	/* Sub */
	.frm-search{margin:0 -25px; padding:20px}
	.sub-product-solution .nav-home-v2#nav-home .col-lg-4>div{height: 279px}
	.accordion .card-body .sect-grid-muted{padding: 0}
	.year-table .col-lg-3.col-6>div{height: 450px}
	.three-rounded-line .h3{font-size: 18px}
	.sub-product-view .col-lg-6{padding: 90px 60px}
	
}
@media (max-width:1200px) and (min-width:992px){
	.allmenu .dep4 li{margin-right:0; line-height: 1.2}
	.allmenu .dep4>li:after{top: 9px}
	.allmenu .dep4 li a{font-size: 14px;}
}
@media (min-width:992px){
	.sub-map .slide3 .transport-way ul.d-inline-block{display: -ms-inline-flexbox !important;display: inline-flex !important;align-items: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.sub-map .slide3 .transport-way ul.d-inline-block>li{padding-left:10px;padding-right: 10px}
}

@media (max-width:991px){
	select.form-select.rounded-pill {
		height : 40px!important;
	}
	.web45-mo100 {
		width: 100% !important;
	}
	.mobile-file-btn {
		margin-left: 10%;
		width: 70%;
	}
	.mobile-file-guide1 {
		display: none;
	}
	.mobile-hide {
		display: none;
	}
	.mobile-file-guide2 {
		margin-left: 8%;
		font-size: 13px !important;
	}
	.mr-3p {
		margin-right: 3%;
	}
	.mobile-email-text {
		font-size: 13px !important;
	}
	.min-width-zero {
		min-width: 0px !important;
	}
	.mobile-cnt {
		width: 15% !important;
	}
	.mobile-email-width {
		width: 100vw !important;
		margin-left: 1% !important;
	}
	.mo-email-width {
		width: 10% !important;
		margin-left:2% !important;
		/*padding-right: 3% !important;*/
	}
	.mo-ml-2 {
		margin-left: 2% !important;
	}
	body, html {
		width: 100% !important;
		overflow-x: hidden !important;
	}
    .mb-5, .my-5{margin-bottom: 35px !important}
    .w220{width:100%}
    
	body,input,textarea,select,button,table{font-size: 12px;}
	.m-wfull{width: 100% !important}
	.m-view{display: block}
	.w-view{display: none}
	.col-lg-20{flex: auto;-webkit-flex:auto}
    
    .container{ padding-right: 25px; padding-left:25px;}
	
	.text-title{font-size: 22px}
	/*.sub-product .h1{font-size: 28px}*/
	.h1{font-size: 20px}
    .h1.mb-5{margin-bottom: 20px !important}
	.h2{font-size: 20px;line-height: 1.2}
    .h3{font-size: 15px}
    .h3, .h3-1{font-size: 13px;}
    .h3-1{margin:0 0 2px !important}
	.h4{font-size: 14px;}
	.h5{font-size: 12px;}
	.h6{font-size: 12px}
    .h1+.h6{margin:2px 0 20px !important}
	.small{font-size: 11px;}
	.display-1{padding-top:10px;margin-bottom:10px;font-size:27px;}
	
	.btn{height: 40px;font-size: 13px;}
	.btn-sm{height:40px; padding:6px 20px;border-color: rgba(0,0,0,.5)}
    .btn-sm img{height: 12px;vertical-align: baseline}
	.btn-download{display: block;width: 100%;height: auto;}
	.btn-download img{width: 15px}
	.btn-file.btn-file{padding: 10px 13px;margin-bottom: 5px}
	.product-sect03 .btn{height: 39px;padding: 8px 15px;font-size: 13px}
	.btn-arrow-primary,.btn-arrow-wh{padding-right:50px;font-size:13px;background-size: auto 15px;}
    .form-wrap .btn.btn-sm.btn-muted{padding: 5px;}
    .form-wrap .btn.btn-sm.btn-muted,.form-wrap input,
    .form-wrap .custom-select,.btn-file.btn-file{height: 40px; font-size: 12px; }
    .btn-file.btn-file{padding:5px 10px; font-size: 11px;}
	.form-wrap .btn.btn-sm.btn-muted .icon-file-wh{width: 13px;height: 16px;background-size: contain}
    .form-wrap .custom-select{background-position:right 12px center;background-size:10px auto}
	.icon-go{margin:5px 0 0 16px}
	.icon-download{width: 14px;height: 12px;}
	.sect-grid-muted{padding: 15px}
	.accordion .card-body .sect-grid-muted{padding: 10px 25px !important}
	.icon-group>a{width: 30px;background-size: contain}
	.input-chk i{width: 18px;height: 18px;margin: 1px 6px 0 0}
	/* Badge */
	.badge2{min-width: auto;width: auto;padding: 2px 15px;font-size: 10px;}
	
	/* Table */
	.tb tr>*{padding:5px 10px;font-size: 12px}
	
	/* nav */
	.nav-tabs{margin:30px 0 !important; padding:0 !important; border-bottom: 0}
    .nav-tabs.primary .nav-item{flex: auto;height:30px;margin-top:10px;padding: 0; border-bottom-width:1px; font-weight:300 !important; font-size: 12px;white-space: nowrap}
	.nav-tabs.primary .nav-item.active{border-bottom-width: 2px}
    .nav-pills.nav{margin: 15px 0 30px}
    .nav-scroll{ display:block;overflow: hidden; overflow-x: auto;white-space: nowrap}
    .nav-scroll>*{display: inline-block;width: auto !important;min-width:none !important; padding:0 10px !important;}
	.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,.sub-map span.swiper-pagination-bullet{padding:8px 0;font-size: 12px}
	.sub-map span.swiper-pagination-bullet{width:33.333333%;height: auto; flex: auto;margin:0 0 -1px -1px;border:1px solid #363636}
    .sub-map .swiper-pagination-bullet-active{position: relative;z-index: 1;}
	.sub-map.sub-map-en span.swiper-pagination-bullet{display: inline-block;flex:0 0 50%;width:50%;font-size:10px}
	.sub-map-en.sub-map #nav-profile span.swiper-pagination-bullet{font-size: 10px}
	.sub-map-en.sub-map .swiper-button-next, .sub-map-en.sub-map .swiper-button-prev{top: 115px}
	
	/* Collapse */
	.accordion .card-header{padding: 15px 0 15px 10px;}
	.accordion .card-body{padding: 15px 20px}
	.accordion .card-header img{width:16px}
	.accordion .card-header .icon-collapse-down{width: 16px;height: 11px;background-size: contain}
	
	/* paging */
    .product-list .paging{margin-top:15px}
	.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:27px;margin: 2px 0}
	
	/* modal */
	.modal-dialog .close{top: 2px;right: 15px}
	.modal-dialog>div{width: 100%}
    .img-notice{height: 60px; margin-bottom:20px}
	.main-modal .modal-dialog{margin: 30px}
	.main-modal .modal-header{padding-bottom: 15px}
	.main-modal .modal-header .btn-close{float: none;width: 35px;height: 35px;padding: 0}
	.main-modal .modal-body .btn{width: 140px;height: auto;margin: 25px 0;padding: 5px 14px;font-size: 12px}
	
	/* Layout */
	
	/* Header */
	#hd{height: 60px;padding-left: 25px;padding-right:15px;transition: background .4s}
	.is-scroll #hd,.product-view#hd{background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.1)}
	.is-scroll h1 .wh,h1 .bk,.product-view#hd h1 .wh{display: block;height: 24px}
	.is-scroll h1 .bk,h1 .wh,.product-view#hd h1 .bk{display: none;height: 24px}
	
	.is-scroll .bk, .bk{display: block !important}
	.is-scroll .wh, .wh{display: none !important}
	
	#acc .lst-split{display: none;}
	.js-mn{width:60px;height:60px;margin-right: -15px;}
	.js-mn>span{width:20px;height: 1px;margin:0 auto 8px;background:#000}
	.js-mn>span:nth-child(2){width: 15px;left: 2px}
	.is-scroll .js-mn>span,.product-view#hd .js-mn>span{background-color: #000}
	.gnb-open .js-mn>span{transform: rotate(-45deg) translate(-6.5px, -1.5px); background-color:#000}
	#acc .icon-search{width:40px;height:40px;margin:10px 0 0 0;background-image: url(../img/icon/icon_search_bk.png);background-size: 20px auto; transition: background .5s cubic-bezier(0.77,0.2,0.05,1.0);vertical-align: top}
	.is-scroll #acc .icon-search,.product-view#hd #acc .icon-search{background-image: url(../img/icon/icon_search_bk.png)}
	.gnb{display: none}
	#gnb{overflow: hidden;position: fixed;top:0;left:0;right: 0;bottom: 0}
	#gnb .container{padding: 0}
	#gnb>.container>div>p{position: relative;height:70px; padding:10px 25px;border-bottom: 1px solid #000;font-size: 30px;z-index: 2;font-weight: 500}
	.allmenu{padding: 0 25px}
	.allmenu>li .dep2>*{max-width: none !important; margin:33px 0 -8px 30px !important;padding: 0}
	.allmenu .dep2-wrp:after{bottom: 0}
	.allmenu>li:first-child{padding-top:30px}
	.allmenu>li:last-child{padding-bottom: 65px}
	.allmenu>li>a{width: 100%;font-weight:400 !important; font-size:22px;z-index: auto}
	.allmenu .dep2-wrp{top: 70px;left:50%;right:0;min-height: calc(100vh - 70px);}
	.allmenu .dep2{height: calc(100vh - 70px);padding: 0 25px 50px 0;margin:0 0 0 -25px;}
	.allmenu>li .dep2>li:nth-child(3)~li{margin-top: 20px;}
	.allmenu>li.active .dep2{display: block}
	.en .allmenu>li .dep2-wrp{display: none}
	.en .allmenu>li .dep2{display: block;}
	.allmenu .dep2>li>a{font-size: 18px}
	.allmenu>li:last-child .dep2>*{flex: none;max-width: none}
	.allmenu>li>a .num{margin:7px 10px 0 0;font-size:11px}
	.allmenu>li:last-child .dep2>li:nth-child(3)~li{margin-top: 20px}
	.allmenu.allmenu>li>a:after{display: none;left:50%;width:40px;margin-left:-45px;}
	.allmenu.allmenu>li.active>a:after{display: block}
	.allmenu .dep3>li>a{font-size: 15px}
	.allmenu .dep2>li>a i{float: right;margin: 6px 0 0 5px;font-size: 18px;transform: rotate(90deg)}
	.allmenu .dep2>li>a.on i{transform: rotate(270deg);transition: .3s}
	.gnb-open #hd .js-mn>span:first-child{width: 30px;transform: rotate(-45deg) translate(-5px, -3px)}
	.gnb-open #hd .js-mn>span:nth-child(2){width: 0;opacity: 0}
	.gnb-open #hd .js-mn>span:last-child{width: 30px;transform: rotate(45deg) translate(-1px, 7px)}
	.gnb-open #hd .js-mn{transition: 1s}
	.allmenu .dep3-title{position: relative;z-index: 50}
	.allmenu .dep3{display: none;margin: 10px 0 0;padding:8px 15px;background-color: #f7f7f7}
    .allmenu .dep3>li{margin:7px 0}
	.allmenu .dep3>li>a.mn{padding-right:15px; background-position: 100% 55%;background-size: 10px auto !important}
	.allmenu .dep4{margin:3px 0; font-size: 13px}
	.allmenu .dep4>li{padding:5px 0}
	.allmenu .dep4>li:after{display: none}
	#gnb .allmenu .dep3>li>a{background: none}
	#gnb .allmenu .dep3>li>a.link-on{color: #000;background: url(../img/icon/icon_plus.png) no-repeat 100% 50% !important}
	#gnb .allmenu .dep3>li>a.link-on.on{color: #0882d6;background: url(../img/icon/icon_min.png) no-repeat 100% 50% !important}
	#search{display: none}
	#search{align-items: center;top: 0;left: 0;bottom: 0;right: 0;z-index: 1000}
	.search-open #search{display: flex;}
	.allmenu .dep2-wrp:before{display: none}
	#search .srch{width: 350px;height:65px; margin-bottom: 0;background-size: contain}
	#search .srch input{width: 204px;height: 44px;margin: 0 0 0 62px;font-size: 16px}
	#search .srch button{width: 72px;height: 44px}
	#search .link-search a{display: inline-block;margin-bottom:10px;font-size: 12px;}
    .sub-search #search{padding-bottom: 15px;}
	#acc .m-lang{display: inline-block;position: relative;margin-right: 15px}
	#acc .m-lang .dropdown-toggle{display: block;height: 60px; padding-right:15px;font-size: 18px;background-image: url(../img/icon/icon_arrow_btm_bk.png) ;background-repeat:no-repeat;background-position: 100% 50%;background-size: 9px 5px;color: #000;outline: none}
	#acc .m-lang .font-t{letter-spacing: 0}
	#acc .m-lang .dropdown-menu{left:-15px !important;right: -15px;min-width: auto;border: 0;border-radius: 0;margin:0;padding: 0 15px;background: none;transform: translate3d(0, 60px, 0px) !important}
	#acc .m-lang .dropdown-item{padding: 5px 0;font-size: 18px;background: none;color: #fff}
	.is-scroll #acc .m-lang .dropdown-toggle,.product-view #acc .m-lang .dropdown-toggle{background-image: url(../img/icon/icon_arrow_btm_bk.png);color: #000}
	.is-scroll #acc .m-lang .dropdown-menu,.product-view #acc .m-lang .dropdown-menu{background-color: #fff}
	.is-scroll #acc .m-lang .dropdown-item,.product-view #acc .m-lang .dropdown-item{color: #000}
	.en .allmenu{padding: 0}
	.en .allmenu .dep2-wrp{position: static;min-height: auto}
	.en .allmenu .dep2{height: auto}
	.en .allmenu.allmenu>li.active>a:after{display: none}
	.en .allmenu>li{padding: 0 25px;}
	.en .allmenu>li+li{border-top: 1px solid #ccc}
	.en .allmenu>li:last-child{border-bottom: 1px solid #ccc}
	.en .allmenu>li:not(.dep-mn)>a{background: url(../img/icon/icon_arrow_right_bk.png) no-repeat 100% 50%;background-size:8px auto;}
	.en .allmenu>li.dep-mn>a{background: url(../img/icon/icon_plus.png) no-repeat 100% 50%;background-size: 15px auto}
	.en .allmenu>li.on.dep-mn>a{background: url(../img/icon/icon_min.png) no-repeat 100% 50%;background-size:15px auto;color:#0882d6}
	.en .allmenu>li:last-child,.en .allmenu>li+li{margin-top: 0}
	.en .allmenu>li>a{padding: 12px 0;}
	.en .allmenu>li .dep2{overflow: visible;padding: 15px 25px;margin: 0 0 25px;background: #f3f3f3}
	.en .allmenu>li .dep2>*{margin: 0 !important;}
	.en .allmenu .dep2>li>a{display:block;padding: 7px 0;background: url(../img/icon/icon_arrow_right_gray.png) no-repeat 100% 50%;background-size: 8px auto;}
	.en .js-mn{display: inline-block}
	.allmenu .dep2 a[target="_blank"] .xi-angle-right{transform:rotate(0)}
	.allmenu .dep2 a[target="_blank"] .xi-angle-right:before{width:18px;background-size:contain;background-repeat:no-repeat}
	.allmenu .dep2 a[target="_blank"]:hover .xi-angle-right:before{width:18px;background-size:contain;background-repeat:no-repeat}

	
	
	/* Content */
	#ct{padding-top: 0;}
	
	/* footer */
	#ft .container{display: block;padding-top: 30px}
	.ft-info{display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;text-align: center;font-size:13px;}
	.ft-info h2{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.ft-info h2 a,.ft-info h2 img{display: block;width: 87px;margin: 0 auto}
	.ft-info dl{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin: 0}
	.ft-info dl+div{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;;margin-top: 20px;padding-top: 20px;border-top: 1px solid #585858;}
	address{font-size: 11px;}
	.ft-btn .btn.rounded-circle{display: none}
    .ft-btn .btn{height: 30px;padding:4px}
    #ft .btn.rounded-circle{width: 36px;height: 36px}
	#ft .ft-btn{display: block !important;margin:0 -25px -39px -25px;padding:25px 22px;text-align: center}
	.ft-btn .btn-primary,.ft-btn .dropdown{width: 100%}
	.ft-btn .dropdown-toggle{width: 100%;font-size: 12px !important}
	.ft-btn>.row{display: flex}
	.is-scroll .btn-top, .btn-bottom{bottom:25px;right: 25px;width:44px;height:44px;}
	.btn-top>div,.btn-bottom>div{top: 14px;left: 16px;width: 10px;height: 15px;background-size: 10px;animation: arrowBottom 1s linear infinite}
	.is-scroll .btn-top>div{animation: arrowTop 1s linear infinite}
	#ft .btn-primary.rounded-pill{border-color: #fff !important;background-color: transparent !important;color: #fff !important;font-size: 12px;opacity: .6}
	#ft .icon-download-wh{width: 16px;height: 13px}
	#ft address+div{margin-bottom: 0 !important;}
	
	/* Main */
	.main-visual{height:75vh}
	
	.main-visual .swiper-slide{padding-top:0;background: none}
	.main-visual .swiper-slide .m-bg{height: 100%;padding-top:120px;background-size: 100% auto;background-position: 50% 50%}
	.main-visual .swiper-slide .container-sm{padding-left:20px;padding-right:20px}
	.main-visual .swiper-slide h2{width: auto; margin: 10px 0;font-size: 30px;line-height: 1.1}
	.main-visual .swiper-btn{left: 0;right:0;top: auto;bottom: 25px;width: 100%;padding-top:0;text-align:center;background: none;}
	.main-visual .swiper-btn .container-sm{padding: 0}
	.main-visual .swiper-slide .btn-arrow-wh{background: url(../img/icon/btn_arrow_primary.png) no-repeat 100% 50%;background-size: auto 15px;color: #0882d6;}
	.main-visual .swiper-page .swiper-pagination-bullet{display: inline-block;width: 6px;height: 6px;}
	.main-visual .swiper-page .swiper-pagination-bullet+.swiper-pagination-bullet{margin:0 0 0 10px}
	.main-visual .swiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35px;height: 6px}
	.main-visual .btn-down{display: none}
	.main-visual .swiper-prev,.main-visual .swiper-next{display: inline-block;;margin-top: 6px;height: 10px;vertical-align:top;background-size: contain}
	.main-visual .swiper-page{display: inline-block;margin: 0 20px;}
	.main .sect-prod-wrap .sub-title{padding: 40px 0 30px}
	.main .sect-prod:not(.sect-prod04){margin-bottom: 30px}
	.main .sect-prod .txt-box{position: static;width: 50%;color: #000 !important}
	.main .sect-prod .txt-box h3{margin: 5px 0;font-size: 23px;font-weight: 300}
	.main .sect-prod .txt-box .h6{display: none}
	.main .sect-prod .img-box:after{display: none}
	.main .sect-prod .img-box{margin-top: 30px}
	.main .sect-prod .btn-arrow-wh{background: url(../img/icon/btn_arrow_primary.png) no-repeat 100% 50%;
    background-size: auto 15px;
    color: #0882d6;}
	.main .sect-prod:after{display: none}
	.main .sect-prod.sect-prod04 .txt-box>*{padding-bottom: 0}
	.main .sect-prod03 .txt-box{width: 100%}
	.main .sect-prod04,
	.main .sect-prod03 .img-box,
	.main .sect-box{position: relative}
	.main .sect-prod04:before,
	.main .sect-prod03 .img-box:before,
	.main .sect-box:after{content: '';position:absolute;top:0;left:50%;right: -25px;bottom:0;background-color:#4696dc;opacity: .7}
	.main .sect-prod04:before{top:-30px;bottom:25%}
	.main .sect-prod01 .img-box,
	.main .sect-prod04 .img-box{position: relative;z-index: 2}
	
	.main .sect-business{padding:130px 0 100px;}
	.main .business-slide{margin-top:30px;text-align: center}
	.main .business-slide .swiper-button-next,.main .business-slide .swiper-button-prev{font-size: 50px;color:#c1c1c1;outline: none !important}
	.main .business-slide .swiper-button-next:after,.main .business-slide .swiper-button-prev:after{display: none}
	.main .business-slide .swiper-slide p{font-size: 13px}
	.main .business-slide .swiper-slide .h3{font-size: 17px}
	.main .sect-map{margin-top: -10vw;background-image: url(../img/main/m_map.png);background-size: 104% auto}
	.main .sect-map>.img-fluid{max-width: 261%}
	.main .sect-map:after{display: none}
	.main .sect-map .col-4{max-width: 48%;flex: 50%;padding: 5vw}
	.main .sect-map .col-8{max-width: 52%;padding: 0}
	.main .sect-map .nav-item{flex: none;max-width: 100%}
	.main .sect-map .col-8 .img-fluid{width: 100%;max-width: none;margin: 10vw 0vw 0}
	.main .sect-map .col-4 .nav{margin-top: 15px}
	.main .sect-product .product02 .img-overflow{margin-right:-25px}
	.main .sect-map .swiper-pagination{left: 5vw;right: 5vw;bottom: 5vw;margin-top: 10px;text-align: left}
	.main .sect-map .swiper-pagination-bullet{width: 100%;height: 30px;margin:0 0 15px 0;text-align: center;font-size: 12px;flex: 0 0 50%}
    .main .sect-map .swiper-pagination-bullet:before,
    .main .sect-map .swiper-pagination-bullet:after{height:3px;}
	.btn.rounded-circle i{transform:translateY(-50%) translateX(-50%) scale(.6)}
	.btn.rounded-circle i.icon-blog{margin-top: 2px}
	.main .btn-scrolldown{display: none}
	
	/* Sub */
    #ct>[class^=sub]{padding-bottom: 40px}
	.sect{margin-top:0}
    .sect+.sect{margin-top:30px}
	.sect2{margin-top:30px}
	.sect3{margin-top:30px}
    .sect4{margin-top: 20px}
    .sect2-m{margin-top: 0}
	.sub-title{font-size: 22px;}
	.sub-nav{display: flex;align-items: center;height:230px;padding:30px 25px 0;background-position: 50% 0 !important; background-size: cover !important}
    .sub-nav .h1{font-size:25px;}
    .sub-nav br{display:none}
    .sub-nav>div{width: 100%;height: auto}
    .sub-hd2{padding:25px 25px 45px}
    .category{margin:0 0 10px; transform:translate(0,-20px)}
    .category .h3.text-wh{padding:8px 25px}
	.category .h3+div{padding: 10px 0 10px 25px}
    .product-title{margin-top:40px;}
	.sect-grid-primary{height: auto;padding:35px 0; background-position: right}
	.sect-grid-primary>div{width: 90%;height:auto;padding: 5%}
    .sect-grid-primary .h1{font-weight:400; font-size:22px}
    .sect-grid-primary .h5{margin-bottom: 5px;font-weight:500; font-size:14px; opacity:1;color: #e3ecf6}
    .sect-grid-wh>div{width: 90%;padding: 15px;margin-top:0;transform: translateY(-25px);margin-bottom: -30px}
	.product-sect01 .col-lg-4{display: flex;margin:0 15px; padding:25px 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 h3{margin: 0 !important;text-align: left}
	.product-sect01 .col-lg-4>.text-center{width:55px;min-width:55px; margin-right:15px}
	.product-sect01 .col-lg-4 p{text-align: left}
    .product-sect01 .col-lg-4 br{display:none}
    /*220617 신봉근사원 요청으로 인한 s/w 소개 페이지 속성 추가*/
    	.product-sect01 .col-lg-3{display: flex;margin:0 15px; padding:25px 0;border-bottom: 1px solid rgba(0,0,0,.2)}
	.product-sect01 .col-lg-3:last-of-type{border:0}
	.product-sect01 .col-lg-3:before{display: none}
	.product-sect01 .col-lg-3>div h3{margin: 0 !important;text-align: left}
	.product-sect01 .col-lg-3>.text-center{width:55px;min-width:55px; margin-right:15px}
	.product-sect01 .col-lg-3 p{text-align: left}
    .product-sect01 .col-lg-3 br{display:none}
        /* -END-*/
    .btn-wrp-col3 .btn{width:40%;margin:10px 5px 0 !important}
    .btn-wrp-col3 .btn:last-child{width:calc(80% + 10px)}    
    .product-sect02 .img-fluid{width: 70%}
    .product-sect02 ul{margin:0 -7px 20px}
    .product-sect02 .col-6>div{margin:7px; padding:35px 0}
	.product-sect02-1 .col-lg-3>div{height: 300px}
    .product-sect02 .col-lg-20{max-width: 50%}
	.product-sect03>.container>.row>div>div{padding:20px 0 30px;text-align: center}
	.product-sect03 p.h6.mt-3.mb-5{margin: 10px 0 !important}
    .product-sect03 p.h6.mt-3.mb-5 br{display:none}
	.product-sect03 .d-flex.align-items-center{display: block !important}
    .product-sect04{padding:40px}
	.en .product-sect04{margin-top:40px;padding: 40px 0}
	.en .product-sect04 .h2{font-size: 20px;}
    .sort-wrp{text-align: center !important}
    .dropdown-item{padding: 2px 8px;font-size: 13px}
	.product-list .icon-search{width: 16px;background-size: contain}
	.product-list .btn{width:150px;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 .row.no-gutters{margin:0 -10px}
	.product-list [class^=col-]{padding: 0 10px}
    .product-swiper .sect{padding-bottom:40px}
    .product-swiper .swiper-pagination{margin-top: 10px !important}
	.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 20px;font-size: 15px}
	.product-swiper .swiper-button-prev:after,.product-swiper .swiper-button-next:after{width: 20px;height: 37px;background-size: 100% 100%}
    .board-btm{margin-top:30px !important}
    .no-data{padding:30px !important}
    .no-data img{height: 60px}
    .no-data p{padding-bottom:0 !important}
	.post-list table td{padding: 10px 0}
	.post-list table .h6{font-size: 10px !important}
	.post-list table td:first-child{padding-left: 10px;}
	.post-list table td.date{width:70px;padding-right: 10px}
	.post-list table td.date img{display: none}
	.post-list table .badge2{margin:0 5px 5px 0}
	.post-list table .badge2.w80{width: 60px;}
	.post-list .frm-search .srch input{margin-top: 0}
	.post-list .frm-search .srch button{background-size: contain}
	.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}
	.post-list-view .btm-list{padding: 20px 0}
    .post-list-view .btm-list>div:first-child:before{height: 20px}
	.post-list-view .btm-list:before{height: 15px}
	.post-list-view .post-list-btn{width: 113px;height: 50px;padding: 16px}
	.post-list-view .top-title{margin-top: 40px;padding:15px}
    .post-list-view .post-list-title{width: auto;padding:0 10px}
    .post-list-view .top-title .h6{margin-bottom: 15px !important}
    .content{padding:30px 0 !important}
    .icon-file{width: 12px; height: 14px;}
    .bx-attached{margin: 0 !important; padding: 15px !important}
    .post-list-view .post-list-btn{height:40px;padding:10px; margin-top:30px !important}
	[class^=tumb] .badge{top: 10px;right: 0;width: 35px;height: 35px;padding: 13px 2px}
	[class^=tumb]{padding:10px 0 10px !important}
	.category .btn{height: inherit;margin: 0 5px;padding: 0 0 0 22px}
	.category .btn:first-child{margin-left: 0}
	.category label i{width: 13px;height: 13px;background-size: 100% 100%}
	.category label{margin:5px 25px 5px 0}
    .sub-product-view .col-lg-7.d-flex{display: block !important}
    .sub-product-view .col-lg-7.d-flex>*{width: 100% !important}
    .sub-product-view .col-lg-7.d-flex>*:first-child{text-align: right}
    .sub-product-view .sect td{padding:10px 5px}
	.sub-product-view .col-lg-6{padding: 50px 0;margin-top: 60px}
    .sub-product-view .bg-muted2{padding:50px 0 70px;margin-top: 0;text-align: center}
	.sub-product-view .col-lg-7 [class^=icon-]{display: inline-block;width: 39px;margin:0 0 10px 10px;background-size: contain}
	.sub-product-view .col-lg-7 .text-center{padding:0}
	.sub-product-view .text-title{margin-top:20px;font-size:24px}
    .icon-download-wh{width: 15px;height: 18px}
	.sub-product-view .bg-muted2 table{table-layout: fixed; width: 100%;margin:20px 0 !important}
    .sub-product-view .bg-muted2 table td{width: 100%;text-align: left}
    .sub-product-view .bg-muted2 table td:first-child{width: 80px !important}
	.sub-product-view .btn-primary.rounded-pill{width: 250px;height: 50px;padding: 15px}
	.sub-product-view .btn-primary.rounded-pill .icon-list01-wh{width: 18px;height: 20px;background-size: contain}
	.sub-product-view .sect-grid-primary{height:200px;margin-top: 30px; background-position: center !important}
	.sect-line [class^=col-].m-view.mr-2{position: relative;height: auto !important;padding: 30px 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: -12px;left: 50%;width:24px;height:24px;margin-left: -13px; background: url(../img/business/arrow_bottom.png);background-size:100%;}
	.sect-line [class^=col-].m-view.mr-2>img{margin: 0 auto;max-width:70px; max-height:70px}
	.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-].dot: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 .sect{margin-top: 75px}
	.sub-product-solution #nav-profile td{padding: 12px}
	.sub-product-solution #nav-profile .sect-line{display: block;margin-bottom: 40px}
	.sub-product-solution #nav-profile .sect-line .col-12{align-items: center; max-width:100%; margin:15px 0}
    /*.sub-product-solution #nav-profile .sect-line [class^=col-].m-view.mr-2:after{display:none}*/
	.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{padding: 5px}
    .sect-round-list .col-lg-20 img{width:100%}
	.sect-round-list img.position-absolute{top: -32px;left: -4px;width: 10px}
	.frm-search .srch{height: 32px;padding: 0 55px 0 42px}
	.frm-search .srch button{height: 32px;width: 50px;right: 10px}
	.sub .frm-search .srch button{background-size: contain}
	.frm-search .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-search .btn.btn-sm.btn-muted{width: 100%;height: 32px;padding: 2px 10px;margin-top: 10px;font-size: 10px}
	.frm-search .frm-group .btn.btn-muted .icon-refresh{margin: 0 0 0 -6px;background-size: 12px auto}
	.frm-search .srch:before{width: 24px;height: 15px;left: 14px}
	.frm-search .icon-refresh{background-size: 14px}
	.frm-search .col-lg-8{padding-left: 0}
	.sub-customer .event-list{text-align: center;margin-left:0;margin-right: 0}
	.sub-customer .event-list>*:first-child{margin-top: -10px;}
	.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 input, .form-wrap form .custom-select{height: 34px}
    .table-responsive .tb-grid{ table-layout: auto}
	.tb-grid td{padding:5px 10px !important}
	.frm-search .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:50px;padding-bottom: 20px}
	.ul-bg-grid .lst-split>li{display: flex;margin:25px 15px;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: 55px}
	.sect-grid-muted .tb-col-width{width: 24%}
    .about-tb{margin-bottom:-20px !important}
    .about-tb tr>*{padding:10px}
	.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-xl-auto:nth-child(2),.sub-company-01 .d-flex .col-xl-auto:nth-child(3){margin-left: 0}
	.sub-company-01 .d-flex .col-xl-auto img{width: 50%}
    .sub-company-02 .img-list{padding:0 15px}
    .sub-company-02 .img-list .col-lg-4{padding: 10px 0}
	.sub-company-02 .img-list .col-lg-4>div{height:auto;padding: 30px;background-size: 100% !important}
    .sub-company-02 .img-list img{height:70px}
	.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-company-03 .bg-muted .col-lg-3{border: 0 !important}
    .sub-business-sect{margin-top:30px;margin-bottom:30px}
	.sub-business-sect.sub-business-sect01{min-height: auto}
	.year-grid .col-lg-6:nth-child(2){padding-left: 0}
	.year-grid #nav-1 .row{margin-bottom: 0}
	.year-grid #nav-2 .row, .year-grid #nav-4 .row{margin-bottom: 0}
	.year-grid #nav-3 .row{margin-bottom: 0}
	.year-grid #nav-2 .col-lg-6:nth-child(2)>img{position: static}
	.year-grid #nav-2 .col-lg-6:nth-child(1)>img:nth-child(1){position: static}
	.year-grid #nav-2 .col-lg-6:nth-child(1)>img:nth-child(2){margin-top: 0}
	.year-grid #nav-4 .col-lg-6:nth-child(2)>img{position: static}
	.year-grid #nav-4 .col-lg-6:nth-child(1)>img{position: static}
	.year-grid #nav-1 .year-title,.year-grid #nav-3 .year-title{margin-top: 0}
	.year-grid .row{padding: 0 20px;margin-bottom: 50px !important}
	.year-grid img{margin-bottom: 10px;}
    .year-grid p{line-height:1.7}
    .year-grid .h3-1{margin-bottom: 10px; font-size:14px; }
	.company-produce .sect02 .col-lg-7{padding-left: 0}
	.company-produce .sect03 .col-lg-6:nth-child(1){padding-right: 0}
	.company-produce .sect03 .col-lg-6:nth-child(2)>div{margin-bottom: 0}
	.company-produce .sect04{margin-top: 35px}
	.company-produce .sect04 .col-lg-6:nth-child(2)>div{margin-top: 25px}
	.company-produce .sect-grid-wh>div{padding:20px 15px;text-align: center}
	.company-produce-text .row{display: block !important;text-align: center}
	.company-produce-text .title{margin:0 0 10px; font-size: 20px;}
	.sub-map .transport-way-wrp{margin-top: 60px}
	.sub-map .transport-way{height: 100%;padding: 0 10px 50px;}
	.sub-map .slide2 .transport-way{padding: 0 10px 50px;}
	.sub-map .slide3 .transport-way ul.d-inline-block>li{padding-top: 5px;padding-bottom: 5px;}
	.sub-map .transport-way>img{width:60px;margin-top: -30px}
    .sub-map .transport-way .h2{margin:15px 0 !important;font-size:16px !important}
    .sub-map .transport-way .badge{width:24px;height:24px}
	.sub-map .transport-way li{ flex-wrap: wrap; margin-bottom: 10px}
    .sub-map .transport-way .badge+*{max-width: 75%}
	.sub-map .btn-sm{padding:6px 20px}
	.sub-map .swiper-button-next,.sub-map .swiper-button-prev{top: 90px;width: 40px;height: 40px;background-size: contain;background-color: #fff;border-radius: 50%;outline: none !important;border: 0 !important}
	.sub-map .swiper-button-prev{right: 59px}
	.sub-map .lst-split>li+li:before{display: none}
	.sub-map .swiper-page{display: block;padding:1px}
	.sub-map .swiper-slide{padding: 0}
	.sub-map #nav-profile .swiper-slide{padding-bottom: 30px}
    .sub-map .h2{line-height: 1.2}
    .three-rounded-line{margin-bottom: 40px}
    .three-rounded-line .h3{margin:15px 0 30px !important}
    .recruit-process .col-lg-20{max-width: none}
    .recruit-process img{width:50px !important}
    .welfare-life{margin:0 -25px; padding:15px 0 !important}
    .welfare-life>li{margin:0 !important; padding: 15px !important}
    .welfare-life img{height: 50px}
    .static-life{margin:0 -8px !important}
	.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}
	.send-popup{width: 260px;}
	.send-popup input{width: 200px}
	.send-popup .btn-outline-primary{height: auto;padding: 5px 20px;}
	.films-pc .ep-list .ep-open{width: 50%;height:200px}
	#nav-scrollspy.fixed{position: fixed;top:140px;left:0;right:0;z-index: 20;background-color: #fff}
	#nav-scrollspy.fixed{top: 60px}
	#nav-scrollspy.fixed+.content-scrollspy{margin-top:90px;}
	#nav-scrollspy .row.no-gutters{padding-left: 0;padding-right: 0}
	#nav-scrollspy .nav{margin: 0}
	.text-middle-title{font-size: 26px}
	.year-grid .year-title{font-size: 26px}
	.sect-grid-wh+.title-welfare{margin-top: 50px}
	.title-welfare{margin:50px 0 25px}
    .prod-img{margin-bottom:30px}
    .prod-img img{height: 60px}
    .prod-img .h4{margin-top: 10px !important;line-height: 1.2}
    .chart-data{text-align: left}
    .tb-m-row{margin: 20px 0}
    .tb-m-row colgroup{display: none}
    .tb-m-row tr>*{display: block;width: 100% !important;padding:5px 0 !important;text-align: left !important}
    #nav-home>div{width: auto !important}
    #nav-home table{table-layout: auto;font-size:11px}
    #nav-home table td:nth-child(2n-1){padding:5px 5px 5px 0}
    #nav-home colgroup{display:none}
    
    .sub-correctcenter-top{height:auto !important;padding:25px !important}
    .sub-correctcenter-top .h5{margin-bottom: 10px !important; font-size:14px !important}
	.nav-rental.nav-tabs.primary .nav-item{width: 25%}
	.company-ul-bg-grid .lst-split>li img{margin-top: -7px}
	.sub-map .map{overflow: hidden;height: auto;}
	.sub-map .map img{height: 100%}
	.lst-company-btn>li{display: inline-block;margin-right: 10px}
	.m-border-right-0{border-right: 0 !important}
	.films-pc .ep-list .ep-open:hover .bg>img{margin: 0}
	
	.sub-map.sub-map-en .map{height: auto}
	
	.sub-product-solution #nav-profile .sect-line .col-12 > p.mt-4.h5{margin-top: 0!important;}
	
	.sub-map .btn-sm.w250{width: auto}
	.transport-way > .row > .d-flex > div:first-child{-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%;}
	.transport-way > .row > .d-flex > *:last-child{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
	.sub-map .map-title{display: block !important;}
	.sub-map .map-title h2{margin-bottom: 5px}
	.lst-client{margin-top:20px;margin-left:-3px;margin-right:-3px;}
	.lst-client>li{padding:3px}
	.policy{font-size: 12px}
	.lst-policy>li{padding-left:0;margin-top: 30px}
	.lst-policy>li>.num{position: static;}
	.lst-policy>li>strong{display: inline-block;}
	.lst-policy ol>li{padding-left: 15px;}
	.lst-policy ol>li .num{top: 1px}
	.lst-policy .tb .colgroup{display: none}
	.lst-policy .tb tr>*:nth-child(1){width: 33.333%;}
	.page404{padding:200px 0 150px}
	
	.text-left-border{font-size: 12px}
	.text-left-border .tit{font-size: 14px}
	
	.list-product.row .tumb{padding:10px 0 60px}
	.list-product.row .btm-text{bottom: 10px;}
	
	#smart_editor2{min-width: inherit !important}
	#se2_tool{display: none !important}
	.se2_conversion_mode{display: none !important}

	.sub-company.sub-business .row>.col-auto{width: 100% !important}
	.sub-company.sub-business .col-lg-7 .row{max-width: 85vw !important}
	.sub-customer.post-list table td{height: 65px !important}
	.sub.sub-map.sub-menual .card-header button>span{width: 75%;text-align: left}
	.sub.sub-map.sub-menual .card-header .lst-split>li:first-child{margin-right: 10px}
	.category form#frm{width: auto!important}
	.category form#frm label.h6{width: 50%;padding: 5px;vertical-align: top}
	.category form#frm label.h6:nth-of-type(1){margin-right: 0}
	.sub-product-view .container-product-view>.d-flex>div:nth-of-type(1){margin-top: 0}
	.sub-product-view .container-product-view>.d-flex>div:nth-of-type(2){margin-left: 0}
	.sub-product-view .sect table colgroup>col:nth-last-child(1), 
	.sub-product-view .sect table colgroup>col:nth-last-child(3){width: 27% !important;word-break: break-all}
	.sub-product-view #nav-scrollspy-wrp>div{width: 100% !important}
	.product-list .col-lg-3.col-6{margin: 20px 0}
	.product-list .col-lg-3 .tumb{padding-left: 0;padding-right: 0}
	.allmenu{word-break: break-all !important;}
	.sub-search .nav .col-lg-20{max-width: 100% !important;flex: auto !important}
	.delet-sequence{margin-left: -20px;margin-right: -20px}
	.delet-sequence .col-lg-6:nth-child(1){border-right: 0;margin-bottom: 15px}
	.category form#frm>div{padding-left: 0}
	.category:before{display: none}
	.sub-map .tab-content .lst-split>li{display: block}
	.sub-map .tab-content .lst-split>li img{margin: 0 auto}
	.company-product .sect3 div.row:nth-of-type(3)>div.row, .company-produce.en .sect03{margin-bottom: 0 !important}
	.sub-map.sub-menual .tab-content .lst-split>li{display: inline-block}
	.sub-map #nav-home .swiper-button-next, .sub-map #nav-home .swiper-button-prev{width: 40px !important}
	.sub-product-view .sect>div#nav-scrollspy-wrp>div, .sub-product-view .sect>div#nav-scrollspy-wrp #nav-home>div{width: 100% !important}
	.sub-product-view .sect>div#nav-scrollspy-wrp>div table>colgroup>col:nth-of-type(2n-1), .sub-product-view .sect>div#nav-scrollspy-wrp #nav-home>div table>colgroup>col:nth-of-type(2n-1){width: 20% !important}
}