@charset "utf-8";

.over_zum { background:transparent; overflow: hidden; }
.over_zum  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:1.0;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:1.0;
}


<!-- fullpage 효과
body { background-size:contain; }

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}
-->

#fullpage .section:nth-child(1) { background:#000; }



@media (min-width:1600px) {
	
.view_pc{ display:block; }
.view_tab { display:none; }
.view_mob { display:none; }

#overview { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; padding: 80px 0; background: white; }
#overview article { margin:auto 0; width:40%; }
#overview article h2 { font-size:4.0rem; color:#1a1a1a; line-height:4.5rem; }
#overview article h3 { display:block; margin:20px 0 0; font-size:1.4rem; color:#333; line-height:4.0rem; }
#overview article a { display:inline-block; margin:50px 0 0; font-size:1.1em; font-weight:600; color:#111; transition:.3s; }
#overview article a:hover { color:#0024b5; }
#overview .pic { position:relative; width:50%; }
/* #overview .pic img { object-fit:cover; border-radius:25px; width:100%; } */
.scene {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 500px;
  }
  .carousel{
    width: 200px;
    height: 100px ;
    position: relative;
    transform-style : preserve-3d;
    animation: spin 20s infinite linear;
  }
  
  .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid black;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
  }
  .item img { border-radius:10px; border:1px solid #fff; width:100%; }

#key { display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, #f8f7f4 0%, #f5f0e8 100%); height:100vh; }
#key { position:relative; overflow:hidden; }
#key::before {
  content:'';
  position:absolute;
  inset:0;
  background:transparent;
  z-index:0;
  pointer-events:none;
}
#key > * { position:relative; z-index:1; }
#key article { text-align:center; }
#key article h2 { font-size:4.0rem; color:#1a1a1a; line-height:4.5rem; text-shadow:none; }
#key article p { display:block; margin:20px 0 0; font-size:1.2em; font-weight:500; color:#333; text-shadow:none; }
#key .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto 0; width:90%; max-width:1600px; }
#key .content_wrap ul { width:25%; text-align:center; }
#key .content_wrap ul li { color:#1a1a1a; text-shadow:none; }
#key .content_wrap ul li img {
  display:inline-block;
  height:72px;
  padding:14px;
  border-radius:16px;
  background:#34546d;
  box-sizing:content-box;
}
#key .content_wrap ul li .counter { display:inline-block; margin:60px 0 40px; font-size:4.0em; font-weight:800; color:#202121; text-shadow:none; }
#key .content_wrap ul li i { font-size:3.5em; font-weight:800; color:#202121; text-shadow:none; }
#key .content_wrap ul li.tit { display:block; margin:0 0 10px; font-size:1.5em; font-weight:600; }

#partner { display: flex; flex-direction: column; align-items: center; justify-content: center; height:100vh; }
#partner article { text-align:center; }
#partner article h2 { font-size:4.0rem; color:#1a1a1a; line-height:4.5rem; }
#partner article p { display:block; margin:20px 0 0; font-size:1.2em; font-weight:500; color:#333; }

#place { display: flex; flex-direction: column; align-items: center; justify-content: center; height:100vh; background: linear-gradient(135deg, #e8f0f5 0%, #e0eaef 100%); }
#place article { text-align:center; }
#place article h2 { font-size:4.0rem; color:#1a1a1a; line-height:4.5rem; }
#place article p { display:block; margin:20px 0 0; font-size:1.2em; font-weight:500; color:#333; }
#place .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto 0; width:90%; }
#place .content { margin:0; width:100%; }
.post_list { width:100%; }
.post_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.post_list li.content {  }
.post_list li.content img { border:0px solid #598dd4; width:95%; height:100%; margin:0 auto; /* aspect-ratio: 1 / 1; */ } /* aspect-ratio: 1 / 1; 이미지 1:1 비율*/
#pager{ display:none; margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:75%; font-size:; font-weight:400; color:#; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:14px; color:#909090; line-height:1.5em; letter-spacing:0.5px;}


}


@media (min-width:768px) and (max-width:1599px){

.view_pc{ display:none; }
.view_tab { display:block; }
.view_mob { display:none; }

#overview { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; padding: 80px 0; background: white; }
#overview article { margin:auto 0; width:40%; }
#overview article h2 { font-size:3.3rem; color:#1a1a1a; line-height:4.0rem; }
#overview article h3 { display:block; margin:20px 0 0; font-size:1.2rem; color:#333; line-height:4.0rem; }
#overview article a { display:inline-block; margin:50px 0 0; font-size:1.1em; font-weight:600; color:#111; transition:.3s; }
#overview article a:hover { color:#0024b5; }
#overview .pic { position:relative; width:50%; }
/* #overview .pic img { object-fit:cover; border-radius:25px; width:100%; } */
.scene {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
  }
  .carousel{
    width: 200px;
    height: 100px ;
    position: relative;
    transform-style : preserve-3d;
    animation: spin 20s infinite linear;
  }
  
  .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid black;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
  }
  .item img { border-radius:10px; border:1px solid #fff; width:100%; }

#key { display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, #f8f7f4 0%, #f5f0e8 100%); height:100vh; }
#key { position:relative; overflow:hidden; }
#key::before {
  content:'';
  position:absolute;
  inset:0;
  background:transparent;
  z-index:0;
  pointer-events:none;
}
#key > * { position:relative; z-index:1; }
#key article { text-align:center; }
#key article h2 { font-size:3.0rem; color:#1a1a1a; line-height:4.0rem; text-shadow:none; }
#key article p { display:block; margin:10px 0 0; font-size:1.1em; font-weight:500; color:#333; text-shadow:none; }
#key .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto 0; width:90%; }
#key .content_wrap ul { width:25%; text-align:center; }
#key .content_wrap ul li { color:#1a1a1a; text-shadow:none; }
#key .content_wrap ul li img { display:inline-block; height:80px; padding:14px; border-radius:16px; background:#34546d; box-sizing:content-box; }
#key .content_wrap ul li .counter { display:inline-block; margin:50px 0 30px; font-size:3.0em; font-weight:800; color:#202121; text-shadow:none; }
#key .content_wrap ul li i { font-size:2.5em; font-weight:800; color:#202121; text-shadow:none; }
#key .content_wrap ul li.tit { display:block; margin:0 0 10px; font-size:1.3em; font-weight:600; }

#partner { display: flex; flex-direction: column; align-items: center; justify-content: center; height:100vh; }
#partner article { text-align:center; }
#partner article h2 { font-size:3.0rem; color:#1a1a1a; line-height:4.0rem; }
#partner article p { display:block; margin:10px 0 0; font-size:1.1em; font-weight:500; color:#333; }

#place { display: flex; flex-direction: column; align-items: center; justify-content: center; height:100vh; background: linear-gradient(135deg, #e8f0f5 0%, #e0eaef 100%); }
#place article { text-align:center; }
#place article h2 { font-size:3.0rem; color:#1a1a1a; line-height:4.0rem; }
#place article p { display:block; margin:10px 0 0; font-size:1.1em; font-weight:500; color:#333; }
#place .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto 0; width:90%; }
#place .content { margin:0; width:100%; }
.post_list { width:100%; }
.post_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.post_list li.content {  }
.post_list li.content img { border:0px solid #598dd4; width:95%; height:100%; margin:0 auto; /* aspect-ratio: 1 / 1; */ } /* aspect-ratio: 1 / 1; 이미지 1:1 비율*/
#pager{ display:none; margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }

/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:60%; font-size:; font-weight:400; color:#; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:14px; color:#909090; line-height:1.5em; letter-spacing:0.5px;}

}



@media (max-width:767px){
	
.view_pc{ display:none; }
.view_tab { display:none; }
.view_mob { display:block; }	

#overview { margin:70px auto; width:85%; }
#overview article { }
#overview article h2 { font-size:2.0rem; color:#111; line-height:2.5rem; }
#overview article h3 { display:block; margin:15px 0; font-size:1.1rem; color:#111; line-height:1.7rem; }
#overview article a { display:inline-block; margin:30px 0 0; font-size:1.0em; font-weight:600; color:#111; transition:.3s; }
#overview article a:hover { color:#0024b5; }
#overview .pic { position:relative; margin:30px 0 0; }
/* #overview .pic img { border-radius:20px; width:100%; } */
.scene {
    height: 50vh ;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
  }
  .carousel{
    width: 150px;
    height: 100px ;
    position: relative;
    transform-style : preserve-3d;
    animation: spin 20s infinite linear;
  }
  
  .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid black;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
  }
  .item img { border-radius:10px; border:1px solid #fff; width:100%; }


#key { background: linear-gradient(135deg, #f8f7f4 0%, #f5f0e8 100%); padding:60px 0; }
#key { position:relative; overflow:hidden; }
#key::before {
  content:'';
  position:absolute;
  inset:0;
  background:transparent;
  z-index:0;
  pointer-events:none;
}
#key > * { position:relative; z-index:1; }
#key article { text-align:center; }
#key article h2 { font-size:1.8rem; color:#1a1a1a; line-height:2.5rem; text-shadow:none; }
#key article p { display:block; margin:10px 0 0; font-size:1.0em; font-weight:500; color:#333; text-shadow:none; }
#key .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px auto 0; width:85%; }
#key .content_wrap ul { width:50%; margin:20px 0; text-align:center; }
#key .content_wrap ul li { color:#1a1a1a; text-align:center; text-shadow:none; }
#key .content_wrap ul li img { display:inline-block; height:44px; padding:10px; border-radius:12px; background:#34546d; box-sizing:content-box; }
#key .content_wrap ul li .counter { display:inline-block; margin:25px 0 20px; font-size:2.2em; font-weight:800; color:#202121; text-shadow:none; }
#key .content_wrap ul li i { font-size:1.6em; font-weight:800; color:#202121; text-shadow:none; }
#key .content_wrap ul li.tit { display:block; margin:0 0 5px; font-size:1.2em; font-weight:600; }

#partner { display: flex; flex-direction: column; align-items: center; justify-content: center; padding:70px 0 40px; }
#partner article { text-align:center; }
#partner article h2 { font-size:1.8rem; color:#1a1a1a; line-height:2.5rem; }
#partner article p { display:block; margin:10px 0 0; font-size:1.0em; font-weight:500; color:#333; }

#place { padding:60px 0; background: linear-gradient(135deg, #e8f0f5 0%, #e0eaef 100%); }
#place article { text-align:center; }
#place article h2 { font-size:1.8rem; color:#1a1a1a; line-height:2.5rem; }
#place article p { display:block; margin:10px 0 0; font-size:1.0em; font-weight:500; color:#333; }
#place .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px auto 0; width:85%; }
#place .content { margin:0; width:100%; }
.post_list { width:100%; }
.post_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.post_list li.content {  }
.post_list li.content img { border:0px solid #598dd4; width:95%; margin:0 auto; /* aspect-ratio: 1 / 1; */ } /* aspect-ratio: 1 / 1; 이미지 1:1 비율*/
#pager{ display:none; margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }
#works .btn { display:block; margin:0 auto; text-align:center; }
#works .btn a { display:inline-block; border-radius:30px; border:1px solid #1b55c7; background:#1b55c7; padding:10px 20px; margin:30px auto 0; font-family: 'GmarketSansMedium'; font-size:0.6em; font-weight:600; color:#fff; text-align:center; transition:0.5s; }
#works .btn a:hover { background:#fff; border:1px solid #1b55c7; color:#1b55c7;}

/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:65%; font-size:1.0em; font-weight:400; color:#; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.5em; letter-spacing:0;}

}

/*갤러리게시판
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }
*/