/* CSS Document */
* { margin: 0; padding: 0; }
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:dotum}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,video{padding:0;border:0;}
ol,ul{list-style:none}
img{border:0px;}

/*전체 레이아웃은 여기서 수정하세요*/
.main_visual {margin:0 auto; width:100%; text-align:left; position:relative;}

.main_visual .main_slider .wrap{position:relative; width:2200px; height:550px; left:0; overflow:hidden;min-width:1000px;}
.main_visual .main_slider .wrap ul{position:absolute;width:6600px;left:0px; min-width:1000px;}
.main_visual .main_slider .wrap ul li{position:relative;width:2200px;height:550px;float:left;min-width:1000px;overflow:hidden;}
.main_visual .main_slider .wrap ul li img{position:absolute;left:50%;margin-left:-1100px;}

@media screen and (max-width: 1300px) {
  .main_visual .main_slider .wrap{position:relative; width:1300px!important; height:550px; left:0; overflow:hidden;min-width:1300px!important;}
  .main_visual .main_slider .wrap ul{position:absolute;width:5200px!important;left:0px; min-width:1300px!important;}
  .main_visual .main_slider .wrap ul li{position:relative;width:1300px!important;height:550px;float:left;min-width:1300px!important;overflow:hidden;}
  .main_visual .main_slider .wrap ul li img{position:absolute;left:50%;margin-left:-1300px!important;}

}
.main_nav{position:absolute; z-index:10; left:50%; top:430px; margin-left:-650px; width:100px; height:15px; min-width:1000px;}
.main_nav ul li{list-style-type:none; float:left; margin-right:10px;}
.main_nav ul li a{display:block;}

.img_total{position:relative; left:50%; top:0px; width:1300px;; height:550px; z-index:10; margin-left:-650px; }
#img01_01{ position:absolute; z-index:30; left:1200px; top:73px; opacity:0;}
#img01_02{ position:absolute; z-index:29; left:1200px; top:113px; opacity:0;}
#img01_03{ position:absolute; z-index:28; left:1200px; top:175px; opacity:0;}
#img01_04{ position:absolute; z-index:27; left:1200px; top:250px; opacity:0;}
#img01_05{ position:absolute; z-index:26; left:1200px; top:285px; opacity:0;}
#img01_06{ position:absolute; z-index:31; left:1200px; top:340px; opacity:0;}
#img01_07{ position:absolute; z-index:32; left:1200px; top:375px; opacity:0;}

#img02_01{ position:absolute; z-index:30; left:1200px; top:73px; opacity:0;}
#img02_02{ position:absolute; z-index:29; left:1200px; top:113px; opacity:0;}
#img02_03{ position:absolute; z-index:30; left:1200px; top:175px; opacity:0;}
#img02_04{ position:absolute; z-index:29; left:1200px; top:250px; opacity:0;}
#img02_05{ position:absolute; z-index:30; left:1200px; top:285px; opacity:0;}
#img02_06{ position:absolute; z-index:31; left:1200px; top:340px; opacity:0;}
#img02_07{ position:absolute; z-index:32; left:1200px; top:375px; opacity:0;}

#img03_01{ position:absolute; z-index:30; left:1200px; top:73px; opacity:0;}
#img03_02{ position:absolute; z-index:29; left:1200px; top:113px; opacity:0;}
#img03_03{ position:absolute; z-index:30; left:1200px; top:175px; opacity:0;}
#img03_04{ position:absolute; z-index:29; left:1200px; top:250px; opacity:0;}
#img03_05{ position:absolute; z-index:30; left:1200px; top:285px; opacity:0;}
#img03_06{ position:absolute; z-index:31; left:1200px; top:340px; opacity:0;}
#img03_07{ position:absolute; z-index:32; left:1200px; top:375px; opacity:0;}

#img04_01{ position:absolute; z-index:30; left:1200px; top:73px; opacity:0;}
#img04_02{ position:absolute; z-index:29; left:1200px; top:113px; opacity:0;}
#img04_03{ position:absolute; z-index:30; left:1200px; top:175px; opacity:0;}
#img04_04{ position:absolute; z-index:29; left:1200px; top:250px; opacity:0;}
#img04_05{ position:absolute; z-index:30; left:1200px; top:285px; opacity:0;}
#img04_06{ position:absolute; z-index:31; left:1200px; top:340px; opacity:0;}
#img04_07{ position:absolute; z-index:32; left:1200px; top:375px; opacity:0;}