@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

body,
html {-webkit-text-size-adjust: none;}
body {font-family: "Pretendard Variable", "Malgun Gothic", "맑은 고딕", sans-serif;}
footer {margin-top:0;}

/* ========== global  ========== */
:root {
    --base-width:760;
    --vw:calc(100vw / var(--base-width));
}

.dadaikseon {position:relative; min-width:320px;}
.dadaikseon * {box-sizing:border-box;}
.dadaikseon section {position:relative; -webkit-text-size-adjust:none;}
.dadaikseon .evt_area {position:relative; width:100%;}
.dadaikseon .evt_inner {position:relative; padding:0 5.26vw; margin:0 auto;}
.dadaikseon .evt_inner:last-child {padding-bottom:13.16vw;}
.dadaikseon .ct_inner {position:relative; padding:0 7.63vw;}
.dadaikseon .tit_wrap,
.dadaikseon .img_wrap {position:relative; text-align:center; margin:0 auto;}
.dadaikseon .img_wrap img {display:block; max-width:100%;}
.dadaikseon .btn_link {display:block;}


/* text */
.sr-only {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}

.nt_txt {margin-top:2.63vw; line-height:1; font-size:2.89vw; font-weight:500; color:rgba(0,0,0,.5); text-align:center;}

/* PC version */
.pc-more_btn {padding:1.3rem 1rem; background-color:#fff; text-align:center;}
.pc-more_btn a {display:block; padding:1rem 0; font-weight:bold; background:#f5f5f5;}
.pc-more_btn .btn_box1 {overflow:hidden; display:inline-block; background-color:#fff; min-width:6.1rem;
    padding:0.5rem 0.8rem 0.4rem; border: 0.1rem solid #696e7a; color: #3f3f3f; text-align:center;  vertical-align:middle;}


/* ========== contents  ========== */
/* top banner */
.evt_top_bnr {position:relative;}
.evt_top_bnr a {display:flex; align-items:center; justify-content:center; width:100%; height:13.16vw; background:#0C31B1;}
.evt_top_bnr a > strong {color:#fff; font-size:calc(28* var(--vw));}
.evt_top_bnr a span {color:#fcff44;}

/* evt_title  */
.evt_title {position:relative;}

/* cont1 */
#cont1 {}

/* cont2 */
#cont2 {background:#F7F7F7;}
#cont2 .btn_link {margin-top:6.58vw;}
#cont2 .btn_link + .btn_link {margin-top:2.63vw;}

/* cont3 */
#cont3 {background:#FFFFEB;}
#cont3 .bubble_wrap {padding-top:calc(16 * var(--vw)); margin-top:calc(20 * var(--vw));}
#cont3 .speech_bubble {position:relative; padding:calc(33 * var(--vw)); line-height:1; font-size:calc(32 * var(--vw)); font-weight:800; color:#fff; text-align:center; white-space:nowrap; background:#503800; border-radius:calc(15 * var(--vw));}
#cont3 .speech_bubble::before {content:''; position:absolute; top:calc(-17 * var(--vw)); left:50%;
    transform:translateX(-50%); border-left:calc(10 * var(--vw)) solid transparent; border-right:calc(10 * var(--vw)) solid transparent; border-bottom:calc(18 * var(--vw)) solid #503800;}
#cont3 .speech_bubble .highlight {color:#fcff44;}


/* cont4 */
#cont4 {background:#3965FF;}
#cont4 .group_gravity + .img_wrap {margin-top:calc(30* var(--vw));}
#cont4 .btn_link {margin-top:calc(50* var(--vw));}

.group_gravity {text-align:center;}
.list_period {display:inline-grid; grid-template-columns:calc(150* var(--vw)) 1fr; gap:calc(10* var(--vw)); align-items:start; text-align:left;}
.list_period dt,
.list_period dd {font-size:max(calc(320px * 0.03421), 3.421vw); font-weight:400; color:#fff; vertical-align:middle; letter-spacing:-1px;}
.list_period dt {padding:0.39vw 2.37vw 0.263vw; text-align:center; letter-spacing:-0.125vw; background:rgba(0, 0, 0, 0.5); border-radius:max(calc(320px * 0.02895), 2.895vw);}
.list_period dd strong {font-weight:700;}
.list_period + .list_period {margin-top:17px; margin-top:2.237vw;}

/* noticeWrap */
.noticeWrap {width:auto; margin-top:7.89vw;}
.noticeWrap_title {display:block; margin:0 auto; padding:0.8rem 0 0.7rem; background:rgba(0, 0, 0, 0.3); font-size:4.2vw; font-weight:normal; text-align:center; cursor:pointer;}
.noticeWrap_title.sub {margin-bottom:0.5rem; padding:0; background:none; font-weight:bold; font-size:3.6vw; color:#3f3f3f; text-align:left;}
.noticeWrap_list + .noticeWrap_title {margin-top:5vw;}
.noticeWrap_txt {display:inline-block; position:relative; padding:0 1rem 0 0; font-weight:bold; color: #fff;}
.noticeWrap_txt:before {position:absolute; right:-2vw; top:50%; z-index:3; font-size:calc(100% - 1vw); content:"▼"; transform: translateY(-50%);}
.noticeWrap.on .noticeWrap_txt:before {content: "▲";}
.noticeWrap_inner {display:none; margin: 0; padding: 1rem; background: #fff;}
.noticeWrap_item {margin-top:2.63vw;}
.noticeWrap_item:first-child {margin-top:0;}
.noticeWrap_list {position: relative;}
.notice_item {position: relative; padding: 0 0 0 0.7rem; margin-bottom: 0.2rem; font-size:3.2vw; line-height: 1.4; letter-spacing: -0.5px; color: #3f3f3f; word-break: keep-all; word-wrap: break-word;}
.notice_item:before {position: absolute; left: 0; top: 0; z-index: 3; content: "-";}
.notice_link {display: inline-block; font-weight:bold; font-size:inherit; color:#2D65E8; text-decoration:underline;}


/* cont5 */
#cont5 {background:#775100;}

/* 댓글 영역 */
.comment_box {position:relative; padding:3.95vw 5.92vw 7.24vw; margin-top:6.58vw; background:#fff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.comment_box .box_tit {margin-bottom:calc(28* var(--vw)); line-height:1; font-size:calc(32* var(--vw)); font-weight:bold;}
.comment_box .tb_tit {padding-bottom:10px; font-size:calc(28* var(--vw)); font-weight:bold;}
.comment_box .text_area {margin-bottom:5.26vw;}
.comment_box .text_area p {font-size:2.11vw; font-weight:400; color:#3F3F3F;}
.comment_box .txtarea_btn + p {margin-top:1.58vw;}
.comment_box .txtarea_btn {display:flex; height:18.42vw;}
.comment_box .txtarea_btn textarea {flex:1; resize:none; height:100%; background:#F3F3F3; border:1px solid #585858; border-radius:0;}
.comment_box .txtarea_btn button {width:19.74vw; height:100%; line-height:4.47vw; font-size:3.68vw; font-weight:600; color:#fff; background:#3F3F3F;}

.comment_box .board_pagination {margin-bottom:0;}
.comment_box .reply_list td {padding:2.89vw; line-height:3.16vw; font-size:2.89vw; border-top:1px solid #ddd;}
.comment_box .reply_list td.name {font-weight:600; text-align:center;}
.comment_box .reply_list td.cont {text-align:left;}


/* cont6 */
#cont6 {background:#FAFAFA;}

/* tab comm */
.gravity_comm {width:100%;}
.gravity_comm .inner_gravity {display:flex; flex-wrap:wrap; gap:calc(10 * var(--vw)); justify-content:space-between;}

.box_gravity {width:calc(50% - (10 * var(--vw) / 2));}
.box_gravity .btn_gravity {display:flex; align-items:center; justify-content:center; text-align:center; position:relative; width:100%; height:calc(96 * var(--vw)); font-size:calc(26 * var(--vw)); font-weight:700; color:#fff; background:#C6C6C6; border-radius:calc(10 * var(--vw)); cursor:pointer;}
.box_gravity .btn_gravity.new {padding-top: calc(30 * var(--vw));}
.box_gravity .btn_gravity.new::before {content:'NEW'; position:absolute; top:calc(20 * var(--vw)); left:50%; transform:translateX(-50%); padding:calc(2 * var(--vw)) calc(15 * var(--vw)); line-height:1; font-size:calc(20 * var(--vw)); font-weight:500; color:#c6c6c6; background:#fff; border-radius:calc(12 * var(--vw));}

.box_gravity .btn_gravity.active {color:#fcff44; background:#0C31B1;}
.box_gravity .btn_gravity.active.new::before {color:#0c31b1; background:#FCFF44;}

.tab_comm {width:100%; margin-top:calc(20 * var(--vw));}
.tab_comm .inner_tab {display:flex; flex-wrap:wrap; gap:calc(10 * var(--vw)); justify-content:space-between;}
.tab_comm .inner_tab button {display:flex; align-items:center; justify-content:center; width: calc(33.333% - (20 * var(--vw) / 3)); height:calc(77 * var(--vw)); font-size:calc(28 * var(--vw)); font-weight:700; color:#222; background:#fff; border: calc(1 * var(--vw)) solid #D7D7D7; border-radius:calc(38 * var(--vw)); cursor:pointer;}
.tab_comm .inner_tab button.active {color:#0c31b1; background:#E8EDFF; border-color:#4E76FF;}


/* 수강후기 슬라이드 */
.area_review {overflow:hidden;}
.group_review {overflow:hidden;
    padding-top: 72px;
    padding-top: 9.474vw;

    /* 슬라이드 영역의 오른쪽 여백 */
    padding-right: 40px;
    padding-right: 5.263vw;

    /* 슬라이드 영역의 왼쪽 여백 */
    padding-left: 40px;
    padding-left: 5.263vw;

    /* 슬라이드의 좌우 여백에서 왼쪽 여백을 삭제 */
    margin-left: -40px;
    margin-left: -5.263vw;
}
.group_review .box_review {
    height: auto;
    padding-left: 40px;
    padding-left: 5.263vw;
    box-sizing: border-box;
}
.group_review .box_review .inner_l {
    height: 100%;
    border:1px solid #AF812D;
    border-radius: 15px;
    border-radius: 1.974vw;
    box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0.658vw 0 1.316vw 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
/* // 9999-99-99 수정 끝 */

.group_review .head_comm {
    padding: 3.684vw 3.95vw;
    border-radius: 15px 15px 0 0;
    border-radius: 1.974vw 1.974vw 0 0;
    font-size: 0;
    background-color:rgba(243,220,133, 0.47);
    text-align: left;
}
.group_review .head_comm .emph_comm {
    display: inline-block;
    min-width: 95px;
    min-width: 12.5vw;
    padding: 4px 0;
    padding: 0.526vw 0;
    font-weight: 700;
    font-size: 22px;
    font-size: 2.895vw;
    color: #fff;
    background-color: #3a58ad;
    vertical-align: middle;
    text-align: center;
}

.group_review .head_comm .head_tt {padding-bottom:calc(5* var(--vw)); font-size:calc(22* var(--vw)); font-weight:bold;}

.group_review .head_comm .tit_comm {
    display: inline-block;
    font-weight: 500;
    font-size: 22px;
    font-size: 2.895vw;
    color: #222;
    vertical-align: middle;
    letter-spacing: -0.5px;
    letter-spacing: -0.066vw;
}
.group_review .head_comm .emph_comm + .tit_comm {margin-left: 1.579vw;}
.group_review .body_comm {
    min-height: 366px;
    min-height: 48.158vw;
    padding: 28px 30px;
    padding: 3.684vw 3.947vw;
    border-radius: 0 0 15px 15px;
    border-radius: 0 0 1.974vw 1.974vw;
    box-sizing: border-box;
    text-align: left;
}
.group_review .body_comm .txt_tit {padding-bottom:calc(15* var(--vw)); font-size:calc(24* var(--vw)); font-weight:bold;}

.group_review .body_comm .txt_comm {
    font-weight: 500;
    font-size: 20px;
    font-size: 2.632vw;
    line-height: 1.5;
    color: #222;
    letter-spacing: -0.45px;
    letter-spacing: -0.059vw;
}
.group_review .body_comm .txt_comm b {
    display: block;
    margin-top: 10px;
    margin-top: 1.316vw;
}

/* swiper-review */
.swiper-review {
    position: relative;
}
/* 9999-99-99 수정 시작 */
.swiper-review .swiper-pagination {
    left: 40px;
    left: 5.263vw;
    bottom: 30px;
    bottom: 3.947vw;
}
/* // 9999-99-99 수정 끝 */
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 0 0 18px;
    margin: 0 0 0 2.368vw;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet:first-child {
    margin-left: 0;
}
.swiper-review .swiper-pagination-bullets {
    font-size: 0;
}
.swiper-review .swiper-pagination-bullet {
    width: 18px;
    width: 2.368vw;
    height: 18px;
    height: 2.368vw;
    margin: 0;
    border: 1px solid #74808d;
    border: 0.132vw solid #74808d;
    border-radius: 100%;
    background-color: #fff;
    opacity: 1;
}
.swiper-review .swiper-pagination-bullet-active {
    background-color: #74808d;
}