@charset "utf-8";
/* CSS Document */
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none
}
a{ text-decoration: none; color: #000}
body {
  overflow: auto;
  -webkit-backface-visibility: hidden;
  font-family:'Noto Sans KR','Apple SD Gothic Neo','malgun gothic','맑은 고딕','돋움','dotum', sans-serif;
}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption { margin:0;}

.mobile{display: none}
img{width:100%; padding:0; margin: 0; display: block}
.wrap{width:100%; margin: 0 auto;}
.contents{width:1200px; height: 100%; margin:0 auto}
.com{width: 100%; height:auto; text-align: center}
.bg1{background-color: #6374d3;}
.bg2{background-color: #2ebebf;}
.bg3{background-color: #00979a;}
.c1{height: 353px}
.c2{height: 1805px}
.c3{height: 1050px}
.c4{height: 1170px}
.c5{height: 1400px}
.c6{height: 1719px}
.c7{height: 1399px}
.c8{height: 948px}


@media only screen and (max-width:1200px){
	.mobile{display: block; line-height:0}
	.wrap{display: none}

}