/* 0818 강좌소개 */
.edit > ul > li span{
    font-size: 18px;
    color: #000;
    text-align: left;
    display: block;
    font-weight: 500;
    line-height: 28px;
}
.edit > ul > li{
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
    padding-left: 14px;
}
.edit > ul > li:before{
    content: url(../img/lc_deimg_dot.png);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.edit_1 > ul > li span{
    font-size: 16px;
    color: #000;
    text-align: left;
    display: block;
    font-weight: 400;
    line-height: 24px;
}
.edit_1 > ul > li{
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
    padding-left: 14px;
}
.edit_1 > ul > li:before{
    content: url(../img/lc_deimg_dot.png);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.edit_2 > ul{
    display: inline-block;
    width: 100%;
    margin: 10px 0 20px 0;
}
.edit_2 ul > li{
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
}
.edit_2 ul > li > h2{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.edit_2 ul > li > span{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
.edit_2 > table{
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    border-spacing: 0;
    table-layout: auto;
    padding: 30px;
    margin-top: 30px;
}
.edit_2 > table li{
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
    padding-left: 20px;
    text-align: left;
}
.edit_2 > table tr td{
    width: 70%;
}
.edit_2 > table tr td:first-child{
    width: 30%;
    text-align: center;
    vertical-align: middle;
}
.edit_2 > table tr td h4{
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 0 0;
}
.edit_2 > table tr td li span{
    line-height: 30px;
}
.edit_2 > table li:before{
    content: url(../img/lc_deimg8.png);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.edit_2 > img{
    width: 80%;
    float: left;
    margin-bottom: 30px;
}
.edit_3 ul{
    counter-reset : numbering;
}
.edit_3 ul li{
    width: 100%;
    display: inline-block;
    float: left;
    text-align: left;
    position: relative;
}
.edit_3 ul li:before{
    counter-increment : numbering; 
    content : counter(numbering) '. ';
    top: 10%;
    position: absolute;
}
.edit_3 > ul > li span{
    font-size: 16px;
    color: #000;
    text-align: left;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
    padding-left: 20px;
}
.edit_4 > span{
    font-size: 16px;
    color: #000;
    text-align: left;
    font-weight: 400;
    line-height: 24px;
    float: left;
}
.edit, .edit_1, .edit_2, .edit_3, .edit_4{
    margin-bottom: 70px;
    display: inline-block;
    width: 100%;
}
.edit_1 h3, .edit_2 h3, .edit_3 h3, .edit_4 h3{
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px 0;
    text-align: left;
}
.edit_1 h3 > img, .edit_2 h3 > img, .edit_3 h3 > img, .edit_4 h3 > img{
    margin-right: 10px;
}
.pc_none_content{display: none;}

@media (max-width: 768px) {
.edit > ul > li span{
    font-size: 14px;
    line-height: 22px;
}
.edit > ul > li:before{
    top: 0;
    transform: unset;
}
.edit_1 > ul > li span{
    font-size: 12px;
    line-height: 20px;
}
.edit_1 > ul > li:before{
    top: 0;
    transform: unset;
}
.edit_2 > ul {
    margin: 10px 0 0 0;
}
.edit_2 ul > li{
    width: 50%;
    margin-bottom: 30px;
}
.edit_2 ul > li > h2{
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
.edit_2 ul > li > span{
    font-size: 12px;
}
.edit_2 > table:nth-child(3){
    margin-top: 0;
}
.edit_2 > table{
    margin-top: 30px;
}
.edit_2 > table tr td > ul{
        width: auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
}
.edit_2 > table li{
    margin-bottom: 0;
    width: 100%;
}
.edit_2 > table li:before{
    top: 5%;
    transform: translate(0, 0);
}
.edit_2 > table tr td{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.edit_2 > table tr td h4{
    font-size: 14px;
    margin: 10px 0 20px 0;
}
.edit_2 > table tr td:first-child{
    width: 100%;
}
.edit_3 ul li:before{
    font-size: 12px;
}
.edit_3 > ul > li span{
    font-size: 12px;
    line-height: 20px;
}
.edit_3 > img{margin-top: 20px;width: 100%;display: inline-block;}
.edit_4 > span{
    font-size: 12px;
    line-height: 20px;
}
.edit_1 h3, .edit_2 h3, .edit_3 h3, .edit_4 h3{
    font-size: 18px;
}
.edit_1 h3 > img, .edit_2 h3 > img, .edit_3 h3 > img, .edit_4 h3 > img{
    margin-right: 5px;
}
.edit, .edit_1, .edit_2, .edit_3, .edit_4 {
margin-bottom: 40px;
}
.m_none_content{display: none;}
.pc_none_content{display: block;}
}



.writeWrap .cke_chrome {
display: inline-block!important;
border: 1px solid #d1d1d1;
padding: 0;
width: 100%;
}
.myroom > .board{
width: 94%;
}
.board{
margin: 0 auto;
text-align: center;
padding: 0;
display: flex;
flex-direction: column;
}
.board > div{
max-width: 1240px;
margin: 0 auto;
text-align: center;
width: 100%;
}

.board .magazine_top{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}



.board .inquiry_unit {
    width: 50%;
display: flex;
justify-content: flex-end;
align-items: center;  
position: relative;
flex-direction: column;
}
.board .board_unit{
display: inline-block;
margin: 0;
text-align: center;
width: fit-content;
max-width: 665px;
position: relative;
}
.board .board_unit::before {
width: 0;
height: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 100%);
z-index: 2;
opacity: 1;
transition: all .3s ease-in-out;
}
.board .board_unit::after {
width: 30px;
height: 100%;
content: '';
position: absolute;
top: 0;
right: 0;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 100%);
z-index: 1;
opacity: 1;
transition: all .3s ease-in-out;
}
.board .board_unit.last_disabled::after {
width: 0px;
transition: all .3s ease-in-out;
}
.board .board_unit.first_disabled::before {
width: 30px;
transition: all .3s ease-in-out;
}
.board .board_unit.none_slide .swiper-wrapper{
gap:10px;
}
.board .board_unit.none_slide::before{
display: none !important;
}
.board .board_unit.none_slide::after{
display: none !important;
}

.board .category_container {
position: relative;display: flex;flex-direction: row;gap:30px;
}
.board .category_container .board_category_btn {
width:60px;position: relative;display: none;
}
.board .category_container .board_category_btn .swiper-button-next{
top: 50%;
right: 0;
width: 25px;
height: 25px;
border-radius: 25px;
background-color: #999999;
background-image: url(https://img.megastudyacademy.co.kr/megademdev/html_images/arr_left_w.png);
background-size: 7px auto;
background-position: center;
margin-top: -12.5px;
}
.board .category_container .board_category_btn .swiper-button-prev {
top: 50%;
left: 0;
width: 25px;
height: 25px;
border-radius: 25px;
background-color: #999999;
background-image: url(https://img.megastudyacademy.co.kr/megademdev/html_images/arr_right_w.png);
background-size: 7px auto;
background-position: center;
margin-top: -12.5px;
}
.board .category_container .board_category_btn .swiper-button-next.swiper-button-disabled {
opacity: 1;
background-color: #f4f4f4;
background-image: url(https://img.megastudyacademy.co.kr/megademdev/html_images/arr_left_t.png);
}
.board .category_container .board_category_btn .swiper-button-prev.swiper-button-disabled {
opacity: 1;
background-color: #f4f4f4;
background-image: url(https://img.megastudyacademy.co.kr/megademdev/html_images/arr_right_t.png);
}

.board .board_unit ul{

width: 100%;
}
.board .board_unit ul li{
display: inline-block;
border:0;
width: fit-content;
max-width: 140px;
}

.board .board_unit ul li:last-child {
border:0;
}
.board .board_unit ul li a{
display: flex;
font-size: 16px;
font-weight: 400;
color: #000;
padding: 6px 15px 7px;
background: #E3EFFF;
min-width:140px;
border:1px solid #DDDDDF;
border-radius: 38px;
line-height: 23px;
color: #555555;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
}
.board .board_unit ul li a span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.board .board_unit ul li a span.pr_c {
padding-left: 5px;
}
.board .board_unit ul li a.active{
background: #0081ff;color:#fff;
}

.board .sb-search{
border: 0;
padding: 0;
display: flex;
position: relative;
margin-bottom: 0;
width: fit-content;
margin-left: auto;
}
.board .sb-search p{
font-size: 14px;
font-weight: 300;
color: #000;
display: inline-block;
float: left;
padding: 11px 0 11px 16px;
}
.board .sb-search div{
display: inline-block;
float: right;
}
.board .sb-search p span{
color: #0081FF;
}

.board .sb-search select {
width: 80px;
border: 1px solid #ccc;
font-family: inherit;
background: url('https://img.megastudyacademy.co.kr/megademdev/html_images/ico_mypage_arrow2_1_new.png') no-repeat 60px 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
font-weight: 400;
font-size: 14px;
padding: 0 10px;
height: 38px;
background-color: #fff;
font-family: "Noto Sans KR";
outline: 0;
background-size: 9px auto;
}

.board .sb-search select::-ms-expand {
display: none;
}
.board .sb-search input[type=text]{
background: #f4f4f4;
border: none;
height: 38px;
padding: 0 35px 0 15px;
width: 210px;
vertical-align: bottom;
margin-left: 0;
font-family: "Noto Sans KR";
font-size: 14px;
font-weight: 400;
color: #999999;
line-height: 20px;
outline: 0;
}
.board .sb-search a img{
position: absolute;
top: 20px;
right: 20px;
}



.sns_tab_container{
background: #F7F7F7;width:150px;
position: absolute;top:0;left:-225px;
border-radius: 5px;
}
.sns_tab_container ul {
display: flex;flex-direction: column;
}
.sns_tab_container ul li {
border-bottom:1px solid #eeeeee;padding: 0 20px;
}
.sns_tab_container ul li:last-child {
border:0;
}
.sns_tab_container ul li a{
display: flex;align-items: center;justify-content: flex-start;width:100%;text-align: left;
gap:10px;height:55px;font-size:14px;line-height:20px;color:#555555;font-weight: 400;
}
.sns_tab_container ul li.only_img a img {
margin: 0 auto;
}
.board .sb-wrap {
position: relative;margin-bottom:0;min-height:300px;
}
.paging{
max-width: 1240px;
margin: 50px auto;
text-align: center;
clear:both;
}
.paging a{
font-size: 16px;
color: #000;
font-weight: 300;
display: inline-block;
vertical-align: middle;
padding: 0 16px;
width: 40px;
}
.paging a.active{
background: #f2f2f2;
border-radius: 5px;
width: 40px;
padding: 12px 0px;
}
.paging li{
float: none!important;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}

/*수정*/
.paging a.first{
padding: 0;
margin-right: 0;
}
.paging a.last{
padding: 0;
margin-left: 0;
}


.board .board_next .board_title p{
font-size: 14px;
font-weight: 300;
color: #000;
}

.board .board_con{
display: block;
width: 100%;
border: 1px solid #f1f1f1;
height: 550px;
}


.board .board_next{
border-bottom: 2px solid #000;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
display: inline-block;
width: 100%;
margin: 45px 0 20px 0;
}
.board .board_next ul li{
display: flex;
width: 100%;
height: 56px;
border-top: 1px solid #ccc;
}
.board .board_next ul li a{
width: 100%;
display: block;
}
.board .board_next ul li a h2{
font-size: 16px;
font-weight: 300;
color: #000;
margin: 0;
padding: 19px 0;
}
.board .board_next ul li a h2:nth-child(1){
display: inline-block;
width: 10%;
float: left;
border-right: 1px solid #ccc;
}

.board .board_next ul li a h2:nth-child(2){
display: inline-block;
width:88%;
float: left;
text-align: left;
padding-left: 20px;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
}
/*-----수정-----*/
input[type=text].m_td{
border: 1px solid #ccc;
width: 96%;
padding: 8px 10px;
font-size: 16px;
color: #000;
margin-bottom: 5px;
}
span.m_td{
display: none;
}
/*-----수정-----*/


.borad_list_m{
display: none;
}
.board_search_m{
display: none;
}
.board .sb-footer{
display: inline-block;
width: 100%;
margin-top: 10px;
}
.sb-footer.no-abs.view > div {
display: inline-block;
float: left;
}
.board .sb-footer ul li{
display: inline-block;
float: left;
border: 1px solid #ddd;
background: #f2f2f2;
padding: 8px 20px 8px 20px;
margin-right: 5px;
}
.board .sb-footer ul li:last-child{
float: right;
margin-right: 0;
}
.board .sb-footer ul li a{
font-size: 16px;
font-weight: 300;
color: #000;
display: inline-block;
}

.board .list_btn{
font-size: 16px;
font-weight: 300;
color: #000;
padding: 5px 16px;
border: 1px solid #ccc;
border-radius: 5px;
background: #fff;
float: right;
}
.board > div table tr:nth-child(2) > td:nth-child(1) {
vertical-align: middle;
}

.board > div > table > tbody > tr:nth-child(1) > td:nth-child(2) > label { 
cursor: pointer;
background-repeat: no-repeat;
background-image: url(../images/chk_off_2.png);
width: 10%;
display: inline-block;
height: 20px;
padding-left: 30px;
}


.board .box-file-input label{
display:inline-block;
background:#f5f5f5;
color:#000;
border: 1px solid #ccc;
font-size: 16px;
font-weight: 300;
padding:8px 15px;
cursor:pointer;
}

.board .box-file-input label:after{
content:"파일선택";
}

.board .box-file-input .file-input{
display:none;
}

.board .box-file-input .filename{
display:inline-block;
border: 1px solid #ccc;
padding: 8px 10px;
margin-left: 5px;
font-weight: 300;
width: 376px;
text-align: left;
}



.board .board_btn_unit{
margin-top: 70px;
}
.board .board_btn_unit li{
display: inline-block;
width: 94px;
}
.board .board_btn_unit li:nth-child(1){margin-right: 10px;}
.board .board_btn_unit li:nth-child(1) a{
display: block;
background: linear-gradient( to right, #0081FF, #68b4ff );
color: #fff;
font-weight: 600;
font-size: 22px;
width: 94px;
padding: 10px 0;
border-radius: 5px;
}

.board .board_btn_unit li:nth-child(2) a{
display: block;
background: #999;
color: #fff;
font-weight: 600;
font-size: 22px;
width: 94px;
padding: 10px 0;
border-radius: 5px;
}
.board .re_title ul{
display: inline-block;
width: 100%;
margin-bottom: 16px;
}
.board .re_title li{
display: inline-block;
float: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-weight: 300;
font-size: 16px;
padding: 20px 0;
}

.board .re_title ul li:nth-child(1){
width: 6%;
padding: 18px 0;
border-left: 1px solid #ccc;
}
.board .re_title ul li:nth-child(2){
width: 59%;
text-align: left;
padding-left: 30px;
}
.board .re_title ul li:nth-child(3){
width: 8%;
}
.board .re_title ul li:nth-child(4){
width: 8%;
}
.board .re_title ul li:nth-child(5){
width: 8%;
}
.board .re_title ul li:nth-child(6){
width: 8%;
}
.board .re_con span{
border: 1px solid #ccc;
width: 95%;
font-size: 16px;
text-align: left;
display: block;
padding: 30px;
}
.board .re_con a{
display: block;
width: 100%;
float: left;
text-align: left;
border-bottom: 1px solid #ccc;
padding: 14px 0;
}
.board .re_con a img{
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.board .re_con a p{
color: #000;
font-weight: 300;
font-size: 14px;
display: inline-block;
}
.board .re_view{
display: inline-block;
width: 100%;
margin-top: 20px;
}
.board .re_view h2{
background: #f2f2f2;
color: #000;
font-weight: 500;
font-size: 16px;
text-align: left;
border-top: 2px solid #000;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 20px 0 20px 30px;
}
.board .re_view span{
background: #fff;
font-weight: 400;
font-size: 16px;
color: #000;
display: block;
width: 100%;
text-align: center;
border-bottom: 1px solid #ccc;
padding: 30px 0 40px 0;
}
.board .b_button_unit{
margin: 0 auto;
display: inline-block;
margin-top: 30px;
}
.board .b_button_unit button{
margin: 10px;
float: left;
}

/*이벤트*/
.board .event_list ul{
display: inline-block;
width: 100%;
}
.board .event_list ul li{
width: 32%;
float: left;
display: inline-block;
position: relative;
margin-right: 24px;
margin-bottom: 70px;
margin-top: 20px;
}
.board .event_list ul li:nth-child(3n){
width: 32%;
float: left;
display: inline-block;
position: relative;
margin-right: 0;
}
.board .event_list ul li a div:first-child{
background: #f2f2f2;
height: 220px;
border-radius: 5px;
}
.board .event_list ul li a div:nth-child(2){
position: absolute;
left: 16px;
bottom: 64px;
}
.board .event_list ul li a div:nth-child(2) p{
color: #fff;
background: linear-gradient( to right, #0081FF, #68b4ff );
font-size: 14px;
font-weight: 400;
padding: 2px 8px;
border-radius: 5px;
}
.board .event_list ul li h3{
color: #000;
font-size: 25px;
font-weight: 300;
text-align: left;
margin: 20px 0 10px 0;
padding-left: 20px;
}
.board .event_list ul li h4{
color: #000;
font-size: 14px;
font-weight: 300;
text-align: left;
margin: 0;
padding-left: 20px;
}
.board_select_m{
display: none;
}
.notice_date_m{
display: none;
}
.popup-wrap {
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0px;
left: 0px;
content: "";
}
.popup-box {
width: 240px;
position: absolute;
top: 27.5%;
left: 68%;
background: #fff;
text-align: center;
border: 1px solid #000;
z-index: 99;
}
.popup-box h2 {
color: #000;
font-size: 16px;
font-weight: 300;
float: left;
text-align: left;
width: 94%;
margin: 0;
border-bottom: 1px solid #ddd;
padding: 10px 0 13px 14px;
}
.popup-box ul li{
display: inline-block;
float: left;
width: 33.3%;
}
.popup-box ul{
display: inline-block;
width: 100%;
padding: 12px 5px;
}
.popup-wrap > div > ul > li > a > img{
display: block;
margin: 0 auto;
padding-bottom: 8px;
}
.popup-box .close-btn {
width: 14px;
height: 14px;
display: inline-block;
position: absolute;
top: 10px;
right: 10px;
}
.popup-box .close-btn img{
width: 14px;
}
.board .board_con > div{
display: inline-block;
width: 93%;
border: 1px solid #f2f2f2;
box-shadow: 2px 3px 15px -1px rgb(163 174 171 / 20%);
padding: 10px 20px;
margin-top: 20px;
}
.board .board_con > div a{display: inline-block;width: 100%;}
.board .board_con > div a p{
display: inline-block;
float: left;
font-size: 14px;
font-weight: 300;
color: #000;
}
.board .board_con > div a img{
display: inline-block;
float: right;
padding-top: 2px;
}
.board .faq_search{
background: #f5f5f5;
padding: 40px 0;
width: 100%;
display: block;
margin-bottom: 85px;
}
.board .faq_search > div p{
color: #000;
font-weight: 400;
font-size: 20px;
padding-top: 2px;
}
.board .faq_search > div > div:nth-child(1){
display: inline-block;
}
.board .faq_search > div > div:nth-child(2){
display: inline-block;
position: relative;
}
.board .faq_search > div > div:nth-child(2) a{
position: absolute;
top: 8px;
right: 14px;
}
.board .faq_search > div > div:nth-child(2) input{
background: #fff;
border: none;
width: 330px;
border-radius: 8px;
padding: 12px 20px;
margin-left: 20px;
}
.board .faq_search > ul li.active{
background: #333;
}
.board .faq_search > ul li.active a{
color: #fff;
font-weight: 500;
}
.board .faq_search > ul li{
display: inline-block;
background: #e8e8e8;
border-radius: 50px;
padding: 8px 0;
width: 100px;
margin-right: 20px;
margin-top: 30px;
}
.board .faq_search > ul li:last-child{
margin-right: 0;
}
.board .faq_search > ul li a{
display: block;
width: 100%;
color: #000;
font-weight: 300;
font-size: 16px;
}

.board .faq_list .accordion {
width: 100%;
margin: 0 auto;
background: #FFF;
}
.board .faq_list .accordion{
border-top: 2px solid #000;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.board .faq_list .accordion .link {
cursor: pointer;
display: inline-block;
border-bottom: 1px solid #ccc;
position: relative;
width: 100%;
vertical-align: top;
}
.board .faq_list .accordion .link.emp{
text-align: center;border-top:1px solid #e4e4e4
}
.board .faq_list .accordion .link.emp h2{
justify-content: center;
}
.board .faq_list .accordion .link p{
display: inline-block;
float: left;
border-right: 1px solid #ccc;
background: linear-gradient(to right, #0081FF 20%, #68b4ff 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 16px;
font-weight: 600;
width: 140px;
text-align: center;
padding: 18px 0;
}
.board .faq_list .accordion .link h2{
display: inline-block;
float: left;
text-align: left;
color: #000;
font-size: 16px;
margin: 0;
font-weight: 300;
padding: 18px 0 18px 20px;
}
.board .faq_list .accordion .link img{
text-align: right;
float: right;
padding: 23px 30px 22px 30px;
}
.board .faq_list .accordion .open .arrow_down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.board .faq_list .submenu {
border-bottom: 1px solid #ccc;
display: none;
background: #fafafa;
color: #000;
font-size: 16px;
font-weight: 300;
text-align: left;
padding: 40px 0 40px 160px;
}

/*코스소개*/
.cource_m_bottomunit{
display: none;
}
.cource .cource_t{
width: 100%;
position: relative;
margin-bottom: 130px;
margin-top: 68px;
}
.cource .cource_t > div{
position: absolute;
width: 1240px;
left: 50%;
transform: translate(-50%, 0);
display: flex;
flex-direction: column;
justify-content: center;
height: 525px;
}
.cource .cource_t > div h2{
font-size: 45px;
font-weight: 600;
color: #fff;
text-align: center;
margin-bottom: 50px;
}
.cource .cource_t > div h3{
font-size: 26px;
font-weight: 300;
color: #fff;
text-align: center;
line-height: 35px;
}
.cource .cource_t > img{
height: 525px;
width: 100%;
}
.cource .cource_con{
width: 1240px;
margin: 0 auto;
text-align: center;
}
.cource .cource_m > div:nth-child(1){
width: 890px;
display: inline-block;
float: left;
height: 800px;
border-radius: 20px;
box-shadow: 0px 0px 15px -1px rgb(163 174 171 / 30%);
}
.cource .cource_m > div:nth-child(2){
width: 290px;
display: inline-block;
float: right;
}
.cource .cource_m > div:nth-child(2) ul{
display: inline-block;
width: 100%;
}
.cource .cource_m > div:nth-child(2) ul li{
display: inline-block;
width: 100%;
border-radius: 20px;
box-shadow: 0px 0px 15px -1px rgb(163 174 171 / 30%);
margin-bottom: 20px;
position: relative;
padding: 40px 0;
}
.cource .cource_m > div:nth-child(2) ul li:last-child{
border-radius: 100px;
padding: 0;
}
.cource .cource_m > div:nth-child(2) ul li:last-child > a > div{
display: inline-block;
width: 53px;
border-radius: 100px;
background: #0081FF;
height: 53px;
float: right;
}
.cource .cource_m > div:nth-child(2) ul li:last-child > a > div img{
width: 33px;
padding: 10px 0px;
}
.cource .cource_m > div:nth-child(2) h2{
font-size: 35px;
font-weight: 600;
color: #000;
margin: 0;
}
.cource .cource_m > div:nth-child(2) h3{
font-size: 25px;
font-weight: 400;
color: #000;
margin: 10px 0;
}
.cource .cource_m > div:nth-child(2) p{
font-size: 18px;
font-weight: 400;
color: #000;
text-align: left;
padding-top: 5px;
margin: 0 auto;
width: 70%;
}
.cource .cource_m > div:nth-child(2) h4{
font-weight: 300;
font-size: 18px;
color: #000;
margin: 0;
padding: 16px 0 16px 16px;
}
.cource .cource_m > div:nth-child(2) > ul > li > a:nth-child(5){
font-size: 15px;
font-weight: 500;
color: #fff;
background: #bfbfbf;
margin-top: 20px;
padding: 8px 60px;
display: inline-block;
}
.cource .cource_m > div:nth-child(2) > ul > li > a:nth-child(5).on{
background: #0081FF;
}
.cource .cource_price{
background: #f2f2f2;
display: inline-block;
width: 100%;
height: 480px;
margin-top: 220px;
}
.cource .cource_price h2{
font-size: 40px;
font-weight: 600;
color: #000;
margin: 70px 0 30px 0;
}
.cource .cource_price p{
font-size: 26px;
font-weight: 400;
color: #000;
margin-bottom: 10px;
}
.cource .cource_price h3{
font-size: 24px;
font-weight: 400;
color: #000;
display: inline-block;
width: 50%;
float: left;
text-align: left;
margin: 0;
}
.cource .cource_price h1{
font-size: 30px;
font-weight: 600;
color: #000;
display: inline-block;
width: 50%;
float: left;
text-align: left;
margin: 0;
}
.cource > div.cource_price > div > div > div > div:nth-child(3) > h1:nth-child(2){
text-align: right;
}
.cource .cource_price span{
font-size: 24px;
font-weight: 400;
color: #000;
display: inline-block;
width: 50%;
float: right;
text-align: right;
}
.cource .cource_price span img{margin-right: 6px;}
.cource .cource_price > div{
width: 1240px;
text-align: center;
margin: 0 auto;
position: relative;
}
.cource .cource_price > div > div{
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: 36%;
width: 35%
}
.cource .cource_price > div > div > a{
font-size: 24px;
font-weight: 500;
color: #fff;
padding: 12px 70px;
display: inline-block;
background: #0081FF;
margin-top: 70px;
}
.cource .cource_price > div > div > div > div > img:nth-child(2){
position: absolute;
top: 8px;
right: -11px;
}
.cource .cource_price > div > div > div > div{
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.cource > .cource_price > div > div > div > div:nth-child(3){
border-top: 1px solid #f2f2f2;
padding-top: 20px;
}
.cource .cource_price > div > img{
margin: 0 auto;
text-align: center;
width: 606px;
}
.cource .cource_review{
display: inline-block;
width: 100%;
margin-top: 200px;
}
.cource .cource_review p{
font-size: 30px;
color: #000;
font-weight: 600;
text-align: left;
margin-bottom: 30px;
}
.cource .cource_review > div{
border-radius: 20px;
box-shadow: 0px 0px 15px -1px rgb(163 174 171 / 30%);
padding: 30px 0;
}
.cource .cource_review ul li{
background-image: url(../images/bubble_left.png);
width: 1176px;
height: 133px;
background-size: 100%;
margin: 0 30px;
}
.cource .cource_review ul li:nth-child(2n){
background-image: url(../images/bubble_right.png);
width: 1176px;
height: 133px;
background-size: 100%;
}
.cource .cource_review > div > ul > li > h3{
font-size: 16px;
color: #000;
font-weight: 300;
text-align: left;
margin: 10px 0 10px 0;
padding-left: 120px;
}
.cource .cource_review > div > ul > li > h3:nth-child(1){
padding-top: 28px;
}
.cource .cource_review > div > ul > li:nth-child(2n) > h3{
font-size: 16px;
color: #000;
font-weight: 300;
text-align: right;
margin: 10px 0 10px 0;
padding-right: 120px;
}
.cource .cource_review > div > a{
font-size: 20px;
color: #000;
font-weight: 300;
background: linear-gradient(to right, #0081FF 20%, #68b4ff 80%);
border-radius: 100px;
display: inline-block;
width: 200px;
height: 56px;
margin: 40px 0;
}
.cource .cource_review > div > a > h3{
font-size: 20px;
color: #000;
font-weight: 300;
background: #fff;
border-radius: 100px;
height: 52px;
margin: 2px 2px 0 2px;
display: flex;
flex-direction: column;
justify-content: center;
}
.cource .faq_list .accordion {
width: 100%;
margin: 170px auto 20px;
background: #f2f2f2;
}
.cource .faq_list .accordion{
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.cource .faq_list .accordion .link {
cursor: pointer;
display: inline-block;
border-bottom: 1px solid #ccc;
position: relative;
width: 100%;
vertical-align: top;
}
.cource .faq_list .accordion .link p{
display: inline-block;
float: left;
border-right: 1px solid #ccc;
color: #000;
font-size: 16px;
font-weight: 300;
width: 80px;
text-align: center;
padding: 18px 0;
border-left: 1px solid #ccc;
}
.cource .faq_list .accordion .link h2{
display: inline-block;
float: left;
text-align: left;
color: #000;
font-size: 16px;
margin: 0;
font-weight: 300;
padding: 18px 0 18px 20px;
}
.cource .faq_list .accordion .link img{
text-align: left;
float: left;
padding: 22px 20px 21px 20px;
}
.cource .faq_list .accordion .open .arrow_down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.cource .faq_list .submenu{
border-bottom: 1px solid #ccc;
display: none;
background: #fff;
}
.cource .faq_list .submenu h3{
color: #000;
font-size: 16px;
font-weight: 300;
text-align: left;
background: #fff;
margin: 0;
border-left: 1px solid #ccc;
margin-left: 52px;
padding: 20px 40px;
}
.cource .faq_list .submenu div{
width: 52px;
border-right: 1px solid #ccc;
display: inline;
height: 100%;
}
@media all and (max-width:1920px){
.sns_tab_container{
background: #F7F7F7;width:7.8125vw;
position: absolute;top:0;left:-11.7187vw;
border-radius: 0.2604vw;
}
.sns_tab_container ul {
display: flex;flex-direction: column;
}
.sns_tab_container ul li {
border-bottom:1px solid #eeeeee;padding: 0 1.0416vw;
}
.sns_tab_container ul li a{
gap:0.5208vw;height:2.8645vw;font-size:0.7291vw;line-height:1.0416vw;color:#555555;font-weight: 400;
}
}
@media all and (max-width:1600px){
.sns_tab_container {
display:none;
}
}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1199px) {
.board > div {
width: 100%;
}

}

/*태블릿*/
@media (min-width : 768px) and (max-width : 1023px) {
.board > div {
width: 100%;
}

.myroom > .board{
width: 100%;
padding: 0;
}
}


@media (max-width: 1240px) {
.board{
max-width: 100vw;
padding: 0 2.4193vw;
}
.board > div{
max-width: 100vw;
}
.board .inquiry_unit {
margin: 8.4677vw 0 2.4193vw 0;
}
.board .board_unit{
max-width: 56.4516vw;
}
.board .category_container {
gap:2.4193vw;
}
.board .category_container .board_category_btn {
width:4.8387vw;position: relative;
}
.board .category_container .board_category_btn .swiper-button-next{
width: 2.0161vw;
height: 2.0161vw;
border-radius: 2.0161vw;
background-size: 0.5645vw auto;
margin-top: -1.0080vw;
}
.board .category_container .board_category_btn .swiper-button-prev {
width: 2.0161vw;
height: 2.0161vw;
border-radius: 2.0161vw;
background-size: 0.5645vw auto;
margin-top: -1.0080vw;
}
.board .board_unit ul li{
max-width: 11.2903vw;
}
.board .board_unit ul li a{
font-size: 1.2903vw;
padding: 0.5241vw 1.2096vw;
min-width:9.6774vw;
border-radius: 3.0645vw;
line-height: 1.8548vw;
}

.board .sb-search p{
font-size: 1.1290vw;
padding: 0.8870vw 0 0.8870vw 1.2903vw;
}
.board .sb-search select {
width: 6.4516vw;
font-size: 1.1290vw;
padding: 0 0.8064vw;
height: 3.0645vw;
background: url(https://img.megastudyacademy.co.kr/megademdev/html_images/ico_mypage_arrow2_1_new.png) no-repeat 4.8387vw 50%;
background-size: 0.7258vw auto;
}

.board .sb-search input[type=text]{
height: 3.0645vw;
padding: 0 2.8225vw 0 1.2096vw;
width: 16.9354vw;
font-size: 1.1290vw;
line-height: 1.6129vw;
}
.board .sb-search a img{
top: 1.6129vw;
right: 1.6129vw;
}
.board .sb-gallery li .dday{
position: absolute;
right: 0.9677vw;
top:1.8055vw;
}
.board .sb-gallery li .dday p{
color: #fff;
background: #000;
font-size: 1.9444vw;
font-weight: 700;
padding: 0.6944vw 1.3888vw;
border-radius: 0.6944vw;
min-width: 8.3333vw;min-height:4.1666vw;
display: flex;align-items: center;justify-content: center;
}




}


/*모바일 시작*/

@media (max-width: 768px) {
.myroom > .board{
width: 100%;
padding: 0;
}
.sb-comment .writeWrap dt .inp {
width: 48%!important;
}

.board > div {
width: 100%;
margin: 0 auto;
text-align: center;
}
.board {
overflow: hidden;
}
.board .board_unit{
margin: 0;
width: 100%;
max-width: 100%;
}
.board .category_container {
position: relative;display: flex;flex-direction: row;max-width: 100%;
}
.board .category_container .board_category_btn {
display:none !important;
}
.board .category_container .board_unit {
overflow: visible;
}
.board .category_container .board_unit ul{
display: flex;
}
.board .category_container .board_unit.none_slide ul{
gap:10px;
}
.board .category_container .board_unit ul li{
display: inline-block;
border:0;
width: fit-content;
}
.board .category_container .board_unit ul li:last-child {
border:0;
}
.board  .category_container .board_unit ul li {
margin-top:0;max-width:28.6458vw;
}
.board .board_unit::after {
display: none !important;
}
.board .board_unit::before {
display: none !important;
}
.board .board_unit ul li a{
display: block;
font-size: 3.6111vw;
font-weight: 400;
color: #000;
padding: 1.25vw 1.3888vw 1.3888vw;
background: #E3EFFF;
min-width:28.6458vw;
border:1px solid #DDDDDF;
border-radius: 8.3333vw;
line-height: 5.2777vw;
width: 100%;
color: #555555;
}
.board .board_unit ul li a.active{
background: #0081ff;color:#fff;font-weight: 700;
}
.paging {
margin-top: 25px;
}
.paging img{
width: 60%;
}
.paging a {
font-size: 11px;
padding: 0 6px;
width: 28px;
}
.paging a.active {
width: 28px;
padding: 8px 0px;
}
/*수정*/
.paging a.last {
margin-left: -0;
}
.paging a.first {
margin-right: -0;
}

.board .board_next ul li a h2:nth-child(1) {
width: 20%;
}
.board .board_next ul li a h2:nth-child(2) {
width: 78%;
}
.board .board_next ul li a h2 {
font-size: 13px;
padding: 10px 0;
}
.board .board_next ul li {
height: auto;
}
.board .list_btn {
font-size: 12px;
padding: 5px 12px;
}
.board .board_next {
margin: 15px 0 20px 0;
}
.board .notice_date{
display: none!important;
}
.board .notice_date_m{
display: inline-block;
float: right;
}
.popup-box {
width: 60%;
position: fixed;
top: 50%;
left: 50%;
background: #fff;
text-align: center;
border: 1px solid #000;
z-index: 99;
transform: translate(-50%, -50%);
}
.popup-wrap {
background: rgba(0, 0, 0, 0.5);
z-index: 99;
}
.popup-box ul li {
font-size: 12px;
}
.popup-box h2 {
width: 100%;
}
.board .notice_date_m p{
display: inline-block;
float: left;
text-align: right;
font-size: 12px;
font-weight: 300;
color: #000;
position: relative;
}
.board .notice_date_m p:nth-child(2):before{
display: block;
position: absolute;
top: 3px;
left: -7px;
content: '';
width: 1px;
height: 9px;
background-color: #000;
}
.board .notice_date_m p:nth-child(2){
margin: 0 15px;
}
.board .notice_date_m img{
float: left;
text-align: right;
float: left;
text-align: right;
width: 8%;
padding-bottom: 4px;
padding-right: 3px;
}

.board .board_next ul li a h2:nth-child(2) {
padding-left: 10px;
}
.board .board_select_m select {
width: 30%;
padding: 10px;
border: 1px solid #ccc;
font-family: inherit;
background: url(../images/ico_mypage_arrow2_1.png) no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
font-weight: 400;
font-size: 12px;
padding: 0 10px;
height: 30px;
background-color: #fff;
float: right;
}

.board .board_select_m select::-ms-expand {
display: none;
}
.board_search_m{
display: block;
}
.board .board_search_m{
position: relative;
background: #0081FF;
padding: 12px 0;
width: 100%;
box-shadow: 2px 3px 15px -1px rgb(163 174 171 / 40%);
margin-top: 8%;
}
.board .board_select_m p{
display: inline-block;
float: left;
color: #000;
font-weight: 400;
font-size: 12px;
margin-top: 11px;
}
.board .board_select_m{
display: inline-block;
width: 96%;
margin-bottom: 6px;
}
.board .board_select_m p span{
color: #0081FF;
}
.board .board_search_m input[type=text]{
background: #f5f5f5;
border: none;
height: 38px;
padding: 3px 10px;
width: 90%;
padding: 0 10px;
vertical-align: bottom;
margin-left: 6px;

}
.board .board_search_m a{
display: inline-block;
position: relative;
}
.board .board_search_m a img{
position: absolute;
top: -28px;
right: 15px;
}
.board > div:nth-child(2) > div.faq_search > div > div:nth-child(2){
display: none;
}
.board .faq_search {
background: #fff;
padding: 24px 0 0 0;
margin-bottom: 15px;
}
.board .faq_search > ul li {
padding: 4px 0;
width: 20%;
margin-right: 5px;
margin-top: 16px;
}
.board .faq_search > ul li a {
font-size: 13px;
}
.board .faq_search > ul{
white-space: nowrap;
overflow-x: auto;
padding-bottom: 15px;
}
.board .faq_search > ul::-webkit-scrollbar {
background-color:#fff;
}
.board .faq_search > ul::-webkit-scrollbar-track {
background-color:#f2f2f2;
border-top: 7px solid #fff;
border-bottom: 7px solid #fff;
}
.board .faq_search > ul::-webkit-scrollbar-thumb {
background: linear-gradient(to right, #0081FF 20%, #68b4ff 80%);
border-radius:8px;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
}
.board .faq_search > ul::-webkit-scrollbar {
        width: 5px;
    }
.board .faq_list .accordion .link{
height:90px;
}
.board .faq_search > ul::-webkit-scrollbar-button {display:none}
.board .faq_list .accordion .link p {
font-size: 13px;
width: 28%;
padding: 12px 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.board .faq_list .accordion .link h2 {
font-size: 12px;
padding: 12px 10px;
width: 72%;
display: flex;
align-items: center;
justify-content: flex-start;
height: 100%;
}
.board .faq_list .accordion .link img {
padding: 15px 12px 14px 12px;
}
.board .faq_list .submenu {
font-size: 13px;
padding: 20px 30px 30px;
}
.board .faq_list .submenu img{
width:100%;height:auto;
}
.board .faq_search > div > div:nth-child(1) {
width: 100%;
}
.board .faq_search > div p {
font-weight: 600;
font-size: 14px;
text-align: left;
float: left;
}
.board .borad_list_m{
display: block;
}
.board .borad_list_m tr td img{
width: 30%;
}
.board .borad_list_m table{
width: 100%;
border: 1px solid #ccc;
border-collapse: collapse;
}
.board .borad_list_m tr td a{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap:break-word; 
}
.board .borad_list_m table th{
font-size: 16px;
color: #fff;
font-weight: 300;
background: #333;
padding: 8px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 13px;
}
.board .borad_list_m table th:last-child{
border-right:none;
}
.board .borad_list_m table td{
font-size: 16px;
color: #000;
font-weight: 300;
background: #fff;
padding: 8px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-size: 13px;
}
.board .borad_list_m table td:last-child{
border-right:none;
}
.board .borad_list_m table td:nth-child(2){
text-align: left;
padding-left: 10px;
}
.board .borad_list_m table tr.tr_notice td{
background: #f2f2f2;
}
.board .borad_list_m table td span{
color: #fff;
background: linear-gradient( to right, #0081FF, #68b4ff );
font-size: 13px;
font-weight: 400;
padding: 2px 8px;
border-radius: 5px;
margin-left: 8px;
}
#customer .sb-list{
display: none;
}
.board .sb-footer{
display: inline-block;
width: 100%;
margin-top: 10px;
}
.board .sb-footer ul li{
display: inline-block;
float: left;
border: 1px solid #ddd;
background: #f2f2f2;
padding: 2px 16px 8px 16px;
margin-right: 5px;
}
.board .sb-footer ul li:last-child{
float: right;
margin-right: 0;
}
.board .sb-footer ul li a{
font-size: 12px;
font-weight: 300;
color: #000;
display: inline-block;
}
.board .re_title ul li:nth-child(1) {
width: 9%;
padding: 10px 0;
border-left: none;
}
.board .re_title ul li:nth-child(1) img{
width: 45%;
}
.board .re_title ul li:nth-child(2) {
width: 42%;
padding-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap:break-word; 
margin: 10px 0;
padding: 0 0 0 10px;
border-right: none;
}
.board .re_title ul li:nth-child(3) {
width: 16%;
border-left: 1px solid #ddd;
}
.board .re_title ul li:nth-child(4) {
width: 10%;
}
.board .re_title ul li:nth-child(5) {
width: 22%;
border-right: none;
}
.board .re_title ul li:nth-child(6) {
display: none;
}
.board .re_title li {
font-size: 13px;
padding: 11px 0;
border-top: none;
border-bottom: none;
border-right: 1px solid #ddd;
}
.board .re_title ul {
border: 1px solid #ddd;
}
.board .re_con span {
border: 1px solid #ddd;
width: 100%;
font-size: 13px;
padding: 20px;
}
.board .re_con a img {
width: 5%;
}
.board .re_con a p {
font-size: 12px;
}
.board .re_con a {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}
.board .re_view h2 {
font-size: 13px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 10px 0 10px 20px;
}
.board .re_view span {
font-size: 13px;
border-bottom: 1px solid #ddd;
padding: 10px 20px 20px 20px;
}
.board .box-file-input .filename {
width: 195px;
}
.board .sb-write > tbody > tr > td:nth-child(1){
display: none;
}
.board .sb-write tr td {
padding: 10px 0;
}
.board .sb-write input.m_td{
border: 1px solid #ccc;
width: 100%;
padding: 8px 10px;
font-size: 13px;
color: #000;
margin-bottom: 5px;
}
.board .sb-write textarea {
width: 100%;
height: 250px;
}
.board .sb-write tr td {
font-size: 13px;
}
.board .box-file-input label {
font-size: 13px;
padding: 6px 8px;
}
.board .box-file-input .filename {
padding: 6px 8px;
}
.board .sb-write select {
width: 216px;
font-size: 13px;
height: 32px;
margin-right: 43px;
}
.board > div > table > tbody > tr:nth-child(1) > td:nth-child(2) > label {
padding-top: 3px;
}
.board > div > table > tbody > tr:nth-child(3) > td:nth-child(2) > span{
display: inline-block;
float: left;
padding: 6px 15px 6px 0;
}
.board .sb-write tr td p {
font-size: 12px;
width: 81%;
float: right;
margin-bottom: 6px;
}
.board .board_btn_unit li:nth-child(1) a {
font-size: 13px;
width: 58px;
padding: 7px 0;
}
.board .board_btn_unit li:nth-child(2) a {
font-size: 13px;
width: 58px;
padding: 7px 0;
}
.board .board_btn_unit li:nth-child(1) {
margin-right: 4px;
}
.board .board_btn_unit {
margin-top: 30px;
}
.board .board_btn_unit li {
display: inline-block;
width: 58px;
}
/*코스소개*/
.cource .cource_m > div:nth-child(2){
display:none;
}
.cource .cource_t{
margin-top: 0;
margin-bottom: 30px;
}
.cource .cource_t > div{
position: absolute;
width: 100%;
left: 50%;
transform: translate(-50%, 0);
display: flex;
flex-direction: column;
justify-content: center;
height: 325px;
}
.cource .cource_t > div h2{
font-size: 24px;
margin-bottom: 10px;
}
.cource .cource_t > div h3{
font-size: 13px;
line-height: 23px;
padding: 0 10%;
}
.cource .cource_t > img{
height: 325px;
width: 100%;
}
.cource .cource_con {
width: 90%;
display: block;
}
.cource .cource_con .cource_m{
width: 100%;
}
.cource .cource_m > div:nth-child(1) {
width: 100%;
height: 400px;
}
.cource .cource_price {
height: 300px;
margin-top: 80px;
}
.cource .cource_price > div {
width: 90%;
}
.cource .cource_price h2 {
font-size: 24px;
margin: 40px 0 14px 0;
}
.cource .cource_price p {
font-size: 16px;
}
.cource .cource_price > div > div > div > div > img:nth-child(2) {
position: absolute;
top: 2%;
right: -4%;
width: 30%;
}
.cource .cource_price span img {
margin-right: 6px;
width: 11%;
}
.cource .cource_price > div > div > a {
font-size: 16px;
padding: 10px 44px;
margin-top: 18px;
}
.cource .cource_review {
margin-top: 80px;
}
.cource .cource_price > div > div > div > div {
margin-bottom: 10px;
}
.cource .cource_price > div > img {
width: 100%;
}
.cource .cource_price h3 {
font-size: 16px;
}
.cource .cource_price h1 {
font-size: 16px;
}
.cource .cource_price > div > div {
width: 70%;
margin-top: 10px;
}
.cource .cource_price span {
font-size: 16px;
}
.cource .cource_review ul li {
background-image: url(../images/bubble_left_m.png);
width: 93%;
height: auto;
background-repeat: no-repeat;
background-size: 100%;
margin: 0 12px;
padding: 3px 0 28px 0;
}
.cource .cource_review ul li:nth-child(2n) {
background-image: url(../images/bubble_right_m.png);
background-repeat: no-repeat;
width: 93%;
height: auto;
background-size: 100%;
padding: 3px 0 28px 0;
}
.cource .cource_review > div > ul > li > h3:nth-child(1) {
padding-top: 35px;
display: inline-block;
float: left;
}
.cource .cource_review > div > ul > li > h3 {
font-size: 11px;
margin: 10px 19px 10px 14px;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap:break-word; 
}
.cource .cource_review > div > ul > li:nth-child(2n) > h3:nth-child(1) {
float: right;
margin: 10px 0px 10px 18px;
}
.cource .cource_review > div > ul > li:nth-child(2n) > h3 {
font-size: 11px;
text-align: right;
padding-right: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap:break-word; 
}
.cource .cource_review > div > a {
font-size: 13px;
width: 100px;
height: 36px;
margin: 30px 0 10px 0;
}
.cource .cource_review > div > a > h3 {
font-size: 13px;
height: 32px;
}
.cource .cource_review > div {
padding: 20px 0;
}
.cource .cource_review p {
font-size: 18px;
margin-bottom: 18px;
}

.cource .faq_list .accordion .link p {
font-size: 12px;
width: 20%;
padding: 12px 0;
}
.cource .faq_list .accordion .link img {
padding: 12px 10px 12px 10px;
}
.cource .faq_list .accordion .link h2 {
font-size: 12px;
padding: 12px 0 12px 10px;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
width: 68%;
overflow: hidden;
}
.cource .faq_list .submenu h3 {
font-size: 12px;
margin-left: 32px;
padding: 10px 20px;
}
.cource .faq_list .accordion {
margin: 90px auto 20px;
}
.cource .cource_m_bottomunit{
display: inline-block;
width: 100%;
margin-top: 60px;
}
.cource .cource_m_bottomunit ul li{
display: inline-block;
float: left;
width: 30%;
}
.cource .cource_m_bottomunit ul li:nth-child(2){
width: 70%;
}
.cource .cource_m_bottomunit ul li a{
display: inline-block;
width: 100%;
color: #0081FF;
font-size: 14px;
font-weight: 400;
background: #ddd;
text-align: center;
padding: 14px 0;
}
.cource .cource_m_bottomunit ul li:nth-child(2) a{
color: #fff;
font-size: 14px;
font-weight: 600;
background: linear-gradient( to right, #0081FF, #68b4ff );
}
.cource .cource_m_bottomunit ul li:nth-child(2) a img{
vertical-align: bottom;
padding-left: 5px;
}
.board .event_list ul li {
width: 100%;
margin-bottom: 14px;
}
.board .event_list ul li:nth-child(3n) {
width: 100%;
}
.board .event_list ul li a div:first-child {
background: #f2f2f2;
height: 160px;
border-radius: 0px;
}
.board .event_list ul li a div:nth-child(2) p {
font-size: 12px;
}
.board .event_list ul li a div:nth-child(2) {
bottom: 51px;
}
.board .event_list ul li h3 {
font-size: 18px;
margin: 20px 0 6px 0;
}
.board .event_list ul li h4 {
font-size: 12px;
}
.board .board_con > div {
display: none;
}
.board .sb-view .titWrap a {
display: none;
}
.board .sb-view .titWrap > div:nth-child(2) {
display: none;
}

}


/* 개발자 추가 */
/* 리스트 */
.board .sub-tit{
display: flex;
align-items: center;
justify-content: flex-start;
width:50%;
margin-bottom:30px;
}
.board .total_cnt {
color: #999999;font-size: 14px;font-weight:400;line-height: 24px;margin-left:auto;
margin-top: 12px;
}
.board .sub-tit h3 {
font-size:24px;color:#000;font-weight: 700;line-height: 24px;padding:0;margin-bottom: 0;
}
.board .sub-tit h3 span {
font-family: "Noto Color Emoji";
}
.board .sb-search fieldset{
display: flex;
gap:10px;
border: none;
}
.board .sb-search legend{display: none;}
.board .sb-search div.where {
margin-left: 0;
}
.board .sb-search .inp .sbm{
position: absolute;
top: 50%;
right: 15px;
width: 14px;
height: 14px;
margin-top: -7px;
background: url(https://img.megastudyacademy.co.kr/megademdev/html_images/search_new_mo.png) no-repeat;
background-size: 100% auto;
border: none;
text-indent: -999em;
padding:0;
}

.board .paging .first i, .board .paging .prev i, .board .paging .next i, .board .paging .last i{
display: none;
}
.board .paging .first, .board .paging .prev, .board .paging .next, .board .paging .last{
width: 41px;
height: 41px;
}
.board .paging .first{
background: url(../images/prev_2.png) no-repeat center center;
padding: 0 10px;
}
.board .paging .prev{
background: url(../images/prev.png) no-repeat center center;
}
.board .paging .next{
background: url(../images/next.png) no-repeat center center;
}
.board .paging .last{
background: url(../images/next_2.png) no-repeat center center;
padding: 0 10px;
}

.board .sb-footer div.right{
float:right;
}
.board .sb-footer div.center{
display: inline-block;
margin-top: 70px;
}

.board .sb-footer div a, .board .sb-footer div input{
display: flex;
float: left;
background: #e8e8e8;
padding: 0;
font-size: 16px;
font-weight: 300;
color: #333;
margin-right: 10px;
flex-direction: column;
justify-content: center;
}
.board .sb-footer div.left a:nth-child(1){
width: 100px;
height: 50px;
background: #333!important;
color: #fff;
border: none!important;
}
.board .sb-footer div.left a:nth-child(2){
width: 140px;
height: 50px;
}
.board .sb-footer div.right a:nth-child(1){
padding: 7px 20px;
background: #0081FF;
border: 0;
color: #fff;
font-size:14px;
font-weight:400;
border-radius: 5px;
}
.board .sb-footer div input{
padding: 6px 20px 7px 20px;
}
.board .sb-footer div a:last-child, .board .sb-footer div input:last-child{
margin:0;
}
.board .sb-footer.no-abs.view div.left a{
float: left;
}
.board .sb-footer.no-abs.view div.right a{
display: inline-block;
margin-left: 10px;
padding: 16px 0;
height: unset;
}
.board .sb-footer.no-abs.view div.right a.sb-btn.type2{
background: #e8e8e8;
color: #333;
border: 1px solid #e8e8e8;
}
.board .sb-footer.no-abs.view div a.sb-btn{
height:56px;
line-height:normal;
}


@media (max-width: 1023px) {
.board .inquiry_unit {
margin: 2.9325vw 0 1.9550vw 0;
}
.board .sb-search div {
display: flex;
}
.board .sb-search .inp .sbm {
right: 1.4662vw;
width: 1.3685vw;
height: 1.3685vw;
margin-top: -0.6842vw;
}
}

/* 글작성 */
.board .sb-write table{
width: 100%;
border-spacing: 0;
}
.board .sb-write th, .board .sb-write td{
border-bottom: 1px solid #ccc;
height: 58px;
}
.board .sb-write .fileWrap th, .board .sb-write .fileWrap td{
border-bottom: none !important;
}
.board .sb-write input{
border: 1px solid #ccc;
width: 100%;
height: 35px;
line-height: 35px;
padding: 0 15px;
}
.board .sb-write input[type="file"]{
border: none;
}
.board .sb-footer.write div a, .board .sb-footer.write div input{
display: block;
background: #e8e8e8;
color: #333;
font-weight: 300;
font-size: 16px;
width: 100px;
padding: 16px 0;
border: none;
}

.board .sb-write label { 
cursor: pointer;
background-repeat: no-repeat;
background-image: url('../images/chk_off_2.png');
width: 50%;
display: inline-block;
height: 20px;
padding-left: 30px;
padding-right: 10px;
}
.board .sb-write input[type=checkbox]:checked + label { 
cursor: pointer;
background-repeat: no-repeat;
background-image: url('../images/chk_on_2.png');
width: 90%;
display: inline-block;
height: 20px;
padding-left: 30px;
}

.board .sb-write input[type=checkbox] {
display:none;
}

.board .sb-write select {
margin-left:0px
}

.board .sb-footer.write div input{
padding: 17px 35px;
}
.board .sb-footer.write div a.type1{
background: linear-gradient( to right, #0081FF, #68b4ff );
}
.board .sb-footer.write div input.type1{
font-family: "Noto Sans KR", sans-serif;
cursor:pointer;
background: linear-gradient( to right, #0081FF, #68b4ff );
color: #fff;
}
.board .sb-footer.write div .sb-btn{
height:56px;
line-height:normal;
}

@media (max-width: 768px) {
.board .sb-comment .list > li > span{
padding:20px;
}
.board .sb-write > table th:nth-child(1) {
display: none;
}
.board .sb-write > table colgroup:nth-child(1) {
display: none;
}
.board .sb-write {
font-size: 13px;
}
.board .sb-write input{
width: 100%;
}
.board .sb-write .fileWrap p{
width:100%
}
.board .sb-footer.write a {
font-size: 16px !important;
width: 90px !important;
padding: 16px 0 !important;
}
.board .sb-footer.write input {
font-size: 16px !important;
width: 90px !important;
padding: 14.5px 29px !important;
}
.board .sb-footer div.center {
margin-top: 20px;
}
}
/* 글보기 */
.board .sb-view .titWrap .sbj, .board .sb-view .titWrap .lock{
float: left;
font-size: 16px;
font-weight: 300;
color: #000;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
/* line-height: 1.2em; */
line-height: 1.5;
padding: 20px;
}
.board .sb-view .titWrap .lock{
border-right: 1px solid #ccc;
}
.board .sb-view .titWrap .info{
float: right;
}
.board .sb-view .titWrap .info li em{
margin-right: 10px;
font-style: normal;
}
.board .sb-view .etcfield div{
float:left;
}
.board .sb-view .titWrap .info li, .board .sb-view .etcfield span, .board .sb-view .etcfield p{
display: inline-block;
padding: 20px;
color: #000;
position: relative;
}
.board .sb-view .etcfield{
border-bottom: 0;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 10px;
margin-top: -12px;
text-align: left;
}
.board .sb-view .etcfield p{
font-weight: 300;
}
.board .sb-view .memoWrap{
display: block;
padding: 40px 20px 50px 20px;
text-align: left;
}
/* .content_pc_ img, .content_pc img{
width: 100%!important;
height: auto!important;
}
.memoWrap.nostyle > img{
width: 100%!important;
height: auto!important;
} */
.content_pc_ img, .content_pc img{
max-width: 100%!important;
max-height: 100%!important;
}
.memoWrap.nostyle > img{
max-width: 100%!important;
max-height: 100%!important;
}
.content_pc_ table, .content_pc table{
max-width: 100%!important;
max-height: 100%!important;
border-collapse: collapse;
}
.board .sb-footer.view div input, .board .sb-footer.view div a, .board .sb-comment .btnWrap input[type=button], .board .sb-comment .btnWrap input[type=submit]{
/*font-size: 16px;
font-weight: 300;
color: #000;
padding: 5px 16px;
border: 1px solid #ccc;
border-radius: 5px;
background: #fff;*/
font-size: 16px;
font-weight: 300;
color: #fff;
background: #333;
width: 100px;
height: 50px;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
text-align: center;
float: none;

}
.board .sb-view.question div ul li em{
display: none;
}
/* 공유하기 */
.board .sb-view .popup-box {
top: 80%;
right: 80%;
left: auto;
}
.board .sb-view .popup-box ul li{
padding: 0px !important;
}
.board .sb-view .popup-box ul li a{
position: relative;
right: auto;
top: auto;
}
.board .sb-view .popup-box ul li::after{
display: none !important;
}
.board .sb-view .popup-box .popup-close{
right: 10px;
top: 10px;
}

@media (max-width: 768px) {
.board .sb-view {
padding-top: 30px;
}
.board .sb-view .titWrap{
display: block;
width: 100%;
float: left;
padding: 10px 20px 10px 20px;
}
.board .sb-view .titWrap .sbj{
font-size: 13px;
text-overflow: ellipsis;
white-space: wrap;
word-wrap: normal;
width: 100%;
overflow: hidden;
-webkit-line-clamp: 2;
padding:0;
}
.board .sb-view.question .titWrap .lock{
font-size: 13px;
padding: 10px;
text-align: center;
}
.board .sb-view.question .titWrap .lock img{
width: 65%;
}
.board .sb-view.question .titWrap .sbj{
width: 85% !important;
}
.board .sb-view .etcfield{
font-size: 13px;
}

.board .sb-view .etcfield div{
float:none;
padding: 2px 0 2px 10px;
}
.board .sb-view .etcfield span , .board .sb-view .etcfield p {
padding: 10px 0 5px 5px;
}
.board .sb-view .etcfield span , .board .sb-view .etcfield a {
font-size:10px;padding-left: 10px;
}
.board .sb-view .etcfield>span {
display: block;
}
.board .sb-view .etcfield p:before {
left : 10px;
}
.board .sb-view .titWrap a {
display: block;
right: 0px;
top: 10px;
}

.board .info p:nth-child(2){
margin: 0 15px;
}
.board .info .popup-btn img{
width: 80%;
float: left;
text-align: right;
float: left;
text-align: right;
padding-bottom: 4px;
padding-right: 3px;
}
.board .sb-view .memoWrap{
display: inline-block;
width: 100%;
font-size: 13px;
padding: 20px;
word-break: break-all;
}
.board .sb-view .memoWrap img{
max-width:100%;
height: auto !important;
}

.board .sb-view .popup-box {
top: 50% !important;
left: 50% !important;
left: auto;
}
.board .sb-view .popup-box ul li {
font-size: 12px;
}

.board .sb-view .popup-wrap{
background: none;
z-index: auto;
}
.board .sb-view .popup-box li{
text-align: center !important;
}

}
/* 첨부파일 */
.board .sb-view .file{
display: contents;
width: 100%;
float: left;
text-align: left;
border-bottom: 1px solid #ccc;
padding: 14px 0;
}
.board .sb-view .file li{
font-weight: 300;
font-size: 14px;
/* display: inline-block; */
display: block;
margin-top: 10px;
}
.board .sb-view .file li strong{
color: #0000;
background: url(../images/ico_file.png) no-repeat 0% 0%;
vertical-align: middle;
font-size: 22px;
margin-right:-60px
}
.board .sb-view .file li strong i{
display: none;
}
@media (max-width: 768px) {
.board .sb-view .file{
margin:0px;
}
.board .sb-view .file li{
font-size: 12px;
}
.board .sb-view .file li strong{
font-size: 12px;
background-size: 17px;
margin-right: -30px;
}
}

/* 이전글/다음글 */
.board .next_prev_page .board_title p{
font-size: 14px;
font-weight: 300;
color: #000;
}

.board .next_prev_page{
border-bottom: 2px solid #000;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
display: inline-block;
width: 100%;
margin: 50px 0 20px 0;
}
.board .next_prev_page ul li{
display: flex;
width: 100%;
/* height: 56px; */
border-top: 1px solid #ccc;
}
.board .next_prev_page ul li div{
font-size: 16px;
font-weight: 300;
color: #000;
margin: 0;
padding: 19px 0;
}
.board .next_prev_page ul li div:nth-child(1){
display: inline-block;
width: 10%;
float: left;
border-right: 1px solid #ccc;
}

.board .next_prev_page ul li div:nth-child(2){
display: inline-block;
width:88%;
float: left;
text-align: left;
padding-left: 20px;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
}

/* 댓글 */
.board .sb-comment{
/* margin-top: 50px; */
border-top: 1px solid #ddd;
}
.board .sb-comment .btnWrap{
float:right;
}
.board .sb-comment .btnWrap input[type=button], .board .sb-comment .btnWrap input[type=submit]{
font-size: 16px;
text-align: center;
padding: 0 34px;
}
.sb-comment .writeWrap dt {
margin-bottom: 10px;
float:left;
display: table;
text-align: left;
width: 100%;
}
.sb-comment .writeWrap dt .inp {
width: 230px;
height: 40px;
line-height: 40px;
padding: 0 10px;
border: 1px solid #dddddd;
margin-right: 5px;
}
.sb-comment .writeWrap dd {
margin: auto;
}
.sb-comment .writeWrap dd textarea {
width: 100%;
height: 110px;
border: 1px solid #dddddd;
padding: 10px;
box-sizing: border-box;
}
.board .sb-comment .list {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.board .sb-comment .list h2 {
background: #f2f2f2;
color: #000;
font-weight: 500;
font-size: 16px;
text-align: left;
border-top: 2px solid #000;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 20px;
}
.board .sb-comment .list li{
background: #fff;
font-weight: 400;
font-size: 16px;
color: #000;
display: block;
width: 100%;
text-align: center;
border-bottom: 1px solid #ccc;
/* padding: 30px 0 80px 20px; */
}
.board .sb-comment .list li .info .name, .board .sb-comment .list li .info .date{
display: none;
}
@media (max-width: 768px) {
.board .sb-comment .list h2{
font-size: 13px;
padding: 10px 0 10px 20px;
}
.board .sb-comment .list li{
font-size: 13px;
border-bottom: 1px solid #ddd;
/* padding: 10px 20px 20px 20px; */
}
}

/* 갤러리 리스트 */
.board .sb-gallery > li .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid rgba(0,0,0,0);
box-sizing: border-box;
z-index: 1;
}
.board .sb-gallery {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
row-gap: 80px;
column-gap: 50px;
min-height:300px;
position: relative;
margin-bottom: 50px;
}
.board .sb-gallery.none_list{
display: flex;
align-items: center;
justify-content: center;
}
.board .sb-gallery li{
width: 100%;
display: inline-block;
position: relative;
margin-right: 0;
margin-bottom:0;
margin-top:0;
max-width:380px;
}
/*.board .sb-gallery::after {
content: '';position: absolute;bottom: -30px;right:0;width:1240px;height:1px;
background: #E4E4E4;
}*/
.board .sb-gallery li:nth-child(3n)::after {
content: '';position: absolute;bottom: -30px;right:0;width:1240px;height:1px;
background: #E4E4E4;
}
.board .sb-gallery li:last-child::after {
display: none;
}

.board .sb-gallery li.on {
order: 2;
width: 100%;
text-align: center;
font-size:22px;
font-weight: 400;
color: #999999;
}
.board .sb-gallery li .tmb{
background: #f2f2f2;
height: 211px;
border-radius: 10px;
background-size: 100%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
width: 100%;
overflow: hidden;
position: relative;
}
.board .sb-gallery li .tmb img {
width:100%;height: auto;vertical-align: bottom;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.board .sb-gallery li .dday{
position: absolute;
right: 12px;
top:13px;
}
.board .sb-gallery li .dday p{
color: #fff;
background: red;
font-size: 14px;
font-weight: 700;
padding: 5px 10px;
border-radius: 5px;
min-width: 60px;min-height:30px;
display: flex;align-items: center;justify-content: center;
}
.board .sb-gallery li .infobox{
color: #000;
font-size: 21px;
font-weight: 300;
text-align: left;
margin: 10px 0;
display: flex;
flex-direction: column;
gap:10px;
}
.board .sb-gallery li .infobox span.title{
display: -webkit-box;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2em;
font-size:18px;
font-weight:500;
color: #000;
min-height:44px;
}
.board .sb-gallery li .infobox .info li{
display: block;
color: #999999;
font-size: 14px;
font-weight: 300;
text-align: left;
margin: 0;
width: 100%;
line-height: 30px;
}
.board .sb-gallery.sb-gallery-magazine li .infobox .info li {
display: -webkit-box;
word-wrap: break-word;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height:20px;
word-break: break-all;
}   
/* faq */
.board .faq_search > div > div{
display: inline-flex !important;
vertical-align: top;
}
.board .faq_search > div > div .where{
margin-left: 10px;
}

.board .faq_search > div > div .inp{
display: inline-block;
position: relative;
}
.board .faq_search .inp .sbm{
position: absolute;
top: 6px;
right: 4px;
width: 25px;
height: 25px;
background: url(../images/search.png) no-repeat center center;
border: none;
text-indent: -999em;
}


@media (max-width: 768px){
.board .faq_search > div > div .inp{
display: none;
}
.board .faq_search{
padding: 0px;
}
.board .sb-search {
width:100%;
}
.board .sb-search fieldset {
display: flex;
gap: 2.7777vw;
border: none;
width:100%;
}
.board .sb-search form {
width:100%;
}
.board .sb-search div.inp {
display: flex;
width: 100%;
}
.board .sb-search select {
width: 20.1388vw;
font-size: 3.0555vw;
padding: 0 2.0833vw;
height: 8.3333vw;
background: url(https://img.megastudyacademy.co.kr/megademdev/html_images/ico_mypage_arrow2_1_new.png) no-repeat 15.9722vw 50%;
background-size: 2.0833vw auto;
}
.board .sb-search input[type=text] {
height: 8.3333vw;
padding: 0 6.9444vw 0 4.1666vw;
width: 100%;
font-size: 3.0555vw;
line-height: 4.4444vw;
}

.board .sb-search .inp .sbm {
right: 2.7777vw;
width: 3.4722vw;
height: 3.3333vw;
margin-top: -1.6666vw;
}
}


/* 학습문의 */
.learn .learn_list:first-child {
border-top: 2px solid #000;
}
.board .qna .sb-search{
border: 0px;
margin-bottom: 0px;
padding:0px;
width:100%
}
.board .qna .sb-search p{
margin-bottom:10px;
padding: 0 0 11px 6px;
}
.board .qna .sb-search fieldset{
float:left;
}
.board .qna .sb-search .total, .board .qna .sb-search fieldset .where, .board .qna .sb-search fieldset .inp{
display: none;
}
.board .qna .sb-search fieldset .qna{
display: block;
margin: -10px 0 0 0;
line-height: 54px;
}

.myroom .learn_ans > ul > li > div > span{
font-size: 14px;
font-weight: 300;
color: #a2a2a2;
position: relative;
padding-left: 24px;
}
.myroom .learn_ans > ul > li > div > span:before {
position: absolute;
content: "";
height: 10px;
width: 1px;
left: 12px;
bottom: 4px;
background-color: #a2a2a2;
}
.myroom .learn_ans > ul > li > div{
float: left;
width: 95%;
text-align: left;
display: block;
border-bottom: 1px solid #ccc;
margin: 20px 30px;
padding-bottom: 20px;
}
.myroom .learn_ans > ul > li{
background: #f7f7f7;
padding: 30px 0 20px 0;
margin-top: 20px;
display: inline-block!important;
width: 100%!important;
float: left!important;
}
.myroom .learn_title ul.info {
width: auto;
float: right;
margin-top: -55px;
margin-right: 15px;
}
.myroom .learn_title ul.info li{
border-top: 0px !important;
padding-top: 0px !important;
width: 33% !important;
display: inline-block !important;
border-bottom: 0px;
padding-bottom: 0px;
text-align: center;
}
.myroom .learn_title ul.info li img{
position: unset;
}
.myroom .learn_title .popup-wrap{
top: 20px;
left: -250px;
}
.myroom .learn_ans ul li p{
width:100%
}
.board .qna_view{
margin-top: 30px;
}
.board .qna_view a{
background: #fff !important;
text-align: center;
height: 48px;
width: 98px;
border: 1px solid #ccc !important;
}
/* s:모바일에서는 비노출처리 */
.sb-list table .mobile_show {
display: none;
}
/* e:모바일에서는 비노출처리 */
@media (max-width: 768px) {
.board > .sb-wrap.qna {
width: 100%;
}
.board > .sb-wrap.qna .board_select_m{
width: 100%;
}
.board > .sb-wrap.qna .board_select_m select{
width: 95px;
padding: 7px;
font-size: 13px;
height: 36px;
margin-left: 15px;
}
.myroom .learn_ans > ul > li {
background: #f7f7f7;
padding: 40px 20px;
position: unset!important;
margin-top: 20px!important;
}
.myroom .learn_ans > ul > li > div {
margin: 0;
overflow: hidden;
}
.board .sb-gallery li:nth-child(3n){
width: 100%;
}


/* s:모바일에서는 비노출처리 */
.sb-list table .no {
display: none;
}
.sb-list table .mobile_show {
display: block;
color:#0081FF;
}
/* e:모바일에서는 비노출처리 */
}

@media (max-width: 350px){
.board .sb-view .etcfield div {
float: none;
padding: 2px 0 2px 5px;
}
.board .sb-view .etcfield p:before {
display: none;
}
.board .sb-view .etcfield span, .board .sb-view .etcfield a {
font-size: 10px;
padding-left: 0;
}
}

























































.img_pc{display:block;}
.img_mo{display:none;}
#wrap {
padding:0 0 80px;width: 100%;
}


#wrap .board_view_header {
max-width:1240px;display: flex;flex-direction: column;gap:24px;justify-content: center;
align-items: center;border-bottom: 1px solid #222222;padding-bottom:10px;
}
#wrap .board_view_header .board_view_header_title{
width:100%;
}
#wrap .board_view_header .board_view_header_title h2{
font-weight: 700;
font-size: 24px;
line-height: 35px;
color: #222222;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}

.board_view{
padding:0 0 0;max-width:1240px;
 margin:0 auto; 
}
.board_view .board_view_header .board_view_header_content{
width:100%;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-end;
}

.board_view .board_view_header .board_view_header_content .board_view_header_info{
display: flex;align-items: center;gap:5px;
}

.board_view .board_view_header .board_view_header_content .board_view_header_info p{
font-weight: 400;
font-size: 12px;
line-height: 12px;
color: #999999;
}
.board_view .board_view_header .board_view_header_content .board_view_header_info span{
background: #999999;
width:1px;height: 12px;
display: block;
}
.board_view .board_view_header .board_view_header_content .board_view_header_sns ul{
display: flex;align-items: center;gap:30px;
}
.board_view .board_view_header .board_view_header_content .board_view_header_sns ul li a{
display: flex;
}

.board_view .board_view_main {
display: flex;flex-direction: column;gap:32px;justify-content: space-between;
align-items: flex-start;
padding-top: 20px;
}
.board_view.board_view_magazine .board_view_main {
flex-direction: row;
}
.board_view .board_view_main .board_view_main_unit{
display: flex;flex-direction: column;width: 100%;
gap:50px;padding-bottom: 20px;
}
.board_view.board_view_event .board_view_main .board_view_main_unit {
max-width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_img{
width:100%;display: flex;flex-direction: column;gap:20px;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_img img{
width:unset;max-width: 100%;
height: auto !important;
vertical-align: bottom;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_img .quick_url {
text-align: right;display: flex;
justify-content: flex-end;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_img .quick_url a {
font-size:12px;font-weight: 400;color:#999999;text-decoration: underline;display: flex;align-items: flex-end;justify-content: flex-end;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_img .quick_url a img {
width: unset;
}

.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend{
display: flex;flex-direction: column;gap:20px;width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container {
display: flex;flex-direction: row;gap:30px;width:100%;position: relative;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .board_view_main_unit_recommend_wrap {
display: flex;flex-direction: column;gap:20px;width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .default_magazine_container {
position: absolute;bottom:0;right: 0;max-width:146px;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .default_magazine_container img {
width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title{
width:100%;display: flex;justify-content: space-between;align-items: flex-end;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title h2{
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #222222;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .swiper_button{
display: flex;gap:30px;align-items: center;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .Recommend_next{
background-image: url(https://img.megastudyacademy.co.kr/megadem/html_images/next_svg.svg);width:10px;height:17px;cursor: pointer;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .Recommend_prev{
background-image: url(https://img.megastudyacademy.co.kr/megadem/html_images/next_svg.svg);width:10px;height:17px;cursor: pointer;transform: scaleX(-1);
}

.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .middle_line{
width: 100%;height:1px;background: #222222;
}

.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide{
width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide.none_slide {
max-width:450px;margin-left:0;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper{
width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a{
display: flex;align-items: center;justify-content: space-between;width:100%;gap:20px;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a img {
max-width:200px;border-radius: 10px;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a .swiper_slide_title{
display: flex;flex-direction: column;justify-content: center;align-items: flex-start;
width:100%;gap:10px;  text-align: left;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a .swiper_slide_title h2{
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;
display: -webkit-box;
word-wrap: break-word;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a .swiper_slide_title p{
font-weight: 500;
font-size: 12px;
line-height: 20px;
color: #222222;
display: -webkit-box;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .recommend_list {
width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .recommend_list a{
margin-top:30px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
border-radius: 5px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #222222;
width:100%;
display: flex;
justify-content: center;
padding:15px 0;
}
.board_view .board_view_main .board_view_main_fix{
background: #FFFFFF;
border: 1px solid #E4E4E4;
border-radius: 5px;
width:308px;
position: -webkit-sticky;
position:sticky; top:150px; right:0;
padding:19px;
display: flex;
flex-direction: column;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title{
display: flex;
flex-direction: column;
gap:4px;
border-bottom: 1px solid #e4e4e4;
padding-bottom:10px;
text-align: left;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title h2{
background: #FF3D3D;
border-radius: 20px;
padding: 0 8px 0 9px;
width: fit-content;
font-weight: 700;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: flex-start;
gap:2px;
}
.board_view .board_view_main .board_view_main_fix .go_list_table_arrow{
display:none;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title p{
font-weight: 700;
font-size: 12px;
line-height: 20px;
color: #FF3D3D;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_img{
width: 100%;padding-top:10px;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_img img{
width: 100%;height:100%;border-radius: 10px;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title{
width:100%;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul{
display: flex;flex-direction: column;width:100%;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li{
width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;text-align: left;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li:last-child{
padding:20px 0 0;border-bottom:0;
}

.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li h2{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #222222;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li p{
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.board_view .board_view_main .next_prev_page {
margin:0;border:0;
}

/* 이전글/다음글 */
.board_view .board_view_main .next_prev_page .board_title p{
font-size: 14px;
font-weight: 300;
color: #000;
}
.board_view .board_view_main .next_prev_page ul li{
display: flex;
width: 100%;
border-bottom: 1px solid #ccc;
}
.board_view .board_view_main .next_prev_page ul li a {
display: flex;
width:100%;
justify-content: flex-start;
padding: 12.5px 0;
}
.board_view .board_view_main .next_prev_page ul li:nth-child(2) {
border-top:0;
}
.board_view .board_view_main .next_prev_page ul li div{
font-size: 16px;
font-weight: 400;
color: #222222;
margin: 0;
padding: 0;
}
.board_view .board_view_main .next_prev_page ul li div{
display: flex;
float: unset;
border-right: 0;
align-items: center;justify-content: center;
}
.board_view .board_view_main .next_prev_page ul li div.board_next_prev_tit {
max-width:80px;text-align: center;width:100%;
}
.board_view .board_view_main .next_prev_page ul li div.board_next_prev_con{
display: inline-block;
width:100%;
float: left;
text-align: left;
padding:0 20px;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
}
.board .sb-footer {
margin-top:10px;
}
.board_view .board_view_main .sb-footer.no-abs.view div a.sb-btn {
font-size:14px;border: 1px solid #E4E4E4 !important;font-weight: 400;color: #222222;background: #fff !important;width:70px;height:35px;
border-radius: 5px;
}
@media all and (max-width:1240px){
#wrap {
padding:0 0 3.8461vw;
}
.board_view{
padding:0 30px 6.4516vw;
}
#wrap .board_view_header {
gap:1.9354vw;padding-bottom:0.8064vw;
}
#wrap .board_view_header .board_view_header_title h2{
font-size: 1.9354vw;
line-height: 2.8225vw;
}
#wrap .board_view_header .board_view_header_content .board_view_header_info{
gap:0.4032vw;
}

#wrap .board_view_header .board_view_header_content .board_view_header_info p{
font-size: 0.9677vw;
line-height: 0.9677vw;
}
#wrap .board_view_header .board_view_header_content .board_view_header_info span{
height: 0.9677vw;
}
#wrap .board_view_header .board_view_header_content .board_view_header_sns ul{
gap:2.4193vw;
}
.board_view .board_view_main {
gap:2.5806vw;
}

.board_view .board_view_main .board_view_main_unit{
max-width:67.5806vw;
gap:4.0322vw;    padding-top: 1.6129vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend{
gap:1.6129vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container {
gap:2.4193vw;align-items: center;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .board_view_main_unit_recommend_wrap {
gap:1.6129vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .default_magazine_container {
display: flex;align-items: center;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .default_magazine_container .default_magazine a {
display: flex;align-items: center;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .default_magazine_container img {
width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title h2{
font-size: 1.4516vw;
line-height: 2.0967vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .swiper_button{
gap:2.4193vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .Recommend_next{
width:0.8064vw;height:1.3709vw;background-size: 100% 100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .Recommend_prev{
width:0.8064vw;height:1.3709vw;background-size: 100% 100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide.none_slide {
max-width:36.2903vw;margin-left:0;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a{
gap:1.6129vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a img{
width:16.1290vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a .swiper_slide_title{
gap:1.6129vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a .swiper_slide_title h2{
font-size: 1.1290vw;
line-height: 1.6129vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a .swiper_slide_title p{
font-size: 0.9677vw;
line-height: 1.6129vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .recommend_list a{
margin-top:2.4193vw;
border-radius: 0.4032vw;
font-size: 1.1290vw;
line-height: 1.6129vw;
padding:1.2096vw 0;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .default_magazine_container {
max-width:11.7741vw;
}
.board_view .board_view_main .board_view_main_fix{
border-radius: 0.4032vw;
width:22.4193vw;
top:20.1612vw;
padding:1.5322vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title{
gap:0.3225vw;
padding-bottom:0.8064vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title h2{
border-radius: 1.6129vw;
padding: 0 0.6451vw 0 0.7258vw;
font-size: 0.9677vw;
line-height: 1.6129vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title h2 img {
width: 1.2903vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title p{
font-size: 0.9677vw;
line-height: 1.6129vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_img{
padding-top:0.8064vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul{
align-items: flex-end;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li{
padding:1.6129vw 0;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li:last-child{
padding:1.6129vw 0 0;
}

.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li h2{
font-size: 1.1290vw;
line-height: 1.6129vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li p{
font-size: 1.1290vw;
line-height: 1.6129vw;
} 
.board_view .board_view_main .next_prev_page {
margin:0;border:0;
}

/* 이전글/다음글 */
.board_view .board_view_main .next_prev_page .board_title p{
font-size: 1.1290vw;
}
.board_view .board_view_main .next_prev_page ul li a {
padding: 1.0080vw 0;
}
.board_view .board_view_main .next_prev_page ul li div{
font-size: 1.2903vw;
}
.board_view .board_view_main .next_prev_page ul li div.board_next_prev_tit {
max-width:6.4516vw;
}
.board_view .board_view_main .next_prev_page ul li div.board_next_prev_con{
padding:0 1.6129vw;
}
.board .sb-footer {
margin-top:0.8064vw;
}
.board_view .board_view_main .sb-footer.no-abs.view div a.sb-btn {
font-size:1.1290vw;width:5.6451vw;height:2.8225vw;
border-radius: 0.4032vw;
}
}

@media all and (max-width:1023px){
#wrap {
padding:0 0 4.8875vw;
}
.board_view .board_view_header .board_view_header_content .board_view_header_sns ul li a img{
width:1.9531vw;
}
.board_view .board_view_header .board_view_header_content .board_view_header_sns ul li a#naver-share-btn img{
width:2.1505vw;
}
}

@media all and (max-width:768px){
.img_pc{display:none;}
.img_mo{display:block;}
#wrap {
padding:0 0 11.1111vw;
}
.board_view {
padding: 0;
max-width:88.8888vw;
margin:0 auto;
}
#wrap .board_view_header{
width:100%;max-width: 100%;
}
#wrap .board_view_main .board_view_main_unit{
width:100%;max-width: 100%;
}
#wrap .board_view_main .board_view_main_fix{
display:block;
}
#wrap .board_view_header .board_view_header_title h2{
font-size: 4.4444vw;
line-height: 6.3888vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: inherit;
}

#wrap .board_view_header .board_view_header_content .board_view_header_info {
gap: 1.1111vw;
}
#wrap .board_view_header .board_view_header_content .board_view_header_info p {
font-size: 3.0555vw;
line-height: 3.6111vw;
}
#wrap .board_view_header .board_view_header_content .board_view_header_info span {
height:2.7777vw;
}
#wrap .board_view_header{
gap: 8.3333vw;
padding-bottom: 2.0833vw;
}
#wrap .board_view_header .board_view_header_content .board_view_header_sns ul{
gap:3.8888vw;
}
#wrap .board_view_header .board_view_header_content .board_view_header_sns ul li a img {
width: 5vw;
}
#wrap .board_view_header .board_view_header_content .board_view_header_sns ul li a#naver-share-btn img{
width: 5.5555vw;
}
.board_view .board_view_main{
flex-direction: column;gap:4.1666vw;padding-top:1.3888vw;
}
.board_view.board_view_magazine .board_view_main {
flex-direction: column;
}
.board_view .board_view_main .board_view_main_unit {
gap: 7.8125vw;
padding-top:1.3888vw;
padding-bottom: 2.7777vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_img {
gap:2.7777vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_img .quick_url a {
font-size: 2.7777vw;align-items: center;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_img .quick_url a img {
width: 2.2222vw;min-width:14px;
}
.board_view .board_view_main .next_prev_page ul li a {
padding: 2.7777vw 0;
}
.board_view .board_view_main .next_prev_page ul li div.board_next_prev_tit {
max-width: 16.6666vw;
font-size: 3.3333vw;
font-weight:500;
}
.board_view .board_view_main .next_prev_page ul li div.board_next_prev_con {
padding: 0 1.6129vw;    font-size: 3.3333vw;
font-weight:400;
}
.board_view .board_view_main .sb-footer.no-abs.view div a.sb-btn {
font-size: 3.3333vw !important;
width: 14.5833vw;
height: 8.3333vw;
border-radius: 1.3888vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend{
gap:1.3020vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_container .default_magazine_container {
display: none !important;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title h2{
font-size: 3.6458vw;
line-height: 5.3385vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .swiper_button{
gap:4.5572vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .Recommend_prev {
width: 2.0833vw;
height: 3.9062vw;
background-size: 100% 100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_title .Recommend_next {
width: 2.0833vw;
height: 3.9062vw;
background-size: 100% 100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide.none_slide {
max-width:100%;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a{
gap:2.6041vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a img {
min-width: 39.0625vw !important;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a .swiper_slide_title h2{
font-size: 3.125vw;
line-height: 4.5572vw;
}
.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .board_view_main_unit_recommend_slide .swiper-wrapper .swiper-slide a .swiper_slide_title p{
font-size: 2.3437vw;
line-height: 3.3854vw;
}

.board_view .board_view_main .board_view_main_unit .board_view_main_unit_recommend .recommend_list a {
margin-top: 6.5104vw;
border-radius: 1.3020vw;
font-size: 2.6041vw;
line-height: 3.7760vw;
padding: 2.8645vw 0;
}
.board_view .board_view_main .board_view_main_fix {
border-radius: 1.3020vw;
width: 100%;
padding: 0;
position: relative;
top: unset;
bottom:unset;
border:0;
border-radius: 0;
}

.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title {
padding-bottom: 2.6041vw;
border-bottom: 1px solid #222222;flex-direction: row;gap:2.7777vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title h2{
display:flex;font-size:3.3333vw;padding:0 2.7777vw;line-height:5.5555vw;border-radius: 5.5555vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title h2 img {
width:3.3333vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_title p {
font-size: 3.6458vw;
line-height: 5.3385vw;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_img{
display: none;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title {
width: 100%;
overflow: hidden;
height: 29.1666vw;
position: relative;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title.on {
width: 100%;
overflow: hidden;
height: unset;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li{
padding:2.6041vw 0;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li h2{
font-size: 3.0555vw;
line-height: 3.7760vw;
font-weight:400;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li p{
font-size: 2.6041vw;
line-height: 3.7760vw;
font-weight:400;
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title ul li:last-child{
padding:2.6041vw 0;

}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title::after{
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 33.3333%;
background:  linear-gradient(180deg, rgba(255, 255, 255, 0.85) 67.71%, rgba(255, 255, 255, 0) 100%);
transform: matrix(1, 0, 0, -1, 0, 0);
}
.board_view .board_view_main .board_view_main_fix .board_view_main_fix_content_title.on::after {
display: none;
}
.board_view .board_view_main .board_view_main_fix .go_list_table_arrow{
display:block;text-align: center;padding-top:3.9062vw;
}
.board_view .board_view_main .board_view_main_fix .go_list_table_arrow img{
width:5.8593vw;
}
.board_view .board_view_main .board_view_main_fix .go_list_table_arrow.on img {
transform: rotate(180deg);
}
}


@media (max-width: 1240px) {
.board .sub-tit {
margin-bottom:2.4193vw;
}
.board .sub-tit h3 {
font-size:1.9354vw;
}
.board .sub-tit .total_cnt {
font-size:1.1290vw;
}
.board .sb-gallery {
display: grid;
grid-template-columns: 3fr 3fr 3fr;
grid-column-gap: 1.8548vw;
row-gap: 6.4516vw;
margin-bottom: 4.0322vw;
}
.board .sb-gallery li {
width: 100%;
float: left;
display: block;
position: relative;
margin-bottom: 0;
margin-top: 0;
}
.board .sb-gallery li:nth-child(3n) {
width: 100%;
float: left;
display: block;
position: relative;
margin-right: 0;
}
/*.board .sb-gallery::after {
bottom: -2.4193vw;
right: 0;
width: 95.1612vw;
}*/
.board .sb-gallery li:nth-child(3n)::after {
bottom: -2.4193vw;
right: 0;
width: 95.1612vw;
}
.board .sb-gallery li .tmb {
background-size: 100% 100%;
height: 17.7419vw;
}
.board .sb-gallery li .infobox {
font-size: 1.6935vw;
margin: 0.8064vw 0;
gap: 0.8064vw;
}
.board .sb-gallery li .infobox span.title {
font-size: 1.4516vw;
min-height: 3.5483vw;
}
.board .sb-gallery li .infobox .info li {
font-size: 1.1290vw;
line-height: 2.4193vw;
}
}



@media (max-width: 768px){
.board .inquiry_unit {
flex-direction: column;
gap: 5.5555vw;
margin: 5.5555vw auto 4.1666vw;
max-width: 88.8888vw;
}
.board .sb-footer.no-abs.view div a.sb-btn{
  height:37px;
  line-height:normal;
}
.board .board_search_m {
  margin-top: 0;
  margin-bottom: 0;
}

.paging a {
  background-size: 100% !important;
}
.board .paging .first {
margin: 0;
padding: 0;
width: 28px;
height: 28px;
}
.board .paging .last {
margin: 0;
padding: 0;
width: 28px;
height: 28px;
}
.board .paging .first, .board .paging .prev, .board .paging .next, .board .paging .last{
width: 28px;
height: 28px;
}
.board .sb-footer.no-abs.view div.left a {
float: left;
}
.board .sb-footer div.left a:nth-child(1) {
width: 65px;
padding: 10px 0;
height: auto;
}
.board .sb-footer div.left a:nth-child(2) {
width: 110px;
height: auto;
padding: 10px 0;
}
.board .sb-footer div.right {
float: right;
width: auto;
display: inline-block;
}
.board .sb-footer div.right a:nth-child(1) {
height: auto;
width: 65px;
padding: 10px 0;
}
.board .sb-footer div.right a:nth-child(2) {
height: auto;
width: 65px;
padding: 10px 0;
}
.board .qna_view a {
width: 65px!important;
height: auto;
padding: 10px 0;
}
.board .sb-footer.no-abs.view div.right a {
padding: 9px 0;
}
.board .sb-footer.no-abs.view div.right a.sb-btn.type2 {
width: 65px;
height: auto;
padding: 9px 0;
}
.board .sb-footer.write div .sb-btn{
height:56px;
line-height:normal;
}
.board .sb-footer.no-abs.view div.right a {
margin-left: 0;
}




.board {
padding: 0 3.9062vw;
}
.board .sub-tit {
margin-bottom: 3.9062vw;max-width:88.8888vw;
}
.board .sub-tit .total_cnt {
display:none;
}
.board .sub-tit h3 {
font-size: 3.8888vw;
}
.board .sub-tit img {
height: 3.3333vw !important;
min-height: 14px;width: auto;
}
.board .sb-gallery{
width: 100%;
margin: 0 auto 6.5104vw;
text-align: center;
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 3.9062vw;
grid-row-gap: 6.5104vw;
max-width:88.8888vw;
}
.board .sb-gallery li{
width: 100% !important;
margin: 0 auto;
max-width: 100%;
}
.board .sb-gallery li:nth-child(3n)::after{
display: none;
}
.board .sb-gallery::after{
display: none;
}
.board .sb-gallery li .tmb{
height: unset;
background-size: 100% 100%;
border-radius: 1.3888vw;
}
.board .sb-gallery.sb-gallery-magazine li .tmb{
height: 51.4322vw;
}
.board .sb-gallery.sb-gallery-event li .tmb{
height: 49.3489vw;
}
.board .sb-gallery li .infobox{
margin: 2.7777vw 0 0 0;
padding-left:0;
gap:1.3888vw;
}
.board .sb-gallery li .infobox .info{
float: none;
display: block;
padding-top: 0;
}
.board .sb-gallery li .infobox span.title {
font-size:3.3333vw;
font-weight: 700;
min-height:6.6666vw;
}
.board .sb-gallery li .infobox .info li{
font-size: 3.0555vw;
}
.board .sb-gallery.sb-gallery-magazine li .infobox .info li {
line-height: 3.4722vw;
-webkit-line-clamp: 2;
}
.board .sb-gallery li .dday{
bottom: unset;top:3.3333vw;right:3.0555vw;
}
.board .sb-gallery li .dday p{
font-size: 3.0555vw;min-width:12.5vw;min-height:6.9444vw;
}
}



.board .sb-list table{
width: 100%;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-collapse: collapse;
}

.board .sb-list table th{
font-size: 16px;
color: #222222;
font-weight: 500;
background: #F7F7F7;
padding: 12.5px 30px;
border-bottom: 1px solid #E4E4E4;
}
.board .sb-list table th:nth-child(2){
min-width:805px;
width:805px;
}
.board .sb-list table th:last-child{
border-right:none;
}
.board .sb-list table td{
font-size: 14px;
color: #000;
font-weight: 400;
background: #fff;
padding: 15px 30px;
border-bottom: 1px solid #E4E4E4;
overflow: hidden;
white-space: nowrap;
vertical-align: middle;
}
.board .sb-list table td.no_comment {
color:#0081ff;
}
.board .sb-list table td:last-child{
border-right:none;
}
.board .sb-list table td:nth-child(2){
text-align: left;
padding-left: 20px;
width:100%;
white-space: normal;
}
.board .sb-list tr > td:nth-child(2) > a{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
width:100%;
}
.board .sb-list table tr.tr_notice td{
background: #f2f2f2;
}
.board .sb-list table td span.new{
color: #fff;
background: linear-gradient( to right, #0081FF, #68b4ff );
font-size: 13px;
font-weight: 400;
padding: 2px 8px;
border-radius: 5px;
margin-left: 8px;
}
.board .sb-list table tbody tr td em {
display: none;
}

.board .sb-view .titWrap .info li, .board .sb-view .etcfield span, .board .sb-view .etcfield p {
padding:12px 0;
}
.board .sb-view .titWrap{
border-top: 1px solid #222222;
border-bottom: 1px solid #E4E4E4;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding:12px 30px;
}
.board .sb-view .titWrap .title_con {
display: flex;align-items: center;justify-content: flex-start;gap:30px;
width:100%;
}
.board .sb-view .titWrap .title_con p {
font-size: 16px;
font-weight: 400;
color: #000;
}
.board .sb-view .titWrap .title_con p.sbj {
float: unset;
font-size: 16px;
font-weight: 400;
color: #000;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
width: 100%;    
word-wrap: normal;
/* line-height: 1.2em; */
line-height: 1.5;
padding: 0;
}
.board .sb-view .titWrap .info {
display: flex;
float: unset;
gap:30px;
white-space: nowrap;
}
.board .sb-view .titWrap a{
position: absolute;
right: 32px;
top: 20px;
cursor: pointer;
}
.board .sb-view .titWrap .info .no_comment {
color:#0081ff;
}
.board .sb-view .titWrap .info li, .board .sb-view .etcfield span, .board .sb-view .etcfield p {
font-size:16px;font-weight:400;color:#555;padding:0;
}
.board .sb-view .memoWrap {
display: block;
padding: 40px 30px;
text-align: left;
}
.board .sb-wrap .sb-comment .list li {
border-bottom: 1px solid #E4E4E4;
}
.board .sb-wrap .sb-comment .list > li > span{
text-align: -webkit-auto;
width: 100%;
display: block;
padding:40px 30px 50px;
}
.board .sb-wrap .sb-comment .list h2 {
background: #f2f2f2;
color: #000;
font-weight: 500;
font-size: 16px;
text-align: left;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 0 solid #E4E4E4;
border-right: 0 solid #E4E4E4;
padding: 11.5px 30px;
}
.board .sb-wrap .next_prev_page {
border-bottom: 0 solid #000;
border-left: 0 solid #ccc;
border-right: 0 solid #ccc;
width: 100%;
margin: 10px 0;
DISPLAY: flex;
}
.board .sb-wrap .next_prev_page ul {
display: flex;align-items: center;justify-content: center;width:100%;
border-top: 0 solid #e4e4e4;gap:45px;padding: 16px 0 17px;background: #F7F7F7;
}
.board .sb-wrap .next_prev_page ul li {
width: unset;border-top:0;
}
.board .sb-wrap .next_prev_page ul li div:nth-child(1) {
display: flex;
float: unset;
border-right: 0 solid #ccc;
padding:0;width: 100%;
}
.board .sb-wrap .next_prev_page ul li div a{
font-size: 16px;
font-weight: 400;
color: #555;
margin: 0;
display: flex;gap:10px;align-items: center;justify-content: center;
}
.board .sb-wrap .next_prev_page ul li div img {
vertical-align: bottom;margin-top:2px;
}
.board .sb-wrap .next_prev_page ul li div p {
line-height: 16px;
}
.board .sb-wrap .next_prev_page ul li div.opac{
opacity: 0.5;cursor: unset;
}
.board .sb-wrap .sb-footer.no-abs.view div a.sb-btn {
height: unset;
}
.board .sb-wrap .sb-footer div.left a:nth-child(1){
font-size:14px;
padding:7px 20px;
background: #000 !important;
border-radius: 5px !important;
width: unset;
}
.board .sb-wrap .sb-footer div.right a:nth-child(1) {
font-size:14px;
padding:7px 20px;
background: #0081ff !important;
border-radius: 5px !important;
width: unset;
color: #fff !important;
}
.board .sb-wrap .sb-footer div.right a:nth-child(2) {
font-size:14px;
padding:7px 20px;
background: #ffffff !important;
border-radius: 5px !important;
width: unset;
color: #222222 !important;
border:1px solid #CCCCCC;
}
.board .sb-wrap .sb-footer.no-abs.view div.right a {
padding:7px 20px;
}
.board .category_container .board_unit.none_slide ul {
gap:10px;display: flex;
}







@media all and (max-width:1240px){
.board .sb-list table th{
font-size: 1.2903vw;
padding: 1.0080vw 2.4193vw;
}
.board .sb-list table th:nth-child(2){
min-width:60.0806vw;
width: 60.0806vw;
}
.board .sb-list table td{
font-size: 1.1290vw;
padding: 1.2096vw 2.4193vw;
}
.board .sb-list table td:nth-child(2){
padding-left: 1.6129vw;
}
.board .sb-list table td span.new{
font-size: 1.0483vw;
font-weight: 400;
padding: 0.1612vw 0.6451vw;
border-radius: 0.4032vw;
margin-left: 0.6451vw;
}
.board .sb-footer div.right a:nth-child(1) {
padding: 0.5645vw 1.6129vw;
background: #0081FF;
border: 0;
color: #fff;
font-size: 1.1290vw;
font-weight: 400;
border-radius: 0.4032vw;
}





.board .sb-view .titWrap .info li, .board .sb-view .etcfield span, .board .sb-view .etcfield p {
padding: 0;
}
.board .sb-view .titWrap{
padding:0.9677vw 2.4193vw;
}
.board .sb-view .titWrap .title_con {
gap:2.4193vw;
}
.board .sb-view .titWrap .title_con p {
font-size: 1.2903vw;
}
.board .sb-view .titWrap .title_con p.sbj {
font-size: 1.2903vw;
}
.board .sb-view .titWrap .info {
gap:2.4193vw;
}
.board .sb-view .titWrap a{
right: 2.5806vw;
top: 1.6129vw;
}
.board .sb-view .titWrap .info li, .board .sb-view .etcfield span, .board .sb-view .etcfield p {
font-size:1.2903vw;
}
.board .sb-view .memoWrap {
padding: 3.2258vw 2.4193vw;
}
.board .sb-wrap .sb-comment .list > li > span{
padding:3.2258vw 2.4193vw 4.0322vw;
}
.board .sb-wrap .sb-comment .list h2 {
font-size: 1.2903vw;
padding: 0.9274vw 2.4193vw;
}
.board .sb-wrap .next_prev_page {
margin: 0.8064vw 0;
}
.board .sb-wrap .next_prev_page ul {
gap:3.6290vw;padding: 1.2903vw 0 1.3709vw;
}
.board .sb-wrap .next_prev_page ul li div a{
font-size: 1.2903vw;
gap:0.8064vw;
}
.board .sb-wrap .next_prev_page ul li div img {
vertical-align: bottom;margin-top:0.1612vw;
}
.board .sb-wrap .next_prev_page ul li div p {
line-height: 1.2903vw;
}
.board .sb-wrap .sb-footer div.left a:nth-child(1){
font-size:1.1290vw;
padding:0.5645vw 1.6129vw;
border-radius: 0.4032vw !important;
}
.board .sb-wrap .sb-footer div.right a:nth-child(1) {
font-size:1.1290vw;
padding:0.5645vw 1.6129vw;
border-radius: 0.4032vw !important;
}
.board .sb-wrap .sb-footer div.right a:nth-child(2) {
font-size:1.1290vw;
padding:0.5645vw 1.6129vw;
border-radius: 0.4032vw !important;
}
.board .sb-wrap .sb-footer.no-abs.view div.right a {
padding:0.5645vw 1.6129vw;
}
}
@media all and (max-width:768px){
.board .sb-list table{
width: 100%;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-collapse: collapse;
}

.board .sb-list table th{
font-size: 3.125vw;
color: #222222;
font-weight: 500;
background: #F7F7F7;
padding: 1.6276vw 3.9062vw;
border-bottom: 1px solid #E4E4E4;
}
.board .sb-list table th:last-child{
border-right:none;
}
.board .sb-list table td{
font-size: 3.125vw;
color: #000;
font-weight: 400;
background: #fff;
padding: 2.7777vw 3.9062vw;
border-bottom: 1px solid #E4E4E4;
overflow: hidden;
white-space: nowrap;
vertical-align: middle;
}
.board .sb-list table td.no_comment {
color:#0081ff;
}
.board .sb-list table td:last-child{
border-right:none;
}
.board .sb-list table td:nth-child(2){
text-align: left;
padding-left: 2.6041vw;
width:100%;
white-space: normal;
height: 16.1111vw;
}
.board .sb-list tr > td:nth-child(2) > a{
-webkit-line-clamp: 2;
}
.board .sb-list table tr.tr_notice td{
background: #f2f2f2;
}
.board .sb-list table td span.new{
color: #fff;
background: linear-gradient( to right, #0081FF, #68b4ff );
font-size: 2.9947vw;
font-weight: 400;
padding: 0.2604vw 1.0416vw;
border-radius: 0.6510vw;
margin-left: 1.0416vw;
}
.board .sb-list table tbody tr td em {
display: none;
}
.board .sb-footer div.right a:nth-child(1) {
margin-top:2.6041vw;
padding: 1.5625vw 3.9062vw;
background: #0081FF;
border: 0;
color: #fff;
font-size: 3.125vw;
font-weight: 400;
border-radius: 0.6510vw;
width: unset;
}
.board .sb-footer a {
font-size: 3.125vw;
margin-right: 0.6510vw;
}
.sb-list table .mobile_show {
font-size:2.6041vw;
}




.board .sb-view.question {
padding-top: 0;display: flex;flex-direction: column;
}
.board .sb-view .titWrap{
border-top: 1px solid #222222;
border-bottom: 1px solid #E4E4E4;
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
padding:2.0833vw 4.1666vw;
flex-direction: column;
gap:1.1111vw;
}
.board .sb-view .titWrap .title_con {
display: flex;align-items: center;justify-content: flex-start;gap:2.7777vw;
width:100%;
}
.board .sb-view .titWrap .title_con p {
font-size: 3.6111vw;
font-weight: 400;
color: #000;
}
.board .sb-view .titWrap .title_con p.title_con_num {
min-width: 4.1666vw;
}
.board .sb-view .titWrap .title_con p.sbj {
float: unset;
font-size: 3.6111vw;
font-weight: 400;
color: #000;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
width: 100%;    
word-wrap: normal;
/* line-height: 1.2em; */
line-height: 1.5;
padding: 0;
}
.board .sb-view .titWrap .info {
display: flex;
float: unset;
gap:4.1666vw;
white-space: nowrap;
padding-left: 6.9444vw;
}
.board .sb-view .titWrap .info .no_comment {
color:#0081ff;
}
.board .sb-view .titWrap .info li, .board .sb-view .etcfield span, .board .sb-view .etcfield p {
font-size:2.7777vw;font-weight:400;color:#555;padding:0;
}
.board .sb-view .memoWrap {
/* display: flex; */
padding: 4.1666vw;
text-align: left;
font-size:3.0555vw;
}
.board .sb-wrap .sb-comment .list {
margin-top:4.1666vw;
}
.board .sb-wrap .sb-comment .list li {
border-bottom: 1px solid #E4E4E4;
font-size:3.0555vw;
}
.board .sb-wrap .sb-comment .list > li > span{
text-align: -webkit-auto;
width: 100%;
display: block;
padding:5.5555vw 4.1666vw 9.7222vw;
}
.board .sb-wrap .sb-comment .list h2 {
background: #f2f2f2;
color: #000;
font-weight: 500;
font-size: 3.3333vw;
text-align: left;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 0 solid #E4E4E4;
border-right: 0 solid #E4E4E4;
padding: 2.9166vw 4.1666vw;
}
.board .sb-wrap .next_prev_page {
border-bottom: 0 solid #000;
border-left: 0 solid #ccc;
border-right: 0 solid #ccc;
width: 100%;
margin: 2.7777vw 0;
DISPLAY: flex;
}
.board .sb-wrap .next_prev_page ul {
display: flex;align-items: center;justify-content: center;width:100%;
border-top: 0 solid #e4e4e4;gap:6.25vw;padding: 3.8888vw 0;background: #F7F7F7;
}
.board .sb-wrap .next_prev_page ul li {
width: unset;border-top:0;
}
.board .sb-wrap .next_prev_page ul li div:nth-child(1) {
display: flex;
float: unset;
border-right: 0 solid #ccc;
padding:0;width: 100%;
}
.board .sb-wrap .next_prev_page ul li div a{
font-size: 3.3333vw;
font-weight: 400;
color: #555;
margin: 0;
display: flex;gap:1.3888vw;align-items: center;justify-content: center;
}
.board .sb-wrap .next_prev_page ul li div img {
vertical-align: bottom;margin-top:0.2777vw;width: 1.1111vw;
}
.board .sb-wrap .next_prev_page ul li div p {
line-height: 3.3333vw;
}
.board .sb-wrap .next_prev_page ul li div.opac{
opacity: 0.5;cursor: unset;
}
.board .sb-wrap .sb-footer.no-abs.view div a.sb-btn {
height: unset;
}
.board .sb-wrap .sb-footer div.left a:nth-child(1){
font-size:3.3333vw;
padding:1.6666vw 4.1666vw;
background: #000 !important;
border-radius: 1.3888vw !important;
width: unset;
}
.board .sb-wrap .sb-footer div.right a:nth-child(1) {
font-size:3.3333vw;
padding:1.6666vw 4.1666vw;
background: #0081ff !important;
border-radius: 1.3888vw !important;
width: unset;
}
.board .sb-wrap .sb-footer div.right a:nth-child(2) {
font-size:3.3333vw;
padding:1.6666vw 4.1666vw;
border-radius: 1.3888vw !important;
width: unset;
}
.board .sb-wrap .sb-footer.no-abs.view div.right a {
padding:1.6666vw 4.1666vw !important;
width: UNSET !important;
}
.board .sb-wrap .sb-footer div.right a:nth-child(1) {
margin-top:0;
}
}





















.board .sb-write input[type=checkbox]:checked + label { 
cursor: pointer;
background-repeat: no-repeat;
background-image: url('../images/chk_on_2.png');
width: 10%;
display: inline-block;
height: 20px;
padding-left: 30px;
}

.board .sb-write input[type=checkbox] {
display:none;
}
.board .sb-write{
width: 100%;
border-top: 2px solid #000;
border-bottom: 1px solid #ccc;
}
.board .sb-write tr td{
padding: 10px 0;
font-size: 16px;
font-weight: 500;
color: #000;
text-align: left;
padding-left: 20px;
padding-right: 30px;
}
.board .sb-write tr td:nth-child(1){
width: 15%;
}
.board .sb-write tr td:nth-child(2){
width: 85%;
}
.board .sb-write tr:nth-child(1) td{
border-bottom: 1px solid #ccc;
}
.board .sb-write select {
width: 250px;
border: none;
font-family: inherit;
background: url('../images/ico_mypage_arrow3_2.png') no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
font-weight: 400;
font-size: 14px;
height: 40px;
padding-left: 10px;
background-color: #f5f5f5;
margin-right: 14px;
}

.board .sb-write select::-ms-expand {
display: none;
}

.board .sb-write textarea{
border: 1px solid #ccc;
width: 98%;
height: 550px;
}

.board .sb-write tr td p{
color: #8e8e8e;
font-size: 12px;
text-align: left;
font-weight: 300;
margin-top: 5px;
}










.board .sb-write {
border-bottom: 0;
}
.board .sb-write table {
display: flex;flex-direction: column;gap:0;
}
.board .sb-write table tbody {
display: flex;
flex-direction: column;
padding:20px 0;
gap:10px;
}
.board .sb-write table tbody.memo {
padding:0;
}
.board .sb-write table tbody tr {
display: flex;align-items: center;gap:0;width: 100%;
}
.board .sb-write th, .board .sb-write td {
border-bottom: 0;height: unset;
}
.board .sb-write table tbody tr td {
border-bottom:0;
}
.board .sb-write table tbody tr th {
min-width: 100px;
color:#222222;
font-weight:400;
font-size:14px;
text-align: left;
}
.board .sb-write tr td:nth-child(1) {
width:100%;padding:0;
}
.board .sb-write tr td:nth-child(2) {
width:100%;padding:0;
}
.board .sb-write input {
border: 1px solid #E4E4E4;
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 15px;
font-family: 'Noto Sans KR';
outline: 0;
font-size: 14px;
}
.board .sb-write tr td .filebox {
display: flex;flex-direction: row-reverse;    align-items: center;gap:10px;
}
.board .sb-write tr td .filebox .upload-name {
display: inline-block;
height: 40px;
padding: 0;
vertical-align: middle;
width: 100%;
border: 0;
color: #555555;    
font-size: 14px;
font-weight: 400;
font-family: "Noto Sans KR";
border-radius: 5px;
}

.board .sb-write tr td .filebox label {
display: inline-block;
padding: 5px 10px;
color: #fff;
vertical-align: middle;
border: 1px solid #AAAAAA;
background-color: #f0f0f0;
color: #555555;
cursor: pointer;
height: 26px;
line-height: 1.2;
margin-right: 0;
background-repeat: unset;
background-image: unset;
width: unset;
font-size: 12px;
font-weight: 400;
font-family: "Noto Sans KR";
border-radius: 5px;
}

.board .sb-write tr td .filebox input[type="file"] {
position: absolute;
width: 0;
height: 0;
padding: 0;
overflow: hidden;
border: 0;
}


.board .sb-write tr:nth-child(1) td{
border-bottom: 0;
}
.board .sb-wrap .sb-footer div.center {
margin:30px 0 0;
}
.board .sb-footer.write div input.type1 {
font-family: "Noto Sans KR", sans-serif;
cursor: pointer;
font-size: 14px;
padding: 7px 20px;
font-weight: 400;
background: #0081ff !important;
border-radius: 5px !important;
width: unset;
height: 34px;
border:0;
}
.board .sb-footer.write div .sb-btn {
font-family: "Noto Sans KR", sans-serif;
cursor: pointer;
font-size: 14px;
padding: 7px 20px;
font-weight: 400;
background: #fff !important;
border-radius: 5px !important;
width: unset;
height: 34px;
border: 1px solid #CCCCCC;
color: #222222;
}




@media all and (max-width:1240px){
.board .sb-write table tbody {
padding:1.6129vw 0;
gap:0.8064vw;
}
.board .sb-write table tbody tr th {
min-width: 8.0645vw;
font-size:1.1290vw;
}
.board .sb-write tr td:nth-child(2) {
padding:0 2.4193vw 0 0;
}
.board .sb-write input {
height: 3.2258vw;
line-height: 3.2258vw;
padding: 0 1.2096vw;
font-size: 1.1290vw;
}
.board .sb-write tr td .filebox {
gap:0.8064vw;
}
.board .sb-write tr td .filebox .upload-name {
height: 3.2258vw;
font-size: 1.1290vw;
border-radius: 0.4032vw;
}

.board .sb-write tr td .filebox label {
padding: 0.4032vw 0.8064vw;
height: 2.0967vw;
font-size: 0.9677vw;
border-radius: 0.4032vw;
}

.board .sb-wrap .sb-footer div.center {
margin:2.419vw 0 0;
}
.board .sb-footer.write div input.type1 {
font-size: 1.1290vw;
padding: 0.5645vw 1.6129vw;
border-radius: 0.4032vw !important;
height: 2.7419vw;
}
.board .sb-footer.write div .sb-btn {
font-size: 1.1290vw;
padding: 0.5645vw 1.6129vw;
border-radius: 0.4032vw !important;
height: 2.7419vw;
}
}



@media all and (max-width:768px){
.board .sb-write {
max-width:88.8888vw;margin:0 auto;
}
.board .sb-write table tbody {
display: flex;
flex-direction: column;
padding:4.1666vw 0;
gap:1.3888vw;
}
.board .sb-write table tbody.memo {
padding:0;
}
.board .sb-write table tbody tr {
display: flex;align-items: center;gap:0;width: 100%;
}
.board .sb-write th, .board .sb-write td {
border-bottom: 0;height: unset;
}
.board .sb-write table tbody tr td {
border-bottom:0;
}
.board .sb-write table tbody tr th {
min-width: 20.2777vw;
color:#222222;
font-weight:400;
font-size:3.3333vw;
text-align: center;
}
.board .sb-write tr td:nth-child(1) {
width:100%;padding:0;
}
.board .sb-write tr td:nth-child(2) {
width:100%;padding:0;
}
.board .sb-write input {
border: 1px solid #E4E4E4;
width: 100%;
height: 9.7222vw;
line-height: 9.7222vw;
padding: 0 4.1666vw;
font-family: 'Noto Sans KR';
outline: 0;
font-size: 3.3333vw;
}
.board .sb-write tr td .filebox {
display: flex;flex-direction: row-reverse;    align-items: center;gap:2.0833vw;
}
.board .sb-write tr td .filebox .upload-name {
display: inline-block;
height: 5.5555vw;
padding: 0;
vertical-align: middle;
width: 100%;
border: 0;
color: #555555;    
font-size: 3.3333vw;
font-weight: 400;
font-family: "Noto Sans KR";
border-radius: 0.6944vw;
}

.board .sb-write tr td .filebox label {
display: inline-block;
padding: 1.25vw 2.3611vw;
color: #fff;
vertical-align: middle;
border: 1px solid #AAAAAA;
background-color: #f0f0f0;
color: #555555;
cursor: pointer;
height: 6.9444vw;
line-height: 1.2;
margin-right: 0;
background-repeat: unset;
background-image: unset;
width: unset;
font-size: 3.0555vw;
font-weight: 400;
font-family: "Noto Sans KR";
border-radius: 0.6944vw;
}

.board .sb-write tr td .filebox input[type="file"] {
position: absolute;
width: 0;
height: 0;
padding: 0;
overflow: hidden;
border: 0;
}


.board .sb-write tr:nth-child(1) td{
border-bottom: 0;
}
.board .sb-wrap .sb-footer div.center {
margin:4.1666vw 0 0;
}
.board .sb-footer.write div input.type1 {
font-family: "Noto Sans KR", sans-serif;
cursor: pointer;
font-size: 3.3333vw !important;
padding: 1.6666vw 4.1666vw !important;
font-weight: 400;
background: #0081ff !important;
border-radius: 1.3888vw !important;
width: unset !important;
height: 8.1944vw;
border:0;
}
.board .sb-footer.write div .sb-btn {
font-family: "Noto Sans KR", sans-serif;
cursor: pointer;
font-size: 3.3333vw !important;
padding: 1.6666vw 4.1666vw !important;
font-weight: 400;
background: #fff !important;
border-radius: 1.3888vw !important;
width: unset !important;
height: 8.1944vw;
border: 1px solid #CCCCCC;
color: #222222;
line-height: 1.3;
}
.board .sb-write > table th:nth-child(1).none_dis {
display: block;
}
}

.board .sb-wrap .faq_list{
margin-bottom: 80px;
display: flex;
flex-direction: column;
gap: 40px;
justify-content: center;align-items: center;
}
.board .sb-wrap .faq_list >form {
width: 100%;
}
.board .sb-wrap .faq_list .faq_search_container {
background: #f5f5f5;
padding: 40px 375px;
width: 100%;
display: flex;
margin-bottom: 0;
flex-direction: column;
gap:20px;
}
.board .sb-wrap .faq_list .faq_search_container {
width: 100%;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search{
background: transparent;
padding:0;
width: 100%;
display: flex;
margin-bottom: 0;
flex-direction: row;gap:10px;
justify-content: space-between;align-items: center;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_txt h2 {
font-size:26px;font-weight:500;color:#222222;white-space: nowrap;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form {
width:100%;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form .inp {
display: flex;
width:100%;
position: relative;
float: unset;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form input.keyword {
font-size:12px;font-weight:500;color:#222222;width:100%;border-radius: 34px;height:34px;border:0 solid #999999;font-family: "Noto Sans KR";
padding: 0 20px;outline: 0;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form input.sbm {
position: absolute;
top: 50%;
right: 15px;
width: 14px;
height: 14px;
margin-top: -7px;
background: url(https://img.megastudyacademy.co.kr/megademdev/html_images/search_new_mo.png) no-repeat;
background-size: 100% auto;
border: none;
outline: 0;
text-indent: -999em;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select {
display: flex;gap:10px;justify-content: center;align-items: center;
width:100%;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select .faq_select_wrapper{
display: flex;
max-width: 490px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select a {
padding:7px 20px;font-size:14px;font-weight:400;color: #222222;
background: #fff;border: 1px solid #ccc;border-radius: 35px;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select a.on_tab {
background: #000;
color:#fff;
border:0;
}
.board .faq_list .accordion {
width: 100%;
margin: 0 auto;
background: #FFF;
}
.board .faq_list .accordion{
border-top: 0 solid #E4E4E4;
border-left: 0 solid #ccc;
border-right: 0 solid #ccc;
}
.board .faq_list .accordion li:first-child {
border-top: 1px solid #E4E4E4;
}

.board .faq_list .accordion .link {
cursor: pointer;
display: flex;
align-items: center;
border-bottom: 1px solid #e4e4e4;
position: relative;
width: 100%;
vertical-align: top;
}
.board .faq_list .accordion .link p{
display: flex;
gap:5px;
align-items: center;
float: unset;
border-right: 0 solid #ccc;
color: #999999;
font-size: 16px;
font-weight: 400;
min-width: 140px;
text-align: center;
padding: 13px 20px 13px 30px;
background:unset;
-webkit-background-clip:unset;
-webkit-text-fill-color: unset;
font-family: "Noto Sans KR";
}
.board .faq_list .accordion .link h2{
display: flex;
float: unset;
text-align: unset;
color: #222222;
width:100%;
font-size: 16px;
margin: 0;
font-weight: 400;
padding: 13px 30px;
}
.board .faq_list .accordion .link h2 a {
display: flex;width:100%;align-items: center;justify-content: space-between;
}
.board .faq_list .accordion .link img{
text-align: unset;
float: unset;
padding: 0;
}
.board .faq_list .accordion .open .arrow_down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.board .faq_list .submenu {
border-bottom: 1px solid #E4E4E4;
display: none;
background: #f7f7f7;
color: #000;
font-size:14px;font-weight:400;
text-align: left;
padding: 40px 0 40px 170px;
font-family: "Noto Sans KR";
}

.board .faq_list .submenu span {
font-size:14px;font-weight:400;
font-family: "Noto Sans KR";
}


.board .sb-wrap .no_writer {
height:45px;
}




@media all and (max-width:1240px){

.board .sb-wrap .faq_list{
margin-bottom: 6.4516vw;
gap: 3.2258vw;
}
.board .sb-wrap .faq_list .faq_search_container {
padding: 3.2258vw 27.8225vw;
gap:1.6129vw;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search{
gap:0.8064vw;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_txt h2 {
font-size:1.6129vw;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form input.keyword {
font-size:0.9677vw;border-radius: 2.7419vw;height:2.7419vw;
padding: 0 1.6129vw;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form input.sbm {
right: 1.2096vw;
width: 1.1290vw;
height: 1.1290vw;
margin-top: -0.5645vw;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select {
gap:0.8064vw;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select a {
padding:0.5645vw 1.6129vw;font-size:1.1290vw;border-radius: 2.8225vw;
}
.board .faq_list .accordion .link p{
gap:0.4032vw;
font-size: 1.2903vw;
min-width: 11.2903vw;
padding: 1.0483vw 1.6129vw 1.0483vw 2.4193vw;
}
.board .faq_list .accordion .link h2{
font-size: 1.2903vw;
padding: 1.0483vw 2.4193vw;
}
.board .faq_list .submenu {
font-size:1.1290vw;
padding: 3.2258vw 13.7096vw 3.2258vw 13.7096vw;
}

.board .faq_list .submenu span {
font-size:1.1290vw;
}
.board .sb-wrap .no_writer {
height:3.6290vw;
}

.board .faq_list .accordion .link img {
width: 1.3709vw;
}

.board .faq_list #accordion > li > div > img {
max-width: 100%;
width:100% !important;
height: auto !important;
vertical-align: super;
}

}


@media all and (max-width:768px){
.board .sb-wrap .faq_list{
margin-bottom: 12.5vw;
display: flex;
flex-direction: column;
gap: 6.9444vw;
justify-content: center;align-items: center;
}
.board .sb-wrap .faq_list >form {
width: 100%;
}
.board .sb-wrap .faq_list .faq_search_container {
background: #f5f5f5;
padding: 5.5555vw 0;
width: 100%;
display: flex;
margin-bottom: 0;
flex-direction: column;
gap:2.7777vw;
}
.board .sb-wrap .faq_list .faq_search_container {
width: 100%;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search{
background: transparent;
padding:0;
width: 100%;
display: flex;
margin-bottom: 0;
flex-direction: row;gap:2.7777vw;
justify-content: space-between;align-items: center;
max-width:88.8888vw;
margin:0 auto;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_txt h2 {
font-size:3.6111vw;font-weight:500;color:#222222;white-space: nowrap;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form {
width:100%;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form .inp {
display: flex;
width:100%;
position: relative;
float: unset;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form input.keyword {
font-size:3.0555vw;font-weight:400;color:#999999;width:100%;border-radius: 8.3333vw;height:8.3333vw;border:0 solid #999999;font-family: "Noto Sans KR";
padding: 0 5.5555vw;outline: 0;
}
.board .sb-wrap .faq_list .faq_search_container .faq_search .search_form input.sbm {
position: absolute;
top: 50%;
right: 3.75vw;
width: 3.3333vw;
height: 3.3333vw;
margin-top: -1.6666vw;
background: url(https://img.megastudyacademy.co.kr/megademdev/html_images/search_new_mo.png) no-repeat;
background-size: 100% auto;
border: none;
outline: 0;
text-indent: -999em;

}
.board .sb-wrap .faq_list .faq_search_container .faq_select {
display: flex;gap:0;justify-content: unset;align-items: unset;
width:100%;max-width: 88.8888vw;
margin: 0 auto;overflow: visible;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select .faq_select_wrapper {
width:100%;gap:0;flex-wrap: unset;    align-items: unset;
justify-content: unset;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select a {
padding:1.6666vw 4.1666vw;font-size:3.3333vw;font-weight:400;color: #222222;
background: #fff;border: 1px solid #ccc;border-radius: 4.8611vw;width: fit-content;
}
.board .sb-wrap .faq_list .faq_search_container .faq_select a.on_tab {
background: #000;
color:#fff;
border:0;
}
.board .faq_list .accordion {
width: 100%;
margin: 0 auto;
background: #FFF;
max-width:88.8888vw;
margin:0 auto;
}
.board .faq_list .accordion{
  border-top: 0 solid #E4E4E4;
  border-left: 0 solid #ccc;
  border-right: 0 solid #ccc;
}
.board .faq_list .accordion .link {
cursor: pointer;
display: flex;
align-items: center;
border-bottom: 1px solid #e4e4e4;
position: relative;
width: 100%;
vertical-align: top;
}
.board .faq_list .accordion .link p{
display: flex;
gap: 0.6944vw;
align-items: center;
float: unset;
border-right: 0 solid #ccc;
color: #999999;
font-size: 3.3333vw;
font-weight: 500;
min-width: 13.8888vw;
width: 13.8888vw;
text-align: center;
padding: 2.7777vw 0;
background: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
flex-direction: column;
font-family: "Noto Sans KR";
justify-content: center;
}
.board .faq_list .accordion .link {
min-height: 16.6666vw;
height:auto;
}
.board .faq_list .accordion .link h2{
  display: flex;
  float: unset;
  text-align: unset;
  color: #222222;
  width:100%;
  font-size: 3.3333vw;
  margin: 0;
  font-weight: 400;
  padding: 2.7777vw 4.1666vw;
}
.board .faq_list .accordion .link h2 a {
display: flex;width:100%;align-items: center;justify-content: space-between;
}
.board .faq_list .accordion .link h2 a .title {
text-align: left;
}
.board .faq_list .accordion .link img{
width: 3.0555vw;
min-width: 3.0555vw;
}
.board .faq_list .accordion .link p img {
width: 2.3611vw;
}
.board .faq_list .accordion .open .arrow_down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.board .faq_list .submenu {
border-bottom: 1px solid #E4E4E4;
display: none;
background: #f7f7f7;
color: #000;
font-size:3.0555vw;font-weight:400;
text-align: left;
padding: 5.5555vw 4.1666vw 5.5555vw 4.1666vw;
font-family: "Noto Sans KR";
word-break: normal;
}

.board .faq_list .submenu span {
font-size:3.0555vw;font-weight:400;
font-family: "Noto Sans KR";
}


.board .sb-wrap .no_writer {
height:6.25vw;
}

}
/* 게시판 페이징 */
/* .pagebox{
	width:100%;
	margin-top:40px;
	text-align:center;
}
.pagebox .pages{
	display:inline-block;
}
.pagebox .pages a{
	display:block;
	width:40px;height:40px;
	line-height:40px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:15.5px;
	text-align:center;
	border:1px solid #ddd;
	color:#666;
}
.pagebox .pages .prev,.pagebox .pages .next,.pagebox .pages ul,.pagebox .pages .prev a,.pagebox .pages .next a,.pagebox .pages li{
	float:left;
	margin-left:-1px;
}
.pagebox .pages li.on a{
	background:#b8b8b8;
	color:#fff;
} */