@charset "euc-kr";

/* S: °ú¸ñ ÅÇ ¿µ¿ª */
.event_book .tab {overflow: hidden;background: #dddddd;display: flex;flex-wrap: wrap;border: 1px solid #ddd;border-width: 1px 0 0 1px;} 
.event_book .tab li {width: 14.28%;border: 1px solid #ddd;border-width: 0 1px 1px 0;} 
.event_book .tab li a {display: block;padding: 20px 0;color:#888;background:#f2f2f2;font-size: 15px;font-weight: bold;} 
.event_book .tab li:nth-child(7n){border-right: 0;}
.event_book .tab li.on a { background: var(--point-c); color:#fff; } 
/* E: °ú¸ñ ÅÇ ¿µ¿ª */

/* S: ¼±»ý´Ô ÅÇ ¿µ¿ª */
.event_book .tab--teacher {padding: 30px 30px 40px;background: #ffffff;display: flex;flex-wrap: wrap;gap: 30px;} 
.event_book .tab--teacher > li {width: 20%;max-width: 100px;display: flex;flex-direction: column;gap: 10px;} 
.event_book .tab--teacher > li > div {width: 100%;height:100%;border-radius: 100%;overflow: hidden;background: #f0f0f0;border: 2px solid #ddd;} 
.event_book .tab--teacher > li > div a {display: flex;height: 100%;align-items: center;justify-content: center;color: #fff;background: var(--point-c);} 
.event_book .tab--teacher > li > div a img { width: 120%; } 
.event_book .tab--teacher > li.on > div {border-color: var(--point-c);} 
.event_book .tab--teacher p {line-height: 1.2;font-size:15px;color:#888;} 
.event_book .tab--teacher p strong {color: #333;font-weight: 400;} 
/* E: ¼±»ý´Ô ÅÇ ¿µ¿ª */

/* S: ¼öÇè¼­ ¸®½ºÆ® */
.event_book .no_serch { text-align: center; } 
.event_book .ebk_list {position:relative;overflow: hidden;text-align: left;} 
.event_book .ebk_list p { display: block; margin: 40px auto; text-align: center; } 
.event_book .ebk_list li {padding: 30px;border: 1px solid #ddd;box-sizing: border-box;background:#fff;display: flex;gap: 30px;} 
.event_book .ebk_list li:not(:last-child) { margin-bottom:20px } 
.event_book .ebk_list .b_img {position: relative;width: 140px;text-align: center;} 
.event_book .ebk_list .b_img a img.bookimg {width: 138px;height: 198px;display: block;} 
.event_book .ebk_list .b_img span {position:absolute;z-index: 1;right: -15px;bottom: 15px;} 
.event_book .ebk_list .b_img span .prev_none { cursor:default } 
.event_book .ebk_list .b_info {position: relative;flex: 1;display: flex;flex-wrap: wrap;gap: 15px 5px;} 
.event_book .ebk_list .b_info dl {width: 100%;} 
.event_book .ebk_list .b_info dt {margin-bottom: 15px;} 
.event_book .ebk_list .b_info dt a{-webkit-line-clamp: 1;font-size: 17px;font-weight:bold;display: block;overflow: hidden;}
.event_book .ebk_list .b_info .b_kind { display: inline-block; box-sizing: border-box; font-size: 12px; font-weight: bold; color: #1582f8; } 
.event_book .ebk_list .b_info .athr {margin-bottom: 15px;color: #666;} 
.event_book .ebk_list .b_info .athr span:not(.athr_tea) { position: relative; padding-left: 6px; margin-left: 6px; } 
.event_book .ebk_list .b_info .athr span:not(.athr_tea):before { position: absolute; top: 50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); left: 0; content: ""; width: 1px; height: 9px; background: #bbb; } 
.event_book .ebk_list .b_info .buy {padding-top:15px;border-top: 1px solid #eee;overflow: hidden;display: flex;gap: 20px;color: #666;align-items: stretch;} 
.event_book .ebk_list .b_info .book_coment {background: #fafafa;padding: 15px;width: 360px;height: 98px;box-sizing: border-box;font-size: 13px;overflow: hidden;font-weight: bold;text-overflow: ellipsis;word-break: break-word;line-height: 1.6em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} 
.event_book .ebk_list .b_info .book_btn {flex: 1;display: flex;flex-wrap: wrap;font-size: 15px;} 
.event_book .ebk_list .b_info .book_btn .price {margin:15px auto 20px; width: 100%;} 
.event_book .ebk_list .b_info .book_btn .price_tit {color: #666;font-weight: normal;} 
.event_book .ebk_list .b_info .book_btn .price_tit span {color:#d92a2a;font-weight:bold;float: right;} 
.event_book .ebk_list .b_info .book_btn .price_tit strong {text-decoration: line-through;font-weight:normal;color: #999;} 
.event_book .ebk_list .b_info .book_btn .price_tit .cost { text-decoration:none } 
.event_book .ebk_list .b_info .book_btn .btn {overflow: hidden;display: flex;width: 100%;gap: 0 8px;} 
.event_book .ebk_list .b_info .book_btn .btn a {flex: 1;font-size: 13px;text-align: center;line-height: 36px;box-sizing: border-box;background: #f2f2f2;color: #333;} 
.event_book .ebk_list .b_info .book_btn .btn a.payb { background: #031a32; color: #fff; } 
.event_book .ebk_list .b_info .book_btn .btn span { display: block; float: left; width: 118px; height: 35px; font-size: 13px; background: #bfbfbf; color: #fff; text-align: center; line-height: 35px; box-sizing: border-box; font-weight:bold; } 
.event_book .ebk_list .b_info .book_btn .btn span.nonbook { width:100% } 
.event_book .ebk_list .b_info .book_btn .btn span.nonbook2 { float: none; background: #bfbfbf; width: 100%; color: #fff; } 
/* E: ¼öÇè¼­ ¸®½ºÆ® */

/* S: ÇÏ´Ü ÆäÀÌ¡ */
.event_book .paging { display: flex; align-items: center; justify-content: center; clear:both; text-align: center; } 
.event_book .paging a img { width: 7px !important; } 
.event_book .paging a:last-child img { transform: rotate(180deg); margin-top: -2px; } 
/* E: ÇÏ´Ü ÆäÀÌ¡ */

@media (max-width: 1200px) {        
    /* °ú¸ñ ÅÇ ¿µ¿ª */
    .event_book .tab li a{padding: clamp(10px,2vmin,20px) 0;font-size: clamp(12px,2vmin,15px);}
    .event_book .tab li:nth-child(7n){border-right: 1px solid #ddd;}

    /* ¼±»ý´Ô ÅÇ ¿µ¿ª */
    .event_book .tab--teacher {padding: 5% 10px;gap: 3vmin;} 
    .event_book .tab--teacher p {font-size: clamp(12px,2vmin,15px);} 
    .event_book .tab--teacher > li{width: calc(25% - 3vmin);gap: 1vmin;}

    /* ¼öÇè¼­ ¸®½ºÆ® */
    .event_book .ebk_list .b_info .book_coment{width: min(360px,50%);height: 110px;}    
}
@media (max-width: 768px) {
    /* °ú¸ñ ÅÇ ¿µ¿ª */
    .event_book .tab li {width: 20%} 

    /* ¼±»ý´Ô ÅÇ ¿µ¿ª */
    .event_book .tab--teacher > li{width: calc(20% - 3vmin);}
    
    /* ¼öÇè¼­ ¸®½ºÆ® */
    .event_book .ebk_list li {padding: 3% 5%;gap: 3vmin;align-items: center;} 
    .event_book .ebk_list .b_img {width: 27%;min-width: 100px;padding-bottom: 8vmin;} 
    .event_book .ebk_list .b_img > a{ padding: 10%; border: 1px solid #eee; box-sizing: border-box; display: block;}
    .event_book .ebk_list .b_img a img.bookimg {width: 100%;height: auto;} 
    .event_book .ebk_list .b_img span {position:absolute;right: auto;left: 50%;transform: translateX(-50%);bottom: 0;width: clamp(70px,16vmin,140px);} 
    .event_book .ebk_list .b_info {gap: 1vmin 5px;} 
    .event_book .ebk_list .b_info dt {margin-bottom: 2vmin;} 
    .event_book .ebk_list .b_info dt a{-webkit-line-clamp: 2;height: 40px;font-size: clamp(14px, 2vmin, 17px);} 
    .event_book .ebk_list .b_info .athr { font-size: clamp(11px,2vmin,15px); margin-bottom: 2vmin;} 
    .event_book .ebk_list .b_info .buy {padding-top: 0;} 
    .event_book .ebk_list .b_info .book_btn .price {margin: 5% auto;font-size: clamp(13px,2vmin,15px);} 
    .event_book .ebk_list .b_info .book_btn .btn a { font-size: clamp(11px,1.5vmin,13px); line-height: clamp(30px,4vmin,36px);} 
}