@charset "utf-8";
/* CSS Document */




/* Base */

a:link                   { text-decoration:none; color:#666666; }
a:visited                { text-decoration:none; color:#666666; }
a:hover                  { text-decoration:none; color:#666666; }

a {outline:none; select-dummy: expression(this.hideFocus=true);}

img {border:0}

body, td            { 

	font-family:'Noto Sans KR'; color:#525252; font-size:14px; line-height:22px; letter-spacing:0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


li {list-style: none;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table {margin: 0; padding: 0; list-style: none;}



/*탑메뉴*/
#nav { position:relative; top:0; z-index:100; width:100%; height:45px}
#gnb { width:1170px; margin:0 auto;}
#main-menu > li { float: left;  position: relative;}
#main-menu > li > a {
  font-size: 16px;
  font-weight:500;
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  line-height:45px;
  opacity:1;
  /*padding:0 42px;*/
  width:180px;
  border-right:solid 1px rgba(242,242,242,0.5);
}
#main-menu > li:first-child > a { border-left:solid 1px rgba(242,242,242,0.5)}


#sub-menu {
  position: absolute;
  background: #333;
  opacity: 0.5;
  visibility: hidden;
  transition: all 0.15s ease-in;
  top:45px;
  width:180px;
  left:0px;
}

#main-menu > li:last-child { padding-right:0}

/*#main-menu > li:nth-child(6) #sub-menu {  left:-15px}*/
#sub-menu > li { border-bottom: 1px solid rgba(211,211,211,0.3); text-align:center;}

#sub-menu > li >  a { color: #fff; text-decoration: none; font-weight:400; display:block; line-height:40px; width:180px; text-align:center; font-size:14px;opacity:1; letter-spacing:-0.3px }
#main-menu > li:hover #sub-menu { opacity: 1; visibility: visible; }
#sub-menu > li > a:hover { background-color:#0c419a; color:#FF9}





.quick_menu img:hover { transform:translateY(5px); transition:0.2s }


.main_notice_text a {font-size:15px}
.main_notice_text a:hover { text-decoration:underline; opacity:0.8}


.main_cus_btn a { border:solid 1px #aaaaaa; border-radius:5px; padding:5px 25px; font-size:16px; text-decoration:none; color:#e20000;}
.main_cus_btn a:hover { border:solid 1px #007dcd; color:#007dcd;  transition:all 0.5s;}




/*서브상단*/
.title01{font-family:'Noto Sans KR';font-size:28px; text-decoration:none;color:#242424;font-weight: 400; letter-spacing:0px; line-height:32px; }
.title02{font-family:'Noto Sans KR';font-size:13px; text-decoration:none;color:#8b8b8b;font-weight: normal; letter-spacing:0px; line-height:14px; }
.title03{font-family:'Noto Sans KR';font-size:13px; text-decoration:none;color:#242424;font-weight: normal; letter-spacing:0px; line-height:14px; }







/*푸터*/
.copyright { 
	text-decoration:none;
	font-size: 13px;	
	line-height:20px;
	color: #f2f2f2;	
}

.admin_btn a { font-size:12px; font-weight:300; color:#f2f2f2; text-decoration:none}
.admin_btn a:hover { opacity:0.8}









.com_table { background-color:#ddd}
.com_table th { background-color:#f2f8ff; text-align:left; padding-left:20px; font-size:16px; font-weight:500; line-height:50px; color:#000}
.com_table td { background-color:#fff; padding-left:20px}





/*서브페이지 메뉴*/
.com_menu { text-align:center}
.com_menu a { font-size:18px; font-weight:400; text-decoration:none; line-height:50px; display:inline-block; width:500px; height:50px; border-left:solid 1px #ddd; box-sizing:border-box}
.com_menu a:hover { border-bottom:solid 2px #0168b8; box-sizing:border-box}


.cus_menu { text-align:center}
.cus_menu a { font-size:18px; font-weight:400; text-decoration:none; line-height:50px; display:inline-block; width:333px; height:50px; border-left:solid 1px #ddd; box-sizing:border-box}
.cus_menu a:hover { border-bottom:solid 2px #0168b8; box-sizing:border-box}


.pro01_menu { text-align:center}
.pro01_menu a { font-size:17px; font-weight:400; text-decoration:none; line-height:50px; display:inline-block; width:250px; height:50px; border-left:solid 1px #ddd; box-sizing:border-box}
.pro01_menu a:hover { border-bottom:solid 2px #0168b8; box-sizing:border-box}





/*인사말 텍스트*/
.com01_text01 { font-size:25px; font-weight:500; color:#0168b8}
.com01_text02 { font-size:20px; font-weight:400; color:#5b5b5b}
.com01_text03 { font-size:17px; font-weight:300; color:717171; line-height:28px}



/*제품소개 리스트*/
.list_box { border:solid 1px #ddd}
.list_pro_name {font-size:18px; font-weight:400; text-align:center; line-height:50px; border:solid 1px #ddd; border-top:hidden}



/*제품소개 설정*/
.pro_text01 { font-size:18px; font-weight:400; line-height:32px;}
.pro_text02 { font-size:16px; font-weight:300; line-height:28px; }
.pro_text03 { font-size:18px; font-weight:400; color:#f36d00; line-height:28px; padding-bottom:10px }
.pro_img_box { text-align:center; border:solid 1px #ddd; padding:30px 0}

.pro_teble { border-top:solid 3px #0068b7; border-bottom:solid 3px #0068b7}
.pro_teble th { font-size:15px; text-align:right; font-weight:400; padding-right:30px; line-height:45px; background-color:#f2f2f2}
.pro_teble td { font-size:15px; padding-left:30px; background-color:#fff}
.pro_teble .model { font-size:19px; font-weight:500; color:#0068b7; background-color:#f2f8ff; line-height:50px}




/*원격제어 요청방법 텍스트*/
.cus03_text01 { font-size:30px; font-weight:500; color:#0b3f77; padding-bottom:10px}
.cus03_text02 { font-size:18px; font-weight:400; color:#333; line-height:26px}
.cus03_text02 span { color:#F33}
.cus03_text03 { font-size:20px; font-weight:400; color:#0168b8; padding:0 0 10px 5px}
.cus03_text04 { font-size:16px; font-weight:400; color:#333; line-height:32px}




/*뒤로가기 버튼*/
.back_btn a { font-size:18px; font-weight:400; color:#fff; background-color:#039; display:block; width:150px; line-height:42px; text-align:center}
.back_btn a:hover { background-color:#0168b8; transition:0.5s}