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

@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%; min-width:360px; background: linear-gradient(-180deg, #01251e, #021e22);}
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; font-size:18px; font-weight:400; color:var(--black); line-height:1.4em; letter-spacing:-0.05em; 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 !important; border: none;}
.blind{display: block; overflow: hidden; position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; text-indent: -9999px;}

/* Common */
header{position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 780px; height: 100px; background: linear-gradient(45deg, #003e2dcc, #03231acc); backdrop-filter: blur(20px); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); z-index: 10;}
.header-container{display: flex; justify-content: space-between; align-items: center; height: 100px; padding: 0 50px;}
.header-left img{width: 194px;}
.header-right img{width: 180px;}
footer{position: relative; max-width: 780px; margin: auto;}
footer a{position: absolute; top: 35px; width: 35px; height: 30px;}
footer .blog-btn{right: 85px;}
footer .ytb-btn{right: 30px;}
.left-bn{position: fixed; left: 50%; top: 50%; transform: translate(-705px, -50%); z-index: 9;}
.floating-bn{position: fixed; right: 50%; bottom: 40px; transform: translateX(512px); display: flex; flex-direction: column; gap: 20px; z-index: 9; text-align: center;}
.floating-bn a p{margin-top: 5px; color: #FFF;}
.floating-bn a .mo{display: none;}
.con-wrap{max-width: 780px; margin: auto; background-color: #FFF; overflow: hidden;}
section{position: relative;}
section .item{position: absolute;}

/* Main */
.latest-news{position: absolute; padding: 0; z-index: -9999;}
.site-main .post{padding: 100px 30px; text-align: center;}
.site-main .post .entry-title{font-size: 30px;}
.site-main .post .entry-content{margin-top: 20px;}
.site-main .post .entry-content .post-thumbnail{margin-bottom: 15px;}
.site-main .post .entry-content .post-thumbnail img{height: 100%;}
.con01 .item01{top: 200px;}
.con01 .item02{bottom: 100px; left: 30px;}
.con01 .item03{bottom: 0; right: 0;}
.con02 .item01{top: 100px;}
.con02 .item02{bottom: 100px;}
.con03 .item01{top: 100px;}
.con03 .item02{bottom: 100px;}
.con04 .item01{top: 100px;}
.con04 .item02{bottom: 100px;}
.con05 .item01{top: 100px;}
.con05 .item02{top: 451px;}
.con05 .item03{top: 611px;}
.con05 .item04{top: 771px;}
.con05 .item05{top: 931px;}
.con05 .item06{top: 1091px;}
.con05 .item07{top: 1251px;}
.con06 .item01{top: 100px;}
.con06 .item02{top: 372px;}
.con06 .item03{top: 1469px;}
.con06 .item04{top: 2055px;}
.con06 .item05{top: 2641px;}
.con07 .item01{top: 100px;}
.con07 .item02{top: 372px;}
.con07 .item03{top: 612px;}
.con07 .item04{top: 852px;}
.con07 .item05{top: 1092px;}
.con07 .item06{top: 1332px;}
.con07 .item07{top: 1542px;}
.con08 .item01{top: 100px;}
.con08 .item02{top: 372px;}
.con09 .item01{top: 100px;}
.con09 .item02{top: 372px; max-width: 780px;}
.con09 .item02 .swiper-slide{width: 500px; border-radius: 15px; overflow: hidden;}
.con09 .item03{top: 709px;}
.con09 .item04{top: 974px;}
.con09 .item05{top: 1274px;}
.con09 .item06{top: 1539px;}
.con10 .item01{top: 100px;}
.con10 .item02{top: 418px;}
.con10 .item03{top: 845px;}
.con12 .item01{top: 100px;}
.con12 .item02{top: 285px;}
.con12 .item03{top: 835px;}
.con12 .item04{bottom: 100px;}

@media screen and (max-width: 1039px){
footer{padding-bottom: 100px; background-color: #23392d;}
.left-bn{display: none;}
.floating-bn{max-width: 780px; right: auto; bottom: 0; flex-direction: row; justify-content: center; width: 100%; background-color: #FFF; left: 50%; transform: translateX(-50%); box-shadow: 0px -10px 10px rgba(0,0,0,0.1); gap: 0;}
.floating-bn a{width: 33.3333%;}
.floating-bn a .pc,
.floating-bn a p{display: none;}
.floating-bn a .mo{display: block;}
}