html,body{height:100%;}

body{ font-family:'malgun gothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.5px; }
body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,table,caption,form,fieldset,legend,input{margin:0; padding:0;}
li{list-style-type:none;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6 { font-weight:600;  }
li img, li a, dd img, img, a img{vertical-align:middle;}
.hdd{visibility:hidden; position:fixed; top:-9999; width:0; height:0; line-height:0; font-size:0}
legend,caption{font-size:0; width:0; height:0; line-height:0; visibility:hidden; position:absolute;}

a{text-decoration:none; color:#777;}
a:hover, a:focus, a:active{text-decoration:none; color:#777;}

.swiper-container{width:100%; }
.swiper-slide{ text-align:center;font-size:18px; overflow-y:hidden;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

footer { position:fixed; bottom:0;  height:60px; width:100%; margin:0 auto; text-align: center; background-color:#ebebeb; z-index:999; }
.main_sns { text-align:center; padding:10px 0;  }
.main_sns img { width:40px;  }



.list_img { position:absolute; z-index:11; width:100%;  }
.list_img ul { width:80%; height:100%; margin:0 auto;  }
.list_img ul li { float:left; width:50%; text-align:center;   }
.list_img ul li a{text-decoration:none; color:#fff;}
.list_img ul li a:hover, a:focus, a:active{text-decoration:none; color:#fff; background:none;}
.list_img img { width:85%;  }

/*.list_bg { position:relative; z-index:1; width:100%; height:100%; background-image: url("images/index_bg.jpg"); background-repeat: no-repeat; background-size: cover; }
.list_bg img {width: 100%;  }*/




/* 스마트폰대상  레이아웃 지정：100px～769px */
@media only screen and (min-width: 100px) {

footer { display:block;  }
 
.list_bg {}
.list_bg img {width: 100%;}



}


/* PC대상 및 대형 태블릿 대상 레이아웃 지정：769px～1060px */
@media only screen and (min-width: 879px) {

footer { display:none;  }

.swiper-slide img { width:900px;  margin:0 auto; padding:0 0 60px 0;}
.swiper-slide { margin:0px 0 0px 0;  }

.list_img { position:absolute; z-index:11; width:960px; left:50%; margin-left:-350px;}
.list_bg { position:relative; z-index:1; width:960px; margin:0 auto;}

}