@charset "euc-kr";

#SubWrap {}
#SubContWrap { }
#SubCont { position:relative; float:left; padding-bottom:50px; }
#SubCont .stit {line-height: 160%; text-align:center;}

.stit  {padding:10px 0 35px;  font-family:'Noto Sans Korean'; font-size:44px; font-weight:700; }
.b_line  {border-bottom:2px solid #666; }  
.smenu  {width:100%;  }
.smenu ul li {float:left;  width:calc(25% - 20px); margin:20px 10px; 
              font-family:'Noto Sans Korean'; font-weight:700; font-size:16px; text-align:center; cursor:default;  }

.smenu ul li span { width:100%;  padding:10px; border:1px solid #003399; background:#0066cc;   
                   color:#fff;  text-align:center; cursor:default; box-sizing:border-box; }

.smenu ul li a:link   {display:inline-block; width:100%; padding:10px; border:1px solid #000; background:#fff;  box-sizing:border-box; cursor:pointer;  }
.smenu ul li a:hover  {background-color:#f6f6f6;  border:1px solid #0066cc; color:#0066cc;  }

/* Á¶´Þ ¹°Ç° */
#mas01  {position:relative; width:100%; }
#mas01 div {float:left;}  
#mas01.cam div.box1 {width:calc(53% - 250px); height:180px; padding-left:250px; padding-top:30px; background:url(/web/img/01-product/cam_01.png) no-repeat -50px 0  ; background-size:337px 212px;}
#mas01.av div.box1  {width:calc(47% - 20px); padding:200px 0 30px 20px; background:url(/web/img/01-product/av_01.png) no-repeat 50px 0  ; background-size:337px 212px;}
#mas01.cs div.box1  {width:calc(47% - 20px); padding:130px 0 30px 20px; background:url(/web/img/01-product/av_01.png) no-repeat 50px -20px  ; background-size:337px 212px;}
#mas01 div.box1 ul li {font-size:14px; font-weight:700; padding:3px; }
#mas01 div.box1 ul li  {list-style-type: disc;} 

 
#mas01.cam div.box2  {width: 47%; }
#mas01.av div.box2  {width: 53%; }
#mas01 div.box2  { margin-top:15px; border:3px solid #ccc; border-radius:10px; padding:10px;  box-sizing:border-box;} 
#mas01 div.box2 ul li {font-size:14px; font-weight:700; padding:3px; }
#mas01 div.box2 ul li span:nth-of-type(1)  {background:#9ec8eb; border-radius:5px; padding:3px 10px; margin-right:10px;  }
#mas01.av div.box2 ul li span:nth-of-type(1)  {width:135px; text-align:center; }
#mas01 div.box2 ul li span:nth-of-type(2)  {color:#be1e2d; margin-right:10px;  }
#mas01 div.box2 ul li span:nth-of-type(3)  { margin-left:10px;  }

#mas01 div.box3  { padding:10px 0 0 20px;}
#mas01 div.box3 ul li  { padding:3px 0;  font-weight:700; list-style-type: disc;} 


#mas01.cam div.box3 {width:100%; height:300px; padding-left:60%; padding-top:30px; background:url(/web/img/01-product/cam_04.png) no-repeat ; box-sizing:border-box;}
#mas01.cam div.box3  span { font-size:20px; font-weight:700; line-height:160%; padding-bottom:20px; color:#003399; }

#mas01.cam div.box3 ul li {font-size:16px; font-weight:700; padding:3px; }

#mas02  {position:relative; float:left; width:100%; }
#mas02 p {float:left; width: 100%;  padding:10px; }

#mas02 div ul li {float:left; text-align:center;}
#mas02.cam div ul li, #mas02.cs div ul li {width:calc(25% - 20px);  margin:10px;  }
#mas02.av div ul li,#mas02.dm div ul li {width:calc(20% - 10px);  margin:10px 5px;  }
#mas02 div ul li img {width: 80%; }
#mas02 div ul li div {width: 100%; border:5px solid #e4e4e4; border-radius:10px; padding:10px; box-sizing:border-box; }
#mas02.cam div ul li div {height:240px;}
#mas02.av div ul li div {height:200px;}
#mas02 div ul li a div:hover {border:3px solid #0066cc;   }
#mas02 div ul li div span {display:block; }
#mas02 div ul li div span:nth-of-type(1)    {font-family: 'Noto Sans Korean'; font-size:18px; font-weight:900; padding:20px 0 10px; border-bottom:1px solid #ccc;  } 
#mas02.dm div ul li div span:nth-of-type(1)    {font-weight:700; } 
#mas02 div ul li div span:nth-of-type(2)  { padding-top:10px;  }
#mas02.dm  div ul li div span:nth-of-type(2),#mas02.cs  div ul li div span:nth-of-type(2)   {color:#be1e2d; font-weight:700; }

#mas03,#mas04  {position:relative; float:left; width:100%; }
#mas03 h1 { width: 100%; padding:20px 0;  font-family: 'Noto Sans Korean'; font-size:24px; font-weight:700; }
#mas03 table  { width:100%; margin:0; padding:0; border-collapse:collapse; }
#mas03 table th {background:#e9f2ff; padding:10px; border:1px solid #ccc; font-family: 'Noto Sans Korean'; }
#mas03 table td {padding:5px; border:1px solid #ccc; font-size:15px; }
#mas03 table tr.top th  {background:#7291ca;  color:#fff;}
#mas03 table tr.top td  {color:#fff; font-weight:700;}
#mas03 table tr.top td:nth-of-type(1)  {background:#1b5fc1;}  
#mas03 table tr.top td:nth-of-type(2)  {background:#34459c;}
#mas03 table tr.top td:nth-of-type(3)  {background:#2b2f83;}
#mas03 table tr.top td:nth-of-type(4)  {background:#151d7c;}
#mas03 table tr.top td:nth-of-type(5)  {background:#262261;} 
#mas03 table td {padding:5px; text-align:center; }
#mas03 div.box  {height:150px; padding-left:300px; background:url(/web/img/01-product/cam_03.png) no-repeat ; background-size:200px 125px;}
#mas03 div.box ul li  {list-style-type: disc;  font-size:15px;} 

#mas04 div.box  {float:left; width:100%; margin-top:50px;}
#mas04 div.box div  {position:relative; float:left; border-top:2px solid #ddd; padding-top:50px;  font-weight: 500;  }  
#mas04 div.box div h1 {font-family: 'Nanum Barun Gothic'; font-size:32px; font-weight:400; color:#0066cc; padding-bottom:20px; }
#mas04 div.box div h1 img  {width:55px; vertical-align:top}
#mas04 div.box div:nth-of-type(1)  { width:calc(35% - 50px);  padding-right:50px; }
#mas04 div.box div:nth-of-type(1)  img { width:100%; border:1px solid #666; }
#mas04 div.box div:nth-of-type(2)  { width:65%;} 
#mas04 div.box div ul { padding-left:20px;  } 
#mas04 div.box div ul li { font-size:22px; font-weight:bold; } 
#mas04 div.box div ul li  {list-style-type: disc;}