@charset "utf-8";
*,
*:before,
*:after { box-sizing: border-box; }
html { font-size: 62.5%; }
body { font-family: "Noto Sans KR", sans-serif; font-size: 1.5rem; line-height: 1.5; letter-spacing: -0.1rem; word-break: keep-all; color: #000; }
a { text-decoration: none; color: inherit; outline: none; background-color: transparent; }
img { max-width: 100%; vertical-align: top; }
button,
[type="button"],
[type="reset"],
[type="submit"] { cursor: pointer; }
input,
button,
textarea,
select { font: inherit; margin: 0; padding: 0; letter-spacing: inherit; border: none; border-radius: 0; outline: none; background-color: transparent; -o-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button { display: flex; user-select: none; white-space: nowrap; color: inherit; align-items: center; justify-content: center; }
input { color: inherit; }
table { width: 100%; }
.inner { position: relative; max-width: 144rem; margin: 0 auto; padding: 0 1.5rem; }

/* 대체 텍스트 */
.hide-text { overflow: hidden; white-space: nowrap; text-indent: 100%; }

/* 버튼 */
.btn.btn-s1 { font-size: 1.6rem; line-height: 3.8rem; min-width: 8rem; height: 4rem; padding: 0 1rem; cursor: pointer; text-align: center; color: #fff; border: 1px solid #0067e7; border-radius: 0.5rem; background: #0067e7; }
.btn.btn-s2 { font-size: 1.6rem; line-height: 3.8rem; min-width: 8rem; height: 4rem; padding: 0 1rem; cursor: pointer; text-align: center; color: #666; border: 1px solid #aaa; border-radius: 0.5rem; background: #fff; }
.btn.btn-m1 { font-size: 1.6rem; line-height: 3.2rem; min-width: 8rem; height: 3.4rem; padding: 0 1rem; cursor: pointer; text-align: center; color: #fff; border: 1px solid #fd8204; border-radius: 0.5rem; background: #fd8204; }
.btn.btn-m2 { font-size: 1.6rem; line-height: 3.8rem; min-width: 8rem; height: 4rem; padding: 0 1rem; cursor: pointer; text-align: center; color: #666; border: 1px solid #aaa; border-radius: 0.5rem; background: #fff; }
.btn.btn-r1 { font-size: 1.3rem; line-height: 2.2rem; min-width: 5rem; height: 2.5rem; padding: 0 1rem; cursor: pointer; text-align: center; color: #fff; border: 1px solid #773cbe; border-radius: 0.5rem; background: #773cbe; }
.btn.btn-r2 { font-size: 1.3rem; line-height: 2.2rem; min-width: 5rem; height: 2.5rem; padding: 0 1rem; cursor: pointer; text-align: center; color: #666; border: 1px solid #aaa; border-radius: 0.5rem; background: #fff; }
.btn { font-size: 1.5rem; line-height: 1; display: inline-block; padding: 0 1.7rem; cursor: pointer; transition: 0.3s ease; vertical-align: middle; color: #fff; border: 1px solid #4a537c; background: #4a537c; }
.btn-style1 { color: #222; border: 1px solid #000; background: transparent; }
.btn[class*="btn-ef"] { position: relative; }
.btn[class*="btn-ef"] > span { position: relative; z-index: 2; }
.btn[class*="btn-ef"]:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
.btn[class*="btn-ef"]:hover:before,
.btn[class*="btn-ef"]:focus:before,
.btn[class*="btn-ef"]:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.btn.btn-ef-color1:before { background: #ffce26; }
.btn-more { font-family: poppins; text-align: center; }
.btn-more > a { display: inline-block; vertical-align: top; }
.btn-more > a:before { display: block; width: 3.1rem; height: 5.3rem; margin: 0 auto; margin-bottom: 2.5rem; content: ""; background: url(/user/images/common/ico_down.png) no-repeat center; }
.btn-more .more { font-size: 2.4rem; font-weight: bold; display: inline-block; margin-bottom: 1.5rem; color: #222; }
.btn-more .desc { font-size: 1.8rem; color: #666; }

/* 리스트 */
.list-ds1 dt { font-size: 4rem; font-weight: bold; margin-bottom: 2.5rem; }
.list-ds1 dd { font-size: 1.8rem; line-height: 1.7; }
.list-ds2 dt { font-size: 3rem; font-weight: 600; margin-bottom: 1.5rem; color: #222; }
.list-ds2 dd { font-size: 1.8rem; line-height: 1.7; color: #222; }
.list-ds3 dt { font-size: 2rem; font-weight: 600; margin-bottom: 1.5rem; color: #222; }
.list-ds3 dd { font-size: 1.7rem; line-height: 1.7; color: #444; }
.list-ds4 dt { font-size: 1.7rem; font-weight: bold; color: #222; }
.list-ds4 dd { font-size: 1.7rem; line-height: 1.7; color: #444; }

.cm_guie_text dt { margin-bottom: 10px; font-size: 1.7rem; font-weight: 500; }
.cm_guie_text dd { display: flex; margin-bottom: 5px; font-size: 1.5rem; line-height: 1.4; }
.cm_guie_text dd:last-child { margin-bottom: 0; }
.cm_guie_text dd:before { content: '-'; margin-right: 5px; }

/* 게시판 */
.cont.notice { padding: 3rem; }
.cont.notice .btn_wrap { text-align: right; }
.cont.notice .btn_wrap .btn + .btn { margin-left: 0.8rem; }

/* 게시판 검색 */
.search_wrap { overflow: hidden; padding-bottom: 3rem; }
.search_wrap .search_box { float: right; }
.search_wrap .search_box select { display: inline-block; height: 4rem; padding: 0 1rem; vertical-align: middle; border: 1px solid #e0e0e0; }
.search_wrap .search_box input[type="search"] { display: inline-block; height: 4rem; padding: 0 1rem; vertical-align: middle; border: 1px solid #e0e0e0; }
.search_wrap .search_box select + input[type="search"] { margin-left: 0.6rem; }

/* 커서 */
.c-cursor { position: absolute; z-index: 2; overflow: hidden; width: 0; height: 0; transition: opacity 0.3s ease, width 0.3s ease, height 0.3s ease; transform: translate(-50%, -50%); opacity: 0; border-radius: 100%; background: #ffce26; }
.c-cursor:after,
.c-cursor:before { position: absolute; display: block; content: ""; }
.c-cursor:after { top: 50%; left: 50%; width: 2rem; height: 2px; margin: -1px 0 0 -1rem; background: #fff; }
.c-cursor:before { top: 50%; left: 50%; width: 2px; height: 2rem; margin: -1rem 0 0 -1px; background: #fff; }

/* 코멘트 */
.comment-area .radio-list { margin-bottom: 1.2rem; }
.comment-area .cm_chk { margin-right: 0.9rem; }
.comment-area .textarea-area { position: relative; }
.comment-area .textarea-area .textarea { font-size: 1.6rem; display: block; width: calc(100% - 13rem); height: 10rem; padding: 1.5rem 2rem; resize: none; border: 0; border: 1px solid #f0f0f0; }
.comment-area .textarea-area .btn-submit { font-size: 1.6rem; position: absolute; top: 0; right: 0; display: block; width: 13rem; height: 10rem; cursor: pointer; text-align: center; color: #fff; border: 0; background: #0067e7; }
.comment-area .comment-list { padding-top: 3rem; }
.comment-area .comment-list > li { display: table; width: 100%; padding: 1.6rem 0; border-top: 1px solid #ddd; }
.comment-area .comment-list > li:last-child { border-bottom: 1px solid #ddd; }
.comment-area .comment-list .cate-area { position: relative; display: table-cell; width: 14%; padding: 0 1rem; text-align: center; vertical-align: top; }
.comment-area .comment-list .cate { font-size: 1.5rem; display: inline-block; width: 100%; padding: 0.5rem 1rem; color: #fff; border-radius: 10rem; }
.comment-area .comment-list .cateA { background-color: #00a6e4; }
.comment-area .comment-list .cateB { background-color: #f88600; }
.comment-area .comment-list .cateC { background-color: #01a863; }
.comment-area .comment-list .cateD { background-color: #999; }
.comment-area .comment-list .cateNotice { font-size: 1.6rem; font-weight: 500; padding: 0.5rem 0; color: #222; }
.comment-area .comment-list > li.notice { padding: 1.6rem 2rem; background-color: #f7f7f7; }
.comment-area .comment-list > li.notice .cate-area { display: inline-block; width: auto; padding-left: 3.4rem; vertical-align: middle; background: url(/user/images/common/ico_notice.png) no-repeat left center; }
.comment-area .comment-list > li.notice .c-content-wrap { display: inline-block; max-width: 50rem; padding: 0; padding-left: 1rem; vertical-align: middle; }
.comment-area .comment-list > li.notice .c-content { display: block; }
.comment-area .comment-list > li.notice .c-content > a { display: block; overflow: hidden; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.comment-area .comment-list .c-content-wrap { position: relative; display: table-cell; padding: 0 10rem 0 0.5rem; vertical-align: top; }
.comment-area .comment-list .c-content { font-size: 1.6rem; line-height: 1.7; display: inline; vertical-align: middle; word-break: break-all; color: #444; }
.comment-area .comment-list .name { font-size: 1.5rem; font-weight: 500; display: inline-block; margin-left: 0.5rem; padding-left: 2.4rem; vertical-align: middle; color: #444; background: url(/user/images/common/ico_person.png) no-repeat left center; background-size: auto 1.8rem; }
.comment-area .comment-list .util { position: absolute; right: 2rem; bottom: -0.6rem; }
.comment-area .comment-list .util .btn-modify { display: inline-block; width: 2.5rem; height: 2.5rem; border-radius: 0.3rem; background: #0067e7 url(/user/images/common/ico_modify.png) no-repeat center; background-size: 1.4rem auto; }
.comment-area .comment-list .util .btn-del { display: inline-block; width: 2.5rem; height: 2.5rem; margin-left: 0.3rem; border-radius: 0.3rem; background: #555 url(/user/images/common/ico_del.png) no-repeat center; background-size: 1.4rem auto; }
.comment-area2 .comment-write .com_box { overflow: hidden; }
.comment-area2 .comment-write .textarea { font-size: 1.6rem; display: block; width: calc(100% - 10rem); height: 10rem; padding: 1.5rem 2rem; resize: none; border: 0; border: 1px solid #f0f0f0; }
.comment-area2 .comment-write .textarea-area .btn-submit { font-size: 1.6rem; line-height: 10rem; position: absolute; top: 0; right: 0; display: block; width: 10rem; height: 10rem; cursor: pointer; text-align: center; color: #fff; border: 0; background: #0067e7; }
.comment-area2 .comment-list { margin-top: 2rem; }

/* 페이징 */
.paging { text-align: center; }
.paging .num_list { display: inline-block; margin: 0 0.5rem; vertical-align: middle; }
.paging a { font-size: 1.5rem; line-height: 3.6rem; display: inline-block; min-width: 3.8rem; height: 3.8rem; margin: 0 0.2rem; vertical-align: middle; color: #666; border: 1px solid #ddd; background: #fff; }
.paging a.btn_prev_db,
.paging a.btn_prev,
.paging a.btn_next,
.paging a.btn_next_db { width: 3.8rem; min-width: auto; }
.paging a.btn_prev_db { background: url(/user/images/common/ico_prev_db.png) no-repeat center; }
.paging a.btn_prev { background: url(/user/images/common/ico_prev.png) no-repeat center; }
.paging a.btn_next { background: url(/user/images/common/ico_next_db.png) no-repeat center; }
.paging a.btn_next_db { background: url(/user/images/common/ico_next.png) no-repeat center; }
.paging a.active { color: #fff; border: 1px solid #6d6d6d; background: #6d6d6d; }

/* 테이블 */
.table-basic-list { border-top: 2px solid #222; }
.table-basic-list table { table-layout: fixed; }
.table-basic-list tr { border-bottom: 1px solid #ddd; }
.table-basic-list th { font-size: 1.6rem; font-weight: 500; padding: 1.5rem 2rem; text-align: center; vertical-align: middle; color: #222; background: #f5f5f5; }
.table-basic-list td { font-size: 1.6rem; padding: 1.5rem 2rem; text-align: center; vertical-align: middle; color: #666; background-color: #fff; }
.table-basic-list .subject { text-align: left; }
.table-basic-view { border-top: 2px solid #222; border-bottom: 1px solid #ddd; }
.table-basic-view table { table-layout: fixed; }
.table-basic-view th { font-size: 1.6rem; font-weight: 500; padding: 2.5rem; text-align: left; color: #222; border-bottom: 1px solid #ddd; }
.table-basic-view td { padding: 2rem; background-color: #fff; }
.table-basic-view .content { height: 20rem; }

/* footer */
#footer { padding: 3.5rem 0; background: #333; }
#footer .copy { font-size: 1.6rem; text-align: center; color: #999; }

/* 아이프레임 qna 반응형 */
.webinar-board2.responsive1 { padding: 2rem; }
.webinar-board2.responsive1 .board-title { font-size: 1.6rem; }
.webinar-board2.responsive1 .board-title .sub-title { font-size: 1.3rem; margin-left: 1rem; }
.webinar-board2.responsive1 input[type="text"],
.webinar-board2.responsive1 input[type="email"],
.webinar-board2.responsive1 input[type="submit"],
.webinar-board2.responsive1 input[type="search"],
.webinar-board2.responsive1 textarea,
.webinar-board2.responsive1 select { font-size: 1.5rem; }
.webinar-board2.responsive1 .cm_chk input[type="radio"] + span { font-size: 1.3rem; min-height: 3rem; padding-left: 3rem; }
.webinar-board2.responsive1 .cm_chk input[type="radio"] + span:before { top: 0.4rem; }
.webinar-board2.responsive1 .comment-area .cm_chk { margin-right: 0.7rem; }
.webinar-board2.responsive1 .comment-area .textarea-area .textarea { font-size: 1.3rem; width: calc(100% - 7.2rem); height: 7.2rem; padding: 1.5rem 1.4rem; }
.webinar-board2.responsive1 .comment-area .textarea-area .btn-submit { font-size: 1.3rem; width: 7.2rem; height: 7.2rem; }
.webinar-board2.responsive1 .comment-area .comment-list { padding-top: 2rem; }
.webinar-board2.responsive1 .comment-area .comment-list > li { padding: 1.2rem 0; }
.webinar-board2.responsive1 .comment-area .comment-list .cate-area { width: 25%; padding: 0 0.8rem; }
.webinar-board2.responsive1 .comment-area .comment-list .cate { font-size: 1.3rem; }
.webinar-board2.responsive1 .comment-area .comment-list .c-content-wrap { padding: 0 8rem 0 1.1rem; }
.webinar-board2.responsive1 .comment-area .comment-list .c-content { font-size: 1.4rem; }
.webinar-board2.responsive1 .comment-area .comment-list .name { font-size: 1.3rem; background-size: auto 1.6rem; }
.webinar-board2.responsive1 .comment-area .comment-list .util { right: 1rem; }
.webinar-board2.responsive1 .paging a { font-size: 1.3rem; line-height: 2.6rem; min-width: 2.8rem; height: 2.8rem; }
.webinar-board2.responsive1 .webinar-board .comment-area { margin-top: 2rem; }
.webinar-board2.responsive1 .webinar-board .comment-area .paging { margin-top: 2rem; }

/* 설문조사 */
#pop_survey { padding-bottom: 4.7rem; }
#pop_survey .survey-title { font-size: 2.2rem; font-weight: bold; padding: 3.6rem 3rem; color: #fff; background: #0067e7; }
#pop_survey .survey-title span { display: inline-block; min-height: 2.6rem; padding-right: 4.5rem; vertical-align: top; background: url(/user/images/common/ico_survey.png) no-repeat right center; }
#pop_survey .survey-list { counter-reset: item; }
#pop_survey .survey-list > li { padding: 3rem; border-bottom: 1px solid #ddd; }
#pop_survey .survey-list > li:last-child { border-bottom: 0; }
#pop_survey .survey-list .survey-stitle { font-size: 1.7rem; font-weight: 500; margin-bottom: 1.5rem; color: #333; }
#pop_survey .survey-list .survey-stitle:before { content: counter(item)". "; counter-increment: item; }
#pop_survey .survey-list .radio-list .cm_chk + .cm_chk { margin-left: 0; }
#pop_survey .survey-list .chk-list .cm_chk + .cm_chk { margin-left: 0; }
#pop_survey .survey-list .c-text { display: block; }
#pop_survey .survey-list .c-text span + input[type="text"] { width: calc(100% - 14rem); height: 4rem; padding: 0 1rem; border: 1px solid #ddd; background: #fff; }
#pop_survey .survey-list input[type="text"] { width: 100%; height: 4rem; padding: 0 1rem; resize: none; border: 1px solid #ddd; background: #fff; }
#pop_survey .survey-list textarea { width: 100%; height: 8rem; margin-top: 0.7rem; padding: 0.5rem 1rem; resize: none; border: 1px solid #ddd; background: #fff; }
#pop_survey .btn-area { text-align: center; }
#pop_survey .btn-area .btn-submit { font-size: 2rem; font-weight: 500; line-height: 7rem; min-width: 22rem; height: 7rem; padding: 0 1rem; cursor: pointer; text-align: center; text-align: center; color: #fff; border: 0; background: #0067e7; }

/* 발표자료 다운로드 */
#pop_data { padding-bottom: 4.7rem; }
#pop_data .data-title { font-size: 2.2rem; font-weight: bold; padding: 3.6rem 3rem; color: #fff; background: #0067e7; }
#pop_data .data-title span { display: inline-block; min-height: 2.6rem; padding-right: 4.5rem; vertical-align: top; background: url(/user/images/common/ico_down.png) no-repeat right center; }
#pop_data .data-desc-list > li { overflow: hidden; margin-bottom: 1rem; padding: 3rem; padding-bottom: 4rem; text-align: center; background: #f0f0f0; }
#pop_data .data-desc-list > li:last-child { margin-bottom: 0; }
#pop_data .data-desc { font-size: 1.7rem; font-weight: 500; line-height: 1.4; text-align: left; color: #333; }
#pop_data .btn-download { font-size: 1.8rem; font-weight: 500; display: inline-block; min-width: 23rem; margin-top: 2.7rem; padding: 1.9rem 2.9rem; cursor: pointer; text-align: left; vertical-align: top; color: #fff; border: 0; border-radius: 0.5rem; background: #0067e7 url(/user/images/common/ico_down.png) no-repeat right 2.9rem center; }
#pop_data .data-share { padding: 3rem; }
#pop_data .data-share .share-title { font-size: 1.7rem; font-weight: 500; margin-bottom: 1.8rem; color: #333; }
#pop_data .data-share .share-list > li { font-size: 0; margin-bottom: 0.8rem; }
#pop_data .data-share input[type="text"],
#pop_data .data-share input[type="email"] { font-size: 1.6rem; display: inline-block; height: 4rem; padding: 0 0.9rem; vertical-align: top; border: 1px solid #e0e0e0; }
#pop_data .data-share input[type="text"] { width: calc(30% - 3rem); margin-right: 1rem; }
#pop_data .data-share input[type="text"]::placeholder { color: #999; }
#pop_data .data-share input[type="text"]:-ms-input-placeholder { color: #999; }
#pop_data .data-share input[type="email"] { width: calc(70% - 3rem); margin-right: 1rem; }
#pop_data .data-share input[type="email"]::placeholder { color: #999; }
#pop_data .data-share input[type="email"]:-ms-input-placeholder { color: #999; }
#pop_data .data-share .add-form { display: inline-block; width: 4rem; height: 4rem; padding: 0; cursor: pointer; vertical-align: top; border: 0; border-radius: 0.5rem; background: #aaa url(/user/images/common/ico_add.png) no-repeat center; }
#pop_data .data-share .del-form { display: inline-block; width: 4rem; height: 4rem; padding: 0; cursor: pointer; vertical-align: top; border: 0; border-radius: 0.5rem; background: #aaa url(/user/images/common/ico_del2.png) no-repeat center; }
#pop_data .btn-area { text-align: center; }
#pop_data .btn-area .btn-submit { font-size: 1.8rem; font-weight: 500; display: inline-block; min-width: 23rem; padding: 1.9rem 2.9rem; cursor: pointer; text-align: left; vertical-align: top; color: #fff; border: 0; border-radius: 0.5rem; background: #fd8204 url(/user/images/common/ico_share.png) no-repeat right 2.9rem center; }
#videoControls { font-size: 0; position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; height: 3.5rem; background: rgba(0, 0, 0, 0.8); }
#videoControls .btn_pause { font-size: 0; display: inline-block; width: 3.5rem; height: 3.5rem; padding: 0; cursor: pointer; vertical-align: top; border: 0; background: #333 url(/user/images/common/ico_pause.png) no-repeat center; }
#videoControls .btn_play { font-size: 0; display: inline-block; width: 3.5rem; height: 3.5rem; padding: 0; cursor: pointer; vertical-align: top; border: 0; background: #773cbe url(/user/images/common/ico_play2.png) no-repeat center; }
#videoControls .time-area { line-height: 3.5rem; position: relative; display: inline-block; width: calc(100% - 13rem); margin-right: 3rem; margin-left: 3rem; vertical-align: top; }
#videoControls .time-area > * { display: inline-block; vertical-align: middle; }
#videoControls .currentTime { font-size: 1.4rem; padding-right: 1rem; vertical-align: top; color: #fff; }
#videoControls .totalTime { font-size: 1.4rem; padding-left: 1rem; vertical-align: top; color: #fff; }
#videoControls .progress { width: calc(100% - 10rem); height: 1rem; background: #000; }
#videoControls .progress .bar { height: inherit; background: #773cbe; }
#videoControls .btn_fullScreen { font-size: 0; position: absolute; right: 0.5rem; bottom: 0; width: 3.5rem; height: 3.5rem; padding: 0; cursor: pointer; border: 0; background: url(/user/images/common/ico_fullscreen.png) no-repeat center; }

/* 파트너쉽 */
.partnership { margin-top: 3.5rem; margin-bottom: 9rem; }
.partnership .partnership-list { font-size: 0; }
.partnership .partnership-list:after { display: block; clear: both; content: ""; }
.partnership .partnership-list > li { display: table; float: left; width: 25%; height: 14rem; margin-bottom: 2rem; padding: 0 1rem; }
.partnership .partnership-list > li .item { display: table-cell; text-align: center; vertical-align: middle; border: 1px solid #ddd; }
.partnership .partnership-list > li img { max-height: 13rem; }
.color_red { vertical-align: middle; color: red !important; }

/* 라이브 매니저 */
.live_manager { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-wrap: wrap; }
.live_manager_view,
.live_manager_list { line-height: 1.5; overflow: auto; width: 50%; max-height: 100%; padding: 3rem; }
.live_manager_view { border-right: 1px solid #ccc; }
.live_contents_view,
.live_contents_list { text-align: justify; word-break: break-all; }
.live_contents_list { margin: -1.5rem 0; }
.live_contents_list > li { font-size: 2.2rem; line-height: 1.7; padding: 1.5rem 0; border-bottom: 1px solid #ccc; }
.live_contents_list > li dl { display: flex; width: 100%; }
.live_contents_list > li dt { flex-shrink: 0; }
.live_article_wrap { font-size: 3.5rem; line-height: 1.5; position: fixed; top: 5rem; right: 5rem; bottom: 5rem; left: 5rem; display: flex; overflow: auto; word-break: break-all; justify-content: center; align-items: center; }
.live_article { width: 70%; max-height: 100%; text-align: justify; }

/*설문결과*/
.index_survey_result { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #d3ddff; }
.survey_result_btns { position: fixed; right: 20px; top: 15px; }
.survey_result_btns .btn { font-size: 13px; line-height: 28px; min-width: auto; height: 30px; padding: 0 10px; cursor: pointer; text-align: center; color: #666; border: 1px solid #aaa; background: #fff; border-radius:0; }
.survey_result_btns .btn1 { background-color: #0067e7; color: #fff; border-color: transparent; }
.survey_result_btns .btn2,
.survey_result_btns .btn3 { background-repeat: no-repeat; background-position: center; width: 30px; white-space:nowrap; overflow: hidden; text-indent: 100%; padding: 0; }
.survey_result_btns .btn2 { background-image: url(/user/images/common/ico_prev.png); }
.survey_result_btns .btn3 { background-image: url(/user/images/common/ico_next.png); }
.survey_result_table {display: table;table-layout: fixed;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.survey_result_table_cell { display: table-cell; text-align: center; vertical-align: middle; }
.survey_result_box {border-top: 2px solid #000;background: #fff;text-align: left;width: 90%;max-width: 1024px;margin: 0 auto;}
.survey_result_box .tit_head { padding: 20px 25px; border-bottom: 1px solid #ddd; }
.survey_result_box .tit_head p { font-size: 22px; font-weight: 400; position: relative; padding-left: 50px; color: #333; }
.survey_result_box .tit_head p:before { font-size: 18px; font-weight: 700; position: absolute; top: -2px; left: 0; width: 35px; height: 35px; line-height: 35px; content: "Q"; text-align: center; color: #fff; border-radius: 100%; background: #0067e7; }
.survey_result_box .result_con { overflow-y: auto; max-height: 80vh; padding: 20px 25px; }
.survey_result_box .result_non { overflow-y: auto; max-height: 80vh; padding: 20% 25px; font-size:xx-large; text-align: center;}
.single-progressbar { width: calc(100% - 80px); }
.progressbar { position: relative; width: 100%; height: 15px; margin-top: 5px; margin-bottom: 15px; background-color: #fff; }
.proggress { position: relative; display: inline-block; width: 10px; height: 15px; background-color: #0067e7; }
.percentCount { font-size: 20px; position: absolute; top: 50%; right: -70px; transform: translateY(-50%); color: #0067e7; }
.single-progressbar .percent { color: #0067e7; }
.single-progressbar .count { color: #0067e7; }
.single-progressbar .title { font-size: 22px; font-weight: 400; color: #222; }
.single-progressbar .title > span { font-weight: normal; display: inline-block; margin-left: 7px; }

/* 공통 - 1. 가이드 텍스트 */
.cm_guide { font-size: 1.8rem; color: #444; }
.cm_guide span { display: block; padding-left: 2.6rem; background: url(/user/images/common/icon_point.png) no-repeat left top 0.45rem; background-size: 1.8rem; }

/* 공통 - 2. 버튼 */
.cm_btn { font-size: 2rem; font-weight: 500; display: inline-flex; width: 100%; height: 4.5rem; padding: 0 1rem; color: #fff; border: 0; border-radius: 0.5rem; align-items: center; justify-content: center; }
.cm_btn.cm_btn_color1 { background-color: #606060; }
.cm_btn.cm_btn_color2 { background-color: #0067e7; }

/* 공통 - 3. 폼 */
.cm_form { font-size: 1.6rem; font-weight: 400; display: block; width: 100%; height: 4.5rem; padding: 0 2rem; border: 1px solid #e1e1e1; background-color: #fff; }
.cm_form.type2 { height: 6rem; }

/* 공통 - 4. 팝업 */
.modal_new { position: fixed; z-index: 2030; top: 0; right: 0; bottom: 0; left: 0; display: table; visibility: hidden; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.3); }
.modal_new .modal_n_wrap { display: table-cell; vertical-align: middle; }
.modal_new .modal_n_body { width: 100%; max-width: 50rem; margin: auto; padding: 0 1.5rem; }
.modal_new .modal_n_header { position: relative; z-index: 2; top: 0; left: 0; width: 100%; background: #0067e7; }
.modal_new .modal_n_header .pop-title { font-size: 2rem; font-weight: bold; display: block; margin: 0; padding: 1.5rem; color: #fff; }
.modal_new .modal_n_cont { position: relative; overflow-y: auto; max-height: 75vh; padding: 3rem; background: #fff; }
.modal_new .modal_n_footer { position: relative; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; border-top: 1px solid #ddd; background: #f0f0f0; }
.modal_new .modal_n_footer .btn { font-size: 1.5rem; font-weight: bold; line-height: 5.5rem; display: inline-block; width: 100%; min-width: 9rem; height: 5.5rem; padding: 0 1rem; cursor: pointer; vertical-align: top; color: #333; border: 0; background: #fff; }
.modal-open { overflow: hidden; }
.modal_on { visibility: visible !important; opacity: 1 !important; }
.modal_new .message-type { line-height: 1.5; text-align: center; }
.modal_new .message-type b { font-weight: bold; }
.modal_new .modal_n_footer .btn-area { display: table; width: 100%; margin-top: -1px; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
.modal_new .modal_n_footer .btn-area .btn-cell { display: table-cell; border: 1px solid #ddd; }

/* 공통 - 5. 컬러 */
.cm_color1 { color: #0067e7 !important; }

/* 공통 - 6. 정렬 */
.cm_align { display: flex; margin: -0.5rem -1rem; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.cm_align .align_left,
.cm_align .align_right { padding: 0.5rem 1rem; flex: 0 0 auto; }

/* 공통 - 7. 테이블 */
.cm_table { border-top: 2px solid #222; }
.cm_table table { width: 100%; table-layout: fixed; }
.cm_table tr { border-bottom: 1px solid #ddd; }
.cm_table th { font-size: 1.6rem; font-weight: 500; padding: 2.4rem 2rem; color: #222; background: #f5f5f5; }
.cm_table td { font-size: 1.6rem; padding: 2.4rem 2rem; color: #666; background-color: #fff; }
.cm_table table table { border: 1px solid #ddd; }
.cm_table table table th { padding: 0.6rem 2rem; border: 1px solid #ddd; }
.cm_table table table td { padding: 0.9rem 2rem; border: 1px solid #ddd; background-color: #fff; }

/* 공통 - 8. 체크박스, 라디오 */
.cm_chk { position: relative; display: inline-flex; user-select: none; }
.cm_chk input[type="checkbox"],
.cm_chk input[type="radio"] { position: absolute; left: -9999px; }
.cm_chk input[type="checkbox"] + .chk_name,
.cm_chk input[type="radio"] + .chk_name { font-size: 1.7rem; font-weight: 500; display: inline-flex; padding: 0.5rem 1rem; padding-left: 3rem; cursor: pointer; color: #222; }
.cm_chk input[type="checkbox"] + .chk_name:before,
.cm_chk input[type="radio"] + .chk_name:before { position: absolute; top: 0.875rem; left: 0; display: block; width: 1.8rem; height: 1.8rem; content: ""; border: 1px solid #aaa; background-image: url(/user/images/common/ico_chk.png); background-repeat: no-repeat; background-position: center; background-size: 1.1rem auto; }
.cm_chk input[type="radio"] + .chk_name:before { border-radius: 100%; }
.cm_chk input[type="checkbox"]:checked + .chk_name:before,
.cm_chk input[type="radio"]:checked + .chk_name:before { border-color: transparent; background-color: #0067e7; background-image: url(/user/images/common/ico_chk_active.png); }
.cm_chk input[type="checkbox"][disabled] + .chk_name,
.cm_chk input[type="radio"][disabled] + .chk_name { cursor: auto; color: #aaa; }
.cm_chk input[type="checkbox"][disabled] + .chk_name:before,
.cm_chk input[type="radio"][disabled] + .chk_name:before { border-color: transparent; background-color: #eee; }

/* 공통 - 9. 스킨 */

/* theme_color_orange */
.theme_color_orange .webinar .pre_registration_btn,
.theme_color_orange .webinar .main .webinar-head,
.theme_color_orange .modal_new .modal_n_header,
.theme_color_orange #pop_data .data-title,
.theme_color_orange .list-wrap-survey .survey-list .btn-bottom .btn-area .btn-submit,
.theme_color_orange .comment-area .textarea-area .btn-submit,
.theme_color_orange #pop_survey .survey-title,
.theme_color_orange #pop_survey .btn-area .btn-submit,
.theme_color_orange .comment-area2 .comment-write .textarea-area .btn-submit,
.theme_color_orange .cm_modal .modal_footer .btn-submit { background: #fd8103; }
.theme_color_orange .cm_chk input[type="checkbox"]:checked + .chk_name:before,
.theme_color_orange .cm_chk input[type="radio"]:checked + .chk_name:before,
.theme_color_orange .cm_btn.cm_btn_color2,
.theme_color_orange .webinar .login .play-list .program-info .live-time,
.theme_color_orange .webinar .main .webinar-content .live-list .program-info .live-time,
.theme_color_orange .webinar .main .webinar-content .live-chat .input-container .btn-submit,
.theme_color_orange .comment-area .comment-list .util .btn-modify,
.theme_color_orange #pop_data .btn-download,
.theme_color_orange .webinar .main .webinar-content .video-wrap .comp-title:before,
.theme_color_orange .webinar .main .webinar-content .video-wrap .comp-btn,
.theme_color_orange .proggress { background-color: #fd8103; }
.theme_color_orange .webinar .login .login-wrap .btn-register,
.theme_color_orange #header .logout { color: #fd8103; border-color: #fd8103; }
.theme_color_orange .webinar .main .webinar-content .live-list .program-info .cate,
.theme_color_orange .webinar .main .webinar-content .teacher-list .info .info-position,
.theme_color_orange .webinar .login .play-list .program-info .cate,
.theme_color_orange .single-progressbar .progressbar .proggress .percentCount,
.theme_color_orange .percentCount,
.theme_color_orange .single-progressbar .percent,
.theme_color_orange .single-progressbar .count { color: #fd8103; }
.theme_color_orange .btn.btn-s1,
.theme_color_orange .single-progressbar .progressbar .proggress { background: #fd8103; border-color: #fd8103; }

/* theme_color_green */
.theme_color_green .webinar .pre_registration_btn,
.theme_color_green .webinar .main .webinar-head,
.theme_color_green .modal_new .modal_n_header,
.theme_color_green #pop_data .data-title,
.theme_color_green .list-wrap-survey .survey-list .btn-bottom .btn-area .btn-submit,
.theme_color_green .comment-area .textarea-area .btn-submit,
.theme_color_green #pop_survey .survey-title,
.theme_color_green #pop_survey .btn-area .btn-submit,
.theme_color_green .comment-area2 .comment-write .textarea-area .btn-submit,
.theme_color_green .cm_modal .modal_footer .btn-submit { background: #74c400; }
.theme_color_green .cm_chk input[type="checkbox"]:checked + .chk_name:before,
.theme_color_green .cm_chk input[type="radio"]:checked + .chk_name:before,
.theme_color_green .cm_btn.cm_btn_color2,
.theme_color_green .webinar .login .play-list .program-info .live-time,
.theme_color_green .webinar .main .webinar-content .live-list .program-info .live-time,
.theme_color_green .webinar .main .webinar-content .live-chat .input-container .btn-submit,
.theme_color_green .comment-area .comment-list .util .btn-modify,
.theme_color_green #pop_data .btn-download,
.theme_color_green .webinar .main .webinar-content .video-wrap .comp-title:before,
.theme_color_green .webinar .main .webinar-content .video-wrap .comp-btn,
.theme_color_green .proggress { background-color: #74c400; }
.theme_color_green .webinar .login .login-wrap .btn-register,
.theme_color_green #header .logout { color: #74c400; border-color: #74c400; }
.theme_color_green .webinar .main .webinar-content .live-list .program-info .cate,
.theme_color_green .webinar .main .webinar-content .teacher-list .info .info-position,
.theme_color_green .webinar .login .play-list .program-info .cate,
.theme_color_green .single-progressbar .progressbar .proggress .percentCount,
.theme_color_green .percentCount,
.theme_color_green .single-progressbar .percent,
.theme_color_green .single-progressbar .count { color: #74c400; }
.theme_color_green .btn.btn-s1,
.theme_color_green .single-progressbar .progressbar .proggress { background: #74c400; border-color: #74c400; }

/* theme_color_gray */
.theme_color_gray .webinar .pre_registration_btn,
.theme_color_gray .webinar .main .webinar-head,
.theme_color_gray .modal_new .modal_n_header,
.theme_color_gray #pop_data .data-title,
.theme_color_gray .list-wrap-survey .survey-list .btn-bottom .btn-area .btn-submit,
.theme_color_gray .comment-area .textarea-area .btn-submit,
.theme_color_gray #pop_survey .survey-title,
.theme_color_gray #pop_survey .btn-area .btn-submit,
.theme_color_gray .comment-area2 .comment-write .textarea-area .btn-submit,
.theme_color_gray .cm_modal .modal_footer .btn-submit { background: #464646; }
.theme_color_gray .cm_chk input[type="checkbox"]:checked + .chk_name:before,
.theme_color_gray .cm_chk input[type="radio"]:checked + .chk_name:before,
.theme_color_gray .cm_btn.cm_btn_color2,
.theme_color_gray .webinar .login .play-list .program-info .live-time,
.theme_color_gray .webinar .main .webinar-content .live-list .program-info .live-time,
.theme_color_gray .webinar .main .webinar-content .live-chat .input-container .btn-submit,
.theme_color_gray .comment-area .comment-list .util .btn-modify,
.theme_color_gray #pop_data .btn-download,
.theme_color_gray .webinar .main .webinar-content .video-wrap .comp-title:before,
.theme_color_gray .webinar .main .webinar-content .video-wrap .comp-btn,
.theme_color_gray .proggress { background-color: #464646; }
.theme_color_gray .webinar .login .login-wrap .btn-register,
.theme_color_gray #header .logout { color: #464646; border-color: #464646; }
.theme_color_gray .webinar .main .webinar-content .live-list .program-info .cate,
.theme_color_gray .webinar .main .webinar-content .teacher-list .info .info-position,
.theme_color_gray .webinar .login .play-list .program-info .cate,
.theme_color_gray .single-progressbar .progressbar .proggress .percentCount,
.theme_color_gray .percentCount,
.theme_color_gray .single-progressbar .percent,
.theme_color_gray .single-progressbar .count { color: #464646; }
.theme_color_gray .btn.btn-s1,
.theme_color_gray .single-progressbar .progressbar .proggress { background: #464646; border-color: #464646; }

/* 공통 - 10. 노데이터 */
.cm_nodata01 { font-size: 1.8rem; font-weight: bold; line-height: 1.5; margin: 2rem 0; padding: 3.5rem 5rem; text-align: center; color: #222; border-radius: 2rem; background-color: #fff; }
.cm_nodata01:before { display: block; width: 4.5rem; height: 4.5rem; margin: 0 auto; margin-bottom: 1.5rem; content: ""; border-radius: 100%; background: url(/user/images/common/no_data2.png) no-repeat center; background-color: #111; }

/* header */
#header { position: absolute; z-index: 2021; top: 0; right: 0; left: 0; width: 100%; height: 10rem; }
#header .inner { height: 10rem; }
#header .logo { position: absolute; top: 50%; left: 1.5rem; height: 4rem; margin-top: -2rem; }
#header .logo img { max-height: 100%; }
#header .logo a { display: block; }
#header .logout { font-size: 1.7rem; font-weight: 500; line-height: 4.3rem; position: absolute; top: 50%; right: 1.5rem; width: 11rem; height: 4.5rem; margin-top: -2.25rem; text-align: center; color: #0067e7; border: 1px solid #0067e7; border-radius: 0.3rem; }
#header .join_name { font-size: 1.3rem;font-weight: 500;position: absolute; top: 75%; right: 1.8rem;color: #666;}/*접속이름 표시 변경추가*/

/* 사전접수 진행중인 웨비나가 없을 때, 있을 때 */
.webinar .empty,
.webinar .pre_registration { display: flex; flex-direction: column; width: 100%; min-height: 100vh; background-image: url(/user/images/common/webinar_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; align-items: center; justify-content: center; padding: 10rem 0; }
.webinar .empty .empty_img,
.webinar .pre_registration_img { width: 100%; max-width: 110rem; text-align: center; }
.webinar .empty .empty_img img,
.webinar .pre_registration_img img { max-height: 62rem; }
.webinar .pre_registration .pre_registration_list { width: 110rem; }
.webinar .pre_registration .pre_registration_list > ul > li { margin-bottom: 2rem; }
.webinar .pre_registration .pre_registration_list > ul > li:last-child { margin-bottom: 0; }
.webinar .pre_registration .pre_registration_list .item { position: relative; display: block; padding: 3.5rem 5rem; border: 2px solid transparent; border-radius: 2rem; background-color: #fff; }
.webinar .pre_registration .pre_registration_list .item:before { position: absolute; top: 50%; right: 5rem; display: block; width: 4.5rem; height: 4.5rem; margin-top: -2.25rem; content: ""; content: ""; border-radius: 100%; background: url(/user/images/common/icon_arrow.png) no-repeat center; }
.webinar .pre_registration .pre_registration_list .item_title { font-size: 2.2rem; font-weight: bold; margin-bottom: 2rem; color: #222; }
.webinar .pre_registration .pre_registration_list .item_info { display: flex; margin: 0 -2rem; }
.webinar .pre_registration .pre_registration_list .item_info > dl { position: relative; display: flex; padding: 0 2rem; }
.webinar .pre_registration .pre_registration_list .item_info > dl:before { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 1.5rem; margin-top: -0.75rem; content: ""; background: #c9c9c9; }
.webinar .pre_registration .pre_registration_list .item_info > dl:last-child:before { display: none; }
.webinar .pre_registration .pre_registration_list .item_info > dl dt { margin-right: 2rem; padding-left: 3rem; background-repeat: no-repeat; background-position: left center; }
.webinar .pre_registration .pre_registration_list .item_info > dl dd { font-family: "Saira"; font-weight: bold; }
.webinar .pre_registration .pre_registration_list .item_info > dl.info1 dt { background-image: url(/user/images/common/icon_live.png); }
.webinar .pre_registration .pre_registration_list .item_info > dl.info2 dt { background-image: url(/user/images/common/icon_date.png); }
.webinar .pre_registration .pre_registration_list .item:hover { border-color: #111; }
.webinar .pre_registration .pre_registration_list .item:hover:before { background-color: #111; background-image: url(/user/images/common/icon_arrow2.png); }

/* 사전접수 진행중인 웨비나가 있을 때 */
.webinar .pre_registration_content { margin-top: 1.5rem; padding: 2rem 3rem; border-radius: 1rem; background: #fff; }
.webinar .pre_registration_form_wrap { display: flex; flex-wrap: wrap; align-items: center; }
.webinar .pre_registration_btn { font-size: 2.4rem; font-weight: bold; display: flex; width: 29.81%; height: 11rem; margin-right: 3rem; color: #fff; border-radius: 1rem; background: #0067e7; align-items: center; justify-content: center; flex: 0 0 auto; }
.webinar .pre_registration_btn span { display: block; padding: 1rem 0; padding-left: 4rem; background: url(/user/images/common/ico_survey.png) no-repeat left center; background-size: 2.6rem; }
.webinar .pre_registration_input_box { width: calc(70.19% - 3rem); }
.webinar .pre_registration_form { display: flex; margin-top: 1.5rem; flex-wrap: wrap; }
.webinar .pre_registration_form .pre_registration_form_list { display: flex; width: calc(100% - 13rem); }
.webinar .pre_registration_form .pre_registration_form_list > li { width: 50%; margin-right: 1rem; }
.webinar .pre_registration_form .pre_registration_form_list > li:last-child { margin-right: 0; }
.webinar .pre_registration_form .view_btn { width: 12rem; margin-left: 1rem; flex: 0 0 auto; }

/* 로그인 */
.webinar .login { display: flex; width: 100%; height: 100vh; min-height: 76rem; flex-wrap: wrap; }
.webinar .login .layout-item { display: flex; width: 50%; padding: 10rem 3rem; align-items: center; justify-content: center; }
.webinar .login .layout-item.layout-item2 { background-repeat: no-repeat; background-position: center top; background-size: cover; }
.webinar .login .login-center { width: 100%; max-width: 48rem; margin: 0 auto; }
.webinar .login .login-wrap { width: 100%; }
.webinar .login .login-wrap .subject { font-size: 2.8rem; font-weight: bold; line-height: 1.4; margin-bottom: 3rem; color: #222; }
.webinar .login .login-wrap .subject span{ font-size: 2rem; display:block;}
.webinar .login .login-wrap .date { font-size: 1.7rem; margin-bottom: 6rem; color: #666; }
.webinar .login .login-wrap .form-list > li { margin-bottom: 2rem; }
.webinar .login .login-wrap .form-list > li:last-child { margin-bottom: 0; }
.webinar .login .login-wrap .btn-submit { height: 7rem; margin-top: 3.5rem; }
.webinar .login .login-wrap .btn-register { font-size: 1.6rem; font-weight: 500; line-height: 3.8rem; display: block; width: 14rem; height: 4rem; text-align: center; color: #0067e7; border: 1px solid #0067e7; }
.webinar .login .play-list-wrap { width: 100%; }
.webinar .login .play-list-wrap .play-list-center { overflow: auto; width: 100%; max-width: 64rem; max-height: 79rem; margin: 0 auto; padding: 5.5rem; background: rgba(255, 255, 255, 0.9); border-radius: 2.5rem; }
.webinar .login .play-list-wrap .big-title { font-size: 2.8rem; font-weight: bold; display: block; margin-bottom: 2.5rem; color: #222; }
.webinar .login .play-list > li { position: relative; margin-bottom: 1.3rem; padding-top: 0.7rem; padding-right: 1rem; padding-bottom: 2rem; border-bottom: 1px solid #ccc; }
.webinar .login .play-list > li:last-child { margin-bottom: 3rem; padding-bottom: 0; border-bottom: 0; }
.webinar .login .play-list > li > a { display: block; overflow: hidden; }
.webinar .login .play-list .thumb { position: relative; float: left; overflow: hidden; width: 18rem; height: 10rem; }
.webinar .login .play-list .thumb .thumb_img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); }
.webinar .login .play-list > li.active .thumb:before { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(0, 0, 0, 0.5) url(/user/images/common/ico_play.png) no-repeat center; }
.webinar .login .play-list .info { float: left; width: calc(100% - 18rem); min-height: 10rem; padding: 0.7rem 1.5rem; }
.webinar .login .play-list .info .info-subject { font-size: 1.7rem; font-weight: 500; margin-bottom: 1.2rem; word-break: break-all; color: #333; }
.webinar .login .play-list .info .info-desc { font-size: 1.6rem; font-weight: 300; color: #666; }
.webinar .login .play-list .program-info { display: flex; align-items: baseline; }
.webinar .login .play-list .program-info .cate { font-size: 1.7rem; font-weight: bold; margin: 0 1rem; color: #0067e7; flex: 1 1 auto; }
.webinar .login .play-list .program-info .live-time { font-size: 1.5rem; font-weight: 500; line-height: 3rem; display: inline-block; min-width: 7rem; height: 3rem; padding: 0 1rem; text-align: center; color: #fff; border-radius: 0.3rem; background-color: #0067e7; flex: 0 0 auto; }
.webinar .login .play-list .program-info .live { font-size: 1.7rem; font-weight: 500; position: relative; padding-left: 2.2rem; color: #d30000; }
.webinar .login .play-list .program-info .live:before { position: absolute; top: 50%; left: 0; display: inline-block; width: 1.5rem; height: 1.5rem; margin-top: -0.75rem; margin-right: 0.5rem; content: ""; border-radius: 100%; background-color: #d30000; }
.webinar .login .play-list .program-info2 { margin-top: 1rem; }
.webinar .login .play-list .program-info2 .subject { font-size: 1.9rem; font-weight: bold; display: block; margin-bottom: 0.8rem; color: #222; }
.webinar .login .play-list .program-info2 .teacher-info { font-size: 1.6rem; color: #666; }
.webinar .login .play-list .program-info2 .teacher-info > * { display: inline-block; vertical-align: middle; }
.webinar .login .play-list .program-info2 .teacher-info dt { font-weight: 500; color: #444; }
.webinar .login .play-list .program-info2 .teacher-info dt:after { display: inline-block; width: 1px; height: 1.5rem; margin: 0 1rem; content: ""; vertical-align: middle; background: #ccc; }
.webinar .login .logo-item { padding-top: 2rem; }
.webinar .login .logo-item dl { display: inline-block; margin-right: 3rem; vertical-align: middle; }
.webinar .login .logo-item dl:last-child { margin-right: 0; }
.webinar .login .logo-item dl > * { display: inline-block; vertical-align: middle; }
.webinar .login .logo-item dl dt { margin-right: 1.5rem; }

/* 사전등록 */
.webinar .register { padding: 10rem 0; }
.webinar .register input[type="text"],
.webinar .register input[type="email"] { width: 100%; height: 4rem; padding: 0 1rem; border: 1px solid #ddd; background: #fff; }
.webinar .register .phone-form { font-size: 0; }
.webinar .register .phone-form input[type="text"] { width: calc(((100% - 4rem) / 3) - 0.01px); vertical-align: middle; font-size: 1.6rem; }
.webinar .register .phone-form .dash { font-size: 1.6rem; display: inline-block; width: 2rem; text-align: center; vertical-align: middle; }
.webinar .register .date-form { font-size: 0; margin-top: 1rem; }
.webinar .register .date-form .date { width: 14rem; margin-right: 1rem; padding-left: 4.5rem; vertical-align: top; background: url(/user/images/common/ico_date.png) no-repeat left 1rem center; }
.webinar .register .date-form .btn-date { font-size: 1.5rem; width: 11.5rem; height: 4rem; }
.webinar .register .register-title { font-size: 3.6rem; font-weight: bold; margin-top: 5rem; margin-bottom: 3.5rem; color: #222; }
.webinar .register .register-table { margin-bottom: 2.4rem; }
.webinar .register .notice-txt { font-size: 1.6rem; margin-bottom: 3rem; color: #666; }
.webinar .register .agree-area .all-area { margin-bottom: 2.1rem; padding-bottom: 2.3rem; border-bottom: 1px solid #ddd; }
.webinar .register .agree-area .agree-box + .agree-box { margin-top: 1.5rem; }
.webinar .register .agree-area .agree-box .item { overflow: auto; height: 15rem; margin-top: 1.2rem; padding: 1.9rem 3rem 2.5rem 3rem; background: #f5f5f5; }
.webinar .register .agree-area .agree-box .item .item-top-desc { font-size: 1.6rem; line-height: 1.7; margin-bottom: 1.5rem; color: #666; }
.webinar .register .agree-area .agree-box .item .item-top-desc:last-child { margin-bottom: 0; }
.webinar .register .agree-area .agree-box .item-list { overflow: hidden; }
.webinar .register .agree-area .agree-box .item-list > li { float: left; width: 33.3%; }
.webinar .register .agree-area .agree-box2 .item-list > li { width: 25%; }
.webinar .register .agree-area .agree-box .item-list .item-title { font-size: 1.6rem; font-weight: 500; margin-bottom: 1.3rem; color: #222; }
.webinar .register .agree-area .agree-box .item-list .item-desc { font-size: 1.6rem; line-height: 1.7; color: #666; }
.webinar .register .agree-area .btn-area { padding-top: 5rem; text-align: center; }
.webinar .register .agree-area .btn-area .btn-submit { line-height: 7rem; width: 22rem; height: 7rem; }

/* 메인 */
.webinar .main_wrap { padding: 10rem 0; }
.webinar .main .webinar-head { position: relative; padding: 2.4rem 2.5rem; background: #0067e7; }
.webinar .main .webinar-head .title { font-size: 2.2rem; font-weight: bold; padding-right: 33rem; padding-left: 4.5rem; color: #fff; background-image: url(/user/images/common/ico_subject.png); background-repeat: no-repeat; background-position: left top 0.4rem; background-size: 2.7rem; }


.webinar .main .webinar-head .btn-area { position: absolute; top: 50%; right: 2.5rem; transform: translateY(-50%); }
.webinar .main .webinar-head .btn-area > li { display: inline-block; vertical-align: middle; }
.webinar .main .webinar-head .btn-area > li:after { display: inline-block; width: 1px; height: 2.2rem; margin: 0 3rem; content: ""; vertical-align: middle; background: rgba(255, 255, 255, 0.3); }
.webinar .main .webinar-head .btn-area > li:last-child:after { display: none; }
.webinar .main .webinar-head .btn-survey { font-size: 1.7rem; font-weight: 500; display: inline-block; min-height: 2.2rem; padding-right: 3.5rem; color: #fff; background: url(/user/images/common/ico_survey.png) no-repeat right center; background-size: 2.6rem; }
.webinar .main .webinar-head .btn-download { font-size: 1.7rem; font-weight: 500; display: inline-block; min-height: 2.2rem; padding-right: 3.5rem; color: #fff; background: url(/user/images/common/ico_download.png) no-repeat right center; background-size: 2.3rem; }
.webinar .main .webinar-content { position: relative; overflow: hidden; width: 100%; height: 0; padding-top: 36%; }
.webinar .main .webinar-content .guide_txt { flex:0 0 auto; font-size: 1.7rem; font-weight: bold; line-height: 4.5rem; z-index: 1; width: 100%; height: 4.5rem; margin-bottom: 1.5rem; text-align: center; color: #fff; background: #292929; }
.webinar .main .webinar-content .left-area { position: absolute; top: 0; left: 0; width: 64%; height: 100%; background: #989898; }
.webinar .main .webinar-content .timeline { margin-top: 1.5rem; border-top: 2px solid #333; border-bottom: 1px solid #333; background-color: #fff; margin-right: 2rem; }
.webinar .main .webinar-content .timeline dl { border-bottom: 1px solid #ddd; }
.webinar .main .webinar-content .timeline dt { padding: 1rem 2rem 1rem 2rem; border-right: 1px solid #ccc; background-color: #f5f5f5; }
.webinar .main .webinar-content .timeline dd { padding: 1rem 1rem 1rem 2rem; }
.webinar .main .webinar-content .timeline.table-s1 th { font-size: 1.5rem; padding: 1rem 1.5rem; }
.webinar .main .webinar-content .timeline.table-s1 td { font-size: 1.5rem; padding: 1rem 1.5rem; }
.webinar .main .webinar-content .list-tab { flex:0 0 auto; display: flex; flex-wrap:wrap; margin: -0.3rem; margin-bottom: 1.5rem; }
.webinar .main .webinar-content .list-tab > li { padding: 0.3rem; }
.webinar .main .webinar-content .list-tab > li.on > a { background: #292929; }
.webinar .main .webinar-content .list-tab > li > a { font-size: 1.7rem; font-weight: 500; display: block; width: 100%; padding: 0.9rem 1rem; text-align: center; vertical-align: top; color: #fff; border-radius: 5rem; background: #aaa; }
.webinar .main .webinar-content .list-tab > li > a:hover,
.webinar .main .webinar-content .list-tab > li > a:active,
.webinar .main .webinar-content .list-tab > li > a:focus { background: #292929; }
.webinar .main .webinar-content .list-wrap { flex:1 1 auto; overflow: auto; }
.webinar .main .webinar-content .list-wrap .scrollbar-area { width: 100%; height: 100%; }
.webinar .main .webinar-content .play-list > li { position: relative; margin-bottom: 1.3rem; padding-top: 0.7rem; padding-right: 1rem; padding-bottom: 2rem; border-bottom: 1px solid #ccc; }
.webinar .main .webinar-content .play-list > li:last-child { margin-bottom: 3rem; padding-bottom: 0; border-bottom: 0; }
.webinar .main .webinar-content .play-list > li > a { display: block; overflow: hidden; }
.webinar .main .webinar-content .play-list .thumb { position: relative; float: left; overflow: hidden; width: 18rem; height: 10rem; }
.webinar .main .webinar-content .play-list .thumb .thumb_img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); }
.webinar .main .webinar-content .play-list > li.active .thumb:before { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(0, 0, 0, 0.5) url(/user/images/common/ico_play.png) no-repeat center; }
.webinar .main .webinar-content .play-list .info { float: left; width: calc(100% - 18rem); min-height: 10rem; padding: 0.7rem 1.5rem; }
.webinar .main .webinar-content .play-list .info .info-subject { font-size: 1.7rem; font-weight: 500; margin-bottom: 1.2rem; word-break: break-all; color: #333; }
.webinar .main .webinar-content .play-list .info .info-desc { font-size: 1.6rem; font-weight: 300; color: #666; }
.webinar .main .webinar-content .play-list .program-info > * { display: inline-block; }
.webinar .main .webinar-content .play-list .program-info .cate { font-size: 1.7rem; font-weight: bold; margin: 0 1rem; color: #6526b1; }
.webinar .main .webinar-content .play-list .program-info .live-time { font-size: 1.5rem; font-weight: 500; line-height: 3rem; display: inline-block; min-width: 7rem; height: 3rem; padding: 0 1rem; text-align: center; color: #fff; border-radius: 0.4rem; background-color: #773cbe; }
.webinar .main .webinar-content .play-list .program-info .live { font-size: 1.7rem; font-weight: 500; position: relative; padding-left: 2.2rem; color: #d30000; }
.webinar .main .webinar-content .play-list .program-info .live:before { position: absolute; top: 50%; left: 0; display: inline-block; width: 1.5rem; height: 1.5rem; margin-top: -0.75rem; margin-right: 0.5rem; content: ""; border-radius: 100%; background-color: #d30000; }
.webinar .main .webinar-content .play-list .program-info2 { margin-top: 1rem; }
.webinar .main .webinar-content .play-list .program-info2 .subject { font-size: 1.7rem; font-weight: 500; display: block; margin-bottom: 1rem; color: #222; }
.webinar .main .webinar-content .play-list .program-info2 .teacher-info { font-size: 1.6rem; color: #666; }
.webinar .main .webinar-content .play-list .program-info2 .teacher-info > * { display: inline-block; vertical-align: middle; }
.webinar .main .webinar-content .play-list .program-info2 .teacher-info dt { font-weight: 500; }
.webinar .main .webinar-content .play-list .program-info2 .teacher-info dt:after { display: inline-block; width: 1px; height: 1.5rem; margin: 0 1rem; content: ""; vertical-align: middle; background: #ccc; }
.webinar .main .webinar-content .play-list .btn-area { margin-top: 1rem; }
.webinar .main .webinar-content .live-list > li { position: relative; margin-bottom: 1.3rem; padding-top: 0.7rem; padding-right: 1rem; padding-bottom: 2rem; border-bottom: 1px solid #ccc; }
.webinar .main .webinar-content .live-list > li:last-child { margin-bottom: 3rem; padding-bottom: 0; border-bottom: 0; }
.webinar .main .webinar-content .live-list .live-desc { font-size: 1.6rem; font-weight: 300; line-height: 1.5; color: #666; }
.webinar .main .webinar-content .live-list .info-subject { font-size: 1.7rem; font-weight: 500; margin-bottom: 0.8rem; color: #333; }
.webinar .main .webinar-content .live-list .info-desc { font-size: 1.6rem; font-weight: 300; color: #666; }
.webinar .main .webinar-content .live-list .program-info { display: flex; }
.webinar .main .webinar-content .live-list .program-info > * { display: inline-block; }
.webinar .main .webinar-content .live-list .program-info .cate { font-size: 1.7rem; font-weight: bold; margin: 0 1rem; color: #0067e7; }
.webinar .main .webinar-content .live-list .program-info .live-time { flex: 0 0 auto; font-size: 1.5rem; font-weight: 500; line-height: 3rem; display: inline-block; min-width: 7rem; height: 3rem; padding: 0 1rem; text-align: center; color: #fff; border-radius: 0.4rem; background-color: #0067e7; }
.webinar .main .webinar-content .live-list .program-info .live { font-size: 1.7rem; font-weight: 500; position: relative; padding-left: 2.2rem; color: #d30000; }
.webinar .main .webinar-content .live-list .program-info .live:before { position: absolute; top: 50%; left: 0; display: inline-block; width: 1.5rem; height: 1.0rem; margin-top: -0.75rem; margin-right: 0.5rem; content: ""; border-radius: 100%; background-color: #d30000; }
.webinar .main .webinar-content .live-list .program-info2 { margin-top: 0.5rem; }
.webinar .main .webinar-content .live-list .program-info2 .subject { font-size: 1.7rem; font-weight: 500; display: block; margin-bottom: 0.5rem; color: #222; }
.webinar .main .webinar-content .live-list .program-info2 .teacher-info { font-size: 1.6rem; color: #666; }
.webinar .main .webinar-content .live-list .program-info2 .teacher-info > * { display: inline-block; vertical-align: middle; }
.webinar .main .webinar-content .live-list .program-info2 .teacher-info dt { font-weight: 500; }
.webinar .main .webinar-content .live-list .program-info2 .teacher-info dt:after { display: inline-block; width: 1px; height: 1.0rem; margin: 0 1rem; content: ""; vertical-align: middle; background: #ccc; }
.webinar .main .webinar-content .live-list .btn-area { margin-top: 1rem; }
.webinar .main .webinar-content .teacher-list > li { overflow: hidden; margin-bottom: 1.3rem; padding-right: 1rem; padding-bottom: 2rem; border-bottom: 1px solid #ccc; }
.webinar .main .webinar-content .teacher-list > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.webinar .main .webinar-content .teacher-list .thumb { position: relative; float: left; width: 12rem; height: 15rem; }
.webinar .main .webinar-content .teacher-list .thumb .thumb_img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); }
.webinar .main .webinar-content .teacher-list .info { float: left; width: calc(100% - 12rem); min-height: 15rem; padding-right: 1.5rem; padding-left: 1.5rem; }
.webinar .main .webinar-content .teacher-list .info .info-position { font-size: 1.6rem; font-weight: 500; display: inline-block; margin-bottom: 0.5rem; vertical-align: top; color: #0067e7; }
.webinar .main .webinar-content .teacher-list .info .info-subject { font-size: 1.7rem; font-weight: 500; margin-bottom: 0.7rem; word-break: break-all; color: #333; }
.webinar .main .webinar-content .teacher-list .info .info-desc { font-size: 1.6rem; font-weight: 300; line-height: 1.6; word-break: break-all; color: #666; }
.webinar .main .webinar-content .live-chat { border-top: 3px solid #525252; background-color: #fff; height: 100%; }
.webinar .main .webinar-content .live-chat .message-area { width: 100%; height: calc(100% - 5.2rem); }
.webinar .main .webinar-content .live-chat .message-table { display: table; width: 100%; height: 100%; }
.webinar .main .webinar-content .live-chat .message { display: table-cell; width: 100%; padding: 2rem 2rem 0 2rem; vertical-align: bottom; }
.webinar .main .webinar-content .live-chat .message .sent { margin-bottom: 1rem; padding-left: 4rem; background: url(/user/images/common/ico_message_sent.png) no-repeat left top; }
.webinar .main .webinar-content .live-chat .message .received { margin-bottom: 1rem; padding-right: 4rem; text-align: right; background: url(/user/images/common/ico_message_received.png) no-repeat right top; }
.webinar .main .webinar-content .live-chat .message .received .received-bubble { margin-left: auto; }
.webinar .main .webinar-content .live-chat .message .name { font-size: 1.5rem; font-weight: 500; padding-top: 0.6rem; color: #444; }
.webinar .main .webinar-content .live-chat .message p { position: relative; }
.webinar .main .webinar-content .live-chat .sent p:before { position: absolute; top: -1px; left: -1rem; width: 1rem; height: 1rem; content: ""; background: url(/user/images/common/sent_bg.png) no-repeat center; }
.webinar .main .webinar-content .live-chat .received p:before { position: absolute; top: -1px; right: -1rem; width: 1rem; height: 1rem; content: ""; background: url(/user/images/common/received_bg.png) no-repeat center; }
.webinar .main .webinar-content .live-chat .sent-bubble { border: 1px solid #ddd; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; background-color: #f7f7f7; }
.webinar .main .webinar-content .live-chat .received-bubble { border: 1px solid #bfcfe5; border-top-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; background-color: #e2ebf8; }
.webinar .main .webinar-content .live-chat .sent-bubble,
.webinar .main .webinar-content .live-chat .received-bubble { font-size: 1.5rem; display: inline-block; max-width: 70%; margin-top: 0.8rem; padding: 1rem 1.5rem; text-align: left; color: #444; }
.webinar .main .webinar-content .live-chat .input-container { position: relative; width: 100%; height: 5.2rem; padding: 0 3rem; padding-right: 6rem; border-top: 1px solid #ddd; }
.webinar .main .webinar-content .live-chat .input-container input[type="text"] { width: 100%; height: 5.1rem; border: none; outline: none; }
.webinar .main .webinar-content .live-chat .input-container .btn-submit { position: absolute; top: 0; right: 0; display: block; overflow: hidden; width: 5.1rem; height: 5.1rem; cursor: pointer; white-space: nowrap; text-indent: 100%; background: #0067e7 url(/user/images/common/ico_submit.png) no-repeat center; background-size: 2.8rem; }
.webinar .main .webinar-content .right-area { display: flex; flex-direction: column; position: absolute; top: 0; right: 0; width: 36%; height: 100%; padding: 2.5rem; background: #f0f0f0; }
.webinar .main .webinar-content .video-wrap { position: relative; width: 100%; height: 100%; }
.webinar .main .webinar-content .video-wrap img { width: 100%; }
.webinar .main .webinar-content .video-wrap .video { display: block; width: 100%; min-width: auto; max-width: none; height: 100%; min-height: auto; max-height: none; }
.webinar .main .webinar-content .video-wrap .btn-play { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 7rem; height: 7rem; margin: auto; background-image: url(/user/images/common/ico_play.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.webinar .main .webinar-content .video-wrap .comp_pop { position: absolute; z-index: 20; top: 50%; left: calc(50% - 30%); width: 60%; padding: 5rem 3.5rem 4rem 3.5rem; transform: translateY(-50%); text-align: center; border-radius: 1rem; background: #fff; box-shadow: 0 1rem 2rem rgba(51, 51, 51, 0.19), 0 0.6rem 0.6rem rgba(51, 51, 51, 0.23); }
.webinar .main .webinar-content .video-wrap .comp-title { position: relative; font-size: 2.2rem; font-weight: bold; display: block; padding-top: 6.7rem; padding-bottom: 1.8rem; }
.webinar .main .webinar-content .video-wrap .comp-title:before { content: ""; width: 4.8rem; height: 4.8rem; background: url(/user/images/common/ico_comp2.png) no-repeat center; background-color: #0067e7; display: block; border-radius: 100%; top: 0; position: absolute; left: 50%; margin-left: -2.4rem; background-size: 2.8rem; }
.webinar .main .webinar-content .video-wrap .comp-desc { font-size: 1.6rem; line-height: 1.4; color: #666; }
.webinar .main .webinar-content .video-wrap .comp-desc .timer { font-weight: bold; color: red; }
.webinar .main .webinar-content .video-wrap .comp-btn { font-size: 2rem; font-weight: 500; line-height: 5rem; display: block; height: 5rem; margin-top: 2.5rem; color: #fff; background-color: #0067e7; }
.webinar .channel_tab { text-align: center; margin-top: 2rem; }
.webinar .main .webinar-board-wrap { display: flex; overflow: hidden; flex-wrap: wrap; }
.webinar .main .webinar-board-wrap .left-area { position: relative; overflow: hidden; width: 38%; flex: 1 1 auto; }
.webinar .main .webinar-board-wrap .left-area .board-title { padding-bottom: 1.5rem; border-bottom: 3px solid #525252; }
.webinar .main .webinar-board-wrap .right-area { width: 62%; background-color: #fff; flex: 1 1 auto; }
.webinar .main .webinar-board-wrap .right-area iframe { width: 100% !important; }
.webinar .main .webinar-board .board-title { font-size: 2.2rem; font-weight: bold; color: #333; }
.webinar .main .webinar-board .board-title .sub-title { font-size: 1.5rem; font-weight: 400; margin-left: 1.2rem; color: #666; }
.webinar .main .webinar-board .board-title .sub-title2 { font-size: 1.5rem; font-weight: 600; margin-left: 6.2rem; color: blue; }
.webinar .main .webinar-board .notice-board-area { position: relative; padding: 2rem; }
.webinar .main .webinar-board .notice-board { padding-top: 2.8rem; }
.webinar .main .webinar-board .notice-board > li { font-size: 1.6rem; line-height: 3rem; position: relative; overflow: hidden; margin-bottom: 1rem; padding-left: 2.2rem; white-space: nowrap; text-overflow: ellipsis; }
.webinar .main .webinar-board .notice-board > li:before { position: absolute; top: 1.3rem; left: 0.8rem; display: block; width: 0.3rem; height: 0.3rem; content: ""; background: #aaa; }
.webinar .main .webinar-board .notice-board > li:last-child { margin-bottom: 0; }
.webinar .main .webinar-board .notice-board > li.special { padding-left: 0; }
.webinar .main .webinar-board .notice-board > li.special:before { display: none; }
.webinar .main .webinar-board .notice-board > li > a:hover,
.webinar .main .webinar-board .notice-board > li > a:active,
.webinar .main .webinar-board .notice-board > li > a:focus { color: #773cbe; }
.webinar .main .webinar-board .notice-board .cate { font-size: 1.5rem; line-height: 3rem; display: inline-block; min-width: 7rem; height: 3rem; margin-right: 0.8rem; padding: 0 1rem; text-align: center; vertical-align: top; color: #fff; border-radius: 12rem; }
.webinar .main .webinar-board .notice-board .cate.cate1 { background-color: #773cbe; }
.webinar .main .webinar-board .notice-board .cate.cate2 { background-color: #6b00d8; }
.webinar .main .webinar-board .notice-board .subject { display: inline; vertical-align: top; }
.webinar .main .webinar-board .notice-more { display: inline-block; overflow: hidden; width: 3rem; height: 3rem; vertical-align: top; white-space: nowrap; text-indent: 100%; background: url(/user/images/common/ico_right.png) no-repeat center; }
.webinar .main .webinar-board .qna-board-area { padding: 2rem; }
.webinar .main .webinar-board .comment-area { margin-top: 2rem; }
.webinar .main .webinar-board .comment-area .paging { margin-top: 2.2rem; }

/* 모달 */
.cm_modal { position: fixed; z-index: 2022; top: 0; left: 0; display: table; visibility: hidden; width: 100%; height: 100%; transition: all linear .1s; opacity: 0; background: rgba(0, 0, 0, .4); table-layout: fixed; padding: 15px; }
.cm_modal .modal_wrap { display: table-cell; vertical-align: middle; }
.cm_modal .modal_body { overflow: hidden; max-width: 600px; width: 100%; margin: auto; border-radius: 10px; background-color: #fff; }
.cm_modal .modal_header { position: relative; z-index: 2; top: 0; left: 0; width: 100%; border-bottom: 1px solid #ddd; }
.cm_modal .modal_header .header-title { font-size: 17px; font-weight: 500; display: block; margin: 0; padding: 15px 20px; padding-right: 50px; color: #222; }
.cm_modal .modal_header .modal_close { display: block; position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(/user/images/common/icon_close.png) no-repeat center / contain; white-space:nowrap; overflow: hidden; text-indent: 100%; padding: 0; }
.cm_modal .modal_cont { position: relative; overflow-y: auto; max-height: 75vh; background: #fff; padding: 15px 20px; }
.cm_modal .modal_footer { position: relative; bottom: 0; left: 0; width: 100%; padding: 15px 20px; text-align: center; color: #fff; border-top: 1px solid #ddd; background: #f0f0f0; }
.cm_modal .modal_footer .btn-submit { font-size: 16px; font-weight: 500; line-height: 50px; min-width: 130px; height: 50px; padding: 0 10px; cursor: pointer; text-align: center; color: #fff; border: 0; background: #0067e7; }
.modal-open { overflow: hidden; }
.modal-on { visibility: visible !important; opacity: 1 !important; }

.cm_modal .modal_close { display: block; position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(/user/images/common/icon_close.png) no-repeat center / contain; white-space:nowrap; overflow: hidden; text-indent: 100%; padding: 0; }
/* 보팅 모달 */
.cm_modal.vote_modal .survey-list { position: relative; }
.cm_modal.vote_modal .survey-list.none-suvey { background: #fff url(/user/images/common/no_survey.png) no-repeat center center; }
.cm_modal.vote_modal .survey-list.none-suvey .tit-head { display: none; }
.cm_modal.vote_modal .survey-list.none-suvey .con-body { display: none; }
.cm_modal.vote_modal .survey-list.none-suvey .btn-bottom { display: none; }
.cm_modal.vote_modal .modal_header .q_bul { font-size: 20px; font-weight: 700; margin-right: 10px; }


.modal_close_su { color:#fff; font-size:16px; width: 30px; height: 30px; background: url(/user/images/common/icon_close.png) no-repeat center / contain; white-space:nowrap; overflow: hidden; text-indent: 100%; padding: 0; }