@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
/**************************************************Reset CSS**************************************************/

.noto-sans-kr-<uniquifier> {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


html{font-size:13px;}
html,body{width:100%; margin:0;padding:0; background:#F2F4F7;}
body{margin:0;padding:0;font-size:13px;  font-family: "Noto Sans KR", sans-serif; overflow-x: hidden; background-color:#F2F4F7 !important;}}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;vertical-align:middle;}
body,div,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,select,a,em,textarea,input,strong{margin:0;padding:0;}
h1,h2,h3,h4,h5{color:#333; font-weight:normal;}
input,textarea,select,button,th,td{font-size:13px;vertical-align:middle;}
a, abbr, acronym, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, embed, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, object, ol, p, pre, q, s, samp, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, u, ul{margin:0; padding:0; border:0;}
table{border-collapse:collapse; border-spacing:0;}
ol,ul,li{list-style:none;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button,input[type="file"]{cursor:pointer;}
em,address{font-style:normal;}
a{color:#333;text-decoration:none;}
a:link,a:visited{text-decoration:none;}
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
hr, legend, caption .hidden, .hidden{width:0; height:0; padding:0; margin:0; visibility:hidden; font-size:0;}
:focus{outline:none;}
img{vertical-align:middle;}


.wrap{width:1437px; margin:0 auto; display:flex;}
.ps_left{width:417px; z-index: 3;}
.ps_left li{margin-top:20px;}
.ps_right{width:965px; margin-left:20px; margin-top:20px;}

.ps_right ul li{display:flex; float:left; margin-right:20px; margin-bottom:20px;}
.ps_right ul li:last-child{margin-right:0px;}

.ps_right a:hover {opacity: 0.8; transition: all 0.5s;}

.right_y2{width:305px; float:left; margin-right:20px;}
.right_x2{width:637px;  float:left;}


/* Shine */
.hover_group figure {
  position: relative;
  margin: 0;
}
.hover_group figure::before {
  position: absolute;
  top: 0;
  left: -44%;
  z-index: 2;
  display: none;
  content: '';
  width: 10%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hover_group figure:hover::before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
  display:block;
  width:100%;
  height:100%;
}
@-webkit-keyframes shine {
  100% {
    left: 100%;
  }
}
@keyframes shine {
  100% {
    left: 100%;
  }
}