@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ****************** 카드 승인 전용 추가 ********************** */

.pro-btn-list a.mr {
  margin-right: 1.6rem;
}

/* ****************** Truck Page ********************** */
/* Robert-Truck */
.truck-page .pro-intro-bottom .con:last-of-type {padding:10rem 0 15rem;}
.truck-page .sub-con:first-of-type {padding-bottom:1.6rem; border-bottom:0;}
.truck-page .robot-list-tit {font-size:3rem; letter-spacing:-0.05em; color: #fff; font-weight: 700; line-height:1.35; margin-right: 3rem;}
.truck-page .robot-list-txt {font-size:2rem; letter-spacing:-0.05em; color: rgba(255,255,255,0.6); font-weight: 500; line-height:1.25; margin-right: 2.3rem;}
.truck-page .robot-list-box .ps {font-size:1.8rem; letter-spacing:-0.05em; color: rgba(255,255,255,0.4); line-height:1.35;}
.truck-page .robot-list-box .list-inner-box {margin-top: 3.6rem;}

.truck-page .pro-main-list img,
.truck-page .pro-nav-list img
{
	/* 비율 1:1 고정 */
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* 퀵메뉴 :: 온라인문의 */
.inquiry-quick-btn{position:relative; z-index:12;}
.inquiry-quick-btn .inquiry-inner{position:fixed; bottom:-10rem; right:1.5rem; z-index:12; opacity:0;filter:Alpha(opacity=0);transition:var(--transition-custom);}
.inquiry-quick-btn a{display:block; position:relative; width:6rem; height:6rem; background-color:var(--main-color); -webkit-border-radius:58px;-moz-border-radius:0.5rem;-o-border-radius:0.5rem;border-radius:0.5rem; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.inquiry-quick-btn a .icon{position:absolute; top:0px; right:0px; width:6rem; height:6rem; line-height:6rem; text-align:center; }
.inquiry-quick-btn a .icon i{font-size:2.2rem; color:#fff; line-height:6rem;}
.inquiry-quick-btn a p{position:absolute; right:8.2rem; font-size: 1.6rem; font-weight:400; width:13rem; text-align:right; line-height:6rem; color:#fff; opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition-delay:0s;-moz-transition:0s;-o-transition:0s;-ms-transition:0s;transition:0s}
.inquiry-quick-btn a:hover,
.inquiry-quick-btn a.active{width:22.5rem; }
.inquiry-quick-btn a:hover p,
.inquiry-quick-btn a.active p{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; -webkit-transition:all 0.4s 0.2s;-moz-transition:all 0.4s 0.2s;-o-transition:all 0.4s 0.2s;-ms-transition:all 0.4s 0.2s;transition:all 0.4s 0.2s}
.inquiry-quick-btn.fixed .inquiry-inner {bottom: 1.5rem; opacity:1.0;filter:Alpha(opacity=100);}

/* #inquiryBtn {position:fixed; bottom:-10rem; right:4.5rem; z-index:99; opacity:0;filter:Alpha(opacity=0);transition:var(--transition-custom);}
#inquiryBtn.fixed {bottom:4rem; opacity:1.0;filter:Alpha(opacity=100);}
#inquiryBtn .inquiry-btn {display:block; position:relative; width:6rem; height:6rem; line-height:6rem; font-size:2.2rem; padding:0 2.2rem; color: #fff; border-radius:0.5rem; background:var(--main-color);  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#inquiryBtn .inquiry-btn:before {content:""; position:absolute; right:0; top:0; height:100%; width:0; border-radius:0.5rem; background:var(--main-color);z-index:-1; transition:width 0.5s; }
#inquiryBtn .inquiry-btn .txt {position:absolute; right:100%; margin-right:2.4rem; font-size: 1.6rem; font-weight:400; color:#fff; opacity:0; visibility:hidden;  transition: opacity 0.4s 0.2s;}
#inquiryBtn .inquiry-btn i { line-height:6rem; font-size:2.2rem; }
#inquiryBtn .inquiry-btn:hover:before {width:22.5rem; border-radius:0.5rem;}
#inquiryBtn .inquiry-btn:hover .txt {opacity:1; visibility:visible;}
 */

/* ******************  회사소개 ********************** */
/* *************** 연혁 *************** */
.history-page {padding-bottom:15rem;}
.history-page .sub-tab-wrapper-style {height: auto;}
/* 연혁 탭 */
.history-tab-style ul {display:flex;}
.history-tab-style ul li {width: auto; background: none; border:0; margin-right: 4rem;}
.history-tab-style ul li:before {display: block; content: ""; width: 100%; background: #fff; height: 3px; opacity:0;}
.history-tab-style ul li:first-child {border-left:0;}
.history-tab-style ul li.selected {background: none;}
.history-tab-style ul li.selected:before {opacity:1;}
.history-tab-style ul li a {height: auto; padding:4.5rem 0;}
.history-tab-style ul li a em {color: rgba(255,255,255,0.4); font-weight: 700; letter-spacing:-0.02em; font-size:2rem;}
/* 연혁 상단 */
.history-bg-con {position: relative; width: 86.46%; margin: 0 auto; background: url(/images/content/history_bg.jpg)no-repeat; background-size: cover; padding: 17.3rem 0 19.9rem; background-position: 50% 50%; border-radius: 1rem;}
.history-bg-con img {border-radius:1rem;}

.history-tab-con {position: relative; top:-12.3rem;}
.history-tab-con:before {display: block; content:""; position:absolute; top:0; left:0; width: 100%; height: 3px; background: rgba(255,255,255,0.1);}
.history-bottom-con {max-width:1660px; width:86.46%; margin:0 auto;}

.history-bg-tit {font-size:4.5rem; letter-spacing:-0.05em; color: #fff; font-weight: 700; line-height:1.22em;}
.history-bg-txt {font-size:2rem; letter-spacing:-0.05em; font-weight: 500; line-height:1.25; color: rgba(255,255,255,0.6); margin-top: 1.8rem;}

@media all and (max-width:1720px){
	.history-bg-tit-con.area {max-width:none; padding:0 var(--area-padding);}
	.history-page .history-style02.area , .history-page .history-tab-style.area{max-width:none; padding:0 var(--area-padding);}
}

@media all and (max-width:1280px){
	.history-bg-con {padding:12.3rem 0 16.9rem;}
}

@media all and (max-width:800px){
	.history-bg-tit {font-size:3rem;}
	.history-bg-txt {font-size:1.8rem;}
	.history-bg-con {padding:6rem 0 12rem;}
	.history-tab-style ul {flex-wrap:wrap;}
	.history-tab-style ul li {width: 100%; margin-right: 0;}
	.history-tab-style ul li:before {display:none;}
	.history-tab-style ul li a {padding: 0 15px; line-height: 20px;}
	.history-tab-style ul li a em {color: #000;}
	.history-tab-style ul li.selected {border-color:#eee;}
	.history-tab-style ul li.selected a em {color: var(--main-color);}
	.history-tab-con {top:-8rem;}
	.history-tab-con:before {display:none;}
}

@media all and (max-width:480px){
	.history-style02 .history-month-box .history-month-item {padding-left:1rem;}
}

/* *************** 오시는 길 *************** */
.loca-con {position: relative; overflow:hidden; margin:0 auto; height: 365px;}
.root_daum_roughmap.loca-map {position:absolute; top:50%; left:50%; height: 365px; margin: -182.5px 0 0 -308px;}
.loca-map {position:absolute; top:50%; left:50%; height: 365px; margin: -182.5px 0 0 -308px;}

/* ****************** 제품소개 ********************** */
/* *************** 제품소개 (Robert-E) *************** */
/* product 갤러리 */
.pro-intro-top {background: #f5f5f5; border-radius:1rem; padding:10rem; box-sizing:border-box;}
.pro-top-container {display:flex; align-items:center;}
.pro-top-container > div {width: 50%;}
.pro-top-container .left-box {display:flex;}
/* product 갤러리 nav */
.pro-nav-con {margin-right: 1rem; width: calc(100% - (80.71% + 9% + 1rem)); /* width: 6.2rem; */}
.pro-nav-list li {margin-bottom: 1rem; position: relative; cursor:pointer; width: 100% !important; box-sizing:border-box;}
.pro-nav-list li:before {display: block; content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 3px solid var(--main-color); position: absolute; top: 0; left: 0; border-radius: 5px; opacity:0; transition:all 0.4s; z-index: 1;}
.pro-nav-list li.slick-current:before {opacity:1;}
.pro-nav-list li img , .pro-main-list li img {border-radius:5px; max-width:100%;}
.pro-nav-list li span {display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;}
.pro-nav-list li img {width: 100%; height: 100%;}   
.pro-main-list li {width: 100%;}
.pro-main-list li span {display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;}
.pro-main-list li img  {width: 100%; height: 100%;}
/* product 갤러리 main */
.pro-main-con {width: 80.715%; margin-right: 9%; /* width: calc(100% - (6.3rem + 9%)); */}
/* product 갤러리 상세내용 */
.pro-tit {font-size:4rem; letter-spacing:-0.02em; color: #000; font-weight: 700; line-height: 1.5em;}
.pro-txt {font-size:1.8rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.6); line-height:1.25; margin-top: 2rem;}
.pro-tit-box {margin-bottom: 3.5rem;}
.pro-list-box {padding:4.6rem 0; border-top: 2px solid rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.1);}
.pro-list-box dl {display:flex; flex-direction: column; margin-top: 2.5rem;}
.pro-list-box dl:first-of-type {margin-top: 0;}
.pro-list-box dl dt {width: 12.7rem; font-size:1.8rem; letter-spacing:-0.05em; color: #000; line-height:1.25; font-weight: 500;}
.pro-list-box dl dd {width: calc(100% - 11.7rem); font-size:1.8rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.6); line-height:1.667; margin-top: 1.5rem;}
.pro-list-box dl dd p {position: relative; padding-left: 0.8rem;}
.pro-list-box dl dd p:before {display: block; content:""; position:absolute; left: 0; top: 1.3rem; background: rgba(0,0,0,0.6); width: 3px; height: 3px; border-radius:100%;}
/* .pro-list-box dl dd img {margin-right: 3rem;} */
.pro-list-box dl.brand dd {display: flex; flex-wrap: wrap; margin: -1.5rem;}
.pro-list-box dl.brand dd span {display: inline-block; margin: 1.5rem;}
.pro-list-box dl.brand dd span img {max-width: 100%;}
.pro-btn-list {padding-top: 4rem; display:flex; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.pro-btn-list a {display:flex; justify-content:space-between; align-items:center; width: 18rem; height: 5rem; border-radius:5px; border:2px solid rgba(0,0,0,0.1); padding:0 2rem; box-sizing:border-box; transition:all 0.3s; margin-right: 1.6rem;}
.pro-btn-list a em {font-size:1.5rem; color: #000; letter-spacing:-0.05em; line-height:1.25;}
.pro-btn-list a i {font-size:1.6rem; color: #000;}
.pro-btn-list a:last-of-type {margin-right: 0;}
.pro-btn-list a:hover {background: var(--main-color); border-color:var(--main-color);}
.pro-btn-list a:hover em {color: #fff;}
.pro-btn-list a:hover i {color: #fff;}
/* product bottom */
.pro-intro-bottom .con {display:flex; padding:10rem 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.pro-intro-bottom .con:last-of-type {border-bottom:0;}
.pro-intro-bottom .con .tit-box {width: 35.71%;}
.pro-intro-bottom .con .con-tit {font-size:4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.24;}
.pro-intro-bottom .con .txt-box {width: calc(100% - 35.71%);}
/* product bottom con02 */
.pro-intro-bottom .con02 .sub-con-list {display:flex;}
.pro-intro-bottom .con02 .sub-con-list li {display:flex; align-items:center; flex-direction:column; border:5px solid rgba(255,255,255,0.05); margin-right: 2.7rem; width: calc((100% - 5.4rem) / 3); border-radius:1rem; padding:5.5rem 0; box-sizing:border-box;}
.pro-intro-bottom .con02 .sub-con-list li:last-of-type {margin-right: 0;}
.pro-intro-bottom .con02 .sub-con-list li .icon-box {width: 12rem; border-radius: 100%;
background: rgba(0,0,0,0.05);}
.pro-intro-bottom .con02 .sub-con-list li .icon-box span {display: block; position: relative; height: 0; padding-top:100%;}
.pro-intro-bottom .con02 .sub-con-list li .icon-tit {font-size:1.8rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.66em; text-align:center; margin-top: 3.5rem;}
/* .pro-intro-bottom .con02 .sub-con:last-of-type .txt {margin-bottom: 0;} */
/* product bottom con03 */
.pro-intro-bottom .con03 .sub-con {border-bottom:0; padding-bottom:0;}
/* product bottom sub-con 공통 */
.sub-con {border-bottom:1px solid rgba(255,255,255,0.1); margin-top: 7.6rem; padding-bottom:8rem;}
.sub-con:first-of-type {margin-top: 0;}
.sub-con:last-of-type {border-bottom:0; padding-bottom:0;}
.sub-con.cook {padding-bottom:0;}
.sub-con .img-box {position: relative;}
.sub-con .img-box img {border-radius:1rem; max-width:100%;}
.sub-con-tit .tit {display:flex;}
.sub-con-tit .tit em {font-size:2.5rem; letter-spacing:-0.05em; color:#000; font-weight: 700; line-height:1.25;}
.sub-con-tit .num {font-size:2.5rem; letter-spacing:-0.05em; color: var(--main-color); font-weight: 700; line-height:1.25; margin-right: 1.5rem;}
.sub-con-tit .txt {font-size:1.8rem; letter-spacing:-0.05em; font-weight: 500; color: rgba(0,0,0,0.6); line-height:1.66em; margin-top: 2rem; margin-bottom: 5.4rem;}
/* Robert-E 주요장점*/
.strength-list > li {display:flex; margin-top: 2rem; min-height:9rem;}
.strength-list > li:first-of-type {margin-top: 0;}
.strength-list .icon-box {width:9rem; background: #f5f5f5; border-radius:1rem 0 0 1rem; display: flex; align-items: center; justify-content: center; transition:all 0.3s;}
.strength-list .icon-box .num {font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 800; line-height:1.5;}
/* .strength-list .icon-box span {display: block; position: relative; height: 0; width: 4.8rem; padding-top:100%;} */
.strength-list .list-txt-box {display:flex; flex-direction:column; justify-content:center; width: calc(100% - 16rem); border:2px solid #f5f5f5; box-sizing:border-box; border-radius:0 1rem 1rem 0; padding: 1rem 4rem; box-sizing:border-box; transition:all 0.3s;}
.strength-list .list-txt-box .txt01 {font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.2;}
.strength-list .list-txt-box .txt02 {font-size:1.6rem; letter-spacing:-0.05em; color: #666; font-weight: 500; line-height:1.35; margin-top: 1rem;}
/* .strength-list > li.active {-webkit-box-shadow: -1px 0px 47px -16px rgba(255, 85, 0, 1);
-moz-box-shadow: -1px 0px 47px -16px rgba(255, 85, 0, 1);
box-shadow: -1px 0px 47px -16px rgba(255, 85, 0, 1);} */
.strength-list > li.active .icon-box {background: var(--main-color);}
.strength-list > li.active .icon-box .num {color: #fff;}
.strength-list > li.active .list-txt-box {border-color:var(--main-color);}


/* Robert-E 튀김로봇인 이유 */
.cook-robot-txt-box {position:relative; bottom:6rem; left:50%; transform:translateX(-50%); height: 12rem; width: 68.89%; display:flex; align-items:center; justify-content:center; background: #222; border-radius:1rem; border:2px dotted var(--main-color);}
.cook-robot-txt-box p {font-size:1.8rem; letter-spacing:-0.05em; color: #fff; font-weight: 700; line-height:1.66em; text-align:center;}
.cook-robot-txt-box p .highlight {color: var(--main-color)}
/* Robert-E 위생안전인증 */
.nsf-box {padding:5.6rem 5rem; background: #222; border-radius:1rem;}
.nsf-con {margin-top: 4.3rem;}
.nsf-con:first-of-type {margin-top: 0;}
.nsf-con .nsf-tit {font-size:2rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.25;}
.nsf-con ul {margin-top: 2.3rem;}
.nsf-con ul li {display:flex; align-items:center; margin-top: 1.2rem;}
.nsf-con ul li:first-of-type {margin-top: 0;}
.nsf-con ul li .dot {display: block; width: 4px; height: 4px; border-radius:100%; background: rgba(255,255,255,0.4); align-self:flex-start; position: relative; top:9px;}
.nsf-con ul li em {width: calc(100% - 4px); box-sizing: border-box; font-size:1.8rem; letter-spacing:-0.05em; color:rgba(255,255,255,0.6); font-weight: 500; line-height:1.25; padding-left:1rem;}
/* Robert-E 컴팩트한 사이즈 */
.size-list {display:flex;}
.size-list li {margin-right: 3rem; width: calc((100% - 6rem) / 3);}
.size-list li:last-of-type {margin-right: 0;}
.size-list li img {border-radius:5px; max-width:100%;}
.size-list .img-tit {font-size:1.8rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.66em; text-align:center; margin-top: 2.5rem;}
/* Robert-E 클라우드 기반 운영 */
.cloud-list {display:flex; flex-direction:column; background: #222; border-radius:5px;}
.cloud-list li {display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,0.1); padding:3.25rem 6rem;}
.cloud-list li:last-of-type {border-bottom:0;}
.cloud-list .icon-box {width:4.6rem; margin-right: 3rem; margin-right: 3rem;}
.cloud-list .icon-box span {display: block; position: relative; height: 0; padding-top:97.83%;}
.cloud-list .txt {width: calc(100% - 4.6rem); font-size:2rem; letter-spacing:-0.065em; color: rgba(255,255,255,0.6); font-weight: 500; line-height:1.5em;}
/* Robert-E 오더 커넥트 */
.order.img-box {background: #222; border-radius:5px; padding: 4.2rem 2rem;}
.order.img-box ul {display:flex; justify-content:center;}
.order.img-box ul li {position: relative; margin-right: 8.5rem;}
.order.img-box ul li:after {display: block; content:""; background:url(/images/content/arrow_triangle_img.png); width: 26px; height: 9px; position:absolute; right: -5.65rem; top:50%; transform:translateY(-50%);}
.order.img-box ul li:last-of-type {margin-right: 0;}
.order.img-box ul li:last-of-type:after {display: none;}
/* Robert-E 사용자의 만족점 */
.review-box .review {display:flex; height: auto; border-radius:1rem; border:5px solid #222; margin-top: 2rem; box-sizing:border-box;}
.review-box .review:first-of-type {margin-top: 0;}
.review-box .review .icon {display:flex; align-items:center; justify-content:center; width: 9rem; height: 9rem; background: #222; }
.review-box .review .icon i {font-size:2.5rem; letter-spacing:-0.05em; color: #fff; line-height:1.25;}
.review-box .review em {display:flex; align-items:center; width: calc(100% - 9rem); padding-left:4rem; box-sizing:border-box; font-size:1.8rem; letter-spacing:-0.05em; line-height:1.66em; font-weight: 500; color: rgba(255,255,255,0.6);}
/* Robert-E 구성품 */
.components-box img {max-width:100%;}
.components-box table {margin-top: 6rem; width: 100%;}
.components-box table tr {border-top:1px solid rgba(255,255,255,0.1); height: 6.5rem;}
.components-box table tr:last-child {border-bottom:1px solid rgba(255,255,255,0.1);}
.components-box table tr td {font-size:1.8rem; color: rgba(255,255,255,0.6); font-weight: 500; letter-spacing:-0.05em; padding:0 2.8rem; box-sizing:border-box; line-height:1.45;}
.components-box table tr td:first-of-type {background: #222;}

/* Robert-Assemble */
.assemble-page .pro-intro-bottom .con:last-of-type {padding:10rem 0 15rem;}
.assemble-page .sub-con:first-of-type {padding-bottom:1.6rem; border-bottom:0;}
.robot-list-tit {font-size:3rem; letter-spacing:-0.05em; color: #fff; font-weight: 700; line-height:1.35; margin-right: 3rem;}
.robot-list-txt {font-size:2rem; letter-spacing:-0.05em; color: rgba(255,255,255,0.6); font-weight: 500; line-height:1.25; margin-right: 2.3rem;}
.robot-list-box .ps {font-size:1.8rem; letter-spacing:-0.05em; color: rgba(255,255,255,0.4); line-height:1.35;}
.robot-list-box .list-inner-box {margin-top: 3.6rem;}
/* 전자동 치킨 조리 로봇 구성품 배경 */
.dough-robot .process-box {background: url(/images/content/robot01_bg.png)no-repeat; background-size:cover; border-radius:1.14rem; padding: 5rem 4rem; box-sizing: border-box; background-color:#222; background-position:0px 50%;}
.fry-robot .process-box {background: url(/images/content/robot02_bg.png)no-repeat; background-size:cover; border-radius:1.14rem; padding: 5rem 4rem; box-sizing: border-box; background-color:#222; background-position:50px 100%;}
.seasoning-robot .process-box {background: url(/images/content/robot03_bg.png)no-repeat; background-size:cover; border-radius:1.14rem; padding: 5rem 4rem; box-sizing: border-box; background-color:#222; background-position:50px 100%;}
/* 전자동 치킨 조리 로봇 구성품 과정 */
.process-box ul li {display:flex; align-items:center; margin-top: 4rem;}
.process-box ul li:first-of-type {margin-top: 0;}
.process-box ul li .circle {width: 11rem; margin-right: 3rem;}
.process-box ul li .circle span {position: relative; display: block; position: relative; height: 0; width: 100%; padding-top:100%; background: var(--main-color); border-radius:100%; }
.process-box ul li .circle span:after {display: block; content:""; background:url(/images/content/process_arrow.png)no-repeat; position:absolute; bottom:-2.2rem; left:50%; transform:translateX(-50%); width: 7px; height: 5px; }
.process-box ul li:last-of-type .circle span:after {display:none;}
.process-box ul li .circle em {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.6rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.2; width: 100%; text-align:center;}
.process-box ul li .txt {width: calc(100% - 11rem);}
.process-box ul li .txt01 {font-size:1.8rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.25}
.process-box ul li .txt02 {font-size:1.6rem; letter-spacing:-0.05em; color:rgba(255,255,255,0.6); font-weight: 500; margin-top: 0.8rem; line-height:1.8em;}

/* Robert-Bartender */
.bartender-page .pro-intro-bottom .con:last-of-type {padding:10rem 0 15rem;}
.strength-list .list-txt-box .inner-box {margin-top: 2rem;}
.strength-list .list-txt-box .inner-box > div {display:flex; align-items:center; margin-top:0.7rem;}
.strength-list .list-txt-box .inner-box > div:first-of-type {margin-top: 0;}
.strength-list .list-txt-box .inner-box > div .dot {align-self:flex-start; position: relative; top:10px; display:inline-block; width: 4px; height: 4px; border-radius:100%; background: rgba(255,255,255,0.4);}
/* .strength-list .list-txt-box .inner-box > div:first-of-type .txt02 {margin-top: 0;} */
.strength-list .list-txt-box .inner-box > div .txt02 {margin-top: 0; padding-left: 1rem; width: calc(100% - 4px);}

@media all and (max-width:1660px){
	.pro-intro-top.area-box {padding: 10rem var(--area-padding); margin: 0 var(--area-padding);}
}

@media all and (max-width:1280px){
	.pro-intro-top {padding:5rem;}
	.pro-intro-bottom .con {flex-wrap:wrap;}
	.pro-intro-bottom .con .tit-box {width: 100%; margin-bottom: 3rem;}
	.pro-intro-bottom .con .txt-box {width: 100%;}
}

@media all and (max-width:800px){	
	.pro-intro-top.area-box {padding: var(--area-padding);}
	.pro-tit-box {margin-bottom: 2rem;} 
	.pro-tit {font-size:3rem;}
	.pro-top-container {flex-wrap:wrap;}
	.pro-top-container > div {width: 100%;}
	.pro-top-container .right-box {margin-top: 4.5rem;}
	/* .pro-main-con {margin-right: 0; width: 89.71%;} */
	.pro-nav-con {max-height:31rem; overflow:hidden; width: 6.2rem;}
	.pro-main-con {margin-right: 0; width: calc(100% - (6.3rem));}
	.pro-intro-bottom .con {padding:5rem 0;}
	.pro-intro-bottom .con .con-tit {font-size:3rem;}
	.sub-con {padding-bottom:4rem; margin-top: 3.8rem;}

	.pro-btn-list {flex-wrap:wrap;}
	.pro-btn-list a {width: 100%; margin-top: 1rem; margin-right: 0;}
	.pro-btn-list a:first-of-type {margin-top: 0;}
	.pro-list-box {padding: 2rem;}
	.pro-list-box dl dt {width: 100%;}
	.pro-list-box dl dd {width: 100%;}
	.pro-list-box dl.brand dd {margin: -1rem;}
	.pro-list-box dl.brand dd span {margin: 1rem;}

	.sub-con-tit .txt {margin-bottom: 3rem;}

	.strength-list .icon-box {width: 10rem;}
	.strength-list .list-txt-box {padding:2rem; width: calc(100% - 10rem);}
	.strength-list .list-txt-box .txt01 {font-size:1.8rem;}
	.strength-list .list-txt-box .txt02 {font-size:1.5rem;}

	.pro-intro-bottom .con02 .sub-con-list {flex-wrap:wrap;}
	.pro-intro-bottom .con02 .sub-con-list li {padding:2rem; width: 100%; margin-right: 0; flex-direction:row; justify-content:space-around; margin-top: 2rem;}
	.pro-intro-bottom .con02 .sub-con-list li:first-of-type {margin-top: 0;}
	.pro-intro-bottom .con02 .sub-con-list li .icon-box {width: 10rem;}
	.pro-intro-bottom .con02 .sub-con-list li .icon-tit {margin-top: 0;}

	.cook-robot-txt-box {width: 90%; height: auto; padding:1rem; box-sizing:border-box;}

	.nsf-box {padding:2.75rem;}
	.nsf-con {margin-top: 2rem;}
	.nsf-con ul {margin-top: 1.2rem;}

	.size-list {flex-wrap:wrap;}
	.size-list li {width: 100%; margin-right: 0; margin-top: 1rem;}
	.size-list li:first-of-type {margin-top: 0;}
	.size-list li img {width: 100%;}
	.size-list .img-tit {margin-top: 1rem;}

	.order.img-box ul {flex-direction:column;}
	.order.img-box ul li {margin-right: 0; margin-bottom: 5rem; text-align:center;}
	.order.img-box ul li:last-of-type {margin-bottom: 0;}
	.order.img-box ul li:after {top:initial; left:initial; bottom:-2.8rem; left:50%; transform:translateX(calc(-50% + 0.5px)) rotate(90deg);}

	.cloud-list li {padding:3rem;}
	.cloud-list .txt {font-size:1.7rem;}
	.review-box .review .icon {width: 5rem; padding-right: 0.5rem; height: auto;}
	.review-box .review em {padding: 1rem 2rem; width: calc(100% - 5rem);}

	.components-box table tr td {padding:0 1rem; font-size:1.5rem;}

	.robot-list-box > p {display:flex; flex-direction:column;}
	.robot-list-txt , .robot-list-box .ps {margin-top: 0.5rem;}
	.process-box ul li .txt02 {line-height:1.5em;}
	.dough-robot .process-box , .fry-robot .process-box , .seasoning-robot .process-box {/* padding:2rem; background-image: none; */ 
	padding: 2rem 2rem 60% 2rem; background-size:contain; background-position:100% 100%;}
}

/* ****************** PR ********************** */
/* 자료실 */
.bbs-basic-gallery-con05 .gallery-list li a.data-down-btn {display:flex; width: 6rem; height: 6rem; align-items:center; justify-content:center; background:var(--main-color); border-radius:100%; position:absolute; right:2rem; bottom:60%;}
.bbs-basic-gallery-con05 .gallery-list li a.data-down-btn i {font-size:2rem; color: #fff;}

@media all and (max-width:800px){
	.bbs-basic-gallery-con05 .gallery-list li a.data-down-btn {width: 4.5rem; height: 4.5rem; bottom:65%; right:1rem;}
	.bbs-basic-gallery-con05 .gallery-list li a.data-down-btn i {font-size:1.5rem;}
}

/* ****************** 문의하기 ********************** */
.sub-visual-inquiry #topMenu01 {display:none;}
.inquiry-container {display:flex;}
.inquiry-left-con {width: calc(100% - 64.29%); padding-right: 5%; box-sizing: border-box;}
.inquiry-left-tit {font-size:3.5rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.286em;}
.inquiry-left-txt {font-size:1.8rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.6); line-height:1.66em; margin-top: 2.6rem;}
.inquiry-right-con {width: 64.29%;}
.inquiry-page .cm-btn-controls {justify-content:flex-start;}
.inquiry-page .cm-btn-controls button {width: 25rem; height: 7rem; border:2px solid rgba(0,0,0,0.1); background-color:initial; border-radius:5px; justify-content: space-between; padding:0 2.8rem; margin: 0; transition:all 0.3s; color: #000;}
.inquiry-page .cm-btn-controls button:hover {background-color:var(--main-color); color: #fff; border-color:var(--main-color);}

@media all and (max-width:800px){
	.inquiry-left-tit {font-size:3rem;}
	.inquiry-page .inquiry-style10 .inquiry-tab-box .sub-drop-open-btn-style {display: block; height: auto;}
	/* .inquiry-style10 .inquiry-tab-box .sub-tab-list-style ul {flex-wrap:wrap;  border:0; height: auto;}
	.inquiry-style10 .inquiry-tab-box .sub-tab-list-style ul li {width: 100%; height: 40px;}
	.inquiry-style10 .inquiry-tab-box .sub-tab-list-style ul li:first-child {border-radius:0;}
	.inquiry-style10 .inquiry-tab-box .sub-tab-list-style ul li:last-child {border-radius:0;}
	.inquiry-style10 .inquiry-tab-box .sub-tab-list-style ul li.selected a {background: none;}
	.inquiry-style10 .inquiry-tab-box .sub-tab-list-style ul li.selected a em {color: var(--main-color);} */
	.inquiry-container {flex-wrap:wrap;}
	.inquiry-left-con {width: 100%; padding-right: 0; margin-bottom: 3rem;}
	.inquiry-right-con {width: 100%;}
	.inquiry-page .cm-btn-controls button {height: 5.5rem;}
}

/* ****************** 페이크폼 스타일 추가css ********************** */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.select-option.select-in-popup{z-index: 10000 !important;}
/* fake form - 기본 select 스타일 */
.fakeform-selectbox .select-title {text-indent: 2em; width: 100% !important; text-align: left; vertical-align: middle; border:0; line-height: 6rem; font-size:1.5rem; color: #000; border: 0; background-color: #f6f6f6; display: inline-block; box-sizing: border-box; cursor: pointer; border-radius:5px;  transition:var(--transition-custom); transition-property: border-color;}
.fakeform-selectbox .select-title:after{font-family: 'xeicon'; position:absolute; top:50%; right:10px; transform:translateY(-50%); content: "\e942"; font-size:2.4rem; color: #555859;}
.fakeform-selectbox .select-title strong {width: 100%; font-weight: 400; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox .select-title.active{border-radius: 5px 5px 0 0;}
.fakeform-selectbox .select-title.active:after{content: "\e945";}
.fakeform-selectbox .select-title.focus{}
.fakeform-selectbox .select-title.disabled{}
/* 옵션창 */
.select-option {border: 0; background: #f6f6f6; border-radius: 0 0 5px 5px; max-height: 200px; overflow: auto;}
.select-option::-webkit-scrollbar{
	width: 5px;
}
.select-option::-webkit-scrollbar-thumb{
	background-color:#333;
	border-radius:5px;
	transition:all 0.5s;
}
.select-option::-webkit-scrollbar-track{
	background-color:#f2f2f2; 
	border-radius:0;
}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.3rem; font-weight: 500; line-height: 1.5; color: #555; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 1.5rem 2em; display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: var(--main-color)}
.select-option span.selected {color: #000;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}

@media all and (max-width:800px){
	.fakeform-selectbox .select-title {text-indent: 1em; font-size: 1.4rem; line-height: 5rem;}
	/* 옵션창 */
	.select-option span,
	.select-option strong {height: auto; font-size: 1.3rem; font-weight: 500; line-height: 1.5; padding: 1.5rem 1em;}
}

/* 자료실 :: 자료실 */
.data-list {display: flex; margin: 0 -1.35rem; padding-bottom:7rem;}
.data-list li {width: calc(25% - 2.7rem); margin: 0 1.35rem;}
.data-list li .img-box {position: relative; width: 100%;}
.data-list li .img-box img {border-radius:5px;}
.data-list li .img-box > span {position: relative;
    width: 100%;
    height: 0;
    padding-top: 142.533%;
    display: block;}
.data-list .data-tit {font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 500; line-height:1.75em; margin-top: 1.5rem;}
.data-btn {position:absolute; right: 2rem; bottom: -3rem; display:flex; align-items:center; justify-content:center; width: 6rem; height: 6rem; 
border-radius:100%; background: var(--main-color); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); transition: all 0.3s;}
.data-btn:before {
	display: block;
    font-family: "xeicon";
    content: "\eb7c";
    font-size: 20px;
    transition: all 0.3s 0.1s;
    color: #fff;
}
.data-btn i {font-size:2rem; color: #fff; display:none;}
.data-bg {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}
.data-bg span {
	    position: relative;
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transition: all 0.3s;
    border-radius: 100%;
    background-color: rgb(0, 0, 0, 0.5);
}

.data-list li a:hover .data-bg span {
	width: 150%;
        height: 150%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.4;
        transition-delay: 0.2s;
}

.data-list li a:hover .data-btn {background-color: transparent;
        right: 50%;
        bottom: 50%;
        transform: translate(50%, 50%);
        box-shadow: none;}
.data-list li a:hover .data-btn:before {font-size:3rem;}

@media all and (max-width:800px){
	.data-list {flex-wrap:wrap; padding-bottom:0;}
	.data-list li {width: calc(50% - 2.7rem); margin: 0 1.35rem 4rem;}
	.data-btn {width: 4rem; height: 4rem; right: 1rem; bottom: -1.5rem;}
	.data-list .data-tit {font-size: 1.6rem;}
}