body.main {overflow-x: hidden;}
.container {background: #fff;}
.contents {max-width: 100%;min-width: 350px;}
.contents article {position: relative;max-width: 1240px;margin: 0 auto;}
.only--pc {display: block;}
.only--mobile {display:none}
.ul-dot-list li {font-size: 20px;font-weight: 400;line-height: 32px;padding-left: 15px;position: relative;font-family: 'Noto Sans KR'}
.ul-dot-list li:before {content: '';width: 5px;height:5px;border-radius: 50%;background-color: #1D1D1D;position: absolute;left: 0;top:15px}
.ul-dot-list li+li {margin-top: 5px;}

/*header*/	
.header {height: 88px;position: fixed;left: 0;top:0;background-color: rgba(256, 256, 256, 0.1);width: 100%;z-index: 100;}
.header.bg-black {background-color: rgba(256, 256, 256, 0.1);}
.header .logo {width: 152px;height: 58px;background: url(../images/logo_foodtech.svg) no-repeat;background-size: 100%;position: absolute;left: 40px;top:15px;font-size: 0;}
.header-wrap .gnb-wrap {max-width: 700px;text-align: center;margin: 0 auto;}
.header-wrap .gnb-wrap li {display: inline-block;}
.header-wrap .gnb-wrap li a {display: inline-block;color: #fff;font-size: 16px;font-weight: 600;height: 88px;line-height: 88px;padding: 0 20px;}
.header-wrap .gnb-wrap li+li {margin-left: 20px;}
.header .btn-remote {width:138px;height:43px;line-height: 41px;color:#fff;border-radius: 30px;border:1px solid #fff;background: url(../images/ico_remote.svg) no-repeat 25px center;background-size:24px 24px;padding-left: 53px;font-weight: 600;font-size: 16px;position: absolute;top:20px;right:40px}
#header.bg-white .header {background-color: rgba(256, 256, 256, 0.1);}
#header.bg-white .logo {background: url(../images/logo_foodtech_black.svg) no-repeat;background-size: 100%;position: absolute;left: 40px;top:10px;font-size: 0;}
#header.bg-white .header-wrap .gnb-wrap li a {color: #1d1d1d;}
#header.bg-white .btn-remote {color:#1d1d1d;border-color: #1D1D1D;background: url(../images/ico_remote_black.svg) no-repeat 25px center;background-size:24px 24px;}

/*footer*/
.footer {background-color: #1D1D1D;width: 100%;padding:50px 40px;position: relative;}
.footer:after {content:'';background-color: #333;width: 100%;height:1px;position: absolute;left:0;top:260px}
.footer .footer-wrap {max-width: 1500px;margin: 0 auto;}
.footer .footer-wrap>div {float: left;width:375px;padding: 0;}
.footer .footer-wrap>div.download-wrap {width: auto;}
.footer .footer-wrap .menu-wrap {width:750px}
.footer .footer-wrap .menu-wrap li {display: inline-block;}
.footer .footer-wrap .menu-wrap li a {display: inline-block;font-weight: 600;font-size: 16px;color:#fff;line-height: 21px;}
.footer .footer-wrap .menu-wrap li+li {margin-left: 50px;}
.footer h6 {font-size: 14px;font-weight:700;line-height: 20px;font-family: 'Noto Sans KR';color: #fff;margin-bottom: 15px;}
.footer p {font-size: 14px;font-weight:400;line-height: 20px;font-family: 'Noto Sans KR';color: #E8E8E8;}
.footer .ico {padding-left: 30px;padding-top: 3px;}
.footer .ico+.ico {margin-top: 5px;}
.footer .ico.phone {background: url(../images/ico_phone.svg) no-repeat 0 0;background-size: 24px 24px;}
.footer .ico.mail {background: url(../images/ico_mail.svg) no-repeat 0 0;background-size: 24px 24px;}
.footer .ico.down {background: url(../images/ico_down.svg) no-repeat 0 0;background-size: 24px 24px;}
.footer .ico.book {background: url(../images/ico_book.svg) no-repeat 0 0;background-size: 24px 24px;}
.footer .ico.youtube {background: url(../images/ico_youtube.svg) no-repeat 0 0;background-size: 24px 24px;padding-left: 0;margin-top: 20px;width:24px;height:24px;font-size: 0;display: block;}
.footer .ico a {color: inherit;font-size: inherit;}
.footer address {max-width: 1500px;margin: 60px auto 0;padding-left: 120px;position: relative;}
.footer address h6 {margin-bottom: 5px;}
.footer address p span {display: inline-block;position: relative;}
.footer address p span+span {margin-left: 20px;}
.footer address p span+span:before {content:'';position: absolute;left: -10px;top:5px;height:12px;width:1px;background-color:#E8E8E8 ;}
.footer address .logo {font-size: 0;position: absolute;left: 0;top:-10px;width:96px;height:26px;background: url(../images/logo_foodtech.svg) no-repeat;background-size: 100%;}
.footer .f12 {margin-top: 5px;}
.footer .f12 a {font-size: 12px;font-weight:400;line-height: 20px;font-family: 'Noto Sans KR';color: #E8E8E8;display: inline-block;position: relative;}
.footer .f12 a+a {margin-left: 20px;}
.footer .f12 a+a:before {content:'';position: absolute;left: -10px;top:5px;height:12px;width:1px;background-color:#E8E8E8 ;}
.footer .copy {color:#939393;font-size: 12px;margin-top: 5px;}
.footer address .family {position: absolute;top:0;right: 0;}
.footer address .family>a {display: inline-block;color: #E8E8E8;font-size: 14px;font-weight: 400;background-color: #313131;font-family: 'Noto Sans KR';display: block;width: 328px;height: 40px;line-height: 40px;padding-left:10px;padding-right: 30px;border-radius: 5px;}
.footer address .family>a::after {background: url(../images/ico_select.svg) no-repeat;width: 24px;height: 24px;background-size: 100%;content: '';position: absolute;right: 10px;top: 5px;}
.footer address .family .dropbox {overflow: hidden;position: absolute;display: none;max-height: 330px;bottom: 40px;left: 0;z-index: 999;background-color: #ffffff;border: 1px solid #9e9e9e;-webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);border-radius: 15px;}
.footer address .family .dropbox .inner {padding: 26px 9px 24px 18px;}
.footer address .family .dropbox .mCSB_dragger .mCSB_dragger_bar {width: 5px;border-radius: 5px;background-color: #ebebeb;}
.footer address .family .dropbox .mCSB_container {margin-right: 27px;}
.footer address .family .dropbox .mCSB_scrollTools .mCSB_draggerRail {display: none;}
.footer address .family .dropbox .inner {overflow: hidden;height: 150px;}
.footer address .family .dropbox .inner a {-webkit-transition: color 0.2s ease 0s;transition: color 0.2s ease 0s;overflow: hidden;display: block;max-width: 40vw;color: #242322;text-overflow: ellipsis;white-space: nowrap;}
.footer address .family .dropbox .inner a:hover {color: #e64c2e;transition: .3s;-webkit-transition: .3s}
.footer address .family.open>a::after {background-image: url(../images/ico_select.svg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.footer address .family.open .dropbox {display: block;}
.footer .only--pc {display:block}
.footer .only--mobile {display:none}

/*main-visual*/
.main-visual {min-height: 670px;margin: 0 auto;position: relative;width: 100%;background-color: #F7F8F9;}
.main-visual-wrap {max-width: 1500px;margin: 0 auto;position: absolute;left:0;right:0;top:0;}
.main-visual-wrap .title {display: table;padding-top: 30vh;}
.main-visual-wrap h1 {color:#fff;font-size: 72px;font-weight: 700;line-height: 96px;vertical-align: middle;display: table-cell;}
.main-visual .jb-box {width: 100%;max-height: 1080px;overflow: hidden;margin: 0px auto;position: relative;}
.main-visual .jb-box video {width: 100%;}

/*main-introduce*/
.main-introduce {background-color: #F7F8F9;height: 100vh;padding: 10% 0 0;max-height: 1080px;min-height: 670px;margin: 0 auto;}
.main-introduce-wrap {max-width: 1500px;margin: 0 auto;position: relative;padding-left: 750px;}
.main-introduce h2 {line-height: 80px;position: absolute;left: 150px;top: 15px;}
.main-introduce h2 .sub-title {font-size: 32px;font-weight: 700;letter-spacing: 0;line-height: 46px;font-family: 'Noto Sans KR';display: block;margin-top: 15px;color: #7F7F7F;}
.main-introduce .box-in {overflow-y: auto;/*height: 780px;*/height: calc(100vh - 173px);max-height: 830px;}
.main-introduce .card-item {background-color: #fff;white-space: normal;border: 1px solid transparent;width: 570px;padding: 60px 60px 30px;border-radius: 20px;margin-bottom: 45px;}
.main-introduce .card-item:hover {background-color: #fff;-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);transition: .3s;-webkit-transition: .3s}
.main-introduce .mCSB_inside > .mCSB_container {padding-left:20px;padding-top:20px}
.main-introduce h6 {color:#9CD631;font-size: 32px;font-weight: 400;line-height: 43px;}
.main-introduce h6 b {font-weight: 700;}
.main-introduce h3 {color:#9CD631;font-size: 84px;font-weight: 700;line-height: 112px;border-bottom:1px solid #ccc;padding-bottom: 40px;}
.main-introduce p {font-size: 24px;font-weight: 500;color: #343434;line-height: 34px;padding-left: 20px;position: relative;margin-top: 40px;word-break: keep-all;}
.main-introduce p:before {content: '';width: 5px;height:5px;border-radius: 50%;background-color: #ccc;position: absolute;left: 0;top:15px}

/*main-service*/
.main-service .swiper-container {padding: 0;}
.main-service .swiper-container .swiper-wrapper {padding-bottom: 0;}
.main-service .swiper-slide {position: relative;height: 100vh;max-height: 1080px;min-height: 670px;margin: 0 auto;}
.main-service .swiper-slide > div {max-width:1500px;margin: 0 auto;position: absolute;top: 30%;left: 0;right: 0;}
.main-service .swiper-container-horizontal>.swiper-scrollbar {left:0;right:0;bottom: 160px;margin: 0 auto;height: 2px;background-color: rgba(256,256,256,0.5);width: 1500px;}
.main-service .swiper-scrollbar-drag {background: rgba(256,256,256,1);height: 5px;top:-2px}
.main-service .swiper-pagination {color:#fff;font-size: 18px;top:20%;left:0;right:0;max-width: 1500px;text-align: left;margin: 0 auto;height:35px}
.main-service h2 {line-height: 88px;color: #fff;}
.main-service h2 .sub-title {font-size: 32px;font-weight: 700;letter-spacing: 0;line-height: 46px;color: #FFF;font-family: 'Noto Sans KR';display: block;}
.main-service .ul-dot-list {margin-top: 40px;}
.main-service .ul-dot-list li {font-size: 21px;font-weight: 500;line-height: 40px;padding-left: 15px;color:#fff;letter-spacing:0}
.main-service .ul-dot-list li:before {background-color: #fff;}
.main-service p {font-size: 18px;font-weight: 700;line-height: 24px;color:#fff;position: absolute;bottom: 60px;left:0;right:0;text-align: right;max-width: 1500px;margin: 0 auto;}
.main-service .btn-more {display: block;margin-top:50px;width:200px;height:60px;line-height: 60px;border:1px solid #fff;border-radius: 10px;font-size: 24px;font-weight: 600;line-height: 60px;text-align: center;background: none;color:#fff}
.main-service .slide1 {background-image: url(../images/img_service_01.jpg);background-size: cover;}
.main-service .slide2 {background-image: url(../images/img_service_02.jpg);background-size: cover;}
.main-service .slide3 {background-image: url(../images/img_service_03.jpg);background-size: cover;}
.main-service .slide4 {background-image: url(../images/img_service_04.jpg);background-size: cover;}

/*main-history*/
.main-history {background-color: #F7F8F9;padding: 200px 0;position: relative;z-index: 1;}
.main-history:after {content:'';width: 100%;height: 5px;background: #9CD631;position: absolute;left: 0;top:730px;z-index: -1;}

.main-history h2 {line-height: 88px;color: #1D1D1D;margin: 0 auto 200px;max-width: 1500px;}
.main-history h2 .sub-title {font-size: 32px;font-weight: 700;letter-spacing: 0;line-height: 46px;color: #7F7F7F;font-family: 'Noto Sans KR';display: block;margin-top: 15px;}
.main-history li {max-width: 525px;display: inline-block;vertical-align: top;word-break: keep-all;}
.main-history li+li {margin-left: 80px;}
.main-history li div {padding-left: 80px;padding-top: 60px;}
.main-history li h3 {width: 195px;height: 160px;font-size: 60px;font-weight: 700;color:#9CD631;line-height: 80px;position: relative;}
.main-history li h3:after {content:'';width: 30px;height: 30px;border:5px solid #9CD631;line-height: 80px;position: absolute;bottom: -37px;left: 80px;border-radius: 50%;background: #fff;}
.main-history li h6 {color:#9CD631;font-size: 24px;font-weight: 700;line-height: 40px;font-family: 'Noto Sans KR'}
.main-history .ul-dot-list li+li {margin-left: 0;}
.main-history .ul-dot-list li {display:block}
.main-history .ul-dot-list+h6 {margin-top: 20px}
.main-history-wrap {max-width: 1500px;margin: 0 auto;}
.main-history .swiper-container {padding: 0;overflow: inherit}

/*main-news*/
.main-news {padding: 160px 0;}
.main-news-wrap {max-width: 1500px;margin: 0 auto;position: relative;padding-left: 300px;overflow:hidden}
.main-news-wrap h2 {position: absolute;left: 0;top: 0;font-weight: 400;line-height: 80px;height:100%;background-color:#fff}
.main-news-wrap h2 b {font-weight: 700;}
.main-news-wrap li {display: inline-block;width: 360px;}
.main-news-wrap li+li {margin-left: 60px;}
.main-news-wrap li span {display: block;width: 360px;height: 360px;}
.main-news-wrap li h3 {font-size: 24px;font-weight: 700;line-height: 32px;margin: 15px 5px 10px;width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:3em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-news-wrap li p {font-size: 14px;font-weight: 400;line-height: 19px;color: #7F7F7F;}
.main-news-wrap li p time,
.main-news-wrap li p span {display:inline-block;color:inherit;font-size: inherit;width:auto;height:auto;position: relative;}
.main-news-wrap li p time+span {margin-left: 20px;}
.main-news-wrap li p time+span:before {content:'';position: absolute;left: -10px;top:5px;height:12px;width:1px;background-color:#E8E8E8 ;}
.main-news-wrap .swiper-container {padding: 0;padding-top: 150px;overflow: inherit;}
.main-news-wrap .btn-more {display: block;width:200px;height:60px;line-height: 60px;font-size: 24px;font-weight: 600;line-height: 60px;text-align: center;background: none;color: #1D1D1D;margin: 0 auto;position:absolute;border-radius:10px;border:1px solid #1D1D1D;left:21%;top:42%;z-index:2}
.main-news-wrap li.last-child:after {content:'';background:rgba(256,256,256,0.8);display: block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
@media (hover: hover) {
	.main-news-wrap li:hover {margin-top: -100px;transition: 0.3s;-webkit-transition: 0.3s;transform: translate(-100px,auto);padding-bottom: 100px;}
	.main-news-wrap li.last-child:hover {margin-top: 0;transform: translate(0,auto);padding-bottom: 0;}
}

/*main-co-work*/
.main-co-work {background-color: #fff;position: relative;overflow: hidden;}
.main-co-work-wrap {position: relative;width: 100%;max-width:1920px;white-space: nowrap;margin: 40px auto 0;overflow: auto;padding-bottom:130px}
.main-co-work-wrap ul li:first-child {margin-left: 150px;}
.main-co-work-wrap ul li:last-child {margin-right: 150px;}
.main-co-work-wrap ul:nth-child(even) {margin-left: 150px;}
.main-co-work-wrap li {width:192px;height:100px;display: inline-block;margin-bottom: 30px;text-align:center}
.main-co-work-wrap li img {width:100%;border:1px solid #E8E8E8;border-radius: 10px;}
.main-co-work-wrap li+li {margin-left: 40px;}

.main-co-work:before {content: '';position: absolute;top: 0;left: -30px;z-index: 0;width: 150px;height: 100%;background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fff 24%);background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fff 24%);background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 24%);pointer-events: none;z-index: 2;}
.main-co-work:after {content: '';position: absolute;top: 0;right: -30px;z-index: 0;width: 150px;height: 100%;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 24%);background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 24%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 24%);pointer-events: none;}

.main-co-work .mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom: 10px;}
.main-co-work .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.main-co-work .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height: 6px !important;background-color: #ccc;margin: 0 auto;display: none}
.main-co-work .only--pc {display:block}
.main-co-work .only--mobile {display:none}
.main-co-work .mCSB_scrollTools.mCSB_scrollTools_horizontal {height:100%}

/*main-contact*/
.main-contact {background-color: #F7F8F9;padding: 160px 0;}
.main-contact-wrap {margin: 0 auto;max-width: 1500px;position: relative;padding-left: 750px;}
.main-contact h2 {line-height: 88px;color: #1D1D1D;position: absolute;left: 0;top: 0;}
.main-contact h2 .sub-title {font-size: 32px;font-weight: 700;letter-spacing: 0;line-height: 46px;color: #7F7F7F;font-family: 'Noto Sans KR';display: block;margin-top: 15px;}
.main-contact .btn-confirm {display: block;width:100%;height:60px;line-height: 60px;border:0;border-radius: 10px;font-size: 24px;font-weight: 600;line-height: 60px;text-align: center;background-color: #1D1D1D;color:#fff;margin-top: 15px;}
.form-wrap label.need {position: relative;display: inline-block;font-size: 32px;font-weight: 700;line-height: 43px;margin-bottom: 15px;}
.form-wrap label.need:after {content:'필수';color:#9CD631;margin-left: 10px;font-size: 18px;font-weight: 400;line-height: 24px;vertical-align: middle;display: inline-block;}
.main-contact .form-wrap {position: relative;}
.main-contact .input-wrap+.input-wrap {margin-top: 20px;}
.agree-wrap {margin-top: 40px;text-align: center;}
.agree-wrap label {font-size: 24px;line-height: 36px;font-weight: 400;}
.agree-wrap .link {font-size: 24px;line-height: 36px;font-weight: 400;color:#7F7F7F;display: inline-block;border-bottom: 1px solid #7F7F7F;margin-left: 15px;vertical-align: middle;}
.layer-pop {width:677px;position: absolute;bottom: 40px;right:20%;border-radius: 40px;background-color: #fff;padding: 40px 30px;-webkit-box-shadow: 0px 10px 20px 0 rgb(0 0 0 / 7%);box-shadow: 0px 10px 20px 10px rgb(0 0 0 / 7%);white-space: normal;border: 1px solid transparent;display: none;}
.layer-pop h4 {font-size: 24px;font-weight: 700;line-height: 32px;text-align: center;margin-bottom: 20px;font-family: 'Noto Sans KR';}
.layer-pop .ps {font-size: 18px;font-weight: 400;line-height: 26px;color:#939393;padding: 10px 30px;word-break: keep-all;text-align: center;}
.layer-pop .btn-close {color:#fff;display: block;border-radius: 10px;text-align: center;font-size: 24px;font-weight: 600;width: 200px;height:60px;line-height: 58px;margin: 20px auto 0;background-color: #1D1D1D;}
.agree-wrap.open .layer-pop{display: block;}
.agree-wrap.close .layer-pop{display: none;}
.layer-pop-wrap.open .layer-pop{display: block;}
.layer-pop-wrap.close .layer-pop{display: none;}
.main-contact .input-wrap.error .txt {border-color:#BF0000}
.main-contact .input-wrap.error p {color:#BF0000;padding-top: 5px;padding-left: 10px;}
.layer-pop.alert {width: 486px;bottom: 35%;right: 35%;}
.layer-pop.alert h4 {margin-top:30px;margin-bottom: 60px;}

/*main-recruit*/
.main-recruit {background: url(../images/img_recruit.jpg) no-repeat;background-size: cover;height: 600px;}
.main-recruit-wrap {margin: 0 auto;max-width: 800px;text-align: center;padding: 160px 0;}
.main-recruit h2 {text-align: center;font-size: 60px;font-weight: 700;line-height: 88px;color: #fff;}
.main-recruit .btn-more {display: block;width:200px;height:60px;line-height: 60px;border:1px solid #fff;border-radius: 10px;font-size: 24px;font-weight: 600;line-height: 60px;text-align: center;background: none;color: #fff;margin: 0 auto;}

/*download*/
.download-wrap {max-width: 1200px;margin: 0 auto;padding: 5% 0;position:relative}
.download-wrap h1 {font-size: 76px;font-weight: 700;line-height: 106px;text-align: center;margin-bottom: 10px;}
.download-wrap h3 {font-weight: 400;line-height: 43px;text-align: center;}
.download-wrap .ico-download {width: 240px;height: 240px;background: url(../images/ico_down_black.svg) no-repeat;background-size: 100%;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 15%;-webkit-animation: scrollmove 3s infinite;-webkit-animation-delay: -3s;animation: scrollmove 3s infinite;animation-delay: -3s;-webkit-transition: 0.3s;transition: 0.3s;}
@-webkit-keyframes scrollmove {
    0% {bottom: 15%;}
    50% {bottom: 10%;}
    100% {bottom: 15%;}    
}
@keyframes scrollmove {
    0% {bottom: 15%;}
    50% {bottom: 10%;}
    100% {bottom: 15%;} 
}
.download-wrap h2 {font-family: 'Noto Sans KR';}
.download-wrap h2 .sub-title {font-size: 32px;font-weight: 700;letter-spacing: 0;line-height: 46px;color: #7F7F7F;font-family: 'Noto Sans KR';display: block;margin-top: 15px;}
.download-wrap .ul-down-list {margin-top: 80px;}
.download-wrap .ul-down-list li {display: inline-block;width:calc((100% - 25px)/2);margin-bottom: 20px;background-color: #F7F8F9;border-radius: 12px;}
.download-wrap .ul-down-list li a {display: block;border-radius: 12px;color:#9CD631;font-weight: 700;font-size: 32px;line-height: 158px;padding: 0 40px;background: #F7F8F9 url(../images/ico_down_black.svg) no-repeat calc(100% - 40px) center;background-size: 72px 72px;border:0;font-family: 'Noto Sans KR';height: 160px;text-align: left;}
.download-wrap .ul-down-list li+li{margin-left: 20px;}
.download-wrap.visual {padding: 15% 0 30%;}
.download-wrap.manual:before {content:'';width:1500px;height:1px;background-color: #E8E8E8;position:absolute;left:-150px;top:0}
.download-wrap.manual {position:relative}
.download-wrap.manual .ul-down-list li a {line-height: 43px;padding: 40px;height: auto;}
.download-wrap.manual .ul-down-list li a span {font-size: 24px;font-weight: 500;line-height: 32px;color: #1D1D1D;display: block;margin-top: 10px;}
.download-wrap.manual .ul-down-list li.full {margin-left: 0;width: 100%;}
.download-wrap.program:before {content:'';width:1500px;height:1px;background-color: #E8E8E8;position:absolute;left:-150px;top:0}
.download-wrap.program {position:relative}
.download-wrap.program dl {position: relative;padding-left: 250px;}
.download-wrap.program dl dt {color:#9CD631;font-weight: 700;font-size: 32px;font-family: 'Noto Sans KR';position: absolute;left: 0;top:50px}
.download-wrap.program .ul-down-list li a {color:#1D1D1D}
.download-wrap.program dl+dl .ul-down-list {margin-top: 15px;}

.ico-more {width:52px;height:52px;background:url(../images/m_ic_chevron_mo.gif) no-repeat;background-size:100%;position:absolute;right:0;display:block}
.ico-more.over {display:none;transition:.3s;-webkit-transition:.3s}
.main-news-wrap .ico-more {top:78px}
.main-history-wrap .ico-more {top:100px}

@media only screen and (max-width: 1500px) {
	/*header*/
	.header-wrap .gnb-wrap li a {padding: 0 10px;}

	/*footer*/
	.footer {padding: 50px 0px;}
	.footer:after {display: none;}
	.footer .footer-wrap>div {float: none;padding: 0 40px;width: 100%;}
	.footer .footer-wrap .contact-wrap {margin-top: 50px;position: relative;padding: 30px 40px 0 180px;}
	.footer .footer-wrap .contact-wrap h6 {position: absolute;left: 40px;top:30px}
	.footer .footer-wrap .contact-wrap:before {content: '';background-color: #333;width: 100%;height: 1px;position: absolute;left: 0;top: 0px;}
	.footer .footer-wrap .download-wrap {margin-top: 30px;position: relative;padding: 0 40px 30px 180px;max-width: 100%;}
	.footer .footer-wrap .download-wrap h6 {position: absolute;left: 40px;top:0}
	.footer .footer-wrap .download-wrap:after {content: '';background-color: #333;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0px;}
	.footer address {padding: 0 0 0 160px;}
	.footer address .logo {left: 40px;}
	.footer address .family {position: relative;top: auto;right: auto;margin-top: 30px;}
	.footer address .family>a {position: relative;}

	.main-visual-wrap {padding-left: 5%;}
	.main-introduce h2 {left: 5%;max-width: 400px;word-break: keep-all;}
	.main-introduce-wrap {padding-left: 45%;padding-right: 2%;}
	.main-introduce .card-item {max-width: 570px;width: 100%;}
	.main-service .swiper-slide>div {padding-left: 5%;}
	.main-service .swiper-pagination {left: 5%;}	
	.main-service .swiper-container-horizontal>.swiper-scrollbar {width: 90%;}
	.main-service p {right: 5%}
	.main-history:after {top: 628px;}
	.main-history-wrap {padding-left: 5%;}
	.main-history h2 {margin: 0 auto 53px;height: 195px;}
	.main-history .swiper-container {overflow: hidden;}
	.main-news-wrap h2 {left: 5%;}
	.main-news-wrap .swiper-container {overflow: hidden;}
	.main-contact h2 {left: 5%;max-width: 400px;word-break: keep-all;}
	.main-contact-wrap {padding-left: 50%;padding-right: 2%;}

	/*download*/
	.download-wrap {padding: 5% 40px;}
	.download-wrap.visual {padding: 15% 40px 5%;}
	.download-wrap.remote .ul-down-list li {display: block;width: 100%;}
	.download-wrap.remote .ul-down-list li+li {margin-left: 0}
	.download-wrap.program dl {padding-left: 0;padding-top: 80px;}
	.download-wrap.program dl dt {position: relative;left: auto;top:auto}
	.download-wrap.program dl+dl {padding-top: 20px;}
	.download-wrap.program .ul-down-list {margin-top: 10px;}

}
@media only screen and (max-width: 1023px) {

	/*header*/
	#header.bg-white .logo {left: 20px;}
	.header .btn-remote {display: none;}
	.header-wrap .gnb-wrap {width: calc(100% - 180px);text-align: right;}
	.header-wrap .gnb-wrap li a {padding: 0;}

	.main-introduce-wrap {padding-left: 5%;}
	.main-introduce h2 {position: relative;left: auto;max-width: 100%;margin-bottom: 5%;}
	.main-introduce .box-in {height: 750px;position: relative;top: auto;left: auto;}
	.main-contact-wrap {padding-left: 5%;}
	.main-contact h2 {left: auto;max-width: 100%;margin-bottom: 5%;position: relative;}
}	
@media only screen and (max-width: 720px) {

	/*common*/
	h1 { font-size: 36px;line-height: 44px;}
	h2 {font-size: 32px;line-height: 43px;}
	h2 .sub-title {font-size: 18px !important;line-height: 24px !important;word-break: keep-all;}
	h2 .sub-title .only--mobile {display: block;}
	h3 { font-size: 18px ;}
	h4 { font-size: 15px ;}
	h5 { font-size: 14px ;}
	h6 { font-size: 12px ;}
	.ul-dot-list li {font-size: 14px;line-height: 22px;padding-left: 10px;}
	.ul-dot-list li:before {top: 10px;width: 3px;height: 3px;}

	/*header*/
	header.only--pc {display: none;}
	header.only--mobile {display: block;}
	#header .header {height:52px;}
	#header .header .logo {width: 130px;height: 100%;background: url(../images/logo_foodtech.svg) no-repeat 16px 6px;background-size: 92px 35px;left: 0;top: 0;}
	#header.bg-white .logo {background: url(../images/logo_foodtech_black.svg) no-repeat 16px 8px;background-size: 92px 35px;}

	body.fixed #nav_bg{visibility:visible;opacity:1}
	body.fixed nav {display:block;padding:20px 20px 10px}	
	body.fixed .header {width:100%;background: #fff;z-index: 551;position: fixed;}
	#nav_bg{position:fixed;top: 60px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:550;transition:.3s;visibility:hidden;opacity:0}
	nav{position:fixed;top:52px;right:0;width:100%;height:auto;box-sizing:border-box;z-index:999;display:none;background:#fff}	
	header nav ul {padding-bottom: 10px;}
	header nav li {float:none;width:100%;height:auto;}
	header nav li a {display:block;width:100%;height:60px;line-height:60px;font-size: 16px;font-weight: 700;color:#000;font-family: 'Noto Sans KR';text-align: center;}
	header nav li.on a {color:#9CD631;font-weight: 900;}
	header nav .gnb li a:before {content:" ";border-top: 0;}
	
	.btn-m,.btn-m span {display: inline-block;transition: all .2s;box-sizing: border-box;}
	.btn-m {position: absolute;top:20px;right:20px;width: 20px;height: 16px;}
	.btn-m span {position: absolute;right: 0;width: 100%;height: 2px;background-color: #fff;}
	#header.bg-white .btn-m span {background-color: #1d1d1d;}
	.btn-m span:nth-of-type(1) {top: 0;}
	.btn-m span:nth-of-type(2) {top: 7px;width:20px;}
	.btn-m span:nth-of-type(3) {bottom: 0;}
	.btn-m.active span:nth-of-type(1) {-webkit-transform: translateY(7px) rotate(-45deg);transform: translateY(7px) rotate(-45deg);}
	.btn-m.active span:nth-of-type(2) {opacity: 0;}
	.btn-m.active span:nth-of-type(3) {-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}
	.btn-m-close {font-size: 0;}
	body.fixed .btn-m-close {content: '';position: absolute;top:0;cursor:pointer;width:55px;height:75px;font-size: 0;}
	body.fixed #header .header .logo {background: url(../images/logo_foodtech_black.svg) no-repeat 16px 8px;background-size: 92px 35px;}
	body.fixed .btn-m span {background-color: #1D1D1D;}

	/*footer*/
	.footer {padding: 0 0 50px;}
	.footer:after {display: none;}
	.footer .footer-wrap .menu-wrap {padding: 0 16px;width:100%}
	.footer .footer-wrap .menu-wrap ul {text-align:center}
	.footer .footer-wrap .menu-wrap li+li {margin-left: 15px;}
	.footer .footer-wrap .menu-wrap li {position:relative}
	.footer .footer-wrap .menu-wrap li+li:before {content:'';position: absolute;top:32px;left: -10px;height: 9px;background-color: rgba(256,256,256,0.6);width:1px}
	.footer .footer-wrap .menu-wrap li a {height:75px;line-height: 73px;font-size: 12px;}
	.footer .footer-wrap>div {float: none;width: 100%;}
	.footer .footer-wrap .contact-wrap {position: relative;border-top: 1px solid #444;padding: 20px 16px 10px 85px;border-bottom: 0;margin-top: 0}
	.footer .footer-wrap .download-wrap {position: relative;border-bottom: 1px solid #444;padding: 20px 16px 30px 85px;}
	.footer h6 {font-size: 12px;position: absolute;left: 16px;top:20px}
	.footer .footer-wrap .contact-wrap h6 {left: 16px;top: 20px;}
	.footer .footer-wrap .download-wrap h6 {left: 16px;top: 20px;}
	.footer .footer-wrap>div.download-wrap {margin-top: 0;}
	.footer address {margin: 30px auto 0;padding: 0 16px;}
	.footer address .logo {position: relative;margin-bottom: 25px;left: auto;top: auto;}
	.footer address .family {position: relative;top: auto;right: auto;margin-top: 30px;}
	.footer address h6 {position: relative;left: auto;top: auto;}
	.footer address p {font-size: 12px;}
	.footer address p span+span:before {display: none;}
	.footer address p span+span {margin-left: 15px;}
	.footer address p span:after {content: '';position: absolute;right: -10px;top: 5px;height: 9px;width: 1px;background-color: #E8E8E8;}
	.footer address p span:last-child {margin-left: 0;}
	.footer address p span:last-child:after {display: none;}
	.footer address .family>a {font-size: 12px;width: 100%;}
	.footer address .family>a::after {top: 7px;}
	.footer .only--pc {display:none;}
	.footer .only--mobile {display:block}

	/*main-visual*/
	.main-visual-wrap h1 {font-size: 36px;line-height: 44px;}
	.main-visual .jb-box.only--pc {display: none;}
	.main-visual .jb-box.only--mobile {display: block;}
	.main-visual .jb-box video {width:auto;height: 100vh;min-height: 600px;min-width: 100%;}

	/*main-introduce*/
	.main-introduce {padding: 100px 0 0;}
	.main-introduce h2 {font-size: 32px;line-height: 44px;}
	.main-introduce .introduce-list {margin-top: 50px;}
	.main-introduce h6 {font-size: 18px;line-height: 24px;}
	.main-introduce h3 {font-size: 46px;line-height: 62px;}
	.main-introduce .card-item {width: 100%;max-width: 570px;padding: 30px 25px 25px;margin-bottom: 20px;}
	.main-introduce p {font-size: 15px;line-height: 20px;padding-left: 15px;}
	.main-introduce p:before {top: 7px;}
	.main-introduce .box-in {height: calc(100vh - 281px);/*height: 430px;*/background-color: #F7F8F9;}
	
	/*main-service*/
	.main-service .swiper-pagination {font-size: 12px;top: 17%;}
	.main-service h2 {line-height: 80px;}
	.main-service .swiper-slide>div {padding-right: 16px;top: 20%;}
	.main-service .ul-dot-list li {font-size: 14px;line-height: 22px;word-break: keep-all;font-weight:400}
	.ul-dot-list li:before {top:9px}
	.main-service p {font-size: 12px;line-height: 16px;bottom:auto;top: 82%;}
	.main-service .btn-more {width: 104px;height: 37px;line-height: 35px;font-size: 14px;border-radius: 5px;}
	.main-service .swiper-container-horizontal>.swiper-scrollbar {bottom: auto;top:78%}
	.main-service .swiper-slide {height: calc(100vh - 52px);max-height: 768px;min-height: 760px;margin: 0 auto;}
	.main-service .slide1 {background-image: url(../images/img_service_01_mo.jpg);background-size: cover;}
	.main-service .slide2 {background-image: url(../images/img_service_02_mo.jpg);background-size: cover;}
	.main-service .slide3 {background-image: url(../images/img_service_03_mo.jpg);background-size: cover;}
	.main-service .slide4 {background-image: url(../images/img_service_04_mo.jpg);background-size: cover;}

	/*main-history*/
	.main-history {padding: 60px 0;}
	.main-history h2 {margin-bottom: 0;}
	.main-history li h3 {font-size: 32px;line-height: 43px;width: 120px;height: 90px;}
	.main-history li h3:after {width: 24px;height: 24px;left: 38px;bottom: -26px;border-width: 3px;}
	.main-history:after {top:358px;height:3px}
	.main-history li div {padding-left: 35px;padding-top: 49px;padding-right: 16px;}
	.main-history li h6 {font-size: 15px;}
	.main-history .ul-dot-list {margin-bottom: 10px;}
	.main-history li+li {margin-left: 0;}
	.main-history-wrap .ico-more {top: 48px;width: 35px;height: 35px;}

	/*main-news*/
	.main-news {padding: 60px 0;}
	.main-news-wrap {padding: 0 16px;}
	.main-news-wrap h2 {line-height: 43px;position: relative;left: auto;top: auto;}
	.main-news-wrap .swiper-container {padding-top: 30px;position:unset}
	.main-news-wrap li {width: 210px;}
	.main-news-wrap li span {width: 210px;height: 210px;}
	.main-news-wrap li span img {width: 100%;}
	.main-news-wrap li+li {margin-left: 20px;}
	.main-news-wrap li h3 {font-size: 15px;line-height: 20px;margin: 10px 0;}
	.main-news-wrap li p {line-height: 16px;font-size: 12px;}
	.main-news-wrap .btn-more {width:104px;height:37px;line-height: 37px;font-size: 15px;border-radius:5px;left:25%;font-weight:700}
	.main-news-wrap .ico-more {top:50px;width: 35px;height: 35px;}

	/*main-co-work*/
	.main-co-work .only--pc {display:none}
	.main-co-work .only--mobile {display:block}
	.main-co-work-wrap {padding-bottom: 60px;white-space: unset;margin-top: 0;}
	.main-co-work-wrap ul:after{content:'';display:table;clear:both}
	.main-co-work-wrap ul {text-align:center;padding:0 16px}
	.main-co-work-wrap li {width: calc((100% - 17px)/3);height: 55px;border-radius: 3px;margin-bottom: 10px;float:left}
	.main-co-work-wrap li+li {margin-left: 8px;}
	.main-co-work-wrap li:nth-child(3n+1) {margin-left: 0;}
	.main-co-work-wrap li img {width: 100%;}
	.main-co-work:before {width: 0;}
	.main-co-work:after {width: 0}
	.main-co-work-wrap ul li:first-child {margin-left: 0;}
	.main-co-work-wrap ul li:last-child {margin-right: 0;}


	/*main-contact*/
	.main-contact {padding: 60px 0;}
	.main-contact-wrap {padding: 0 16px;}
	.main-contact h2 {line-height: 43px;}
	.form-wrap label.need {font-size: 16px;line-height: 21px;}
	.form-wrap label.need:after {font-size: 12px;line-height: 16px;}
	.main-contact .input-wrap.error p {font-size: 12px;}
	.layer-pop {max-width: 330px;width:100%;right: 0;left: 0;margin: 0 auto;border-radius: 20px;padding: 30px 16px;}
	.layer-pop h4 {font-size: 15px;margin-top: 0;margin-bottom: 30px;line-height: 20px;}
	.layer-pop.alert h4 {margin-top: 0;margin-bottom: 30px;}
	.layer-pop.alert {max-width: 300px;width:100%;right: 0;left: 0;margin: 0 auto;}	
	.agree-wrap label,
	.agree-wrap .link {font-size: 14px;line-height: 19px;}
	.layer-pop .ps {font-size: 12px;line-height: 18px;padding: 10px 10px;}
	.layer-pop {bottom: 100px;}
	.layer-pop .btn-close {border-radius: 4px;font-size: 14px;width: 100px;height: 40px;line-height: 38px;}
	.main-contact .btn-confirm {height: 40px;line-height: 38px;border-radius: 5px;font-size: 14px;}

	/*main-recruit*/
	.main-recruit h2 {font-size: 32px;line-height: 42px;padding: 0 16px;word-break: keep-all;}
	.main-recruit .btn-more {width: 100px;height: 40px;border-radius: 5px;font-size: 14px;line-height: 40px;}
	.main-recruit {background: url(../images/img_recruit_mo.jpg) no-repeat center;background-size: cover;min-height: 600px;max-height: 768px;height:calc(100vh - 52px)}

	/*dowload*/
	.download-wrap {padding: 60px 16px;}
	.download-wrap.visual {padding: 150px 0 180px;}
	.download-wrap h1 {font-size: 36px;line-height: 40px;margin-bottom: 0;}
	.download-wrap h3 {font-size: 16px;}
	.download-wrap .ico-download{width: 80px;height: 80px;}
	.download-wrap h2 .sub-title {font-size: 18px;line-height: 24px;}
	.download-wrap .ul-down-list {position:relative;margin-top: 50px;}
	.download-wrap .ul-down-list li {width: 100%;}
	.download-wrap .ul-down-list li+li {margin-left: 0;}
	.download-wrap .ul-down-list li a {color: #9CD631;font-size: 16px;line-height: 67px;padding: 0 20px;background: #F7F8F9 url(../images/ico_down_black.svg) no-repeat calc(100% - 20px) center;background-size: 24px 24px;height: 65px;}
	.download-wrap .ul-down-list:after {content:'';background-color: #E8E8E8;width: 100%;height: 1px;position: absolute;left: 0;bottom:-50px}
	.download-wrap.manual:before {display:none}
	.download-wrap.manual .ul-down-list li a {line-height: 21px;padding: 10px 20px;}
	.download-wrap.manual .ul-down-list li a span {font-size: 14px;line-height: 19px;margin-top: 7px;}
	.download-wrap.program dl {padding-left: 0;padding-top: 50px;}
	.download-wrap.program dl dt {font-size: 16px;position: relative;left: auto;top: auto;}
	.download-wrap.program:before {display:none}
	.download-wrap.program .ul-down-list {margin-top: 10px;}
	.download-wrap.program .ul-down-list li {width:calc((100% - 15px)/2)}
	.download-wrap.program .ul-down-list li+li {margin-left:10px}
	.download-wrap.program .ul-down-list:after {display: none;}
	.download-wrap.program dl+dl {padding-top: 20px;}

}
@media only screen and (max-width: 390px) {
	#wrap {min-width:350px}
	.footer .footer-wrap .menu-wrap {padding:0}
	.footer .footer-wrap .menu-wrap li+li {margin-left: 10px;}
	.footer .footer-wrap .menu-wrap li+li:before {left: -5px;}

}





/* 첫번째팝업 */
.rc_pop{position:fixed;left:50%;top:200px;margin-left:-236px;width:472px;border-radius:30px;background:#fff;z-index:99999;box-shadow:10px 10px 20px rgba(0,0,0,0.5);padding:22px;box-sizing:border-box;text-align: center; display:block;}
.rc_pop > h4{text-align:center;font-weight:bold;font-size:24px;color:#222;padding:22px;}
.rc_pop > .sn{font-size:22px;line-height:1.36;margin-top:40px;}
.rc_pop > .chb > li{margin-top:10px;}
.rc_pop > .chb > li > a{display:block;border-radius:30px;background:#c8d642;color:#222;font-size:22px;font-weight:bold;line-height:56px;width:372px;height:60px;margin:0 auto;}
.rc_pop > .chb > li:first-child{margin-top:50px;}
.rc_pop > .chb > li:last-child{margin-bottom:22px;}
.rc_pop .x_btn{position:absolute;right:22px;top:22px;width:18px;height:18px;margin:0;}
.rc_pop .x_btn a{display:block;width:100%;height:100%;background:url("/assets/common/images/icon-close.png");background-size:contain;text-indent:-9999px;font-size:0;}


/* 두번째팝업 */
.rc_pop2		{position:fixed;left:50%;top:150px;margin-left:-236px;width:472px;border-radius:30px;background:#fff;z-index:99999;box-shadow:10px 10px 20px rgba(0,0,0,0.5);padding:22px;box-sizing:border-box;text-align: center; display:block;}
.rc_pop2 > h4{text-align:center;font-weight:bold;font-size:24px;color:#222;padding:22px;}
.rc_pop2 .sub_tit{width:382px;height:30px;line-height:28px;margin:0 auto;text-align:center;background:#222;color:#fff;font-size:16px;}
.rc_pop2 .select_num{width:382px;margin:0 auto;border-left:1px solid #222;}
.rc_pop2 .select_num:after{display:block;content:'';clear:both;}
.rc_pop2 .select_num li{float:left;display:inline-block;width:20%;height:76px;}
.rc_pop2 .select_num li a{display:block;width:100%;height:100%;line-height:74px;font-weight:bold;font-size:29px;background:#ededed;xbox-sizing:border-box;color:#222;border-right:1px solid #222;border-bottom:1px solid #222;}
.rc_pop2 .select_num li.num1 a{background:#444;color:#c8d642;}

.rc_pop2 .select_btn{width:382px;margin:0 auto;border:1px solid #222;border-top:none;margin-bottom:22px;}
.rc_pop2 .select_btn:after{display:block;content:'';clear:both;}
.rc_pop2 .select_btn li{display:inline-block;float:left;height:76px;line-hieght:74px;}
.rc_pop2 .select_btn li:first-child{  width:39.8%;}
.rc_pop2 .select_btn li:nth-last-of-type(2){border-left:1px solid #222; border-right:1px solid #222;width:20.4%;box-sizing:border-box;}
.rc_pop2 .select_btn li:last-child{width:39.8%;}
.rc_pop2 .select_btn li input{border:none;display:block;width:100%;height:100%;text-align:center;font-size:24px;}
.rc_pop2 .select_btn li a{text-align:center;display:block;width:100%;height:100%;background:#c8d642;color:#222;font-size:26px;font-weight:bold;line-height:74px;}
.rc_pop2 .select_btn li.clear_btn a{color:#222;background:#aaa url("/assets/common/images/icon-close.png")no-repeat 50%;background-size:40%;text-indent:-9999px;font-size:0;}
.rc_pop2 .x_btn2{position:absolute;right:22px;top:22px;width:18px;height:18px;margin:0;}
.rc_pop2 .x_btn2 a{display:block;width:100%;height:100%;background:url("/assets/common/images/icon-close.png");background-size:contain;text-indent:-9999px;font-size:0;}
.rc_pop2 .select_btn placeholder {color:#000; font-family: NanumGothic; }