/*robot.css*/
.robot .section{width: 100%; padding: 60px 0;}

.robot .recomm_area{padding-top: 50px; padding-bottom: 150px;}
.recomm_area .leftarea{width: 70%; float: left; padding-right: 60px;}
.recomm_area .txtbox{padding: 20px 0;}
.recomm_area .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;}
.recomm_area .bottomtxt{padding-top: 40px;}
.recomm_area .bottomtxt>p{font-size: 16px; line-height: 20px; color: #999;}
.tb2 .toptxt>h3{font-size: 42px; line-height: 48px;}
.tb2 .toptxt>h3>span{color: #c71526;}
.tb2 .bottombox{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.tb2 .boxarticle{float: left;width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 50px; margin-top: 40px;}
.tb2 .boximgwrap{width: 51px; height: 51px;}
.tb2 .boximgwrap>img{width: 100%;}
.tb2 .boxtxtwrap{width: 85%; padding-left: 10px;}
.tb2 .boxtxtwrap p{font-size: 16px; color: #999; line-height: 20px;}
.tb2 .boxtxtwrap p span {color: #c71526;}
.tb2 .boxtxtwrap .p1{font-size: 20px; color: #333; line-height: 48px;}
.recomm_area .rightarea{width: 30%; float: right;}
.recomm_area .rightarea>.imgwrap{width: 100%; height: 630px; background-image: url('../../img/robot/robot_section3_img2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.robot .step2_area{padding-top: 60px;}
.robot .step2_area .leftarea{width: 50%; float: left;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.step2_area .leftarea .img1{width: 100%; margin: 1%; float: left;}

.step2_area .leftarea>.img2{width: 48%; margin: 1%; float: left;}
.step2_area .rightarea{width: 50%; float: left; padding-left: 60px;}
.step2_area .toptxt>h2{font-size: 38px; font-weight: 700; line-height: 48px;}
.step2_area .toptxt>h2>span{color: #c71526;}
.step2_area .mdllinewrap{padding: 20px 0;}
.step2_area .mdlline{width: 100px; height: 2px; background: #c71526;}
.step2_area .mdltxt>p{font-size: 20px; color: #333; line-height: 30px;margin-bottom:60px;}
.step2_area .bottomtxt{padding-top: 40px; padding-bottom: 0;}
.step2_area .bottomtxt>p{font-size: 14px; color: #999; line-height: 20px;}




.bgc{background-color: #e5e5e5;}

.bnrtxtwrap span.centerp {display:block;background: #fff; border-radius: 10px; padding:5px 5px 5px 5px; color:#c71526;height:auto;width:auto;margin:10px 10px 10px 10px;font-weight:700;}

.robot .table_area{padding-top: 50px;}
.robot .table_area .leftarea{width: 55%; float: left;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.table_area .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.table_area .toptxt>p{font-size: 20px; line-height: 28px; font-weight: 300;text-align:center;}

.table_area .leftarea>.img1{width: 48%; margin: 1%; float: left;}
.table_area .leftarea img{width: 100%;}
.table_area .leftarea>.img2{width: 48%; margin: 1%; float: left;}
.table_area .rightarea{width: 45%; float: left; padding-left: 60px;}
.table_area .toptxt>h2{font-size: 42px; font-weight: 700; line-height: 48px;}
.table_area .toptxt>h2>span{color: #c71526;}
.table_area .mdllinewrap{padding: 20px 0;}
.table_area .mdlline{width: 55px; height: 2px; background: #c71526;}
.table_area .mdltxt>p{font-size: 16px; color: #333; line-height: 22px;}
.table_area .bottomtxt{padding-top: 40px; padding-bottom: 0;}
.table_area .bottomtxt>p{font-size: 14px; color: #999; line-height: 20px;}

.table_area .note { font-size:16px; text-align:right; position:relative;margin-bottom:0;font-weight:300;}

.table_area .Chargeinner {width:80%;margin:0 auto; text-align: center;}
.table_area .Chargeinner2 {width:60%;margin:0 auto; text-align: center;}

.table_area .Chargeinner img {margin:0 auto; }
.table_area .Chargeinner h3 span.txt-red{color:#d92c38;}

.table_area .freeChargeinner {width:100%;margin:0 auto; text-align: center;padding:40px 0 40px 0;}
.table_area .freeChargeinner h3 {padding-top:8px;color:#222;letter-spacing:-5px;font-size:35px;line-height:53px;text-align:center;}
.table_area .freeChargeinner h3 span.txt-red{color:#d92c38;}

.table_area .service-features { width:80%; margin:0 auto;}
.table_area .service-features li { position: relative; display: inline-block; margin: 0 0 10px 20px; width: 28%; height: 190px; background: #f2f2f2; color: #222; vertical-align: top;}
.table_area .service-features li:first-child { margin-left: 0;}
.table_area .service-features li img { position: absolute; top: 32px; right: 0; left: 0; margin: auto;}
.table_area .service-features li span {display: block;margin: 110px 0 0px; font-size: 18px; line-height: 1.2;text-align:center;}
.table_area .service-features li strong {display: block;font-size: 26px; color:#04a3bb;text-align:center;}

.table_area .service-features.square{padding-left: 187px;}
.table_area .service-features.square:after{clear: both;content: '';display: block;}
.table_area .service-features.square li{float: left;}
.table_area .service-features.square li:nth-child(3){clear: both;margin-left: 0;}
.table_area .service-features.big-hig li{height: 268px;}

/* tab-toggle-list */
.tab-toggle-area {padding-top:50px; }

.tab-toggle-area [class*="tab-content-0"].active .title:after {}
.tab-toggle-area [class*="tab-content-0"]:last-child {margin-bottom:50px;}
.tab-toggle-area .accordions {border-top:0;}
.tab-toggle-area .title {letter-spacing:-5px; position:relative;width:100%;font-size:40px;font-weight:normal;color:#222;line-height:70px;text-align:left;border-top:5px solid #666;padding-left:0px;}
.tab-toggle-area .title:before {content:"";display: block;position: absolute;top: 50%;right:30px;width: 32px;height: 16px;margin-top: -8px;}
.tab-toggle-area .title .tbar.purple{color:#9052a5;}
.tab-toggle-area .desc.only {padding-bottom:100px;}
.tab-toggle-area .desc .none {text-align:left;font-size:18px;line-height:24px;margin:20px 0 10px;}
.tab-toggle-area .desc .pointer,
.tab-toggle-area .desc .dash {text-align:left;font-size:18px;line-height:24px;margin-left:10px;padding-top:10px;}
.tab-toggle-area .desc .dash.fz16 {font-size: 16px;}
.tab-toggle-area .desc .dash span,
.tab-toggle-area .desc .pointer span {display:block;padding-top:10px;}
.tab-toggle-area .desc .pointer:before,
.tab-toggle-area .desc .dash:before{content:"";float:left;width:5px;height:2px;margin:12px 5px 0 -10px;background-color:#666;}
.tab-toggle-area .desc .pointer:before{content:"";width:5px;height:5px;border-radius:5px;margin-top:11px;background-color:#454545;}
.tab-toggle-area .desc h4 {padding-top:30px;text-align:left;font-size:18px;font-weight:bold;line-height:24px;color:#222;}
.tab-toggle-area .desc h4:first-child {padding-top:20px;}
.tab-toggle-area .desc h4 + .pointer {padding-top:5px;}
.tab-toggle-area .desc .pointer + .pointer {padding-top:15px;}
.tab-toggle-area .desc .pointer + .dash {padding-top:10px;}
.tab-toggle-area .desc .dash + .pointer {padding-top:20px;}
.tab-toggle-area .desc .indent {margin-left:20px;}
.tab-toggle-area .desc .thumb {padding:15px 0;}
.tab-toggle-area .desc table + .pointer {padding-top:10px;}
.tab-toggle-area a {color:#666;}
.tab-toggle-area a.underline:hover {color:#d71826;}
.tab-toggle-area a.underline {color:#666;text-decoration:underline;}
.tab-toggle-area table.board {margin-top:10px;}
.tab-toggle-area table.board.align-center th:first-child,
.tab-toggle-area table.board.align-center td:first-child,
.tab-toggle-area table.board th {text-align:center;}
.tab-toggle-area table.board th:first-child {text-align:center;font-size:16px;}
.tab-toggle-area table.board th:last-child,.board td:last-child{padding-right:0;text-align:center;}
.tab-toggle-area table.board .btn-link{display:inline-block;margin-left:5px;font-size:12px;font-weight:bold;line-height:14px; height:21px;color:#666;border:1px solid #bbb;padding:5px 11px 0; vertical-align:1px;}
.tab-toggle-area table.board .btn-link:hover{color:#d71826;}
.tab-toggle-area table.border-left th:last-child,
.tab-toggle-area table.border-left td:last-child{border-left:1px solid #ccc;}

/* table - board */
table.board {font-family: 'Nanum Gothic', sans-serif;border-top:3px solid #555;font-size: 16px;}
table.board th {color:#222;font-weight:normal;background-color:#f1f2fa;}
table.board thead th {border-bottom:1px solid #555;background-color:#3069b3;font-size: 16px;color:#fff;}
table.board tbody th {background:#f0f3f9; border-bottom:1px solid #ccc;}
table.board tbody td {text-align:center;background:#fff;font-size:16px;}
table.board tbody td a,
table.board tbody td img {vertical-align:middle;}
table.board tbody td .links {border-bottom-width:1px;border-bottom-style:solid;}
table.board tbody td .ellipsis {vertical-align:middle;}
table.board tbody td a.ellipsis {color:#222;}
table.board tbody td a.ellipsis:hover {color:#d71826;text-decoration:underline;}
table.board tbody td .ellipsis.thumb {position:relative;top:2px;margin:10px 0;padding-top:2px;}
table.board tbody td .ellipsis.thumb img {margin-top:-2px;width:50px;height:50px;margin-right:9px;}
table.board tbody td.align-left {text-align: left;}
table.board tbody td.left-padding {padding-left: 30px !important;}
table.board .num {display:inline-block;width:42px;text-align:center;}
table.board .option-area.only-checkbox {margin-top:1px;}
table.board .option-area.only-checkbox [type="checkbox"] + label {width:20px;padding:0;text-indent:-9999px;}
table.board tbody  th.td_red {background:#fff; border-top:3px solid #ff1f5b; border-bottom:3px solid #ff1f5b; font-weight:bold; }
table.board tbody  th.td_red.l {background:#fff; border-top:3px solid #ff1f5b; border-bottom:3px solid #ff1f5b; border-left:3px solid #ff1f5b;}
table.board tbody  th.td_bgred {background:#c71526; font-weight:bold;color:#fff; }
table.board tbody  th.td_bgorg {background:#e87f04;  font-weight:bold;color:#fff; }

table.board .txt-red{color:#d92c38;}

/* table - board - dir-vertical */
table.board.dir-vertical {width:100%;}
table.board.dir-vertical thead th {padding:15px 0; height:auto;font-weight:400;}
table.board.dir-vertical thead th.td_bgred {background:#c71526; font-weight:bold;color:#fff; }

table.board.dir-vertical tbody td {padding:10px 0; height:auto;font-weight:300;}
table.board.dir-vertical tbody td {border-bottom:1px solid #ccc;}
table.board.dir-vertical.second-table {margin-top:100px;}
table.board.dir-vertical tbody td.td_red {background:#fff; border-top:3px solid #ff1f5b; border-bottom:3px solid #ff1f5b; font-weight:bold; color:#000;}
table.board.dir-vertical tbody td.td_red.r{background:#fff; border-top:3px solid #ff1f5b; border-bottom:3px solid #ff1f5b;border-right:3px solid #ff1f5b;}
table.board.dir-vertical tbody td.td_bgred {background:#c71526;  font-weight:bold;color:#fff; }
table.board.dir-vertical tbody td.td_bgorg {background:#e87f04;  font-weight:bold;color:#fff; }

table.board.dir-vertical tbody td span{display:block;}

table.board.board1 td{text-align:left;}
table.board.board1 td.cen{text-align:center;}

.c-blue {color: #4271d9;}

.ad_area {background-color:#000;}
.ad_area div.bannerWrap{width: 100%; height: 400px; }
.ad_area div.bannerWrap > img{height: 400px; }

.section .robot_info{padding-top: 0px;}
.robot_info .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.robot_info .toptxt>h2{font-size: 20px; line-height: 28px; font-weight: 300;text-align:center;}

.robot_info .figure_area{width: 100%; margin-bottom: 60px;margin-top: 50px}
.robot_info .figure_area img{width: 100%;}
.robot_info .text_area{width: 100%;margin:50px 0;}
.robot_info .robotinfo_list{padding: 30px 30px 0px; width: 100%;}
.robot_info .robotinfo_list li{float: left; width: 25%;}
.robot_info .robotinfo_list li.robotinfo_item02  {margin: 0 0;}
.robot_info .phone_img {margin:0 0 20px 0;}
.robot_info .phone_img img{width:85%;}
.robot_info .tit_box .sub_tit{display: inline-block; margin-bottom: 10px; margin-top:30px;color: #999; font-size: 14px; font-weight: 300; line-height: 20px;}
.robot_info .tit_box .main_tit{color: #c71526; font-size: 16px; font-weight: 600; line-height: 20px;}
.robot_info .tit_box .main_tit::after{display: block; content:""; margin: 20px 0; width: 40px; height: 3px; background: #000;}
.robot_info .tit_box .main_tit2{color: #333; font-size: 18px; font-weight: 600; line-height: 20px;}
.robot_info .tit_box .main_tit2::after{display: block; content:""; margin: 20px 0; width: 40px; height: 3px; background: #000;}

.robot_info .desc_box p{color: #666; font-weight: 300; font-size: 14px;margin-bottom:5px;}
.robot_info .desc_box p.p2{color: #666; font-weight: 300; font-size: 16px;margin-bottom:5px;}
.robot_info .desc_box p.red{color: #c71526;font-weight: 400;}

.robot_info .plusinfo_list{padding: 30px 30px 55px; width: 100%;}
.robot_info .plusinfo_list li{float: left; width: 50%;}
.robot_info .plusinfo_list li.plusinfo_item02  {margin: 0 0;}

.robot .robotWrap {background:#fff; padding-bottom: 40px;}
.robotWrap .toptxt {padding-bottom:40px;}
.robotWrap .toptxt h3::after{background: #fff;}
.robotWrap .toptxt h3, .robotWrap .main_title h3 span, .robotWrap .toptxt p{color: #000;}
.robotWrap .toptxt h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.robotWrap .toptxt h3 span{letter-spacing: 0;}
.robotWrap .toptxt h3 span.lightf{font-weight:300;display:block;}
.robotWrap .toptxt>h3>span{color: #c71526;}
.robotWrap .b2{color:#4271d9;}


.robotWrap .toptxt p{font-size: 20px; line-height: 28px; font-weight: 300;text-align:center;}
.robotWrap .detail ul li {width:45%;}
.robotWrap .detail ul li{background: #f5f5f5; border-radius: 10px; padding:0 0 40px 0;border:1px solid #e5e5e5;}
.robotWrap .detail ul li strong{font-weight: normal; margin-bottom: 26px;text-align:center;margin-left:0px;line-height:1.4; height:auto;}
.robotWrap .detail ul li p{font-size: 16px; line-height: 1.4; margin-bottom: 0;text-align:center;margin-left:0px;}
.robotWrap .detail ul li p.p2{font-size: 13px; line-height: 1.4; margin-top: 10px;text-align:center;margin-left:0px; color:#757dba;}

.robot .robotWrap2 {background:#fff; padding-bottom: 40px;}
.robotWrap2 .toptxt {padding-bottom:40px;}
.robotWrap2 .toptxt h3::after{background: #fff;}
.robotWrap2 .toptxt h3, .robotWrap .main_title h3 span, .robotWrap .toptxt p{color: #000;}
.robotWrap2 .toptxt h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.robotWrap2 .toptxt h3 span{letter-spacing: 0;}
.robotWrap2 .toptxt h3 span.lightf{font-weight:300;display:block;}
.robotWrap2 .toptxt>h3>span{color: #c71526;}
.robotWrap2 .toptxt h2{padding-top:10px;font-size: 26px; line-height: 32px; font-weight: 400;text-align:center;}

.robotWrap2 .b2{color:#4271d9;}


.robotWrap2 .toptxt p{font-size: 20px; line-height: 28px; font-weight: 300;text-align:center;}
.robotWrap2 .detail ul li {width:33%;}
.robotWrap2 .detail ul li{background: #f5f5f5; border-radius: 10px; padding:0 0 40px 0;border:1px solid #e5e5e5;}
.robotWrap2 .detail ul li strong{font-weight: normal; margin-bottom: 26px;text-align:center;margin-left:0px;line-height:1.4; height:auto;}
.robotWrap2 .detail ul li p{font-size: 16px; line-height: 1.4; margin-bottom: 0;text-align:center;margin-left:0px;}
.robotWrap2 .detail ul li p.p2{font-size: 13px; line-height: 1.4; margin-top: 10px;text-align:center;margin-left:0px; color:#757dba;}



.section .robot_info2{padding-top: 0px;}
.robot_info2 .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.robot_info2 .toptxt>h2{font-size: 20px; line-height: 28px; font-weight: 300;text-align:center;}

.robot_info2 .figure_area{width: 100%; margin-bottom: 60px;margin-top: 50px}
.robot_info2 .figure_area img{width: 100%;}
.robot_info2 .text_area{width: 100%;margin:50px 0;}
.robot_info2 .robotinfo_list{padding: 30px 30px 0px; width: 100%;}
.robot_info2 .robotinfo_list li{float: left; width: 33%;}
.robot_info2 .robotinfo_list li.robotinfo_item02  {margin: 0 0;}
.robot_info2 .phone_img {margin:0 0 20px 0;}
.robot_info2 .phone_img img{width:85%;}
.robot_info2 .tit_box .sub_tit{display: inline-block; margin-bottom: 10px; margin-top:30px;color: #999; font-size: 14px; font-weight: 300; line-height: 20px;}
.robot_info2 .tit_box .main_tit{color: #c71526; font-size: 16px; font-weight: 600; line-height: 20px;}
.robot_info2 .tit_box .main_tit::after{display: block; content:""; margin: 20px 0; width: 40px; height: 3px; background: #000;}
.robot_info2 .tit_box .main_tit2{color: #333; font-size: 18px; font-weight: 600; line-height: 20px;}
.robot_info2 .tit_box .main_tit2::after{display: block; content:""; margin: 20px 0; width: 40px; height: 3px; background: #000;}

.robot_info2 .desc_box p{color: #666; font-weight: 300; font-size: 14px;margin-bottom:5px;}
.robot_info2 .desc_box p.p2{color: #666; font-weight: 300; font-size: 16px;margin-bottom:5px;}
.robot_info2 .desc_box p.red{color: #c71526;font-weight: 400;}

.robot_info2 .plusinfo_list{padding: 30px 30px 55px; width: 100%;}
.robot_info2 .plusinfo_list li{float: left; width: 50%;}
.robot_info2 .plusinfo_list li.plusinfo_item02  {margin: 0 0;}

.robot_faq .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.robot_faq .freeinner {width:100%;margin:0 auto; text-align: center;padding:40px 0 40px 0;}

.faq .qa_li2 {border-top: 1px solid #ddd;}
.faq .listForm .question {  display: table;  width: 100%;  padding: 3% 20px;  }
.faq .listForm .question .lf_box {width: 90%;    display: table;    float: left;}
.faq .listForm .question .faq_icon {display: table-cell;    vertical-align: middle;    width: 50px;    height: 50px;    border-radius: 50%;background-color: #c7c7c7; }
.faq .listForm .question .faq_icon span {    font-size: 18px;    font-weight: bold;    color: #fff;    display: block;    text-align: center;    line-height: 50px;}
.faq .listForm .question .tit {  display: table-cell;    vertical-align: middle; font-size: 18px;       font-weight: bold;    color: #333;    padding-left: 20px;}
.faq .listForm .answer {display:table;width: 100%;  padding: 3% 20px;  background-color: #f6f6f6;}
.faq .listForm .answer .lf_box {   display: table;   width: 90%;    float: left;}
.faq .listForm .answer .faq_icon {display: block;    width: 50px;    height: 50px;    border-radius: 50%;    border: 1px solid #ddd;    box-sizing: border-box;    background-color: #fff;}
.faq .listForm .answer .faq_icon span {    font-size: 18px;    font-weight: bold;    color: #333;    display: block;    text-align: center;    line-height: 50px;}
.faq .listForm .answer .tit {    display: table-cell;    vertical-align: middle;    font-size: 17px;    font-weight: 400;    color: #333;    padding-left: 20px;}

.robot_bgc3{background-color:#f5f5f5;}

.robot_step{width:100%;padding-top: 0px;}
.robot_step .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.robot_step .toptxt>h2{font-size: 20px; line-height: 28px; font-weight: 300;text-align:center;}

.detail .top20{ margin-top:20px;}
.detail ul li strong{text-align: left; }
.detail ul li strong{font-weight: normal;}
.detail ul li p{color: #666; font-size: 28px; margin-bottom: 26px;}
.detail ul li img{margin: 30px auto 30px;}
.detail ul li p{text-align: center; margin:0 0 0 0px;}

/**혜택**/
.robot_bgc{background-color:#bde3ec;}
.robot_bgc2{background-color:#348fda;}

.robot_area .toptxt {padding-bottom:40px;}
.robot_area .toptxt h3::after{background: #fff;}
.robot_area .toptxt h3, .robot_area .main_title h3 span, .robot_area .toptxt p{color: #000;}
.robot_area .toptxt h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.robot_area .toptxt h3 span{letter-spacing: 0;}
.robot_area .toptxt h3 span.lightf{font-weight:300;display:block;}
.robot_area .detail {margin-bottom:0px;}
.robot .section2 {padding:30px 0px;}

.portfolioWrap2{background: #272727; padding-bottom: 90px;}
.portfolioWrap2 .main_title h2::after{background: #fff;}
.portfolioWrap2 .main_title h2, .portfolioWrap2 .main_title h2 span, .portfolioWrap2 .main_title p{color: #fff;}
.port_go{width: 100%;}
.portfolioWrap2 .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.portfolioWrap2 .port_go a:hover{background: #fff; color: #223040;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.portfolioWrap2 .mainPage{display: block;}  
.portfolioWrap2 .latest_wr{display: none;}
.portfolioWrap2 .latest_wr2{display: block;}
.portfolioWrap2 .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.portfolioWrap2 .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;} 
.portfolioWrap2 .pic_lt ul{padding: 0;}
.portfolioWrap2 .pic_lt li{padding: 0; margin:0.6%;  overflow: hidden;}
.portfolioWrap2 .pic_lt li .lt_img{  }
.portfolioWrap2 .pic_lt li .lt_img img{display: block;    display: block;}
.portfolioWrap2 .pic_lt li .lt_img + a{display: block; }
.portfolioWrap2 .latest_wr2 .pic_lt .new_icon + a{display: block;}
.portfolioWrap2 .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.portfolioWrap2 .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.portfolioWrap2 .owl-theme .owl-dots .owl-dot span:hover, .portfolioWrap2 .owl-theme .owl-dots .owl-dot.active span{background: #c80e21;}

@media screen and (max-width:1199px){
/*    br{display: none;}*/
    .second_area .righttxt>p>br{display: block;}
	.robot .bgc{padding:20px 0;}
    .robot .table_area .leftarea{width: 100%;}
    .robot .table_area .rightarea{width: 100%; margin-top: 40px; padding-left: 0;}
    .table_area .rightarea{padding-left: 40px;}
    .recomm_area .leftarea{width: 100%;float: inherit; margin-top: 40px; padding-right: 0;}
    .recomm_area .rightarea{float: inherit;padding-bottom: 40px;}
    .recomm_area .rightarea{width: 100%; float: left;}
    .recomm_area .rightarea>.imgwrap{width: 100%; height: 200px; background-image: url('../../img/robot/robot_section3_img2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
	.table_area .service-features { width:100%; margin:0 auto;}
	.robot .ad_area{padding:20px 0;}
	.ad_area div.bannerWrap{width: 100%; height:300px;}
	.ad_area div.bannerWrap > img{height: 300px; }
	.robot_info .phone_img2 > img {width:90%;}
	.robot_area .detail > img {width:98%;}
	.robot_area .toptxt h3{font-size: 38px; line-height: 48px;}

	.robot .step2_area  .leftarea {width:40%;}
	.robot .step2_area  .leftarea img{width:100%;}
    .robot .step2_area  .rightarea{width: 60%;}

}
@media screen and (max-width:920px){
    .robot .section{padding: 30px 0;}
    .robot .recomm_area{ padding-bottom: 150px;}
    .recomm_area .rightarea>.imgwrap{width: 100%; height: 200px; background-size:auto ;}
	.robotWrap2  .detail > ul li{width: 100%; height: auto; overflow: hidden;}
	.step2_area .toptxt br {display:none;}
	.step2_area .toptxt>h2 {font-size:26px;line-height:30px;}
	.step2_area .mdltxt>p {font-size:16px;margin-bottom:30px;}
	.step2_area .mdllinewrap {padding:8px 0;}
}
@media screen and (max-width:768px){
    .table_area .mdltxt>p>br{display: block;}
    .recomm_area .toptxt>h3{word-break: keep-all;}
    .tb2 .boxarticle{width: 48%;padding-right: 0; margin-top: 20px;}
    .tb2 .boxarticle:nth-child(1){margin-right: 2%;}
    .tb2 .boxarticle:nth-child(3){margin-right: 2%;}
    .robot .recomm_area{ padding-bottom: 100px;}
	.robot_info .robotinfo_list li{float: left; width: 50%;}
	.robot_info .robotinfo_list li.robotinfo_item03 {margin: 40px 0 0 0;}
	.robot_info .robotinfo_list li.robotinfo_item04 {margin: 40px 0 0 0;}
	.robot_info .plusinfo_list li{float: left; width: 100%;}
	.robotWrap  .detail > ul li{width: 100%; height: auto; overflow: hidden;}
	.robot_info2 .robotinfo_list li{float: left; width: 50%;}
	.robot_info2 .robotinfo_list li.robotinfo_item03 {margin: 40px 0 0 0;}
	.robot_info2 .robotinfo_list li.robotinfo_item04 {margin: 40px 0 0 0;}
	.robot .step2_area  .leftarea {width:100%;}
	.robot .step2_area  .rightarea{width: 100%;padding-left:10px;padding-top:20px;}
}
@media screen and (max-width:650px){
    .table_area .toptxt>h2{font-size: 32px;}
    .tb2 .boxarticle{width: 100%; margin: 30px 0;}
    .tb2 .boxarticle:nth-child(1){margin-right:0;}
    .tb2 .boxarticle:nth-child(3){margin-right:0;}
    .recomm_area .toptxt>h3{font-size: 32px;}
    .recomm_area .rightarea>.imgwrap{height: 200px;}
    .table_area .bottomtxt{padding-bottom: 40px;}
	.table_area .toptxt>h3{font-size: 32px;}
	.robot_info .robotinfo_list li{float: left; width: 100%;}
	.robot_info .robotinfo_list li.robotinfo_item02 {margin: 40px 0 0 0;}
	.robot_info .robotinfo_list li.robotinfo_item03 {margin: 40px 0 0 0;}
	.robot_info .robotinfo_list li.robotinfo_item04 {margin: 40px 0 0 0;}
	.robot_info .toptxt>h3{font-size: 28px;}
	.robot_info .toptxt>h2{font-size: 16px;}
	.robot_info .desc_box p.p2{font-size: 14px;}
	.table_area .freeChargeinner {width:100%;margin:0 auto; text-align: center;padding:20px 0 20px 0;}
	.table_area .freeChargeinner h3 {letter-spacing:0px;font-size:20px;line-height:100%;}
	.robotWrap .toptxt h3{font-size: 28px; line-height: 40px; }
	.robotWrap2 .toptxt h3{font-size: 28px; line-height: 40px; }
	.robotWrap2 .toptxt h2{font-size: 16px; line-height: 25px; }
	.robot_area .toptxt h3{font-size: 28px; line-height: 40px;}
	.robot_info2 .robotinfo_list li{float: left; width: 100%;}
	.robot_info2 .robotinfo_list li.robotinfo_item02 {margin: 40px 0 0 0;}
	.robot_info2 .robotinfo_list li.robotinfo_item03 {margin: 40px 0 0 0;}
	.robot_info2 .robotinfo_list li.robotinfo_item04 {margin: 40px 0 0 0;}
	.robot_info2 .toptxt>h3{font-size: 28px;}
	.robot_info2 .toptxt>h2{font-size: 16px;}
	.robot_info2 .desc_box p.p2{font-size: 14px;}
	.step2_area .toptxt>h2{font-size: 32px;}
	.step2_area .bottomtxt{padding-bottom: 40px;}



}
@media screen and (max-width:500px){
    .mdlTxt>h2{font-size: 20px!important;}
    .ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 28px;}
    .ing_bnr_Wrap>.bnrtxtwrap>p{font-size: 16px;}
    .robot .section{padding: 10px 0;}
	.table_area .toptxt>h3{font-size: 28px;}
	.robot_info .toptxt>h3{font-size: 28px;}
    .table_area .toptxt>h2{font-size: 16px; line-height: 36px;}
    .table_area .toptxt>h2>br{display: block;}
    .table_area .mdltxt>p{font-size: 13px;}
    .table_area .mdltxt>p br{display: none;}
    .table_area .bottomtxt>p{font-size: 12px;}
    .table_area .bottomtxt{padding-bottom: 40px;}
    .recomm_area .toptxt>h3{line-height: 36px; font-size: 28px;}
    .bgc{padding: 40px 0;}
    .tb2 .boxarticle{margin: 20px 0;}
    .robot .recomm_area{ padding-bottom: 80px; padding-top: 60px;}
	.step2_area .toptxt>h2{font-size: 28px; line-height: 36px;}
    .step2_area .toptxt>h2>br{display: block;}
    .step2_area .mdltxt>p{font-size: 13px;}
    .step2_area .mdltxt>p br{display: none;}
    .step2_area .bottomtxt>p{font-size: 12px;}
    .step2_area .bottomtxt{padding-bottom: 40px;}
}
@media screen and (max-width:400px){
    .recomm_area .rightarea>.imgwrap{height: 250px;}
    .tb2 .boxarticle{margin: 15px 0;}
	.table_area .service-features li { position: relative; display: inline-block; margin: 0 0 10px 5px; height: 120px; background: #f2f2f2; color: #222; vertical-align: top;}
	.table_area .service-features li img { position: absolute; top: 20px; right: 0; left: 0; margin: auto; width:30px;}
	.table_area .service-features li span {display: block;margin: 60px 0 0px; font-size: 12px; line-height: 1.2;text-align:center;}
	.table_area .service-features li strong {display: block;font-size: 12px; color:#04a3bb;text-align:center;}

	.robot_info .text_area{width: 100%;margin:0px 0;}
	.table_area .Chargeinner {width:90%;}
	.table_area .Chargeinner2 {width:90%;}



}

/* ========================================
   GEO 제목 계층 개선 - KT AI 서빙로봇
   H2 주요 제목 / H3 보조 설명
   기존 PC 및 모바일 디자인 유지
======================================== */

/* 주요 섹션 제목 공통 */
.robot .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
}

/* 매장 운영 고민 제목 */
.robot .robot_info .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
}

/* 매장 운영 고민 보조 설명 */
.robot .robot_info .toptxt > h3.section-subtitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
}

/* 서빙로봇 4가지 모드 */
.robot .robotWrap .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    color: #000;
}

/* 4가지 모드 제목 강조 */
.robot .robotWrap .toptxt > h2.section-title > span {
    color: #c71526;
    letter-spacing: 0;
}

/* 기존 제목 장식선 색상 유지 */
.robot .robotWrap .toptxt > h2.section-title::after {
    background: #fff;
}

/* 서빙로봇 종류 */
.robot .robot_info2 .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
}

/* 서빙로봇 요금안내 */
.robot .table_area .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
}

/* 서빙로봇 FAQ */
.robot .robot_faq .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
}

/* 서빙로봇 도입절차 */
.robot .robot_step .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
}

/* 기존 붉은색 강조 */
.robot .robot_info2 .toptxt > h2.section-title > span,
.robot .table_area .toptxt > h2.section-title > span,
.robot .robot_faq .toptxt > h2.section-title > span,
.robot .robot_step .toptxt > h2.section-title > span {
    color: #c71526;
}

/* 모바일 650px 이하 */
@media screen and (max-width: 650px) {
    .robot .robot_info .toptxt > h2.section-title,
    .robot .robotWrap .toptxt > h2.section-title,
    .robot .robot_info2 .toptxt > h2.section-title {
        font-size: 28px;
        line-height: 40px;
    }

    .robot .table_area .toptxt > h2.section-title {
        font-size: 32px;
        line-height: 48px;
    }

    .robot .robot_info .toptxt > h3.section-subtitle {
        font-size: 16px;
        line-height: 28px;
    }
}

/* 모바일 500px 이하 */
@media screen and (max-width: 500px) {
    .robot .table_area .toptxt > h2.section-title {
        font-size: 28px;
        line-height: 48px;
    }
}

/* ========================================
   GEO 제목 계층 개선 - KT AI 방역로봇
   기존 서빙로봇 디자인 영향 최소화
======================================== */

/* AI 방역로봇 메인 제목 - 기존 H3 디자인 유지 */
.robot .robotWrap2 .toptxt > h2.robot2-section-title {
    padding-top: 0;
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
    color: #000;
}

/* 모바일 650px 이하 */
@media screen and (max-width: 650px) {
    .robot .robotWrap2 .toptxt > h2.robot2-section-title {
        font-size: 28px;
        line-height: 40px;
    }
}




/* AI 방역로봇 소개 설명 */
.robot .robotWrap2 .toptxt > p.robot2-section-description {
    padding-top: 10px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    text-align: center;
    color: #000;
}

/* 방역로봇 요금안내 제목 */
.robot .table_area .toptxt > h2.robot2-price-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
}

/* 요금안내 붉은색 강조 */
.robot .table_area .toptxt > h2.robot2-price-title > span {
    color: #c71526;
}

/* 모바일 650px 이하 */
@media screen and (max-width: 650px) {
    .robot .robotWrap2 .toptxt > h2.robot2-section-title {
        font-size: 28px;
        line-height: 40px;
    }

    .robot .robotWrap2 .toptxt > p.robot2-section-description {
        font-size: 16px;
        line-height: 25px;
    }

    .robot .table_area .toptxt > h2.robot2-price-title {
        font-size: 32px;
        line-height: 48px;
    }
}

/* 모바일 500px 이하 */
@media screen and (max-width: 500px) {
    .robot .table_area .toptxt > h2.robot2-price-title {
        font-size: 28px;
        line-height: 48px;
    }
}