@charset "euc-kr";

/* intro */
 
 .boardArea{margin-top:30px;}

.float_L{float:left;}
.float_R{float:right;}
.goback{text-align:right;width:100%;}
.clear{clear:both;}
.widthA{width:400px;margin-right:20px; font-size:13px;}
 
 .hidetxt{visibility:hidden;height:0;}

h2{font-size:15px;padding:0px 0 0 0;margin-bottom:20px; }
#Content h3{border-bottom:2px solid #ccc;padding-bottom:10px;position:relative; width:100%;margin-bottom:0px;}
#Content h3 .more{position:absolute; left:50%; top:50%; width:360px; margin:-10px 0 0 0px; text-align:right; }
#Content h3.specT{border-bottom:0px solid #fff;}
 

.p1{padding-bottom:40px;}
.p2{padding-bottom:20px;}
.p3{padding-left:20px ;padding-bottom:60px;}

.mt{margin-top:30px;}
.mb{margin-bottom:30px;}
.ml{margin-left:30px;}
.ml2{margin-left:10px;}
.mr{margin-right:200px;}


.blue{color:#0e8ae9;}
.red{color:#ff6c00;}
.green{color:#009600;}

.fontT1{font-family:'NanumGothicExBold',sans-serif;}
 

.infoy{padding-top:30px;}

.ullist ul li{font-family:'NanumGothicExBold',sans-serif;background:url(../image/about/icon.gif) no-repeat 0 7px;padding-left:10px;}

.infoA{font-family:'NanumGothicExBold',sans-serif;}

p.subT{background:url(../image/pro/bullet.gif) no-repeat 0 1px;padding-left:20px;margin-top:20px;margin-bottom:10px;padding-bottom:5px;}


.sub_info{padding-left:30px;}

.icon{background:url(../image/tech/icon.gif) no-repeat 0 7px;padding-left:10px;}

.subtitle{margin-bottom:20px; font-size:20px;color:#4075d8;font-weight:bold;font-family:'NanumGothicExBold',sans-serif;}

/*Àλ縻*/
.greetingarea{background:url(../image/about/greetings.png) no-repeat 0 0px;min-height:689px;}
.greetingarea .txtinfo{width:65%;}
.greetingarea .txtinfo .btxt{padding-top:50px;font-family:'Noto Sans KR',sans-serif;font-size:23px;letter-spacing:-3px;line-height:28px;font-weight:500}
.greetingarea .txtinfo .btxt strong{font-weight:900}
.greetingarea .txtinfo .greeting_txt{color:#585858;margin-top:30px;font-family:'Noto Sans KR',sans-serif;font-size:13px;letter-spacing:-1px;line-height:20px;font-weight:700}
.greetingarea .txtinfo .greeting_txt div{margin-bottom:30px;}
.greetingarea .txtinfo .sign strong{font-family: 'Nanum Brush Script', cursive;font-size:30px;}


/*ȸ»ç¿¬Çõ*/
.historyArea{background:url(../image/about/history.jpg) no-repeat 0 60px;}
.historyArea_text{ padding-left:360px;;padding-top:50px;}
.historyArea_list{}
.historyArea_list:after{content:""; display:block; clear:both;}
.his_year{color:#2488e2;position:relative;margin-bottom:10px;font-weight:bold; font-family:verdana;font-size:20px;}
.historyArea_list ul {margin-bottom:30px; }
.historyArea_list ul li{font-family:'NanumGothicExBold',sans-serif;background:url(../image/about/icon.gif) no-repeat 0 7px;padding-left:10px;}


.zoom img{vertical-align:middle;}

/*°æ¿µÀ̳ä*/
.visiontxt{font-family:'Noto Sans KR',sans-serif;font-size:14px;line-height:20px;font-weight:600;letter-spacing:-1px;}
.visiontxt strong{font-weight:700;font-size:16px;}
/*submenu*/
.submenuArea{margin-bottom:30px;margin-top:30px;}
.submenuArea:after{clear:both;}
.submenuArea ul{padding:0;margin:0;border-bottom:1px solid #686868;width:100%;height:36px;}
.submenuArea ul li{float:left;padding:0;margin:0;}
.submenuArea ul li img{vertical-align:top;}


.titA{margin-bottom:30px;}
 
/*³³Ç°ÇöȲ*/

ul.banerarea{}
ul.banerarea li{float:left;width:140px; height:80px;border-top:0px solid #cacaca;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;text-align:center;}
ul.banerarea li.first{border-left:1px solid #cacaca;}
ul.banerarea li.top{border-top:1px solid #cacaca;}

/*»çÁø*/
.photoArea{padding:0;margin-top:0px;margin-bottom:30px;}
.photoArea:after{clear:both;content:""; display:block;}
.photoArea ul{padding:0;margin:0;width:100%;}
.photoArea ul li{float:left;padding:0;margin:0 10px 20px 0 ;text-align:center;font-size:13px;font-family:'Noto Sans KR',sans-serif;}
.photoArea ul li img{vertical-align:top;border:0px solid #666666;position:relative;margin-bottom:5px;}


/*product*/
.Quick1pro ul{height:900px;padding:0;margin:0;}

.proTxt{margin-top:0px;padding-top:0px;}

ul.proAreaA{padding:0;margin:0;}
ul.proAreaA li{display:inline;padding-right:2px;}





/* Á¦Ç°¸®½ºÆ® */
.mainProlist{border-bottom:1px solid #ccc;width:100%;margin-bottom:50px;margin-top:10px;}
ul.mainPro{width:100%; overflow:hidden;margin-bottom:20px;}
ul.mainPro li {position:relative; float:left; text-align:center;min-width:115px;margin-bottom:20px; }
ul.mainPro.pro_myseries li {width:25%;background: url(../image/pro/back_pro.gif) no-repeat center 0;}
ul.mainPro li.wpro{width:220px;margin-right:200px; }
ul.mainPro li.wpro2{width:220px;margin-right:15px; }
ul.mainPro li span.proimg{display:block;position:relative; z-index:1;  height:150px; margin:0px;text-align:center;  }
ul.mainPro li span.proName{font-weight:bold; font-family:'verdana';display:block;margin:0px; font-size:11px;text-align:center;}
ul.mainPro li span.proView{display:block;text-align:center;margin:0px; }
ul.mainPro li.heightA{height:220px; }
 
/* ¼³Ä¡¿¹ */
.proex{background:url(../image/pro/port_back.jpg) no-repeat 0 0;width:100%;margin-bottom:50px;height:310px; }

.proex .extitle{float:left;width:150px;padding-left:20px;padding-top:60px;}
.proex .extitle p{margin-bottom:10px;}
.proex .eximg{float:left;width:420px;padding-left:80px;padding-top:40px;}

.proex ul { padding:0px 0 20px 0;margin:0 auto 0 auto; overflow:hidden; }
.proex ul li { float:left; vertical-align:top;width:102px;position:relative; }
.proex ul li span.proimg{display:block;position:relative; z-index:1; height:95px; margin:0px;text-align:center;  }
.proex ul li span.proimg img{border:1px solid #ccc;}
.proex ul li span.proName{font-weight:bold; font-family:'NanumGothicExBold',sans-serif;display:block;margin:0px; font-size:11px;text-align:center; }


/* Á¦Ç°¼³¸í */
.proArea{}
.proArea .photoArea{margin-bottom:50px;}

.applist ul{}
.applist ul li{float:left;width:100px;margin-right:5px;height:140px;}

.probeforafter ul li div.titlbar{background:#f7f7f7;font-weight:bold; font-family:'NanumGothicExBold';width:100%;padding:5px;margin-bottom:10px;text-align:center;font-size:15px;margin-bottom:10px;}


 /*¼­ºêÁ¦Ç°¸®½ºÆ®*/
 .pro_submenu{margin-top:20px;}
 .pro_submenu span{display:inline-block;margin-right:3px;}
 .pro_submenu span a{display:block;border-radius:3px; background:#fff;border:1px solid #ed7d31;color:#000;padding:10px 10px 10px 10px;line-height:12px;font-size:12px;font-weight:bold; font-family:'verdana';}
 .pro_submenu span a.on{background:#ed7d31;border:1px solid #ed7d31;color:#fff;}

  /*ÀÓ°¡°ø*/
.con_submenu{}
.con_submenu:after{clear:both;content:""; display:block;}
.con_submenu ul{}
.con_submenu ul li{font-family:'NanumGothicExBold',sans-serif;display:block; float:left;width:111px;margin-right:5px;background:url(../image/imga/submenu.gif) no-repeat 0 0px;text-align:center;margin-top:3px;padding-top:6px;height:25px;}
.con_submenu ul li.on{background:url(../image/imga/submenu_on.gif) no-repeat 0 0px;}

  

.part{margin-top:30px; clear:both;}
.part:after{clear:both;content:""; display:block;border-bottom: 1px dashed #ccc;}
.imga_title{margin-bottom:20px;}
.imga_con{font-family:'NanumGothicExBold',sans-serif;}
.imga_con .imga_photo{float:left;width:320px;}
.imga_con .imga_contents{float:left;width:400px;}
.imga_con .imga_contents .imga_subtitle{margin-bottom:20px; font-size:20px;color:#4075d8;}
.imga_con .imga_contents .imga_contents_1{margin-bottom:10px;color:#707070;font-size:12px;}
.imga_con .imga_contents ul.imga_contents_list{margin-bottom:20px;}
.imga_con .imga_contents ul.imga_contents_list li{background:url(../image/imga/dot.gif) no-repeat 0 5px;padding-left:10px;}
.imga_con .imga_contents .top_link{text-align:right;}


/*¿¬¸¶Àç*/
.yeonmalist{margin-top:20px;}
.yeonmalist ul{}
.yeonmalist ul li{float:left;margin-right:3px;margin-bottom:25px;height:150px;}
.yeonmalist ul li P{font-weight:bold; font-family:'NanumGothicExBold',sans-serif;margin:0px; font-size:11px;text-align:center; }

ul.connphoto{padding-left:30px;}
ul.connphoto li{float:left;margin-right:5px;}
  
  /*Form*/
  .box{ font-family:Dotum;
 border:1px solid #B9B7B7;
 font-size:12px;
 color:#555555;
 
 padding:1px;
 scrollbar-face-color: #FFFFFF;
 background-color: #ededec;}


 .notbox{ border:0px solid #B9B7B7;background-color: #fff;padding:0px;}

 .agreeBox{width:650px;height:204px;overflow:auto;position:relative;padding:10px 0 10px 20px; border:2px solid #ccc;margin-left:20px;text-align:left;}

 .specT1{font-weight:bold;}
 .specT1-1{}