/* 데스크탑 */
@media screen and (max-width:1499px) {
    #visual > .visual_web{width: 100%;}
    #gnb > ul > li > a{font-size: 18px;}

    #content .robot_info{margin: 0;width: 100%;}
    #content .robot_info img{width: 90%;}

    #content .robot_infoS{margin: 0; width: 100%;}
    #content .robot_infoS img{width: 100%;}

    #content .robot_choise{margin: 0; width: 100%;}

    #content .robot_service{margin: 0;width: 100%;}
    #content .robot_service .pc_img{width: 80%;}

    #content .robot_eff{margin: 0; width: 100%;}
    #content .robot_eff img{width: 80%;}

    #content .robot_case{margin: 0; width: 100%;}
    #content .robot_case img{width: 80%;}

    #content .robot_intro{margin: 0;width: 100%;}

    #content .robot_guide{margin: 0;width: 100%;}
    #content .robot_guide table{width: 90%;margin: 0 auto;}
    /* #content .robot_guide > .robot_guide_conten{padding: 20px 10px;} */
    
    #content .robot_FAQ{margin: 0; width: 100%;}

    #content .robot_robo{margin: 0; width: 100%;}
    #content .robot_robo > div{width: 80%;margin: 20px auto 0;}

    #footer{height: 150px;padding: 0;line-height: 20px;}
    #footer > .footer{padding-top: 10px;}
    #footer > .footer > p{font-size: 14px;margin-bottom: 0;}
}
/* 테블릿 */
@media screen and (max-width:1199px) {
    #content .con_head{font-size: 25pt;margin-bottom: 10px;}
    #content .con_text{font-size: 13pt;}

    #header{height: 130px;padding: 0;}    
    #header .header_le{padding-top: 30px;}
    #header .header_ri > img{width: 220px;}
    
    #header .header_le img{width: 220px;height: 70px;}
    #header .header_cen img{width: 415px;margin-top: 10px;}
    #header > .header_ri > p{font-size: 12pt;}

    #visual > .visual_web > .visual_text h3{font-size: 35px;}
    #visual > .visual_web > .visual_text p{font-size: 15px;}

    #gnb{height: 70px;}    
    #gnb > ul > li > a{font-size: 15px;line-height: 70px;}

    #gnb.on{margin-top: -130px;}

    #visual{height: 400px;}
    #visual > .visual_web > .visual_img{padding: 10px 0 0 0;}
    #visual > .visual_web > .visual_img > img{width: 433px;height: 380px;}

    #content .robot_infoS img{width: 90%;}
    
    #content .robot_choise > div{font-size: 16px;}
    #content .robot_choise > .choise_img{width: 80%;}

    #content .robot_intro > img{width: 90%;}

    #content .robot_eff > div{font-size: 16px;}

    #content .robot_case > div{font-size: 16px;width: 80%;margin: 20px auto 0;}
    

    /* #content .robot_guide > .robot_guide_conten > a{width: 150px;height: 50px;line-height: 50px;font-size: 16px;}
    #content .robot_guide > .robot_guide_conten > div{padding: 20px 10px;height: 440px;}
    #content .robot_guide > .robot_guide_conten > div > img{width: 100%;height: 100%;} */
    #content .robot_guide > table td{font-size: 15px;word-break: keep-all;}
    #content .robot_guide > table .mo_br{display: block;}
    #content .robot_guide > table .mo_td{padding-left: 15px;}

    #content .robot_FAQ > .robot_FAQ_conten{width: 90%;margin-bottom: 10px;}
    #content .robot_FAQ > .robot_FAQ_conten > .conten_head{font-size: 18px;}
    #content .robot_FAQ > .robot_FAQ_conten > .conten_head > span{font-size: 20px;}
    #content .robot_FAQ > .robot_FAQ_conten > .conten_text{font-size: 16px;}

    #content .robot_robo > div{font-size: 16px;margin-top: 10px;}
    #content .robot_robo > img{width: 80%;}

    #footer{height: 140px; padding: 0;font-size: 14px;}
}

/* 모바일 가로, 타블렛 세로 */
@media screen and (max-width:899px) {    
    #header{display: none;}
    #gnb{display: none;}
    .mo_gnb{display: block;}
    #visual{height: 250px;}
    #visual > .visual_web > .visual_text{padding-top: 80px;text-align: right;padding-left: 0;}
    #visual > .visual_web > .visual_text h3{font-size: 20px;}
    #visual > .visual_web > .visual_text p{font-size: 14px;}
    #visual > .visual_web > .visual_img{padding: 30px 0 0 20px;text-align: left;}
    #visual > .visual_web > .visual_img > img{width: 270px;height: 200px;}    

    #content .con_head{font-size: 18pt;}
    #content .con_text{font-size: 10pt;word-break: keep-all;}

    #content .robot_info img{display: none;}
    #content .robot_info .mo_img{display: block;width: 580px;margin: 0 auto 30px;}
    #content .robot_info .mo_img:last-child{margin-bottom: 0;}

    #content .robot_infoS > img{display: none;}
    #content .robot_infoS > .robot_infoS_contents{display: block;}
    #content .robot_infoS > .robot_infoS_contents .infoS_mo{width: 150px;}

    #content .robot_choise .pc_img{width: 80%;}
    #content .robot_choise > div{width: 80%;font-size: 15px;word-break: keep-all;margin: 10px auto 0;line-height: 20px;}
    #content .robot_choise > div > br{display: none;}
    #content .robot_choise > .choise_img{display: none;}
    #content .robot_choise > .choise_mo_img{display: block;margin: 0 auto;width: 85%;}

    #content .robot_eff > div{line-height: 20px;}

    #content .robot_service img{display: none;}
    #content .robot_service .mobile_img{display: block;}

    #content .robot_eff .col_70b{color: #70b9c9;}
    #content .robot_eff .col_3b{color: #3b4759;}
    #content .robot_eff .col_5f{color: #5f7189;}

    #content .robot_case > div{line-height: 20px;}
    #content .robot_case > .case_img{display: none;}
    #content .robot_case > .case_mo_img{display: block;margin: 0 auto;width: 70%;}

    #content .robot_guide > .robot_guide_conten > a{width: 50%;margin: 0;}
    #content .robot_guide > .robot_guide_conten > a.on{transform: translateY(0);}
    #content .robot_guide .guide_table{display: none;}
    #content .robot_guide .mo_table_div{display: block;}
    #content .robot_guide .mo_tableS{margin-top: 20px;}
    
    #content .robot_intro > img{display: none;}
    #content .robot_intro > .mo_intro{display: block;}
    

    #content .robot_FAQ > .robot_FAQ_conten > .conten_head{height: 40px;line-height: 40px; padding: 0 10px;font-size: 15px;}
    #content .robot_FAQ > .robot_FAQ_conten > .conten_head > span{font-size: 18px;}
    #content .robot_FAQ > .robot_FAQ_conten > .conten_text{font-size: 13px;padding: 10px;}

    #content .robot_robo > div{font-size: 14px;line-height: 15px;}

    #footer{height: auto;padding: 10px 0;}
    #footer > .footer{padding: 0;}
    #footer > .footer > p{font-size: 10px;}
}

/* 모바일 세로 */
@media screen and (max-width:599px) {
    #visual > .visual_web > .visual_text{padding-top: 70px;}
    #visual > .visual_web > .visual_text > h3{font-size: 16pt;}
    #visual > .visual_web > .visual_text > p{font-size: 8pt;}
    #visual > .visual_web > .visual_img > img{width: 200px;height: 180px;}

    #content .robot_info .mo_img{width: 450px;margin-top: 30px;}
    #content .robot_info .mo_img:last-child{margin-top: 0;}

    #content .robot_infoS > .robot_infoS_contents br{display: block;}

    #content .robot_service .mobile_img{width: 80%;}

    #content .robot_eff > div{font-size: 14px;word-break: keep-all;}

    #content .robot_guide > .robot_guide_conten > a{font-size: 15px;}
    #content .robot_FAQ > .robot_FAQ_conten > .conten_head{font-size: 13px;}
    #content .robot_FAQ > .robot_FAQ_conten > .conten_head > span{font-size: 17px;}
    #content .robot_FAQ > .robot_FAQ_conten > .conten_text{font-size: 12px;}
    #footer br{display: block;}
}