@charset "utf-8";

html {height:auto;}
[data-location="guide"] .button-sm {width:20px; height:20px; line-height:200px; background-color:#9DACD3; cursor:default;}
[data-location="guide"] .button-sm:hover {background-color:#9DACD3;}
[data-location="guide"] .cardA .card {padding-bottom:0;}
[data-location="guide"] .cardA table tr:last-child th,
[data-location="guide"] .cardA table tr:last-child td {border-bottom:0;}
[data-location="guide"] .comment {display:block; margin-top:5px; padding-left:10px;}
[data-location="guide"] .comment .h4,
[data-location="guide"] .comment .h6 {position:relative; display:inline-block; padding-left:25px; width:auto;  background-color:rgba(173, 176, 188, 0.3);}
[data-location="guide"] .comment .h4 {margin-bottom:5px; padding-top:0; padding-left:40px; padding-right:15px; height:35px; line-height:35px; border-radius:18px;}
[data-location="guide"] figure {margin-bottom:8px; margin-top:4px; padding:0; width:auto; max-width:fit-content; border-radius:15px; border:solid 1px rgba(102, 100, 95, 0.15); overflow:hidden;}
    [data-location="guide"] h3 + figure,     
    [data-location="guide"] p + figure,
    [data-location="guide"] h3 + .cts {margin-left:40px;}
[data-location="guide"] figure .figImg {line-height:0; overflow:auto;}
[data-location="guide"] figure figcaption {padding:10px 15px; background-color:rgba(102, 100, 95, 0.1);}
[data-location="guide"] .group-form {margin-right:0; cursor:default !important;}
[data-location="guide"] .group-form.button .button.button-sm {margin-left:0;}
[data-location="guide"] .group-form.form label + label {margin-left:10px;}
[data-location="guide"] .button.new {padding:0; width:22px; height:22px; line-height:100px; background-size:auto 55%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343AB8E' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z'/%3E%3C/svg%3E"); cursor:default; overflow:hidden;}

[data-location="guide"] h1 {position:fixed; top:0; left:0; text-align:center; width:120px; height:65px; line-height:65px; font-size:26px; font-weight:800; color:#66645F; z-index:1000; overflow:hidden;}
[data-location="guide"] h1 span {display:block; line-height:0.9; font-weight:inherit;}
[data-location="guide"] h1 > span {margin-top:15px;}
[data-location="guide"] h1 span span {font-weight:300;}
[data-location="guide"] h2 {margin-bottom:25px; padding-top:40px; padding-left:30px; height:80px; font-size:21px; font-weight:600; color:rgba(0, 0, 0, 0.6); border-radius:20px; background-color:rgba(201, 191, 173, 0.3); background-image:url('');}
[data-location="guide"] h3 {position:relative; margin-top:40px; padding-left:15px; font-size:20px; color:#000;}
[data-location="guide"] h3::before {position:absolute; left:0; top:6px; width:8px; height:20px; border-radius:8px; background-color:#43AB8E; content:'';}
[data-location="guide"] .h {display:block; font-size:17px; font-weight:700; color:#000;}
[data-location="guide"] .h4 {display:block; vertical-align:middle; margin-top:15px; padding-top:8px; font-size:17px; font-weight:800; color:#5C74B5;}
    [data-location="guide"] ul li:first-child .h4 {margin-top:0;}
[data-location="guide"] .h4 + p {padding-left:5px;}
[data-location="guide"] .h5 {position:relative; display:inline-block; vertical-align:middle; padding-left:12px; padding-right:12px; height:22px; line-height:22px; font-size:15px; color:#FFF; border-radius:22px; background-color:rgba(173, 176, 188, 0.8); overflow:hidden;}
[data-location="guide"] .h5.tB {height:30px; border:solid 1px rgba(173, 176, 188, 0.8); background-color:#FFF;}
    [data-location="guide"] .h5.num {padding-left:30px;}
    [data-location="guide"] .h5.num::after {left:20px; top:0; width:25px; color:#000; background-color:#FFDD91;}
[data-location="guide"] .h6 {display:inline-block; padding-left:8px; padding-right:8px; height:22px; line-height:22px; font-size:13px; color:#555; border-radius:22px; background-color:rgba(173, 176, 188, 0.3);}
[data-location="guide"] img {vertical-align:middle;}
[data-location="guide"] input[disabled] {background-color:#FFF !important; cursor:default;}
[data-location="guide"] select {cursor:default !important;}
[data-location="guide"] .note {display:block; color:rgba(0, 0, 0, 0.6);}
[data-location="guide"] .num::after {position:absolute; left:0; top:0; text-align:center; width:20px; height:22px; line-height:22px; border-top-left-radius:18px; border-bottom-left-radius:18px; background-color:rgba(255, 207, 99, 0.7); content:'00';}
[data-location="guide"] .h4.num::after {width:30px; height:35px; line-height:35px;}
[data-location="guide"] i.i {width:20px; height:20px;}
[data-location="guide"] .num.num1::after {content:'①'}
[data-location="guide"] .num.num2::after {content:'②'}
[data-location="guide"] .num.num3::after {content:'③'}
[data-location="guide"] .num.num4::after {content:'④'}
[data-location="guide"] .num.num5::after {content:'⑤'}
[data-location="guide"] .num.num6::after {content:'⑥'}
[data-location="guide"] .num.num7::after {content:'⑦'}
[data-location="guide"] .num.num8::after {content:'⑧'}
[data-location="guide"] .num.num9::after {content:'⑨'}
[data-location="guide"] .num.num10::after {content:'⑩'}
[data-location="guide"] p {padding-left:40px;}
[data-location="guide"] p.spc {background-position:15px 3px; background-size:auto 70%; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2394A4CE' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8zm0-2c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm0 6c2.206 0 4 1.794 4 4s-1.794 4-4 4-4-1.794-4-4 1.794-4 4-4zm0-2c-3.314 0-6 2.686-6 6s2.686 6 6 6 6-2.686 6-6-2.686-6-6-6zm0 4c-1.105 0-2 .896-2 2s.895 2 2 2 2-.896 2-2-.895-2-2-2z'/%3E%3C/svg%3E");}
[data-location="guide"] .mg-40px {margin-left:40px;}
[data-location="guide"] .pd-40px {padding-left:40px;}
[data-location="guide"] section {padding-top:55px;}
[data-location="guide"] .spcA {margin-left:40px; margin-bottom:5px; padding:15px 25px; border-radius:18px; border:solid 4px #FFF1AB; background-color:rgba(255, 241, 171, 0.3);}
    [data-location="guide"] ul.ul .spcA {margin-left:0;}
[data-location="guide"] strong {font-weight:400; color:#F35632;}
[data-location="guide"] sup {position:relative; display:inline-block; text-align:center; vertical-align:top; width:22px; height:22px; line-height:21px; font-size:13px; color:#000; overflow:hidden; z-index:100;}
[data-location="guide"] sup::before {position:absolute; left:1px; top:0; width:20px; height:20px; border-radius:20px; background-color:rgba(255, 207, 99, 0.7); content:''; z-index:-1;}
[data-location="guide"] thead th,
[data-location="guide"] thead td {border-bottom:solid 1px #66645F;}
[data-location="guide"] ul.ul {margin-top:15px; padding-left:20px;}
[data-location="guide"] ul.ul li {position:relative; padding-left:20px; padding-bottom:4px;}
[data-location="guide"] ul.ul li .cardA {margin-top:5px;}
[data-location="guide"] ul.ul-dpth2 > li::after {position:absolute; left:5px; top:0; content:'-';}
[data-location="guide"] ul.ul-dpth3 {margin-top:5px;}
[data-location="guide"] ul.ul-dpth3 > li::after {position:absolute; left:0; top:0; content:'ㆍ';}
[data-location="guide"] ul.ul-dpth4 {margin-top:5px;}
[data-location="guide"] ul.ul-dpth4 > li {padding-left:12px;}
[data-location="guide"] ul.ul-dpth4 > li::after {position:absolute; left:0; top:0; line-height:20px; font-size:11px; color:#999; content:'+';}

[data-location="guide"] #container {margin-left:120px; padding:0 30px 30px 30px; width:calc(100% - 180px);}
[data-location="guide"] #main {padding-top:0; padding-left:25px; padding-right:25px; max-width:none;}
[data-location="guide"] #main section#about {padding-top:35px !important;}
/*[data-location="guide"] #nav {position:fixed; top:0; bottom:0; left:0; width:120px; background-color:#FDFDFD; box-shadow:6px 0 10px 3px rgba(0, 0, 0, 0.07); z-index:900;}*/
/*[data-location="guide"] #nav h2 {display:none;}*/
[data-location="guide"] #nav .nav {padding-top:70px;}
[data-location="guide"] #nav .nav > li {padding-bottom:5px;}
[data-location="guide"] #nav .nav > li > a {height:90px; line-height:80px; color:rgba(0, 0, 0, 0.6);}
[data-location="guide"] #nav .nav > li > a.active {color:rgba(0, 0, 0, 1.0);}
[data-location="guide"] #nav .nav li a::before {display:block; position:relative; top:55px; height:30px; line-height:35px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; background-color:rgba(102, 100, 95, 0.15); content:'';}
[data-location="guide"] #nav .nav li a::after {height:55px; border-bottom-left-radius:0; border-bottom-right-radius:0; background-color:rgba(102, 100, 95, 0.5); content:'';}
/*[data-location="guide"] #nav .nav li a.active {color:#FFDA56;}*/
[data-location="guide"] #nav .nav li a.active::after {background-color:#43AB8E;}
[data-location="guide"] #nav .nav .nav-about a::after {line-height:60px; font-size:16px; font-weight:800; color:#FFF; content:'SENSE';}
[data-location="guide"] #nav .nav .nav-component a::after {background-size:42%; background-position:center 12px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M6.01 2c-1.93 0-3.5 1.57-3.5 3.5 0 1.58 1.06 2.903 2.5 3.337v7.16c-.001.179.027 1.781 1.174 2.931C6.892 19.64 7.84 20 9 20v2l4-3-4-3v2c-1.823 0-1.984-1.534-1.99-2V8.837c1.44-.434 2.5-1.757 2.5-3.337 0-1.93-1.571-3.5-3.5-3.5zm0 5c-.827 0-1.5-.673-1.5-1.5S5.183 4 6.01 4s1.5.673 1.5 1.5S6.837 7 6.01 7zm13 8.163V7.997C19.005 6.391 17.933 4 15 4V2l-4 3 4 3V6c1.829 0 2.001 1.539 2.01 2v7.163c-1.44.434-2.5 1.757-2.5 3.337 0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5c0-1.58-1.06-2.903-2.5-3.337zm-1 4.837c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5z'/%3E%3C/svg%3E");}
[data-location="guide"] #nav .nav .nav-access a::after {background-size:42%; background-position:center 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M8.793 8.951c1.062-.757 2.542-.239 2.912 1-.655-.502-1.528-.482-2.2-.002-.677.482-.976 1.303-.716 2.082-1.05-.755-1.055-2.325.004-3.08zm3.164 10.8c.841.283 3.443 1.003 6.458 3.249l5.585-3.984c-1.448-2.031-1.05-3.452-2.489-5.471-.726-1.017-1.222-1.294-1.845-1.294-.22 0-.456.035-.724.084l.507.71c.306.428-.34.889-.646.46l-.452-.634c-.149-.21-.357-.281-.596-.281-.345 0-.753.148-1.141.237l.615.862c.304.428-.34.889-.646.46l-.533-.747c-.148-.208-.353-.28-.586-.28-.359 0-.787.17-1.186.271l.65.912c.306.429-.343.887-.646.46l-2.638-3.693c-.817-1.148-2.612.07-1.765 1.259l3.895 5.461c-.418-.154-1.152-.295-1.632-.295-1.481.003-2.051 1.628-.185 2.254zm-2.715-2.751h-6.242v-14h18v7.516c1.359.555 2.391 2.046 3 3.372v-10.888c0-1.104-.896-2-2-2h-20c-1.104 0-2 .896-2 2v14c0 1.104.896 2 2 2h6.825c-.111-.69.002-1.358.417-2z'/%3E%3C/svg%3E");}
[data-location="guide"] #nav .nav .nav-dashboard a::after {background-image:url("/images/guide/nav-dashboard.png");}
[data-location="guide"] #nav .nav .nav-reports a::after {background-image:url("/images/guide/nav-reports.png");}
[data-location="guide"] #nav .nav .nav-device a::after {background-size:42%; background-position:center 15px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 3H7c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2h8c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM6 9h4l-.003 9H4V9h2zm6 8V9c0-1.103-.897-2-2-2H7V5h11v12h-6z'%3E%3C/path%3E%3C/svg%3E");}
[data-location="guide"] #nav .nav .nav-assign a::after {background-size:40%; background-position:center 15px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M21 9c-1.656 0-3 1.343-3 3s1.344 3 3 3 3-1.343 3-3-1.344-3-3-3zm-15 9c-1.657 0-3 1.343-3 3s1.343 3 3 3c1.656 0 3-1.343 3-3s-1.344-3-3-3zm3-15c0 1.657-1.344 3-3 3s-3-1.343-3-3 1.344-3 3-3 3 1.343 3 3zm1.588-1.979l.412-.021c4.281 0 7.981 2.45 9.8 6.021-.717.029-1.39.21-1.998.511-1.555-2.703-4.466-4.532-7.802-4.532 0-.703-.149-1.372-.412-1.979zm10.212 15.958c-1.819 3.571-5.519 6.021-9.8 6.021l-.412-.021c.263-.607.412-1.276.412-1.979 3.336 0 6.247-1.829 7.802-4.532.608.302 1.281.483 1.998.511zm-18.91 1.186c-1.193-1.759-1.89-3.88-1.89-6.165s.697-4.406 1.89-6.165c.392.566.901 1.039 1.487 1.403-.867 1.383-1.377 3.012-1.377 4.762s.51 3.379 1.377 4.762c-.586.364-1.096.837-1.487 1.403z'/%3E%3C/svg%3E");}
[data-location="guide"] #footer > .ctn {text-align:center; height:50px; line-height:50px;}
[data-location="guide"] figure.dsp-ib,
[data-location="guide"] .cts.dsp-ib {float:left; width:auto; max-width:100%;}
[data-location="guide"] figure.dsp-ib + .cts.dsp-ib {margin-left:30px; padding-top:15px;}
[data-location="guide"] .pd-0, 
[data-location="guide"] .pd-0 ul.ul > li {padding-left:0 !important;}
[data-location="guide"] .pd-0 .h5.num::after {left:0;}



/*
   * ------------------------------------------------------------------------
   * X-A-Breakpoints
   * ------------------------------------------------------------------------
   */
/*XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width:1400px) {
	
}

/*X-Large devices (large desktops, 1200px and up)*/ /* AGRT-Tablet-1280px */
@media (max-width:1280px) {
	body {overflow:auto !important;}
/*	h1 {position:fixed; left:0; top:0;}*/
/*	[data-location="guide"] h1 {position:fixed; z-index:990;}*/
	[data-location="guide"] #menuToggle input {position:fixed !important;}
/*	[data-location="guide"] #main .ctn section:first-child {margin-top:50px;}*/
	[data-location="guide"] #footer {border-top:solid 2px rgba(91, 98, 122, 0.2); z-index:990;}
}

/*Large devices (desktops, 992px and up)*/
@media (max-width:993px) {
	
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width:769px) {
	#nav {box-shadow:0 0 0 0 transparent;}
	#menuToggle input:not(.selFarmData) {left:20px; top:20px; width:120px; height:65px;}
	ul#menu {margin-top:20px;}
	
	[data-location="guide"] h1 {left:20px; top:20px; width:120px; height:65px; border-radius:15px; background-color:#FFF; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);}
	[data-location="guide"] h1 > span {text-align:left; margin-top:10px; text-indent:20px;}
	[data-location="guide"] #container {margin-left:0; padding:0 20px 0 20px; width:calc(100% - 40px);}
	[data-location="guide"] #main {padding-left:0; padding-right:0;}
	[data-location="guide"] p {padding-left:0;}
	[data-location="guide"] h3 + figure, 
	[data-location="guide"] p + figure, 
	[data-location="guide"] h3 + .cts {margin-left:0;}
	[data-location="guide"] .mg-40px {margin-left:0;}
	[data-location="guide"] figure.dsp-ib + .cts.dsp-ib {margin-left:0;}
	[data-location="guide"] #main section#about {padding-top:75px !important;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width:578px) {
	
}