@charset "utf-8";
/* sub page header */
/* #header {
    position:relative;
} */
/* 공통 */ 
.only_mo {
    display:none !important;
}
.only_mo_scroll {
    display:none !important;
}
#container h2.sub_tit{font-size:38px;color:#cb2727;line-height:166px;text-align:center; border-bottom:1px solid #dedede; font-weight: 400;}
.sub .wrap_800 { width:800px; margin:0 auto; }
.sub .wrap_1200 { width:1200px; margin:0 auto; }
.sub h3{padding:60px 0 40px 0; position:relative; font-size:36px; font-weight:400; letter-spacing:-0.04em; line-height:1; color:#252525; text-align:center; margin-top:60px;}
.sub h3:before {
    content:""; display:block; width:1px; height:40px; background-color:#252525;
    position:absolute; top:0; left:50%;
}
.sub h3 span{padding:0 80px;background:#fff;}
.sub .sub_txt{font-size:15px; line-height:26px; color:#666; font-weight:300;}
.sub h4{
	margin-bottom:25px;
	font-size:36px;
	font-weight:700;
	text-transform:uppercase;
}
.sub h4 span{
	margin-bottom:20px;
	display:block;
	font-size:24px;
}
.sub p{
	font-size:24px; 
	font-weight:100;
	line-height:1.5;
	letter-spacing: -0.04em;
}

/*상단 visual */
.sub_visual{ width:100%; text-align:center; background-size:cover !important;}
.sub_visual .wrap_1200{position:relative; color:#fff; height:280px;}

#container.about .sub_visual{background:url('../img/sub/sub_bg01.jpg')no-repeat center center;}
#container.press .sub_visual{background:url('../img/sub/sub_bg02.jpg')no-repeat center center;}
#container.study_area .sub_visual{background:url('../img/sub/sub_bg03.jpg')no-repeat center center;}
#container.disinfection .sub_visual{background:url('../img/sub/sub_bg05.jpg')no-repeat right center;}
#container.product .sub_visual{background:url('../img/sub/sub_bg04.jpg')no-repeat center 75%;}

.sub_visual h2{ font-size:40px; font-weight:500; letter-spacing:-0.04em; line-height:280px;}
.sub_visual p{margin-top:20px; font-size:20px; font-weight:300;}
#container.study_area .sub_visual h2{ color:#252525;}


/* 서브네비 */
#container.sub{}
.sub_lo{ border-bottom:1px solid #dddddd; position:relative; height:56px;}
.sub_lo .wrap_1200 {
    width:1200px; margin:0 auto;
}
.sub_gnb{
	clear:both; height:56px;
}
.sub_gnb img {
    vertical-align:middle;
    position:relative;
    bottom:3px;
}
.sub_gnb > li:first-child a {
    padding:0 15px;
}
.sub_gnb > li{
	position:relative;
	float:left;
    line-height:56px;
}
.sub_gnb > li.navi_select{
	position:relative;
}
.sub_gnb > li.navi_select:before{
    content:""; display:inline-block; 
    width:1px; height:20px; background-color:#eeeeee;
    position:absolute; top:50%; left:0; margin-top:-10px;
}
.sub_gnb > li.navi_select a {
    width:190px;
}
.sub_gnb > li.media_depth > a:after {display:none !important;}
.sub_gnb li a{
	display:inline-block;
	font-size:16px;
    font-weight:400;
    letter-spacing:-0.04em;
	color:#242424;
	text-align:left;
    padding:0 0 0 20px;
    position:relative;
}
.sub_gnb li.navi_select > a:after {
    content:""; display:inline-block; width:10px; height:7px;
    background:url('../img/ico/ico_sub_nav.png') center no-repeat;
    position:absolute; right:14px; top:50%; margin-top:-3.5px;
    transition:transform .3s ease;
}
.sub_gnb li.navi_select.active > a:after {
    transform:rotate(180deg);
}

.sub_menu{
	display:none;
	position:absolute;
	top:57px;
	width:100%;
    border-bottom:1px solid #eee;
    border-right:2px solid #eee;
    z-index: 10;
}
.sub_menu.on {display:block;}
.sub_menu:after {
    content:""; display:block; clear:both;
}
.sub_menu li{border:1px solid #eee; border-top:0; line-height:56px;}
.sub_menu li a{display:block; background:#fff;}

/* about > company 회사소개 */
.line {
    width:100%; height:1px; background-color:#eeeeee;
    margin:120px 0;
}
.company p {
    letter-spacing:-0.04em;
}
.company .text_box strong {
    font-size:28px; line-height:1.357;
    font-weight:700; color:#252525;
    letter-spacing:-0.04em;
}
.company .text_box p {
    font-size:16px; line-height:1.563;
    font-weight:400;
    color:#757575;
}
.company .text_box p:nth-child(1) {
    margin-bottom:30px;
}
.company .company_intro .c_top_cont {
    margin-top:80px;
}
.company .c_top_cont .text_box {
    display:table; margin:0 auto;
}
.company .company_intro .c_top_img {
    width:100%; height:340px;
    background:url('../img/sub/about_company_top.jpg') center no-repeat;
    text-align:center;
}
.company .company_intro .c_top_img p {
    font-size:45px; line-height:340px;
    color:#fff;
    font-weight:400;
}
.company .company_intro .goal {
    width:980px; margin:0 auto;
    margin-top:80px;
}
.company .company_intro .goal ul {
    width:100%; text-align:center;
}
.company .company_intro .goal ul li {
    float:left;
    width:200px; margin-right:60px;
    position:relative;
}
.company .company_intro .goal ul li:last-child {
    margin-right:0;
}
.company .company_intro .goal ul li:last-child:after {
    display:none;
}
.company .company_intro .goal ul li:after {
    font-family: 'Noto Sans Korean','sans-serif';
    font-size:24px;
    content:"+"; display:inline-block;
    position:absolute; top:50%; margin-top:-37px; right:-36px;
}
.company .company_intro .goal p {
    font-size:24px; color:#252525;
    font-weight:400; padding-top:13px;
}
.company .c_middle_cont .text_box {
    display:table; margin:0 auto;
}
.company .c_middle_cont .text_box p {
    color:#454545;
}
.company .c_middle_cont .m_list {
    padding:0 10px;
}
.company .c_middle_cont .m_list ul li {
    float:left;
    width:calc(100%/3 - 42px);
    margin:0 20px;
}
.company .c_middle_cont .m_list ul li > div {
    width:100%; height:230px;
    margin-top:60px; margin-bottom:20px;
}
.company .c_middle_cont .m_list ul li .m_customer {
    background:url('../img/sub/company_customer.jpg') center no-repeat;
    background-size:cover;
}
.company .c_middle_cont .m_list ul li .m_partners {
    background:url('../img/sub/company_partner.jpg') center no-repeat;
    background-size:cover;
}
.company .c_middle_cont .m_list ul li .m_exes {
    background:url('../img/sub/company_exes.jpg') right center no-repeat;
    background-size:cover;
}
.company .c_middle_cont .m_list p {
    font-size:16px; color:#454545; line-height:1.5;
    font-weight:400; padding-top:3px;
}
.company .c_middle_cont .m_list strong {
    font-size:20px; color:#252525;
    font-weight:400;
}
.company .c_bottom_cont {
    margin-bottom:120px;
}
.company .c_bottom_cont > div {
    float:left;
}
.company .c_bottom_cont:after {
    content:""; display:block; clear:both;
}
.company .c_bottom_cont .c_bottom_img {
    width:610px; height:810px;
    position:relative; right:47px;
}
.company .c_bottom_cont .text_box {
    float:right;
    margin-left:0;
    margin-top:120px;
}
.eng .company .c_bottom_cont .text_box {
    width:calc(100% - 610px);
}
.company .c_bottom_cont .text_box p {
    font-size:16px; line-height:1.563; font-weight:400;
    color:#454545; margin-bottom:70px;
}
.company .c_bottom_cont .text_box strong {
    font-size:28px; line-height:1.357; font-weight:500;
    color:#252525; 
}

/* about > history 연혁 */
.history .history_list .inner {
    width:840px; margin: 0 auto;
}
.history .history_list .inner p {
    padding-top:10px;
    font-size:43px; letter-spacing:-0.04em;
    line-height:1.288; font-weight:700; color:#252525;
}
.history .history_list .inner p strong {
    font-weight:700;
}
.history .history_list .inner > ul {
    padding-top:120px; display:table;
    margin:0 auto;
}
.history .history_list .inner > ul > li {
    padding-left:33px; position:relative;
    display:block;
}
.history .history_list .inner > ul > li.h_2018 
.history .history_list .inner > ul > li > span::before {
    width:8px; height:8px; border-radius:100%;
    background-color:#252525; content:""; display:inline-block;
    position:absolute; top:50%; margin-top:-4px;
    margin-left:-33px;

}
.history .history_list .inner > ul > li > span{
    font-size:28px; font-weight:700; color:#252525;
    display:inline-block; letter-spacing:-0.04em;
    position:relative; vertical-align:top;
}
.history .history_list .inner > ul > li > ul {
    display:inline-block; margin-left:18px;
}
.history .history_list .inner > ul > li > ul li {
    color:#757575; font-size:18px; letter-spacing:-0.04em;
    line-height:1.555; font-size:400;
}
.history .history_list .inner > ul > li > ul li span {
    display:inline-block; padding-left:10px;
}
.history .history_list .inner .history_img {
    margin-top:24px; margin-bottom:110px;
}

/* about > prize */
.prize .prize_list {
    width:calc(100% - 198px); margin-top:10px;
    padding:0 99px;
}
.prize .prize_list ul li img {
    width:100%;
}
.prize .prize_list:after {
    content:""; display:block; clear:both;
}
.prize .prize_list ul li {
    display:inline-block;
    width:calc(100%/4 - 13.5px);
    text-align:center;
    margin-right:14px;
    margin-bottom:27px;
}
.prize .prize_list ul li:nth-child(4n+0) {
    margin-right:0;
}
.prize .prize_list ul li span {
    width:100%; height:auto;
    display:inline-block;
    box-sizing:border-box;
    border:1px solid #dddddd;
}
.prize .prize_list p {
    font-size:16px; letter-spacing:-0.04em;
    color:#252525; font-weight:400;
    padding-top:6px;
}
.prize .paging {
    display:table;
    margin:28px auto;
    margin-bottom:100px;
}
.prize .paging strong {
    font-weight:400;
}
.prize .paging ul {
    display:table;
    clear:both;
    
}
.prize .paging ul li {
    display:inline-block; float:left;
    text-align:center; margin:0 10px;
}
.prize .paging ul li a {
    display:inline-block;
    width:30px; height:30px; line-height:30px;
    border:1px solid #ddd;
    font-size:15px; letter-spacing:-0.04em;
    color:#454545;
}
.prize .paging ul li.on a {
    background:#d21f1e; border:1px solid #d21f1e;
    color:#fff;
}
.prize .paging ul li.double a {
    background:url('../img/ico/ico_paging_double.png') center no-repeat;
}
.prize .paging ul li.one a {
    background:url('../img/ico/ico_paging.png') center no-repeat;
}
.prize .paging ul li.next a {
    transform:rotate(180deg);
}
.prize .paging ul li.last_page a {
    transform:rotate(180deg)
}

/* about > question 문의하기 */
.inquiry_list{margin:0px 0 100px;}
.table_box strong {
    font-weight:400 !important;
}
.inquiry_list .privacy_box strong.title {
    font-size:20px; letter-spacing:-0.04em; font-weight:500;
}
.inquiry_list .privacy_box .cont_box {
    width:100%; border:1px solid #dbdbdb;
    padding:20px 18px; box-sizing: border-box;
    margin:20px 0 10px;
}
.inquiry_list .privacy_box .cont_box p {
    font-size:15px; letter-spacing:-0.04em; line-height: 1.6;
    color:#999999; font-weight:400;
}
.inquiry_list .privacy_box input {
    width:0; height:0;
}
.inquiry_list .privacy_box label {
    padding-left:30px;
    background:url('../img/ico/ico_agree.png') left center no-repeat;
}
.inquiry_list .privacy_box .label_txt {
    font-size:16px; letter-spacing:-0.04em;
    color:#999999; font-weight:400;
}
.inquiry_list .table_box {
    margin-top:38px;
}
.inquiry_list .table_box .title {
    font-size:20px; letter-spacing:-0.04em; color:#252525;
    font-weight:500;
}
.inquiry_list .table_box .title span {
    font-size:16px; letter-spacing:-0.04em; color:#999999;
    font-weight:400; margin-left:10px; display:inline-block;
}

.inquiry_list .table_box table{margin-top:10px; border-top:1px solid #454545; width:100%; table-layout:fixed;}
.inquiry_list .table_box table colgroup col.tit{width:130px;}
.eng .inquiry_list .table_box table colgroup col.tit { width:200px; }
.inquiry_list .table_box table thead tr{border-bottom:1px solid #eeeeee;}
.inquiry_list .table_box table thead tr th{
    font-size:17px; color:#252525; padding-left:20px; text-align:left; font-weight:400; line-height:67px; word-wrap:break-word; word-break:keep-all; letter-spacing: -0.04em;
}
.inquiry_list .table_box table thead tr td{padding:10px 0px;}
.inquiry_list .table_box table thead tr td input{
    width:280px; height:46px; line-height:40px; border:1px solid #dbdbdb; padding-left:10px; font-size:14px; border-radius:0;
}
.inquiry_list .table_box table thead tr td input.tel,
.inquiry_list .table_box table thead tr td input#title{
    width:480px;
}
.inquiry_list .table_box table thead tr td select{
    width:280px; height:46px; line-height:40px; border:1px solid #dbdbdb; padding-left:10px; font-size:14px;
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border-radius:0;
    background: url('../img/ico/ico_select.png') no-repeat 95% 50%;  /* 화살표 모양의 이미지 */
}
.inquiry_list .table_box table thead tr td select.email{
    margin-left:7px;
}
.inquiry_list .table_box table thead tr td textarea {
    width:632px; height:220px; outline: none; resize: none;
    border:1px solid #dbdbdb;
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border-radius:0;
}
.eng .inquiry_list .table_box table thead tr td textarea {
    width:580px;
}
.inquiry_list .table_box table thead tr.cont th {
    vertical-align: top;
}
.inquiry_list .table_box table thead tr td .email {
    width:200px;
}
.eng .inquiry_list .table_box table thead tr td .email {
    width:180px;
}
.inquiry_list .table_box table thead tr td .and {
    padding:0 6px;
}
.inquiry_list .btn_box {
    width:100%; margin:0 auto; text-align:center;
    margin-top:30px;
}
.inquiry_list .btn_box button{
    background-color:#d21f1e; width:130px; height:42px;
    border-radius:21px;
    color:#ffffff;
    font-size:18px;
    font-weight:500; letter-spacing:-0.04em;
    -webkit-box-shadow: 0px 16px 27px 0px rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0px 16px 27px 0px rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 0px 16px 27px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 16px 27px 0px rgba(0, 0, 0, 0.24);
}
.inquiry_list .privacy_box input:checked + label {
    background:url(../img/ico/ico_agree_check.png) left center no-repeat;
}

/* technology 공통 */
.technology .top_cont {
    margin-top:80px; text-align:center;
}
.technology .disinfection .top_img p {
    font-size:45px; line-height:340px;
    color:#fff;
    font-weight:400;
}
.technology .text_box p:nth-child(1) {
    margin-bottom:17px;
}
.technology .top_cont .text_box {
    text-align:center;
    margin-bottom:60px;
}

/* technology > study */
.technology .study .top_img p {
    font-size:45px; line-height:340px;
    color:#fff;
    font-weight:400;
}
.study_area .study p {
    font-size: 16px;
    line-height: 1.563;
    font-weight: 400;
    color: #757575;
}
.study_area .study p.text_cont {
    display:table; margin:0 auto;
    text-align:left;
}
.study_area .text_box strong {
    font-size: 28px;
    line-height: 1.357;
    font-weight: 700;
    color: #252525; 
    letter-spacing:-0.04em;
}
.study_area .top_img {
    width:100%; height:340px;
    background:url('../img/sub/tec_study_top.jpg') center no-repeat;
    text-align:center;
}
.study_area .study .goal {
    text-align:center;
}
.study_area .study .goal ul {
    display:inline-block;
}
.study_area .study .goal ul li {
    float:left; margin-right:50px;
}
.study_area .study .goal ul li:last-child {
    margin-right:0;
}
.study_area .study .goal p {
    color:#252525; font-size:18px;
    letter-spacing: -0.04em; font-weight: 400;
    padding-top:7px;
}
.study_area .study_list {
    padding:0 10px;
    margin-bottom:180px;
}
.study_area .study_list .study_list_wrap {
    margin-top:48px;
}
.study_area .study_list > p {
    text-align:center;
}
.study_area .study_list > p strong {
    font-size:28px; color:#252525;
    letter-spacing:-0.04em; font-weight:700;
}
.study_area .study_list li {
    background:#fafafa; margin:20px 0;
    padding:17px 20px 23px 20px; height:320px;
    display:table; table-layout:fixed;
}
.study_area .study_list span {
    display:table-cell; width:35.087%; vertical-align:middle;
}
.study_area .study_list li p {
    font-size:18px; letter-spacing:-0.04em; font-weight:400;
    line-height:1.777; color:#454545;
}
.study_area .study_list li strong {
    font-size:26px; font-weight:500; letter-spacing:-0.04em;
    color:#252525; display:inline-block; padding-bottom:20px;
    position:relative; padding-left:17px;
}
.study_area .study_list li strong:before {
    content: "";
    display: inline-block;
    background: #d21f1e;
    width: 6px;
    height: 22px;
    position: absolute;
    top: 13px;
    left: 0;
}

.study_area .study_list .text {
    display:table-cell; padding:0 60px;
    vertical-align:middle; 
}
.study_area .study_list .align_right .text {
    padding-left:40px; padding-right:100px;
}

/* // technology > disinfection // */
.disinfection .top_img {
    width:100%; height:340px;
    background:url('../img/sub/tec_disinfection_top.jpg') center no-repeat;
    text-align:center;
}
.technology .dif_data .top_img p {
    font-size:45px; line-height:340px;
    color:#fff; letter-spacing:-0.04em;
    font-weight:400;
}
.disinfection .dif_data p {
    font-size: 16px;
    line-height: 1.563;
    font-weight: 400;
    color: #757575;
}
.disinfection .dif_data p strong {
    font-size: 28px;
    line-height: 1.357;
    font-weight: 700;
    color: #252525; 
    letter-spacing:-0.04em;
}
.disinfection .dif_data .goal_top strong {
    display:block; padding:66px 0 56px 0;
}
.disinfection .dif_data .goal_top .btm {
    color:#252525; font-size:24px; font-weight:700;
    letter-spacing: -0.04em; padding:65px 0;
}
.disinfection .dif_data .text_box span {
    color:#e80000; font-size:18px; font-weight:500;
    line-height:1.388; letter-spacing:-0.04em;
}
.technology .dif_data .top_cont .text_box {
    margin-bottom:47px;
}
.disinfection .dif_data .d_top_pf {
    display:inline-block;
}
.disinfection .result_table {
    margin-top:52px;
}
.disinfection .result_table p:before{
    content: "";
    display: inline-block;
    background: #d21f1e;
    width: 6px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
}
.disinfection .result_table p {
    color:#252525; font-size:20px; font-weight:500;
    letter-spacing:-0.04em; position: relative;
    padding-left:20px;
}
.disinfection .result_table table {
    width:100%;
    font-size:16px; letter-spacing:-0.04em; font-weight:400;
    color:#252525; text-align:center;
    border-top:2px solid #252525; margin-top:17px;
}
.disinfection .result_table tr {
    height:50px;
}
.disinfection .result_table th {
    background-color:#fbfbfb;
    border-bottom:1px solid #eee;
    font-weight:500;
}
.disinfection .result_table td {
    color:#454545;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
}
.disinfection .result_table tr td:last-child {
    color:#e80000; color:18px; font-weight:500;
    border-right:none;
}
.disinfection .result_table span {
    display:inline-block;
    color:#757575; font-size:16px; letter-spacing:-0.04em;
    font-weight:400; margin-top:23px;
}
.disinfection .result_explan .result_img_list {
    text-align:center;
}
.disinfection .result_explan {
    margin-top:75px; margin-bottom:180px;
}
.disinfection .result_explan li {
    background:#fafafa; margin:40px 0;
    padding:17px 20px 23px 20px; height:320px;
    display:table; table-layout:fixed;
}
.disinfection .result_explan li span img {
    width:100%;
}
.disinfection .result_explan span {
    display:table-cell; width:35.087%; vertical-align:middle;
}
.disinfection .result_explan li p {
    font-size:18px; letter-spacing:-0.04em; font-weight:400;
    line-height:1.777; color:#454545;
}
.disinfection .result_explan li strong {
    font-size:26px; font-weight:500; letter-spacing:-0.04em;
    color:#252525; display:inline-block; padding-bottom:20px;
    position:relative; padding-left:17px;
}
.disinfection .result_explan li strong:before {
    content: "";
    display: inline-block;
    background: #d21f1e;
    width: 6px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -21px;
}

.disinfection .result_explan .text {
    display:table-cell; padding:0 60px;
    vertical-align:middle; 
}
.disinfection .result_explan .align_right .text {
    padding-left:40px; padding-right:100px;
}
.disinfection .goal_top {
    text-align:center;
}
.disinfection .goal_top ul {
    display:inline-block;
}
.disinfection .goal_top ul li {
    float:left; margin-right:20px;
}
.disinfection .goal_top ul li:last-child {
    margin-right:0;
}
.disinfection .goal_top p {
    color:#252525; font-size:18px;
    letter-spacing: -0.04em; font-weight: 400;
    padding-top:7px;
}
.disinfection .goal {
    margin-top:45px; text-align:center;
}
.disinfection .goal ul {
    display:inline-block;
}
.disinfection .goal ul li {
    float:left; text-align:center;
    margin-right:40px;
}
.disinfection .goal ul li:last-child {
    margin-right:0;
}
.disinfection .goal p {
    color:#757575; font-size:16px; letter-spacing:-0.04em;
    font-weight:400; line-height:1.375; text-align:left;
}
.disinfection .goal p strong {
    font-size:18px; letter-spacing: -0.04em; color:#252525;
    font-weight:400;
}
.disinfection .goal p:nth-of-type(1) {
    text-align:center; padding-top:20px; padding-bottom:5px;
}
.disinfection .result_report {
    margin-bottom:117px; margin-top:75px;
    text-align:center;
}
.disinfection .result_report ul {
    display:inline-block;
}
.disinfection .result_report ul li {
    float:left; text-align:center; margin-right:20px;
    width: calc(33.33% - 15px);
}
.disinfection .result_report ul li:last-child {
    margin-right:0;
}
.disinfection .result_report ul li p {
    color:#252525; font-size:18px; letter-spacing:-0.04em; font-weight:400;
    padding-top:8px;
}

/* /// Product & Service /// */
.robot .robot_list_btn {
    width:100%; height:500px;
    background:url('../img/sub/prd_robot_top.jpg');
    text-align:center; display:table;
    margin-bottom:200px;
}
.robot .robot_list_btn ul {
    padding:0 30px; display:table-cell;
    vertical-align:middle;
}
.robot .robot_list_btn ul li {
    float:left; background:transparent;
    margin:0 10px; width:calc(100%/5 - 20px); height:208px;
    border:3px solid #fff; box-sizing: border-box; text-align:center;
    transition:.3s;
}
.robot .robot_list_btn ul li:hover {
    background:#fff;
}
.robot .robot_list_btn ul li:hover a,
.robot .robot_list_btn ul li:hover a p {
    color:#252525;
}
.robot .robot_list_btn ul li .text {
    position:relative; display:table-cell; vertical-align:middle;
}
.robot .robot_list_btn ul li a {
    display:table; table-layout: fixed; color:#ffffff; width:100%; height:100%;
    position:relative; overflow:hidden; transition:.3s;
}
.robot .robot_list_btn ul li a p {
    font-size:20px; letter-spacing:-0.04em; font-weight:500;
}
.robot .robot_list_btn ul li a strong {
    font-size:42px; font-weight:700; letter-spacing:-0.04em;
}
.robot .robot_list .robot_name {
    background:#e7e6e6; width:100%; height:auto;
    margin-bottom:40px;
}
.robot .robot_list .robot_name .info {
    padding:30px 60px 0 50px; position:relative;
}
.robot .robot_list .robot_name .info h4 {
    -webkit-text-shadow: 0px 2px 4.7px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0px 2px 4.7px rgba(0, 0, 0, 0.8);
    text-shadow: 0px 2px 4.7px rgba(0, 0, 0, 0.8);
    color:#fff; font-size:64px; font-weight:700; letter-spacing:-0.04em;
    display:inline-block;
}
.robot .robot_list .robot_name .info span {
    -webkit-text-shadow: 0px 2px 1.88px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0px 2px 1.88px rgba(0, 0, 0, 0.8);
    text-shadow: 0px 2px 1.88px rgba(0, 0, 0, 0.8);
    color:#fff; font-size:20px; letter-spacing:-0.04em; font-weight:500;
    border:1px solid #ffffff; display:inline-block;
    padding:10px 20px; position:relative; bottom:10px; margin-left:15px;
}
.robot .robot_list .robot_name .info a {
    background:#454545 url('../img/ico/ico_arrow_right.png') 125px center no-repeat; color:#fff; display:inline-block;
    font-size:18px; font-weight:500; letter-spacing:-0.04em;
    border-radius:21px; position:absolute; top:50px; right:60px;
    padding:14px 54px 14px 26px;
}
.robot .robot_list .cont {
    display:none;
}
.robot .robot_list .cont.current {
    display:block;
}
.robot .robot_list .cont .pic {
    display:table; table-layout:fixed; margin:0 auto;
    width:100%; height:70%;
}
.robot .robot_list .cont .pic li {
    display:table-cell; vertical-align:bottom;
    padding:30px; width:100%; text-align:center;
    box-sizing: border-box;
    
}
.robot .robot_list .cont .pic li img {
    width:auto;
}
.robot .robot_list .cont.cm2 .pic li { vertical-align: middle; }
.robot .robot_list .use_icon ul {
    padding:0 60px; margin-bottom:160px;
}
.robot .robot_list .use_icon li {
    font-size:18px; font-weight:400; color:#252525; letter-spacing:-0.04em;
    padding-top:154px; display:inline-block;
    margin:0 20px; margin-bottom:40px;
    width:calc(100%/6 - 40px); float:left; text-align:center;
}
.robot .robot_list .use_icon li.airport {
    background:url('../img/ico/ico_airport.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.logis {
    background:url('../img/ico/ico_logis.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.industry {
    background:url('../img/ico/ico_industry.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.education {
    background:url('../img/ico/ico_education.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.medical {
    background:url('../img/ico/ico_medical.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.finance {
    background:url('../img/ico/ico_finance.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.traffic {
    background:url('../img/ico/ico_traffic.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.research {
    background:url('../img/ico/ico_research.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.public {
    background:url('../img/ico/ico_public.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.business {
    background:url('../img/ico/ico_business.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.shopping {
    background:url('../img/ico/ico_shopping.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.etc {
    background:url('../img/ico/ico_etc.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.stay {
    background:url('../img/ico/ico_stay.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.eat {
    background:url('../img/ico/ico_eat.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.culture {
    background:url('../img/ico/ico_culture.png') center top no-repeat;
    background-size:auto;
}
.robot .robot_list .use_icon li.house {
    background:url('../img/ico/ico_house.png') center top no-repeat;
    background-size:auto;
}


/* /// product > service /// */

.service .top_img {
    width: 100%;
    height: 340px;
    background: url(../img/sub/prd_service_top.jpg) center no-repeat;
    text-align: center;
}
.service .top_img p {
    font-size: 45px;
    line-height: 340px;
    color: #fff;
    font-weight: 400;
}
.service .service_intro .text_box {
    text-align:center;
}
.service .service_intro .text_box strong {
    font-size: 28px;
    line-height: 1.357;
    font-weight: 700;
    color: #252525;
    letter-spacing: -0.04em;
}
.service .service_intro .service_cont {
    margin-top: 80px;
}
.service .service_list {
    width:810px; margin:0 auto;
}
.service .service_list .word {
    width:100%; position:relative; margin-top:55px;
}
.service .service_list .word:before {
    content:""; display:block; position:absolute; width:100%; height:1px;
    background:#dbdbdb; top:50%; margin-top:-0.5px; left:0; z-index:-1;
}
.service .service_list .word li {
    width:110px; height:110px;
    border-radius:100%; background:#f3f3f3;
    box-sizing:border-box; text-align:center;
    vertical-align:middle; float:left; margin-right:30px;
}
.service .service_list .word li:last-child {
    margin-right:0;
}
.service .service_list .word li:nth-child(2n+0) {
    background:#7c7c7c;
}
.service .service_list .word li:nth-child(2n+0) p {
    color:#fff;
}
.service .service_list .word li:nth-child(2n+0) p strong {
    color:#fff;
}
.service .service_list .word li p {
    font-size:16px; letter-spacing: -0.04em; color:#757575;
    font-weight:400; position:relative; top:35px;
}
.service .service_list .word li p strong {
    font-weight:700; color:#252525; display:block;
}
.service .service_list .result {
    background:url('../img/sub/prd_service_line.png') center top no-repeat;
    text-align:center; padding-top:98px;
    margin-top:20px; margin-bottom:55px;
}
.service .service_list .result p {
    font-size:28px; font-weight:700;
    color:#252525; letter-spacing:-0.04em;
}
.service .service_list .result p span {
    display:block; padding-top:4px;
    font-size:18px; font-weight:700;
    color:#252525; letter-spacing:-0.04em;
}
.service .service_list .list li {
    background:#f3f3f3; width:100%; height:117px;
    border-radius:58.5px; margin-bottom:20px;
}
.service .service_list .list li p {
    color:#252525; font-size:20px; font-weight:700; letter-spacing:-0.04em;
    line-height:117px; margin-left:44px;
}
.service .service_list .list li p span {
    color:#757575; padding-left:17px;
    font-size:16px; letter-spacing:-0.04em; font-weight:400;
}
.service .service_list_info {
    font-size:0;
}
.service .service_list_info li {
    display:inline-block;
    width:calc(100%/3 - 20px);
    margin-right:30px;
    vertical-align:top;
}
.service .service_list_info li:last-child {
    margin-right:0;
}
.service .service_list_info div {
    width:100%; height:280px;
}
.service .service_list_info li p {
    font-size:18px; font-weight:400;
    color:#757575; letter-spacing: -0.04em;
    line-height:1.444;
}
.service .service_list_info li p strong:before {
    content:""; display:inline-block; background:#d21f1e;
    width:6px; height:22px;
    position:absolute; top:50%; left:0;
    margin-top:-11px;
}
.service .service_list_info li p strong {
    color:#252525; font-size:22px; font-weight:500;
    letter-spacing: -0.04em; display:block; position:relative;
    padding:10px 0 10px 17px;
}
.service .service_list_info .service_01 {
    background:url('../img/sub/prd_service_info01.jpg') center no-repeat;
}
.service .service_list_info .service_02 {
    background:url('../img/sub/prd_service_info02.jpg') center no-repeat;
}
.service .service_list_info .service_03 {
    background:url('../img/sub/prd_service_info03.jpg') center no-repeat;
}
.service .wrap_1660 {
    width:1660px; margin:0 auto;
    margin-bottom:110px;
}
.service .wrap_1660 .text_box {
    text-align:center; padding:88px 0 42px;
}
.service .wrap_1660 .text_box p strong {
    color:#252525; font-size:28px; font-weight:700;
    letter-spacing: -0.04em;
}
.service .use_img ul {
    font-size:0;
}
.service .use_img li {
    display:inline-block;
    margin: 5px;
    width: calc(20% - 10px);
}

/*/// media > press ///*/
.press .press_list {
    width:100%; margin-top:10px;
}
.press .press_list:after {
    content:""; display:block; clear:both;
}
.press .press_list .col_box {
    position:relative;
    width:calc(100%/4 - 24px); height:220px;
    border:1px solid #dddddd;
    float:left; box-sizing:border-box;
    margin:0 32px 32px 0;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
}
.press .press_list .col_box a {
    display:inline-block; position:relative;
    padding:23px 20px; box-sizing:border-box;
    height:100%; width:100%;
}
.press .press_list .col_box:hover::after {
    content:""; display:block; position:absolute; top:-1px; left:-1px;
    width:calc(100% + 2px); height:2px; background-color:#d21f1e;
}
.press .press_list .col_box:nth-child(4n+0) {
    margin-right:0;
}
.press .press_list .info {
    position:absolute; bottom:22px;
}
.press .press_list .tit,
.press .press_list .info p,
.press .press_list .info p span {
    font-size:16px;
    font-weight:500;
    color:#252525;
    letter-spacing:-0.04em;
    line-height:1.625;
}
.press .press_list .tit {
    font-weight:500;
}
.press .press_list .col_box .info p {
    font-weight:400;
}
.press .press_list .col_box .info span {
    display:inline-block;
    font-weight:400; color:#797979;
    letter-spacing:normal;
}
.press .paging {
    display:table;
    margin:28px auto;
    margin-bottom:100px;
}
.press .paging strong {
    font-weight:400;
}
.press .paging ul {
    display:table;
    clear:both;
    
}
.press .paging ul li {
    display:inline-block; float:left;
    text-align:center; margin:0 10px;
}
.press .paging ul li a {
    display:inline-block;
    width:30px; height:30px; line-height:30px;
    border:1px solid #ddd;
    font-size:15px; letter-spacing:-0.04em;
    color:#454545;
}
.press .paging ul li.on a {
    background:#d21f1e; border:1px solid #d21f1e;
    color:#fff;
}
.press .paging ul li.double a {
    background:url('../img/ico/ico_paging_double.png') center no-repeat;
}
.press .paging ul li.one a {
    background:url('../img/ico/ico_paging.png') center no-repeat;
}
.press .paging ul li.next a {
    transform:rotate(180deg);
}
.press .paging ul li.last_page a {
    transform:rotate(180deg)
}


/* // media > press_view // */
.view_wrap .qna_view {
    border-top:2px solid #252525;
    border-bottom:1px solid #dbdbdb;
    margin-top:9px;
    width:100%;
}
.view_wrap .qna_view .right {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    line-height: 50px;
    height: 50px;
    text-align: left;
    padding-left: 20px;
}
.view_wrap .qna_view .right .date {
    display:inline-block;
    color:#797979;
}
.view_wrap .qna_view thead tr:first-child {
    background-color:#fff;
}
.view_wrap .qna_view thead tr:first-child th {
    height: 70px;
    font-size: 20px;
    color: #252525;
    vertical-align: middle;
    font-weight: 500;
    letter-spacing: -0.04em;;
}
.view_wrap .qna_view thead tr {
    border-bottom: 1px solid #dbdbdb;
}
.view_wrap .qna_view tbody td.contents p {
    font-size: 16px;
    font-weight: 400;
    color: #757575;
    text-align: left;
    vertical-align: middle;
    line-height:1.625;
}
.view_wrap .qna_view tbody tr td.contents {
    padding: 20px;
    padding-bottom: 75px;
}
.view_wrap .contents .p_img {
    margin:20px 0 30px 0;
}
.view_wrap .view_btn {
    width:100%; margin:0 auto; text-align:center;
    margin:40px 0 120px;
}
.view_wrap .list_go {
    display:inline-block; text-align:center;
    width:260px; height:54px; line-height:54px;
    border:1px solid #aaaaaa;
    color:#454545; font-size:16px; letter-spacing:-0.04em; font-weight:500;
}


/* terms - agreement */
.policy .policy_text {
    margin-bottom:70px;
}
.policy .policy_text strong {
    font-size: 20px;
    line-height: 1.357;
    font-weight: 500;
    color: #252525;
}
.policy .policy_text p {
    font-size: 16px;
    line-height: 1.563;
    font-weight: 400;
    color: #454545;
}
.policy .policy_text p.ttl {
    font-size: 18px;
    line-height: 1.563;
    font-weight: 500;
    color: #454545;
}

/* language english */

.eng .robot .robot_list .use_icon li {
    line-height:1.5;
}


@media screen and (max-width : 1660px) {
    .service .wrap_1660 {
        width:100%;
    }
}
@media screen and (max-width : 1200px) {
    .sub .wrap_1200 {
        width:100%;
    }
    .sub .wrap_1200.cont {
        width:calc(100% - 20px);
        padding:0 10px;
    }
    .press .press_list .col_box {
        width:calc(100%/3 - 22.1px);
    }
    .press .press_list .col_box:nth-child(4n+0) {
        margin-right:32px;
    }
    .press .press_list .col_box:nth-child(3n+0) {
        margin-right:0;
    }
    .prize .prize_list ul li {
        display:inline-block;
        float:none;
        width:calc(100%/3 - 14px);
    }
    .prize .prize_list ul li span {
        width:auto; height:auto;
    }
    .prize .prize_list ul li:nth-child(4n+0) {
        margin-right:14px;
    }
    .prize .prize_list ul li:nth-child(3n+0) {
        margin-right:0;
    }
    .company .c_bottom_cont {
        display:flex; align-items:center;
    }
    .company .c_bottom_cont .c_bottom_img {
        width:50.833%; height:auto; right:0;
    }
    .company .c_bottom_cont .text_box {
        width: calc(100% - 50.833% - 40px);
        margin: auto 20px;
        align-items:center;
    }
    .eng .company .c_bottom_cont .text_box {
        width: calc(100% - 50.833% - 40px);
    }
    .company .c_bottom_cont .text_box p {
        margin-bottom:40px;
    }
    .study_area .study_list li {
        height:auto;
    }
    .study_area .study_list li p {
        font-size:16px;
    }
    .study_area .study_list li strong {
        font-size:20px; padding-bottom:15px;
    }
    .study_area .study_list li strong:before {
        top:8px;
    }
    .service .service_list_info {
        width:calc(100% - 20px); margin:0 auto;
    }
    .service .service_list_info li {
        margin-right:10px;
        width: calc(100%/3 - 7px);
    }
    .service .service_list_info li p {
        font-size:16px;
    }
    
    .robot .robot_list_btn {
        width:calc(100% - 20px); margin:0 auto; margin-bottom:200px;
    }
    .robot .robot_list .robot_name {
        width:calc(100% - 20px); margin:0 auto; margin-bottom: 40px;
    }
    .robot .robot_list .use_icon ul {
        width:1080px; padding:0; margin:auto;
        margin-bottom:160px;
    }
    .robot .robot_list .robot_name {
        height:auto; padding-bottom:40px;
    }
    .disinfection .result_table,
    .disinfection .result_explan,
    .disinfection .goal {
        padding:0 20px;
    }
    .disinfection .result_explan ul li {
        display:inline-block;
    }
    .disinfection .result_explan ul.cell li {
        width:calc(100%/3 - 7px);
    }
    .disinfection .result_explan ul.result li {
        width:calc(100%/2 - 27px);
    }
    .disinfection .goal ul li {
        width:calc(25% - 30px);
    }
    .disinfection .result_explan li {
        height:auto;
    }
    .disinfection .result_explan li p {
        font-size:16px;
    }
    .disinfection .result_explan li strong {
        font-size:20px; padding-bottom:15px;
    }
    .disinfection .result_explan li strong:before {
        margin-top:0px; top:4px;
    }
}
@media screen and (max-width : 1080px) {
    .robot .robot_list .use_icon ul {
        width:90%;
    }
    .robot .robot_list .use_icon li {
        width: calc(100%/4 - 42px);
    }
    .disinfection .result_explan .align_right .text {
        padding-left:20px;
    }
    .company .c_bottom_cont .text_box p br.delete {
        display:none;
    }
}
@media screen and (max-width : 1024px) {
    .prize .prize_list {
        width: calc(100% - 60px);
        margin-top: 10px;
        padding: 0 30px;
    }
}
@media screen and (max-width : 980px) {
    .company .company_intro .goal {
        width:calc(100% - 20px); 
    }
    .company .company_intro .goal ul li {
        width:calc(100%/4 - 45px);
    }
    .company .c_bottom_cont .text_box strong {
        font-size:25px;
    }
    .company .c_bottom_cont .text_box p {
        font-size:14px;
    }
    .company .c_bottom_cont .text_box p  {
        margin-bottom:30px;
    }
    .service .service_list_info li p strong {
        font-size:20px;
    }
    .service .service_list_info li p {
        font-size:14px;
    }
}
@media screen and (max-width : 880px) {
    .service .mid_img {
        width:calc(100% - 20px);
        padding:0 10px;
    }
}
@media screen and (max-width : 850px) {
    .only_web {
        display:none !important;
    }
    .only_mo {
        display:block !important;
    }
    .only_mo_scroll {
        display:block !important;
    }
    /* 공통 */
    .sub_menu {
        top:42px; border-right:none;
    }
    .sub_menu li {
        line-height:41px;
    }
    .sub_visual .wrap_1200 {
        height:180px;
    }
    .sub_visual h2 {
        line-height:180px;
    }
    .sub_lo {
        height:41px;
    }
    .sub_gnb {
        height:41px;
    }
    .sub_gnb > li {
        line-height:41px;
    }
    .sub_gnb > li.navi_select {
        width:50%;
    }
    .sub_gnb > li.navi_select a {
        width:100%; box-sizing: border-box;
    }
    .sub_gnb li.navi_select > a:after {
        background-position:center right;
    }
    #container.about .sub_visual {
        background: url(../img/mobile/sub_bg01.jpg)no-repeat center center;
    }
    .line {
        margin:50px 0;
    }

    /* about - company */
    .company .company_intro .c_top_img {
        width:calc(100% - 32px); margin:0 auto;
        height:47.222vw; background-size:cover;
    }
    .company .company_intro .c_top_img p {
        line-height:47.222vw;
    }
    .company .company_intro .c_top_cont {
        width:calc(100% - 32px); margin:80px auto;
    }
    .company .c_top_cont .text_box {
        display:block;
    }
    .company .c_middle_cont {
        width:calc(100% - 32px); margin:0 auto;
    }
    .company .c_middle_cont .text_box {
        display:block;
    }
    .company .c_middle_cont .m_list {
        padding:0;
    }
    .company .c_middle_cont .m_list ul li {
        float:none; width:100%; margin:0;
    }
    .company .c_middle_cont .m_list ul li > div {
        margin-top:40px; margin-bottom:13px;
    }
    .company .c_middle_cont .m_list ul li .m_customer {
        background: url(../img/mobile/company_customer.jpg) center 20% no-repeat;
        background-size: cover;
    }
    .company .c_middle_cont .m_list ul li .m_partners {
        background: url(../img/mobile/company_partner.jpg) center 60% no-repeat;
        background-size: cover;
    }
    .company .c_middle_cont .m_list ul li .m_exes {
        background: url(../img/mobile/company_exes.jpg) center 20% no-repeat;
        background-size: cover;
    }
    .company .c_bottom_cont {
        width:calc(100% - 32px); margin:0 auto;
        display:block;
    }
    .company .c_bottom_cont .c_bottom_img {
        width:100%; float:none;
    }
    .company .c_bottom_cont .c_bottom_img img {
        width:100%;
    }
    .company .c_bottom_cont .text_box {
        float:none; width:100%;
    }
    .company .c_bottom_cont .text_box {
        margin:40px 0;
    }
    .eng .company .c_bottom_cont .text_box {
        width:100%;
    }

    /* about - history */
    .history .history_list .inner {
        width:calc(100% - 32px);
    }
    .history .history_list .inner > ul {
        display:block; padding-top:50px; margin-bottom:75px;
    }
    .history .history_list .inner > ul > li {
        padding-left:18px;
    }
    .history .history_list .inner > ul > li > span::before {
        margin-left:-18px;
    }
    .history .history_list .inner > ul > li > ul {
        margin-left:8px; width:82%;
    }
    .history .history_list .inner > ul > li > ul li span {
        padding-left:6px;
    }
    .history .history_list .inner .history_img {
        margin-top:15px; margin-bottom:50px;
    }

    /* about - question */
    .inquiry_list .table_box table thead tr td input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius:none;
    }
    .sub .wrap_800 {
        width:calc(100% - 32px);
    }
    .inquiry_list .table_box table {
        table-layout: auto;
    }
    .inquiry_list .table_box table thead tr {
        border-bottom:none;
    }
    .inquiry_list .table_box table thead tr th {
        display:block; width:100%;
        line-height:48px; padding-left:0;
    }
    .inquiry_list .table_box table thead tr td {
        display:block; width:100%; padding:0;
    }
    .inquiry_list .table_box table thead tr td select {
        width:100%;
        background-position:98% 50%;
    }
    .inquiry_list .table_box table thead tr td input {
        width:100%;
    }
    .inquiry_list .table_box table thead tr td .email {
        width:calc(50% - 19px);
    }
    .eng .inquiry_list .table_box table thead tr td .email {
        width:calc(50% - 19px);
    }
    .inquiry_list .table_box table thead tr td select.email {
        width:100%; display:block; margin-left:0;
        margin-top:10px;
    }
    .eng .inquiry_list .table_box table thead tr td select.email {
        width:100%;
    }
    .inquiry_list .table_box table thead tr td input.tel, .inquiry_list .table_box table thead tr td input#title {
        width:100%;
    }
    .inquiry_list .table_box table thead tr td textarea {
        box-sizing:border-box; width:100%;
    }
    .eng .inquiry_list .table_box table thead tr td textarea {}
    .inquiry_list .btn_box {
        text-align:left;
    }
    .inquiry_list .privacy_box input {
        display:none;
    }

    /* technology - study */
    #container.study_area .sub_visual {
        background: url(../img/mobile/sub_bg02.jpg)no-repeat center center;
    }
    .study_area .top_img {
        width:calc(100% - 32px); margin:0 auto;
        height:47.222vw; background-size:cover;
    }
    .technology .study .top_img p {
        line-height:47.222vw;
    }
    .technology .top_cont {
        width:calc(100% - 32px); margin:0 auto;
        text-align:left; margin-top:40px;
    }
    .technology .top_cont .text_box {
        text-align:left;
    }
    .study_area .study p.text_cont {
        display:block;
    }
    .study_area .study_list {
        padding:0 16px;
    }
    .study_area .study_list > p {
        text-align:left;
    }
    .study_area .study_list li {
        display: block; table-layout: unset;
        padding:18px 14px 19px 14px;
        margin:15px 0;
    }
    .study_area .study_list {
        margin-bottom:60px;
    }
    .study_area .study_list span {
        display:block; width:100%;
    }
    .study_area .study_list span img {
        width: 100%;
    }
    .study_area .study_list .text {
        display:block; width:100%; padding:0; padding-top:15px;
    }
    .study_area .study_list .align_right .text {
        padding:0; padding-top:15px;
    }

    /* terms - agreement */
    .policy .policy_text strong {
        font-size: 16px;
    }
    .policy .policy_text p {
        font-size: 14px;
    }
    .policy .policy_text p.ttl {
        font-size: 15px;
    }

    /* technology - disinfection */
    #container.disinfection .sub_visual {
        background-position:60% center;
    }
    .disinfection .top_img {
        width: calc(100% - 32px);
        margin: 0 auto;
        height: 47.222vw;
        background-size: cover;
    }
    .technology .dif_data .top_img p {
        line-height: 47.222vw;
    }
    .disinfection .goal_top {
        width:calc(100% - 32px); margin:0 auto;
    }
    .disinfection .goal_top > p {
        text-align:left;
    }
    .disinfection .dif_data .goal_top strong {
        padding:40px 0 50px;
    }
    .disinfection .goal_top ul {
        font-size:0;
    }
    .disinfection .goal_top ul li {
        float:none; display:inline-block;
        margin-right:14px;
        width:calc(100%/3 - 10px);
        margin-bottom:25px;
    }
    .disinfection .goal_top ul li:nth-child(3n+0) {
        margin-right:0;
    }
    .disinfection .dif_data .goal_top .btm {
        padding:0;
    }
    .disinfection .result_table tr {
        border-bottom:1px solid #eeeeee;
    }
    .disinfection .result_table th,
    .disinfection .result_table td {
        display:block; width:100%; height:36px; line-height:36px;
    }
    .disinfection .result_table td {
        border:none; text-align:left;
        margin-left:20px;
    }
    .disinfection .result_table tbody tr td:nth-of-type(1) {
        margin-top:5px;
    }
    .disinfection .result_table tbody tr td:last-child {
        margin-bottom:5px;
    }
    .disinfection .result_table table .m_top {
        border-top: 2px solid #252525;
        margin-top:20px;
    }
    .disinfection .result_table p:before {
        top:0; margin-top:5px;
    }
    .disinfection .result_report {
        width:calc(100% - 32px); margin:0 auto;
    }
    .disinfection .result_report ul {
        width:calc(100% - 46px); margin:0 auto;
    }
    .disinfection .result_report ul li {
        float:none; display:block; width:100%;
        margin-right:0; margin-top:40px;
    }
    .disinfection .result_report ul li img {
        width:100%;
    }
    .disinfection .result_explan {
        margin-bottom:60px;
    }
    .disinfection .result_explan span {
        text-align:center; width:100%;
    }
    .disinfection .result_explan li {
        padding:20px 14px 20px 14px;
    }
    .disinfection .result_explan .align_right span img {
        width:54.305%;
    }
    .disinfection .result_explan .align_left span img {
        width:100%;
    }
    .disinfection .result_explan .text {
        padding:35px 0 0 0 !important;
    }

    /* product - robot */
    #container.product .sub_visual {
        background-position:70% 75%;
    }
    .robot .robot_list_btn {
        width:100%; height:auto;
        margin-bottom:30px;
    }
    .robot .robot_list_btn ul {
        padding:0 16px; display:block;
    }
    .robot .robot_list_btn ul li {
        float:none; display:block;
        width:100%; height:60px;
        margin:15px 0; border: 2px solid #fff;
    }
    .robot .robot_list_btn ul li .text {
        display:inline-block; width:100%; margin:0 auto;
    }
    .robot .robot_list_btn ul li a {
        table-layout: unset; height:56px;
        display:block;
    }
    .robot .robot_list_btn ul li a p {
        display:inline-block;
        height:56px; line-height:56px;
        font-size:18px;
    }
    .robot .robot_list_btn .text p:nth-child(1) {
        width:35%; text-align:right;
    }
    .robot .robot_list_btn .text p:nth-child(2) {
        width:50%; text-align:left; margin-left:10px;
        vertical-align: super;
    }
    .robot .robot_list_btn ul li a strong {
        font-size:35px; line-height:56px;
    }
    .robot .robot_list .robot_name {
        width:calc(100% - 32px);
        padding:0 15px 40px 15px;
        box-sizing: border-box;
    }
    .robot .robot_list .cont .pic {
        font-size:0;
    }
    .robot .robot_list .cont .pic li {
        display:inline-block;
        width:50%;
        padding:20px 15px;
        vertical-align: middle;
    }
    .robot .robot_list .robot_name .info {
        padding:15px 0 40px 0;
    }
    .robot .robot_list .robot_name .info h4 {
        font-size:9.167vw; display:block;
    }
    .robot .robot_list .robot_name .info span {
        margin-left:0;
        font-size:3.611vw;
    }
    .robot .robot_list .robot_name .info a {
        top:35px; right:0;
    }
    .robot .robot_list .use_icon ul {
        margin-bottom:60px;
    }
    .robot .robot_list .use_icon li {
        width:calc(100%/3 - 40px);
    }
    .robot .robot_list_btn ul li.on {
        background:#fff;
    }
    .robot .robot_list_btn ul li.on a,
    .robot .robot_list_btn ul li.on a p {
        color:#252525;
    }

    /* product - service */
    .service .top_img {
        width: calc(100% - 32px);
        margin: 0 auto;
        height: 47.222vw;
        background-size: cover;
    }
    .service .top_img p {
        line-height: 47.222vw;
    }
    .service .service_intro .service_cont {
        width:calc(100% - 32px);
        margin:38px auto 0 auto;
    }
    .service .service_intro .text_box p {
        text-align:left;
    }
    .service .service_list_info {
        width:100%;
    }
    .service .service_list_info li {
        width:100%; display:block;
        margin-bottom:40px;
    }
    .service .service_list_info div {
        height:240px;
    }
    .service .service_list_info ul li div {
        background-size:cover !important;
    }
    .service .wrap_1660 {
        width:calc(100% - 32px);
    }
    .service .wrap_1660 .text_box p {
        text-align:left;
    }
    .service .use_img li {
        width:calc(100%/3 - 6px);
        margin:0 9px 9px 0; 
    }
    .service .use_img li:nth-child(3n+0) {
        margin-right:0;
    }
    .service .mo_service_list {
        width:50%; margin:0 auto; text-align-last: center; padding:60px 0;
    } 

    /* media press */
    .sub .wrap_1200.cont {
        width:calc(100% - 32px);
        padding:0;
    }
    .press .press_list {
        font-size:0;
    }
    .press .press_list .col_box {
        width:calc(100%/2 - 4px);
        display:inline-block;
        margin:0 8px 16px 0;
    }
    .press .press_list .col_box:nth-child(3n+0) {
        margin-right:8px;
    }
    .press .press_list .col_box:nth-child(2n+0) {
        margin-right:0;
    }
    .press .press_list .col_box .info span {
        display:block; margin-left:0;
        text-indent:-8px;
    }
    .view_wrap .contents .p_img img {
        width:100%;
    }

    /* media - press_view */
    .view_wrap .qna_view thead tr:first-child th {
        text-align:left;
        padding-left:10px;
    }
    .view_wrap .qna_view .right {
        padding-left:10px;
    }
    .view_wrap .qna_view tbody tr td.contents {
        padding:10px; padding-bottom:50px;
    }


}
@media screen and (max-width : 768px) {
    /* about - company */ 
    .company .company_intro .goal {
        width:100%; margin-top:10px;
    }
    .company .company_intro .goal p {
        font-size:3.889vw;
    }
    .company .company_intro .goal ul li {
        margin-right:0; width: calc(100%/2 - 52px);
        margin: 0 26px; margin-top:38px;
    }
    .company .company_intro .goal ul li:after {
        right:-32px; 
    }
    .company .company_intro .goal ul li:nth-child(2):after {
        display:none;
    }

    /* about - prize */
    .prize .prize_list {
        width:calc(100% - 50px);
        padding:0 25px;
    }
    .prize .prize_list ul li {
        width:calc(50% - 23px);
        margin:0 10px 40px 10px !important;
    }
    .prize .paging ul li {
        margin:0 4px;
    }

    /* technology - study */
    .study_area .study .goal ul {
        width:100%; font-size:0;
    }
    .study_area .study .goal ul li {
        float:none; display:inline-block;
        width:calc(50% - 50px); margin-right:0;
        margin-bottom:40px; padding: 0 25px;
    }

    /* technology - disinfection */
    /* media - press */
    .press .paging ul li {
        margin: 0 4px;
    }

}
@media screen and (max-width : 640px) {
    /* 공통 */
    .sub h3 {
        padding: 30px 0 50px 0;
        margin-top:40px;
        font-size:23px;
    }
    .sub h3:before {
        height:20px;
    }
    .sub_visual h2 {
        font-size:23px;
    }
    .sub_gnb li a {
        font-size:13px;
    }

    /* about - company */
    .company .company_intro .c_top_cont {
        margin-top:38px; margin-bottom:0;
    }
    .company .company_intro .c_top_img p {
        font-size:6.389vw;
    }
    .company .text_box strong {
        font-size:6.389vw;
    }
    .company .text_box p {
        font-size:3.611vw;
    }
    .company .c_bottom_cont .text_box strong {
        font-size:23px;
    }
    .company .c_bottom_cont .text_box p {
        font-size:13px;
    }
    .eng .company .c_bottom_cont .text_box strong {
        font-size:4.6vw;
    }

    /* about - history */
    .history .history_list .inner p {
        font-size:6.389vw;
    }
    .history .history_list .inner > ul > li > span {
        font-size:5vw;
    }
    .history .history_list .inner > ul > li > ul li {
        font-size:3.611vw;
    }

    /* about - prize */
    .prize .prize_list p {
        font-size:2.778vw;
    }

    /* about - question */
    .inquiry_list .privacy_box strong.title,
    .inquiry_list .table_box .title {
        font-size:16px;
    }
    .inquiry_list .privacy_box .cont_box p,
    .inquiry_list .privacy_box .label_txt,
    .inquiry_list .table_box .title span,
    .inquiry_list .table_box table thead tr th {
        font-size:14px;
    }
    .inquiry_list .privacy_box label {
        background-size:17px; padding-left:24px;
    }
    .inquiry_list .privacy_box input:checked + label {
        background-size:17px;
    }
    .inquiry_list .btn_box button {
        width:90px; height:35px; font-size:12px;
    }

    /* technology - study */
    .technology .study .top_img p {
        font-size:6.389vw;
    }
    .study_area .text_box strong {
        font-size:6.389vw;
    }
    .study_area .study p {
        font-size:3.611vw;
    }
    .study_area .study .goal p {
        font-size:3.29vw;
    }
    .study_area .study_list li strong {
        font-size:5vw; padding-bottom:0;
        padding-left:3.2vw; line-height:1.2
    }
    .study_area .study_list li p {
        font-size:3.611vw;
    }
    .study_area .study_list li strong:before {
        height:4.444vw; top:1vw;
    }

    /* technology - disinfection */
    .technology .dif_data .top_img p {
        font-size: 6.389vw;
    }
    .disinfection .goal_top p {
        font-size:3.889vw;
    }
    .disinfection .dif_data .goal_top strong {
        font-size:6.389vw;
    }
    .disinfection .dif_data .goal_top .btm {
        font-weight:500;
        font-size:5vw;
    }
    .disinfection .result_table p:before {
        height:16px;
    }
    .disinfection .result_table p {
        font-size:16px;
    }
    .disinfection .result_table th, .disinfection .result_table td {
        font-size:13px;
    }
    .disinfection .result_table span {
        font-size:11px;
    }
    .disinfection .result_report ul li p {
        font-size:13px;
    }
    .disinfection .result_explan li strong {
        font-size:18px;
    }
    .disinfection .result_explan li p {
        font-size:13px;
    }
    .disinfection .result_explan li strong:before {
        margin-top:5px; top:0; height:16px;
    }
    
    /* product - robot */
    .robot .robot_list_btn ul li {
        height:40px;
    }
    .robot .robot_list_btn ul li a {
        height:36px;
    }
    .robot .robot_list_btn ul li a p {
        height:36px; line-height:36px;
        font-size:13px;
    }
    .robot .robot_list_btn ul li a strong {
        font-size:24px; line-height:36px;
    }
    .robot .robot_list_btn .text p:nth-child(2) {
        vertical-align: bottom; margin-left:5px;
    }
    .robot .robot_list .robot_name .info a {
        font-size:12px;
        background-position:100px center;
        background-size:16px;
    }
    .robot .robot_list .use_icon li {
        padding-top:22vw;
        font-size:3.611vw;
        background-size:19.444vw !important;
        margin:0 15px;
        width:calc(100%/3 - 30px);
        margin-bottom:20px;
    }

    /* product - service */
    .only_web_640 { display:none !important; }
    .service .service_list_info ul li div {
        margin-bottom:15px;
    }
    .service .top_img p {
        font-size: 6.389vw;
    }
    .service .service_list_info li p {
        font-size:3.611vw;
    }
    .service .service_list_info li p strong {
        font-size:5vw;
        padding:0 0 0 10px;
    }
    .service .service_list_info li p:last-child {
        padding-top:10px;
    }
    .service .use_img li {
        width:calc(100%/2 - 5px);
        margin:0 9px 9px 0; 
    }
    .service .use_img li:nth-child(3n+0) {
        margin-right:9px;
    }    
    .service .use_img li:nth-child(2n+0) {
        margin-right:0;
    } 
    .service .service_intro .text_box strong {
        font-size:6.389vw;
    }

    /* media - press */
    .press .press_list .col_box {
        height:165px;
    }
    .press .press_list .col_box a {
        padding:10px 15px;
    }
    .press .press_list .info {
        bottom:15px;
    }
    .press .press_list .tit, .press .press_list .info p, .press .press_list .info p span {
        font-size:13px;
    }

    /* media - press_view */
    .view_wrap .qna_view thead tr:first-child th {
        font-size:15px; padding: 20px 10px 20px 10px;
        height:auto; line-height:1.333;
    }
    .view_wrap .qna_view .right {
        font-size:12px; height:auto;
        padding:10px; line-height: inherit;
    }
    .view_wrap .qna_view tbody td.contents p {
        font-size:13px;
    }
    .view_wrap .list_go {
        width:130px; height:32px; line-height:32px;
        font-size:13px;
    }

}
@media screen and (max-width : 480px) {
    .service .mo_service_list {
        width:90%;
    }

}
@media screen and (max-width : 350px) {
    .robot .robot_list .robot_name .info a {
        padding:14px 45px 14px 20px;
        background-position:90px center;
    }
}