@charset "utf-8";
/* font */
@font-face {
    font-family:"Pretendard";
    font-weight:800;
    font-style:normal;
    src:url("../font/Pretendard-ExtraBold.woff") format("woff"),
    url("../font/Pretendard-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family:"Pretendard";
    font-weight:700;
    font-style:normal;
    src:url("../font/Pretendard-Bold.woff") format("woff"),
    url("../font/Pretendard-Bold.ttf") format("truetype");
}
@font-face {
    font-family:"Pretendard";
    font-weight:500;
    font-style:normal;
    src:url("../font/Pretendard-Medium.woff") format("woff"),
    url("../font/Pretendard-Medium.ttf") format("truetype");
}
@font-face {
    font-family:"Pretendard";
    font-weight:400;
    font-style:normal;
    src:url("../font/Pretendard-Regular.woff") format("woff"),
    url("../font/Pretendard-Regular.ttf") format("truetype");
}


/* reset */
* {margin:0;padding:0;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html, body {width:100%;height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;}
body {width:100%;height:100%;font-size:16px;color:#212529;-webkit-text-size-adjust:100%;word-break:break-all;}
html *, body * {font-family:'Pretendard';font-weight:400;}
dl, ul, ol {list-style:none;}
table {empty-cells:show;border-collapse:collapse;width:100%;table-layout:fixed;}
fieldset {border:none;}
legend, caption {overflow:hidden;width:1px;height:1px;margin:0;padding:0;border:0;clip:rect(0,0,0,0);}
img {border:none;}
img, label {vertical-align:top;}
button {border:0;border-radius:0;box-shadow:none;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;}
button:focus {outline:none;}
input, textarea {border-radius:0;color:#C0C4CC;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea {border:none;resize:none;overflow-y:auto;font-size:15px;color:#212529;font-weight:400;}
em {font-style:normal;}
h1, h2, h3, h4, h5 {font-weight:500;}
a {color:#212529;text-decoration:none;word-break:keep-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}
textarea:focus {outline:none;}

/* scroll */
::-webkit-scrollbar {width:6px;border-radius:3px;}
::-webkit-scrollbar::horizontal {height:6px;}
::-webkit-scrollbar-thumb {width:auto;height:30%;background-color:#606266;border-radius:3px;background-clip:padding-box;}
::-webkit-scrollbar-track {background-color:#EBEEF5;border-radius:6px;}

/* IE scroll style */
* {scrollbar-face-color:#c0c4cc;scrollbar-track-color:#ffffff;}


/* color */
.bg-main {background:#26247B;}

.bg-gray-60 {background:#C0C4CC;}
.bg-gray-70 {background:#909399;}
.bg-gray-80 {background:#606266;}
.bg-gray-90 {background:#212529;}
.bg-blue-100 {background:#1A174F;}

.color-main {color:#26247B;}
.color-white {color:#fff;}

/* .ver-dark a, */
.ver-dark span,
.ver-dark li {color:#fff;}

/* font */
.fw-light {font-weight:400;}
.fw-regular {font-weight:500;}
.fw-bold {font-weight:700;}

/* layout */
.ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.blind {position:absolute;width:1px;height:1px;border:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;z-index:-1;}
.asterisk::after {display:inline-block;content:"*";color:#F64C4C;margin-left:10px;}
.dim {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:10;}
.pc-block {display:block;}
.mo-block {display:none;}
.flex-center {display:flex;align-items:center;}
.nodata {width:100%;height:100%;padding:180px 0;text-align:center;border-top:1px solid #DCDFE6;border-bottom:1px solid #DCDFE6;}
.nodata p {font-size:24px;font-weight:700;}

#wrap {position:relative;background:#fff;}
.section {}
.container {position:relative;max-width:1600px;margin:0 auto;padding:80px;}
.content {}
.content:after {display:block;content:'';clear:both;}
.content-tit {font-size:48px;font-weight:700;word-break:break-word;}

/* margin,padding */
.mt-4 {margin-top:4px;}
.mt-8 {margin-top:8px;}
.mt-10 {margin-top:10px;}

/* button */
.btn {display:inline-block;height:40px;padding:0 16px;border-radius:4px;}
.btn[class*="bg-"] span {color:#fff;}

.btn-group {margin-top:50px;text-align:center;}
.btn.default,
.btn.line {width:150px;height:48px;border-radius:24px;background-color:#26247B;color:#fff;}

.btn.line {background-color:#fff;border:1px solid #DCDFE6;color:#606266;font-weight:500;}
.btn.line:hover {background-color:#F8F9FA;}

.btn.default:disabled {background-color:#EDF1FF;cursor:not-allowed;}
.btn.default:hover {background-color:#1A174F;}

.btn.menu {display:none;width:24px;height:24px;padding:0;content:'';background:url('../images/ic_util.svg') no-repeat;background-size:55px auto;background-position:-32px 0;}

.btn.search {width:24px;height:24px;padding:0;content:'';background:url('../images/ic_util.svg') no-repeat;background-size:55px auto;background-position:0 0;transition:transform 0.3s;}
.btn.search.close {background:url('../images/btn_close.svg') no-repeat;background-size:54px auto;background-position:-3px -2px;transform:rotate(180deg);}

.header.ver-dark .header-util .btn.search.close {background-position:-28px -2px;}
.header.ver-dark.header-bg .header-util .btn.search.close {background-position:-3px -2px;}

.btn-top {position:fixed;bottom:40px;right:40px;display:none;width:55px;height:55px;padding:15px;background-image:url('../images/ic_top.png');background-repeat:no-repeat;background-size:24px 24px;background-position:center;background-color:#000;border-radius:100%;}
.btn.close {width:24px;height:24px;padding:0;content:'';background:url('../images/btn_close.png') no-repeat;background-size:24px auto;}

/* icon */
.icon {display:inline-block;content:'';background-repeat:no-repeat;}
.icon.arrw,
.icon.pdf {width:64px;height:64px;border:1px solid #DCDFE6;background-color:rgba(255, 255, 255, 0.24);border-radius:100%;background-image:url('../images/ic_top.png');background-position:center;background-size:20px auto;transform:rotate(90deg);}
.icon.pdf {background-image:url('../images/ic_pdf.png');transform:initial;background-size:40px auto;background-position:12px 7px;}

.icon.file {width:64px;height:64px;background-image:url('../images/ic_file.svg');background-size:auto;}
.icon.file.jpg {background-position:-4px -4px;}
.icon.file.png {background-position:-72px -4px;}
.icon.file.pdf {background-position:-140px -4px;}

/* input */
.input,
.txt-box .textarea {width:100%;height:60px;padding:20px;border-radius:10px;border:1px solid #EBEEF5;background-color:#F8F9FA;color:#212529;font-size:18px;}
input::placeholder, textarea::placeholder {color:#C0C4CC;}
input:focus, textarea:focus {outline:2px solid #26247B;background-color:#fff;}
.txt-box .textarea {height:auto;min-height:200px;}

/* radio */
.radio-box,
.check-box {display:inline-block;vertical-align:middle;}
/* .radio-box input[type=radio] {position:absolute;clip:rect(0, 0, 0, 0);width:1px;height:1px;padding:0;border:0;overflow:hidden;}
.radio-box label {display:block;width:100%;height:100%;color:#909399;cursor:pointer;border-radius:24px;text-align:center;font-weight:500;line-height:3;}
.radio-box input[type=radio]:checked + label {background-color:#26247B;color:#fff;}  */

/* check */
.check-box input[type=checkbox] {position:absolute;clip:rect(0, 0, 0, 0);width:1px;height:1px;padding:0;border:0;overflow:hidden;}
.check-box label {display:flex;align-items:center;cursor:pointer;}
.check-box label:before {display:inline-block;content:"";width:16px;height:16px;margin-right:10px;border:1px solid #E4E7ED;background:#fff;border-radius:2px;vertical-align:middle;}
.check-box input[type=checkbox]:checked + label {color:#26247B;}
.check-box input[type=checkbox]:checked + label:before {background:url("../images/ic_check.png") no-repeat center;background-size:10px 10px;;background-color:#26247B;border:1px solid #26247B;}
.check-box.check-terms {margin:20px 0 0 auto;}

.inquiry-group {display:flex;width:fit-content;height:48px;align-items:center;border:1px solid #DCDFE6;border-radius:24px;}
.inquiry-group .radio-box {width:150px;height:100%;}
.inquiry-group .radio-box label {}

/* select */
select {color:#C0C4CC;}
select:focus {outline:2px solid #26247B;;background-color:#fff;color:#212529;}

.select-box {position:relative;display:inline-block;width:100%;height:60px;border-radius:10px;border:1px solid #EBEEF5;background-color:#F8F9FA;color:#212529;font-size:18px;}
.select-box::after {position:absolute;right:20px;top:15px;width:24px;height:24px;content:'';background:url('../images/ic_arrw_right.png') no-repeat;background-size:24px auto;transform:rotate(90deg);transition:transform 0.3s ease;}
.select-box.open::after {transform:rotate(-90deg);/* 90도 더 회전 */}
.select-box .select {width:100%;height:100%;padding:0 20px;border:none;background-color:inherit;font-size:18px;border-radius:10px;}
.select.current {color:#212529;}

/* list */
.list-dot li + li {margin-top:10px;}
.list-dot li {position:relative;padding-left:15px;}
.list-dot li::before {position:absolute;top:10px;left:0;width:4px;height:4px;content:'';background-color:#212529;border-radius:100%;}

.list-num {padding-left:18px;word-break:keep-all;}
.list-num li {list-style:decimal;line-height:18px;}

.list-dash {margin-top:10px;}
.list-dash li {list-style:none;line-height:18px;}
.list-dash li + li {margin-top:10px;}
.list-dash li::before {content:"-";}

/* tab */
.tab-box {position:relative;}
.tab-header {position:absolute;top:-57px;left:0;width:100%;height:60px;padding:0 80px;background:rgba(255, 255, 255, 0.10);}
.tab-header ul {display:flex;height:100%;align-items:center;justify-content:center;}
.tab-header .tab-tit {width:200px;height:100%;text-align:center;}
.tab-header .tab-tit a {display:inline-block;width:100%;height:100%;color:#fff;line-height:3.6;font-weight:500;}
.tab-header .tab-tit:hover a {text-decoration:underline;}
.tab-header .tab-tit.active {background-color:#fff;}
.tab-header .tab-tit.active a {color:#212529;}
.tab-box .tab-body {max-width:1600px;min-height:calc(100vh - 643px);margin:0 auto;padding:80px 80px 120px;}

.data-box {position:relative;}
.data-box .data-header {position:initial;width:100%;height:46px;margin-bottom:50px;padding:0;background:none;}
.data-box .data-header ul {display:flex;align-items:center;width:fit-content;height:100%;gap:30px;}
.data-header .data-tit a {position:relative;font-size:28px;color:#C0C4CC;}
.data-header .data-tit a:after {position:absolute;left:0;bottom:-21px;content:'';width:0;height:2px;background:#212529;transition:width .3s;}
.data-header .data-tit.active a,
.data-header .data-tit:hover a {font-weight:700;color:#212529;letter-spacing:-0.5px;}
.data-header .data-tit:hover a:after,
.data-header .data-tit.active a:after {width:100%;}

.data-box .select-box.mo-block {display:none;}

/* accordion */
.accordion-box {border-top:1px solid #DCDFE6;}
.accordion-list {border-bottom:1px solid #DCDFE6;}
.accordion-title {position:relative;height:88px;}
.accordion-title .accordion-link {position:relative;display:block;width:100%;height:100%;padding:20px;font-size:20px;font-weight:700;line-height:2.5;}
.accordion-title.active .accordion-link {color:#26247B;}
.accordion-title .accordion-link:after {position:absolute;top:35px;right:20px;width:24px;height:24px;content:'';background:url('../images/ic_arrw_right.png') no-repeat;background-size:24px auto;transform:rotate(90deg);transition:transform 0.3s ease;}
.accordion-title .accordion-link.no-panel::after {content:none;}
.accordion-title.active .accordion-link::after {transform:rotate(-90deg);}
.accordion-panel {display:none;}
/* .accordion-title.active + .accordion-panel {display:block;} */
.accordion-content {width:100%;padding:20px;background-color:#F8F9FA;}
.accordion-content img {width:100%;height:100%;}
.accordion-content .link-area {padding:0;border-top:none;border-bottom:none;text-align:left;}
.accordion-content pre {width:100%;word-break:keep-all;white-space:pre-wrap;word-wrap:break-word;line-height:24px;}
.accordion-content pre + .link-area {margin-top:40px;}
/* .data-content .accordion-list {display:none;} */

/* file attach */
.file-area {display:flex;flex-wrap:wrap;gap:20px;width:100%;padding:20px 0;border-bottom:1px solid #DCDFE6;}
.file-area .file-attach {position:relative;display:block;width:200px;height:48px;padding:10px 55px 10px 16px;background-color:#fff;border-radius:24px;border:1px solid #EBEEF5;color:#606266;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.7;}
.file-area .file-attach:after {position:absolute;top:16px;right:16px;width:16px;height:16px;content:'';background:url('../images/ic_download.svg') no-repeat -2px -2px;background-size:auto;}
.file-area .file-attach:hover {background-color:#26247B;color:#fff;}
.file-area .file-attach:hover:after {background-position:-20px -3px;}

/* tag */
.tag-area {display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:20px;}
.tag-area .tag {color:#606266;}
.tag-area .tag:hover,
.tag-area .tag.active {color:#26247B;font-weight:700;}
.tag-area.type-sort {margin-top:0;}
.tag-area.type-sort .tag {display:flex;align-items:center;gap:4px;width:fit-content;padding:4px 8px;background-color:#EDF1FF;border-radius:4px;}
.tag-area.type-sort .tag .txt {color:#26247B;font-size:14px;font-weight:500;}
.tag-area.type-sort .tag .btn.del {width:16px;height:16px;padding:0;content:'';background:url('../images/btn_del.png') no-repeat;background-size:cover;}


/* table */
.sub-title {font-size:24px;font-weight:700;}
.sub-title ~ .sub-title {margin-top:50px;}
.sub-title + .form-box {margin-top:20px;}
/* .tbl {border-top:1px solid #DCDFE6;}
.tbl tr {border-bottom:1px solid #DCDFE6;}
.tbl td {padding:10px 20px;}
.tbl td.tit {font-size:18px;font-weight:700;}  */

.form-box {border-top:1px solid #DCDFE6;}
.form-box .form-list {position:relative;display:flex;align-items:center;border-bottom:1px solid #DCDFE6;}
.form-box .form-tit {min-width:180px;padding:20px;font-size:18px;font-weight:700;}
.form-box .form-data {padding:10px 20px;flex:1;}

/* header */
.header {position:fixed;top:0;left:0;right:0;width:100%;height:100px;padding:0 80px;z-index:1000;}
.header-bg {background-color:#fff;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);}
.header .container {display:flex;height:100%;padding:0;align-items:center;}
.header .logo {width:180px;height:29px;}
.header .logo-link {display:inline-block;width:100%;height:100%;background:url('../images/logo.svg') no-repeat 0 0;background-size:360px auto;}
.header-util {position:relative;display:flex;height:100%;align-items:center;margin-left:80px;}
.header-util .btn.menu {margin-left:20px;}

.search-area {display:none;position:absolute;top:100px;left:0;right:0;width:100%;height:140px;padding:40px 80px;background-color:#fff;z-index:33;}
.search-box {position:relative;max-width:1600px;margin:0 auto;}
.search-box .btn.search {position:absolute;top:20px;right:20px;}
.search-area .btn.close {position:absolute;top:-80px;right:80px;}
.dim.search {top:115px;}

.header.ver-dark .logo-link {background-position:-180px 0;}
.header.ver-dark .header-util .btn.search {background-position:0 -32px;}
.header.ver-dark .btn.menu {background-position:-32px -32px;}
.header.ver-dark .nav-link {color:#fff;}
.header.ver-dark .nav-link:after {background:#fff;}

.header-bg.ver-dark .logo-link {background-position:0 0;}
.header-bg.ver-dark .header-util .btn.search {background-position:0 0;}
.header-bg.header.ver-dark .btn.menu {background-position:-32px 0;}
.header-bg.ver-dark .nav-link {color:#212529;}

/* nav */
.nav {height:100%;margin-left:auto;}
.nav-group {position:relative;height:100%;}
.nav-group:after {display:block;content:'';clear:both;}
.nav-item {position:relative;float:left;width:160px;height:100%;}
.nav-item + .nav-item:before {position:absolute;top:42px;left:0;content:'';width:1px;height:10px;background:#DCDFE6;}
.nav-link {position:relative;display:block;height:100px;font-size:18px;font-weight:500;text-align:center;line-height:5;}
.nav-link:after {position:absolute;display:block;left:0;bottom:0;content:'';width:0;height:2px;background:#26247B;transition:width .5s;}
.nav-item.active .nav-link:after,
.nav-link:hover:after, .nav-link:focus:after {width:100%;}
.drawer-box {display:none;}

/* main */
.content.product .box {display:flex;gap:40px;margin-top:40px;}
.content.product .box .card {position:relative;width:33.333%;min-height:560px;padding:40px;border-radius:20px;overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease;}
.content.product .box .card::after {position:absolute;top:-85px;right:-95px;content:'';width:300px;height:300px;background:url('../images/Symbol.png') no-repeat;background-size:cover;}
.content.product .box .card .img-area {width:200px;height:235px;margin:80px auto 40px;}
.content.product .box .card.bg-blue-100 .img-area {width:280px;}
.content.product .box .card .img-area img {width:100%;height:100%;z-index:1;}
.content.product .box .card span {display:inline-block;color:#fff;}
.content.product .box .card .name {font-size:48px;font-weight:700;}
.content.product .box .card .txt {font-size:20px;margin-top:20px;}
.content.product .box .card:hover {box-shadow:8px 16px 16px 0px rgba(0, 0, 0, 0.25);transform:translateY(-10px);}
.content.product .box .card:hover .name {color:#FF740E;}

.content.quick {background:url('../images/img_bg03.png') no-repeat 0 0;background-attachment:fixed;overflow:hidden;background-size:cover;}
.content.quick .box {display:flex;gap:40px;margin-top:40px;}
.content.quick .box .card {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;width:20%;height:256px;border-radius:20px;border:1px solid #EBEEF5;background:rgba(255, 255, 255, 0.76);box-shadow:0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08);}
.content.quick .card .icon {display:inline-block;width:72px;height:72px;content:'';background:url('../images/ic_quick.svg') no-repeat 0 0;background-size:170px auto;}
.content.quick .card .hand {background-position:-9px -8px;}
.content.quick .card .build {background-position:-9px -168px;}
.content.quick .card .center {background-position:-9px -328px;}
.content.quick .card .paper {background-position:-9px -88px;}
.content.quick .card .map {background-position:-9px -248px;}
.content.quick .card .txt {font-size:24px;font-weight:700;}

.content.quick .card:hover {background-color:#26247B;border:none;}
.content.quick .card:hover .hand {background-position:-89px -8px;}
.content.quick .card:hover .build {background-position:-89px -168px;}
.content.quick .card:hover .center {background-position:-89px -328px;}
.content.quick .card:hover .paper {background-position:-89px -88px;}
.content.quick .card:hover .map {background-position:-89px -248px;}
.content.quick .card:hover .txt {color:#fff;}

/* banner */
.banner-box {position:relative;width:100%;height:980px;max-width:1600px;margin:0 auto;padding:180px 80px 80px;}
.banner-box .banner-logo img {width:100%;height:100%;}
.banner-box .info-list li {font-size:28px;font-weight:700;}
.banner-box .info-list li + li {margin-top:20px;}
.banner-box .info-group {animation:slideText 1s ease;}
.banner-box .info-group span {font-size:18px;}
.banner-box .info-group h3 {margin:10px 0;font-weight:700;font-size:72px;}

.swiper-slide.box01 {background:url('../images/img_banner01.png') no-repeat;background-size:100% 100%;}
.swiper-slide.box01 .banner-bg .img-banner {position:absolute;bottom:160px;left:80px;max-width:64%;max-height:500px;}
.swiper-slide.box01 .banner-box .banner-logo {width:302px;height:52px;}
.swiper-slide.box01 .banner-box .info-group {position:absolute;top:180px;right:80px;text-align:right;}
.swiper-slide.box01 .banner-box .info-group .txt {display:inline-block;margin-top:20px;padding:10px 40px;background-color:#606266;color:#fff;font-size:24px;font-weight:700;}
.swiper-slide.box01 .banner-box .info-list {margin-top:60px;}

.swiper-slide.box02 {background:url('../images/img_banner02.png') no-repeat;background-size:cover;}
.swiper-slide.box02 .banner-box .title {padding:17px 80px 17px 125px;background-color:#1a174f;border-radius:60px 0 0 60px;}
.swiper-slide.box02 .banner-box .info-group {position:absolute;bottom:160px;right:0;text-align:right;}
.swiper-slide.box02 .banner-box .info-group ul {padding-right:80px;margin-bottom:50px;}

.swiper-slide.box03 {background:url('../images/img_banner03.png') no-repeat;background-size:cover;}
.swiper-slide.box03 .banner-box .banner-logo {width:180px;height:75px;}
.swiper-slide.box03 .banner-box .title {width:700px;margin-bottom:50px;padding:17px 90px;background-color:#1a174f;border-radius:60px;}
.swiper-slide.box03 .banner-box .info-group {position:absolute;bottom:200px;left:80px;width:100%;}
.swiper-slide.box03 .banner-box .info-group ul {padding-right:80px;margin-bottom:50px;}

.swiper-slide.box03 .banner-txt {position:absolute;right:125px;bottom:0;width:475px;}
.swiper-slide.box03 .banner-txt:before {position:absolute;top:-9px;left:-16px;width:64px;height:68px;border-left:4px solid #909399;border-top:4px solid #909399;content:"";}
.swiper-slide.box03 .banner-txt::after {position:absolute;right:24px;bottom:-9px;width:68px;height:64px;border-right:4px solid #909399;border-bottom:4px solid #909399;content:"";}

.swiper-slide.box03 .banner-txt span {display:inline-block;width:100%;font-size:80px;font-weight:800;}
.swiper-slide.box03 .banner-txt span:first-child {color:rgba(35, 31, 32, 0.7);}
.swiper-slide.box03 .banner-txt span:last-child {color:rgba(237, 28, 36, 0.7);}

/* swiper */
.container.banner {padding:0;}
.swiper-control {position:absolute;bottom:80px;left:80px;z-index:3;}
.swiper-pagination {position:initial;width:max-content;}
.swiper-pagination-bullet {width:50px;height:6px;background-color:#E4E7ED;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);transform:skew(-20deg);border-radius:0;opacity:initial;}
.swiper-pagination-bullet-active {background-color:#FF740E;}
.swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:4px;}

/* 회사소개 */
.content.visual {position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:454px;}
.content.visual .visual-box {position:absolute;top:0;left:0;width:100%;height:454px;overflow:hidden;}
.content.visual .visual-box .visual-img {width:100%;height:100%;animation:bannerWide 5s ease;}
.content.visual .visual-txt {text-align:center;z-index:1;}
.content.visual .visual-txt .title {color:#fff;font-size:48px;font-weight:700;}
.content.visual .breadcrumb {margin-top:20px;}
.content.visual .path-group {display:flex;align-items:center;justify-content:center;}
.content.visual .path-group .path-item {color:#C0C4CC;}
.content.visual .path-group .path-item:last-child {color:#fff;}
.content.visual .path-group .path-item + .path-item:before {display:inline-block;margin:0 4px;content:'/';font-size:14px;color:#C0C4CC;}
.content.visual .path-group li,.content.visual .path-group a {color:#C0C4CC;font-size:14px;}

.intro .content.visual .visual-img {background:url('../images/img_bg01.png') no-repeat;background-size:cover;background-position:center;}
.intro .tab-content.about .flex-center {gap:50px;align-items:initial;}
.intro .tab-content.about .img-box {min-width:50%;max-width:695px;height:480px;animation:fadeUp 0.8s ease-in-out forwards;}
.intro .tab-content.about .img-box img {width:100%;height:100%;}
.intro .tab-content.about .txt-area {width:50%;animation:fadeUp 0.8s ease-in-out forwards;}
.intro .tab-content.about .txt-area .tit {font-size:28px;font-weight:700;}
.intro .tab-content.about .txt-area p {margin:40px 0;font-size:18px;color:#606266;line-height:23px;word-break:keep-all;}
.intro .tab-content.about .txt-logo {text-align:right;}
.intro .tab-content.about .txt-logo .name {display:block;font-size:24px;font-weight:700;}
.intro .tab-content.about .txt-logo .logo {display:inline-block;width:300px;height:50px;margin-top:20px;background:url('../images/logo.svg') no-repeat 0 0;}

.history-box {position:relative;height:470px;animation:fadeUp 0.8s ease-in-out forwards;}
.history-box .history-group {position:absolute;width:200px;}

.history-box .history-group:nth-child(odd) {top:32px;}
.history-box .history-group:nth-child(even) {bottom:32px;}
.history-box .history-group:nth-child(2) {left:20%;}
.history-box .history-group:nth-child(3) {left:43%;}
.history-box .history-group:nth-child(4) {right:22%;}
.history-box .history-group:nth-child(5) {right:0;}

.history-group .year-his {position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px;content:'';border-radius:100%;background:url('../images/img_history.png') no-repeat;background-size:205px auto;background-position:-2px -2px;box-shadow:0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08);}
.history-group .year {width:85px;color:#26247B;text-align:center;font-size:24px;font-weight:700;}
.history-group .month-group {position:relative;padding-top:45px;}
.history-group .month-group::before {position:absolute;top:0;left:50%;transform:translate(-40%, 0);width:10px;height:40px;content:'';background:url('../images/img_line.png') no-repeat;background-size:contain;}

.history-group .month-group:nth-child(odd) {padding-top:0;padding-bottom:45px;}
.history-group .month-group:nth-child(odd):before {bottom:0;top:initial;transform:translate(-45%, 0) rotate(180deg);}

.history-group .month-his {display:flex;}
.history-group .month-his + .month-his {margin-top:10px;}
.history-group .month-his span {display:inline-block;}
.history-group .month-his .num {margin-right:10px;color:#26247B;font-weight:700;}
.history-group .month-his .month {color:#606266;flex:1;word-break:keep-all;}

.intro .tab-content.map {animation:fadeUp 0.8s ease-in-out forwards;}
.intro .tab-content.map .map-box iframe {width:100%;height:480px;}
.intro .tab-content.map iframe {width:100%;height:100%;border:0;}
.intro .tab-content.map .map-info {position:relative;width:100%;min-height:215px;margin-top:80px;padding:40px;background-color:#F8F9FA;border-radius:20px;}
.intro .tab-content.map .address {display:flex;align-items:center;}
.intro .tab-content.map .address .tit {display:flex;align-items:center;width:fit-content;font-size:28px;font-weight:700;}
.intro .tab-content.map .address .tit:before {display:inline-block;width:48px;height:48px;margin-right:20px;content:'';background:url('../images/ic_map.svg') no-repeat;background-size:106px auto;background-position:-2px 3px;}
.intro .tab-content.map .btn.map {position:absolute;top:-55px;right:0;height:30px;padding:8px;border:1px solid #EBEEF5;background-color:#fff;border-radius:4px;font-size:12px;line-height:14px;}
.intro .tab-content.map .btn.map:hover {background-color:#F8F9FA;}
.intro .tab-content.map .btn.map span {position:relative;display:inline-block;padding-left:30px;width:100%;}
.intro .tab-content.map .btn.map span::before {position:absolute;left:0;top:-7px;display:inline-block;width:24px;height:24px;content:'';background:url('../images/ic_nvmap.png') no-repeat;background-size:24px auto;}

.intro .tab-content.map .map-about {display:flex;margin-top:40px;flex-wrap:wrap;gap:40px;}
.intro .tab-content.map .map-about .info {position:relative;padding-left:60px;min-width:420px;}
.intro .tab-content.map .map-about .info:before {position:absolute;left:0;top:0;width:48px;height:48px;content:'';background:url('../images/ic_map.svg') no-repeat;background-size:106px auto;}
.intro .tab-content.map .map-about .info.tel:before {background-position:-56px 2px;}
.intro .tab-content.map .map-about .info.fax:before {background-position:-3px -51px;}
.intro .tab-content.map .map-about .info.mail:before {background-position:-56px -51px;}
.intro .tab-content.map .map-about .info span {display:block;font-size:20px;}
.intro .tab-content.map .map-about .info .tit {font-weight:700;}
.intro .tab-content.map .map-about .info .txt {color:#606266;}

/* 고객센터 */
.service .content.visual .visual-img {background:url('../images/img_bg02.png') no-repeat;background-size:cover;background-position:center;}
.tab-content.inquiry form {display:flex;flex-direction:column;animation:fadeUp 0.8s ease-in-out forwards;}
.terms-box {width:100%;height:200px;padding:20px;background-color:#F8F9FA;border:1px solid #F8F9FA;border-radius:10px;}
.terms-content {width:100%;height:100%;padding-right:10px;overflow-y:auto;}
.terms-content .terms-txt + .list-num {margin-top:15px;}
.terms-content .list-num > li {font-weight:700;}
.terms-content .list-num > li + li {margin-top:15px;}

.tab-content.data {animation:fadeUp 0.8s ease-in-out forwards;}
.tab-content.data .search-area {position:initial;display:block;height:auto;margin-bottom:50px;padding:20px;border:1px solid #EBEEF5;border-radius:10px;}

/* 제품소개 */
.product .content.visual .visual-img {background:url('../images/img_bg04.png') no-repeat;background-size:cover;background-position:center;}
.product-content {animation:fadeUp 0.8s ease-in-out forwards;}
.product-content .box {display:flex;flex-wrap:wrap;gap:20px;}
/* .product-content.tab02 .box {justify-content:initial;} */
.product-content.tab02 .box .card {display:flex;}

.box.type-detail .card {display:flex;align-items:center;padding:40px 40px 80px;background-color:#F8F9FA;border-radius:20px;}
.box.type-detail .card .img-box {width:30%;max-width:360px;height:auto;margin:0 auto;}
.box.type-detail .card .img-box img {width:100%;height:100%;}
.box.type-detail .card-info {width:560px;margin-left:auto;padding:40px;background-color:#fff;border-radius:20px;}
.box.type-detail .card-info .title {font-size:48px;font-weight:700;}
.box.type-detail .card-info pre {width:100%;margin-top:20px;font-size:18px;color:#606266;line-height:23px;word-break:keep-all;white-space:pre-wrap;word-wrap:break-word;}
.box.type-detail .card-info .txt-box {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;width:100%;justify-content:right;}
.box.type-detail .card-info .txt-box .txt {color:#26247B;font-size:14px;font-weight:500;}
.box.type-detail .card + .link-area {margin-top:50px;}

.link-area {display:flex;flex-wrap:wrap;gap:20px; padding:20px;background-color:#F8F9FA;border-top:1px solid #DCDFE6;border-bottom:1px solid #DCDFE6;}
.item-link {position:relative;display:inline-block;width:200px;height:48px;padding:14px 40px 14px 16px;background-color:#fff;border-radius:24px;border:1px solid #EBEEF5;color:#606266;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.item-link:after {position:absolute;top:16px;right:16px;content:'';width:16px;height:16px;background:url('../images/ic_chain.png') no-repeat;background-size:16px auto;}
.item-link.down:after {background: url('../images/ic_download.svg') no-repeat -2px -2px;}
.item-link:hover {background:#26247B;border:none;color:#fff;}
.item-link:hover:after {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(76deg) brightness(109%) contrast(101%);}

.product-content .box .card {position:relative;justify-content:center;min-width:32.4%;min-height:320px;padding:20px;border-radius:20px;background-color:#F8F9FA;border:2px solid #EBEEF5;}
.product-content .box .card:hover {box-shadow:0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08);}
.product-content .box .card .img-box {width:280px;height:280px;margin:0 auto;transition:transform 0.3s ease}
.product-content .box .card .img-box img {width:100%;height:100%;}
.product-content .box .card:hover .img-box {transform:scale(1.1);}
.product-content .box .card .hover-box {position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:#26247B;border-radius:20px;visibility:hidden;opacity:0;transition:opacity 0.3s ease, visibility 0.3s ease;}
.product-content .box .card:hover .hover-box {visibility:visible;opacity:0.9;}
.product-content .box .card .hover-box .flex-center {width:100%;height:100%;flex-direction:column;justify-content:center;gap:20px;}
.product-content .box .card .hover-box span {color:#fff;}
.product-content .box .card .hover-box .name {font-size:24px;font-weight:700;}
.product-content .box .card .hover-box .txt-box {display:flex;flex-wrap:wrap;gap:10px;width:240px;padding:0 25px;justify-content:center;}
.product-content .box .card .hover-box .txt-box .txt {font-size:14px;}
.product-content .box .card .hover-box .txt-box .txt + .txt {}
@media (hover: hover) {
    .product-content .box .card:hover .hover-box {visibility:visible;opacity:0.9;}
}

.box.type-detail .card {position:relative;}
.box.type-detail .card .swiper-container.swiper-detail {width:280px;height:280px;max-width:360px;height:auto;margin-bottom:40px;}
.box.type-detail .card .swiper-container.swiper-detail .swiper-wrapper {width:100%;height:100%;}
.box.type-detail .card .swiper-container.swiper-detail .swiper-slide {width:100%;height:100%;}
.box.type-detail .card .swiper-control {bottom:40px;left:50%;}

.card + .accordion-box {margin-top:50px;}
.accordion-box .icon.file {position:absolute;right:55px;top:12px;}
.accordion-box .icon.jpg:hover {background-position:-4px -72px;}
.accordion-box .icon.png:hover {background-position:-72px -72px;}
.accordion-box .icon.pdf {border:none;background-color:initial;border-radius:initial;}
.accordion-box .icon.pdf:hover {background-position:-140px -72px;}
.box.type-detail .accordion-content {text-align:center;}
.box.type-detail .accordion-content img {max-width:800px;}

/* footer */
.footer {background-color:#212529;}
.footer .container {padding:40px 80px;}
.footer .info {}
.footer .info .info-item, .footer .info .copy {color:#909399;}
.footer .info .info-item + .info-item {}
.footer .info .info-item + .info-item:before {display:inline-block;width:1px;height:10px;content:'';margin:0 10px;background-color:#909399;}
.footer .info .copy {padding-top:20px;margin-top:20px;border-top:1px solid #606266;}

/* loading */
.loading {position:fixed;top:0;left:0;right:0;width:100%;height:100%;z-index:9999;}
.loading .dim {display:block;}
.load-box {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center; width:590px;height:280px;padding:0 80px;background-color:#fff;border-radius:20px;z-index:13;}
.loading-text {font-size:48px;font-weight:800;position:relative;transition:color 0.3s ease-in-out, transform 0.3s ease-in-out;}
.loading-text::after {content:'';width:0;height:6px;background:#2a2e84;position:absolute;bottom:-10px;left:0;animation:loadingLineAnimation 1s linear infinite;}
.loading-text:before {content:'';width:100%;height:6px;position:absolute;bottom:-10px;left:0;background:#EBEEF5;}

.completed {display:none; transform:scale(1.1);text-align:center;transition:transform 0.3s ease-in-out;}
.completed::before, .completed::after {content:none;}
.completed .txt {display:inline-block;width:100%;margin-top:20px;color:#909399;font-size:32px;font-weight:700;}
.completed .txt em {color:#26247B;font-weight:700;}
.icon.complete {display:inline-block;width:72px;height:72px;margin:0 auto; background:url('../images/img_comp.png') no-repeat;background-size:cover;animation:checkmarkAnimation 0.3s ease-in-out forwards;opacity:0;transition:opacity 0.3s ease-in-out;}
.completed .icon.complete {opacity:1;}

.alert {text-align:center;}
.alert span {font-size:32px;font-weight:700;}
.alert .btn-group {display:flex;align-items:center;gap:10px;}

/* 1400px 이하 */
@media (max-width:1400px){
    .pc-block {display:none;}
    .mo-block {display:block;}

    .data-box .data-header.pc-block {display:block;}
    .nav.pc-block {display:block;}

    /* 제품소개 */
    /* .product-content .box, .product-content.tab02 .box {justify-content:center;} */

    /* 회사소개 */
    .history-box.mo-block {display:flex;height:auto;flex-direction:column-reverse;justify-content:center;}
    .history-box.mo-block .history-group {position:relative;display:flex;align-items:center;width:auto;margin-bottom:30px;}
    .history-box.mo-block .history-group::before {position:absolute;bottom:-34px;left:100px;width:1px;height:30px;content:'';border-left:1px dashed #26247B;}
    .history-box.mo-block .history-group:nth-child(1):before {content:none;}
    .history-box.mo-block .history-group .month-group {display:flex;flex-direction:column;justify-content:center;min-height:180px;padding-top:0;padding-left:45px;}
    .history-box.mo-block .history-group .month-group::before {top:69px;left:14px;transform:rotate(-90deg);}
    .history-box.mo-block .history-group:nth-child(odd),
    .history-box .history-group:nth-child(even),
    .history-box .history-group:nth-child(2),
    .history-box .history-group:nth-child(3),
    .history-box .history-group:nth-child(4),
    .history-box .history-group:nth-child(5) {top:initial;bottom:initial;left:initial;right:initial;}

}

/* 1024px 이하 */
@media (max-width:1024px){
    .container {padding:56px 40px;}

    /* header */
    .header {padding:0 40px;}
    .header-util {margin-left:auto;}
    .search-area {padding:40px;}
    .nav-item {width:140px;}

    /* tab */
    .tab-box .tab-body {padding:80px 40px 120px;}
    .data-box .data-header.pc-block ul {gap:20px;}

    /* drawer menu */
    .dim.drawer {z-index:34;}
    .drawer-box {display:block;position:fixed;top:0;right:0;width:480px;height:100%;background-color:#fff;transform:translateX(100%);transition:transform 0.3s ease;z-index:35;overflow-y:auto;} /*right:-100%;*/
    .drawer-box.active {transform:translateX(0);}
    .drawer-box .top {position:relative;width:100%;height:100px;border-bottom:1px solid #DCDFE6;}
    .drawer-box .top .btn.close {position:absolute;top:40px;right:40px;}
    .drawer-menu {height:100%;padding:40px;}

    .drawer-group {position:relative;height:100%;}
    .drawer-item {}
    .drawer-2dp-item {width:100%;height:40px;}
    .drawer-item + .drawer-item {margin-top:10px;padding-top:10px;border-top:1px solid #EBEEF5;}
    .drawer-link {display:block;width:100%;height:100%;padding:11px 20px;font-size:18px;font-weight:700;}

    .drawer-2dp-group {margin-top:4px;}
    .drawer-2dp-link {display:block;width:100%;height:100%;padding:11px 20px 11px 30px;color:#606266;}
    .drawer-2dp-link:after {position:absolute;right:20px;width:16px;height:16px;content:'';background:url('../images/ic_arrw_right.png') no-repeat;background-size:cover;}
    .drawer-2dp-item + .drawer-2dp-item {margin-top:4px;}

    .drawer-item.active .drawer-link,
    .drawer-link:hover, .drawer-link:focus,
    .drawer-2dp-item.active .drawer-2dp-link,
    .drawer-2dp-link:hover, .drawer-2dp-link:focus {color:#26247B;}

    .drawer-item.active .drawer-link:after,
    .drawer-link:hover:after {filter:brightness(0) saturate(100%) invert(9%) sepia(79%) saturate(3187%) hue-rotate(237deg) brightness(108%) contrast(93%);}

    /* banner */
    .banner-box {padding:220px 40px 80px;}
    .banner-box .info-list {display:none;}
    .swiper-slide.box01 {background-position:center;background-size:cover;}
    .swiper-slide.box01 .banner-box .info-group {position:initial;text-align:center;}
    .swiper-slide.box01 .banner-bg .img-banner {bottom:12%;left:10%;max-width:85%;}

    .swiper-slide.box03 .banner-box {padding:190px 40px 80px;}
    .swiper-slide.box03 .banner-box .banner-logo {margin-bottom:30px;}
    .swiper-slide.box03 .banner-box .info-group {height:100%;}
    .swiper-slide.box03 .banner-box .title {width:100%;max-width:700px;}
    .swiper-slide.box03 .banner-box .info-group {position:initial;}
    .swiper-slide.box03 .banner-txt {right:17px;bottom:90px;}

    /* main */
    .content.product .box {flex-direction:column;}
    .content.product .box .card {display:flex;flex-direction:column;justify-content:center;width:100%;min-height:300px;padding:33px 40px;}
    .content.product .box .card::after {left:-95px;}
    .content.product .box .card .img-area {position:absolute;top:33px;right:40px;margin:0;}
    .content.product .box .card .txt {width:100%;}

    .content.quick .box {flex-direction:column;}
    .content.quick .box .card {width:100%;height:140px;padding:34px 80px;flex-direction:row;justify-content:initial;}
    .content.quick .box .card:after {display:inline-block;width:48px;height:48px;content:'';margin-left:auto;background:url('../images/ic_link.png') no-repeat 0 0;background-size:48px auto;}
    .content.quick .card:hover:after {filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7381%) hue-rotate(354deg) brightness(104%) contrast(90%);}

    /* 제품소개 */
    .box.type-detail .card {flex-direction:column;}
    .box.type-detail .card .img-box {width:360px;}
    .box.type-detail .card-info {width:100%;margin-left:initial;}

    /* 회사소개 */
    .intro .tab-content.about .flex-center {flex-direction:column;}
    .intro .tab-content.about .img-box {width:100%;max-width:initial;height:auto;}
    .intro .tab-content.about .txt-area {width:100%;}
    .intro .tab-content.map .address .tit {font-size:20px;}
    .product-content .box {justify-content:center;}

    /* footer */
    .footer .container {padding:40px;}
    .footer .info .flex-center {flex-direction:column;align-items:initial;}
    .footer .info .info-item + .info-item:before {display:none;}
    .footer .info .info-item + .info-item {margin-top:10px;}

}

@media (max-width:767px) {
    .input,
    .txt-box .textarea,
    .select-box .select {font-size:14px;}

    .drawer-box {width:100%;}
    .nodata p {font-size:18px;}
    .nav.pc-block {display:none;}
    .btn.menu {display:block;}

    /* tab */
    .tab-header {padding:0;}
    .tab-header .tab-tit {font-size:14px;}

    .data-box .data-header.pc-block {display:none;}
    .data-box .select-box.mo-block {display:block;}

    /* main */
    .content.product .box .card .img-area {position:initial;width:70%;max-width:250px;height:70%;margin:0 auto 20px;}
    .content.product .box .card .name {font-size:36px;}

    /* banner */
    .swiper-slide.box01 .banner-bg .img-banner {bottom:25%;}
    .banner-box .info-group h3 {word-break:keep-all;}
    .swiper-slide.box02 .banner-box .title {padding:40px;}

    .swiper-slide.box03 .banner-box {padding:120px 40px 80px;}
    .swiper-slide.box03 .banner-box .title {padding:20px;font-size:60px;text-align:center;}
    .swiper-slide.box03 .banner-box ul {padding-right:0;}
    .swiper-slide.box03 .banner-box ul li {font-size:22px;}
    .swiper-slide.box03 .banner-txt {width:275px;right:52px;bottom:118px;}
    .swiper-slide.box03 .banner-txt:before {top:-15px;left:-16px;}
    .swiper-slide.box03 .banner-txt::after {right:-13px;bottom:-14px;}
    .swiper-slide.box03 .banner-txt span {font-size:50px;}

    .content.quick .box .card {height:100px;padding:20px;}
    .content.quick .card .icon {width:40px;height:40px;background-size:93px auto;}

    .content.quick .card .hand {background-position:-5px -5px;}
    .content.quick .card .build {background-position:-5px -92px;}
    .content.quick .card .center {background-position:-5px -179px;}
    .content.quick .card .paper {background-position:-5px -49px;}
    .content.quick .card .map {background-position:-5px -135px;}
    .content.quick .card .txt {font-size:24px;font-weight:700;}

    .content.quick .card:hover .hand {background-position:-49px -5px;}
    .content.quick .card:hover .build {background-position:-49px -92px;}
    .content.quick .card:hover .center {background-position:-49px -179px;}
    .content.quick .card:hover .paper {background-position:-49px -49px;}
    .content.quick .card:hover .map {background-position:-49px -135px;}

    /* 제품소개 */
    .box.type-detail .card {flex-direction:column;}
    .box.type-detail .card .img-box {width:60%;min-width:240px;}
    .box.type-detail .card-info .title {font-size:24px;}
    .box.type-detail .card-info p {font-size:14px;}
    .box.type-detail .card-info .txt-box {flex-wrap:wrap;}
    .box.type-detail .card-info .txt-box .txt {font-size:12px;}
    .link-area .item-link {width:100%;}
    /* 회사소개 */
    .intro .tab-content.about .txt-area .tit {word-break:keep-all;}
    .history-box.mo-block .history-group {flex-direction:column;}
    .history-box.mo-block .history-group .month-group {width:300px;padding-top:48px;padding-left:0;min-height:auto;text-align:center;}
    .history-box.mo-block .history-group .month-group::before {top:0;left:50%;transform:translate(-45%, 0) rotate(0);}
    .history-box.mo-block .history-group .month-his {display:initial;}
    .history-box.mo-block .history-group + .history-group:before {content:none;}

    .intro .tab-content.map .map-box iframe {width:100%;height:480px;}
    .intro .tab-content.map iframe {width:100%;height:100%;border:0;}
    .intro .tab-content.map .map-info {width:100%;min-height:215px;padding:40px;background-color:#F8F9FA;border-radius:20px;}

    .intro .tab-content.map .address {position:relative;display:initial;}
    .intro .tab-content.map .address .tit {padding-left:60px;font-size:16px;}
    .intro .tab-content.map .address .tit:before {position:absolute;left:0;}

    .intro .tab-content.map .map-about .info {min-width:auto;}
    .intro .tab-content.map .map-about .info span {font-size:16px;}

    /* 온라인문의 */
    .form-box .form-list {flex-direction:column;align-items:initial;}
    .form-box .form-tit {padding:10px 20px;}
    .terms-content .list-num > li {font-size:14px;}

    /* 자료실 */
    .data-box .data-header ul {gap:20px;}

    .data-box .select-box.mo-block {margin-bottom:50px;}
    .data-box .select-box.mo-block select {color:#212529;}

    .data-header .data-tit a {position:relative;font-size:26px;color:#C0C4CC;}
    .data-header .data-tit a:after {position:absolute;left:0;bottom:-21px;content:'';width:0;height:2px;background:#212529;transition:width .3s;}
    .data-header .data-tit.active a,
    .data-header .data-tit:hover a {font-weight:700;color:#212529;letter-spacing:-0.5px;}
    .data-header .data-tit:hover a:after,
    .data-header .data-tit.active a:after {width:100%;}

    /* footer */
    .footer .info .info-item, .footer .info .copy {font-size:14px;}

    /* loading */
    .load-box {width:280px;height:160px;padding:0;}
    .loading-text {font-size:24px;}

    .completed .txt,
    .alert span  {font-size:20px;}
    .icon.complete {width:48px;height:48px;}

    .load-box .btn-group {margin-top:30px;}
    .load-box .btn-group .btn {width:120px;height:40px;}

}

/* keyframes */
@keyframes slideText {
    0% {transform:translateX(100%);opacity:0;transition:transform opacity 15s linear;}
    100% {transform:translateX(0px);opacity:1;}
}

@keyframes slideUpEvent {
    0% {transform:translateY(100%);opacity:0;}
    100% {transform:translateY(0px);opacity:1;}
}

@keyframes bannerWide {
    0% {transform:scale(1.1, 1.1);transition:transform 5s linear;}
    100% {transform:scale(1.0, 1.0) rotate(0.002deg);}
}

@keyframes fadeUp {
    0% {transform:translateY(30px);opacity:0;}
    100% {transform:translateY(0);opacity:1;}
}

@keyframes fadeInUp {
    0% {opacity:0;transform:translateY(20px);}
    100% {opacity:1;transform:translateY(0);}
}


@keyframes loadingLineAnimation {
    0% {width:0;}
    100% {width:100%;}
}

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