@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@font-face {
    font-family:'Pretendard Variable';
    font-weight:45 920;
    font-style:normal;
    font-display:swap;
    src:url('PretendardVariable.woff2') format("woff2-variations");
}

body {font-family:'Pretendard Variable', Pretendard, system-ui, sans-serif; font-size:16px; line-height:27px; color:#5a5a5a; font-weight:300; letter-spacing:-0.05em;}
hr.e {max-width:50px; width:50px; border-top:7px solid #00c0e6; border-radius:50px 50px 50px 50px;}
img {max-width:100%;}
a {cursor:pointer; outline:none;}
.half-side h2 {font-size:14px;}
.half-side .content {position:relative; z-index:101;}
.half-side.right {background:#00c0e6 !important;}
.half-side.right {right:0; background:rgba(0,0,0,0.8); background:linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 1%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.25) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#40000000',GradientType=1);}
.half-side.left .content {transition:filter .6s ease, opacity .6s ease;}
.half-side.left {left:0; text-align:right; background:rgba(0,0,0,0.8); background:linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.65) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#bf000000',GradientType=1); border-right:1px solid rgba(77,77,77,0.75);}
.sec-twoside {overflow:hidden; width:100%; position:fixed; height:100%;}
.sec-twoside .half-side {position:absolute; width:50%; height:100%;}
.sec-twoside.fullscreen .half-side {position:absolute; width:50%; z-index:35; border-collapse:collapse; border-spacing:0;}
.sec-twoside .content {padding:50px; color:#ffffff; top:50%; position:absolute; left:0; right:0;}
.sec-twoside.twoside-opened .half-side.left .content {filter:blur(0px); opacity:0.4;}
.twoside-open hr {position:absolute; width:36px; margin:8px 0 0 -50px; border-color:rgba(144,144,144,0.75); z-index:36;}
.twoside-open hr {display:none;}
.twoside-open {font-weight:700; letter-spacing:.5px;}
.twoside-open {color:#ffffff; cursor:pointer; margin:15px 0; text-transform:uppercase;}
.twoside-open:hover {opacity:0.6;}
.twoside-home hr {position:absolute; width:36px; margin:8px 0 0 -50px; border-color:rgba(144,144,144,0.75); z-index:36;}
.twoside-home hr {display:none;}
.twoside-home {font-weight:700; letter-spacing:.5px;}
.twoside-home {color:#ffffff; cursor:pointer; margin:15px 0; text-transform:uppercase;}
.twoside-home:hover {opacity:0.6;}
.twoside-open.active, .twoside-home.active {opacity:0.6;}
.catch01 {position:relative; top:-100px;}
.catch02 {position:relative; top:-95px; font-size:22px !important; line-height:32px !important;}
.catch03 {position:relative; top:-118px;}
.section.center-box:not(.text-center) {text-align:left;}
.center-box .content {padding:0 50px;}
.center-box, .center-bg {width:1340px; margin:auto; position:absolute; margin-left:-670px; left:50%; height:100%; display:none; vertical-align:middle; text-align:center; opacity:0; z-index:5;}
.center-bg {/*background-color:black;*/ background-color:#fafafa; display:block; opacity:0; z-index:1;}
.close-button {background-image:url('../images/common/x-close.png'); position:absolute; width:39px; height:39px; z-index:27; right:50%; margin-right:-19.5px; top:30px; background-repeat:no-repeat; display:none; opacity:0; cursor:pointer;}
.text-center > hr.e {margin:15px auto;}
.text-color {color:#00c6ee !important;}
.text-xl {font-size:34px !important; line-height:60px !important;}
.close-button:hover {animation:rotate-90 .5s; transform:rotate(90deg); opacity:0.8;}
.form-control:focus {border-color:#9C9C9C; box-shadow:none;}
.clear {clear:both; width:100%;}
.bg-color {background-color:#337ab7;}
.bg-cover {background-repeat:no-repeat; background-position:center center; background-size:cover;}
.container .container {padding-left:0; padding-right:0;}
.opacity-show {opacity:1 !important;}
div.content {padding-left:15px; padding-right:15px;}
div.content > *:first-child {margin-top:0;}
.flex-control-nav li {text-align:center;}
.flex-control-paging li a {width:7px; height:7px !important; line-height:15px;}
[class*="col-md-"].boxed, .call-action-box, .ul-dots li:before, .flex-control-paging li a.flex-active, .flex-control-paging li a:hover, .progress-bar, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {background-color:#26ace3 !important;}
.background-page {left:0; top:0; bottom:0; right:0; height:100%; width:100%; z-index:0; position:fixed; overflow:hidden; background-size:cover; background-position:center center;}
.background-page .flexslider {background-color:rgba(0,0,0,0) !important; height:100%; margin:0; z-index:0;}
.background-page .flexslider .slides > li, .background-page .flexslider .slides, .full-screen-size .layer-parallax, .full-screen-title .layer-parallax, .full-screen-title .videobox {height:100% !important;}
.background-page iframe {border-style:none;}
iframe {border:none;}
.background-page video {width:100%; bottom:0; top:0;}
.text-xs {font-size:11px !important; line-height:11px;}
.text-s {font-size:13px !important; line-height:18px;}
.text-m {font-size:18px !important; line-height:25px;}
.text-l {font-size:27px !important; line-height:31px;}
.text-xl {font-size:36px !important; line-height:50px;}
.text-xxl {font-size:110px !important; line-height:110px;}
.col-center {float:none !important; margin-left:auto !important; margin-right:auto !important; clear:both;}
.white .countdown span, .white .fa-ul > li a, .white .icon-list .list-item i, .white .icon-box-cell label:not(.counter), .white .title-icon h2, .white h1, .white .h1, .white h2, .white .h2, .white h3, .white .h3, .white h4, .white h5, .white h6, .white i, .white .advs-box .icon, .white .advs-box h2, .white .advs-box h3 {color:#FAFAFA;}
h1, h2, h3, h4, h5, .quote-author, h1 a, h2 a, h3 a, h4 a, h5 a, .pagination > li.disabled > a, .pagination > li > a, .album-title > span {color:#424242; font-weight:600;}
h2, .h2 {font-size:23px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height:35px;}
h1 {line-height:45px;}
h1.text-xxl {margin-left:-7px;}
h1.text-xl {margin-left:-3px;}
h5 {line-height:22px;}
h5.text-s {margin-bottom:5px;}
.text-bold {font-weight:600;}
.text-bold {font-weight:700;}
.text-black {font-weight:900 !important;}
.text-light {font-weight:300;}
hr.space {border:none !important; clear:both; height:70px; margin:0;}
hr.space.l {height:50px;}
hr.space.xs {height:10px;}
hr.space.s {height:20px;}
hr.space.m {height:30px;}
span.space {width:10px; display:inline-block;}
hr.text-left {margin-left:0 !important; margin-right:auto !important;}
hr.text-right {margin-right:0 !important; margin-left:auto !important;}
hr.a {border-bottom:1px solid #E0E0E0; width:100%; height:1px; max-width:600px;}
hr.b {border-top:1px dotted #D4D4D4;}
hr.c {border-top:1px dashed #C7C7C7;}
hr.mini {max-width:200px;}
hr.micro {max-width:80px;}
div > p:last-child {margin-bottom:0;}

#preloader {position:fixed; top:0; left:0; right:0; bottom:0; background-color:#ffffff; z-index:99995;}
#preloader:after {content:""; width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url('../images/common/loader.gif'); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; z-index:999999999999;}
#with-menu {background-color:#00c0e6;}
#with-menu {display:inline-block; padding:15px 30px;}
.con-h2 {position:absolute; top:130px; right:50%; z-index:27; width:200px; margin-right:-100px; text-align:center; font-size:28px; letter-spacing:-0.05em;}
.half-side {border-style:none !important;}
.white .progress-circle .inner-circle .counter-circle, .white .dropdown-menu > li > a:hover, .white .dropdown-menu > li > a:focus, .white a, .white .pagination > li > a, .boxed i.icon, .btn:hover {color:#fff;}
.white .dropdown-menu > li > a:hover, .white .dropdown-menu > li > a:focus, .white a {color:#E2E2E2;}
[class*="section-"] > div > .row:first-child > div > *:first-child, [class*="section-"] > div > *:first-child, [class*="section-"] > *:first-child {margin-top:0;}
[class*="section-"] > div > .row:last-child > div > *:last-child, [class*="section-"] > div > *:last-child, [class*="section-"] > *:last-child {margin-bottom:0;}
.footer-center {text-align:center;}
footer {background-color:#F5F5F5; position:relative; z-index:1; margin-top:0 !important;}

/* skip */
#skipnavi a {display:block; position:absolute; top:-40px; left:0; z-index:1005; width:100%; height:40px; line-height:40px; text-align:center; font-weight:400; font-size:17px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#skipnavi a:hover {top:0px; z-index:1005; background:#243455; color:#fff;}
#skipnavi a:active {top:0px; z-index:1005; background:#243455; color:#fff;}
#skipnavi a:focus {top:0px; z-index:1005; background:#243455; color:#fff;}

/* ci */
.comm-ci {position:absolute; z-index:10; right:40px; top:60px; text-align:center; background:url('../images/ci.svg') no-repeat 0 0; background-size:110px auto; width:110px; height:57px; opacity:0.4;}

/* scroll */
.scroll-indicator {position:absolute; z-index:10; width:100px; right:40px; bottom:60px; text-align:center;}
.scroll-text {font-size:12px; font-weight:700; color:#b8e1e9; margin-bottom:4px;}
.mouse {width:20px; height:34px; border:2px solid #b8e1e9; border-radius:16px; margin:0 auto; position:relative;}
.mouse .wheel {width:6px; height:6px; border-radius:50%; background:#ffffff; position:absolute; left:50%; top:10px; margin-left:-3px; animation:wheelMove 2.5s ease-in-out infinite;}

/* MAIN VISUAL POINT */
.visual-point {position:fixed; left:50px; bottom:calc(50% - 45px); display:flex; gap:11px; z-index:110; flex-direction:column;}
.visual-dot {width:10px; height:10px; border-radius:50%; border:2px solid rgba(255,255,255,0.7); background:transparent; padding:0; cursor:pointer; outline:none; transition:background .3s ease,border-color .3s ease,transform .3s ease,opacity .3s ease; opacity:0.7;}
.visual-dot:hover {opacity:1; transform:scale(1.1);}
.visual-dot.active {background:#00c0e6; border-color:#00c0e6; opacity:1; transform:scale(1.2);}
.visual-dot:focus-visible {outline:2px solid #ffffff; outline-offset:2px;}

/* ABOUT US */
.con-about-wrap {position:relative; width:100%; display:flex; justify-content:center; margin-top:80px;}
.con-about {width:980px; display:flex;}
.btn-withlink {position:absolute; width:170px; bottom:100px; right:calc(0% + 50px); z-index:10;}
.btn-withlink img {width:170px;}
.about-left-wrap {width:490px; padding:90px 0 0 10px;}
.about-right-wrap {width:490px; display:flex; justify-content:end;}
.about-right-wrap ul {margin:0px; padding:0px; background:#00c0e6; width:440px; height:425px; border-radius:8px 8px 0px 0px; padding:65px 0px 65px 60px;}
.about-right-wrap ul li {list-style:none; margin-bottom:25px;}
.about-right-wrap .right-con {position:relative;}
.left-txt1 {font-size:26px; color:#5a5a5a; font-weight:700; margin-bottom:30px; line-height:36px;}
.left-txt2 {font-size:18px; color:#5a5a5a; font-weight:400; line-height:28px;}
.txt-head1 {position:absolute; top:-2px; left:0px; font-weight:700; color:#606060; font-size:26px;}
.txt-head2 {position:absolute; top:-2px; left:6px; font-weight:700; color:#606060; font-size:26px;}
.txt-head3 {position:absolute; top:-2px; left:1px; font-weight:700; color:#606060; font-size:26px;}
.txt-head4 {position:absolute; top:-2px; left:0px; font-weight:700; color:#606060; font-size:26px;}
.txt-tit {font-weight:600; display:block; margin-left:34px; font-size:20px;}
.txt-con {font-weight:400; margin-left:34px; font-size:16px;}
.about-pattern {position:absolute; left:0px; bottom:calc(50% - 455px); z-index:-1; width:100%; height:100%; background:url('../images/content/about_line.png') no-repeat 50% calc(100% - 0px);}

/* SERVICE */
.con-service-wrap {position:relative; width:100%; display:flex; justify-content:center; margin-top:80px;}
.con-service {width:980px; display:flex; justify-content:center;}
.service-wrap {margin:0px; padding:0px; display:flex; width:100%;}
.service-wrap li {list-style:none; border:7px solid #00c0e6; border-radius:8px; background:#ffffff; width:100%; display:inline-block; text-align:center; padding:50px 20px 50px 20px;}
.service-card1 {}
.service-card2 {position:relative; top:30px; margin:0 25px 0 25px;}
.service-card3 {}
.service-card2:after {content:""; display:block; position:absolute; bottom:40px; right:40px; background:url('../images/common/with_logo_gray.svg') no-repeat 0 0; background-size:90px auto; width:90px; height:26px;}
.card11-wrap {padding-top:80px; background:url('../images/content/icon01.svg') no-repeat 50% 0; background-size:50px 53px;}
.card12-wrap {padding-top:80px; background:url('../images/content/icon02.svg') no-repeat 50% 0; background-size:64px 55px;}
.card13-wrap {padding-top:80px; background:url('../images/content/icon03.svg') no-repeat 50% 0; background-size:50px 50px;}
.card-tit {font-weight:700; font-size:18px; display:block; color:#424242;}
.card-con {font-weight:600; font-size:19px; display:block; color:#424242; margin-bottom:20px;}
.card-txt {font-weight:400; color:#72808e; line-height:25px;}
.service-pattern {position:absolute; left:0px; bottom:calc(50% - 515px); z-index:-1; width:100%; height:100%; background:url('../images/content/service_line.png') no-repeat 50% calc(100% - 0px);}
.section-service:after {content:""; display:block; position:absolute; top:calc(50% - 0px); right:calc(50% - -180px); width:7px; height:100vh; background-color:#00c0e6;}
.section-about .about-left-wrap,
.section-about .about-right-wrap li {opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease;}
.section-about.active .about-left-wrap {opacity:1; transform:translateY(0); transition-delay:.1s;}
.section-about.active .about-right-wrap li:nth-child(1) {opacity:1; transform:translateY(0); transition-delay:.2s;}
.section-about.active .about-right-wrap li:nth-child(2) {opacity:1; transform:translateY(0); transition-delay:.35s;}
.section-about.active .about-right-wrap li:nth-child(3) {opacity:1; transform:translateY(0); transition-delay:.5s;}
.section-about.active .about-right-wrap li:nth-child(4) {opacity:1; transform:translateY(0); transition-delay:.65s;}
.section-about .con-h2 {opacity:0; transform:translateY(-10px); transition:opacity .5s ease, transform .5s ease;}
.section-about.active .con-h2 {opacity:1; transform:translateY(0); transition-delay:.0s;}
.section-service .con-h2 {opacity:0; transform:translateY(-10px); transition:opacity .5s ease, transform .5s ease;}
.section-service.active .con-h2 {opacity:1; transform:translateY(0); transition-delay:.0s;}
.section-service .service-wrap li {opacity:1; transform:none;}
.section-service .card11-wrap,
.section-service .card12-wrap,
.section-service .card13-wrap,
.section-service .card-txt {opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease;}
.section-service.active .service-card1 .card11-wrap,
.section-service.active .service-card1 .card-txt {opacity:1; transform:translateY(0); transition-delay:.2s;}
.section-service.active .service-card2 .card12-wrap,
.section-service.active .service-card2 .card-txt {opacity:1; transform:translateY(0); transition-delay:.35s;}
.section-service.active .service-card3 .card13-wrap,
.section-service.active .service-card3 .card-txt {opacity:1; transform:translateY(0); transition-delay:.5s;}

/* HISTORY */
.con-history-wrap {position:relative; width:100%; display:flex; justify-content:center; margin-top:80px;}
.con-history {width:980px; display:flex; flex-direction:column; justify-content:flex-start;}
.history-tab-wrap {width:100%; margin-top:40px; margin-bottom:40px;}
.history-tab-list {display:flex; justify-content:space-between; gap:60px; flex-wrap:wrap;}
.history-tab-list li {list-style:none;}
.history-tab-list button {background:none; border:none; padding:0; font-size:20px; font-weight:600; color:#5a5a5a; cursor:pointer;}
.history-tab-list li.active button {color:#00bcd4;}
.history-panel-wrap {position:relative; width:100%; height:490px;}
.history-panel {display:none; width:100%; height:100%;}
.history-panel.active {display:block;}
.history-inner-scroll {position:relative; width:100%; height:100%; overflow-y:auto; padding-right:24px;}
.history-timeline {position:relative; width:100%; padding:10px 0 30px 0;}
.history-line {position:absolute; top:0; bottom:0; left:50%; width:5px; background:#00bcd4; border-radius:0px;}
.history-year-block {position:relative; margin-bottom:40px;}
.history-year-title {font-size:24px; font-weight:700; color:#424242; margin-bottom:20px;}
.history-year-block.is-right {padding-left:calc(50% + 30px);}
.history-year-block.is-right .history-items {margin-left:2px;}
.history-year-block.is-left {padding-right:calc(50% + 30px); text-align:right;}
.history-year-block.is-left .history-items {margin-right:2px;}
.history-items {list-style:none; margin:0; padding:0;}
.history-items li {display:flex; align-items:flex-start; margin-bottom:16px;}
.history-items .month {display:inline-block; min-width:32px; font-size:20px; font-weight:600; color:#424242; position:relative; top:-2px;}
.history-items .month-bar {display:inline-block; flex:0 0 40px; height:1px; margin-top:11px; border-top:2px dotted #00bcd4;}
.history-items .history-text {margin:0 10px 0 10px; font-size:16px; line-height:1.7; color:#5a5a5a;}
.history-year-block.is-left .history-items li {flex-direction:row-reverse;}
.history-year-block.is-left .history-items .month {text-align:right;}
.history-year-block.is-left .history-items .month-bar {transform:scaleX(-1);}
.section-history .con-h2 {opacity:0; transform:translateY(-10px); transition:opacity .5s ease, transform .5s ease;}
.section-history.active .con-h2 {opacity:1; transform:translateY(0); transition-delay:.0s;}
.section-history .history-tab-list li {opacity:0; transform:translateY(10px); transition:opacity .4s ease, transform .4s ease;}
.section-history.active .history-tab-list li:nth-child(1) {opacity:1; transform:translateY(0); transition-delay:.15s;}
.section-history.active .history-tab-list li:nth-child(2) {opacity:1; transform:translateY(0); transition-delay:.22s;}
.section-history.active .history-tab-list li:nth-child(3) {opacity:1; transform:translateY(0); transition-delay:.29s;}
.section-history.active .history-tab-list li:nth-child(4) {opacity:1; transform:translateY(0); transition-delay:.36s;}
.section-history.active .history-tab-list li:nth-child(5) {opacity:1; transform:translateY(0); transition-delay:.43s;}
.section-history .history-line {transform:scaleY(0); transform-origin:top center; transition:transform .6s ease;}
.section-history.active .history-panel.active .history-line {transform:scaleY(1); transition-delay:.25s;}
.section-history .history-year-block {opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease;}
.section-history.active .history-panel.active .history-year-block:nth-of-type(1) {opacity:1; transform:translateY(0); transition-delay:.32s;}
.section-history.active .history-panel.active .history-year-block:nth-of-type(2) {opacity:1; transform:translateY(0); transition-delay:.45s;}
.section-history.active .history-panel.active .history-year-block:nth-of-type(3) {opacity:1; transform:translateY(0); transition-delay:.58s;}
.section-history.active .history-panel.active .history-year-block:nth-of-type(4) {opacity:1; transform:translateY(0); transition-delay:.71s;}

/* CONTACT US */
.mapwrap {border:2px solid #00bcd4; border-radius:6px;}
.con-contact-wrap {position:relative; width:100%; display:flex; justify-content:center; margin-top:80px;}
.con-contact {width:980px; display:flex; flex-direction:column; justify-content:flex-start;}
.contact-address-wrap {display:flex; margin-top:30px; gap:30px;}
.address-con1 {width:60%;}
.address-con2 {width:40%;}
.add-tit {color:#424242; font-size:20px; font-weight:600; display:block; margin-bottom:5px;}
.add-con {color:#5a5a5a; font-weight:400;}
.section-contact .con-h2 {opacity:0; transform:translateY(-10px); transition:opacity .5s ease, transform .5s ease;}
.section-contact.active .con-h2 {opacity:1; transform:translateY(0); transition-delay:.0s;}
.section-contact .mapwrap {opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease;}
.section-contact .contact-address-wrap {opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease;}
.section-contact.active .mapwrap {opacity:1; transform:translateY(0); transition-delay:.15s;}
.section-contact.active .contact-address-wrap {opacity:1; transform:translateY(0); transition-delay:.3s;}

@keyframes rotate-90 {
	0% {transform:rotate(0);}
	100% {transform:rotate(90deg);}
}
@keyframes wheelMove {
	0% {transform:translateY(0); opacity:1;}
	70% {transform:translateY(12px); opacity:0;}
	100% {transform:translateY(0); opacity:0;}
}

@media (max-width:1580px) and (min-width:769px) {
	.comm-ci {display:none;}
	.scroll-indicator {display:none;}
	.visual-point {display:none;}
}
@media (max-width:1420px) and (min-width:1025px) {
	.catch01 {top:-80px;}
	.catch02 {top:-65px;}
	.catch03 {top:-79px;}
	h1.text-xl {font-size:30px !important; line-height:32px !important;}
	h3.catch02 {font-size:18px !important; line-height:26px !important;}
}
@media (max-width:1024px) {
    body {background:#fafafa;}
	.comm-ci {display:none;}
	.scroll-indicator {display:none;}
	.catch01 {top:0px;}
	.catch02 {top:0px;}
	.catch03 {top:0px;}
    .scroll-indicator {display:none;}
    .sec-twoside {overflow:visible; position:static; height:auto; padding:0;}
    .sec-twoside .row {margin:0;}
    .sec-twoside .half-side {position:relative; width:100%; height:auto; border:none !important; margin:0;}
    .half-side.left {text-align:center; background:rgba(14,14,14,0.5); padding:305px 20px 305px 20px;}
    .half-side.right {background:none; padding:0 15px 25px 15px; margin-bottom:20px; background:none !important;}
    .sec-twoside .half-side .text-right {text-align:center !important; margin-left:auto !important; margin-right:auto !important;}
    .sec-twoside .half-side .pull-right {float:none !important;}
    .sec-twoside .content {position:static; top:0; margin-top:0 !important; padding:0; color:#5a5a5a;}
    .half-side.left .content {color:#ffffff;}
    .txt-head1, .txt-head2, .txt-head3, .txt-head4 {color:#00c0e6;}
	#with-menu {margin-top:20px; text-align:center; display:none;}
    #with-menu .twoside-home,
    #with-menu .twoside-open {display:inline-block; margin:0 4px; font-size:13px;}
    .center-bg,
    .close-button {display:none !important;}
    .sec-twoside .half-side,
    .sec-twoside.twoside-opened .half-side {margin-left:0 !important; margin-right:0 !important;}
    .visual-point {position:fixed; left:50%; bottom:18px; transform:translateX(-50%); flex-direction:row; gap:6px; z-index:110;}
    .visual-dot {width:8px; height:8px;}
    .center-box {position:static; width:100%; max-width:100%; margin:0; padding:0 15px 40px 15px; background:#fafafa; display:block; opacity:1;}
    .center-box .content {padding:0;}
    .con-h2 {position:relative; top:auto; right:auto; width:auto; margin:30px 0 5px 0; text-align:center; font-size:22px; background:#00c0e6; color:#ffffff; border-radius:5px; padding:10px 0 10px 0;}

    /* ABOUT */
    .con-about-wrap {position:relative; width:100%; display:block; justify-content:flex-start; margin-top:35px;}
    .con-about {width:100%; display:block;}
    .about-left-wrap {width:100%; padding:20px 0 0 0; background:#ffffff; border-radius:8px; padding:25px 30px 30px 30px;}
    .about-right-wrap {width:100%; margin-top:30px; justify-content:flex-start;}
    .about-right-wrap ul {width:100%; height:auto; border-radius:8px; padding:35px 30px 10px 30px; background:#ffffff;}
    .left-txt1 {font-size:22px; line-height:32px; margin-bottom:20px;}
    .left-txt2 {font-size:16px; line-height:24px;}
    .about-pattern {display:none;}
    .btn-withlink {position:static; display:block; margin:25px auto 0 auto; text-align:center;}
    .btn-withlink img {width:150px;}

    /* SERVICE */
    .con-service-wrap {position:relative; width:100%; display:block; justify-content:flex-start; margin-top:35px;}
    .con-service {width:100%; display:block;}
    .service-wrap {margin:0; padding:0; display:block; width:100%;}
    .service-wrap li {width:100%; margin:0 0 15px 0; padding:35px 20px 35px 20px;}
	.service-wrap li:last-child {margin-bottom:0px;}
    .service-card2 {top:0; margin:0 0 15px 0;}
    .service-card2:after {display:none;}
    .card-tit {font-size:17px;}
    .card-con {font-size:18px;}
    .card-txt {font-size:15px;}
    .service-pattern {display:none;}
    .section-service:after {display:none;}

    /* HISTORY */
    .con-history-wrap {position:relative; width:100%; display:block; justify-content:flex-start; margin-top:15px;}
    .con-history {width:100%;}
    .history-tab-wrap {width:100%; margin-top:25px; margin-bottom:20px;}
    .history-tab-list {gap:20px; justify-content:flex-start; flex-wrap:wrap; background:#ffffff; padding:25px 20px 25px 35px; border-radius:8px;}
    .history-tab-list button {font-size:21px; letter-spacing:-0.05em;}
    .history-panel-wrap {height:auto; background:#ffffff; padding:25px 0px 25px 0px; border-radius:8px;}
    .history-panel {height:auto;}
    .history-inner-scroll {height:auto; max-height:none; overflow:visible; padding-right:0;}
    .history-timeline {padding:5px 0 0px 0;}
    .history-line {left:24px; width:3px;}
    .history-year-block {margin-bottom:30px; padding-left:56px; padding-right:0; text-align:left;}
    .history-year-block.is-left {padding-left:30px; padding-right:30px; text-align:left;}
    .history-year-block.is-right {padding-left:30px; padding-right:30px; text-align:left;}
    .history-items li {flex-direction:row;}
    .history-items .month {min-width:30px; font-size:18px; text-align:left;}
    .history-items .month-bar {flex:0 0 32px; border-top-width:2px; transform:none;}
    .history-year-block.is-left .history-items li {flex-direction:row; margin-bottom:5px;}
    .history-year-block.is-left .history-items .month {text-align:left;}
    .history-year-block.is-left .history-items .month-bar {transform:none;}
	.history-year-block.is-right .history-items li {margin-bottom:5px;}
    .history-items .history-text {font-size:15px; margin:0 0 0 10px;}
	.history-tab-wrap .history-tab-list li {width:29%; text-align:center;}

    /* CONTACT */
    .con-contact-wrap {position:relative; width:100%; display:block; justify-content:flex-start; margin-top:35px;}
    .con-contact {width:100%; display:block;}
    .mapwrap {height:265px !important;}
    .mapwrap iframe {height:260px;}
    .contact-address-wrap {display:block; margin-top:20px; background:#ffffff; padding:25px 30px 25px 30px; border-radius:8px;}
    .address-con1,
    .address-con2 {width:100%; margin-bottom:15px;}
    .add-tit {font-size:18px;}
    .add-con {font-size:15px;}

    /* 애니메이션 제거 */
    .section-about .con-h2,
    .section-about .about-left-wrap,
    .section-about .about-right-wrap li,
    .section-service .con-h2,
    .section-service .service-wrap,
    .section-service .service-card li,
    .section-service .card11-wrap,
    .section-service .card12-wrap,
    .section-service .card13-wrap,
    .section-service .card-txt,
    .section-history .con-h2,
    .section-history .history-tab-list li,
    .section-history .history-year-block,
    .section-contact .con-h2,
    .section-contact .mapwrap,
    .section-contact .contact-address-wrap {opacity:1 !important; transform:none !important; transition:none !important;}
    .background-page iframe {display:none;}
}