/* header S */
#header{width: 100%;height: 180px;}
#header > div{width: 25%;height: 100%;float: left;}
#header > div:nth-of-type(2){width: 50%;}
#header > .header_ri > p{font-size: 19px;}
#header > .header_le{padding-top: 27px;}
#header > .header_le > img{width: 260px;}

/* header E */
/* gnb S */
#gnb{width: 100%;height: 80px; background: #293647;}
#gnb > ul{width: 80%;height: 100%;margin: 0 auto;}
#gnb > ul > li{width: 16.666%;height: 100%;float: left;color: #fff;}
#gnb > ul > li > a{display: block;width: 100%;height: 100%;text-align: center;font-size: 20px;line-height: 80px;font-weight: bold;font-family: "DIGICO MEDIUM";}
#gnb > ul > li > a:hover{background: #fff;color: #335c7c;}

#gnb.on{margin-top: -180px;background: #fff;box-shadow: 0px 0px 10px gray;z-index: 100;}
#gnb.on > ul > li{color: #335c7c;}
#gnb.on > ul > li > a.on{border-bottom: 4px solid #335c7c;}
#gnb.on > ul > li > a:hover{border-bottom: 4px solid #335c7c;}
/* gnb E */
/* mo gnb S */
.mo_gnb{position: fixed;top: 10px;right: 10px; z-index: 30;}
.menu-trigger,
.menu-trigger span {display: inline-block;transition: all 0.4s;box-sizing: border-box;}

.menu-trigger {position: relative;width: 30px;height: 20px;}

.menu-trigger span{position: absolute;left: 0;width: 100%;height: 4px;background-color: #fff;border-radius: 4px;}

.menu-trigger span:nth-of-type(1) {top: 0;}

.menu-trigger span:nth-of-type(2) {top: 8px;}

.menu-trigger span:nth-of-type(3) {bottom: 0;}

/* 2th bar 사라지고,  1st 3rd bar 회전하며 X  */

.menu-trigger.active-1 span:nth-of-type(1) {transform: translateY(8px) rotate(-35deg);}

.menu-trigger.active-1 span:nth-of-type(2) {opacity: 0;}

.menu-trigger.active-1 span:nth-of-type(3) {transform: translateY(-8px) rotate(35deg);}

.menu-trigger span.st{background: #293647;}
.menu-trigger span.ss{background: #fff;}


.mo_gnb_menu{width: 100%;background: #999;padding: 50px 0 10px;background: #293647;position: fixed;z-index: 10;display: none;}
.mo_gnb_menu > ul > li > a{display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;font-weight: bold;font-size: 18px;color: #fff;background: #293647;}
.mo_gnb_menu > ul > li > a.on{background: #fff;color: #293647;}
.mo_gnb_menu > ul > li > a:hover{background: #fff;color: #293647;}
/* mo gnb E */

/* visual S */
#visual{width: 100%;height: 510px;background: url(../img/visual/background.png);}
#visual > .visual_web{width: 1240px;margin: 0 auto;height: 100%;}
#visual > .visual_web > div{width: 50%;height: 100%;float: left;}
#visual > .visual_web > .visual_text{text-align: center;padding-top: 150px;padding-left: 40px;font-family: "KTfontBold";}
#visual > .visual_web > .visual_text h3{font-size: 50px;}
#visual > .visual_web > .visual_text p{font-size: 20px;}
#visual > .visual_web > .visual_img{text-align: center;padding-top: 20px;padding-left: 40px;}
/* visual E */

/* content S */
#content{width: 100%;}
#content > div{width: 100%;text-align: center;padding: 30px 0;}
#content .con_head{font-size: 30pt;color: #293647;margin-bottom: 15px;}
#content .con_text{font-size: 15pt;color: #000;font-weight: bold ;}

/* robot info S*/
#content .robot_info{width: 1240px;margin: 0 auto; text-align: center;}

#content .robot_infoS{width: 1240px;margin: 0 auto;}
#content .robot_infoS > .robot_infoS_contents{width: 100%;}
#content .robot_infoS > .robot_infoS_contents br{display: none;}
/* robot info E */

/* robot choise S*/
#content .robot_choise{width: 1240px;margin: 0 auto;}
#content .robot_choise > div{font-size: 18px;margin-top: 20px;}
#content .robot_choise > .choise_mo_img{display: none;}
/* robot choise E*/

/* tovot service S*/
#content .robot_service{width: 1240px;margin: 0 auto;}
#content .robot_service .mobile_img{display: none;margin: 0 auto;}

/* tovot service E*/

/* robot eff S*/
#content .robot_eff{width: 1240px; margin: 0 auto;}
#content .robot_eff > div{font-size: 18px;margin-top: 20px;}
/* robot eff E */

/* robot case S */
#content .robot_case{width: 1240px;margin: 0 auto;}
#content .robot_case > div{word-break: keep-all;font-size: 18px;margin-top: 20px;}
#content .robot_case > .case_mo_img{display: none;}
/* robot case E */

/* robot guide S */
#content .robot_guide{width: 1240px;margin: 0 auto;}
#content .robot_guide table{width: 100%;font-family: "DIGICO MEDIUM";}
#content .robot_guide table .mo_br{display: none;}
/* #content .robot_guide > table, th, td{border: 1px solid black;} */
#content .robot_guide table th{background: #5c7d96;color: #fff;}
#content .robot_guide table th > span{float: right;margin-right: 20px;font-size: 8px;}
#content .robot_guide table td{background: #dfe9f5;color: #000;}
#content .robot_guide table tr:first-child{height: 60px;font-size: 11pt;}
/* #content .robot_guide > .robot_guide_conten{width: 100%;padding: 0 55px;font-size: 0;margin: 0 0;text-align: left;}
#content .robot_guide > .robot_guide_conten > a{display: inline-block;width: 180px;height: 60px;line-height: 60px;background: #335c7c;color: #fff;font-size: 18px;margin-right: 5px;text-align: center;}
#content .robot_guide > .robot_guide_conten > a:nth-of-type(4){margin-right: 0;}
#content .robot_guide > .robot_guide_conten > a.on{transform: translateY(5px);background: #bfd4eb;color: #000;font-weight: bold;}
#content .robot_guide > .robot_guide_conten > div{width: 100%;height: 550px;background: #bfd4eb;margin-top: 5px;} */

#content .robot_guide .mo_table_div{display: none;}
#content .robot_guide .mo_table caption{font-size: 20px;}
#content .robot_guide .mo_table td{font-size: 13px;}
/* robot guide E */

/* robot intro S*/
#content .robot_intro{width: 1240px;margin: 0 auto;}
#content .robot_intro > .mo_intro{display: none; margin-top: 20px;}
#content .robot_intro > .mo_intro > *{display: block;margin: 0 auto;}
#content .robot_intro > .mo_intro > h4{font-size: 20px;margin-top: 10px;}
#content .robot_intro > .mo_intro > p{font-size: 16px;margin-bottom: 10px;}
#content .robot_intro > .mo_intro > .intro_circae{width: 150px;}
#content .robot_intro > .mo_intro > .intro_arrow{margin-bottom: 10px;width: 25px;}
/* robot intro #*/

/* robot FAQ S */
#content .robot_FAQ{width: 1240px;margin: 0 auto;}
#content .robot_FAQ > .robot_FAQ_conten{width: 1000px;margin: 0 auto 15px;text-align: left;}
#content .robot_FAQ > .robot_FAQ_conten:last-child{margin-bottom: 0;}
#content .robot_FAQ > .robot_FAQ_conten > p{width: 100%;}
#content .robot_FAQ > .robot_FAQ_conten > .conten_head{height: 60px;line-height: 60px;background: #335c7c; color: #fff;font-size: 20px;padding: 0 20px; cursor: pointer;}
#content .robot_FAQ > .robot_FAQ_conten > .conten_head > span{float: right;font-size: 24px;}
#content .robot_FAQ > .robot_FAQ_conten > .conten_text{background: #bfd4eb;font-size: 18px;color: #000;padding: 15px 0 15px 20px;display: none;}

#content .robot_FAQ > .robot_FAQ_conten.on > .conten_text{display: block;}
/* robot FAQ E */

/* robot robo S */
#content .robot_robo{width: 1240px;margin: 0 auto;}
#content .robot_robo > div{font-size: 18px;word-break: keep-all;margin-top: 20px;}
/* robot robo E */

/* footer S */
#footer{width: 100%;height: 250px;padding: 40px 0;border-top: 1px solid #293647;}
#footer br{display: none;}
#footer > .footer > p{color: #fff; font-size: 16px;margin-bottom: 8px;}
/* footer E */

/* fixed menu S */
.fixed_manu{position: fixed;right: 50px;bottom: 20px;color: #fff;}
.fixed_manuS{bottom: 80px;}
.fixed_manuT{bottom: 140px;}
.fixed_manuFo{bottom: 200px;}
.fixed_manuFi{bottom: 260px;}
.fixed_manuSi{bottom: 320px;}
.fixed_manu > span{color: #2b3647; display: none;}
.fixed_manu > a{display: inline-block;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #2b3647;border-radius: 50%;font-size: 25px;margin-left: 10px;}
/* fixed menu E */