/* main */
.main { overflow:hidden; }
.main-img-wrap { position:relative; margin:auto; overflow:hidden; border-top: 1px solid #C4C4C4; }
.main-img { position: relative; margin:auto; width: 980px; }

.main-img .list-wrap { position: absolute; top: 0; left: 0; width: 980px; height:443px;  }
.main-img .cover { position: absolute; left:375px; width: 980px; height: 443px; z-index: 2; background: url(../../../images/user2012/kr/main/main_img_bg.gif) repeat-x; background-color: white; }
.main-img .controller { position: absolute; top:370px; left:74px; z-index: 6;   }
.main-img .controller * { border: 0; }
.main-img .prev-btn { display: block; position: absolute; top: 267px; left: 318px; width:10px; height: 13px;   }
.main-img .pause-btn {  }
.main-img .next-btn { display: block; position: absolute; top: 267px; left: 347px; width:10px; height: 13px;   }
.main-img .left-wrap,
.main-img .right-wrap { position: absolute; top: 0; left: -610px; width: 610px; height: 443px; background: url(/images/main/main_img_side_bg.png) repeat-x; z-index: 5;  }
.main-img .right-wrap { left: 980px; background: url(/images/main/main_img_side_bg.png) repeat-x; }
.main-img .right-wrap .right_shadow { height:443px; background: url(/images/main/main_img_side_bg_r.png) no-repeat; }
.main-img .left-wrap .left_shadow { height:443px; background: url(/images//main/main_img_side_bg_l.png) right top no-repeat; }
.main-img .img_wrap { position:relative; height: 214px;  }
.main-img .img_wrap img { position: absolute; top: 0; left: 0; }
.main-img .icons { float:left; margin: 0; }
.main-img .icons a { float:left; margin-left: 6px; }
.main-img .icons a.pause-btn { margin-top:5px; margin-right:5px; }
.main-img .icons .icon { width:22px; height:23px; text-indent:-5000px; }
.main-img .icons .icon1 { background:url(../../../images/user2012/kr/temp/icon1.png) no-repeat left top; }
.main-img .icons .icon2 { background:url(../../../images/user2012/kr/temp/icon2.png) no-repeat left top; }
.main-img .icons .icon3 { background:url(../../../images/user2012/kr/temp/icon3.png) no-repeat left top; }
.main-img .icons a.icon.on,
.main-img .icons a.icon:hover,
.main-img .icons a.icon:focus,
.main-img .icons a.icon:active { background-position:left -23px; }
.main-img .readmore { position: absolute; top: 304px; left: 80px; }
.main-img .sub_img_wrap { position: absolute; z-index: 6;  }
.main-img .sub_img_wrap .sub_img .sub_img_1 { position: absolute; top: 83px; left: 80px; }
.main-img .sub_img_wrap .sub_img .sub_img_2 { position: absolute; top: 213px; left: 80px; }
.main-img .sub_img_wrap .sub_img .sub_img_1,
.main-img .sub_img_wrap .sub_img .sub_img_2,
.main-img .readmore { display:none; }


.main-con1 { position:relative; margin: 40px auto 0 auto; width: 980px; height: 130px; }
.main-con1 img.tt { float: left; margin: 0; }
.main-con1 .sum { position: absolute; top: 30px; left: 0; }
.main-con1 .more-btn { position: absolute; top: 127px; left: 30px; }
.main-con1 .prev-btn { position: absolute; top: 22px; left: 270px; width: 15px; height: 30px; }
.main-con1 .next-btn { position: absolute; top: 22px; right: 0; width: 15px; height: 30px; }
.main-con1 .list-wrap { position: absolute; top: 0; left: 290px; overflow: hidden; width: 670px; height:145px;  }
.main-con1 ul { position: absolute; }
.main-con1 ul li { float: left; margin:0 10px; width: 114px; text-align: center; }
.main-con1 ul li .tt { display:block; padding: 14px 0 14px 0; font-weight: bold; }
.main-con1 ul li .desc { text-align: left; font-size: 11px; }
.main-con1 .solutionPager { position: absolute; top: 105px; left:0; }
.main-con1 .solutionPager a { float: left; margin-right:5px;  width:20px; height: 20px; background:#898989;  text-align: center; color: white; line-height: 20px;  }
.main-con1 .solutionPager a.on,
.main-con1 .solutionPager a:hover,
.main-con1 .solutionPager a:focus,
.main-con1 .solutionPager a:active { background:#eb2838;  }

.main-con2 { overflow:hidden; zoom:1; margin: auto; width: 980px; }
.main-con2 div { float: left; }
.main-con2 div.con2 { border-top: 2px solid #E6E6E6; width:191px; height: 198px;  }
.main-con2 div.con2 h3 { margin: 23px 0 0 31px; }
.main-con2 div.con2 .con { margin: 23px 0 0 31px; }
.main-con2 div.con3 { border-top: 2px solid #E6E6E6; border-left: 1px solid #E6E6E6; width: 604px; height: 181px; }
.main-con2 div.con3 h3 { margin: 22px 0 0 30px; }
.main-con2 div.con3 ul { margin: 15px 0 0 40px;  }
.main-con2 div.con3 ul li { float: left; width: 295px; height: 64px; }
.main-con2 div.con3 ul li.col2 { width: 269px; }
.main-con2 div.con3 ul li img.icon { float: left; }
.main-con2 div.con3 ul li p.tt { float: left; margin: 0 0 6px 15px; width:219px;  }
.main-con2 div.con3 ul li p.desc { float: left; margin: 0 0 6px 15px; width:219px; font-size: 11px; }

.main-con3-wrap { margin-top:40px; border-top: 1px solid #E5E5E5; height: 39px; background: #f2f2f2; }
.main-con3 { position: relative; margin: auto; width: 980px; }
.main-con3 h3 { position:absolute; top:15px; left:0; }
.main-con3 h3 img { float:left; }
.main-con3 .list-wrap {  position:absolute; top: 15px; left:66px;  overflow:hidden;  margin: 0; padding: 0; width: 364px;  }
.main-con3 ul { position:relative; float: left;  height:13px;  }
.main-con3 ul li { position: absolute; left: 0; line-height: 13px; width: 364px; }
.main-con3 ul li.left { left:-364px; }
.main-con3 ul li.right { left:364px; }
.main-con3 ul li.center { left:0; }
.main-con3 ul li img { padding-right: 6px; }
.main-con3 .controller { margin: 15px 20px 0 0; }
.main-con3 .con1 { position:relative; float: left; width: 491px; height: 39px; background: url(../../../images/user2012/kr/main/con3_bar.gif) no-repeat right bottom; }
.main-con3 .con2 { position:relative; float: left; width: 489px; }
.main-con3 .con2 h3 { left:20px; }
.main-con3 .con2 .list-wrap { left: 100px; width:340px;  }
.main-con3 .con2 ul { width: 340px; }
.main-con3 .con2 ul li { float: left; width: 340px; }
.main-con3 .con1 .controller { position:absolute; right:5px;}
.main-con3 .con2 .controller { position:absolute; right:5px;}
.main-con3 .controller .prev-btn{ position:absolute; top:2px; left:-21px; }
.main-con3 .controller .next-btn{ position:absolute; top:2px; }
.main-con3 .controller .pause-btn{ position:absolute; top:2px; left:-10px; }

.main-con10 { overflow: hidden; margin: auto; margin-top:20px; padding: 0; width: 960px;  border: 10px solid #f1f1f1; }
.con10_left_wrap { float:left; width:479px; height:130px; }
.con10_right_wrap { float:left; width:480px; height:130px; }
.con10_bar { float:left; margin-top:5px; }
.main-con10 h3 { margin:29px 0 0 40px; }
.main-con10 .con1 { float: left; margin:10px 0 10px 40px; }
.main-con10 .con10_1_1,
.main-con10 .con10_2_1 { display:none; width: 729px;}
.main-con10 .con10_1_2,
.main-con10 .con10_2_2 { float: left; margin: 35px 0 0 30px; }
.main-con10 .con10_1_3,
.main-con10 .con10_2_3 { display:none; float: left; margin: 35px 0 0 30px; }
.main-con10 ul { float: left; margin: 10px 0 0 40px; width: 428px; }
.main-con10 ul li { float: left; margin-bottom: 6px; width: 78px; }
.main-con10 ul li.long { width: 140px; }
.main-con10 ul li.short { width: 100px; }
.main-con10 .con10_2_1 ul {  margin-left:30px; width:400px; }

.main-con11 { overflow: hidden; margin: auto; margin-top: 40px; width: 980px; }
.main-con11 .main-con11_1 { float: left; margin-right:25px; width: 245px; height:170px; background:url(../../../images/user2012/kr/main/bar_con11.gif) no-repeat right center; }
.main-con11 h3 { margin-bottom: 20px; }
.main-con11 .main-con11_2 { float: left; margin: 0 25px 0 0; padding-right:25px; width: 415px; height:170px; background:url(../../../images/user2012/kr/main/bar_con11.gif) no-repeat right center; }
.main-con11 .main-con11_2 h4,
.main-con11 .main-con11_2 .tt { display:block; font-size: 14px; color:#444444; margin-bottom: 16px; font-weight:bold;  }
.main-con11 .main-con11_2 .sum {  }
.main-con11 .main-con11_2 .sum p,
.main-con11 .main-con11_2 .p{ font-size: 12px; color:#757575; line-height:19px;  }
.main-con11 .main-con11_2 .thumb { float: left; margin-right: 16px; }
.main-con11 .main-con11_3 { position:relative; float: left; width: 245px; height:170px; overflow:hidden; }
.main-con11 .main-con11_3 h3 { margin-bottom:18px; }
.main-con11 .main-con11_3 iframe {border: 0; padding-top: 0;}
.main-con11 .main-con11_3 .readmore {  position:absolute; top:12px; right:0; }