@charset "utf-8";
/*좌측네비*/

#simulator{ position:relative; background:url(../../images/sub/len_bg.jpg) center top no-repeat; padding-top:210px; padding-bottom:100px;}
#simulator h3{ font-size:1.8em; font-weight:700; padding-bottom:20px; padding-top:50px;}
#simulator p#title{ font-size:1em; line-height:18px;}

#tab_menu{ width:100%; margin-top:10px;padding-bottom:30px;}
#tab_menu li{ background:url(../../images/sub/simulator/tab_btn/butten_on.jpg) left center no-repeat; font-size:1.12em; width:139px; height:33px; line-height:33px; color:#FFFFFF; text-align:center; float:left; margin-right:2.5px;cursor:pointer;}


#lens{margin-top:30px;}
#lens h4{ font-size:1.4em; font-weight:700; padding-bottom:20px;}
#lens_bg{ position:relative; overflow:hidden; width:100%; background:url(../../images/sub/simulator/simulator_0.jpg) center center no-repeat; height:472px; z-index:111;}
#lens_nav{ position:absolute; left:-100px; top:0; width:100px;filter:alpha(opacity=80); opacity: 0.8; }
#lens_nav h4{ position:absolute; left:100px; top:5px; font-size:1.6em; cursor:pointer; z-index:111;}
#lens_nav ul{ width:95%; margin:0 auto; margin-top:5px;}
#lens_nav ul li{ position:relative; width:95px; height:26px; line-height:26px; text-align:center; cursor:pointer; margin-top:2px; }
#lens_nav ul li span{ position:absolute; left:0; top:0;display:block;}
#lens_nav ul li strong{ position:absolute; left:0; width:100%; z-index:1111111;color:#FFFFFF; display:block; text-align:center;}
#mark_bg{ position:absolute; top:0; left:350px; background:url(../../images/sub/simulator/s_bg.jpg) -350px top no-repeat;   width:1000%; height:100%;}

#btn_lay{ position:absolute; left:350px; width:30px; height:472px; cursor:pointer;}
#left_btn{ position:absolute; top:180px; left:-30px; width:24px; height:68px; background:url(../../images/sub/left_btn.png) left center no-repeat; display:inline-block;}
#right_btn{position:absolute; top:180px; left:15px; width:24px; height:68px; background:url(../../images/sub/right_btn.png) right center no-repeat;display:inline-block;}



#lens3{margin-top:30px;}
#lens3 h4{ font-size:1.4em; font-weight:700; padding-bottom:20px;}
#lens_bg3{ position:relative; overflow:hidden; width:100%; background:url(../../images/sub/simulator/simulator2_0.jpg) center center no-repeat; height:472px; z-index:111;}
#lens_nav3{ position:absolute; left:-100px; top:0; width:100px;filter:alpha(opacity=80); opacity: 0.8; }
#lens_nav3 h4{ position:absolute; left:100px; top:5px; font-size:1.6em; cursor:pointer; z-index:111;}
#lens_nav3 ul{ width:95%; margin:0 auto; margin-top:5px;}
#lens_nav3 ul li{ position:relative; width:95px; height:26px; line-height:26px; text-align:center; cursor:pointer; margin-top:2px; overflow:hidden; }
#lens_nav3 ul li span{ position:absolute; left:0; top:0;display:block;}
#lens_nav3 ul li strong{ position:absolute; left:0; width:100%; z-index:1111111;color:#FFFFFF; display:block; text-align:center;}
#mark_bg3{ position:absolute; top:0; left:350px; background:url(../../images/sub/simulator/simulator2_eye.jpg) -350px top no-repeat;   width:1000%; height:100%;}

#btn_lay3{ position:absolute;  left:350px; width:30px; height:472px; cursor:pointer;}
#left_btn3{ position:absolute; top:190px; left:-30px; width:24px; height:68px; background:url(../../images/sub/left_btn.png) left center no-repeat; display:inline-block;}
#right_btn3{position:absolute; top:190px; left:15px; width:24px; height:68px; background:url(../../images/sub/right_btn.png) right center no-repeat;display:inline-block;}


/*#lens2{ position:relative; margin-top:30px; height:660px; width:708px;}
#lens2 h4{ font-size:1.4em; font-weight:700; padding-bottom:20px;}
#len2_menu{ position:absolute; left:0px;top:40px; width:100%;  background:url(../../images/sub/top_bar.png)  no-repeat; z-index:11111; height:50px;}
#len2_menu ul{ width:200px; margin:0 auto; margin-top:8px; }
#len2_menu ul li{width:95px; height:16px; line-height:16px; color:#FFFFFF; display:inline-block; cursor:pointer; border-left:1px solid #FFFFFF; text-align:center; font-size:18px;}*/

#lens2{ position:relative; margin-top:30px; height:472px; width:708px; height:512px;}
#lens2 h4{ font-size:1.4em; font-weight:700; padding-bottom:20px;}
#len2_menu{ position:absolute; left:-100px; top:40px; width:100px;filter:alpha(opacity=80); opacity: 0.8; z-index:111111111; }
#len2_menu h4{ position:absolute; left:100px; top:5px; font-size:1.6em; cursor:pointer; z-index:111;}
#len2_menu ul{ width:95%; margin:0 auto; margin-top:5px;}
#len2_menu ul li{ position:relative; width:95px; height:26px; line-height:26px; text-align:center; cursor:pointer; margin-top:2px; overflow:hidden; }
#len2_menu ul li span{ position:absolute; left:0; top:0;display:block;}
#len2_menu ul li strong{ position:absolute; left:0; width:100%; z-index:1111111;color:#FFFFFF; display:block; text-align:center;}




.lens2_bg{ position:absolute; width:100%; height:472px; display:none;}
.lens2_img{ position:absolute; left:0; top:0; display:none;}
.lens2_img li{ position:absolute; left:0; top:0;display:none;}
.lens2_img li p{ position:absolute; top:190px; left:145px;}

#w_main{ position:absolute; top:39px; left:0;}

#weather{ position:absolute; top:50px; right:10px;  background:url(../../images/sub/simulator/weather_bg.png) no-repeat; width:169px; height:55px;  padding-left:90px; padding-top:5px;}
#weather li{ display:inline-block; width:51px; height:51px; line-height:29px;  color:#252525; text-align:center;  cursor:pointer;}
#weather li#w_icon0{background:url(../../images/sub/simulator/w_icon0.png) center center no-repeat;}
#weather li#w_icon1{background:url(../../images/sub/simulator/w_icon1.png) center center no-repeat;}
#weather li#w_icon2{background:url(../../images/sub/simulator/w_icon2.png) center center no-repeat;}

#weather_txt li{ position:absolute; top:110px; right:10px;  background:#000000; width:259px; height:15px;  color:#FFFFFF; text-align:center; display:none;  }

#lens4{margin-top:30px;}
#lens4 h4{ font-size:1.4em; font-weight:700; padding-bottom:20px;}
#lens_bg4{ position:relative; overflow:hidden; width:100%; background:url(../../images/sub/simulator/s_max.jpg) center center no-repeat; height:472px; z-index:111;}
#lens_nav4{ position:absolute; left:-100px; top:0; width:100px;filter:alpha(opacity=80); opacity: 0.8; }
#lens_nav4 h4{ position:absolute; left:100px; top:5px; font-size:1.6em; cursor:pointer; z-index:111;}
#lens_nav4 ul{ width:95%; margin:0 auto; margin-top:5px;}
#lens_nav4 ul li{ position:relative; width:95px; height:26px; line-height:26px; text-align:center; cursor:pointer; margin-top:2px; }
#lens_nav4 ul li span{ position:absolute; left:0; top:0;display:block;}
#lens_nav4 ul li strong{ position:absolute; left:0; width:100%; z-index:1111111;color:#FFFFFF; display:block; text-align:center;}
#mark_bg4{ position:absolute; top:0; left:350px; background:url(../../images/sub/simulator/s_max_bg.jpg) -350px top no-repeat;   width:1000%; height:100%;}

#btn_lay4{ position:absolute; left:350px; width:30px; height:472px; cursor:pointer;}
#left_btn4{ position:absolute; top:200px; left:-30px; width:24px; height:68px; background:url(../../images/sub/left_btn.png) left center no-repeat; display:inline-block;}
#right_btn4{position:absolute; top:200px; left:15px; width:24px; height:68px; background:url(../../images/sub/right_btn.png) right center no-repeat;display:inline-block;}

#lens5{ position:relative; margin-top:30px; height:472px; width:708px; height:512px;}
#lens5 h4{ font-size:1.4em; font-weight:700; padding-bottom:20px;}
#len5_menu{ position:absolute; left:-100px; top:40px; width:100px;filter:alpha(opacity=80); opacity: 0.8; z-index:111111111; }
#len5_menu h4{ position:absolute; left:100px; top:5px; font-size:1.6em; cursor:pointer; z-index:111;}
#len5_menu ul{ width:95%; margin:0 auto; margin-top:5px;}
#len5_menu ul li{ position:relative; width:95px; height:26px; line-height:26px; text-align:center; cursor:pointer; margin-top:2px; overflow:hidden; }
#len5_menu ul li span{ position:absolute; left:0; top:0;display:block;}
#len5_menu ul li strong{ position:absolute; left:0; width:100%; z-index:1111111;color:#FFFFFF; display:block; text-align:center;}

.lens5_bg{ position:absolute; width:100%; height:478px; }
.lens5_img{ position:absolute; left:0; top:0; }
.lens5_img img{ width:708px;}
.lens5_img li{ position:absolute; left:0; top:0; display:none;}
.lens5_img li p{ position:absolute; top:190px; left:145px;}