@charset "utf-8";
/* guide, live, live_view css 241028 */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* txt_ir 웹접근성 처리 - 대체 텍스트 */
.ally_hidden {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%)}

/* guide.css */
/* font, color, bg */
.guide .sub_contentbox, input, button, textarea, .live .sub_contentbox {font-family: 'Pretendard', sans-serif;color: #495057}
.tit {font-weight: 700;color: #212529}
.txt {font-size: 20px}
.header_l .tit {font-size: 34px;font-weight: 800}
.header_l .txt {font-weight: 500}
.input_search {font-size: 18px;font-weight: 600;line-height: 24px;background: #fff}
.input_search::-webkit-input-placeholder {font-size: 20px;color: #adb5bd}
.input_search::-moz-placeholder {font-size: 20px;color: #adb5bd}
.input_search:-ms-input-placeholder {font-size: 20px;color: #adb5bd}
.input_search::-ms-input-placeholder {font-size: 20px;color: #adb5bd}
.input_search::placeholder {font-size: 20px;color: #adb5bd}
.search_result_wrap {background: #fff}
.tit_wrap {font-size: 16px;}
.search_tit {font-weight: 500;color: #212529}
.search_cnt {font-size: 16px;color: #868e96}
.txt_small {font-size: 12px;font-weight: 300;color: #495057}
.no_results .txt_wrap {text-align: center}
.cs_info {background: #f1f3f5}
.cs_info .tel {font-weight: 500;color: #212529}
.cs_info .time {font-size: 12px;color: #495057}
.link_item {text-align: center}
.link_item:nth-of-type(1) {background: #d4ecfe}
.link_item:nth-of-type(2) {background: #d2d6fe}
.link_item:nth-of-type(3) {background: #daccff}
.link_item:nth-of-type(4) {background: #ebcbff}
.link_item .tit {font-size: 20px}
.link_item .txt {font-size: 16px}
.sec_tit {text-align: center}
.sec_tit .tit {font-size: 28px}
.sec_schedule .box {background: #f2f2f2}
.sec_apply {background: #d0ebff}
.sec_apply .sec_tit {text-align: left}
.sec_apply .btn {font-size: 20px;font-weight: 600;color: #343a40;background: #fff;border-radius: 20px}
.img_grid_wrap .box {background: #eeeeee}

/* layout */
.guide {padding-bottom: 54px}
.guide .sub_contentbox {padding: 0 52px;box-sizing: border-box}
section {margin-bottom: 80px;border-radius: 20px}
.guide_tit {display: flex;padding: 81px 28px 0 50px}
.header_l, .header_r {flex-shrink: 0}
.header_l {width: 526px;margin-right: 37px}
.header_l .tit {position: relative}
.header_l .tit::after {position: absolute;top: 50%;content:'';width: 34px;height: 34px;background: url("../img/guide/ico_check.png") center no-repeat;transform: translate(12px, -50%)}
.header_l .txt {margin: 14px 0 25px}
.guide_tit .search_box {position: relative;width: 100%;height: 56px}
.search_box .input_wrap {position: relative;}
.search_box .input_search {width: 100%;padding: 15px 30px;border: none;box-sizing: border-box}
.search_box {border: 1px solid #ced4da;border-radius: 50px;overflow: hidden}
.search_form {border-radius: 50px;overflow: hidden}
.search_box .btn_search {position: absolute;top: 50%;right: 0;width: 24px;height: 24px;transform: translate(-30px, -50%);background: url("../img/guide/ico_search.png") 0 0 no-repeat}
.search_result_wrap {position: relative;z-index: 100;padding: 0 30px 20px;border-radius: 20px}
.search_results, .no_results {display: none}
.search_result_wrap .tit_wrap {padding: 10px 0;border-top: 1px solid #ced4da}
.tit_wrap .search_tit {margin-right: 8px}
.tit_wrap .search_cnt {position: relative}
.tit_wrap .search_cnt::after {content: '건'}
.search_results .search_item .link {display: flex;margin-bottom: 10px}
.search_results .search_item .img_wrap {width: 122px;height: 68px;margin-right: 6px;overflow: hidden}
.search_item .img_wrap img {width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill}
.search_results .txt_small {margin-top: 8px}
.no_results .txt_wrap {margin: 24px 0}
.no_results .cs_info {position: relative;width: 284px;height: 166px;padding: 20px;margin: 0 auto;box-sizing: border-box;border-radius: 20px}
.no_results .cs_info::after {position:absolute;right: 20px;bottom: 31.5px;content: '';width: 42px;height: 42px;background: url("../img/guide/ico_chat.png") center no-repeat}
.cs_info span {display: block}
.cs_info .search_tit + .txt_small {margin: 4px 0 24px}
.cs_info .tel {margin-bottom: 14px}
.cs_info .time {margin-bottom: 6px}

.link_tab {display: flex;justify-content: center}
.link_tab .link_item {margin-right: 10px;border-radius: 20px;border: 1px solid transparent}
.link_tab .link_item:last-of-type {margin-right: 0}
.link_item {width: 240px;height: 244px;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25)}
.link_item a {display: flex;align-items: center;flex-direction: column;width: 100%;height: 100%;padding: 13px 0;box-sizing: border-box}
.link_item .video {margin-bottom: 20px}
.link_item:nth-of-type(3) .video {margin-top: 5px;margin-bottom: 15px}
.link_item .tit {margin-bottom: 14px}

.sec_tit .txt {margin: 16px 0 32px}
.sec_schedule .box {height: 271px;height: 498px;border-radius: 20px;overflow: hidden;text-align: center}
.sec_schedule .box img {width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill}

.sec_apply {display: flex;position: relative}
.sec_apply::before, .sec_apply::after {content: '';display: block;position: absolute}
.sec_apply::before {left: 523px;top: -38.5px;width: 88.6px;height: 88.6px;background: url("../img/guide/ico_pyramid_2x.png");background-size: 88.6px 88.6px}
.sec_apply::after {right: -13.8px;bottom: -28.1px;width: 85.8px;height: 85.8px;background: url("../img/guide/ico_cube_2x.png");background-size: 88.6px 88.6px}
.sec_apply .sec_l {margin-right: 155px}
.sec_l .btn_list {margin-left: -8px}
.sec_l, .sec_r {flex-shrink: 0}
.sec_apply .txt {margin: 14px 0 40px}
.sec_apply .sec_l {padding: 44px 0 45px 39px}
.sec_apply .btn {position: relative;padding: 18px 50px 18px 30px;margin-right: 10px;box-sizing: border-box;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25)}
.sec_apply .btn:last-of-type {margin-right: 0}
.sec_apply .btn::after {position: absolute;right: 0;top: 50%;content: '';display: block;width: 24px;height: 24px;background: url("../img/guide/ico_right.png") center no-repeat;transform: translate(-18px, -50%);}
.sec_apply .sec_r img {margin-top: 10px;width: 272px}

.img_grid_wrap {display: -ms-grid;display: grid}
.img_grid_wrap {
            grid-template-areas:
        'a a b b f h'
        'c c d d f h'
        'e e e e g h'
        'e e e e g h'
}
.img_grid_wrap .box {margin: 0 15px 15px 0;border-radius: 20px;overflow: hidden}
.img_grid_wrap .box:nth-of-type(1) {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: a}
.img_grid_wrap .box:nth-of-type(2) {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 3;grid-area: b}
.img_grid_wrap .box:nth-of-type(3) {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: c}
.img_grid_wrap .box:nth-of-type(4) {-ms-grid-row: 3;-ms-grid-column: 5;-ms-grid-column-span: 3;grid-area: d}
.img_grid_wrap .box:nth-of-type(5) {-ms-grid-row: 5;-ms-grid-row-span: 3;-ms-grid-column: 1;-ms-grid-column-span: 7;grid-area: e;width: 480px;height: 272px;margin-top: 2px}
.img_grid_wrap .box:nth-of-type(6) {-ms-grid-row: 1;-ms-grid-row-span: 3;-ms-grid-column: 9;grid-area: f}
.img_grid_wrap .box:nth-of-type(7) {-ms-grid-row: 5;-ms-grid-row-span: 3;-ms-grid-column: 9;grid-area: g}
.img_grid_wrap .box:nth-of-type(8) {-ms-grid-row: 1;-ms-grid-row-span: 7;-ms-grid-column: 11;grid-area: h;width: 319.5px;height: 568px}
.img_grid_wrap .box:nth-of-type(6), .img_grid_wrap .box:nth-of-type(7) {width: 153px;height: 272px}
.img_grid_wrap .box:nth-of-type(1), .img_grid_wrap .box:nth-of-type(2),
.img_grid_wrap .box:nth-of-type(3), .img_grid_wrap .box:nth-of-type(4) {width: 232px;height: 130.5px}
.img_grid_wrap .box a {display: block;width: 100%;height: 100%}
.img_grid_wrap .box img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.banner_link {overflow: hidden;display: block;width: 997px;height: 600px;border-radius: 20px;}

/* effect - show 클래스 추가시 */
.search_box:hover {border-color: #495057}
.sec_apply .btn:hover {color: #fff;background: #343a40}
.sec_apply .btn {transition: all .1s ease-in-out}
.sec_apply .btn:hover::after {background: url("../img/guide/ico_right2_2x.png");background-size: 24px 24px}
.link_tab .link_item {transition: all .1s}
.link_tab .link_item:hover {box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6)}
.link_tab .link_item:nth-of-type(1):hover {border-color: #85ccff}
.link_tab .link_item:nth-of-type(2):hover {border-color: #9f85ff}
.link_tab .link_item:nth-of-type(3):hover {border-color: #9f85ff}
.link_tab .link_item:nth-of-type(4):hover {border-color: #d085ff}
.guide .search_box.show {position: absolute;width: 526px;height: auto;border-radius: 20px;overflow: visible;z-index: 50}
.guide .search_box.show .input_search {padding-bottom: 12px}
.search_box.show .search_result_wrap {display: block}
.search_box.show .search_results.active, .search_box.show .no_results.active {display: block}
.img_grid_wrap .box {transition: all .1s ease-in}
.img_grid_wrap .box:hover a {-webkit-filter: brightness(0.5);filter: brightness(0.5)}

/* live.css */
/* font, color, bg */
.live .banner {font-weight: 700;font-size: 22px;text-align: center}
.live .banner .txt {color: #fff}
.filter_wrap .filter_type {background: #dee2e6}
.live .input_search {font-weight: 500;line-height: 21px;}
.live .input_search::-webkit-input-placeholder {font-size: 18px;color: #adb5bd}
.live .input_search::-moz-placeholder {font-size: 18px;color: #adb5bd}
.live .input_search:-ms-input-placeholder {font-size: 18px;color: #adb5bd}
.live .input_search::-ms-input-placeholder {font-size: 18px;color: #adb5bd}
.live .input_search::placeholder {font-size: 18px;color: #adb5bd}
.live .search_item.new::before {font-size: 20px;font-weight: 600;color: #fff;background: #00cbd3}
.live .content .board_tit, .live .content_wrap .board_tit {font-size: 26px;color: #131313;text-align: center}
.live .content .tit {font-size: 24px}
.live .content .txt {color: #495057}
.content .search_results .search_item .img_wrap {background: #212529}
.live .tit_wrap .search_tit {font-size: 26px;font-weight: 500}
.live .search_cnt {font-size: 26px}
.live .no_results .txt_wrap {font-size: 22px;color: #212529}
.live .cs_info .search_tit, .live .cs_info .tel {font-size: 20px}
.live .dayoff {font-size: 14px;font-weight: 300}
.live .cs_info .time {font-size: 14px;}

/* layout */
.live .sub_contentbox {padding: 30px 100px;box-sizing: border-box}
.live .banner {background: url("../img/guide/banner_bg.png") 0 0 no-repeat}
.live .banner .txt {display: block;width: 100%;padding: 11px 0;margin-right: 70.2px}
.live .banner span {position: relative}
.live .banner span::after {content: '';display: block;position: absolute;right: -70.2px;top: 50%;width: 38.2px;height: 38.2px;background: url("../img/guide/ico_news_2x.png");background-size: 38.2px 38.2px;transform: translate(0, -50%)}
.live .header_l {margin-right: 0}
.live_tit {margin: 24px 0 48px}
.live .live_tit {display: flex}
.live_tit .search_box .input_search {width: 356px;padding: 10px 15px}
.live_tit .search_box .btn_search {background: url("../img/guide/ico_search2.png") 0 0 no-repeat;transform: translate(-15px, -50%)}
.filter_wrap {display: flex;flex: 1}
.filter_wrap .filter_type {padding: 12px 15px}
.filter_wrap .filter_type:nth-of-type(1) {border-top-left-radius: 20px;border-bottom-left-radius: 20px}
.filter_wrap .filter_type:nth-of-type(3) {border-top-right-radius: 20px;border-bottom-right-radius: 20px}
.filter_type a {display: block;width: 18px;height: 18px;background: url("../img/guide/ico_type.png") 0 0 no-repeat}
.filter_wrap .filter_type:nth-of-type(2) a {background-position: -18px 0}
.filter_wrap .filter_type:nth-of-type(3) a {background-position: -36px 0}
.live .content .board_tit {margin-bottom: 20px}
.live .content .tit, .live .content .txt {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}
.live .content .tit {margin-bottom: 12px;-webkit-line-clamp: 2}
.live .content .txt {-webkit-line-clamp: 1}
.content .search_results .search_item .img_wrap {flex-shrink: 0;width: 281px;height: 158px;margin-right: 32px;border-radius: 15px}
.live .search_item {width: 100%;padding: 30px;box-sizing: border-box;word-break: keep-all}
.live .search_results .search_item .link {margin-bottom: 0}
.live .search_item .img_wrap img {-o-object-fit: contain;object-fit: contain}
.live .no_results .txt_wrap {width: 100%;margin: 48px auto 32px}
.live .no_results .cs_info {width: 403px;height: 240px;padding: 30px 38px 0}
.live .dayoff {margin: 4px 0 48px}
.live .cs_info .tel {margin-bottom: 24px}
.live .no_results .cs_info::after {right: 45px;bottom: 37px;width: 80px;height: 80px;background: url("../img/guide/ico_chat2.png")}

/* effect */
.filter_wrap .filter_type {transition: all .1s ease-in-out}
.filter_wrap .filter_type.on, .filter_wrap .filter_type:hover {background: #495057}
.filter_wrap .filter_type.on a, .filter_wrap .filter_type:hover a {background-position: 0 -18px}
.filter_wrap .filter_type:nth-of-type(2).on a, .filter_wrap .filter_type:nth-of-type(2):hover a {background-position: -18px -18px}
.filter_wrap .filter_type:nth-of-type(3).on a, .filter_wrap .filter_type:nth-of-type(3):hover a {background-position: -36px -18px}
.content.show .search_results.active, .content.show .no_results.active {display: block}
.live .search_item:hover {background: #f1f3f5}
.search_item {position: relative}
.search_item.new::before {display: flex;justify-content: center;align-items: center}
.search_item.new::before {position: absolute;left: 14px;top: 14px;content: 'N';width: 36px;height: 36px;border-radius: 50%}

/* 세로모드시 */
.live .v_type .search_result_wrap {padding: 0 0 20px}
.v_type .search_item_wrap {display: flex;flex-wrap: wrap}
.live .v_type .search_item {width: calc((100% - 60px)/2);margin-bottom: 48px;box-sizing: border-box}
.live .v_type .search_item:nth-of-type(odd) {margin-right: 60px}
.v_type .search_results .search_item .link {flex-direction: column;align-items: center;text-align: center}
.v_type .search_results .search_item .img_wrap {width: 356px;height: 200px;margin: 0 0 12px}
.v_type .txt_wrap {width: 253px}
.live .v_type.tit {line-height: 34px}

/* 타입 버튼 클릭에 따른 콘텐츠 조절 */
/* .content_wrap .content:not(:first-of-type) {display: none}
.content_wrap.h_type .content:nth-of-type(2) {display: block}
.content_wrap.h_type .content:not(:nth-of-type(2)) {display: none}
.content_wrap.v_type .content:nth-of-type(3) {display: block}
.content_wrap.v_type .content:not(:nth-of-type(3)) {display: none} */

/* live_view.css */
/* font */
.live .view .tit {font-size: 28px}
.live .view .txt {font-size: 22px}
.live .view .suggest_video .tit {font-size: 20px}
.video_item a {color: #212529}
.video_item .txt_wrap {font-size: 14px}
.view .btn_comment {font-size: 20px;font-weight: 700;color: #212529;background: #f1f3f5}
.comment_item .btn {line-height: 14px;word-break: keep-all}
.comment_item .name {font-size: 16px;font-weight: 500}
.comment_item .date {color: #868e96}
.comment_item .comment, .comment_item .comment_reply {font-size: 14px;font-weight: 300;color: #343a40}
.reply_input .btn_reply_submit, .update_box .btn_update_submit {color: #495057;background: #ced4da}

/* layout */
.live .view {padding: 18px 0 0}
.live .view .tit_area, .live .view .video_wrap {padding: 0 33px}
.video_wrap {margin: 24px 0 32px}
.suggest_video {margin-bottom: 32px;padding: 20px 30px;border: 1px solid #adb5bd;border-radius: 20px}
.live .view .suggest_video .tit {margin-bottom: 20px}
.suggest_video .video_list {display: flex}
.video_list .video_item {width: calc((100% - 50px)/3);margin-right: 25px}
.video_list .video_item:last-of-type {margin-right: 0}
.video_item .img_wrap {width: 264px;height: 159px;margin-bottom: 6px;border-radius: 15px;overflow: hidden}
.video_item .img_wrap img, .video_item .img_wrap iframe {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.video_item .txt_wrap span {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1}
/* .video_item .txt_wrap span:first-of-type {display: block} */
.comment_item {padding: 20px 19px}
.comment_item.reply, .comment_item.reply_input {position: relative;padding-left: 57px}
.comment_item.reply::before, .comment_item.reply_input::before {content: '';position: absolute;top: 20px;left: 19px;display: block;width: 24px;height: 24px;background: url("../img/guide/ico_reply_2x.png");background-size: 24px 24px}
.comment_item .top_area {display: flex;justify-content: space-between;margin-bottom: 15px}
.author_area {padding-left: 6px}
.comment_item .name {position: relative;display: inline-block;margin: 0 12px 0 0}
.comment_item .name::before {position: relative;top: 4px;left: -6px;display: inline-block;content: '';width: 20px;height: 20px;border-radius: 50%}
.author .name::before {background: #00cbd3}
.reply .name::before, .reply_input .name::before {background: #9f00ff}
.comment_item .btn {width: 21px;padding: 0;margin-right: 8px}
.comment_item .btn:last-of-type {margin-right: 0}
.comment_item {padding-bottom: 23px;border-bottom: 1px solid #adb5bd}
.reply_input {padding-right: 11.5px}
.comment_reply_wrap .reply_text {width: 100%;padding-bottom: 4px;border: none;border-bottom: 1px solid #adb5bd}
.reply_text::-webkit-input-placeholder {color: #adb5bd}
.reply_text::-moz-placeholder {color: #adb5bd}
.reply_text:-ms-input-placeholder {color: #adb5bd}
.reply_text::-ms-input-placeholder {color: #adb5bd}
.reply_text::placeholder {color: #adb5bd}
.reply_input .btn_reply_submit, .update_box .btn_update_submit {width: 54px;padding: 4px 16.5px;margin-right: -7.5px;border-radius: 30px}
.comment_input_wrap {margin: 48px 0 62px}
.comment_form {display: flex;align-items: center;justify-content: space-between}
.comment_text {width: 710px;height: 100px;padding: 10px;border: 1px solid #adb5bd;border-radius: 10px;box-sizing: border-box;resize: none}
.view .btn_comment {padding: 38px 46px;border-radius: 10px}
.update_box .comment_update_form {display: flex;justify-content: space-between}
.update_box .update {border: none;border: 1px solid #adb5bd;width: 85%;padding: 10px;border-radius: 10px;resize: none}
.update_box .btn_area {margin-right: -7.5px}

/* effct */
.comment_text:focus, .comment_text:hover {border: 1px solid #495057;outline: none}
.view .btn_comment {transition: all .1s}
.view .btn_comment:hover {color: #212529;background: #adb5bd}
.comment_item .btn:hover {color: #9f00ff;text-decoration: underline}
.reply_input .btn:first-of-type:hover {color: #ff2323;text-decoration: underline}
.btn_reply_submit, .update_box .btn_update_submit {transition: all .15s}
.reply_input .btn_reply_submit:hover, .update_box .btn_update_submit:hover {background: #495057;color: #fff;text-decoration: none}
.update:focus, .update:hover {border: 1px solid #495057;outline: none}
.video_item .img_wrap {transition: all .1s ease-in}
.video_item .img_wrap:hover {-webkit-filter: brightness(0.5);filter: brightness(0.5)}
.reply_input {display: none}
.reply_input.active {display: block;border-bottom: 0}

/* first_guide 240912 */
/* font */
.label_check .txt {font-size: 24px;color: transparent;}
/* .btn_wrap .link, .first_guide .btn {background: pink;} */

/* layout */
.first_guide, .first_guide2 {max-width: 1100px;margin: 0 auto;padding: 52px 0;}
.first_guide .btn {position: absolute;left: 50%;transform: translateX(-50%);}
.first_guide * {box-sizing: border-box;}
.first_guide .landing_page {position: relative;margin-top: -1px;}
.first_guide .btn_download_sample1, .first_guide .btn_download_sample2 {width: 38.5%;height: 77px;}
.btn_download_sample1 {bottom: 0;}
.first_guide .step_list, .first_guide .landing_inner {position: absolute;left: 0;width: 100%;padding: 0 95px;}
.guide_step1 .step_list {top: 130px;}
.first_guide .step_item, .label_check {display: flex;align-items: center;}
.first_guide .step_item:nth-of-type(2), .first_guide .step_item:nth-of-type(2) .label_check {flex-direction: row-reverse;}
.guide_step1 .step_item {margin: 109px 0 135px;}
.first_guide .step_item:nth-of-type(2) .input_wrap {padding: 0 60px 0 0;}
.first_guide .left {position: relative;}
.first_guide .qr_wrap {position: absolute;right: 0;bottom: 0;content: '';width: 75px;height: 75px;transform: translate(130%, 50%);}
.first_guide .step_item:nth-of-type(2) .qr_wrap {right: auto;left: 0;transform: translate(-130%, 50%);}
.first_guide .qr_wrap::after {position: absolute;display: inline-flex;align-items: flex-end;content: '확대';width: 100%;height: 100%;margin-left: 10px;font-size: 16px;font-weight: 600;font-family: 'NBG', sans-serif;color: #191919;}
.first_guide .step_item:nth-of-type(2) .qr_wrap::after {right: 22px;margin: 0 20px 0 0;}
.first_guide .left {width: 57%;}
.first_guide .video_wrap {overflow: hidden;height: 288px;margin: 0;border-radius: 10px;cursor: pointer;}
.first_guide .video_wrap .poster, .first_guide2 .video_wrap .poster {position: absolute;width: 100%;height: 100%;background: url("../img/guide/video/video_poster.png") center / cover no-repeat;}
.first_guide .video_wrap .poster.off, .first_guide2 .video_wrap .poster.off {display: none;}
.first_guide .video {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.first_guide .video:-webkit-full-screen {object-fit: scale-down;}
.first_guide .video:-ms-fullscreen {object-fit: scale-down;}
.first_guide .video:fullscreen {-o-object-fit: scale-down;object-fit: scale-down;}
/* .first_guide .video::-webkit-media-controls.sizing-large {object-fit: scale-down;} */
.first_guide .input_wrap {display: flex;flex-direction: column;gap: 32px;width: calc(100% - 512px);padding-left: 60px;}
.first_guide .checkbox {flex-shrink: 0;width: 20px;height: 20px;margin-right: 20px;-moz-appearance: auto;appearance: auto;-webkit-appearance: auto;}
.first_guide .step_item:nth-of-type(2) .checkbox {margin-right: 0;}
.first_guide .step_item:nth-of-type(2) .label_check {margin-right: 20px;}
.label_check {height: 28px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.label_check .txt {flex: 1;}
.guide_step2 .step_list {top: 458px;}
.guide_step2 .step_item {margin: 109px 0 130px;}
.guide_step2 .step_item:nth-of-type(2) {margin: 109px 0 136px;}
.btn_download_sample2 {bottom: auto;top: 250px;}
.guide_step3 .btn_wrap {display: flex;justify-content: center;gap: 14px;width: 100%;margin: 324px 0 225px;}
.btn_wrap .link {width:33.33%;height: 102px;}
.guide_step3 .landing_inner {top: 0;}
.landing_inner .btn {width: calc(100% - 210px);height: 125px;}

/* 241028 quiz추가 */
.quiz {position: relative;padding: 0 140px;font-family: 'pretendard', sans-serif;}
.quiz::before, .quiz:after, .quiz .main_txt .line::before {content: '';position: absolute;top: 0;height: 100%;}
.quiz::before {left: 0;width: 50px;background: #d9d9d9;}
.quiz::after {right: 0;width: 49px;background-image: linear-gradient(90deg, rgb(173 173 173) 0%, rgb(182 182 182) 35%, rgb(216 216 216) 100%);}
.quiz .quiz_wrap {padding: 75px 0 0;}
.quiz .main_txt, .quiz .main_txt .line {position: relative;}
.quiz .main_txt {font-size: 40px;font-weight: 700;color: #8146ff;text-align: center;z-index: 10;}
.quiz .main_txt .black, .quiz_inner .question {margin: 0 0 30px;color: #161616;}
.quiz_inner {margin: 50px 0;}
.quiz_inner .question {display: block;font-weight: 600;}
.quiz_inner .question, .quiz .alert_wrong, .alert_correct {font-size: 28px;}
.quiz_inner .answer_wrap {display: flex;flex-wrap: wrap;}
.quiz_inner .answer {display: flex;align-items: center;gap: 12px;width: 50%;margin: 0 0 24px;font-size: 24px;color: #393939;}
.quiz .radio {width: 20px;height: 20px;}
.quiz .main_txt .line::before {top: auto;bottom: 0;width: 100%;height: 20px;background: #b6e4fe;z-index: -1;}
.quiz .btn {position: static;padding: 15px 54px;background: #fe504f;border-radius: 10px;font-size: 36px;font-weight: 600;color: #fff;transform: none;}
.quiz .btn_submit {display: block;margin-left: auto;}
.quiz .alert_wrong, .quiz .alert_correct {flex-direction: column;align-items: center;line-height: 1.5;font-weight: 700;}
.quiz .alert_wrong .btn, .quiz .alert_correct .btn {width: 304px;margin: 24px 0 0;}
.quiz .alert_correct {padding: 113px 0;}
.quiz .alert_correct .strong {color: #8146ff;}
.quiz .alert_correct .btn {margin: 24px 0 20px;z-index: 10;}
.quiz .alert_correct .txt {font-weight: 400;text-align: center;}
.quiz .gif {display: flex;position: absolute;left: 50px;top: 0;}

/* first_guide2 - renewal */
i {
	font-family: 'renewalIcon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.first_guide2 {padding: 80px 0 200px;font-family:'pretendard', sans-serif;text-align: center;}
.first_guide2 * {box-sizing: border-box;}
.first_guide2 .flex {display: flex;}
.first_guide2 .flex, .first_guide2 .landing_page {align-items: center;justify-content: center;}
.first_guide2 .landing_page {flex-direction: column;}
.first_guide2 .landing_page {width: 100%;}
.first_guide2 .tit {margin-bottom: 40px;font-size: 42px;line-height: 1.2;font-weight: 600;text-align: center;}
.first_guide2 .tit span {color: #f92d00;}
.first_guide2 .video {width: 100%;}
.first_guide2 .video_wrap {position: relative;width: 100%;max-width: 954px;margin: auto;}
.first_guide2 .video_wrap .poster {background: url("../img/guide/ico_play.png") center 48% / 96px 96px no-repeat;}
.first_guide2 .video_wrap .text {position: absolute;top: 63%;left: 50%;font-size: 24px;color: #fff;font-weight: 600;text-align: center;transform: translate(-50%, -50%);user-select: none;}
.first_guide2 .info {display: inline-block;margin-top: 24px;color: #495057;font-size: 18px;font-weight: 500;}
.first_guide2 .txt_wrap {width: 50%;padding-left: 60px;text-align: start;}
.guide_step {margin: 160px 0;}
.first_guide2 .guide_intro_wrap {width: 100%;}
.first_guide2 .guide_intro_wrap .tit {margin-bottom: 60px;}
.guide_intro {gap: 20px;}
.guide_intro .img_wrap {max-width: 633px;}
.guide_intro .txt_wrap {padding: 0;font-size: 18px;font-weight: 500;text-align: center;line-height: 1.56;}
.guide_intro .strong {margin: 8px 0 24px;font-size: 24px;font-weight: 600;}
.first_guide2 .guide_intro .btn {position: relative;display: inline-block;padding: 10px 25px 10px 56px;width: 220px;background-color: #f92d00;font-size: 18px;color: #fff;line-height: 1.56;}
.btn_go_download::before {content: '';position: absolute;top: 50%;left: 12px;width: 32px;height: 32px;background: url("../img/guide/ico_download.png") center / cover no-repeat;transform: translateY(-50%);}
.guide_step_list {width: 100%;gap: 36px;}
.guide_step_list li {display: flex;flex-direction: column;width: 25.5%;max-width: 280px;height: 330px;padding: 28px;padding-right: 0;background-color: #f4f6f7;border-radius: 20px;text-align: start;color: #f92d00;line-height: 1.43;}
.guide_step_list li .img_wrap {margin-top: auto;margin-left: auto;padding-bottom: 12px;}
.first_guide2 .step_list .step_item {display: flex;justify-content: center;margin: 200px 0 0;}
.first_guide2 .step_list .step_item:last-of-type {margin-bottom: 160px;}
.step_list .step_item:nth-of-type(2n) {flex-direction: row-reverse;}
.step_item .sub_tit {margin: 0 60px 28px 0;padding-bottom: 12px;border-bottom: 1px solid #e7eaed;font-size: 32px;line-height: 1.38;color: #212529;}
.first_guide2 .sub_tit2 {font-size: 24px;font-weight: 600;line-height: 1.5;color: #212529;}
.step_item .txt_wrap li {margin-bottom: 16px;font-size: 20px;font-weight: 600;color: #676f77;line-height: 1.4;}
.first_guide2 .step_item .info {margin-top: 0;color: #0689ff;} 
.first_guide2 .step_item .btn_wrap {margin-top: 4px;}
.first_guide2 .step_item .gif_wrap {width: 50%;margin: 0;}
.first_guide2 .bottom {font-size: 24px;font-weight: 600;line-height: 1.5;}
.first_guide2 .bottom .btn_wrap {display: flex;justify-content: center;gap: 12px;margin-top: 40px;}
.step_item .txt_wrap .strong {color: #f92d00;}
.first_guide2 .btn {display: inline-flex;align-items: center;height: 48px;padding: 12px 24px;border-radius: 40px;line-height: 1.5;font-weight: 600;font-size: 16px;color: #343a40;}
.step_item .btn_go_link {gap: 4px;margin-left: 8px;padding-right: 20px;border: 1px solid #c6cdd4;transition: all .2s;}
.step_item .btn_go_link:hover {background-color: #c6cdd4;}
.btn .icon-icon-goto:before {color: #212529;font-size: 24px;}
.gallery_wrap .btn .icon-icon-goto:before {color: #fff;}
.bottom .btn {gap: 8px;position: relative;}
.bottom .btn_back::before, .gallery_wrap .btn_first::before, .bottom .btn_next::after {content: '';position: relative;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background: url("../img/guide/ico_btn_left.png") center / contain no-repeat;}
.bottom .btn_next::after {background: url("../img/guide/ico_btn_right.png") center / contain no-repeat;}
.first_guide2 .btn_back, .first_guide2 .btn_first {padding-left: 16px;border: 1px solid #c6cdd4;}
.first_guide2 .btn_first {gap: 8px;}
.first_guide2 .btn_next {justify-content: space-between;width: 140px;background-color: #212529;color: #fff;}
.first_guide2 .btn_gallery {gap: 4px;justify-content: space-between;width: 153px;background-color: #744eff;color: #fff;transition: background .3s;}
.first_guide2 .btn_gallery:hover {position: relative;background-color: #e7eaed;color: transparent;}
.first_guide2 .btn_gallery:hover::after {content: '';position: absolute;width: 100px;height: 20px;background: url("../img/main/renewal/logo_kovien.png") center / cover no-repeat;}
.first_guide2 .btn_gallery:hover i {display: none;}
.first_guide2 .guide_step3 .info {font-size: 20px;color: #676f77;line-height: 1.4;}
.guide_step3 .sub_tit2 {margin: 40px 0;}
.result_wrap .sub_tit2 {margin: 4px 0 20px;}
.first_guide2 .guide_step3 .btn_wrap {margin: 0;}
.progress-indicator {display: flex;flex-direction: column;align-items: center;gap: 20px;justify-content: center;margin-bottom: 160px;}
.progress-indicator__dot {width: 12px;height: 12px;border-radius: 50%;background-color: #c6cdd4;}
.progress-indicator__dot:nth-of-type(2) {background-color: #868e96;}
.progress-indicator__dot:nth-of-type(3) {background-color: #343a40;}
.result_wrap {font-size: 32px;line-height: 1.35;font-weight: 700;}
.result_wrap .img_wrap {margin: 20px 0 120px;}
.lecure_wrap {margin-top: 200px;}
.lecture_item {display: flex;flex-direction: column;width: 100%;height: 100%;border-radius: 10px;background-color: #d0ebff;font-size: 24px;line-height: 1.5;font-weight: 600;text-align: start;}
.lecture_item .img_wrap {width: 16px;height: 16px;margin-left: 5px;line-height: 1;}
.lecture_item:last-of-type {background-color: #ffd0c5;}
.lecure_wrap ul {gap: 20px;width: 726px;height: 140px;margin: auto;}
.first_guide2 .btn_direct {position: relative;flex-direction: column;align-items: start;gap: 4px;width: 100%;height: 100%;padding: 20px 40px;border: 1px solid transparent;border-radius: inherit;font-size: 16px;font-weight: 500;transition: all .2s ease-in-out;}
.first_guide2 .btn_direct:hover {box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.2);border-color: #85ccff;}
.first_guide2 .lecture_item:last-of-type .btn_direct:hover {border-color: #ffb09e;}
.guide_step3 .btn_direct .sub_tit2 {margin: 0;}
.lecture_item .btn_direct::after {content: '';position: absolute;right: 40px;top: 20px;width: 103px;height: 94px;background: url("../img/guide/img_lecture1.png");}
.lecture_item:last-of-type .btn_direct::after {right: 22px;width: 157px;height: 100px;background: url("../img/guide/img_lecture2.png");}
@keyframes stepAnimate {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.progress-indicator__dot:first-of-type {opacity: 0;}
.progress-indicator__dot {animation: stepAnimate .8s alternate infinite;}
.progress-indicator__dot:nth-of-type(2) {animation-delay: .4s}
.progress-indicator__dot:last-of-type {animation-delay: .6s}

/* effect */
.first_guide2 .guide_step1, .guide_step2, .guide_step3, .quiz, .alert_wrong, .alert_correct {display: none;}
.guide_step2.active, .guide_step3.active, .quiz.active {display: block;}
.first_guide2 .landing_page.active {display: flex;}
.alert_wrong.active, .alert_correct.active {display: flex;}