@charset "utf-8";
html.sr .load-hidden { visibility: hidden; }
[data-scroll-y="false"] { overflow-y: hidden; }
.wrap.main .scroll-top { display: none; }
/* .main { overflow: hidden; } */
.blind { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.inner { position: relative; margin-left: auto; margin-right: auto; max-width: 1520px; width: 90%; }
.inner--large { max-width: 1720px; }
.image-wrap { position: relative; }
.image-wrap::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.image-wrap img { max-width: 100%; }
.font-secondary { font-family: 'Figtree'; }
.color-primary { color: #ED8C28; }
.color-secondary { color: #2abc3f; }
.color-dark3 { color: #333; }
.color-blue { color: #2a64d0; }
.color-red { color: #ff0101; }
.color-sky { color: #00a4e3; }
.sp, .mo { display: none; }
.text-center { text-align: center; }
.fw-light { font-weight: 200; }
.fw-bold { font-weight: bold; }
.fw-normal { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.w-auto { width: auto; }
.d-none { display: none !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
/* 공통 */
.sub-title { margin: 180px 0 100px; line-height:1.3;}
.sub-title h2{font-size: 36px; font-weight: 500;}
.sub-title ul{margin:80px 0 0;}
.sub-title ul li{position:relative; color:#555; font-size:20px; padding-left: 14px; margin-bottom: 8px;}
.sub-title ul li::after{content:''; width:4px; height:4px; border-radius: 50%; background-color: #555; position: absolute; top:13px; left:0;} 
.sub-title h2{text-indent:60px; line-height:1.4;}
.content02.sec-cont02{padding-bottom:180px;}
.content02.sec-cont02 .flex-box{display: flex; flex-wrap: wrap;}
.content02.sec-cont02 .flex-box .left{width:43%; position: relative;}
.content02.sec-cont02 .flex-box .left::after{content: ''; display: block; position: relative; padding-top: calc(598 / 818 * 100%);}
.content02.sec-cont02 .flex-box .left img{position: absolute; width:100%; height: 100%; object-fit: cover;}
.content02.sec-cont02 .flex-box .right{width:57%; padding-left:8%;}
.content02.sec-cont02 .flex-box .right .txt-box{padding:100px 0 0;}
.content02.sec-cont02 .flex-box .right .txt-box h2{font-size:36px; font-weight:500; margin-bottom: 40px;}
.content02.sec-cont02 .flex-box .right .txt-box dl{display: flex; max-width:600px;margin-bottom: 12px;}
.content02.sec-cont02 .flex-box .right .txt-box dl dt{width:40%; font-size:16px; color:#999; font-weight: 400;}
.content02.sec-cont02 .flex-box .right .txt-box dl dd{width:60%;font-size:20px; color:#333; font-weight: 500;}
.content02.sec-cont02 .flex-box.reverse{flex-direction: row-reverse;}
.content02.sec-cont02 .flex-box.reverse .right{padding-left:10%;}

/* ------- Header ------- */
.header {height: 110px; z-index: 11; position: fixed; top: 0; left: 0; width: 100%;  transition: all ease .5s;} 
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .header-primary .logo img{content:url(/images/footer-logo.png);}
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .header-primary .header-link img{content:url(/images/logo_link.png);}
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .nav-icon:after, 
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .nav-icon::before,
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .nav-icon div{background-color:#000;}
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .header-primary .gnb .depth1 > li > a{color:#000;}
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .header-primary .gnb .depth2 > li > a{color:#000;}
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .header-primary .header-right .language img{content:url(/images/language2.png);}
.header[data-header-theme="white"]:not([data-header-sticky="true"]) .header-primary .header-right .search img{content:url(/images/search2.png);} 
.header[data-header-sticky="true"]{background-color: rgba(0, 0, 0, .5);}
.header.up{top:-100%;}
.header-primary { z-index: 2; position: relative; color: #fff; transition-property: background, box-shadow; transition-timing-function: ease; transition-duration: .35s; }
.header-primary-wrap { margin: auto; position: relative; max-width: 1800px; width: 90%; }
.header-primary .logo { z-index: 2; position: absolute; left: 0; top:28px;}
.header-primary .logo img {width: 117px; height: 54px;object-fit: contain;}
/* .header-primary .language { z-index: 2; position: absolute; top: 46px; right: 0; }
.header-primary .language .current { position: relative; padding: 2px 20px 0 24px; font-size: 16px; color: inherit; font-weight: 700; background: url('/images/language-arrow.png') no-repeat top 7px right; border: none; }
.header-primary .language .current::before { content: ''; position: absolute; top: 2px; left: 0; width: 18px; height: 18px; background: url('/images/language.png') no-repeat center / auto 100%; }
.header-primary .language ul { position: absolute; left: -6px; top: 100%; margin-top: 5px; width: 80px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); visibility: hidden; opacity: 0; }
.header-primary .language a { display: block; padding: 10px 0; text-align: center; font-size: 14px; color: #212227; transition: all ease .15s; }
.header-primary .language .current[aria-pressed="true"] + ul { visibility: visible; opacity: 1; } */
.header-primary .header-right { position: absolute; top: 46px; right: 0; display: flex; align-items: center; column-gap: 20px; }
.header-primary .header-right .language img{display: block;}
/* .header-primary .language a::before { content: ''; display: inline-block; vertical-align: -6px; margin-right: 13px; width: 24px; height: 24px; background: url('/images/icon-globe-light.svg') no-repeat center / auto 100%; transition: all ease .35s; } */
.header-primary .hamburger { display: none; position: absolute; top: 30px; right: 0; padding: 0 8px; width: 50px; height: 50px; }
.header-primary .hamburger button { display: block; width: 100%; height: 100%; }
.header-primary .hamburger .circle { display: block; position: relative; width: 100%; height: 100%; border: 1px solid transparent; border-radius: 50%; }
.header-primary .hamburger .circle::before,
.header-primary .hamburger .circle::after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; background: #000; }
.header-primary .hamburger .circle::before { top: 21px; }
.header-primary .hamburger .circle::after { top: 27px; }

.header-primary .header-link {
  position: absolute;
  top: 30px;
  right: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  border-radius: 4px;
  font-size: 0;
}

.header-primary .gnb .depth1 { display: flex; }
.header-primary .gnb .depth1 > li > a { display: block; position: relative; margin: 0 15px;  text-align: center; font-size: 14px; color: #fff; font-weight: 300; }
/* 0319 */
.header-primary .gnb .depth1 > li {position: relative;}
.header-primary .gnb .depth2 { 
  position: absolute;
  top: 111px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s;
  width: auto!important;
  background: #fff;
  padding: 20px;
  border: 1px solid gray;
  border-top: 0;
  min-width: 265px;
}
.header-primary .gnb .depth2.on {
  opacity: 1;
  visibility: visible;
}
/* 0319 */
.header-primary .gnb .depth2 > li > a { display: block; padding: 8px 4px; text-align: center; font-size: 16px;}
.header-primary .gnb .depth2 > li > a:hover{color:#123A8E !important; font-weight: bold;}
.header-primary .gnb .depth3 { display: none; }
.header-primary .gnb .close { display: none; position: fixed; top: 10px; right: 5%; margin: auto; width: 40px; height: 40px; }
.header-primary .gnb .close button { display: block; width: 100%; height: 100%; }
.header-primary .gnb .close .circle { display: block; position: relative; width: 100%; height: 100%; }
.header-primary .gnb .close .circle::before,
.header-primary .gnb .close .circle::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 26px; height: 2px; background: #212227; }
.header-primary .gnb .close .circle::before { transform: rotate(45deg); }
.header-primary .gnb .close .circle::after { transform: rotate(-45deg); }
.header-full { z-index: 3; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0; }
.header-full .col { overflow: hidden; flex: 1 1 50%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.header-full .col:first-child { overflow: hidden; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 0 40px; max-width: 615px; text-align: center; }
.header-full .col:first-child .background { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/header-full-background.jpg') no-repeat center / cover; transform: scale(1.3); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
.header-full .title { overflow: hidden; font-size: 34px; color: #fff; }
.header-full .title img { vertical-align: middle; width: auto; height: 64px; }
.header-full .title .split { display: block; }
.header-full .text { overflow: hidden; margin-top: 20px; line-height: 1.2; font-size: 42px; color: #fff; }
.header-full .text .split { display: block; }
.header-full .nav { overflow-y: auto; display: flex; padding: 10% 0 15% 160px; height: 100%; background: url('/images/logo-background.png') no-repeat right -20px bottom -20px / auto 213px; }
.header-full .nav .depth1 { margin: auto 0; }
.header-full .nav .depth1 > li { display: flex; align-items: center; margin-bottom: 70px; }
.header-full .nav .depth1 > li:last-child { margin-bottom: 0; }
.header-full .nav .depth1 > li > a { flex-shrink: 0; display: inline-block; position: relative; margin-right: 100px; min-width: 255px; font-family: 'Figtree'; font-size: 50px; font-weight: 700; color: #212227; transition: color ease .15s; }
/* .header-full .nav .depth1 > li > a span { display: block; transform: translateY(100%); } */
.header-full .nav .depth1 > li > a span { display: inline-block; position: relative; }
.header-full .nav .depth1 > li > a span::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #2e3092; transform: scaleX(0); transform-origin: right; transition: transform ease .35s; }
.header-full .nav .depth2 { display: flex; margin-top: 10px; }
.header-full .nav .depth2 > li { flex-shrink: 0; position: relative; }
.header-full .nav .depth2 > li > a { display: inline-block; position: relative; padding: 0px 28px; font-size: 20px; font-weight: 600; color: #000; }
/* .header-full .nav .depth2 > li a::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 1px; height: 45%; background: #b2b2b2; } */
.header-full .nav .depth2 > li:last-child a::after { content: none; }
.header-full .nav .depth2 > li:first-child > a { padding-left: 0; }
.header .nav-icon { display: inline-block; width: 24px; cursor: pointer; z-index: 100; display: none;}
.header .nav-icon:after, header .nav-icon:before, header .nav-icon div{ background-color: #fff; content: ""; display: block; height: 2px; margin: 4px 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.header .nav-icon div { width: 24px; position: relative; right: 0;}
.header .nav-icon:after,
.header .nav-icon::before,
.header .nav-icon div{background-color: #fff;}
.header .nav-icon.active:before {background-color: #000; transform: translateY(7px) rotate(135deg); -moz-transform: translateY(7px) rotate(135deg); -webkit-transform: translateY(7px) rotate(135deg);}
.header .nav-icon.active:after {background-color: #000; transform: translateY(-5px) rotate(-135deg); -moz-transform: translateY(-5px) rotate(-135deg); -webkit-transform: translateY(-5px) rotate(-135deg);}
.header .nav-icon.active div { background-color: #000;-moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0);}
.mo-nav{position: fixed; top:0; left:0; right:0; bottom:0; background-color: #fff; padding:130px 5%; opacity: 0; visibility: hidden; transition: all .5s; overflow-y:auto;}
.mo-nav.on{opacity: 1; visibility: visible;}
.mo-nav .nav > li > a{padding: 18px 0; line-height: normal; display: block; font-size: 20px; position: relative; color: #000; font-weight: 700;}
.mo-nav .nav > li > a::after{font-family: xeicon !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-size: contain; content: "\e941"; transition: all 0.3s;}
.mo-nav .nav > li ul{padding: 0 3%; position: relative; display: none;}
.mo-nav .nav > li ul li{margin-bottom: 15px;}
.mo-nav .nav > li ul li a{font-size: 17px; line-height: 1.18; color: #555; font-weight: 500;  display: block;}
.mo-nav .nav > li.on > a::after{color:#123A8E; transform: translateY(-50%) rotate(-180deg);}
body.on{overflow: hidden;}
.header.on .logo{content:url(/images/footer-logo.png);}
.header.on .language img {content:url(/images/language2.png)}
.header.on .header-link img {content:url(/images/logo_link.png);}
.header .header-lang{position: relative; z-index: 2;}
.header .header-lang > a{cursor: pointer;}
.header .header-lang ul{position: absolute; left: -31px; top: 100%; margin-top: 8px; width: 80px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); opacity: 0; visibility: hidden;}
.header .header-lang ul li a{display: block; padding: 10px 0; text-align: center; font-size: 14px; color: #000; transition: all ease .15s;}
.header .header-lang ul li a:hover{background-color: #123A8E; color:#fff;}
.header .header-lang ul.on{visibility: visible; opacity: 1;}

.modal-container { display: none; z-index: 51; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
.modal-container .modal-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center;  width: auto; height: 100%; min-height: calc(100% - 10px); max-height: calc(100% - 10px); }
.modal-container .modal { overflow: hidden; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 0 60px; max-width: 830px; width: 100%; height: auto; max-height:80vh; }
.modal-container .head-title { padding-bottom: 22px; text-align: center; font-size: 26px; font-weight: 600; color: #000; border-bottom: 2px solid #000111; }
.modal-container .modal-head { padding: 42px 40px 0; background: #fff; }
.modal-container .modal-body { overflow-x: hidden; overflow-y: auto; padding: 24px 40px 42px; min-height: 200px; background: #fff; }
.modal-container .modal .close { display: block; position: absolute; top: -20px; right: 0; width: 60px; height: 60px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 55%; background-color: transparent; }
.modal-container .modal img { max-width: 100%; }
.modal-container .terms p { line-height: 1.9; }
.modal-container .terms .h5 { margin: 20px 0 2px; font-weight: 700; font-size:19px;}
.modal-container .terms .h5:first-child { margin-top: 0; }
.modal-container .terms .h6 { margin: 20px 0 2px; font-weight: 700; }
.modal-container .terms .h6:first-child { margin-top: 0; }
.modal-container--auto .modal { max-width: 100%; width: auto; }
.modal-container--flat .modal-body { padding: 0; }

/* sub-visual */
.bbs-visual{margin:300px auto 50px;}
.bbs-visual .title{color:#000; font-size:72px;}

.sub-visual {  position: relative; height: 90vh;  z-index: 2;}
.sub-visual .scroll_iconAnimation {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  z-index: 10;
  text-align: center;
  color: #fff;
  font-weight: 200;
  font-size: 14px;
}
.sub-visual .background { overflow: hidden; position: unset; top: 0; left: 0; width: 100%; height: 100%; animation: subvisualFadeIn ease .85s forwards; background-color: #000; }
.sub-visual .background .image { display: block; position: absolute; bottom:0; left:0; right:0; margin:auto; width: 100%; height: 100%; overflow: hidden;}
.sub-visual .background .image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover !important; transform: scale(1.15); animation: 2s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards; }
.sub-visual .background .image .black{width:100%; height:100%; background-color:#000; position: absolute; z-index: 2;}
.sub-visual--about1 .background .image::after { background-image: url('/images/sub/indtroduction-bg.jpg'); }
.sub-visual--about2 .background .image::after { background-image: url('/images/sub/history-bg.jpg'); }
.sub-visual--about3 .background .image::after { background-image: url('/images/sub/customer-bg.jpg'); }
.sub-visual--about4 .background .image::after { background-image: url('/images/sub/location-bg.jpg'); }
.sub-visual--about5 .background .image::after { background-image: url('/images/sub/partner-bg.jpg'); }
.sub-visual--loding .background .image::after { background-image: url('/images/sub/loding-bg.jpg'); }
.sub-visual--cartoning .background .image::after { background-image: url('/images/sub/cartoning-bg.jpg'); }
.sub-visual--case .background .image::after { background-image: url('/images/sub/case-bg.jpg'); }
.sub-visual--other .background .image::after { background-image: url('/images/sub/other-bg.jpg'); }
.sub-visual .inner { z-index: 2; display:flex; justify-content: space-between; align-items: flex-end;}
.sub-visual .title { position: absolute; z-index: 3; font-size: 72px; color: #fff; font-weight: 700; text-align: left; left:0; right:0; bottom:100px; margin: auto; max-width: 1520px; width: 90%; padding-right:40%;}
.sub-visual .title em{font-size:24px; color:#fff; display:block; margin-top:20px;}
.sub-visual-tab { border-bottom: 1px solid #e5e5e5; padding:50px 0 100px;}
.sub-visual-tab ul { display: flex; margin: auto; max-width: 1500px; width: 90%; }
.sub-visual-tab li { margin-right: 10px; width: auto; }
.sub-visual-tab a { display: flex; align-items: center; justify-content: center; position: relative; padding: 10px 30px; font-size: 18px; color: #999; font-weight: 500; border:1px solid #E5E5E5; border-radius:26px; }
.sub-visual-tab a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; opacity: 0; background: #000; transform: scaleX(0); transform-origin: center; transition: all ease .35s; }
.sub-visual-tab li.on a { color: #fff; background-color: #3437CC; }
.breadcrumb{z-index:2; position:relative;}
.breadcrumb ol { display: flex;  padding: 0; }
.breadcrumb ol > li {padding: 26px 0; display: flex; align-items: center; position: relative; color: #fff; font-weight: 500; }
.breadcrumb ol > li:not(:last-child)::after { content: ''; display: inline-block; margin: 0 30px; width: 1px; height: 15px; background-color: #E7E7E7; }
.breadcrumb ol > li:last-child .toggle{font-weight: 700;}
.breadcrumb .home::before { content: ''; display: block; width: 40px; height: 40px; background: #192675 url('/images/sub/icon-home-light.svg') no-repeat center / auto 60%; border-radius: 50%; }
.breadcrumb .toggle { padding: 4px 12px 6px 0; width: 300px; font-size:18px; text-align: left; color: #000; font-weight: inherit; background: url('/images/sub/select-arrow-fill-light.svg') no-repeat right center / 12px; border: none; }
.breadcrumb .toggle[aria-expanded="true"] + .listbox { opacity: 1; visibility: visible; }
.breadcrumb .toggle span { pointer-events: none; }
.breadcrumb .listbox { position: absolute; top: 100%; left: 0; margin-top: -1px; padding: 20px 0 22px; width: 340px; background: #fff; box-shadow: 0px 0px 16px 0px rgba(24, 24, 24, .15); opacity: 0; visibility: hidden; transition: all ease .15s; }
.breadcrumb .listbox a { display: block; padding: 6px 24px 6px 30px; font-size: 18px; color: #999999; }
.breadcrumb .listbox a:hover{color:#123A8E}

 
@media screen and (min-width: 1400px) {
	.header > .background { z-index: 1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: all ease .65s; pointer-events: none; }
	.header-primary::before { content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: 1px; background: #f0f0f0; opacity: 0; transition: opacity ease .35s; }
    .header-primary .gnb { position: relative; display: flex; justify-content: center; margin-right: -40px; height: 110px; }
	.header-primary .gnb .depth2{width:100px;}
	.header-primary .gnb .depth2 > li > a{white-space:nowrap;}
	.header-primary .gnb .depth1 > li > a { transition: color ease .15s; padding:38px 20px;  font-size: 18px;}
    .header-primary .gnb .depth1 > li > a::before { content: ''; z-index: 2; position: absolute; top: -2px; left: 0; right: 0; margin: auto; width: 7px; height: 7px; background: #2e3092; border-radius: 50%; opacity: 0; }
    .header-primary .gnb .depth1 > li > a::after { content: ''; z-index: 3; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #2e3092; transform: scaleX(0); transform-origin: left; transition: transform ease .3s; }
    .header-primary .gnb .depth1 > li.on > a { color: #2e3092; }
    .header-primary .gnb .depth1 > li.on > a::before { opacity: 1; }
	/* [data-header-gnb="opened"] > .background { opacity: 1; visibility: visible; } */
	[data-header-gnb="opened"] .header-primary::before { opacity: 1; }
    [data-header-gnb="opened"] .header-primary .logo img{content:url(/images/footer-logo.png);}
    [data-header-gnb="opened"] .header-primary .header-link img{content:url(/images/logo_link.png);}
    [data-header-gnb="opened"] .header-primary .header-right .language img{content:url(/images/language2.png);}
    [data-header-gnb="opened"] .header-primary .header-right .search img{content:url(/images/search2.png);}
    /* [data-header-gnb="opened"] .header-primary .gnb .background { opacity: 1; } */

    [data-header-gnb="opened"] .header-primary .gnb .depth2{width:auto;}
    [data-header-gnb="opened"] .header-primary .gnb .depth1 {width:auto;}
    [data-header-gnb="opened"] .header-primary .gnb .depth1 > li > a{color:#000;}
    [data-header-gnb="opened"] .header-primary .gnb .depth2 > li > a{color:#000;}
    [data-header-gnb="opened"] .header-primary {background: #fff;-webkit-backdrop-filter: saturate(190%) blur(20px);backdrop-filter: saturate(190%) blur(20px);box-shadow: 0px 0px 20px 0px rgba(10, 10, 10, .1);}
}
 

@media screen and (max-width: 1500px) { 
	.header-primary .gnb .depth1 > li > a {  padding: 38px 6px;   margin:0 10px; }
}


@media screen and (max-width: 1300px) { 
	.header-primary .gnb .depth1 > li > a { font-size: 16px; padding: 40px 0; }
	.header-primary .gnb .depth2 > li > a { font-size: 14px;}
}

 



.footer{padding:60px 0;}
.footer .inner{ margin: auto; position: relative; max-width: 1800px; width: 90%;}
.footer .logo{margin-bottom:30px;}
.footer .footer-info{display: flex; flex-wrap: wrap; column-gap: 10px; row-gap:4px; margin-bottom: 20px;}
.footer .footer-info li{font-size:16px; color:#999; font-weight:300;}
.footer .footer-info li:first-child{width: 100%;}
.footer .footer-info li em{color: #000; margin-right: 10px; font-weight: 500;}
.footer .bottom{display: flex; justify-content: space-between;}
.footer .bottom .copyright{font-size:14px; font-weight: 500;}
.footer .bottom .right a{display: inline-block; font-size:14px; color:#999; font-weight: 500;}
.footer .bottom .right a:first-child{color:#000; margin-right: 40px;}

@media screen and (max-width: 1399px){
    .header .gnb{display: none;}
    .header .nav-icon{display: block;}
    .header-primary .header-link {
      top: 40px;
      right: 80px;
      width: 40px;
    }
}
@media screen and (max-width: 768px){
    .header{height:90px;}
	.header-primary .logo{top:15px;}
	.header-primary .header-right{top:34px;}
  .header-primary .header-link {
    top: 30px;
  }


    .footer{padding:25px 0;}
    .footer .logo{margin-bottom: 15px;}
    .footer .footer-info{flex-direction: column;}
    .footer .bottom{flex-direction: column;}
    .footer .footer-info li{font-size: 15px;}
    .footer .bottom .right a:first-child{margin-right: 15px;}

    .modal-container .modal { padding: 40px 20px; }
    .modal-container .modal-head { padding: 36px 24px 0; }
    .modal-container .modal-body { padding: 20px 24px 36px; }
    .modal-container .head-title { padding-bottom: 14px; font-size: 20px; }
    .modal-container .modal .close { top: -10px; width: 50px; height: 50px; }
    .modal-container .terms { font-size: 14px; }
}
 
.indtroduction .content01{padding:180px 0 116px;}
.indtroduction .content01 .flex-box{display: flex; flex-wrap: wrap;}
.indtroduction .content01 .flex-box .left{width:50%; padding-right:3%;}
.indtroduction .content01 .flex-box .right{width:50%; padding-top:100px; padding-right:11%; padding-left:2%}
.indtroduction .content01 .flex-box .right .txt-box h2{font-size:36px; font-weight: 500; margin-bottom: 40px; line-height:1.4; text-indent:60px;}
.indtroduction .content01 .flex-box .right .txt-box p{font-size:22px; color:#333; margin-bottom:30px;}
.indtroduction .content03{padding:180px 0 0;}
.indtroduction .content03 .title-box{text-align: center; margin-bottom: 120px;}
.indtroduction .content03 .title-box h2{font-size:60px; margin-bottom:20px;}
.indtroduction .content03 .title-box p{font-size:22px;}
.indtroduction .content03 .background{width:100%; height:580px; background: url(/images/sub/indtroduction-content03-img01.jpg) no-repeat center / auto 100%; margin-bottom:120px;}
.indtroduction .content03 .tab-wrap .tab-btn{display: flex; justify-content: center; column-gap: 16px;}
.indtroduction .content03 .tab-wrap .tab-btn .button{padding:10px 50px; border:1px solid #E7E7E7; border-radius:32px; font-weight: 600; cursor: pointer;}
.indtroduction .content03 .tab-wrap .tab-btn .button.on{background-color:#123A8E; color:#fff;}
.indtroduction .content03 .tab-wrap .tab-title{font-size:36px; font-weight: 600;}
.indtroduction .content03 .tab-wrap .tab-container{padding:120px 0 180px;}
.indtroduction .content03 .tab-wrap .tab-body{display: none;}
.indtroduction .content03 .tab-wrap .tab-body.on{display: block;}
.indtroduction .content03 .tab-wrap .tab-body.first .tab-title{margin-bottom: 40px;}
.indtroduction .content03 .tab-wrap .tab-body.first ul{display: flex; flex-wrap:wrap; justify-content:space-between;}
.indtroduction .content03 .tab-wrap .tab-body.first ul li{width:24%; max-width:380px; padding: 50px;  background-color: #F9FBFC;} 
.indtroduction .content03 .tab-wrap .tab-body.first ul li .img-box{margin-bottom:96px;}
.indtroduction .content03 .tab-wrap .tab-body.first ul li h4{font-size:22px; margin-bottom:10px;}
.indtroduction .content03 .tab-wrap .tab-body.first ul li p{font-size:16px; color:#555;}
.indtroduction .content03 .tab-wrap .tab-body.second .tab-title{margin-bottom: 80px;}
.indtroduction .content03 .tab-wrap .tab-body.second ul{display: flex; flex-wrap:wrap;}
/* .indtroduction .content03 .tab-wrap .tab-body.second ul li{width:25%; position:relative; border-right:1px solid #D9D9D9;}
.indtroduction .content03 .tab-wrap .tab-body.second ul li:not(:first-child){padding-left:50px;}
.indtroduction .content03 .tab-wrap .tab-body.second ul li:last-child{border:0;}
.indtroduction .content03 .tab-wrap .tab-body.second ul li:last-child::after{display: none;}
.indtroduction .content03 .tab-wrap .tab-body.second ul li::after{content:''; width:8px; height:8px; border-radius: 50%; background-color: #123A8E; position: absolute; bottom:0; right:-4px;}
.indtroduction .content03 .tab-wrap .tab-body.second ul li .img-box{margin-bottom:60px;}
.indtroduction .content03 .tab-wrap .tab-body.second ul li .step{color:#123A8E; margin-bottom:20px;}
.indtroduction .content03 .tab-wrap .tab-body.second ul li h4{font-size:22px; margin-bottom:16px;}
.indtroduction .content03 .tab-wrap .tab-body.second ul li p{font-size:22px; color:#555;} */
.indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide{position:relative; border-right:1px solid #D9D9D9; height: auto !important;}
.indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide:not(:first-child){padding-left:50px;}
.indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide .img-box{margin-bottom:60px;}
.indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide .step{color:#123A8E; margin-bottom:20px;}
.indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide h4{font-size:22px; margin-bottom:16px;}
.indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide p{font-size:22px; color:#555;}
.indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide::after{content:''; width:8px; height:8px; border-radius: 50%; background-color: #123A8E; position: absolute; bottom:0; right:-4px;}
.indtroduction .content03 .tab-wrap .tab-body.third .tab-title{margin-bottom:80px;}
.indtroduction .content03 .tab-wrap .tab-body.third .tab-title em{display: block; font-size:22px; color:#333; margin-top:30px; font-weight: 400;}
.indtroduction .content03 .tab-wrap .tab-body.third table{width:100%; border:1px solid #D9D9D9;}
.indtroduction .content03 .tab-wrap .tab-body.third table tr th{padding:28px 20px; background-color:#F9FBFC; font-weight: 700; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;}
.indtroduction .content03 .tab-wrap .tab-body.third table tr td{font-size:14px; font-weight: 500; text-align: center; padding:18px 20px; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;}
.indtroduction .content03 .tab-wrap .tab-body.fourth .tab-title{text-align: center; margin-bottom: 80px;}
.indtroduction .content03 .tab-wrap .tab-body.fourth .img-box{text-align: center;}
.indtroduction .content02 { height: 300vh; }
.indtroduction .content02 .txt-box li{font-size:20px; display: flex; margin-bottom: 14px;}
.indtroduction .content02 .txt-box li em{font-size:16px; color:#9A9A9A; width:258px;}
.indtroduction .content02 .sticky { position: sticky; top: 0; left: 0; height: 100vh; }
.indtroduction .content02 .front,
.indtroduction .content02 .back { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.indtroduction .content02 .back { z-index: 3; color: #fff; }
.indtroduction .content02 .back .text-wrap{margin-top:200px;}
.indtroduction .content02 .back .text-wrap .title{font-size:48px; color:#fff; font-weight: 600; margin-bottom:20px;}
.indtroduction .content02 .back .text-wrap .text{font-size:20px; color:#fff;}
.indtroduction .content02 .back .counting-wrap{margin-top:170px;}
.indtroduction .content02 .back .counting-wrap ul{display: flex; flex-wrap: wrap; justify-content: center; width:80%; margin:0 auto;}
.indtroduction .content02 .back .counting-wrap ul li{display: flex; flex-direction: column; text-align: center; width:25%;}
.indtroduction .content02 .back .counting-wrap ul li .num{font-size:72px; font-weight: 600;}
.indtroduction .content02 .back .counting-wrap ul li .name{font-size:20px;}
.indtroduction .content02 .background { z-index: 2; overflow: hidden; position: absolute; width: 100%; height: 100%; }
.indtroduction .content02 .background img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
 
.history .tab-wrap{position: relative;}
.history .tab-wrap .tab-btn{position:absolute; top:0; left:10%;}
.history .tab-wrap .tab-btn .button{color:#999; font-weight: 400; margin-bottom: 8px; position: relative; display:flex; align-items: center; column-gap: 8px; transition: all ease .35s; cursor: pointer;} 
.history .tab-wrap .tab-btn .button::before{content:''; width:14px; height:10px; background: url(/images/sub/history-arrow.png) no-repeat center / auto 100%; position: absolute; left:-10px; opacity: 0; visibility: hidden; transition: all ease .35s;}
.history .tab-wrap .tab-btn .button.on{color:#000; padding-left:22px;}
.history .tab-wrap .tab-btn .button.on::before{opacity: 1; visibility: visible; left:0;}
.history .tab-wrap .tab-container{padding-left:457px; padding-bottom:180px;}
.history .tab-wrap .tab-container .tab-body{display: none;}
.history .tab-wrap .tab-container .year-title{font-size:48px; font-weight: 700; margin-bottom:70px;}
.history .tab-wrap .tab-container .flex-box{display: flex; flex-wrap:wrap;}
.history .tab-wrap .tab-container .year-box {width:52%; padding-right: 5%;}
.history .tab-wrap .tab-container .year-box dl{display: flex; column-gap: 60px; margin-bottom: 20px;}
.history .tab-wrap .tab-container .year-box dl dt{font-weight: 700;}
.history .tab-wrap .tab-container .year-box dl dd{font-weight: 400; line-height: 1.6;}
/* .history .tab-wrap .tab-container .year-box dl dd .blue{color:#123A8E;}
.history .tab-wrap .tab-container .year-box dl dd .blue2{color:#365EEB;} */
.history .tab-wrap .tab-container .img-box{width:48%;}

.customer{  background: linear-gradient(0deg, #F9FBFC, transparent);}
.customer .map-wrap{padding:439px 0 100px; position: relative;}
.customer .map-wrap .ani-txt{width: 104vw; height: 9vw; background: url(/images/sub/map-txt.png) no-repeat center / cover; position: absolute; top: 104px; left: 50%;}
.customer .map-title{padding-left:52%; margin-bottom:105px;}
.customer .map-title h2{font-size:36px; font-weight: 500; margin-bottom:30px;}
.customer .map-title p{font-size:22px;}
.customer .client-swiper .swiper-slide ul{display: flex; flex-wrap: wrap; padding-top:60px;}
.customer .client-swiper .swiper-slide ul li{width:calc(100% / 7);}
.customer .client-swiper .controls{display: flex; justify-content: space-between;}
.customer .client-swiper .swiper-pagination{position: static; width:auto; max-width: calc(100% - 120px);}
.customer .client-swiper .swiper-pagination span{background: transparent; width: auto;  margin-right: 30px; opacity:1;}
.customer .client-swiper .swiper-pagination span em{font-size:20px; color:#ccc; font-weight: 600;}
.customer .client-swiper .swiper-pagination span.swiper-pagination-bullet-active em{color:#000;}
.client-swiper .swiper-button-next, .client-swiper .swiper-button-prev{position: relative; left:auto; right:auto;}
.client-swiper .swiper-button{display: flex; column-gap: 20px;}
.swiper-button-next{width:auto; height:auto; width:46px; height:46px; border-radius: 50%; border:1px solid #D9D9D9; background-color: #123A8E;}
.swiper-button-prev{width:auto; height:auto; width:46px; height:46px; border-radius: 50%; border:1px solid #D9D9D9; background-color: #123A8E;}
.swiper-button-next:after{content: ''; width:100%; height: 100%; background: url(/images/view-more.png) no-repeat center / 14px;}
.swiper-button-prev:after{content: ''; width:100%; height: 100%; background: url(/images/view-more.png) no-repeat center / 14px; transform: rotate(-180deg);}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: unset; background-color: transparent; filter: grayscale(100%) brightness(0.8);}






 
.location .root_daum_roughmap{width:100%; height: 700px;}
.root_daum_roughmap .wrap_map{height: 700px !important;}
.location .map-box{position: relative; }
.location .block{z-index: 3; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 28px; font-weight: 400; color: #fff; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity ease .35s; cursor: pointer;}
.location .root_daum_roughmap .wrap_controllers{display: none;}
.location .txt-box{display:flex; flex-wrap:wrap; margin:80px 0 180px;}
.location .txt-box .left{width:50%;}
.location .txt-box .left h3{font-size:24px; margin-bottom:20px;}
.location .txt-box .left p{font-size:20px;}
.location .txt-box .right{width:50%;}
.location .txt-box .right ul li{display: flex; align-items: center; column-gap:40px; margin-bottom:40px;}
.location .txt-box .right ul li p{font-size:20px; font-weight: 500;}

.partner .content-wrap {padding-bottom: 180px;}
.partner .content-wrap .content-subsidiary {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
}
.partner .content-wrap .content-subsidiary .img-wrap {
  position: relative;
  width: 60%;
  max-width: 770px;
  height: 460px;
  background-color: #F4F7FD;
  font-size: 0;
}
.partner .content-wrap .content-subsidiary .img-wrap .label {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 8px 30px;
  border-radius: 500px;
  background-color: #123A8E;
  color: #fff;
}
.partner .content-wrap .content-subsidiary .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partner .content-wrap .content-subsidiary .text-wrap {width: 40%;}
.partner .content-wrap .content-subsidiary .text-wrap .title {
  margin-bottom: 40px;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
}
.partner .content-wrap .content-subsidiary .text-wrap p {
  font-size: 21px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 16px;
}
.partner .content-wrap .content-subsidiary .text-wrap p + p {margin-bottom: 60px;}
.partner .content-wrap .content-subsidiary .text-wrap a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 18px 84px 18px 30px;
  border: 1px solid #e7e7e7;
  border-radius: 500px;
  overflow: hidden;
}
.partner .content-wrap .content-subsidiary .text-wrap a:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #123A8E;
  transition: all 0.3s;
  position: absolute;
  left: -100%;
  top: 0;
  border-radius: 500px;
  z-index: -1;
}
.partner .content-wrap .content-subsidiary .text-wrap a:hover:after {left: 0;}
.partner .content-wrap .content-subsidiary .text-wrap a:hover {color: #fff}
.partner .content-wrap .content-subsidiary .text-wrap a .btn {
  width: 60px;
  height: 60px;
  background-color: rgb(18, 58, 142, .1);
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-45deg);
  border-radius: 50%;
}
.partner .content-wrap .content-subsidiary .text-wrap a .btn .btn-inner {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  margin: auto;
  background: url(/images/view-more.png) no-repeat center / 14px;
  background-color: #123A8E;
}
.partner .content-wrap .content-partner {display: flex;gap: 60px;}
.partner .content-wrap .content-partner .partner-item {width: 467px;text-align: center}
.partner .content-wrap .content-partner .partner-item .img-wrap {position: relative;font-size: 0;height: 327px;background-color: #F4F7FD;display: flex;align-items: center;justify-content: center;}
.partner .content-wrap .content-partner .partner-item .img-wrap .label {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 8px 30px;
  border-radius: 999px;
  background-color: #ed2028;
  color: #fff;
}

.partner .content-wrap .content-partner .partner-item .img-wrap img {width:70%;height:70%;object-fit: contain;}
.partner .content-wrap .content-partner .partner-item .link-wrap {text-align: center;}
.partner .content-wrap .content-partner .partner-item .link-wrap p {
  margin: 18px 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}
.partner .content-wrap .content-partner .partner-item .link-wrap a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 60px 12px 30px;
  border: 1px solid #e7e7e7;
  border-radius: 500px;
  overflow: hidden;
}
.partner .content-wrap .content-partner .partner-item .link-wrap a .btn {
  width: 50px;
  height: 50px;
  background-color: rgb(18, 58, 142, .1);
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-45deg);
  border-radius: 50%;
}
.partner .content-wrap .content-partner .partner-item .link-wrap a .btn .btn-inner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  margin: auto;
  background: url(/images/view-more.png) no-repeat center / 14px;
  background-color: #123A8E;
}
.partner .content-wrap .content-partner .partner-item .link-wrap a:before {
  content: '';
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #123A8E;
  transition: all 0.3s;
  z-index: -1;
}
.partner .content-wrap .content-partner .partner-item .link-wrap a:hover {color: #fff;}
/* .partner .content-wrap .content-partner .partner-item .link-wrap a:hover:after {filter: none;} */
.partner .content-wrap .content-partner .partner-item .link-wrap a:hover:before {left: 0;}
/* .partner .content-wrap .content-partner .partner-item .link-wrap a:after {
  content: '';
  width: 14px;
  height: 10px;
  background: url(/images/contact-arrow.png) no-repeat center / auto 100%;
  display: block;
  filter: invert(1);
  transform: rotate(-45deg);
} */

.pick .sub-title{padding-left:52%;}
.pick .sub-title.big{padding-left:0; font-size:48px;}
.pick .sub-title.big h2{font-weight: 700;}
.pick .content01{padding-bottom: 180px; }
.pick .content01 .img-box{position: relative;}
.pick .content01 .img-box::after{content: ''; display: block; padding-top:calc(520 / 1520 * 100%);}
.pick .content01 .img-box img{position: absolute; width:100%; height: 100%; object-fit: cover;}
.pick .content01 ul{margin:80px 0 0; padding-left:10px;}
.pick .content01 ul li{position:relative; color:#555; font-size:20px; padding-left: 14px; margin-bottom: 8px;}
.pick .content01 ul li::after{content:''; width:4px; height:4px; border-radius: 50%; background-color: #555; position: absolute; top:13px; left:0;}
 
.parallel .sub-title{padding-left:52%;}
.parallel .sub-title.big{padding-left:0; font-size:48px;}
.parallel .content01{padding-bottom: 180px;}
.parallel .content01 ul{margin:80px 0 0; padding-left:10px;}
.parallel .content01 ul li{position:relative; color:#555; font-size:20px; padding-left: 14px; margin-bottom: 8px; display: flex;}
.parallel .content01 ul li::after{content:''; width:4px; height:4px; border-radius: 50%; background-color: #555; position: absolute; top:13px; left:0;}
.parallel .content01 ul li em{width:376px; font-weight: 500; color:#000;}
.parallel .content01 ul li span {flex: 1;}
 
.cartoning .content01 .sub-title{padding-left:52%;}
.cartoning .content02 .flex-box{display: flex; flex-wrap: wrap; margin-top:120px;}
.cartoning .content02 .flex-box .left{width:50%;}
.cartoning .content02 .flex-box .right{width:50%;}
.cartoning .content02 .flex-box .right ul{margin:80px 0 0; padding-left:10px;}
.cartoning .content02 .flex-box .right ul li{position:relative; color:#555; font-size:20px; padding-left: 14px; margin-bottom: 8px; display: flex;}
.cartoning .content02 .flex-box .right ul li::after{content:''; width:4px; height:4px; border-radius: 50%; background-color: #555; position: absolute; top:13px; left:0;}
.cartoning .content03{margin-top:80px;}
.cartoning .content03 .txt-box{margin-bottom: 120px;}
.cartoning .content03 .txt-box:last-child{margin-bottom: 0;}
.cartoning .content03 .txt-box h2{font-size:36px; font-weight: 500;}
.cartoning .content03 .txt-box ul{margin:40px 0 0;}
.cartoning .content03 .txt-box.first ul{margin:40px 0 0; padding-left:10px;}
.cartoning .content03 .txt-box.first ul li{position:relative; color:#555; font-size:20px; padding-left: 14px; margin-bottom: 8px; display: flex;}
.cartoning .content03 .txt-box.first ul li::after{content:''; width:4px; height:4px; border-radius: 50%; background-color: #555; position: absolute; top:13px; left:0;}
.cartoning .content03 .txt-box.second ul li{font-size:20px; color:#333; display: flex; align-items: center; margin-bottom:8px;}
.cartoning .content03 .txt-box.second ul li em{width:384px; font-size:16px; color:#777;}
.cartoning .content04 .table-wrap{width:100%; margin:180px 0;    }
.cartoning .content04 .table-wrap table{width: 100%; border:1px solid #D9D9D9;}
.cartoning .content04 .table-wrap table tr th{background-color: #093160; color:#fff; font-size: 20px; font-weight: 600; border-right: 1px solid #EAEDF2; padding:22px 10px;}
.cartoning .content04 .table-wrap table tr td{font-size:16px; color:#000; font-weight: 500; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding:16px 10px;}
.cartoning .content05{padding-bottom:180px;}
.cartoning .content05 .flex-box{display: flex; flex-wrap: wrap; align-items: center   ;}
.cartoning .content05 .flex-box .left{width: 50%;}
.cartoning .content05 .flex-box .right{width: 50%;}
.cartoning .content05 .flex-box .left h2{font-size:36px; font-weight: 500;}
.cartoning .content05 .flex-box .left ul{margin:40px 0 0;}
.cartoning .content05 .flex-box .left ul{margin:40px 0 0; padding-left:10px;}
.cartoning .content05 .flex-box .left ul li{position:relative; color:#555; font-size:20px; padding-left: 14px; margin-bottom: 8px; display: flex;}
.cartoning .content05 .flex-box .left ul li::after{content:''; width:4px; height:4px; border-radius: 50%; background-color: #555; position: absolute; top:13px; left:0;}
 
.case .content01 ul{margin:80px 0 0; padding-left:33%;}
.case .content01 ul li{position:relative; color:#555; font-size:20px; padding-left: 14px; margin-bottom: 8px;}
.case .content01 ul li::after{content:''; width:4px; height:4px; border-radius: 50%; background-color: #555; position: absolute; top:13px; left:0;}
 
.wrap-sec .content01{padding-bottom:180px;}
.wrap-sec .content01 .flex-box{display: flex; flex-wrap: wrap;}
.wrap-sec .content01 .flex-box .left{width:34%; padding-top:14%;}
.wrap-sec .content01 .flex-box .right{width: 66%;}
.wrap-sec .content01 .flex-box .right ul{margin:80px 0 0;}
.wrap-sec .content01 .flex-box .right ul li{position:relative; color:#555; font-size:20px; padding-left: 14px; margin-bottom: 8px;}
.wrap-sec .content01 .flex-box .right ul li::after{content:''; width:4px; height:4px; border-radius: 50%; background-color: #555; position: absolute; top:13px; left:0;}
 
.palletizing .sub-title ul{margin-top:40px;}
.palletizing .content01{padding-bottom: 180px;}
.palletizing .content01 .flex-box{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 120px;}
.palletizing .content01 .flex-box:last-child{margin-bottom: 0;}
.palletizing .content01 .flex-box .left{width:34%;}
.palletizing .content01 .flex-box .right{width:66%;}
.palletizing .content01 .flex-box.cont01 .left .txt-box h2{font-size: 36px; font-weight: 500; margin-bottom: 40px;}
.palletizing .content01 .flex-box.cont01 .left .txt-box ul li{font-size:20px; padding-left:46px; position: relative; margin-bottom: 16px; font-weight: 500;}
.palletizing .content01 .flex-box.cont01 .left .txt-box ul li em{position: absolute; left:0; top:0; width:30px; height: 30px; border-radius: 50%; border:1px solid #D9D9D9; text-align: center; font-size: 14px; line-height: 30px;}
.palletizing .content01 .flex-box.cont02{flex-direction:row-reverse;}
.palletizing .content01 .flex-box.cont02 .left{padding-left:9%;}
 
.diagnostic .content01{padding-bottom: 180px;}
.diagnostic .content01 .flex-box{display: flex; align-items: flex-end; flex-wrap: wrap; font-size: 0;}
.diagnostic .content01 .flex-box .left{width: 41%;}
.diagnostic .content01 .flex-box .right{width:59%; padding-left:40px;}
.diagnostic .content01 .flex-box .right p{font-size: 20px; color:#123A8E; margin-bottom: 40px; padding-left: 34px; position: relative;}
.diagnostic .content01 .flex-box .right p::after{content: ''; width:18px; height: 19px; background: url(/images/sub/palletizing-content01-icon.png) no-repeat center / auto 100%; position: absolute; top:6px; left:0;}
.diagnostic .content01 .flex-box .right .img-box{display: flex; flex-wrap:wrap; margin:0 -20px;}
.diagnostic .content01 .flex-box .right .img-box img{width: 50%; padding:0 20px;}
 
.full .content01 .img-box{margin-bottom: 80px;}
.full .content01 .img-box02{display: flex; column-gap: 40px;}
.full .content01 .img-box02 p{font-size:20px; font-weight: 500; margin-top:20px;}
.full .content02{margin-bottom:120px;}
.full .content02 .flex-box{display: flex; flex-wrap: wrap; }
.full .content02 .flex-box .left{width:60%;}
.full .content02 .flex-box .right{width:40%; display: flex; flex-direction: column; align-items: flex-end;}
.full .content02 .flex-box .right .img-box p{margin:20px 0 40px; font-size:20px; font-weight: 500;}
.full .support-section-body .list-content ul li:first-child{width:61%;}
.full .support-section-body .list-content ul li:last-child{width:39%;}
.full .support-section-body .list-content ul.first li{width:50%;}
.full .support-section-body .list-content ul.first li:nth-child(1){width: 100%; margin-bottom: 40px;}
.support-section-body .list-content ul.bd{border-bottom:0;}




/* ------- Support ------- */

.tab-lists { display: flex; margin: 0 -3px; }
.tab-lists .button { position: relative; flex: 1 1; display: flex; align-items: center; font-size: 20px; color:#999; font-weight: 500; margin-bottom: 15px; transition: all ease .35s;}
.tab-lists .button::before{content: ''; width: 14px; height: 10px; background: url(/images/sub/history-arrow.png) no-repeat center / auto 100%; position: absolute; left: -10px; opacity: 0; visibility: hidden; transition: all ease .35s;}
.tab-lists .button .icon { margin-left: 6px; }
.support-section-container.transform .tab-lists .button{color:#999;}
.tab-lists ul ul .button { margin-left: 30px; font-weight: 400;}
.tab-panels { margin-top: 60px; }
.support-section-container { position: relative; background-color: #F9FBFC; padding:180px 0  ; } 
.support-section-container .sub-title{margin-top:0;}
.support-section-container .sticky { z-index: 10; position: sticky; top: 150px; left: 0; /*padding-top: 150px;*/ padding-bottom:100px;}
.support-section-container .tab-lists { flex-direction: column; margin: -3px 0; }
.support-section-container .tab-lists .button {}
.support-section-container .tab-title{font-size:20px; color:#000; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, .2)}
.support-section-container .tab-title h3{font-size:48px; font-weight:700; color:#000; line-height:1.3; margin-bottom: 50px;}
.support-section-container .section-title-wrap { margin-bottom: 50px; }
.support-section-container .section-text { margin-top: 24px; }
.support-section-head { position: absolute; height: 100%; }
.support-section-body { padding-left: 470px; }
/* .support-section-body .section-wrap { max-width: 924px; } */
.support-section-body .section { /*padding: 150px 0  0;*/ }
.support-section-body .section:last-child { padding-bottom: 0; } 
/* .support-section-body .section { padding: 150px 0 ; }
.support-section-body .section:last-child { padding-bottom: 0; } */
/* .support-section-body .section .list-content{padding:60px 0;} */
/*.support-section-body .section .list-content02 { padding: 150px 0 0; }*/
.support-section-body .list-title{position: relative; font-size:36px; display: flex; align-items: center; padding: 60px 0;  padding-left:40px;  border-top:1px solid #ddd;}
.support-section-body .section:first-child .list-title:first-child{border-top:0; padding-top:0;}
.support-section-body .list-title::before{content: '→';  position: absolute; left: 0;}
.support-section-body h4{position: relative; padding-left: 14px; font-size:20px; margin:0 0 30px; color:#333; font-weight: 500;} 
.support-section-body h4::after{    content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #555; position: absolute; top: 13px; left: 0;}
.support-section-body .list-content ul{display: flex; flex-wrap: wrap; padding-bottom: 60px;  margin:0 -20px;}
.support-section-body .list-content ul li{width:50%; padding:0 20px; margin-bottom:20px;}
.support-section-body .list-content ul li .video{position: relative;}
.support-section-body .list-content ul li .video iframe{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.support-section-body .list-content ul li .video::after{content: ''; display: block; padding-top:calc(320 / 484 * 100%); background-color: black;}
.support-section-body .list-content ul li p{font-size:16px; color:#555; margin:20px 0 ;}
.tab-lists .button[aria-selected="true"]{padding-left:26px; color:#000;}
.tab-lists .button[aria-selected="true"]::before{opacity: 1; visibility: visible; left: 0}
.support-section-container.transform {  background-color: #fff;}
.support-section-container.transform .tab-title{font-size:36px; font-weight: 500; border:0; padding-bottom: 0; margin-bottom:40px;}
.support-section-container.transform .tab-lists .button{padding-left: 20px;}
.support-section-container.transform .tab-lists .button::before{background: none;}
.support-section-container.transform .tab-lists .button::after{content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #555; position: absolute; top: 13px; left: 0;}
.support-section-container.transform .tab-lists .depth li .button{display: flex; align-items: center; padding-left: 0;}
.support-section-container.transform .tab-lists .depth li .button::after{content: ''; width: 14px; height: 10px; background: url(/images/sub/history-arrow.png) no-repeat center / auto 100%; position: absolute; top:auto; left: -20px; opacity: 0; visibility: hidden; transition: all ease .35s;}
.support-section-container.transform .tab-lists .button[aria-selected="true"]{padding-left:auto; color:#123A8E;}
.support-section-container.transform .tab-lists .button[aria-selected="true"]::after{background-color: #123A8E;}
.support-section-container.transform .tab-lists .depth li .button[aria-selected="true"]{color:#000; padding-left:22px;}
.support-section-container.transform .tab-lists .depth li .button[aria-selected="true"]::after{left:-10px; opacity: 1; visibility: visible;}
.support-section-container.transform  .support-section-body{display: flex; justify-content: flex-end;}
.support-section-container.transform  .support-section-body .section-wrap { max-width: 750px; }
.support-section-container.transform .list-content02 li{margin-bottom:80px;} 
.support-section-container.transform .list-content02 p{font-size:20px; font-weight: 500; margin-top:20px;}




.contact .sub-title{padding-left:52%;}
.contact .cct-form .req{color: #F00;}
.contact .cct-form {font-size: 21px;  }
.contact .cct-form ul{border-top:2px solid #000; margin-top: 20px;}
.contact .cct-form ul li{ display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd;} 
.contact .cct-form ul li .th{width:300px;padding:20px 30px; margin-top: 15px;} 
.contact .cct-form ul li .td{width:calc(100% - 300px);padding:20px 0; }
.contact .cct-form ul li input{width:100%; height:60px; line-height:60px; background: #f8f8f8; border:0; color: #000;padding:0 20px; font-size: 20px;}
.contact .cct-form ul li textarea{width:100%; height:250px;  background: #f8f8f8; border:0; padding: 20px;font-size: 20px;color: #000;} 
.contact .checkbox{position:relative; font-size: 14px; margin-top: 20px;}
.contact .checkbox input[type=checkbox]{ width: 22px; cursor: pointer; height: 22px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0;}
.contact .checkbox input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 35px; display:block;  }
.contact .checkbox input[type=checkbox]+ label:before {content: ""; display: inline-block; width:22px; height:22px; background:url('/images/sub/check-off.png')no-repeat 50% 50%; position:absolute; top:0; left:0;}
.contact .checkbox input[type=checkbox]:checked + label:before {content: ""; background:url('/images/sub/check-on.png')no-repeat 50% 50%; width:24p22pxx; height:22px;} 
.contact .ctt-btn{text-align:center; font-size: 16px; margin:80px 0 160px;}
.contact .ctt-btn button{display:inline-block; border:2px solid #123A8E; background:#123A8E; color:#fff ; height:60px; border-radius:50px; text-align:center; width:45%; max-width:219px; margin:5px;  font-weight: 600;}
.contact .ctt-btn button:first-child{background:#fff; color: #123A8E; border-color:#123A8E}
.contact .checkbox a{text-decoration:underline; font-weight: 600; cursor:pointer;}






@media screen and (max-width: 1400px){
    .indtroduction .content01 .flex-box .right{padding-top:50px; padding-right: 5%;}
    .indtroduction .content01 .flex-box .right .txt-box h2{font-size:28px;}
    .indtroduction .content01 .flex-box .right .txt-box p{font-size:18px;}
    .history .tab-wrap .tab-btn{position: unset; padding-left: 5%; display: flex; column-gap: 30px;}
    .history .tab-wrap .tab-container{padding-left: 5%;}
    
    .customer .client-swiper .swiper-slide ul li{width:calc(100% / 5);}
    .customer .client-swiper .swiper-pagination{overflow-x: auto; display: flex;}
    .customer .client-swiper .swiper-pagination span{white-space: nowrap; margin-right: 10px; height: auto;}
 
    .partner .content-wrap .content-subsidiary .img-wrap {width:50vw;}
}

@media screen and (max-width: 1024px){
	.bbs-visual{margin:150px 0 30px;}
	.bbs-visual .title{font-size:44px;}
    .sub-visual .title{font-size:44px;}
    .sub-visual .title em{font-size:20px; margin-top:20px;}
    .sub-title{margin:100px 0 50px;}
    .sub-title h2{font-size:28px;}

    .indtroduction .content01{padding:100px 0 60px;}
    .indtroduction .content03{padding:100px 0 0;}
    .indtroduction .content03 .background{ }
    .indtroduction .content03 .title-box{margin-bottom: 60px;}
    .indtroduction .content03 .title-box h2{font-size:44px; margin-bottom: 20px;}
    .indtroduction .content03 .title-box p{font-size:20px;}
    .indtroduction .content03 .tab-wrap .tab-container{padding:100px 0;}
    .indtroduction .content03 .tab-wrap .tab-body.first ul{justify-content: space-between; row-gap: 2%;}
    .indtroduction .content03 .tab-wrap .tab-body.first ul li{width: 49%; max-width: none; height: auto; margin-bottom: 2%;}
    .indtroduction .content03 .tab-wrap .tab-body.first ul li.none{display: none;}

    .customer .map-wrap{padding:300px 0 60px;}
    
    .support-section-head{width: 100%;}
    .support-section-container .tab-title{ }
    .support-section-container .tab-lists{flex-direction: row; }
    .support-section-body{padding-left: 0; padding-top:300px;}
    .tab-lists .button{margin-bottom: 0; font-size:16px;}
    
    .wrap-sec .content01 .flex-box .left{width: 100%; margin-bottom: 15px;}
    .wrap-sec .content01 .flex-box .right{width: 100%;}
    
    
    
	.support-section-container .tab-lists{ padding:0 0 20px; gap:20px; overflow-x: auto;}
    .tab-lists .button{white-space: nowrap;}
    
    .support-section-container .sticky{padding:20px 0; width:100%;  position:relative; top:auto; padding:0;}
    
    .partner .content-wrap .content-subsidiary {flex-direction: column;}
    .partner .content-wrap .content-subsidiary .img-wrap {width: 100%;max-width: 100%;margin-bottom: 30px;}
    .partner .content-wrap .content-subsidiary .text-wrap {width: 100%;}
    
}

@media screen and (max-width: 768px){
    .sub-visual .scroll_iconAnimation {bottom: 20px;}
    .sub-visual .title{font-size:40px; padding-right: 0; bottom:50px;}
    .sub-visual .title em{font-size:18px; margin-top: 10px;}
	.sub-visual .title span{line-height:1.2;}
    .sub-title{margin:80px 0 40px;}
    .sub-title h2{font-size:24px; text-indent:30px;}
	.sub-title h2 br{display:none;}
    .sub-title ul{margin: 30px 0 0;}
    .sub-title ul li{font-size: 16px;}
    .breadcrumb{width: 100%;}
    .breadcrumb ol > li{width:45%; padding:10px 0;}
	.breadcrumb ol > li:not(:last-child){width:55%;}
	.breadcrumb ol > li:not(:last-child)::after{margin:0 20px;}
    .breadcrumb .toggle{width: 100%; font-size: 13px;} 
    
    .indtroduction .content01{padding:60px 0;} 
    .indtroduction .content01 .flex-box .left{width: 90%; padding-right: 0;}
    .indtroduction .content01 .flex-box .right{width:90%; margin:0 auto;  padding: 50px 0 0; }
    .indtroduction .content01 .flex-box .right .txt-box h2{font-size:24px; margin-bottom: 20px;}
    .indtroduction .content01 .flex-box .right .txt-box h2 br{display: none;}
    .indtroduction .content01 .flex-box .right .txt-box p{font-size:17px; margin-bottom: 10px;}
    .indtroduction .content03{padding-top: 60px;}
    .indtroduction .content03 .tab-wrap .tab-body.first ul li{width: 100%;}
	.indtroduction .content03 .title-box{margin-bottom: 50px;}
	.indtroduction .content03 .background{height:200px;     margin-bottom: 80px;}
	.indtroduction .content03 .tab-wrap .tab-body.first ul li .img-box{margin-bottom: 30px;}
	.indtroduction .content03 .tab-wrap .tab-body.first ul li .img-box img{max-width:50px;}
    .indtroduction .content03 .title-box h2{font-size:30px; margin-bottom: 15px; line-height: 1.2;}
    .indtroduction .content03 .title-box p{font-size:18px;}
    .indtroduction .content03 .tab-wrap .tab-title{font-size:24px;} 
    .indtroduction .content03 .tab-wrap .tab-btn{overflow-x: auto; justify-content: flex-start; column-gap: 10px;}
    .indtroduction .content03 .tab-wrap .tab-btn .button{padding:10px 20px; font-size:14px;}
    .indtroduction .content03 .tab-wrap .tab-container{padding:50px 0;}
    .indtroduction .content03 .tab-wrap .tab-body.first ul li{margin-bottom: 20px;}
    .indtroduction .content03 .tab-wrap .tab-body.first ul li h4{font-size:20px;}
    .indtroduction .content03 .tab-wrap .tab-body.first ul li p{font-size:16px;}
    .indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide .img-box{margin-bottom: 30px;}
    .indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide h4{font-size:20px;}
    .indtroduction .content03 .tab-wrap .tab-body.second .swiper-slide p{font-size:16px;}
    .indtroduction .content03 .tab-wrap{overflow-x: auto;}
    .indtroduction .content03 .tab-wrap .tab-body.third .tab-title{margin-bottom: 30px; }
    .indtroduction .content03 .tab-wrap .tab-body.third .tab-title em{font-size:20px; margin-top:15px;}
    .indtroduction .content03 .tab-wrap .tab-body.third table{white-space: nowrap;}
    .indtroduction .content03 .tab-wrap .tab-body.third table tr th{padding:20px;}
    .indtroduction .content03 .tab-wrap .tab-body.third table tr td{padding: 15px;}
    .indtroduction .content03 .tab-wrap .tab-body.fourth .img-box img:first-child{display: none;}
    .indtroduction .content03 .tab-wrap .tab-body.fourth .img-box .mo{display: block;}
    .indtroduction .content02 .txt-box li{font-size:16px;}
    .indtroduction .content02 .txt-box li em{width:140px;}
    .indtroduction .content02 .back .text-wrap .title{font-size:30px;}
    .indtroduction .content02 .back .text-wrap .text{font-size:18px; margin-bottom: 15px;}
    .indtroduction .content02 .back .text-wrap .text br{display: none;}
    .indtroduction .content02 .back .counting-wrap{margin-top:26%;}
    .indtroduction .content02 .back .counting-wrap ul{column-gap: 0; row-gap: 20px; width:100%;}
    .indtroduction .content02 .back .counting-wrap ul li{width: 50%;}
    .indtroduction .content02 .back .counting-wrap ul li .num{font-size:30px;}
    .indtroduction .content02 .back .counting-wrap ul li .name{font-size:16px;}

    .history .tab-wrap .tab-container{padding-bottom: 80px;}
    .history .tab-wrap .tab-container .year-title{font-size: 30px; margin-bottom: 30px;}
    .history .tab-wrap .tab-btn{margin-bottom: 15px;}
    .history .tab-wrap .tab-container .flex-box{flex-direction: column-reverse; gap:20px;}
    .history .tab-wrap .tab-container .img-box{width: 100%;}
    .history .tab-wrap .tab-container .year-box{width: 100%;}
    .history .tab-wrap .tab-container .year-box dl{margin-bottom: 15px;}
    
    .customer .map-wrap{padding:130px 0 30px;}
    .customer .map-wrap .ani-txt{top:30px;}
    .customer .map-title{padding-left: 0; margin-bottom: 50px;}
    .customer .map-title h2{font-size: 30px; margin-bottom: 15px; line-height: 1.3;}
    .customer .map-title p{font-size:18px;}
    .customer .map{overflow-x: auto;}
    .customer .map img{max-width: 768px;}
    
    .location .root_daum_roughmap{height: 350px;}
    .location .txt-box{margin:50px 0  ;}
    .location .txt-box .left{width: 100%; margin-bottom: 30px;}
    .location .txt-box .right{width: 100%;}
    .location .txt-box .left h3{font-size: 20px;}
    .location .txt-box .left p{font-size:16px;}
    .location .txt-box .right ul li{column-gap: 20px;}
    .location .txt-box .right ul li p{font-size: 16px;}
    .location .txt-box .right ul li img{zoom: .8;}
    
    .partner .content-wrap {padding-bottom: 20vw;}
    .partner .content-wrap .content-subsidiary {flex-direction: column; gap: 6.51vw;margin-bottom: 10vw;}
    .partner .content-wrap .content-subsidiary .img-wrap {width: 100%;height: auto;margin-bottom: 0;}
    .partner .content-wrap .content-subsidiary .text-wrap {width: 100%; padding-left: 0;text-align: center;}
    .partner .content-wrap .content-subsidiary .text-wrap .title {font-size: 45px;line-height: 1; margin-bottom: 20px;}
    .partner .content-wrap .content-subsidiary .text-wrap p {font-size: 17px;}
    .partner .content-wrap .content-subsidiary .text-wrap p + p {margin-bottom: 20px;}
    .partner .content-wrap .content-subsidiary .img-wrap .label {font-size:4vw;padding:2vw 6vw;line-height:3vw;top: 5vw;left:5vw;}
    .partner .content-wrap .content-partner .partner-item .img-wrap .label {font-size:4vw;padding:2vw 6vw;line-height:3vw;top: 5vw;left:5vw;}
    .partner .content-wrap .content-partner {flex-direction: column;}
    .partner .content-wrap .content-partner .partner-item {width:100%;}
    .partner .content-wrap .content-subsidiary .text-wrap a:after,
    .partner .content-wrap .content-partner .partner-item .link-wrap a:before {left: 0;}
    .partner .content-wrap .content-subsidiary .text-wrap a,
    .partner .content-wrap .content-partner .partner-item .link-wrap a {color: #fff;}
    .partner .content-wrap .content-partner .partner-item .link-wrap a:after {filter: invert(0);}

    .pick .sub-title{padding-left: 0;}
    .pick .content01{padding-bottom: 60px;}
    .pick .content01 ul{margin:30px 0 0;}
    .pick .content01 ul li{font-size:18px;}
    .content02.sec-cont02{padding-bottom: 60px;}
    .content02.sec-cont02 .flex-box .left{width: 100%;}
    .content02.sec-cont02 .flex-box .right{width: 100%; padding-left: 5%;}
    .content02.sec-cont02 .flex-box .right .txt-box{padding:50px 0 0;}
    .content02.sec-cont02 .flex-box .right .txt-box h2{margin-bottom:30px; font-size:24px;}
    .content02.sec-cont02 .flex-box .right .txt-box dl dt{font-size: 14px;}
    .content02.sec-cont02 .flex-box .right .txt-box dl dd{font-size: 14px;}
 
    .support-section-container{padding:80px 0;}
	.support-section-body{padding-top: 50px;}
	.support-section-head{ position:relative;}  
    .support-section-body .list-title{  font-size:24px; padding:30px 0 30px 30px;}
	.support-section-body .list-content ul{padding-bottom: 30px;}
    .support-section-body .list-content ul li{width: 100% !important; margin-bottom: 15px;}
    .support-section-body h4{margin:30px 0;}

	.cartoning .content01 .sub-title{padding-left:0;}

    .parallel .sub-title{padding-left: 0;}
    .parallel .content01{padding-bottom: 60px;}
    .parallel .content01 ul{margin:30px 0 0;}
    .parallel .content01 ul li{flex-direction: column; gap:10px; font-size: 18px; margin-bottom: 16px;}
    .parallel .content01 ul li em{width: auto;}
    .content02.sec-cont02 .flex-box .right .txt-box dl dt{width: 120px;}
    .content02.sec-cont02 .flex-box .right .txt-box dl dd{width: calc(100% - 140px);}
    
    .cartoning .content02 .flex-box{margin-top:60px;}
    .cartoning .content02 .flex-box .left{width: 100%;}
    .cartoning .content02 .flex-box .right{width: 100%;}
    .cartoning .content02 .flex-box .right ul{margin:0; padding-left:0;}
    .cartoning .content02 .flex-box .right ul li{font-size:16px;}
    .cartoning .content03{margin-top:60px;}
    .cartoning .content03 .txt-box h2{font-size:24px;}
	.cartoning .content03 .txt-box ul{margin:20px 0 0 ;}
	.cartoning .content03 .txt-box.second ul li{font-size: 14px;}
    .cartoning .content03 .txt-box h2 br{display: none;}
    .cartoning .content03 .txt-box.first ul{margin:20px 0 0; padding-left: 0;}
    .cartoning .content03 .txt-box.first ul li{font-size: 16px;}
    .cartoning .content03 .txt-box{margin-bottom: 60px;}
    .cartoning .content03 .txt-box.second ul li em{width: 120px;}
    .cartoning .content04 .table-wrap{margin:60px 0;}
    .cartoning .content04 .table-wrap{overflow-x: auto;}
    .cartoning .content04 .table-wrap table{white-space: nowrap;}
    .cartoning .content04 .table-wrap table tr th{font-size:18px;}
	.cartoning .content05{padding-bottom: 80px;}
    .cartoning .content05 .flex-box{flex-direction: column-reverse; gap:20px;}
    .cartoning .content05 .flex-box .left h2{font-size:24px;}
	.cartoning .content05 .flex-box .left ul{margin:20px 0 0;}
    .cartoning .content05 .flex-box .left ul li{font-size:16px;}
    .cartoning .content05 .flex-box .left{width: 100%;}
    .cartoning .content05 .flex-box .right{width: 100%;}
	.cartoning .content04 .table-wrap table tr th,
	.cartoning .content04 .table-wrap table tr td{ font-size: 12px; padding:5px;}

	.case .content01 ul{margin:20px 0 0 ; padding-left:0;}
    .case .content01 ul li{font-size: 16px;}

	.support-section-container.transform .tab-title{font-size: 24px;}
    .support-section-container.transform .tab-title{margin-bottom: 30px; }
    .support-section-container.transform .tab-title em{font-size:20px; margin-top:15px;}
	.support-section-container.transform .list-content02 li{margin-bottom: 40px;}
	.support-section-container.transform .list-content02 p{font-size: 18px; margin-top: 15px;}
    
    .wrap-sec .content01{padding-bottom: 60px;}
    .wrap-sec .content01 .flex-box .right ul{margin:30px 0 0;}
    .wrap-sec .content01 .flex-box .right ul li{font-size:18px;}

	.palletizing .content01 .flex-box.cont01 .left .txt-box ul li em{top:-3px;}
    
    .palletizing .content01{padding-bottom:60px;}
    .palletizing .content01 .flex-box{flex-direction: column-reverse; gap:20px; margin-bottom: 30px;}
    .palletizing .content01 .flex-box .left{width:100%;}
	.palletizing .content01 .flex-box.cont02{flex-direction: column-reverse;}
    .palletizing .content01 .flex-box.cont02 .left{padding-left: 0;}
	.palletizing .content01 .flex-box.cont02 .left img{max-width:180px;}
    .palletizing .content01 .flex-box .right{width: 100%;}
    .palletizing .content01 .flex-box.cont01 .left .txt-box h2{font-size:20px; margin-bottom: 15px;}
    .palletizing .content01 .flex-box.cont01 .left .txt-box ul li{font-size:16px;}
    
    .diagnostic .content01{padding-bottom: 60px;}
    .diagnostic .content01 .flex-box .left{width:100%; margin-bottom:20px;}
    .diagnostic .content01 .flex-box .right{width:100%; padding-left:0;}
    .diagnostic .content01 .flex-box .right p{margin-bottom: 15px; font-size:18px;}

    .full .content01 .img-box{margin-bottom:30px;}
    .full .content01 .img-box02{column-gap: 20px;}
    .full .content01 .img-box02 p{margin-top:10px; font-size:16px;}
    .full .content01 .img-box02 p br{display: none;}
    .full .content02 .flex-box .left{width: 100%; margin-bottom: 20px;}
    .full .content02 .flex-box .right{width: 100%; align-items: flex-start;}
    .full .content02 .flex-box .right .img-box p{margin:10px 0 20px; font-size:18px;}
    
    .customer .client-swiper .swiper-slide ul li{width:calc(100% / 3); padding:10px;}
    .customer .client-swiper .swiper-pagination span em{font-size:16px;}
    .customer .client-swiper .swiper-slide ul{padding-top:30px;}
    .client-swiper .swiper-button{ }
	.client-swiper .swiper-button-next, .client-swiper .swiper-button-prev{width:40px; height:40px;}
	.client-swiper .swiper-button{    column-gap: 10px;}


	.boardListArea{    margin: 20px auto 0;}
	.bottomBtn{margin:10px 0 20px;}

	.contact .sub-title{padding-left:0;}
	.contact .cct-form{font-size: 16px;}
	.contact .cct-form ul{margin-top: 10px;}
	.contact .cct-form ul li .th{width: 100px; padding:20px 10px;}
	.contact .cct-form ul li .td{    width: calc(100% - 100px);}
	.contact .cct-form ul li input{font-size: 16px; }
	.contact .cct-form ul li textarea{font-size: 16px;}
	.contact .ctt-btn button{height:50px;}
	.contact .ctt-btn{margin:40px 0 80px;}
}