@charset "utf-8";

/*
  yobolove
  main css Style
  Author : sohyeon
  date: 2026.01 ~

*/

.top_menuWrap{position: fixed; width: 100%; text-align: center; border-bottom: 1px solid #eee; background: #fff; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.4); z-index: 5;}
.top_menuWrap .menu_box{width: 100%; height: 54px; display: flex; justify-content: space-between; align-items: center;}
.top_menuWrap .menu_box .loginBtn{display: inline-block; margin-right: 20px;}

.mainBnr{position: relative; background: #f7f7f7; padding-top:45px; text-align: center; overflow: hidden; height: 440px;}
.mainBnr .topBnr{display: inline-block; margin-top: 50px;}
.mainBnr .topBnr h2{font-size: 24px; font-weight: bold;}
.mainBnr .topBnr p{font-size: 17px; margin: 10px 0 20px;}
.mainBnr .topBnr a{font-size: 20px; padding: 10px 20px;}
.mainBnr .topBnr img{width: 260px;}

.mainBody{text-align: left;}
.mainBody .listBox{padding: 30px 0 20px 20px;}
.mainBody .list ul{display: flex; overflow: hidden;}
.mainBody .list ul li{background: #f9f9f9; display: inline-block; width: 80%; height: 240px; border: 1px solid #cfcfcf; border-radius: 20px; margin-right: 10px; padding: 30px; box-sizing: border-box;}

.mainBody .list ul li:hover{background: #f9f9f9;}
.mainBody .list ul li .schedule{color: #898989; font-size: 18px;}
.mainBody .list ul li .title{font-size: 20px; margin: 10px 0 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mainBody .bnr{border: 1px solid #cfcfcf; border-radius: 20px; padding: 30px 0; text-align: center; background: #fff;}
.mainBody .bnr h6{font-size: 23px; font-weight: 600; margin-bottom: 20px;}
.mainBody .bnr p{font-size: 18px;margin-bottom:20px; color: #666;}
.mainBody .bnr a{font-size: 20px; padding: 10px 30px; margin-top: 10px;}

.mainFooter{text-align: left; background: #ededed; padding: 50px 20px;}
.mainFooter .quickMenu{position: fixed; right: 15px; bottom: 30px; display: inline-block; border-radius: 50%; overflow: hidden; z-index: 1;}
.mainFooter .footerBox{width: 100%; display: inline-block;}
.mainFooter .footerBox .box1{}
.mainFooter .footerBox .box1 .footer_kakao{font-size: 14px; display: inline-block; margin: 10px 0 20px; background: #ffe413; padding: 6px 20px; border-radius: 5px; font-weight: bold; color: #222;}
.mainFooter .footerBox .box2 p a{color: #222222; font-weight: bold; margin-right: 10px;}
.mainFooter .footerBox .box2 p{font-size: 14px; color: #666; line-height: 19px;}
.mainFooter .footerBox .box2 button{font-size: 15px; margin-right: 20px;}