.cont {padding-top:180px}
@media(max-width:768px){.cont{margin-top:40px}}

.wrapper.page-name {padding:var(--wrapper-pv) 0; }
.wrapper.page-name .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.page-name .titletext3{text-align:center;font-size:var(--font-size7);line-height:var(--line-height8); font-weight:bold; color:var(--color-BandiNavy);margin-bottom:-5px;}
.wrapper.page-name .bodytext{text-align:center; color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:70px;}


.wrapper.panel {padding:var(--wrapper-pv) 0;}
.wrapper.panel .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.panel .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.panel .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);}
.wrapper.panel .titletext1{text-align:center;font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height3); color:var(--color-BandiNavy);}
.wrapper.panel .bodytext{text-align:center; color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:30px;}
.wrapper.panel .bottom-bar{display:flex;justify-content:space-between;align-items:stretch;gap: 2%; margin-top:70px}
.wrapper.panel .bottom-bar .item {width:300px; aspect-ratio:1/1;background:white;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.wrapper.panel .bottom-bar .item .icon {width:118px;aspect-ratio:1/1;overflow:hidden;border-radius:50%; background:white}
.wrapper.panel .bottom-bar .item .icon img {width:100%;height:100%;object-fit:cover;}

@media (min-width:768px) and (max-width:1200px) {
    .wrapper.panel .bottom-bar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px 2%;           
    }

    .wrapper.panel .bottom-bar .item {
        flex: 0 0 32%;            
        padding: 40px 3%;
    }
}
@media(max-width:768px){
    .wrapper.panel .bottom-bar{display:flex;justify-content:start;flex-direction:column; align-items:center;gap: 40px; margin-top:70px}
.wrapper.panel .bottom-bar .item {
    padding: 40px 5%;
}}

.wrapper.philosophy {padding:var(--wrapper-pv) 0;
     background: linear-gradient(
        to right,
        var(--color-BandiGreen) 0%,
        var(--color-BandiNavy) 60%
    ); }
.wrapper.philosophy .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.philosophy .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.philosophy .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);}
.wrapper.philosophy .titletext1{width:100%; text-align:center; font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height3); color:var(--color-BandiNavy);}
.wrapper.philosophy .bodytext{width:100%; text-align:center; color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:50px;}
.wrapper.philosophy .bottom-bar{display:flex;justify-content:space-between;align-items:stretch;gap: 6%; margin-top:70px}
.wrapper.philosophy .bottom-bar .item {flex:1; background: white;display: flex;justify-content: start;align-items: start;flex-direction: column; padding: 50px 3%; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25); border-radius: 35px;}
@media(max-width:768px){.wrapper.philosophy .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:stretch;gap: 40px; margin-top:70px}
.wrapper.philosophy .bottom-bar .item {
    padding: 40px 5%;
}}


.wrapper.list {padding:var(--wrapper-pv) 0;}
.wrapper.list .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.list .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.list .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);}
.wrapper.list .titletext1{color:white; text-align:center;font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height3); }
.wrapper.list .bodytext{text-align:center; color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:30px;}
/* .wrapper.list .bottom-bar{display:flex;justify-content:center;align-items:center;gap:30px; margin-top:70px}
.wrapper.list .bottom-bar .item {width:110px; aspect-ratio:1/0.5;background:lightgray;display: flex;justify-content: center;align-items: center;border-radius: 30px;} */
.wrapper.list .bottom-bar { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 70px; } 
.wrapper.list .bottom-bar .item { width: 110px; aspect-ratio: 1/0.5; background: rgb(199, 198, 198); display: flex; justify-content: center; align-items: center; border-radius: 30px; cursor: pointer; } 
.wrapper.list .bottom-bar .item.selected { background:var(--color-BandiGreen);}

.wrapper.list .closing{ display: flex; justify-content: center; align-items: center; margin-top:70px; }
.wrapper.list .closing .list-box{text-align:center; width:100%;height:auto; max-width:1190px; padding:10px; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25); border-radius: 30px;}
@media (max-width:1200px) {
    .wrapper.list .bottom-bar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px 2%;           
    }

    .wrapper.list .bottom-bar .item {
        flex: 0 0 32%;            
        padding: 40px 3%;
    }
}

.wrapper.notice {padding:var(--wrapper-pv) 0;background:var(--color-BrightYellow)}
.wrapper.notice .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.notice .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.notice .titletext{width:100%; font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);margin-bottom:30px;}
.wrapper.notice .bodytext{width:100%;color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:10px;}
.wrapper.notice .bodytext span{font-weight:bold;}

.wrapper.go {
    padding: var(--wrapper-pv) 0;
}
.wrapper.go .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.go .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.go .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);}
.wrapper.go .titletext{text-align:center;font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);color:var(--color-BandiNavy);margin-top:30px;}
.wrapper.go .bodytext.for-title{text-align:center;color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:30px;}
.wrapper.go .bottom-bar{display:flex;justify-content:center;align-items:center;gap: 6%; margin-top:70px}
.wrapper.go .bottom-bar .item {width:200px; display: flex;justify-content: center;align-items: center;padding: 8px 20px; border:1px solid var(--color-BandiNavy); border-radius: 35px;}
.wrapper.go .bottom-bar .item .bodytext {font-size:var(--font-size07);}
@media(max-width:768px){.wrapper.go .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:center;gap: 20px; margin-top:70px}
.wrapper.go .bodytext.for-title{text-align:center;}
}


/* Å×ÀÌºí ±âº» ½ºÅ¸ÀÏ */
.book-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: var(--font-size1);
}

.book-table th {
    background-color: var(--color-BandiNavy);
    color: #fff;
    padding: 15px;
    border-bottom: 2px solid var(--color-BandiGreen);
}

.book-table td {
    padding: 12px;
    border-bottom: 1px solid #eee;
    color: #555;
    text-align: center;
}

.book-table tr:hover {
    background-color: #f9f9f9;
}

.book-table tr:last-child td {
    border-bottom: none;
}

/* ¸ð¹ÙÀÏ ´ëÀÀ */
@media (max-width: 768px) {
    .book-table { font-size: 14px; }
    .book-table th, .book-table td { padding: 10px 5px; }
}