@charset "utf-8";

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

body { line-height: 1.4; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -0.02em; }

a { text-decoration: none; color: inherit; }

p, figure { margin: 0; padding: 0; }

address { font-style: normal; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
 h41 { margin: 0; padding: 0; }

.l-header .header-bi, .l-header .header-gnb, .gnb, .gnb ul, #header .lnb, #footer .lnb-footer, #footer .lnb-footer ul, .l-footer .copyright ul, .list-notice, .list-features, .list-logitics, .list-maintenance, .list-maintenance > li > ul,  .list-maintenance2, .list-maintenance2 > li > ul, .breadcrumb-list { margin: 0; padding: 0; font-size: 0; list-style: none; }

.inner { display: block; margin-right: auto; margin-left: auto; }

.inner:after, #footer .lnb-footer:after, #footer .lnb-footer ul:after, .section-office:after { content: ''; display: block; clear: both; }

.btn-border { -webkit-appearance: none; background-color: transparent; border: 0; cursor: pointer; }

.btn-top > i { position: absolute; left: -9999px; text-indent: -9999px; }

.page_num02{color:#CC99cc; font-size:9pt;font-weight: bold;}
.page_num04{padding-left:  :8px; padding-right:  :8px}

#viewport { min-width: 1206px; }



.inner { position: relative; max-width: 1206px; }

.breadcrumb .inner { max-width: 1066px; }

.l-header .inner { padding-right: 60px; }

.l-footer .inner { padding-top: 34px; padding-bottom: 21px; }

.l-maintenance .inner { max-width: 1066px; }

.l-header { position: relative; }

.l-header:hover { z-index: 10; }

.header-top { height: 44px; background-color: #ee6739; color: #fff; }

.header-bar { margin-top: 10px; margin-bottom: 10px; }

.header-bar:after { content: ''; position: absolute; left: 0; top: 100px; width: 100%; height: 250px; z-index: -1; opacity: 0; background-color: white; background-color: rgba(255, 255, 255, 0.7); }

.l-header .header-bar:hover.header-bar:after { opacity: 1; }

.l-header .header-bi { padding-left: 60px; }

.l-header .header-bi, .l-header .header-gnb { float: left; }

.gnb > li { display: inline-block; font-size: 13pt; margin-left: 125px; }

.gnb > li:first-child { margin-left: 110px; }

.gnb > li > a { display: block; padding: 22px 0; line-height: 1; }

.gnb > li > a:hover, .gnb > li > a.is-active { text-decoration: underline; color: #f1592a; }

.gnb-2depth { position: absolute; top: 72px; z-index: -1; }

.gnb-2depth > li { font-size: 11pt; line-height: 1; }

.gnb-2depth > li > a { display: block; margin-top: 15px; }

.gnb-2depth > li > a:hover { text-decoration: underline; color: #f1592a; }

.gnb-2depth > li:first-child { margin-top: 20px; }

.header-bar:hover .gnb-2depth { z-index: 1; }

.header .lnb { float: right; }

.header .lnb > li { display: inline-block; padding-top: 16px; margin-left: 17px; font-size: 9pt; line-height: 1; }

.header .lnb > li:first-child { margin-left: 0; }

.header .lnb > li > a:hover, #header .lnb > li .is-active { text-decoration: underline; }

.footer .lnb-sns { position: absolute; top: -48px; right: 0; }

.footer .lnb-footer { margin-top: 8px; }

.footer .lnb-footer > li { float: left; max-width: 225px; margin-left: 69px; font-size: 10pt; color: #e6e6e6; }

.footer .lnb-footer > li > ul { margin-top: 15px; }

.footer .lnb-footer > li > ul > li { font-size: 10pt; color: #eba691; }

.footer .lnb-footer > li:first-child { margin-left: 56px; }

.l-footer { background-color: #f1592a; }

.l-footer .copyright { padding-top: 24px; padding-bottom: 26px; text-align: center; font-size: 10pt; background-color: #2c2c2c; color: #d9d9d9; }

.l-footer .copyright ul li { display: inline-block; font-size: 10pt; }

.l-footer .footer-notice { padding-left: 45px; color: #e6e6e6; border-right: 1px solid #f58b6a; }

.l-footer .footer-notice > h3 { margin-bottom: 25px; font-size: 18pt; font-weight: 400; }

.l-footer .footer-notice, .l-footer .footer-nav { float: left; }

.l-footer .footer-notice { width: 390px; }

.l-footer .footer-nav { width: 756px; }

.History {}

.Year0{padding-bottom: 20px;  }
.Year1{float: left ; padding-top: 20px;  }
.Year1 h3 { padding-bottom: 620px;  }

.Year2{float: left ;}

.Year h3 {float: left ;  padding-left: 30px;  color: #f1592a; }
.Year dl{padding-left: 80px;  }


.section.l-hero { background-color: #4c4c4c; }

.section.l-slider { background-color: #4d4d4d; overflow: hidden; }

.section.l-business, .section.l-logistics { text-align: center; }

.section-heading { font-size: 18pt; }

.l-business .section-heading { color: #f1592a; }

.l-logistics .section-heading { color: #e6e6e6; }

.l-offices .section-heading { color: #f1592a; }

.section-contents { padding: 0; font-size: 11pt; text-align:justify; }
.section-contents_e { padding: 0; font-size: 12pt; text-align:justify; }
.section-contents_m { padding: 0; font-size: 11pt;  }
.section-contents_a { padding: 0; font-size: 13pt; text-align:justify; }

.l-about .section-contents_a { margin-top: 44px; margin-bottom: 25px; color: #4d4d4d; }

.l-business .section-contents { margin-top: 44px; margin-bottom: 25px; color: #4d4d4d; }

.l-logistics .section-contents { margin-top: 44px; margin-bottom: 25px; color: #fffdfd; }

.l-offices .section-contents { margin-top: 44px; margin-bottom: 25px; color: #4d4d4d; }

.l-business .section-contents_m { margin-top: 44px; margin-bottom: 25px; color: #4d4d4d; }

.l-logistics .section-contents_m { margin-top: 44px; margin-bottom: 25px; color: #fffdfd; }

.l-offices .section-contents_m { margin-top: 44px; margin-bottom: 25px; color: #4d4d4d; }

.l-maintenance .section-contents { margin-bottom: 100px; font-size: 17pt; line-height: 1.6; letter-spacing: -0.04em; text-align: justify; color: #464d4e; }

.l-maintenance .section-contents > strong { color: #f1592a; text-decoration: underline; }

.l-maintenance .section-contents-e { margin-bottom: 100px; font-size: 17pt; line-height: 1.1; letter-spacing: -0.04em; text-align: justify; color: #464d4e; }

.l-maintenance .section-contents-e > strong { color:  #4d4d4d; font-size: 22pt;  }

.l-maintenance .section-contents_a > strong { color:  #f1592a; font-size: 19pt; }
.l-maintenance .section-contents_a > strong2 { font-size: 19pt; }


.main-figures { margin: 0; padding: 0; text-align: left; }
.section-figures { margin: 0; padding: 0; text-align: center; }

.section-col { float: left; }

.section-office-describe { width: 359px; padding-top: 77px; padding-left: 40px; }

.section-office-map { width: 847px;  }

.l-about{ padding-top: 45px; padding-bottom: 30px; background-color: #dcdcdc; }

.l-history { padding-top: 45px; padding-bottom: 30px; background-color: #dcdcdc; }

.l-location { padding-left: 40px; padding-top: 45px; padding-bottom: 30px; background-color: ##e9e9e9; }

.l-business { padding-top: 85px; padding-bottom: 80px; background-color: #dcdcdc; }

.l-features { padding-top: 90px; padding-bottom: 90px; background-color: #e7e7e7; }

.l-logistics { padding-top: 80px; padding-bottom: 67px; background-color: #4d4d4d; }

.l-maintenance { padding-top: 55px; padding-bottom: 200px; background-color: #e9e9e9; }

.list-notice li { margin-top: 10px; font-size: 9pt; line-height: 1; }

.list-notice li:first-child { margin-top: 0; }

.list-features { text-align: center; perspective: 1000px; cursor: pointer; }

.list-features li { display: inline-block; margin-left: 9px; }

.list-features li:first-child { margin-left: 0px; }

.list-logitics { margin-bottom: 70px; text-align: right; }

.list-logitics li { display: inline-block; width: 320px; margin-left: 120px; }

.list-logitics li:first-child { margin-left: 0; }

.list-maintenance { margin-top: 70px; margin-bottom: 110px; }
.list-maintenance2 { margin-top: 70px; margin-bottom: 10px; }
.tline { margin-top: 110px; margin-bottom: 110px;   padding-top: 10px; padding-bottom: 10px; border-top: 2px solid #ee6739; }
.stitle{ display: inline-block;  width: 500px; font-size: 11pt;  color: #4d4d4d;}
.ssub{ display: inline-block; width: 500px; font-size: 11pt;color: #4d4d4d;}
.listrong{  padding-top: 10px; padding-bottom: 10px;  background-color:  #dcdcdc;  }
.margintop0{ margin-top: 0px; }

.list-maintenance > li { margin-top: 25px; }

.list-maintenance > li:first-child { margin-top: 0; }
.list-maintenance > li h2 { position: relative; padding-left: 16px; font-size: 11pt; color: #4d4d4d; }
.list-maintenance > li h3 { position: relative; padding-left: 16px; font-size: 13pt; color: #4d4d4d; }

.list-maintenance > li h4 { position: relative; padding-left: 16px; font-size: 14pt; color: #f1592a; }
.list-maintenance > li h41 { position: relative; padding-left: 16px; font-size: 14pt; color: #f1592a; font-weight: bold;}

.list-maintenance > li h4:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -5px; background-color: #f1592a; }

.list-maintenance > li h5 { position: relative; padding-left: 16px; font-size: 13pt; color: #4d4d4d; }

.list-maintenance > li h5:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -5px; background-color: #f1592a; }

.list-maintenance > li > ul { padding-left: 16px; }

.list-maintenance > li > ul > li { font-size: 11pt; }

.list-maintenance > li > ul > li:before { content: '-'; display: inline-block; padding-right: 3px; }


.list-maintenance2 > li { margin-top: 25px; }

.list-maintenance2 > li:first-child { margin-top: 0; }
.list-maintenance2 > li h2 { position: relative; padding-left: 16px; font-size: 11pt; color: #4d4d4d; }
.list-maintenance2 > li h3 { position: relative; padding-left: 16px; font-size: 13pt; color: #4d4d4d; }

.list-maintenance2 > li h4 { position: relative; padding-left: 16px; font-size: 14pt; color: #f1592a; }
.list-maintenance2 > li h41 { position: relative; padding-left: 16px; font-size: 14pt; color: #f1592a; font-weight: bold;}

.list-maintenance2 > li h4:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -5px; background-color: #f1592a; }

.list-maintenance2 > li h5 { position: relative; padding-left: 16px; font-size: 13pt; color: #4d4d4d; }

.list-maintenance2 > li h5:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -5px; background-color: #f1592a; }

.list-maintenance2 > li > ul { padding-left: 16px; }

.list-maintenance2 > li > ul > li { font-size: 11pt; }

.list-maintenance2 > li > ul > li:before { content: '-'; display: inline-block; padding-right: 3px; }



.list-item { position: relative; }

.l-features .list-item { width: 189px; height: 236px; font-size: 14pt; }

.l-features .list-item.is-hover { line-height: 236px; vertical-align: middle; background-color: #f1592a; color: white; }

.list-thumbnail { width: 320px; height: 198px; margin: 0; padding: 0; overflow: hidden; cursor: pointer; }

.list-thumbnail > img { transition: all 1s; }

.list-thumbnail:hover > img { transform: scale(1.2); transform-origin: center; }

.flip-box { position: relative; }

.flip-box-front, .flip-box-back { -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; -webkit-perspective: 600px; -ms-perspective: 600px; perspective: 600px; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275); }

.flip-box-front { position: relative; z-index: 1; }

.flip-box-back { position: absolute; top: 0; left: 0; transform: rotateY(180deg); }

.flip-box:hover .flip-box-front { transform: rotateY(180deg); }

.flip-box:hover .flip-box-back { transform: rotateY(0deg); }

.breadcrumb { position: relative; border-top: 1px solid #ee6739; background-color: #dcdcdc; }

.breadcrumb-header { position: absolute; bottom: 100%; width: 100%; margin-bottom: 1px; background-color: black; background-color: rgba(0, 0, 0, 0.4); }

.breadcrumb-heading { padding-top: 25px; padding-bottom: 20px; font-size: 24pt; font-weight: 400; line-height: 1; color: #f1592a; }

.breadcrumb-section > .inner { background-image: url("../images/icon-breadcrumb.png"); background-repeat: no-repeat; background-position: 50px 0; }

.breadcrumb-list { float: right; }

.breadcrumb-list li { font-size: 9pt; float: left; }

.breadcrumb-list li a { display: block; position: relative; padding-top: 16px; padding-bottom: 16px; margin-left: 20px; }

.is-active, .breadcrumb-list li a:hover { color: #ee6739; }

.breadcrumb-list li a:before { content: ''; display: inline-block; position: absolute; top: 17px; bottom: 20px; left: -10px; width: 1px; background-color: #929595; }

.breadcrumb-list li:first-child a:before { display: none; }

.btn-border { display: inline-block; border-width: 1px; border-style: solid; font-size: 11pt; }

.btn-view-all { display: inline-block; }

.l-business .btn-view-all { padding: 13px 35px; border-color: #a7a7a7; color: #4d4d4d; }

.l-business .btn-view-all:hover { background-color: #b7b7b7; border-color: #b7b7b7; color: #fff; }

.l-logistics .btn-view-all { padding: 13px 31px; font-size: 11pt; color: #e6e6e6; }

.l-logistics .btn-view-all:hover { background-color: #bebebe; border-color: #bebebe; color: #4d4d4d; }

.l-offices .btn-view-all { padding: 13px 31px; font-size: 11pt; color: #fefefe; background-color: #f1592a; }

.l-offices .btn-view-all:hover { background-color: #b7b7b7; }

.btn-logitics { transition: all 0.4s ease-in-out; }

.btn-logitics:hover { opacity: 0.8; }

.btn-notice-more { padding: 13px 31px; margin-top: 28px; margin-left: 10px; border-color: #f8a890; color: #fefefe; }

.btn-notice-more:hover { background-color: #fff; border-color: #fff; color: #f1592a; }

.btn-notice-more2 { padding: 10px 21px; margin-top: 20px; margin-left: 10px; border-color: #f8a890; color: #fefefe; }
.btn-notice-more3:hover { background-color: #fff; border-color: #fff; color: #fefefe }
.btn-border2 { -webkit-appearance: none; background-color:  #f1592a; border: 0; cursor: pointer; }


.btn-top { position: fixed; bottom: 86px; right: 50%; margin-right: -643px; display: none; width: 30px; height: 28px; background-image: url("../images/btn-top.png"); background-position: 0 0; }

.btn-top:hover { background-position: 0 -28px; }

/** Owl Carousel v2.1.4 Copyright 2013-2016 David Deutsch Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { display: none; }

.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-prev, .owl-next { position: absolute; top: 50%; width: 28px; height: 47px; margin-top: -24px; }

.owl-prev { left: 0; }

.owl-next { right: 0; }

/* board list--------------------- */

.boardlist {max-width: 1066px;  margin:0 auto; padding-top: 30px; }

.boardlist li {font-size: 10pt;}

.cust_num{font-size: 10pt;width:50%;bold;height:35px;float:right;color:#999999;text-align:right;}
.cust_tb{width:970px;float:left;}

.custb_title td{font-size: 10pt; border-bottom:1px solid #919191;border-top:2px solid #233144;font-weight:bold;color:#0c0b0b;}

.bbs_linev4_1 {font:12px NanumGothic;text-align:center; border-bottom: 1px #e5e5e5 solid;}

.search_select_bg {float:left; width:70px; height:20px; padding-top:9px;}
.search_input_bg {float:left; width:185px; height:20px; padding-top:8px;}
.search_submit_bg {float:left; width:34px; height:18px; padding-top:9px;}


/* View */
.scontents{width:732px;border-left:1px solid #e4e4e4;float:left;padding-left:25px;margin-top:15px;padding-top:30px;padding-bottom:70px;height:100%;}

#button {clear:both;margin:0 auto; width:960px; height:57px; padding-top:20px; padding-bottom:50px; }
.button01 { float:right; height:57px; padding-top:0px;}