@import url("common.css");

.clear{*zoom:1;}
.clear:after{content:""; display:block; clear:both;}

.point_txt01{color:#333; font-weight:600;}

/** ¸ÞÀÎ ºñÁÖ¾ó **/	

#visual{position:relative; width:100%; height:450px; overflow:hidden; }
	.mainVisual{width:100%; overflow:hidden}
	.mainVisual .slideWrap{width:1080px; margin:0 auto; position:relative;}
	.mainVisual .slideWrap ul.slide{width:1080px; overflow:hidden}
	.mainVisual .slideWrap ul.slide li{float:left; overflow:hidden; width:1080px; height:450px; position:relative;}
	.mainVisual .slideWrap .left{position:absolute; width:1080px; height:450px; background-color:#2c2c2c; opacity:.8; filter: alpha(opacity=80); left:0; margin-left:1080px; z-index:10; top:0px}
	.mainVisual .slideWrap .right{position:absolute; width:1080px; height:450px; background-color:#2c2c2c; opacity:.8; filter: alpha(opacity=80); right:0; margin-right:1080px; z-index:10; top:0px}
	.mainVisual  .slideWrap .Indicator{position:absolute; left:48%; top:390px; width:75px; z-index:10;}
	.mainVisual  .slideWrap .Indicator ul{overflow:hidden; float:left}
	.mainVisual  .slideWrap .Indicator li{float:left; width:19px; height:19px; background:url('/images/main/v_btn.png') no-repeat; margin-right:6px; line-height:100px; overflow:hidden; cursor:pointer;}
	.mainVisual  .slideWrap .Indicator li.on{width:19px; height:19px; background:url('/images/main/v_btn_up.png') no-repeat;}
	.mainVisual  .slideWrap .autoBtn{display:block; width:15px; height:15px; background:url('/images/main/vbtn_stop.png') no-repeat; float:left; margin:0x; cursor:pointer;}
	.mainVisual  .slideWrap .autoBtn.off{background:url('/images/main/vbtn_play.png') no-repeat}
	.hide{visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
	.mainVisual .slideWrap .txtBox1{width:1080px; height:450px; position:absolute; left:50%; margin-left:-540px; top:0px; overflow:hidden; background: url('/images/main/v_txt_bg02.png') repeat; z-index:9;}
		.txtBox1 dl{padding:44px 37px;}
		.txtBox1 dt{font-size:22px; font-weight:600; letter-spacing:-1.5pt; color:#333; line-height:100%;}
		.txtBox1 dd{font-size:18px; letter-spacing:-1.1pt; color:#333; line-height:27px;}
		.txtBox1 dd.blue_point1{font-size:49px; line-height:53px; font-weight:700; color:#0e4194; padding-top:17px; letter-spacing:-1.2pt;}
		.txtBox1 dd.blue_point2{font-size:52px; line-height:53px; font-weight:700; color:#0e4194; padding-bottom:20px; letter-spacing:-1.2pt;}

	/* ¿ø ¹öÆ° */
	.cont_bn{width:1000px; margin:0px auto; position:relative; overflow:hidden; margin-bottom:50px}
	.cont_bn ul{position:relative; overflow:hidden; border-left:1px solid #ddd; border-bottom:1px solid #ddd}
	.cont_bn li{float:left;border-right:1px solid #ddd;}

	/* È­»ìÇ¥ ¹öÆ° */
	.controller{position:absolute; display:none}
	.controller .btns .prev{} 
	.controller .btns .next{} 

.line{border-top:1px solid #ebebeb;}



#contents{position:relative; overflow:hidden; width:100%; }

/* Á¦Ç°¸®½ºÆ® */
#main_con01 {width:100%; background:#fff; padding: 50px 0; }
#main_con01:after{content:""; display:block; clear:both;}
#main_con01 h3{ text-align:center; font-size:28px; letter-spacing:-0.5px; color:#333; line-height:100%; padding:0 0 10px; font-family:"notoKrM",san-serif;}
#main_con01 h3 span{color:#e82e28; }
#main_con01 p{text-align:center; line-height:100%; color:#555; font-size:15px; letter-spacing:-0.3px;}

#main_con01 .product {position:relative; width:1080px; padding-top:108px; margin:0 auto; }
#main_con01 .product ul {overflow:hidden;}
#main_con01 .product li {float:left; width:320px; padding : 0 20px; }
#main_con01 .product li a:hover{ text-decoration:none; }
#main_con01 .product li:after{content:""; display:block; clear:both;}
#main_con01 .product dl {position:relative; width:320px; }
#main_con01 .product dt { border: 1px solid #cccccc; }
#main_con01 .product dd { text-align:center; width:320px; padding-top:25px;}
#main_con01 .product dd p {text-align:center; font-size:20px; font-family: 'Titillium Web', sans-serif; color:#333; line-height:24px; padding-bottom:10px; letter-spacing:-0.5px; font-weight:700;}
#main_con01 .product dd span {text-align:center; font-size:13px; color:#666; letter-spacing:0pt; }
#main_con01 .product dd span.price {text-align:center; font-size:18px; color:#ff1111; letter-spacing:0pt; }

#main_con01 .prev2 {position:absolute; display:inline-block; width:50px; height:50px; line-height:50px; top:30px; margin:0 0 0 485px; background:url('/images/main/btn_prev.gif') left top no-repeat; text-indent:-9999px; font-size:0;}
#main_con01 .next2 {position:absolute; display:inline-block; width:50px; height:50px; line-height:50px; top:30px; margin:0 0 0 545px; background:url('/images/main/btn_next.gif') left top no-repeat; text-indent:-9999px; font-size:0;}



#main_tech{width:100%; background:url('/images/main/banner_bg.jpg') no-repeat top center; height:260px; }
#main_tech:after{content:""; display:block; clear:both;}
#main_tech h3{ font-family:'Titillium Web', sans-serif; text-align:center; font-size:40px; letter-spacing:0px; color:#196fa6; line-height:100%; padding:0 0 10px; }
#main_tech h3 span{color:#df1d12;}
#main_tech p{text-align:center; line-height:22px; color:#1f87c9; font-size:15px; letter-spacing:-0.5px;}
#main_tech .main_tech_in{position:relative; width:1080px; margin:0 auto; overflow:hidden; clear:both; }
#main_tech .main_tech_in {overflow:hidden;}
#main_tech .main_tech_in li {float:left; width:500px; margin-left:80px; cursor:pointer; list-style:none;}
#main_tech .main_tech_in li:first-child {float:left; width:500px; margin-left:0px; list-style:none;}


#main_con02 {width:100%; padding:40px 0 50px; background-color:#fff; }
#main_con02:after{content:""; display:block; clear:both;}
#main_con02 .main_con02_in{width:1080px; margin:0 auto;}
	.box1{width:260px; float:left; margin-right:40px; margin-top:5px;}
	.board_title{position:relative; font-size:20px; color:#444; letter-spacing:-0.7pt; border-bottom:1px solid #a0a1a1; padding-bottom:15px; margin-bottom:15px;}
	.board_title span{position:absolute; right:5px; top:10px;}
	.box1 li{width:260px; position:relative;}
	.box1 li a{background:url('/images/main/dot_01.gif') left 6px no-repeat; line-height:25px; font-size:13px; letter-spacing:-0.5pt; padding-left:10px; }
	.box1 li span{font-size:12px; color:#949494; letter-spacing:-0.5pt; position:absolute; right:0; top:5px;}

	.box2{position:relative; float:left; width:500px; margin-top:5px;}
	.board_title2{position:relative; font-size:20px; color:#444; letter-spacing:-0.7pt; padding-bottom:0; margin-bottom:15px;}
	.board_title2 span{position:absolute; right:5px; top:10px;}

	.bxslider {width:100%; position:relative; margin:0 auto; overflow:hidden; clear:both; *zoom:1;}
	.bxslider li {float:left; overflow:hidden; height:115px; text-align:center}
	.btnLeftM {position:absolute; right:5px; top:75px; width:39px; height:63px; z-index:10;}
	.btnLeftM img {}
	.btnRightM {position:absolute; left:5px; top:75px; width:39px; height:63px; text-align:right; z-index:10;}
	.btnRightM img {}

	.box3{position:relative; float:right; width:240px; margin-top:5px; }
	.board_title3{position:relative; font-size:20px; color:#444; letter-spacing:-0.7pt; border-bottom:1px solid #a0a1a1; padding-bottom:15px; margin-bottom:5px;}
	.board_title3 span{position:absolute; right:5px; top:10px;}
	.cs_text dl {position:relative; width:240px; }
	.cs_text dt { font-size: 32px; color:#d61f1f; font-family:'Titillium Web', sans-serif;}
	.cs_text dd { }

#main_con03 {width:100%; padding:0 0 30px; background-color:#fff; }
#main_con03:after{content:""; display:block; clear:both;}
#main_con03 .main_con03_in{width:1080px; margin:0 auto;}
.mbanner ul {width:100%; overflow:hidden;}
.mbanner li {float:left;}