/* 해당 css의 저작권은 silverline에게 있습니다. 무단 사용을 금지합니다. */
@charset "utf-8";

/*메인슬라이드배너*/
.mainImgBox { width: 100%; height: 400px;z-index:500;position:relative;background-color:#f9f3e4;}
#mainImg .navbar { overflow: hidden }
#mainImg { display: none;  width: 100% !important;}
#mainImg .main_img_bg1 {  width: 100%;height: 400px;background-image:url(../img/main/main_img01.jpg);background-repeat:no-repeat;background-position:center 0;}
#mainImg .main_img_bg2 {  width: 100%;height: 400px;background-image:url(../img/main/main_img02.jpg);background-repeat:no-repeat;background-position:center 0;}
#mainImg .main_img_bg3 {  width: 100%;height: 400px;background-image:url(../img/main/main_img03.jpg);background-repeat:no-repeat;background-position:center 0;}
#mainImg .slidesjs-navigation { margin-top: 5px;}
#mainImg a.slidesjs-next,  #mainImg a.slidesjs-previous, #mainImg  a.slidesjs-play, #mainImg a.slidesjs-stop { background-image: url(../img/main/btns-next-prev.png); background-repeat: no-repeat; display: block; width: 12px; height: 18px; overflow: hidden; text-indent: -9999px; float: left; margin-right: 5px; }

#mainImg a.slidesjs-next { margin-right: 10px; background-position: -12px 0; position:absolute; top:355px;left:19%;z-index: 500;}
#mainImg a:hover.slidesjs-next { background-position: -12px -18px;}
#mainImg a.slidesjs-previous { background-position: 0 0;  position:absolute; top:355px;left:18%;z-index: 500;}
#mainImg a:hover.slidesjs-previous { background-position: 0 -18px; }
#mainImg a.slidesjs-play { width: 15px; background-position: -25px 0;position:absolute; top:355px;left:20%;z-index: 500; }
#mainImg a:hover.slidesjs-play { background-position: -25px -18px; }
#mainImg a.slidesjs-stop { width: 18px; background-position: -41px 0;position:absolute;top:355px;left:20%;z-index: 500;}
#mainImg a:hover.slidesjs-stop { background-position: -41px -18px; }
#mainImg .slidesjs-pagination{display:none;}

#mainImg .slidesjs-container, #mainImg .slidesjs-control{height:400px;}

/*제품*/
.productBox{width:100%;min-width:1200px;min-height:400px;background-color: #fdf6e6;background-image:url(../img/main/productBoxBg.gif);background-repeat:repeat-y;background-position:center 0; }
.productBox .productBoxIn{width:1200px;margin:0 auto;padding:30px 0;}
.productBox .productBoxIn:after{content: ''; display: block; clear: both;}
.productBox .productBoxIn .left{float:left;width:600px;position:relative;background-color: #fdf6e6;padding:0 15px 0 0;box-sizing:border-box;}
.productBox .productBoxIn .right{float:left;width:600px;position:relative;background-color: #f1f6e6;padding:0 0 0 15px;box-sizing:border-box;min-height:400px;}

.productBox .productBoxIn .pMore01{position:absolute;top:0;right:15px;width:20px;height:20px;text-indent:-9999px;background-image:url(../img/main/pMore.png);background-repeat:no-repeat;background-position:0 0;}
.productBox .productBoxIn .pMore02{position:absolute;top:0;right:0;width:20px;height:20px;text-indent:-9999px;background-image:url(../img/main/pMore.png);background-repeat:no-repeat;background-position:0 0;}

.productBox .premiumBox01{width:100%;min-width:585px;border:1px solid #e4ba11;background-color:#f9f9f9;position:relative;min-height:284px;padding:32px 0 0 30px;margin:10px 0 0 0;box-sizing:border-box;}
.productBox .premiumBox01 .icopremi01{position:absolute; top:0;left:15px;width:73px;height:56px;background-image:url(../img/main/icoPremi01.png);background-position:0 0;background-repeat:no-repeat;z-index:600;}
.productBox .premiumBox01:after{content: ''; display: block; clear: both;}

.productBox .premiumBox02{width:100%;min-width:585px;border:1px solid #86a530;background-color:#f9f9f9;position:relative;min-height:284px;padding:32px 0 0 30px;margin:10px 0 0 0;box-sizing:border-box;}
.productBox .premiumBox02 .icopremi02{position:absolute; top:0;left:15px;width:73px;height:56px;background-image:url(../img/main/icoPremi02.png);background-position:0 0;background-repeat:no-repeat;z-index:600;}
.productBox .premiumBox02:after{content: ''; display: block; clear: both;}

#premium01{ display: none; width: 525px;height: 220px;}
#premium01 .slidesjs-navigation { margin-top: 3px; }
#premium01 .slidesjs-previous { margin-right: 5px; float: left; display: none; }
#premium01 .slidesjs-next { margin-right: 5px; float: left; }
#premium01 .slidesjs-pagination { position: absolute; top: 255px; left: 46.5%; list-style: none; z-index: 500; }
#premium01 .slidesjs-pagination li { float: left; margin: 0 7px 0 0; }
#premium01 .slidesjs-pagination li a { display: block; width: 15px; height: 0; padding-top: 15px; background-image: url(../img/main/pagination01.png); background-position: 0 0; float: left; overflow: hidden; }
#premium01 .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -15px }
#premium01 .slidesjs-pagination li a:hover { background-position: 0 -30px }
#premium01 .navbar { overflow: hidden }
#premium01 { display: none; float: left; width: 100% !important; }
#premium01 .main_img { clear: both; width: 525px !important; height: 220px; }
#premium01 .slidesjs-container, #premium01 .slidesjs-control{height:220px;}

#premium02{ display: none; width: 525px;height: 220px;}
#premium02 .slidesjs-navigation { margin-top: 3px; }
#premium02 .slidesjs-previous { margin-right: 5px; float: left; display: none; }
#premium02 .slidesjs-next { margin-right: 5px; float: left; }
#premium02 .slidesjs-pagination { position: absolute; top: 255px; left: 46.5%; list-style: none; z-index: 500; }
#premium02 .slidesjs-pagination li { float: left; margin: 0 7px 0 0; }
#premium02 .slidesjs-pagination li a { display: block; width: 15px; height: 0; padding-top: 15px; background-image: url(../img/main/pagination02.png); background-position: 0 0; float: left; overflow: hidden; }
#premium02 .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -15px }
#premium02 .slidesjs-pagination li a:hover { background-position: 0 -30px }
#premium02 .navbar { overflow: hidden }
#premium02 { display: none; float: left; width: 100% !important; }
#premium02 .main_img { clear: both; width: 525px !important; height: 220px; }
#premium02 .slidesjs-container, #premium02 .slidesjs-control{height:220px;}

.porductBt{width:100%;min-width:585px;border:1px solid #d1d1d1;background-color:#ffffff;background-image: url(../img/main/porductBtBg.gif);background-repeat:repeat-y; background-position: center 0;box-sizing:border-box;}
.porductBt:after{content: ''; display: block; clear: both;}

.prohotcap{float:left;width:263px;margin:22px 0 0 28px;}
.pronew{float:left;width:263px;margin:22px 0 0 29px;}

/*컨텐츠박스*/
.conBox{width:100%;min-width:1200px;background-image:url(../img/main/conBoxBg.gif);background-repeat:repeat-x;background-position:0 0;}
.conBoxIn{width:1200px;margin:0 auto;}

.movieBox{width:100%;padding:0 30px 0 0;box-sizing:border-box;}
.movieBox:after{content: ''; display: block; clear: both;}
.movieBox .left{float:left;width:570px;padding:20px 0 0 0;box-sizing:border-box;}
.movieBox .left h2{font-size:15px;color:#ffffff;background-image:url(../img/main/movieTit.png);background-repeat:no-repeat;background-position:0 0;padding:10px 0 0 40px;height:34px;}
.movieBox .left .movie{width:570px;height:315px;padding:35px 0 0 32px;background-image:url(../img/main/movieBg.jpg);background-repeat:no-repeat;background-position:0 0;}
.movieBox .right{float:left;width:600px;margin:59px 0 0 0;box-sizing:border-box;}
.movieBox .right .hnyt{height:147px;background-image:url(../img/main/movieLine.gif);background-repeat:no-repeat;background-position:0 bottom;}
.movieBox .right .hnyt:after{content: ''; display: block; clear: both;}
.movieBox .right .yunt{}
.movieBox .right .yunt:after{content: ''; display: block; clear: both;}
.movieBox .right .tleft{float:left;width:364px;padding:0 30px 0 30px;box-sizing:border-box;color:#ffffff;}
.movieBox .right .tright{float:left;width:236px;padding:35px 30px 0 30px;box-sizing:border-box;}

.movieBox .right .tleft .fgray{color:#aaaaaa;font-size:13px;}
.movieBox .right .tright a{display:block;width:206px;height:68px;border:1px solid #ebebeb;color:#ffffff;padding:15px 0 0 25px;box-sizing:border-box;position:relative;}
.movieBox .right .tright a .more{position:absolute;top:25px;right:25px;font-size:15px;color:#ffffff;}
.movieBox .right .tright a:hover{background-color:#393939;}

/*뉴스존*/
.newsBox{width:1200px;border-top:1px solid #d1d1d1;background-color:#ffffff;margin:30px 0 0 0;}
.newsBox:after{content: ''; display: block; clear: both;}
.newsBox .news{float:left;width:600px;height:256px;padding:0 0 0 22px;border-left:1px solid #d1d1d1;box-sizing:border-box;position:relative;}
.newsBox .tech{float:left;width:600px;height:256px;padding:0 0 0 22px;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;background-color:#fafafa;box-sizing:border-box;position:relative;}
.newsBox .cadal{float:left;width:600px;height:225px;padding:43px 0 0 32px;background-color:#4e809d;background-image:url(../img/main/techBg.jpg);background-repeat:no-repeat;background-position:0 0;box-sizing:border-box;}
.newsBox .cadal:after{content: ''; display: block; clear: both;}
.newsBox .cscen{float:left;width:600px;height:225px;background-color:#2a2a2a;background-color:#2a2a2a;background-image:url(../img/main/cscenBg.gif);background-repeat:no-repeat;background-position:0 0;box-sizing:border-box;position:relative;}

/*새소식*/
.newsBox .news h2 {padding:24px 0 0 0;}
.newsBox .news ul { width: 100%;box-sizing:border-box;padding:50px 50px 0 50px;}
.newsBox .news ul li { width: 100%;font-size:14px;line-height:24px;}
.newsBox .news ul li a {float: left;width:70%;}
.newsBox .news ul li a:focus, .news ul li a:hover { color:#27b1a3;}
.newsBox .news ul li a span.new { display: inline-block;float:left; width:90%;font-size:13px;white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;}
.newsBox .news ul li span.date { display: inline-block; float:left; width: 25%;  text-align: right; font-size:13px; }
.newsBox .news .btnMore { position: absolute; right:20px; top: 24px;width:20px;height:20px;}

/*기술력*/
.newsBox .tech h2 {padding:24px 0 0 0;}
.newsBox .tech ul{width:100%;margin:10px 0 0 0;}
.newsBox .tech ul li {float: left;margin:0 0 0 9px;}
.newsBox .tech ul li:first-child{margin:0;}
.newsBox .tech .btnMore { position: absolute; right:20px; top: 24px;width:20px;height:20px;}


/*카달로그*/
.newsBox .cadal h2 {float: left;width:215px;box-sizing:border-box;}
.newsBox .cadal ul{float: left;}
.newsBox .cadal ul li {float: left;}
.newsBox .cadal ul li a{display:inline-block;width:148px;height:148px;background-color:#074d6e;opacity:0.8;color:#ffffff !important;text-align:center;font-weight:bold;padding:45px 0 0 0;box-sizing:border-box;}
.newsBox .cadal ul li a:hover{opacity:1;background-color:#06415c;}
.newsBox .cadal ul li a .btnView{width:78px;margin:5px auto;line-height:24px;border:1px solid;color:#ffffff !important;font-weight:normal;}

/*문의처*/
.newsBox .cscen h2{position:absolute;top:50px;left:30px;font-size:24px;font-weight:bold;color:#ffffff;}
.newsBox .cscen .tel01Tit{position:absolute;top:40px;left:210px;font-size:20px;color:#ffffff;font-style:italic;font-weight:bold;}
.newsBox .cscen .tel01Tit span{border-bottom:1px solid #ffffff;padding:0 0 5px 0;}
.newsBox .cscen .tel01Tel{position:absolute;top:30px;left:320px;font-size:28px;color:#ffffff;font-weight:bold;}
.newsBox .cscen .tel01email{position:absolute;top:60px;left:320px;font-size:22px;color:#ffffff;font-weight:bold;}
.newsBox .cscen .tel02Tit{position:absolute;top:165px;left:120px;font-size:16px;color:#ffffff;font-style:italic;font-weight:bold;}
.newsBox .cscen .tel02Tit span{border-bottom:1px solid #ffffff;padding:0 0 5px 0;}
.newsBox .cscen .tel02Tel{position:absolute;top:165px;left:255px;font-size:18px;color:#ffffff;font-weight:bold;}
.newsBox .cscen .btnOnline{position:absolute;top:150px;left:435px;width:158px;height:53px;line-height:53px;font-size:15px;color:#ffffff;background-image:url(../img/main/btnCscen.png);background-position:0 0;background-repeat:no-repeat;font-weight:bold;padding:0 0 0 55px;box-sizing:border-box;}
.newsBox .cscen .btnOnline:hover{color:#fff043 !important;}
/*mba*/
.mbaBox{border-top:1px solid #f2f2f2;background-color:#f9f9f9;min-height:114px;}
.mba{width:1200px;margin:0 auto;height:114px;}