/*
Theme Name: GeneratePress Child
Template: generatepress
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
  
*{margin:0px; padding:0px;}
*, :after, :before{box-sizing:border-box;}
body, html{width:100%; height:100%; min-width:360px; background: url(images/pc_bg.jpg) no-repeat; background-size: cover; background-position: bottom; background-attachment: fixed; scroll-behavior: smooth;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,table,a,p{font-family: Pretendard, '맑은 고딕', MalgunGothic, '돋움', Dotum, sans-serif; letter-spacing: -1px; font-size: 18px; font-weight: 400; color: var(--black); line-height: 1.4; word-break: keep-all; font-variant-numeric: tabular-nums;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img,fieldset{max-width:100%; border:0px; vertical-align:top;}
ul,ol,dl{list-style-type:none;}
a{text-decoration:none;}
caption, legend{border:0px; display:none;}
em{font-style:normal;}
table{width:100%; border:0; border-collapse:collapse;}
input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {appearance: button; -webkit-appearance: button;}
button{background: none; border: none;}
:root{--black:#303030;}
:root{--color:#6400aa;}

.con-align{max-width: 720px; margin: auto; background-color: #FFF; overflow: hidden;}
header{position: fixed; width: 100%; max-width: 720px; height: 110px; background-color: #FFF; z-index: 10; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
header .top-wrap{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 4%; box-sizing: border-box;}
header .menu-toggle{width: 30px; cursor: pointer;}
header .menu{position: fixed; top: 0; width: 100%; max-width: 720px; height: 100%; z-index: 999; opacity: 0; pointer-events: none; transition: opacity 0.35s ease; overflow: hidden;}
header .menu::after{content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.7; transition: opacity 0.35s ease;}
header .menu.open{opacity: 1; pointer-events: auto;}
header .menu .menu-list{position: relative; display: flex; flex-direction: column; width: 90%; margin-left: 10%; padding-top: 110px; background-color: #000; height: 100%; z-index: 90; transform: translateX(100%); transition: transform 0.35s ease;}
header .menu .menu-list a{position: relative; font-size: clamp(16px, 3.334vw, 20px); font-weight: 700; color: #FFF; padding: 2% 15%;}
header .menu .menu-list a::before{content: ''; position: absolute; display: block; left: 10%; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-color: #FFF;}
header .menu .menu-list a::after{content: ''; position: absolute; display: block; left: 9.375%; bottom: 0; width: 81.25%; height: 1px; background-color: #FFF; opacity: 0.1;}
header .menu .menu-list a.home-btn{position: absolute; top: 32px; left: 7%; padding-left: 0; font-size: clamp(18px, 3.334vw, 26px);}
header .menu .menu-list a.home-btn::before{display: none;}
header .menu .menu-list a.home-btn::after{display: none;}
header .menu.open .menu-list{transform: translateX(0);}
header .menu .nav-close{position: absolute; right: 4%; top: 44px; display: block; width: 22px; cursor: pointer; z-index: 99;}
.left-bn{position: fixed; left: 50%; top: 50%; display: flex; flex-direction: column; gap: 50px; width: 320px; transform: translate(-740px, -50%);}
.left-bn img{width: 311px;}
.right-bn{position: fixed; right: 50%; top: 50%; display: flex; flex-direction: column; width: 320px; transform: translate(740px, -50%);}
.floating-bn{position: fixed; bottom: 0; display: flex; z-index: 2;}
.main-img{position: relative; z-index: 1;}
.main-info, .footer-info{position: absolute; top: 0; z-index: 0;}

/* Main */
.latest-news h2{color: #FFF;}
.board-list-section{padding: 40px 30px; text-align: center;}
.board-tit{font-size: 30px; font-weight: 800;}
.news-list-container{margin-top: 20px; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.news-thumb img{height: auto;}
.news-title{margin-top: 10px;}
.news-title a{font-size:22px;}
.news-excerpt{display: none;}
.site-main{padding: 140px 30px 60px; text-align: center; background-color: #FFF; position: relative; z-index: 1;}
.entry-title{font-size: 30px; font-weight: 800;}
.post-thumbnail{margin: 20px 0;}
.post-thumbnail img{height: auto;}

@media screen and (max-width: 1399px){
header{height: 80px;}
header .logo{height: 54.55%;}
header .logo img{height: 100%;}
.left-bn{display: none;}
.right-bn{display: none;}
}

@media screen and (max-width: 639px){
header{height: 60px;}
.site-main{padding: 100px 30px 60px;}
.entry-title{font-size: 22px;}
}