@charset "euc-kr";

/* »ó´Ü ¹è³Ê */
.column_top {position: relative; font-family: 'Noto Sans KR'; background: #0082ff; /*height: 190px;*/}
.column_top .inner {width: 1200px; height: 190px; margin: 0 auto;}
.column_top h2 {display: flex; height: 100%; flex-direction: column; justify-content: center; color: #fff; background: url('https://image.megagong.net/s/column/top_ico.png') 99% center no-repeat;}
.column_top h2 strong {display: block; font-size: 30px; margin-bottom:  10px;}
.column_top h2 span {font-size: 16px; line-height: 1.2;}

/* ¿ìÃø ¹è³Ê */
.column_right_bnr {position: absolute; top: 240px; left: 50%; margin-left: 630px;}
.column_right_bnr .item {width: 106px;}
.column_right_bnr .item a {display: block; line-height: 1.2; text-align: center; border: 1px solid #89c4fc; border-radius: 3px; padding: 20px 0;}
.column_right_bnr .item a .txt .sub_tit {font-size: 12px; color: #0082ff;}
.column_right_bnr .item a .txt strong {display: inline-block; font-size: 14px; color: #111; margin: 3px 0 5px;}
.column_right_bnr .item a .txt p {font-size: 10px; color: #777;}
.column_right_bnr .item a .txt p span {color: #0082ff;}
.column_right_bnr .item.best_review a .gift_img {margin: 10px auto;}
.column_right_bnr .item.best_review a .gift_img .mo {display: none;}
.column_right_bnr .item.best_review a .btn {width: fit-content; font-size: 11px; color: #111; border: 1px solid #777; border-radius: 3px; padding: 1px 8px; margin: 0 auto;}

/* ¿ìÃø ¹è³Ê - Æ˾÷ */
#columnBestReviewPop .content_inner {font-family: 'Noto Sans KR'; padding: 60px 20px 20px;}
#columnBestReviewPop .content_inner .m_tit {font-size: 17px; letter-spacing: 0.7vmin; color: #0082ff;}
#columnBestReviewPop .content_inner .b_tit {font-weight: 700; font-size: 29px;}
#columnBestReviewPop .content_inner .hashtag {display: flex;justify-content: center;gap: 8px;margin-top: 30px;}
#columnBestReviewPop .content_inner .hashtag span {font-size: 14px; color: #fff; background: #0082ff; padding: 6px 15px; border-radius: 14px;}
#columnBestReviewPop .content_inner .s_tit {font-weight: 400; font-size: 14px;}
#columnBestReviewPop .content_inner .gift {text-align: center; margin: 30px 0;}
#columnBestReviewPop .content_inner .info_box {background: #f5f5f5; padding: 30px 20px;}
#columnBestReviewPop .content_inner .info_box b {display: block; text-align: center; margin-bottom: 10px;}
#columnBestReviewPop .content_inner .info_box ul li {position: relative; padding-left: 3px; line-height: 1.4;}
#columnBestReviewPop .content_inner .info_box ul li + li {margin-top: 3px;}
#columnBestReviewPop .content_inner .info_box ul li::before {content: '¡¤'; position: absolute; top: 0; left: -3px;}

/* setting */
.column_content {color: #111; margin: 50px auto 100px;}
.column_content button {font-family: 'Noto Sans KR';}
.column_content .inner {width: 1200px; margin: 0 auto;}
.column_content .sort_wrap {margin: 0 auto 40px;}
.column_content .paging {text-align: center;}

/* Ä®·³ ¸®½ºÆ® */
.column_content .board_list_wrap .table_order_wrap {display: flex;}
.column_content .board_list_wrap .table_order_wrap .tiny_txt {font-size: 13px; line-height: 1.2; color: #777; word-break: break-all;}
.column_content .board_list_wrap .table_order_wrap .table-order {margin-right: 0;}
.column_content .board_list_wrap .table_list li.best {background: #f8fbff;}
.column_content .board_list_wrap .table_list .table_td.teacher .tea_img {margin: 0 auto 5px;}
.column_content .board_list_wrap .table_list .table_td.title .comment {color: #0082ff;}

/* Ä®·³ °Ô½Ã±Û */
.column_content .post_wrap .post-head .icon {flex: 0 0 auto; display: inline-block; font-style: normal; font-weight: 300; font-size: 12px; color: #fff; background: #0082ff; border-radius: 8px; padding: 2px 10px;}
.column_content .post_wrap .post-view .post-video {position: relative; top: unset; left: unset; width: auto; height: auto; padding-bottom: 56.2%;}
.column_content .post_wrap .post-view .post-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.column_content .post_wrap .post-view .post-video .play_area {position: absolute; width: 100%; height: 100%;}
.column_content .post_wrap .post-view .post-video .play_area > img {position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
/* .column_content .post_wrap .post_file {margin: 0 auto 50px;} */
.column_content .post_wrap .post_closest_list {margin: 30px auto 0;}
.column_content .post_wrap .post_comment {margin-top: 50px;}

/* °­»çȨ Ä®·³ °Ô½ÃÆÇ Àû¿ë ½ºÅ¸ÀÏ */
.container.w1200 .tec_renew .tea_bnr {margin-left: 630px;}
.column_content .tech_list {padding: 0; margin: 0 auto 50px;}
.column_content .tech_list .tit {margin: 0 auto 15px;}
.column_content .tech_list .sub_tit {font-size: 13px; color: #726b6b; padding-left: 8px; line-height: 1.2;}
.column_content.teacher_column .select_wrap .search_wrap {margin: 0 auto;}
.column_content.teacher_column .board_list_wrap .table_list li {height: 60px; box-sizing: border-box;}
.column_content.teacher_column .board_list_wrap .table_list .table_td.title {padding-left: 30px;}

@media all and (max-width: 1470px) {
    .container.w1200 .tec_renew .tea_bnr {margin-left: 0;}

    /* ¿ìÃø ¹è³Ê */
    .column_right_bnr {position: static; margin-left: 0;}
    .column_right_bnr .item {width: 100%; background: #e1eeff;}
    .column_right_bnr .item a {width: 1200px; border: none; border-radius: 0;  padding: 20px 40px; display: flex; align-items: center; margin: 0 auto; box-sizing: border-box;}
    .column_right_bnr .item a .txt {text-align: left;}
    .column_right_bnr .item a .txt .sub_tit {display: none;}
    .column_right_bnr .item a .txt strong {font-size: clamp(18px, 3.4vmin, 32px); margin: 0;}
    .column_right_bnr .item a .txt strong br {display: none;}
    .column_right_bnr .item a .txt p {font-weight: 700; font-size: clamp(13px, 2.2vmin, 20px); margin-top: 7px;}
    .column_right_bnr .item a .txt p br {display: none;}
    .column_right_bnr .item.best_review a .gift_img {margin: auto;}
    .column_right_bnr .item.best_review a .gift_img .pc {display: none;}
    .column_right_bnr .item.best_review a .gift_img .mo {display: block;}
    .column_right_bnr .item.best_review a .btn {border: none; font-weight: 700; font-size: clamp(13px, 2vmin, 18px); color: #fff; background: #0082ff; border-radius: 18px; padding: 6px 15px; margin: 0 0 0 auto;}
}
@media all and (max-width: 1200px) {
    /* »ó´Ü ¹è³Ê */
    .column_top .inner {width: 96%; height: clamp(120px, 20vmin, 190px);}
    .column_top h2 {background-size: auto 40%;}
    .column_top h2 strong {font-size: clamp(20px, 3vmin, 30px);}
    .column_top h2 span {font-size: clamp(13px, 1.8vmin, 16px);}

    /* ¿ìÃø ¹è³Ê */
    .column_right_bnr .item a {width: 96%; padding: 2vmin 0;}
    .column_right_bnr .item.best_review a .gift_img {margin: 0 0 0 20px;}

    /* setting */
    .column_content {margin: 5% auto 10%;}
    .column_content .inner {width: 96%;}
    .column_content .sort_wrap {margin: 0 auto 4%;}

    /* Ä®·³ ¸®½ºÆ® */

    /* Ä®·³ °Ô½Ã±Û */
    /* .column_content .post_wrap .post_file {margin: 0 auto 5%;} */
    .column_content .post_wrap .post_closest_list {margin: 0 auto 3%;}
    
    /* °­»çȨ Ä®·³ °Ô½ÃÆÇ Àû¿ë ½ºÅ¸ÀÏ */
    .column_content .tech_list {margin: 0 auto 5%;}
    .column_content .tech_list .tit {margin: 0 auto 2%;}
    .column_content.teacher_column .board_list_wrap .table_list .table_td.title {width: fit-content; padding-left: 0;}
}
@media all and (max-width: 992px) {
    /* setting */
    .column_content .select_wrap .search-wrap {margin-left: 0;}
}
@media all and (max-width: 768px) {
    /* Ä®·³ ¸®½ºÆ® */
    .column_content .board_list_wrap .table_order_wrap {flex-direction: column; gap: 10px;}
    .column_content .board_list_wrap .table_order_wrap .tiny_txt {font-size: 12px;}
}
@media all and (max-width: 576px) {
    /* ¿ìÃø ¹è³Ê */
    .column_right_bnr .item.best_review a .gift_img {max-width: 18%; margin-left: 5px;}
    .column_right_bnr .item.best_review a .btn {padding: 3px 6px;}

    /* ¿ìÃø ¹è³Ê - Æ˾÷ */
    #columnBestReviewPop .content_inner {padding: 30px 15px 15px;}
    #columnBestReviewPop .content_inner .m_tit {font-size: 15px;}
    #columnBestReviewPop .content_inner .b_tit {font-size: 24px;}
    #columnBestReviewPop .content_inner .hashtag {margin-top: 10px;}
    #columnBestReviewPop .content_inner .hashtag span {font-size: 13px; padding: 4px 10px;}
    #columnBestReviewPop .content_inner .s_tit {font-size: 13px;}
    #columnBestReviewPop .content_inner .info_box {padding: 20px 15px;}

    /* Ä®·³ °Ô½Ã±Û */
    .column_content .post_wrap .post-head .icon {padding: 1px 5px;}
}