@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/MalgunGothic.css);
* {font-family:'MalgunGothic', sans-serif;}


html, body, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none;}
img, table{border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {color:#555; text-decoration:none;}


body {font-size:14px; line-height:160%; font-family:맑은고딕, NG, NGEN, '돋움', sans-serif; color:#666; letter-spacing: -0.5pt;}
input, textarea, select {font-family:맑은고딕, NG, NGEN, '돋움', sans-serif; color:#595b5f;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}
.parents:after {content:""; display:block; clear:both;}









.wrap { width:100%; }
.top_wrap { width:100%;  height:120px; background:#fff; border-bottom:1px solid #ccc;z-index:999999; }
.top { width:1200px; margin:0 auto; margin-top:0px; height:70px;  }
.logo {float:left; width:200px;} 


.top_menu_wrap { width:100%; height:50px; background:#b43f86; z-index:999999; }
.top_menu { width:1200px; margin:0 auto;z-index:999999;   }
#navi, #navi ul, #navi ul li #navi ul li ul{ margin:0; padding:0; z-index:999999;}
#navi  {padding-bottom:3px; }
#navi:before,
#navi:after,
#navi > ul:before,
#navi > ul:after { content: ''; display: block; clear: both; }
#navi ul { list-style: none; }
#navi ul li { float: left; position:relative; width:238px; }
#navi ul .navi_step01 { border-right:1px solid #e4f5f6; text-align:center;  }
#navi ul li a { padding: 16px 0px; display:block; color:#fff; font-weight:400; font-size:17px; text-decoration: none; line-height: 18px;  }
#navi > ul > li:hover > a { color:#fff; font-weight:bold; background:#6c0743; transition: all 0.35s ease-in-out; }
#navi > ul > li.active > a,
#navi > ul > li > a:active { color:#333; }

#navi > ul ul { opacity: 0; visibility: hidden; position: absolute; }
#navi > ul li:hover ul { opacity: 1; visibility: visible; top: 50px; left: 0; transition: all 0.17s ease-in-out; }
#navi > ul ul li { background:#b43f86; list-style: none; border-top:1px solid #e4f5f6; }
#navi > ul ul li a {
  padding: 12px 10px;
  display: block;
  color: white;
  font-size: 14px;
  text-decoration: none;
  width: 212px;
  border-left: 0px solid transparent;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#navi > ul ul li a:hover { border-left: 5px solid #450029; background: #450029; color:#d15ba5; font-weight:bold; font-size: 14px; }











/* 메인상단 */



#maintop {width: 100%; min-width:1220px; position:relative; height: 650px;   background:url(../images/mainbg.jpg); margin-bottom:70px;   }
.mainfla{position:relative;  height:430px; width:1200px;  margin:0 auto;}
.move_img{opacity:0;margin-top:-25px;position:absolute;top:140px;left:85px}
.move_txt{position:absolute;top:80px;left:100px; z-index:9;}


.mainfla2{position:relative;  height:210px;   width:1200px; margin:0 auto;}



/* 메인컨텐츠 */

#contents_m{ width:100%;  min-width:1220px; padding:0 0 30px; margin:0 auto;  overflow:hidden; position:relative; }


/* 메인첫째 */

	.contents1{position:relative;  width:1200px; margin:0px auto; padding-bottom:100px;  }
    
		
	
	

/* 메인둘째 */


	  .contents2{position:relative; margin:0 auto; overflow:hidden; width:1200px;; padding:10px 0 20px;}
	  
	.product{position:relative;float:left;width:1200px;height:200px;  padding:10px 0 0px 0px;  background:url(../images/bar.png) top left  no-repeat;   padding-right:5px; }
    .product h1{ position:relative; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 0px;}
  
  
      	  .setmain1{position:relative;float:left;width:399px;height:210px; padding:10px 0 0px 0px;     background:#2291f2 url(../images/ic01.jpg) center  50px no-repeat;  }
	 .setmain1 h1{ position:relative; font-size:24px; color:#fff; font-weight:500; letter-spacing:-0.7pt; padding:20px 0px 25px 30px;}
  .setmain1 p.cs_i {float:left; height:115px;  padding-top:5px; color:#fff;  font-size:14px;}
  .setmain1 p.cs_n {padding-bottom:10px;padding-left:30px;color:#fff; font-size:14px;}	
  .setmain1 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain1 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:20px;margin-top:0px;}
  .setmain1 .mT20{margin-top:20px;}


   .setmain2{position:relative;float:left;width:399px;height:210px; padding:10px 0 0px 0px;     background:#44aff2 url(../images/ic02.jpg) 10px  10px no-repeat;  }
   .setmain2 h1{ position:relative; font-size:24px; color:#fff; font-weight:500; letter-spacing:-0.7pt; padding:20px 0px 25px 30px;}
  .setmain2 p.cs_i {float:left; height:115px;  padding-top:5px; color:#fff;  font-size:14px;}
  .setmain2 p.cs_n {padding-bottom:10px;padding-left:30px;color:#fff; font-size:14px;}	
  .setmain2 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain2 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:20px;margin-top:20px;}
  .setmain2 .mT20{margin-top:20px;}


	  .setmain3{position:relative;float:left;width:399px;height:210px; padding:10px 0 0px 0px;  background:#94d7f2 url(../images/ic03.jpg) center  50px no-repeat;  }
   .setmain3 h1{ position:relative; font-size:24px; color:#fff; font-weight:500; letter-spacing:-0.7pt; padding:20px 0px 25px 30px;}
  .setmain3 p.cs_i {float:left; height:115px;  padding-top:5px; color:#fff;  font-size:14px;}
  .setmain3 p.cs_n {padding-bottom:10px;padding-left:30px;color:#fff; font-size:14px;}	
  .setmain3 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain3 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:20px;margin-top:20px;}
  .setmain3 .mT20{margin-top:20px;}



        











	  .setmain4{position:relative;float:left;width:400px;height:137px; padding:10px 0 0px 0px;     background:#2291f2 url(../images/ic04.png)20px  30px no-repeat;  }
	 .setmain4 h1 { position:relative; font-size:24px; color:#fff; font-weight:500; letter-spacing:-0.7pt; padding:20px 0px 15px 100px;}
.setmain4 h1 a{ color:#fff; }
  .setmain4 p.cs_i {float:left; height:115px;  padding-top:5px; color:#fff;  font-size:14px;}
  .setmain4 p.cs_n {padding-bottom:10px;padding-left:100px;color:#fff; font-size:16px;}	
  .setmain4 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain4 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:20px;margin-top:20px;}
  .setmain4 .mT20{margin-top:20px;}


   .setmain5{position:relative;float:left;width:399px;height:137px; padding:10px 0 0px 0px;     background:#44aff2 url(../images/ic05.png) 20px  30px no-repeat;  }
.setmain5 h1{ position:relative; font-size:24px; color:#fff; font-weight:500; letter-spacing:-0.7pt; padding:20px 0px 15px 100px;}
  .setmain5 p.cs_i {float:left; height:115px;  padding-top:5px; color:#fff;  font-size:14px;}
  .setmain5 p.cs_n {padding-bottom:10px;padding-left:100px;color:#fff; font-weight:600; font-size:16px;}		
  .setmain5 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain5 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:20px;margin-top:20px;}
  .setmain5 .mT20{margin-top:20px;}

	  .setmain6{position:relative;float:left;width:400px;height:137px; padding:10px 0 0px 0px;  background:#94d7f2 url(../images/ic06.png) 20px  30px  no-repeat;  }
.setmain6 h1{ position:relative; font-size:24px; color:#fff; font-weight:500; letter-spacing:-0.7pt; padding:20px 0px 15px 100px;}
	  .setmain6 p.cs_i {float:left; height:115px;  padding-top:5px; color:#fff;  font-size:14px;}
  .setmain6 p.cs_n {padding-bottom:10px;padding-left:100px;color:#fff;  font-weight:600;  font-size:16px;}	
  .setmain6 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain6 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:20px;margin-top:20px;}
  .setmain6 .mT20{margin-top:20px;}



	  


	  .setmain7{position:relative;float:left;width:320px;height:157px; padding:0px 0px 0px 0px;       border:#ccc 1px solid;  }
	  


  .noticemain{position:relative;float:left;width:395px;height:180px;  padding:10px 0 0px 0px;  background:url(../images/bar.png) top left  no-repeat;   padding-right:5px; }
  .noticemain h1{ position:relative; font-size:17px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 0px;}


  .noticemain2{position:relative;float:left;width:395px;height:180px;  padding:10px 0 0px 0px;  background:url(../images/bar.png) top left  no-repeat;   }
  .noticemain2 h1{ position:relative; font-size:17px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 0px;}

/** 서브 */





/** 서브 */

/* 서브플래시 */
.subtop {width: 100%;  height: 160px; min-width:1200px; background:#fff; margin-top:39px; }
.subfla { position:relative; width: 1200px; height: 160px;  ; font-size:43px; color:#333; font-weight:600;  background: url(../../images/main01.png)  center  center  no-repeat;   margin: 0px auto;  }
.smove_img{opacity:0;margin-top:-25px;position:absolute;top:0px;left:0px}
.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:80px;left:400px}


	.contents_s{position:relative;  width:1200px; margin:0px auto; padding-bottom:100px;  }


.subcontent {width: 930px; padding-left:35px; position:relative;   float:left;  }

/* 좌측메뉴 */
.lnb { float:left; width:220px; padding-bottom:50px; }
.lnb h3 { padding:25px 0 25px 0;  text-align:center;  background:#222; font-size:28px; color:#fff; font-weight:600 }
.lnb h3 p.stit{color:#acacac;  font-size:11px; letter-spacing:0.3pt;  margin-bottom:7px;  font-weight:600  }
.lnb ul {  margin-bottom:20px;   }
.lnb li { border-bottom:1px solid #ccc;  position:relative; text-align:left;   }



/* 텍스트 메뉴 */
.lnb li a {  padding:13px 10px;  display:block; color:#333; font-size:14px;  font-weight:600;   background: url('../images/arrow2.png') 200px 16px no-repeat; }
.lnb li:hover a, .lnb li.active a { color:#2d2d2d; padding:13px 10px; font-size:14px;  font-weight:600;  background: #f5f5f5 url('../images/arrow.png') 200px 16px no-repeat;}




	/*depth_3*/
	.lnb ol.depth_3{ color:#333;  background: #fafafa; border-bottom:1px solid #ccc; padding:10px 0 20px 10px;}
	.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:12px; height:25px; background: #fafafa url('../../images/dot.gif') 0 8px no-repeat !important; padding-left:8px;}
		.depth_3 dd a:hover{display:block; color:#333;}
		.depth_linktop{color:#fff !important; }
		.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
	




.lnb_common dl{ border:1px solid #cccccc; background:url(../../images/i_call.png) no-repeat right 11px top 11px; padding:0 0 21px 10px;color:#666; margin-bottom:17px}
.lnb_common dl dt{  position:relative; color:#33302e; font-size:17px; font-weight:600;line-height:30px;padding:0px px;letter-spacing:-0.5px;}
.lnb_common dl dd.tel{ font-weight:700;font-size:26px; color:#23408e;line-height:25px; padding-top:2px}
.lnb_common dl dd.op{ font-weight:700;font-size:16px; padding-top:10px; color:#00659a; line-height:25px;}
.lnb_common dl dd.fax{font-size:20px; font-weight:600;  letter-spacing:-0.3pt; color:#707070;  padding-top:8px}
.lnb_common dl dd.email{font-size:14px;color:#666;  font-weight:600;  letter-spacing:-0.3pt; padding-top:8px}


.lnb_banner {border:1px solid #cccccc; padding:2px;color:#666; margin-top:5px}


.banner {border:1px solid #cccccc; padding:2px; margin-bottom:5px}



.page-title{height:30px;   position:relative; padding-top:40px;  border-bottom:#CCC solid 1px;  padding-bottom:23px; }
.page-title-text { font-size:30px; font-weight:600; color:#313131; }
.page-navi { float:right; margin:0px 0 5px; }


.sub_com{  padding-top:10px;	margin-top:10px;	}



.txt1 { font-weight:600; font-size:18px; line-height:28px;  padding-top:10px;  color:#006699; padding-left:25px; background:url(../../images/tit_icon2.gif) no-repeat left  13px}
.txt0 { font-weight:600; font-size:20px; padding-bottom:10px;  color:#006699}
.txt2 {line-height:28px; padding-bottom:10px;  padding-left:25px}
.txt2 li { padding:5px 15px;  background:url(../../images/point.gif) no-repeat left}
.txt3 {line-height:28px; padding-bottom:10px;  }
.txt4 { font-weight:600; padding:7px 0; font-size:16px;  color:#006dc9;}

.txt5 { padding:0px 15px}
.txt5 li { background:url(../../images/point.gif) no-repeat left 12px; line-height:25px; padding:0px 10px; }

.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#333; text-align:center; padding:3px 0 3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:13px; background-color:#f9f9f9; font-weight:600; letter-spacing:-0.7pt;}
.table_style2 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0 3px 10px; text-align:left; line-height:24px; vertical-align:top}


.table_style3{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style3 th{color:#fff; text-align:center; padding:3px 0 3px 0;  font-size:14px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt;}
.table_style3 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0 3px 20px; text-align:left; line-height:24px; vertical-align:top}

.table_style4{width:100%; border-collapse:separate; border-spacing:0px; }
.table_style4 th{color:#fff; text-align:center; padding:3px 0 3px 0;  font-size:13px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt; border-radius: 10px;}
.table_style4 td{ padding:3px 0 3px 0px; text-align:center; line-height:24px; }



.table_style5{width:50%; border-collapse:separate; border-spacing:4px; }
.table_style5 th{color:#fff; padding:3px 0 3px 10px; text-align:left;  font-size:14px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt; border-radius: 5px;}
.table_style5 td{ padding:3px 10px 3px 10px; text-align:center; line-height:24px; }

.bundle{border-radius: 10px; background:#fff; border:#0080ed 2px solid; padding:5px 10px}
.bundle2{border-radius: 10px; background:#fff; border:#DDD 2px dotted; padding:5px 10px}

	.greeting_con{position:relative; overflow:hidden; background:url('../../images/greeting.jpg') right bottom no-repeat;  width:840px} 
	.greeting_con h4{font-size:25px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}
.greeting_txt{line-height:23px;}
	.greeting_con p.stit{font-size:16px; color:#6b6f73; letter-spacing:-0.5pt; padding-bottom:20px; font-weight:600;}
	.greeting_ceo{font-size:15px; color:#6b6f73; letter-spacing:-1pt; padding-top:35px; background:url('../../company/img/greeting_sign.gif') 160px bottom no-repeat;}
	.greeting_name{font-size:23px; color:#333; letter-spacing:-1pt; font-weight:700; margin-left:5px}
	
	/******** 공통CSS ********/
.point_txt01{color:#333; font-weight:700;}
.point_txt02{color:#2987e4; letter-spacing:-1pt;  line-height:35px;}
.point_txt03{color:#2987e4; letter-spacing:-1pt;  line-height:28px;}
.point_txt04{color:#2987e4; font-weight:700;}

.footer  h2{float:left; }
.footer ul{float:left;}
.footer li{}