.sub-menu-wrap{margin-top:45px;}
.sub-menu-wrap li{display:inline-block;margin:0 13px 13px 0;}
.sub-menu-wrap li a{display:inline-block;padding:9px 33px;font-size:16px;color:#636161;border:1px solid #D6D6D6;border-radius:30px;}
.site-onyou .sub-menu-wrap li.active a{color:#fff;background:#0060A4;border-color:#0060A4;}
.site-pos .sub-menu-wrap li.active a{color:#fff;background:#0060A4;border-color:#0060A4;}
.site-gs .sub-menu-wrap li.active a{color:#fff;background:#E50019;border-color:#E50019;}
.site-js .sub-menu-wrap li.active a{color:#fff;background:#E50019;border-color:#E50019;}

.sub2-menu-wrap{margin-top:20px;}
.sub2-menu-wrap li{display:inline-block;margin:0 13px 6px 0;}
.sub2-menu-wrap li a{display:inline-block;padding:9px 2px;font-size:15px;color:#636161;}
.site-onyou .sub2-menu-wrap li.active a{color:#0060A4;border-bottom:1px solid #0060A4;}
.site-pos .sub2-menu-wrap li.active a{color:#0060A4;border-bottom:1px solid #0060A4;}
.site-gs .sub2-menu-wrap li.active a{color:#E50019;border-bottom:1px solid #E50019;}
.site-js .sub2-menu-wrap li.active a{color:#E50019;border-bottom:1px solid #E50019;}

@keyframes fade-up-animation {
	0% {  }
	100% { opacity:1;transform:translateY(0); }
}

.fade-up-animation{opacity:0;transform:translateY(20px);}
.fade-up-animation.fade-up-animation-active{animation-name:fade-up-animation;animation-duration:0.8s;animation-fill-mode:forwards;animation-delay:.2s;}

/*
.header .main-navi-layer .sub{opacity:0;transform:translateY(0);transition:transform .1s ease-out;overflow:hidden;}
.header .top-nav-items:hover .main-navi-layer .sub{opacity:1;transform:translateY(18px);}
*/

.main .block1 .box .img{position:relative;z-index:-1;}
.main .block1 .box .img img{transform:scale(1.1, 1.1);transition:transform 5000ms ease-in-out;}
.main .block1.loaded .img img{transform:scale(1, 1);}
.main .block1 .box .r2{margin-top:12px;font-size:35px;font-weight:100;animation-delay:.5s;}

.item-list{margin-top:149px;}
.item-list .box-wrap{margin:80px -13px 0 -13px;overflow:hidden;}
.item-list .box-wrap .box{float:left;width:25%;margin-bottom:70px;}
.item-list .box-wrap .box ul{margin:0 13px;}
.item-list .box-wrap .box ul li:nth-child(1){padding:20px 0;}
.item-list .box-wrap .box ul li:nth-child(1) .img-box{position:relative;height:0;padding-bottom:75%;}
.item-list .box-wrap .box ul li:nth-child(1) img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center;}
.item-list .box-wrap .box ul li:nth-child(2){height:42px;padding:20px 0 30px 0;text-align:center;font-size:17px;line-height:21px;color:#636161;}

.item-view{margin-top:149px;}
.item-view .top-box{margin-top:80px;overflow:hidden;}
.item-view .top-box .c1{float:left;width:50%;text-align:center;}
.item-view .top-box .c2{float:right;width:50%;}
.item-view .top-box .c2 .item-name{font-size:30px;color:#636161;}
.item-view .top-box .c2 .item-name img{display:inline-block;margin:-4px 12px 0 0;}
.item-view .top-box .c2 .item-desc1{padding:16px 0 26px 47px;font-size:20px;line-height:30px;letter-spacing:-1px;color:#959595;border-bottom:1px dashed #959595;}
.item-view .top-box .c2 .item-desc2{margin:24px 0 0 0;font-size:20px;line-height:35px;color: #636161;}
.item-view .top-box .c2 .item-desc2 div{position:relative;padding-left:22px;}
.item-view .top-box .c2 .item-desc2 div:before{content:'·';position:absolute;top:0;left:0;color:#0060A4;font-size:35px;font-weight:bold;}
.item-view .top-box .c2 .item-desc3{margin-top:54px;}
.item-view .top-box .c2 .item-desc3 table{width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #707070;border-bottom:2px solid #707070;}
.item-view .top-box .c2 .item-desc3 th,
.item-view .top-box .c2 .item-desc3 td{padding:7px 0;text-align:center;font-size:16px;color: #636161;border:1px solid #707070;}
.item-view .top-box .c2 .item-desc3 th{background:#f2f2f2;}
.item-view .top-box .c2 .item-desc3 td:first-child{font-weight:600;}
.item-view .top-box .c2 .item-desc3 .table-bot-content{margin-top:56px;font-size:20px;}
.item-view .top-box .c2 .item-desc3 .table-bot-content .table-bot-content-title{color:#636161;font-weight:600;}
.item-view .top-box .c2 .item-desc3 .table-bot-content ul{margin-top:12px;line-height:35px;}
.item-view .top-box .c2 .item-desc3 .table-bot-content ul li{position:relative;padding-left:22px;color:#636161;}
.item-view .top-box .c2 .item-desc3 .table-bot-content ul li:before{content:'·';position:absolute;top:0;left:0;color:#0060A4;font-size:35px;font-weight:bold;}

.item-view .item-content{margin:250px 0 0 0;text-align:center;}
.item-view .item-content img{margin-bottom:20px;}
.item-view .item-content table{margin-top:80px;width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #707070;border-bottom:2px solid #707070;}
.item-view .item-content th,
.item-view .item-content td{padding:12px 4px;text-align:center;font-size:16px;color: #636161;border:1px solid #707070;}
.item-view .item-content th{background:#f2f2f2;}
.item-view .item-content th:last-child{background:#DFF4FE;}
.item-view .item-content td.txt-align-left{padding-left:40px;text-align:left;}

.item-tab-wrap{margin:116px 0 133px 0;overflow:hidden;background:#fff;}
.item-tab-wrap .tab{display:inline-block;margin:0 70px 6px 0;cursor:pointer;}
.item-tab-wrap .tab a{position:relative;display:inline-block;padding:16px 0;font-size:18px;font-weight:600;color:#bcbcbc;transition:all 0.4s;}
.item-tab-wrap .tab a:hover{color:#0060A4;}
.item-tab-wrap .tab a:before{content:'';position:absolute;bottom:-1px;left:0;width:0%;height:1px;background:#0060A4;transition:all 0.4s;}
.item-tab-wrap .tab.active a{color:#0060A4;}
.item-tab-wrap .tab a:hover:before,
.item-tab-wrap .tab.active a:before{width:100%;}

.top-over-banner{min-height:571px;position:relative;margin-top:-151px;}
.top-over-banner .r1{position:absolute;z-index:2;top:282px;left:0;width:100%;text-align:center;font: normal normal bold 40px/59px Noto Sans KR;color: #FFFFFF;opacity:0;transform:translateY(30px);transition:opacity 1.0s, transform 1.0s;transition-delay:0.3s;}
.top-over-banner .r2{position:absolute;z-index:2;top:332px;left:0;width:100%;text-align:center;font: normal normal normal 25px/55px Noto Sans KR;color: #B5B5B5;opacity:0;transform:translateY(30px);transition:opacity 1.0s, transform 1.0s;transition-delay:0.5s;}
.top-over-banner .img{position:absolute;top:0;left:0;width:100%;text-align:center;overflow:hidden;}
.top-over-banner .img img{max-width:none;width:auto;height:571px;transform:scale(1.1, 1.1);transition:transform 5000ms ease-in-out;}
.top-over-banner.loaded .r1{opacity:1;transform:translateY(0);}
.top-over-banner.loaded .r2{opacity:1;transform:translateY(0);}
.top-over-banner.loaded .img img{transform:scale(1, 1);}

.sec-title{display:inline-block;padding:0 0 9px 0;font: normal normal 600 35px/45px Noto Sans KR;color:#242424;}
.sec-title .sub-title{margin-top:17px;font: normal normal 100 20px/29px Noto Sans KR;color: #636161;}
.wrap-main .sec-title{display:block;}

.site-pos .sec-title{border-bottom:3px solid #0060A4;}
.site-onyou .sec-title{border-bottom:3px solid #0060A4;}
.site-gs .sec-title{border-bottom:3px solid #E50019;}
.site-js .sec-title{border-bottom:3px solid #E50019;}

.page-top-nav{margin-top:149px;}
.page-top-title{margin-top:149px;}

.performance-list{margin:150px 0 200px 0;}
.performance-list .year{font-size:45px;font-weight:bold;}
.performance-list table{margin-top:28px;width:100%;table-layout:fixed;border-collapse:collapse;}
.performance-list table td{padding:10px 0;text-align:left;font-size:18px;color:#636161;}
.performance-list table td:nth-child(1){width:80px;font-weight:bold;color:#242424;}
.performance-list table td:nth-child(2){width:120px;}
.performance-list table td:nth-child(3){width:300px;}

.site-pos .performance-list .year{color:#0060A4;}
.site-onyou .performance-list .year{color:#0060A4;}
.site-gs .performance-list .year{color:#E50019;}
.site-js .performance-list .year{color:#E50019;}

.history{margin:148px 0 200px 0;}
.history .col-full{text-align:center;}

.image-page{margin:120px 0 80px 0;}
.image-page .box{text-align:center;}

.bbs-popup-content{position:fixed;z-index:10001;top:0;left:0;width:100%;height:100%;text-align:center;}
.bbs-popup-content .box{display:inline-block;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);}
.bbs-popup-content .close-btn{position:absolute;top:0;right:-66px;width:40px;height:40px;cursor:pointer;}
.bbs-popup-content .close-btn:before,
.bbs-popup-content .close-btn:after{position:absolute;left:15px;content:'';height:44px;width:1px;background-color:#fff;}
.bbs-popup-content .close-btn:before{transform:rotate(45deg);}
.bbs-popup-content .close-btn:after{transform:rotate(-45deg);}
.bbs-popup-content .back{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#66686D ;opacity:0.7;}

.bi-design{position:relative;margin-top:148px;}
.bi-design .block-title{font-size:35px;line-height:47px;font-weight:500;}
.bi-design .desc{margin-top:26px;font-size:20px;line-height:30px;color:#030303;}
.bi-design .download-btns{margin-top:30px;text-align:right;}
.bi-design .download-btns a{display:inline-block;width:171px;text-align:center;color:#fff;font-size:16px;line-height:42px;}
.bi-design .download-btns a img{margin-right:4px;}
.bi-design .block1 .desc{margin-top:42px;}
.bi-design .block2{margin-top:120px;}
.bi-design .block2 .img{margin-top:26px;}
.bi-design .block3{margin-top:123px;}
.bi-design .block3 .img{margin-top:26px;}
.bi-design .block4{margin-top:179px;}
.bi-design .block4 .img{margin-top:67px;text-align:center;}
.bi-design .block5{margin-top:176px;}
.bi-design .block5 .color{margin:71px 0 0 71px;;}
.bi-design .block5 .color .circle{display:inline-block;vertical-align:bottom;width:220px;height:220px;border-radius:100%;}
.bi-design .block5 .color .left{display:inline-block;}
.bi-design .block5 .color .right{display:inline-block;margin-left:162px;}
.bi-design .block5 .color ul{display:inline-block;vertical-align:bottom;margin-left:37px;}
.bi-design .block5 .color ul li:nth-child(1){font-size:23px;line-height:30px;color:#030303;font-weight:500;}
.bi-design .block5 .color ul li:nth-child(2){margin-top:20px;font-size:20px;line-height:30px;color:#030303;font-weight:300;}

.site-pos .bi-design .block-title{color:#0051AC;}
.site-onyou .bi-design .block-title{color:#0051AC;}
.site-gs .bi-design .block-title{color:#E50019;}
.site-js .bi-design .block-title{color:#E50019;}

.site-pos .bi-design .download-btns a{background:#0060A4;}
.site-onyou .bi-design .download-btns a{background:#0060A4;}
.site-gs .bi-design .download-btns a{background:#E50019;}
.site-js .bi-design .download-btns a{background:#E50019;}

.site-pos .bi-design .block5 .color .left .circle{background:#001950;}
.site-onyou .bi-design .block5 .color .left .circle{background:#001950;}
.site-gs .bi-design .block5 .color .left .circle{background:#E50019;}
.site-js .bi-design .block5 .color .left .circle{background:#E50019;}

.site-pos .bi-design .block5 .color .right .circle{background:#0095D8;}
.site-onyou .bi-design .block5 .color .right .circle{background:#0095D8;}
.site-gs .bi-design .block5 .color .right .circle{background:#1A1818;}
.site-js .bi-design .block5 .color .right .circle{background:#1A1818;}

.way{margin:149px 0 321px 0;}
.way .map-c{position:relative;height:473px;}
.way .map-c .root_daum_roughmap{position:relative;z-index:1;width:100%;height:100%;}
.way .map-c .map{height:473px;}

.way .sec1{margin-top:66px;}
.way .sec1 .r1{}
.way .sec1 .r2{margin-top:30px;}
.way .sec1 .r2 dl{margin-bottom:12px;}
.way .sec1 .r2 dl dt{display:inline-block;width:60px;font-size:18px;font-weight:bold;color:#242424;}
.way .sec1 .r2 dl dd{display:inline-block;margin-left:14px;font-size:18px;color:#636161;}

.remote .box{position:relative;height:446px;margin-top:162px;border:1px solid #F1F1F1;}
.remote .box .left{position:absolute;top:0;left:0;width:491px;height:100%;text-align:center;background:#F9F9F9;}
.remote .box .left img{vertical-align:top;margin-top:68px;}
.remote .box .right{padding:84px 0 0 543px;}
.remote .box .right li:nth-child(1){font-size:35px;color:#0060A4;}
.remote .box .right li:nth-child(2){margin-top:14px;font-size:20px;line-height:35px;color:#030303;}
.remote .box .right li:nth-child(2) strong{color:#0060A4;}
.remote .box .right a{position:absolute;bottom:30px;right:30px;display:inline-block;width:229px;text-align:center;line-height:54px;color:#fff;background:#0060A4;font-weight:bold;font-size:20px;}
.remote .box .right a img{vertical-align:top;margin:9px 15px 0 0;}
.site-gs .remote .box .right li:nth-child(1){color:#E50019;}
.site-gs .remote .box .right li:nth-child(2) strong{color:#E50019;}
.site-gs .remote .box .right a{background:#E50019;}
.site-js .remote .box .right li:nth-child(1){color:#E50019;}
.site-js .remote .box .right li:nth-child(2) strong{color:#E50019;}
.site-js .remote .box .right a{background:#E50019;}

.terms{margin-top:120px;font-size:18px;line-height:28px;border:1px solid #A7A7A7;padding:28px;}

.inquiry-terms{padding:12px;height:100px;border:1px solid #A7A7A7;overflow-y:auto;}
.terms-agree{margin-top:5px;}

@media screen and (max-width:1066px) {
.remote{padding:0 16px;}
.remote .box{height:auto;margin-top:80px;}
.remote .box .left{position:static;top:0;left:0;width:100%;height:auto;padding-bottom:68px;}
.remote .box .right{padding:50px 15px 20px 15px;}
.remote .box .right li:nth-child(1){font-size:32px;}
.remote .box .right .download-link{display:block;text-align:right;margin-top:30px;}
.remote .box .right a{position:static;width:229px;text-align:center;line-height:54px;font-size:16px;}
}

@media screen and (max-width:767px) {
.top-over-banner{min-height:220px;margin-top:0;}
.top-over-banner .r1{position:relative;top:0;padding-top:60px;font-size:30px;line-height:30px;}
.top-over-banner .r2{position:relative;top:0;padding-top:20px;font-size:20px;line-height:20px;}
.top-over-banner .img img{height:220px;}

.terms{margin-top:80px;font-size:16px;line-height:24px;padding:16px;}

.page-top-nav{margin:50px 14px 0 14px;}

.page-top-title{margin-top:50px;}
.page-top-title .sec-title{margin-left:16px;}
.sec-title{font-size:22px;line-height:22px;}

.item-list{margin:80px 14px 0 14px;}
.item-list .box-wrap{margin:60px -8px 0 -8px;}
.item-list .box-wrap .box{width:50%;margin-bottom:40px;}
.item-list .box-wrap .box ul{margin:0 8px;}

.item-view{padding:0 15px;margin-top:50px;}
.item-view .top-box .c1{float:none;width:100%;}
.item-view .top-box .c2{float:none;width:100%;margin-top:20px;}
.item-view .top-box .c2 .item-name{font-size:20px;}
.item-view .top-box .c2 .item-desc1{padding:12px 0 22px 47px;font-size:18px;line-height:28px;}
.item-view .top-box .c2 .item-desc2{margin:20px 0 0 0;font-size:17px;line-height:30px;}
.item-view .top-box .c2 .item-desc3 th,
.item-view .top-box .c2 .item-desc3 td{font-size:14px;}
.item-view .item-content{margin-top:60px;}
.item-view .item-content th,
.item-view .item-content td{font-size:14px;}
.item-view .item-content td.txt-align-left{padding-left:10px;}

.item-tab-wrap{margin:30px 0 50px 0;}
.item-tab-wrap .tab{margin:0 30px 4px 0;}
.item-tab-wrap .tab a{padding:12px 0;font-size:15px;}

.performance-list{margin:50px 14px 150px 14px;}
.performance-list .year{font-size:35px;}
.performance-list table tr{display:block;margin-bottom:30px;}
.performance-list table td{display:block;width:100%;padding:3px 0;font-size:16px;}

.history{margin:48px 14px 120px 14px;}

.image-page{margin:120px 14px 80px 14px;}

.bbs-popup-content .box{display:block;padding:0 20px;position:relative;top:80px;left:0;transform:none;}
.bbs-popup-content .close-btn{right:20px;top:-66px;}

.bi-design{margin:80px 15px 0 15px;}
.bi-design .block-title{font-size:28px;line-height:38px;}
.bi-design .desc{margin-top:22px;font-size:18px;line-height:28px;}
.bi-design .download-btns a{display:block;width:auto;margin-bottom:12px;}
.bi-design .block2{margin-top:60px;}
.bi-design .block2 .img{margin-top:22px;}
.bi-design .block3{margin-top:60px;}
.bi-design .block3 .img{margin-top:22px;}
.bi-design .block4{margin-top:60px;}
.bi-design .block5{margin-top:60px;}
.bi-design .block5 .color{margin:71px 0 0 0;text-align:center;}
.bi-design .block5 .color .circle{width:180px;height:180px;}
.bi-design .block5 .color .left{display:block;}
.bi-design .block5 .color .right{display:block;margin:50px 0 0 0;}
.bi-design .block5 .color ul{display:block;margin:30px 0 0 0;}

.way{margin:50px 15px 120px 15px;}
.way .map-c{height:220px;}
.way .sec1 .r2 dl{overflow:hidden;}
.way .sec1 .r2 dl dt{display:block;float:left;width:25%;}
.way .sec1 .r2 dl dd{display:block;float:left;width:75%;margin-left:0;}
}











.top-image-slider-outer{position:absolute;top:-690px;right:0;width:793px;}
.top-image-slider .slide-arrow{position:absolute;z-index:1;top:50%;margin-top:-12px;display:inline-block;cursor:pointer}
.top-image-slider .slide-arrow.prev-arrow{left:80px;}
.top-image-slider .slide-arrow.next-arrow{right:-60px;}
.top-image-slider .box-inside{position:relative;padding-left:150px;text-align:center;}
.top-image-slider .box-inside .img{text-align:center;}
.top-image-slider .box-inside .img img{display:inline !important;}
.top-image-slider .txt-box{position:absolute;z-index:1;bottom:90px;left:72px;text-align:right;}
.top-image-slider .txt-box .c1{font: normal normal medium 11px/11px Pretendard;color: #F8BAC3;}
.top-image-slider .txt-box .c2{margin-top:6px;font: normal normal 600 19px/19px Pretendard;color: #1A1818;}
.top-image-slider .txt-box .c3{margin-top:6px;font: normal normal 200 12px/12px Pretendard;color: #9B9B9B;}

.common-item-list.common-slide{position:relative;margin:0 0 540px 0;}
.common-item-list.common-slide .cate-wrap .cate{margin-top:255px;text-align: center;font: normal normal 400 40px/60px Pretendard;letter-spacing: -1.2px;color: #4D4D4D;}
.common-item-list.common-slide .cate-wrap .more-btn{margin-top:42px;text-align:right;}
.common-item-list.common-slide .cate-wrap .more-btn a{display:inline-block;font: normal normal 400 18px/18px Pretendard;color: #707070;}
.common-item-list.common-slide .cate-wrap .more-btn a img{margin:-2px 0 0 3px;vertical-align:top;}

.common-item-list .box-wrap{position:relative;margin-top:100px;padding:0 40px;}
.common-item-list .box-wrap .box{float:left;width:25%;text-align:center;}
.common-item-list .box-wrap .box-inside{margin:0 34px;}
.common-item-list .box-wrap .box .img{text-align:center;background:url('../../data/lo/2/fa7204e96af29628a50fa0c25f392054.png') no-repeat center center;}
.common-item-list .box-wrap .box .img img{display:inline !important;}
.common-item-list .box-wrap .box .name{margin-top:33px;font: normal normal 600 17px/21px Pretendard;color: #1A1818;}
.common-item-list .box-wrap .box .desc1{font: normal normal 200 11px/11px Pretendard;color: #9B9B9B;}

.common-item-list .box-wrap .slide-arrow{position:absolute;z-index:1;top:50%;margin-top:-32px;display:inline-block;cursor:pointer}
.common-item-list .box-wrap .slide-arrow.prev-arrow{left:0;}
.common-item-list .box-wrap .slide-arrow.next-arrow{right:0;}

.common-item-list.common-basic{margin:0 0 270px 0;}
.common-item-list.common-basic .cate-wrap .cate{margin-top:120px;text-align: center;font: normal normal 400 40px/60px Pretendard;letter-spacing: -1.2px;color: #4D4D4D;}
.common-item-list.common-basic .box-wrap{overflow:hidden;}
.common-item-list.common-basic .box-wrap .box-inside{margin:0 34px 120px 34px;}