@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0; background:#ebedee; font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:550px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:550px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:120px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}
.main_visual .pager_box {margin:0 auto; width:1100px; position:relative;  z-index:99999999 !important; position:relative; display:none;}
.main_visual .main_pager {position:absolute;  top:360px;height:15px;  text-align:center; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:16px; height:15px; margin:0 3px; border-radius:15px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{width:35px;background:#2b5dc0;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}


/*메인컨텐츠*/
.main_box { overflow:hidden;  margin:-140px auto 0; width:1080px; position:relative; z-index:2; padding-bottom:50px;}
.main_box li{float:left;width:360px; height:225px;}
.main_box li .box{height:225px; position:relative;}

.main_box li.m1{background-color:#2870a8;}
.main_box li.m2{background-color:#ffffff;}
.main_box li.m3{background:#e0e0e0 url(../images/main/main_m3_bg.png) left top no-repeat;;}
.main_box li.m4{background-color:#ffffff;}
.main_box li.m5{background:#e0e0e0 url(../images/main/main_m5_bg.png) center top no-repeat;;}
.main_box li.m6{background-color:#2870a8;}


/*제품소개*/
.main_m1 {color:#fff; text-align:center; padding-top:130px; background:url(../images/main/main_m1_bg.png) 45% 40px no-repeat;}
.main_m1 dt{font-size:26px;font-weight:bold; }
.main_m1 dd{font-size:16px; margin-top:10px; color:rgba(255,255,255,0.6);}





/*공지사항*/
.main_m2 {padding:30px; position:relative; min-height:150px;}
.main_m2 h3{color:#2870a8; font-size:22px;}
.main_m2 dl {margin-top:20px;}
.main_m2 dt {font-size:16px; font-weight:bold; color:#2f2f2f;}
.main_m2 dd {margin-top:7px; color:#6b6b6b; line-height:18px;}
.main_m2 .date {position:absolute; bottom:0px; left:30px; font-size:13px; color:#adadad;}


/*기술자료*/
.main_m3 {padding:30px; position:relative; min-height:150px; background:url(../images/main/main_m3_dot.png) 90% bottom no-repeat;}
.main_m3 dt {font-size:22px; font-weight:bold;  color:#060606;}
.main_m3 dd {margin-top:13px; font-size:16px; color:#060606; line-height:20px;}



/*고객센터*/
.main_m4 {padding:30px; position:relative;}
.main_m4 h3{position:relative; text-align:center;  margin-top:20px; font-size:22px; color:#323131;}
.main_m4 dl {margin-top:30px; text-align:center;} 
.main_m4 dt {font-weight:bold; letter-spacing:-1px; color:#2870a8; font-size:45px; margin-bottom:20px;}
.main_m4 dd {font-size:14px; color:#000000; line-height:20px;}


/*qna*/
.main_m5 {padding:30px; position:relative;text-align:center; font-weight:bold;}
.main_m5 .title{font-size:120px; color:#f8f8f8; margin-top:36px; line-height:70px;}
.main_m5 .title_info{font-size:20px; color:#313131; margin-top:30px;}


/*qna*/
.main_m6 {padding:30px; position:relative;}
.main_m6 dt {font-size:22px; font-weight:bold;  color:#fff;}
.main_m6 dd {margin-top:13px; font-size:16px; color:rgba(255,255,255,0.6); line-height:20px;}
.main_m6 ul {margin-top:20px;}
.main_m6 ul li{position:relative;  overflow:hidden; width:300px; height:auto;} 
.main_m6 ul li .photo{position:absolute; left:5px; top:5px; width:100px;}
.main_m6 ul li .photo img {width:60px; height:80px;}
.main_m6 ul li .info { overflow:hidden; margin-left:80px;}
.main_m6 ul li .info .t1{font-weight:bold; font-size:14px; margin:5px 0 10px; }
.main_m6 ul li .info .t2{ font-size:12px; line-height:18px;}
.main_m6 ul li .info a {color:#fff;}
