@charset "utf-8";

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

*/

.top_menuWrap{position: fixed; width: 100%; text-align: center; border-bottom: 1px solid #eee; background: #fff; box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.4); z-index: 5;}
.top_menuWrap .menu_box{width: 1200px; height: 64px; line-height: 64px; position: relative; display: inline-block;}
.top_menuWrap .menu_box a{font-weight: 500; letter-spacing: -0.5px; font-size: 17px; font-family: Roboto, Helvetica, Arial, sans-serif; color: #222; display: inline-block;}
.top_menuWrap .menu_box ul li{padding-left: 20px; position: relative; line-height: 65px;}
.top_menuWrap .menu_box ul li a:hover{color: #FF567C;}
.top_menuWrap .menu_box ul li.on{color: #FF567C;}
.top_menuWrap .menu_box ul li.on:after{content: ""; display: inline-block; width: 100%; height: 3px; background: #FF567C; position: absolute; bottom: -23px; left: 10px;}
.top_menuWrap .menu_box ul .top_logo img{width: 100px; position: relative; top: -4px;}
.top_menuWrap .menu_box .loginBtn{padding: 0 10px;}
.top_menuWrap .menu_box .loginBtn img{margin-top: -1px;}
.top_menuWrap .menu_box .loginBtn:hover{font-weight: bold; background: #ffeff2;}
.top_menuWrap .menu_box .lineBtn{line-height: 20px; border: 2px solid #FF567C; border-radius: 20px; background: #ff567c; color: #fff; padding: 6px 15px;}
.top_menuWrap .menu_box .lineBtn:hover{background: #fff2f5;}
.top_menuWrap .menu_box ul li .sub_menu{position: absolute; top:60px; left: -15px; background: #FFFFFF; text-align: center;
    border: 1px solid #eee; border-radius: 10px; box-shadow: rgba(225, 225, 225, 0.5) 3px 3px 10px; z-index: 1;}
.top_menuWrap .menu_box ul li .sub_menu li{padding: 0; line-height: normal;}
.top_menuWrap .menu_box ul li .sub_menu a{display: block; padding: 10px; width: 160px; font-size: 15px;}
.top_menuWrap .menu_box ul li .sub_menu a:hover{background: #fff2f5;}

.mainBnr{position: relative; background: #f7f7f7; padding-top:65px; text-align: center;}
.mainBnr .topBnr{display: inline-block; width: 1200px; margin-top: 70px;}
.mainBnr .topBnr .text{height: 100%; text-align: left; margin-top: -70px;}
.mainBnr .topBnr .text h2{font-size: 2.25rem; line-height: 1.3; font-weight: 600;}
.mainBnr .topBnr .text p{font-size: 1.25rem; margin: 10px 0;}
.mainBnr .topBnr .text a{font-size: 22px; padding: 15px 20px; margin-top: 30px;}

.mainBody{text-align: center;}
.mainBody .mainBox{display: inline-block; width: 1200px; text-align: left; margin-top: 40px; margin-bottom: 50px;}
.mainBody .mainBox .list{}
.mainBody .mainBox .list ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.mainBody .mainBox .list ul li{display: inline-block; width: 390px; border: 1px solid #eee; border-radius: 10px; margin-bottom: 12px; padding: 20px; box-sizing: border-box; cursor:pointer;}
.mainBody .mainBox .list ul li:hover{background: #f9f9f9;}
.mainBody .mainBox .list ul li .schedule{color: #898989; font-size: 18px;}
.mainBody .mainBox .list ul li .title{height: 45px; font-size: 20px; margin-bottom: 20px; margin-top: 10px; overflow: hidden;}
.mainBody .mainBox .bnr{border: 1px solid #eee; border-radius: 10px; margin-top: 17px; padding: 30px 0px; text-align: center;}
.mainBody .mainBox .bnr h6{font-size: 22px; font-weight: 600;}
.mainBody .mainBox .bnr p{font-size: 18px;margin: 10px 0 20px;}
.mainBody .mainBox .bnr a{font-size: 18px; padding: 10px 20px;}

.mainFooter{text-align: center; background: rgb(247, 247, 247); padding: 50px 0;}
.mainFooter .quickMenu{position: fixed; right: 100px; bottom: 50px; display: inline-block; border-radius: 50%; overflow: hidden;}
.mainFooter .footerBox{width: 1200px; display: inline-block; text-align: left;}
.mainFooter .footerBox .box1{}
.mainFooter .footerBox .box1 .footer_kakao{font-size: 21px; color: #222222; display: flex; align-items: center; margin-top: 70px;}
.mainFooter .footerBox .box1 .footer_kakao span{border-radius: 50%; overflow: hidden; display: inline-block; margin-right: 10px; width: 30px; height: 30px;}
.mainFooter .footerBox .box2 p{font-size: 14px; color: #666;}
.mainFooter .footerBox .box2 button{font-size: 15px; margin-right: 20px;}