@charset "utf-8";

/* visual */
#mainVisual{width:100%;position:relative;height:960px;overflow:hidden;}
.visualslide{width:2000px;height:960px;position:absolute;left:50%;top:0;margin-left:-1000px;}
.visualslide .slideList li{width:2000px;height:960px;position:relative;}
.visualslide .slideList li .imgbg{position:relative; left:0;top:0;}
.visualslide .slideList li .cont{width:700px;position:absolute;top:600px;left:50%;margin-left:-350px;z-index:20;text-align:center;}
.visualslide .slideList li .cont .tit{display:block;}
.visualslide .slideList li .cont .tit00{display:block;margin-left:20px;}
.visualslide .slideList li .cont .tit01{display:block;margin-left:170px;}
/*.bx-controls-direction{width:100%; margin:0 auto;display:none;}
.visualslide .bx-pager{width:1300px;position:absolute;left:50%;bottom:30px;z-index:100;text-align:center;margin-left:-650px;}*/

#MainTextTitle{position:relative;margin:70px auto;text-align:center;}
#MainTextTitle .TextBold{font-weight:bold;font-family:'Open Sans', sans-serif;color:#222;font-size:36px;}
#MainTextTitle dl dt{font-size:32px;font-weight:normal;color:#555;margin-bottom:10px;}
#MainTextTitle dl dd{font-size:18px;font-weight:normal;color:#979797;}

#MainSlideBanner{width:100%;position:relative;height:570px;overflow:hidden;}
.visualslide00{width:2000px;height:570px;position:absolute;left:50%;top:0;margin-left:-1000px;}
.visualslide00 .slideList li{width:2000px;height:570px;position:relative;}
.visualslide00 .slideList li .imgbg{position:relative;left:0;top:0;}
.visualslide00 .slideList li .cont{width:1300px;position:absolute;top:50px;left:50%;margin-left:-650px;z-index:22;text-align:center;}
/*.visualslide00 .slideList li .cont .slide-battery{display:block;position:absolute;top:170px;left:50px;margin-bottom:20px;}*/
.visualslide00 .slideList li .cont .slide-logo{display:block;margin-bottom:20px;padding-top:140px;}
.visualslide00 .slideList li .cont .slide-big{display:block;font-size:30px;color:#fff;margin-bottom:10px;}
.visualslide00 .slideList li .cont .slide-small{display:block;font-size:18px;color:#fff;}
.visualslide00 .slideList li .slide-battery{display:block;position:absolute;top:220px;left:50%;width:1300px;margin-left:-600px;z-index:300;}

.visualslide00 .slideList li .cont .slide-menu01{display:block;float:right;margin-bottom:15px;margin-right:10px;}
.visualslide00 .slideList li .cont .slide-menu02{display:block;clear:both;float:right;margin-bottom:15px;margin-right:10px;}
.visualslide00 .slideList li .cont .slide-menu03{display:block;clear:both;float:right;margin-bottom:15px;margin-right:10px;}
.visualslide00 .slideList li .cont .slide-menu04{display:block;clear:both;float:right;margin-bottom:15px;margin-right:10px;}
.visualslide00 .slideList li .cont .slide-menu05{display:block;clear:both;float:right;margin-bottom:0px;margin-right:10px;}
.visualslide00 .slideList li .cont .slide-menu06{display:block;clear:both;position:absolute;width:500px;left:50%;top:400px;margin-left:-250px;}
.visualslide00 .slideList li .cont .slide-menu06 dl{text-align:center;}
.visualslide00 .slideList li .cont .slide-menu06 dl dt{font-size:28px;color:#fff;}
.visualslide00 .slideList li .cont .slide-menu06 dl dd{font-size:24px;font-family:'Open Sans', sans-serif;color:#fff;}

/* visual btn
 .bx-controls-direction{width:2000px; margin:0 auto;}
 .bx-prev{position:absolute; left:50%; top:300px; background:url(../images/os/new_img1/main/btn_vprev.png) no-repeat 0 0; width:70px; height:70px; z-index:100; text-indent:-9999px; margin-left:-800px;}
 .bx-next{position:absolute; right:50%; top:300px;background:url(../images/os/new_img1/main/btn_vnext.png) no-repeat 0 0; width:70px; height:70px; z-index:100; text-indent:-9999px; margin-right:-800px;}
  */
.visualslide00 .bx-pager{width:1300px;position: absolute;  left: 50%;bottom:10px; z-index:100; text-align:center; margin-left: -650px;}
.visualslide00 .bx-pager .bx-pager-item{display: inline-block;  margin-left: 10px; width:18px; height:18px;}
.visualslide00 .bx-pager .bx-pager-item a{background:url(../images/os/new_img1/main/btn_visual.png) no-repeat 0 0; width:18px; height:18px; display:inline-block; overflow:hidden; text-indent:-9999px;}
.visualslide00 .bx-pager .bx-pager-item a.active{background-image:url(../images/os/new_img1/main/btn_visual_on.png);}

#MainBottomBannerWrap{width:100%;position:relative;height:570px;overflow:hidden;background: url(../images/os/new_img1/main/mainbottombanner-bg.jpg) no-repeat center top;}
#MainBottomBannerWrap .MainBottomBannerAll{width:1300px;margin:50px auto;position:relative;opacity:0.9;}
#MainBottomBannerWrap .MainBottomBannerAll .MainBottomBanner{width:1200px;float:right; }
.MainBottomBanner li{float:left;display:inline-block;margin-left:10px;}
.MainBottomBanner li:first-child{margin-left:0;}
.MainBottomBanner .BannerLeftWrap{width:340px;height:470px;}
.BannerLeftWrap .BannerLeftCont{margin-top:10px;}
.BannerLeftWrap .BannerLeftCont li{float:left;width:165px;}
.BannerNotice{margin-bottom:10px;width:340px;height:160px;}

.MainBottomBanner .bannerRightWrap{width:850px;height:470px;}
.bannerRightWrap .bannerRightTop{height:200px;}
.bannerRightWrap .bannerRightBottom{height:270px;}

.DetailBtn{display:block;width:80px;height:35px;border:1px solid #fff;color:#fff;border-radius:3px;line-height:35px;}

/*.MainBottomBanner .BannerMiddleWrap{width:420px;height:470px;}
.BannerMiddleWrap li{float:none;display:block;margin-left:0;}
.BannerBattery{margin-bottom:10px;width:420px;height:200px;}
.BannerSns{margin-bottom:10px;width:420px;height:125px;}
.BannerContact{width:420px;height:125px;}

.MainBottomBanner .BannerRightWrap{width:420px;height:470px;}
.BannerRightWrap ul li{float:none;display:block;margin-top:10px;margin-left:0;}
.BannerRightWrap ul li:first-child{margin-top:0;}
*/

.MainScience{position:relative;width:1300px;margin:50px auto;text-align:center;}
.MainScience h4{font-size:36px;font-family:'Open Sans', sans-serif;font-weight:normal;color:#79818d;}
.MainScience h5{font-size:14px;font-family:'Open Sans', sans-serif;font-weight:normal;color:#979797;}
.TextBlack{color:#232323;}
.TextBold{font-size:16px;color:#797979;}
.MainScience ul{margin-top:50px;}
.MainScience ul li{width:340px;float:left;border-left:1px solid #e9e9e9;padding:0px 30px;display:inline-block;}
.MainScience ul li:first-child{border-left:none;}
.MainScience ul li a{display:block;}
.MainScience ul li a dl{padding-top:280px;}
.Science01{background:url(../images/os/new_img1/main/main-science-im01.png) no-repeat center top;}
.Science02{background:url(../images/os/new_img1/main/main-science-im02.png) no-repeat center top;}
.Science03{background:url(../images/os/new_img1/main/main-science-im03.png) no-repeat center top;}
.MainScience dl dt{font-size:30px;line-height:50px;color:#232323;font-weight:bold;}
.MainScience dl dd{font-size:13px;color:#acacac;line-height:18px;}
.MainScience dl dd.TextMiddle{font-size:16px;color:#aab1bd;margin-bottom:10px;}

.MainProductWrap{position:relative;height:500px;width:100%;overflow:hidden;padding:50px 0px;}
.MainProductWrap .MainProductImg{width:2000px;position:absolute;left:50%;margin-left:-1000px;}
.MainProductWrap .MainProudct{width:1300px;margin:0 auto;position:relative;z-index:50;}
.MainProudct ul{width:650px;float:right;text-align:left;position:relative;padding-top:140px;}
.MainProudct ul li{float:none;margin-bottom:20px;}
.MainProudct .ProductTextLogo{font-size:24px;color:#4c5563;font-family:'Open Sans', sans-serif;font-weight:lighter;}
.MainProudct .ProductTextBold{font-size:18px;line-height:20px;color:#4c5563;font-family:'Open Sans', sans-serif;font-weight:bold;}
.MainProudct .ProductTextNormal{font-size:14px;line-height:20px;color:#4c5563;font-family:'Open Sans', sans-serif;font-weight:normal;}
.ViewBtn{display:inline-block;padding:10px 20px;border:1px solid #4c5563;border-radius:3px;color:#4c5563;text-align:center;font-size:14px;font-weight:normal;}
.ViewBtn:hover{background:#4c5563;border:1px solid #4c5563;color:#fff;}


.MainBefore{position:relative;width:1300px;margin:0px auto 50px auto;text-align:center;}
.MainBefore h4{font-size:36px;font-family:'Open Sans', sans-serif;font-weight:normal;color:#79818d;}
.MainBefore h5{font-size:14px;font-family:'Open Sans', sans-serif;font-weight:normal;color:#979797;}
.TextBlack{color:#232323;}
.MainBefore ul{margin-top:30px;display:inline-block;}
.MainBefore ul li{width:300px;float:left;margin-left:30px;}
.MainBefore ul li:first-child{margin-left:0px;}
.MainBefore ul li a{display:block;}
.MainBefore ul li a dl{}
.MainBefore dl dd.BeforeTitle{font-size:30px;line-height:50px;color:#232323;font-weight:bold;}
.MainBefore dl dd{font-size:13px;color:#acacac;line-height:18px;}

.MainBusinessWrap{position:relative;height:500px;width:100%;overflow:hidden;}
.MainBusinessWrap .MainBusinessImg{width:2000px;position:absolute;left:50%;margin-left:-1000px;}
.MainBusinessWrap .MainBusiness{width:1300px;margin:0 auto;position:relative;z-index:50;text-align:center;}
.MainBusiness ul{text-align:center;position:relative;padding-top:160px;}
.MainBusiness ul li{float:none;color:#fff;}
.MainBusiness .BusinessBig{font-size:60px;color:#fff;font-family:'Open Sans', sans-serif;font-weight:lighter;}
.MainBusiness .BusinessBold{font-size:24px;line-height:30px;color:#fff;font-family:'Open Sans', sans-serif;font-weight:bold;}
.MainBusiness .BusinessNormal{font-size:14px;line-height:20px;color:#fff;font-family:'Open Sans', sans-serif;font-weight:normal;}
.ViewWhiteBtn{display:inline-block;margin-top:20px;padding:10px 20px;border:1px solid #fff;border-radius:3px;color:#fff;text-align:center;font-size:14px;font-weight:normal;}
.ViewWhiteBtn:hover{background:#4c5563;border:1px solid #4c5563;color:#fff;}





/*회원가입 css추가 이광호_20150216*/
.btnCheck {display:inline-block;background:#707070;color:#fff;border-radius:3px;text-align:center;padding:3px 10px;font-size:12px;font-weight:bold;cursor:pointer;margin-top:1px}
.btnCheck:hover{background:#535353}

/* 20150424 메인레이어팝업추가 */
#mybusiness{font-size: 13px; line-height: 22px; color: #1a1b1b; border:#686868;}
#mybusiness .popHeader{height:auto;}
#mybusiness .popcontent{padding:10px;}
#mybusiness h2{font-size: 16px;font-weight: normal;color: #333745; margin: 15px 0 10px 0; position:relative;}
#mybusiness h2 em{display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #344457;}
#mybusiness h2 span{font-size:12px; position:absolute; bottom:0; margin-left:15px;}
#mybusiness .my_sv + h2{}
#mybusiness .tbl-ty1 thead th{padding:4px 0; background-color:#758391;}
#mybusiness .tbl-ty1 tbody th{font-weight:normal; border-bottom: 1px solid #e9e9e9;}
#mybusiness .tbl-ty1 tbody td{text-align:center;}
#mybusiness .tbl-ty1 tr .lineY{}

#mybusiness .tbl-ty1_1 th,
#mybusiness .tbl-ty1_1 td{border-color:#dcdcdc !important; padding:4px 0;}
#mybusiness .tbl-ty1_1 tbody th{background: #758391; font-weight:normal; color:#fff;}
#mybusiness .tbl-ty1_1 tbody tr:first-child th,
#mybusiness .tbl-ty1_1 tbody tr:first-child td{border-top:1px solid #758391;}

/* 로그인 */
.login_Wrap{width:550px;margin:80px auto 120px auto;}
.login_top{height:96px;background: url(../images/os/new_img1/common/login.png) no-repeat top left;padding:15px 0 0 115px;}
.login_top h3{font-size:30px;color:#333;margin-bottom:10px;}
.login_top p{font-size:12px;color:#7a7d81;line-height:20px;}
.login_cont{border:1px solid #e9e9e9;padding:70px;position:relative;}
.login_area{margin: 0 auto;}
.loginWrite dt,.loginWrite dd{font-size:14px;}
.loginWrite dt{clear:both;float:left;height:46px;line-height:46px;width:80px;}
.loginWrite dd{float:left;width:140px;padding-top:5px;height:36px;}
.loginWrite dd input{font-size:13px;color:#bebebe;border:1px solid #d2d6d9;height:32px;line-height:32px;background:#fff;width:180px;padding-left:10px;}
.btnLogin{position:absolute;right:80px;top:75px;width:108px;height:80px;display:inline-block;background:#411467;line-height:80px;text-align:center;font-weight:bold;color:#fff;font-size:15px;}

.passLink{margin-top:30px;}
.passLink h3{color:#333;margin-bottom:7px;}
.passLink p{font-size:12px;color:#7a7d81}
.passLink div{float:left;width:100%;}
.passLink a{display:inline-block; text-align:center; width:120px; height:35px; line-height:35px; color:#fff; background:#ccc;margin:10px 5px 0 0;}

/* 2014-04-18 popup --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.popup_wrap01 {border:3px solid #373737; position:absolute; z-index:100;}
.popup_wrap02 {position:absolute; z-index:150;}

.popup_title{padding:10px 30px 10px 28px; background-color:#221e1f; border-bottom:3px solid #dedede; overflow:hidden; margin-bottom:5px}
.popup_title h3{height:22px; padding-top:4px; font-size:15pt; color:#fff; float:left;}
.popup_title a{float:right;}