@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}
.fz22 {font-size:22px !important;}
.fz24 {font-size:24px !important;}
.fz30 {font-size:30px !important;}
.fz34 {font-size:34px !important;}
.fz40 {font-size:40px !important;}
.fz50 {font-size:50px !important;}

.doc-tit {font-size:26px; color:#333; letter-spacing:-.03em; line-height:1.3em; display:block;}

.doc-cnt10 {margin-bottom:10px !important;}
.doc-cnt15 {margin-bottom:15px !important;}
.doc-cnt20 {margin-bottom:20px !important;}
.doc-cnt30 {margin-bottom:30px !important;}
.doc-cnt50 {margin-bottom:50px !important;}
.doc-cnt75 {margin-bottom:75px !important;}
.doc-cnt100 {margin-bottom:100px !important;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.c1 {color:#219e97 !important;}
.c2 {color:#3cd5cc !important;}

.about .item {margin-bottom:200px; display:flex;}
.about .item:last-child {margin-bottom:0;}
.about .img {flex:1;}
.about .cnt {padding-left:80px; flex:1; background-image:url('../images/sub/aboutbg.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 100%;} 
.about strong {margin:35px 0 20px; font-weight:600; color:#242424; letter-spacing:-.03em; display:block; line-height:1.2em;}
.about .item:nth-child(even) .img {order:2;}
.about .item:nth-child(even) .cnt {padding-left:0;}
.about p {line-height:1.7em;}

.history .slide-btn {width:15px; height:25px; display:block; background-size:contain; position:absolute; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:50% 50%;} 
.history .slide-btn.prev {left:-60px; background-image:url('../images/bbs/year-prev.png');}
.history .slide-btn.next {right:-60px; background-image:url('../images/bbs/year-next.png');}
.history .slide-btn.prev:hover {background-image:url('../images/bbs/year-prev-on.png');}
.history .slide-btn.next:hover {background-image:url('../images/bbs/year-next-on.png');}
.history, .history .year {position:relative; text-align:center;}
.history:before, .history:after {position:absolute; content:''; top:0;  bottom:0; background-color:#ddd; width:1px;} 
.history:before {left:0;}
.history:after {right:0;}
.history .line {position:absolute; top:50%; left:0; right:0; background-color:#ddd; height:1px;}
.history .year a {padding-top:40px; line-height:1.4em; color:#979797; font-weight:500; display:block; position:relative;}
.history .year li:hover a,
.history .year li.active a {font-weight:600; color:#219e97;}
.history .year li a:before {width:7px; height:7px; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#979797; border-radius:100%; position:absolute; content:'';}
.history .year li:hover a:before,
.history .year li.active a:before {background-color:#219e97;}
.history .year li:hover a:after,
.history .year li.active a:after {width:16px; height:16px; border:1px solid #219e97; border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%); position:absolute; content:'';}

.history-flex {display:flex; align-items:flex-start;}
.history-flex .thumb {position:relative; padding-bottom:61%; overflow:hidden;}
.history-flex .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.history-cnt {flex:1 810px; max-width:810px; width:1%; margin-right:30px;}
.history-cnt .cnt {margin-top:45px;}
.history-cnt .title {font-size:24px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}

.history-nav {padding:7px 25px; max-height:595px; overflow:hidden; background-color:#f8f8f8; color:#686868; flex:1;}
.history-nav .item {padding:25px 0; border-bottom:1px solid #ddd; display:flex;}
.history-nav li:nth-child(4n) .item {border-bottom:0;}
.history-nav .image {width:155px; margin-right:15px; position:relative;}
.history-nav .title {line-height:1.38em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.history-nav .cnt {flex:1;}

.history-nav li {cursor:pointer; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; box-sizing:border-box;}
.history-nav li.on .thumb:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:2px solid #3cd5cc;}
.history-nav li.on .title {color:#3cd5cc;}

.solution-top {height:880px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.solution-top.bg1 {background-image:url('../images/sub/solutiontopbg1.jpg');}
.solution-top.bg2 {background-image:url('../images/sub/solutiontopbg2.jpg');}
.solution-top .contain {display:flex; height:100%; max-width:1460px; position:relative;}
.solution-top .flex {width:100%; justify-content:space-between; display:flex; align-items:flex-end;}
.solution-top .col-l {display:flex; justify-content:flex-end; height:100%; order:2;}
.solution-top .col-l p {color:#fff; line-height:1.4em;}
.solution-top .inner {display:flex; flex-direction:column; justify-content:center;}
.solution-top .tit {font-size:70px; letter-spacing:-.03em; line-height:1.3em; color:#fff;}
.solution-top .cate {color:#fff; letter-spacing:-.03em; line-height:1.2em;}
.solution-top .tit span {font-size:34px; font-weight:400; color:#fff; letter-spacing:-.03em; line-height:1.2em;}
.solution-top .in-txt {flex:1;}
.solution-top .since {bottom:50px; right:30px; letter-spacing:-.03em; color:#fff; position:absolute; opacity:.6;}

.solution-top.bg1 .flex {justify-content:flex-end;}
.solution-top.bg1 .tit strong {font-size:76px;}
.solution-top.bg1 .col-l {position:absolute; left:30px; top:50%; transform:translateY(-50%);}
.solution-top.bg1 .col-r {margin-right:210px; order:2;}
.solution-top.bg2 .tit strong {font-size:90px;}
.solution-top.bg2 .col-l {text-align:right;}
.solution-top .col-r {margin-bottom:-70px;}

.solution-depth {position:absolute; left:30px; top:50px; z-index:100;}
.solution-depth span {font-size:14px; padding:0 15px; line-height:1.4em; letter-spacing:-.03em; display:inline-block; color:#fff; position:relative;}
.solution-depth span.last {padding-right:0;}
.solution-depth span.home {padding-left:0;}
.solution-depth span.home i {width:13px; height:12px; margin:-3px 6px 0 0; vertical-align:middle; background-image:url('../images/sub/home.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
.solution-depth span.home:before {display:none !important;}
.solution-depth span:before {width:7px; height:12px; left:-3px; top:3px; background-image:url('../images/sub/sol-depth.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.solution-depth.ty2 {max-width:1660px; width:100%; left:50%; transform:translateX(-50%);}
.solution-depth.ty2 span {color:#242424; font-weight:500;}
.solution-depth.ty2 span.home i {background-image:url('../images/sub/home-bk.png');}

.platform-1 {padding:200px 0 150px; background-image:url(../images/sub/platform-1bg.png); background-repeat:no-repeat; background-position:100% 50%;}
.platform-1 .contain {max-width:1460px;}
.platform-1 .flex {display:flex;}
.platform-1 .cnt {flex:1; display:flex; align-items:center;}
.platform-1 .inner {margin-left:80px; flex:1;}
.platform-1 strong {line-height:1.38em; display:block; color:#242424;}
.platform-1 p {line-height:1.7em;}
.platform-1 .fz24 {line-height:1.42em; font-weight:500; color:#242424;}

.platform-1 .flex.reverse {flex-direction:row-reverse;}

.platform-1.ty2 {background-position:-20px 65%; background-color:#f8f8f8;}
.platform-1.ty2 .img {order:2;}

.platform-2 {position:relative; line-height:0;}
.platform-2 video {object-fit:cover; width:100%;}

.platform-3 {padding-bottom:80px; background-color:#fcfcfc;}

.platform-4 {background-color:#219e97; color:#fff;}
.platform-4 .contain {max-width:1260px;}
.platform-4 .m-tit strong {color:#fff;}
.platform-4 ul {display:flex; flex-wrap:wrap; text-align:center; color:#fff;}
.platform-4 ul li.wid33 {margin:95px 0; width:33.3333%;}
.platform-4 ul li.wid50 {width:50%;}
.platform-4 ul li p {margin-top:20px; letter-spacing:-.03em; line-height:1.67em;}

.platform-5 {padding-bottom:100px;}
.platform-5 .contain {max-width:1260px;}
.platform-5 div.fz18 {color:#686868; line-height:1.78em;}
.platform-5 ul {display:flex; margin:0 -15px;}
.platform-5 ul li {padding:0 15px; width:33.3333%; font-weight:700; text-align:center;}
.platform-5 .box {border-radius:30px; overflow:hidden;}
.platform-5 .image {min-height:445px; justify-content:center; align-items:center; display:flex; background-color:#f8f8f8;}
.platform-5 .fz24 {background-color:#219e97; color:#fff; letter-spacing:-.03em;}
.platform-5 .fz20 {color:#219e97; letter-spacing:-.03em; position:relative;}
.platform-5 .fz20:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #219e97; border-radius:0 0 30px 30px;}
.platform-5 .txt {padding:16px 0;}

.customize {background-image:url('../images/sub/customizebg.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 101%;}
.customize ul {display:flex; margin:0 -15px; text-align:center;}
.customize ul li {padding:0 15px;}
.customize ul li p {margin-top:25px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}

.production-wrap {background-image:url('../images/sub/production-casebg.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 101%;}
.production-case {margin:0 -15px -30px; display:flex; flex-wrap:wrap;}
.production-case li {padding:0 15px; margin-bottom:30px; width:33.3333%; line-height:0;}
.production-case li video {width:100%;}
.production-case .box {position:relative;padding-bottom:67%;height:0;overflow:hidden;background:#000;}
.production-case .box iframe,
.production-case .box object,
.production-case .box embed,
.production-case .box video{position:absolute;top:0;left:0;width:100%;height:100%;}

.application .wrap {height:400px; display:flex; justify-content:space-between;}

.application .box {margin-right:30px; border:1px solid #ddd; border-radius:10px; width:50%; display:flex; flex-direction:column; justify-content:center; position:relative; transition:all 0.4s;}
.application .inner {text-align:center; transition:all 0.4s; opacity:1;}
.application .inner p {margin:25px 0 50px; line-height:1.3em;}
.application .view-more {bottom:50px; left:50px; width:170px; height:50px; padding:0 30px; display:none; align-items:center; position:absolute; color:#fff; background-color:#3cd5cc; border-radius:50px; justify-content:space-between;}
.application .view-more i {width:22px; height:12px; vertical-align:middle; display:inline-block; background-image:url('../images/sub/app-viewmore.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.application .big-ico {right:50px; bottom:50px; position:absolute; display:none;}
.application .box:last-child {margin-right:0;}

.application .over-cnt {left:50px; top:50px; position:absolute; display:none; width:calc(100% - 6rem);}
.application .over-cnt .title {font-size:28px; margin-bottom:25px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#242424;}

.application .box.on {width:60%; flex-shrink:0;}
.application .box.on .view-more {display:flex;}
.application .box.on .inner {opacity:0; z-index:-2;}
.application .box.on .over-cnt {display:block; animation:mybottom1 0.4s 1 linear forwards;}
.application .box.on .big-ico {display:block; animation:myleft1 0.4s 1 linear forwards;}

.root_daum_roughmap .cont {display:none !important;}

@keyframes mybottom1 {
	from {transform:translateY(0.6rem); opacity:0;}
	to {transform:translateY(0); opacity:1;}
}
@keyframes myleft1 {
	from {transform:translateX(-0.6rem); opacity:0;}
	to {transform:translateX(0); opacity:1;}
}

@media (max-width:767px) {
	.application .wrap {flex-wrap:wrap; height:auto;}
	.application .box {width:100%; margin-right:0;}
	.application .inner {opacity:0 !important; z-index:-2 !important;}
	.application .over-cnt {display:block !important; animation:none !important;}
	.application .big-ico {right:30px; bottom:30px; display:block !important; animation:none !important;}
	.application .big-ico img {height:150px;}
	.application .box.on {width:100%;}
}

.application-video {color:#242424; position:relative;}
.application-video .txt {padding:0 30px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:1660px; width:100%; z-index:1;}
.application-video .txt .tt {letter-spacing:.3em;}
.application-video .txt strong {font-size:70px; margin:10px 0 35px; line-height:1.15em; letter-spacing:-.03em; display:block;}
.application-video .txt p {line-height:1.6em; font-weight:500;} 
.application-video .video {line-height:0; position:relative;}
.application-video .video:before {background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.15) 30%); position:absolute; content:''; top:0; left:0; right:0; bottom:0;}
.application-video video {object-fit:cover; width:100%;}

.root_daum_roughmap {width:100% !important; border-radius:20px;}
.root_daum_roughmap_landing {border-radius:20px;}
.root_daum_roughmap .wrap_controllers {border-radius:0 0 20px 20px !important;}

.local {display:flex; flex-wrap:wrap;}
.local .item {margin-bottom:30px; align-items:center; display:flex; width:50%;}
.local .one-item {margin-bottom:0 !important; width:100% !important;}
.local .item strong {margin-bottom:5px; display:block; line-height:1.4em; color:#242424;}
.local .cnt {padding-left:20px; flex:1;}
.local i {width:66px; height:66px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
.local i.addr {background-image:url('../images/sub/local-addr.png');}
.local i.tel {background-image:url('../images/sub/local-tel.png');}
.local i.mail {background-image:url('../images/sub/local-mail.png');}
.local i.fax {background-image:url('../images/sub/local-fax.png');}

.solution-top .contain.ty2 {max-width:1780px;}
.solution-top.bg1 .col-l {left:180px;}

/* store */
.store-tab { text-align:center; }
.store-tab ul { display:flex; justify-content:center; }
.store-tab ul li { color:#b7b7b7; font-weight:600; position:relative; letter-spacing:-.03em; line-height:1.2em; }
.store-tab ul li:after { height:30px; position:absolute; content:''; top:50%; transform:translateY(-50%); right:0; width:1px; background-color:#ddd; }
.store-tab ul li:last-child:after { display:none; }
.store-tab ul li a { padding:0 60px; display:block; }
.store-tab ul li i.store-tab-ico { width:64px; height:64px; margin-bottom:15px; display:inline-block; position:relative; }
.store-tab ul li i.store-tab-ico img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; transition:opacity 0.3s; }
.store-tab ul li i.store-tab-ico .ico-on { opacity:0; }
.store-tab ul li i.store-tab-ico .ico-off { opacity:1; }
.store-tab ul li a:hover i.store-tab-ico .ico-on { opacity:1; }
.store-tab ul li a:hover i.store-tab-ico .ico-off { opacity:0; }
.store-tab ul li.active i.store-tab-ico .ico-on { opacity:1; }
.store-tab ul li.active i.store-tab-ico .ico-off { opacity:0; }
.store-tab ul li.active,
.store-tab ul li:hover { color:#242424; }

/* 스토어 리스트페이지 전체 */
.store-group {display:flex; position:relative;}

/* 스토어 레프트메뉴 */
.store-cate {width:260px;}
.store-cate .cate {width:220px; border:2px solid #219e97; border-radius:10px; overflow:hidden;}
.store-cate .cate.fixed {position:fixed; top:150px;}
.store-cate .cate.fixed-bottom {position:absolute; top:auto; bottom:100px;}
.store-cate .item .title {padding:12px 0; font-weight:700; color:#fff; background-color:#219e97; text-align:center;}
.store-cate .item .title i {width:24px; height:24px; margin:-2px 5px 0 -12px; display:none; vertical-align:middle; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; /* display:inline-block; */}
.store-cate .item:nth-child(1) .title i {background-image:url('/images/sub/stcate-ico1.png');}
.store-cate .item:nth-child(2) .title i {background-image:url('/images/sub/stcate-ico2.png');}
.store-cate .item:nth-child(3) .title i {background-image:url('/images/sub/stcate-ico3.png');}
.store-cate .item ul {padding:25px 30px; background-color:#fff;}
.store-cate .item ul li {padding:0 0 20px 15px; color:#686868; position:relative;}
.store-cate .item ul li:last-child {padding-bottom:0;}
.store-cate .item ul li:before {position:absolute; content:'•'; left:0; font-weight:700;}
.store-cate .item ul li.active a,
.store-cate .item ul li:hover a,
.store-cate .item ul li.active:before,
.store-cate .item ul li:hover:before {color:#54dad3; font-weight:600;}

/* 스토어 리스트 */
.store-list-wrap {max-width:1200px; flex:1 1 auto; width:1%; min-width:0; background-color:#fff;}

.store-sch {margin-bottom:15px; display:flex; align-items:center;}
.store-sch .col-l {flex:1;}
.store-sch .col-l span {padding:0 18px; position:relative;}
.store-sch .col-l span:first-child {padding-left:0;}
.store-sch .col-l span:last-child {padding-right:0;}
.store-sch .col-l span:after {width:7px; height:12px; right:-4px; top:50%; transform:translateY(-50%); background-image:url('../images/bbs/ser-arrow.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.store-sch .col-l span:last-child:after {display:none;}
.store-sch .col-r span {font-weight:600; color:#219e97;}

.store-list {padding-top:30px; border-top:2px solid #219e97;}
.store-list > ul {margin:0 -15px -60px; display:flex; flex-wrap:wrap;}
.store-list > ul > li {padding:0 15px; margin-bottom:60px; width:33.3333%;}
.store-list > ul > li a {background-color:#fff;}
.store-list > ul > li:hover a {background-color:rgba(33,158,151,.8); color:#fff; box-shadow:1px 3px 10px rgba(0,0,0,.2); border:none;}
.store-list > ul > li:hover .off {height:0; position:relative; z-index:-1;}
.store-list > ul > li:hover .off .info {opacity:0;}
.store-list > ul > li:hover .on {display:block;}
.store-list > ul > li .on {display:none;}

.store-list a {padding:28px; min-height:480px; position:relative; display:block; border:1px solid #ddd; border-radius:20px;}
.store-list .info {margin-bottom:20px;}
.store-list .info .ty {margin-bottom:4px; color:#219e97; letter-spacing:-.02em; line-height:1.3em;}
.store-list .info p {font-size:28px; color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.store-list .thumb {position:relative; padding-bottom:106%; overflow:hidden;}
.store-list .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.store-list .on .info .ty {color:#fff;}
.store-list .on .info p {color:#fff;}
.store-list .on .inner p {margin:20px 0 25px; font-weight:600; line-height:1.56em;}
.store-list .on .inner li {padding:0 0 10px 12px; position:relative;}
.store-list .on .inner li:last-child {padding-bottom:0;}
.store-list .on .inner li:before {margin-top:-1px; position:absolute; content:'•'; left:0; color:#fff;}
.store-list .on .btn {width:170px; height:50px; padding:0 30px; align-items:center; justify-content:space-between; background-color:#fff; border-radius:30px; color:#219e97; position:absolute; bottom:30px; left:50%; transform:translateX(-50%); display:flex;}
.store-list .on .btn i {width:20px; height:20px; background:url('../images/bbs/view-more.png') no-repeat 50% 50% / contain; display:inline-block;}

.st-bg {position:relative;}
.st-bg:after {width:510px; height:511px; z-index:-1; left:0; top:0; background-image:url('../images/sub/storebg.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.store-detail {display:flex;}
.store-detail .col {border:1px solid #ddd; border-radius:20px;}
.store-detail .col-l {margin-right:80px; width:570px; line-height:0;}

.store-detail .col-l .thumb {position:relative; padding-bottom:106%; overflow:hidden;}
.store-detail .col-l .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.slider-for-st {padding:45px 45px 30px;}

.slider-nav-st {padding:0 35px; margin-bottom:20px;}
.slider-nav-st .item {padding:0 10px;}
.slider-nav-st .thumb {border-radius:10px; border:1px solid #ddd; padding-bottom:100% !important;}
.slider-nav-st .slick-arrow {width:11px; height:20px; position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain;}
.slider-nav-st .slick-prev {left:17px; background-image:url("../images/sub/navst-prev.png");}
.slider-nav-st .slick-next {right:17px; background-image:url("../images/sub/navst-next.png");}
.slider-nav-st .slick-prev:hover {background-image:url("../images/sub/navst-prev-on.png");} 
.slider-nav-st .slick-next:hover {background-image:url("../images/sub/navst-next-on.png");}

.store-detail .col-r {padding:35px 40px; flex:1;}
.store-detail .col-r .top .ty {color:#219e97;}
.store-detail .col-r .top .name {font-size:42px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.store-detail .col-r .inner {margin:25px 0 40px; padding:25px 0 50px; height:430px; -ms-overflow-style:none; /* IE and Edge */ scrollbar-width:none; /* Firefox */ overflow:scroll; line-height:1.5em; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.store-detail .col-r .inner::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/}
.store-detail .col-r .info {margin-top:50px;}
.store-detail .col-r .info p {padding:0 0 20px 34px; position:relative;}
.store-detail .col-r .info p:last-child {padding-bottom:0;}
.store-detail .col-r .info p:before {width:24px; height:24px; left:0; top:2px; background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.store-detail .col-r .info p.capacity:before {background-image:url('../images/sub/capacity-ico.png');}
.store-detail .col-r .info p.height:before {background-image:url('../images/sub/height-ico.png');}
.store-detail .col-r .info p.dimension:before {background-image:url('../images/sub/dimension-ico.png');}
.store-detail .col-r .btn {width:280px; height:60px; padding:0 35px; margin:auto; font-weight:700; align-items:center; justify-content:space-between; letter-spacing:-.03em; line-height:1.4em; display:flex; background-color:#3cd5cc; border-radius:30px; color:#fff;}
.store-detail .col-r .btn i {width:24px; height:24px; display:inline-block; background:url('../images/sub/prd-ico.png') no-repeat 50% 50% / contain;}

.doc-btn2 {border:1px solid #ddd; border-radius:30px;}

.one-page-nav ul {display:flex;}
.one-page-nav ul li {width:50%;}
.one-page-nav ul li a {height:60px; color:#242424; border:1px solid #ddd; align-items:center; justify-content:center; background-color:#f8f8f8; font-weight:600; display:flex;}
.one-page-nav ul li:hover a,
.one-page-nav ul li.active a {color:#fff; background-color:#219e97; border-color:#219e97;}

.one-page .section {text-align:center;}

.modal {padding:0; max-width:100%; max-height:100%; width:100%; overflow:scroll; box-shadow:none; box-shadow:none;}
.modal a.close-modal {width:20px; height:20px; top:24px; right:24px; transform:translateX(-50%); background-size:contain; background-image:url(../images/sub/modal_cls.png);}
.layer_popup {width:1200px; border-radius:30px; display:none; position:relative; z-index:100; color:#000;}
.layer_popup .title {padding:21px 0; color:#fff; background-color:#219e97; font-weight:700; text-align:center;}
.layer_popup .inner {padding:40px;}

.layer_popup .wrap .tit {padding:15px 0; margin:0 2px 0 -1px; border:1px solid #ddd; border-bottom:0; text-align:center; background-color:#f8f8f8; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.layer_popup .flex {margin-bottom:40px; display:flex; flex-wrap:wrap;}
.layer_popup .flex.last {margin-bottom:0;}
.layer_popup .flex dl {margin:-1px 0 0 -1px; color:#242424; width:50%; border:1px solid #ddd; display:flex;}
.layer_popup .flex dl.wide {width:100%;}
.layer_popup .flex dt {width:150px; font-weight:600; align-items:center; justify-content:center; display:flex; border-right:1px solid #ddd;}
.layer_popup .flex dd {flex:1; display:flex; align-items:center; justify-content:center;}
.layer_popup .flex dt, .layer_popup .flex dd {min-height:60px;}
.layer_popup .flex .input {border:none;}

.layer_popup .buttons {margin:50px 0 0;}
.layer_popup .btn-pack {background-color:#219e97; border-color:#219e97;}
.layer_popup .required {color:#ff6c00; font-weight:600;}

.platform-amr {display:flex; margin:0 -15px;}
.platform-amr .item {padding:0 15px; width:33.3333%;}
.platform-amr .inner {padding:30px 35px; min-height:305px; border:1px solid #a6d8d5; border-top:0; border-radius:0 0 20px 20px;}
.platform-amr .inner strong {font-size:28px; font-weight:700; letter-spacing:-.03em; line-height:1.2em; display:block;}
.platform-amr .inner p {margin:12px 0; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.5em;}
.platform-amr .inner ul li {padding:0 0 5px 12px; position:relative; line-height:1.4em;}
.platform-amr .inner ul li:before {position:absolute; content:'•'; left:0; color:#219e97;}

.tb-1 {margin-top:55px;}
.tb-1 table {border-collapse:collapse; width:100%; text-align:center;}
.tb-1 thead th {font-size:20px; padding:12px 0; background-color:#219e97; color:#fff; font-weight:600;}
.tb-1 tbody td {font-size:18px; padding:12px 0; letter-spacing:-.03em; border-bottom:1px solid #ddd;}
.tb-1 tbody td:first-child {font-weight:600; color:#242424;}

.islfeat {padding:150px 0 120px; background-image:url(../images/sub/platform-1bg.png); background-repeat:no-repeat; background-position:0 50%; background-color:#f5f5f5; line-height:1.5;}
.islfeat .contain {max-width:1460px;}
.islfeat .flex {display:flex; align-items:flex-start; justify-content:space-between; gap:50px; margin-bottom:80px;}
.islfeat .cnt {flex:0 1 40%; min-width:0;}
.islfeat .cont-tit {margin-bottom:35px;}
.islfeat .tit {font-weight:800; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.islfeat .tit strong {font-weight:700; color:#242424;}
.islfeat .list {counter-reset:isl-num;}
.islfeat .list li {padding:10px 0; border-bottom:1px solid #ddd; display:flex; align-items:center; gap:16px; font-size:17px; color:#242424; letter-spacing:-.02em; line-height:1.45; counter-increment:isl-num;}
.islfeat .list li:first-child {padding-top:0;}
.islfeat .list li:last-child {border-bottom:0; padding-bottom:0;}
.islfeat .list li:before {content:counter(isl-num); flex:0 0 30px; width:30px; height:30px; line-height:30px; font-size:14px; border-radius:50%; background-color:#3cd5cc; color:#fff; font-weight:600; text-align:center;}
.islfeat .spec {width:100%; overflow-x:auto;}
.islfeat .spec table {width:100%; min-width:720px; border-collapse:collapse; text-align:center; font-size:16px; color:#242424; letter-spacing:-.02em;}
.islfeat .spec th,
.islfeat .spec td {padding:10px 20px; border:1px solid #ddd; vertical-align:middle;}
.islfeat .spec thead tr th {background-color:#219e97; color:#fff; text-align:left;}
.islfeat .spec thead tr td {background-color:#e2efee; font-weight:600;}
.islfeat .spec tbody tr th {background-color:#f1f1f1; font-weight:600; color:#242424; text-align:left;}

@media (max-width:1024px) {
	.islfeat .flex {flex-direction:column; gap:40px;}
	.islfeat .cnt {flex:1 1 auto; max-width:100%;}
	.islfeat .img img {max-width:100%;}
}


.forklift-truck {text-align:center;}
.forklift-truck .tit {font-weight:600; color:#242424;}
.forklift-truck .tit strong {font-weight:800; color:#3cd5cc; display:inline-block;}
.forklift-truck .txt {line-height:1.5em;}
.forklift-truck .img-wrap {display:flex; gap:40px; justify-content:center;}

.cata-down {text-align:center; margin-top:50px;}
.cata-down a {min-width:220px; height:60px; font-size:18px; padding: 0 20px; background-color:#2bcdde; margin:0 auto; border-radius:8px; display:inline-flex; justify-content:center; align-items:center; font-weight:700; color:#fff;}
.cata-down a i.ico-cata {width:40px; height:32px; margin:1px 10px 0 0; vertical-align:middle; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; background-image:url(/images/common/ico-cata.png);}