@charset "utf-8";

.body_fixed {height:100%; min-height:100%; overflow:hidden !important;}
/* .overlay{display: none;position: fixed;z-index: 999998;;top:0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.7);} */
.overlay{display:block;position: fixed;z-index: 999998;width: 100%;height: 100%;top:0;left: 0;;background-color: rgba(0,0,0,0.7);}
.popup_wrap{display: none;overflow: hidden;position: fixed;z-index: 999999;top:50%;left: 50%;transform: translate(-50%, -50%);width: auto;min-height: 300px;border-radius: 20px;}
.popup_wrap::after{content: '';display: block;clear: both;}

/* .popup_wrap{display: none;overflow: hidden;position: absolute;z-index: 999999;top:50%;left: 50%;transform: translate(-50%, -50%);width: 700px;min-height: 300px;border-radius: 20px;} */
.popup_wrap .popup_title{padding: 5px 24px 0;line-height: 56px;font-size: 1.375rem; font-family: 'G-sans', "sans-serif";color: #fff;;}
.popup_wrap .popup_title .h_desc {padding: 5px 15px 0;font-size: 0.937rem; color: #d3e3ff; letter-spacing: 0px;}
.popup_wrap .popup_con{padding: 20px;background-color: #fff;}
.popup_wrap .popup_con video{ width: 960px;}
.btn_popup_close{position:absolute; right:10px; top:4px; width: 50px; height: 54px;cursor: pointer;background: url(../image/common/btn_popup_close.png) no-repeat; background-position:50% !important;}

/*popup_con list */
.popup_wrap .search_box_wrap {font-family: 'G-sans', "sans-serif";}
.popup_wrap .search_box_wrap {width: 100%;height: auto;min-height: 80px;padding:17px 30px;background-color: #f7f7f7;text-align: center;margin-bottom: 30px;}
.popup_wrap .search_box_wrap .search_box{width:auto}

.popup_wrap .search_box_wrap .search_box input::placeholder {color: #666; font-family: 'G-sans', "sans-serif"}

.popup_wrap .search_box_wrap .search_box input.text{display: inline-block; width: calc(100% - 110px); height: 45px; font-size: 0.938rem; border-radius: 8px; padding: 0 20px;border: 1px solid #e8e8e8;}
.popup_wrap .search_box_wrap .search_box .btn_search{display: inline-block;width: 100px;height: 45px;line-height: 47px;border-radius: 8px;color: #fff;}

.popup_wrap .search_box_wrap .search_box p {text-align: left; font-size: 0.875rem; font-family: 'N-sans', "sans-serif";}

.pop_bullet_red_dot{display: block;font-size: 0.938rem;color: #999;padding-left: 10px; background: url(../image/login/bullet_red_dot.png) 0px 10px no-repeat;}
.pop_bullet_blue_dot{display: block; padding-left: 10px; background: url(../image/login/bullet_blue_dot.png) 0px 10px no-repeat;}
.pop_bullet_red_dot .fc_red{ color: #f92d3c!important; display: inline;font-style: normal;font-family: 'N-sans', "sans-serif";}
.pop_bullet_red_dot .fc_333{ color: #333!important; display: inline;font-style: normal;font-family: 'N-sans', "sans-serif";}



/* popup_list top*/
.popup_wrap .list_top{width:100%;}
.popup_wrap .list_top .fll{display: inline-block;vertical-align: middle;}
.popup_wrap .list_top .flr{display: inline-block;vertical-align: middle;}
.popup_wrap .list_top p{font-size: 0.938rem;font-weight: 500;color: #666;}

/* popup list table */
.popup_wrap table.list{width: 100%;border-top: 2px solid #bababa;}
.popup_wrap table.list thead tr{ background-color: #f8f8f8;   height: 40px;}
.popup_wrap table.list tbody tr{height: 40px;}
.popup_wrap table.list tr{height: 50px;border-bottom: 1px solid #e8e8e8;}
.popup_wrap table.list th{font-size:1rem;color: #666;padding: 0 10px;border-right: 1px solid #e8e8e8; font-size: 00.875rem; font-weight: 500; color: #333;}
.popup_wrap table.list td{font-size:1rem;color: #666;padding: 0 20px;border-right: 1px solid #e8e8e8; font-size: 00.875rem; cursor: pointer; overflow: hidden; white-space: nowrap;}
.popup_wrap table.list tr:hover {background-color: #f6f9fd;}
.popup_wrap table.list th:last-of-type, .popup_wrap table.list td:last-of-type{border-right: 0;}
.popup_wrap table.list td.fc_000 {color: #000;}

/* popup 스타일  */
.popup_wrap .popup_con .pop_vta_m {vertical-align: middle;}

/* popup 은행계좌 */

.popup_wrap .bank_wrap {font-family: 'G-sans', "sans-serif";}
.popup_wrap .bank_wrap {width: 100%;height: auto;min-height: 135px;padding:17px 30px;background-color: #f7f7f7;text-align: center;}
.popup_wrap .bank_wrap input.text{display: inline-block; height: 45px; font-size: 0.938rem; border-radius: 8px; padding: 0 20px 0 55px;border: 1px solid #e8e8e8;font-family: 'G-sans', "sans-serif"}
.popup_wrap .bank_wrap input::placeholder {color: #666; font-family: 'G-sans', "sans-serif" !important}

.bank_wrap  .text {
    vertical-align: middle;
    background-position: 20px 50%;
    background-repeat: no-repeat;
}


.bank_wrap .text.bank {background-image: url(../image/login/icon_bank.png);}
.bank_wrap .text.accout {background-image: url(../image/login/icon_accout.png);}
.bank_wrap .text.depositor {background-image: url(../image/login/icon_login_id.png);}


.popup_wrap .agree_wrap {padding: 20px 30px; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8;}

.popup_wrap .agree_wrap .agree_box{width: 100%;margin-bottom: 20px;}
.popup_wrap .agree_wrap .agree_box .agree_title{font-size: 1.25rem;color: #222;margin-bottom: 16px;margin-top: 10px;}
.popup_wrap .agree_wrap .agree_box .agree_title span{width: 32px; height: 32px; display: inline-block;color: #fff;font-weight: bold;border-radius: 50%;text-align: center;margin-right: 10px;}
.popup_wrap .agree_wrap .agree_box .agree_desc{font-size: 1.063rem;color: #888;margin-bottom: 30px;}
.popup_wrap .agree_wrap .agree_box .agree_desc p{margin-bottom: 10px;padding-left: 55px;background: url(../image/login/bullet_gray_dot.png) 40px 50% no-repeat;}
.popup_wrap .agree_wrap .agree_box .agree_desc p.txt{margin-bottom: 0px;color:#333;font-size:1.063rem ;}
.popup_wrap .agree_wrap .agree_box .agree_desc p.sub_txt{margin-bottom: 0px;color: #666;font-size: 0.938rem;background: none;}
.popup_wrap .agree_wrap .agree_box .agree_desc p.info_txt{margin-bottom: 4px;font-size: 0.875rem;color: #666;background: none; line-height: 22px;}
.popup_wrap .agree_wrap .agree_box .agree_desc p.info_txt:last-of-type{margin-bottom: 0;}



.popup_wrap.pop_logout{width: 600px;height: auto;}
.popup_wrap.pop_test{width: 900px;height: 850px;}
.popup_wrap.pop_notice{width: 1100px;height: 700px;}
.popup_wrap.pop_lcroom{width: 1100px;height: 800px; background-color: #ffffff;}
.popup_wrap.pop_course_complete{width: 633px;height: auto;}
.popup_wrap.pop_course_complete .popup_con{height: 100%;width: 100%;}


.popup_wrap table.list.no_line{width: 100%;border-top: 2px solid #bababa;}
.popup_wrap table.list.no_line tbody tr{height: 50px;}
.popup_wrap table.list.no_line tr{height: 50px;border-bottom: 1px solid #e8e8e8;}
.popup_wrap table.list.no_line td{color: #333;border: 0;text-align: center;}
.popup_wrap table.list.no_line td.title{text-align: left;width: 70%;padding: 10px 24px}
.popup_wrap table.list.no_line td.title a{}
.popup_wrap .btn_icon_file{display:block;width: 24px;height: 24px;border-radius: 30px;border: 1px solid #ddd;background: url(../image/sub/btn_icon_file.png) 50% 50% no-repeat;}


/* 시험결과 */
.bullet_test{display: inline-block;padding-left: 70px;background-image: url(../image/popup/bullet_pop_test.png);background-position: left 40px top 50%;background-repeat: no-repeat;}
p.bullet_test{font-size: 14px;color: #666;}
p.bullet_test b{font-size: 20px;color: #459115;font-style: normal;font-weight: normal;}
p.bullet_test i{font-size: 16px;color: #459115;font-style: normal;}
.pass_text{font-size: 15px;color: #666;}
.txt_not_pass{padding-left: 20px;font-size: 15px;color: #ff4e3a;background: url(../image/popup/icon_not_pass_text.png) 0 50% no-repeat;}

.answer_wrap{width: 100%;display: block;}
.answer_wrap li{cursor: pointer;;float: left;width: 9.1%;margin-right: 1%;margin-top: 10px;display: block;padding: 10px;border-radius: 10px;background-color: #f07843;opacity: .5;}
.answer_wrap li:nth-of-type(10n){margin-right: 0%;}
.answer_wrap li.correct_answer{background-color: #82bc11;}
.answer_wrap li p{display: block;font-size: 15px;text-align: center;color: #fff;line-height: 1;font-weight: lighter;}
.answer_wrap li span{color: #fff;font-size: 14px;display: block;text-align: center;line-height: 1;margin-bottom: 4px;font-weight: lighter;}
.answer_wrap li.on{opacity:1;}


.question{display: block;margin-top: 40px;font-family: 'G-sans','san-serif';}
.question .number{display: inline-block ;line-height: 28px;padding: 2px 16px 0 13px;border-radius: 6px;background-color: #6d7c9d;color: #fff; font-size: 18px;}
.question .number::before{content: '문제';margin-right: 6px;}
.question > p{display: inline-block;margin-left: 10px;line-height: 30px;font-size: 18px;}

.question_box{display: block;padding: 30px 40px;margin-top: 20px;border-radius: 10px; border: 1px solid #e8e8e8;font-size: 15px;color: #666;word-break: break-all;}
.multiple_choice{padding: 30px 40px 15px;}
.multiple_choice li{display:block;width:auto;margin-bottom: 15px;text-align: left;cursor: pointer;line-height: 32px; font-size: 18px;}
.multiple_choice li.correct{color: #439213;}
.multiple_choice li.correct:before{background-color: #439213;color: #fff;}
.multiple_choice li.correct::after{content: '(정답)';}

.multiple_choice li.incorrect{color: #db4c10;}
.multiple_choice li.incorrect:before{background-color: #db4c10;color: #fff;}
.multiple_choice li.incorrect::after{content: '(오답)';}

.multiple_choice li.selected{color: #db4c10;}
.multiple_choice li.selected:before{background-color: #f07843;color: #fff;}

.multiple_choice li::before{content: '';display: inline-block;vertical-align: top !important;margin-right: 10px;width: 32px; height: 32px; line-height: 30px;font-size: 16px;text-align: center;background-color: #e7e7e7;color: #666;border-radius: 40px;background-position: 50% 50%;background-repeat: no-repeat;}
.multiple_choice li:nth-of-type(1):before{content: '1';}
.multiple_choice li:nth-of-type(2):before{content: '2';}
.multiple_choice li:nth-of-type(3):before{content: '3';}
.multiple_choice li:nth-of-type(4):before{content: '4';}
.multiple_choice li:nth-of-type(5):before{content: '5';}
.multiple_choice li a{width:88%;}
@media screen and (max-width: 970px) {
.multiple_choice li { display: flex !important;}
}

.bank_pop {width:90vw;}
.bank_inner_top {display:block; width:100%;}
.bank_inner_bot {display:block; width:100%;}
.bank_tree_box {height: 30vh !important; overflow: auto; width:100% !important;}
.btn_regist.type_02 {color: #111; border: 1px solid #bdbdbd;}


/* media */
@media screen and (max-width: 800px) {
	.popup_wrap#findMbrPopup {width:90vw !important;}

}

/* 설문보기 */
.popup_wrap table.surv_st button{position:relative;}
.popup_wrap table.surv_st button i{position:absolute; text-indent:100%; overflow:hidden; white-space:nowrap; font-style:normal;}
.popup_wrap table.surv_st td{white-space:nowrap !important;}

.popup_wrap table.surv_st button{vertical-align: middle;margin-right:0;width: 26px; height: 26px; line-height: 15px;font-size: 10px;text-align: center;background-color: #e7e7e7;color: #666;border-radius: 20px;}
.popup_wrap table.surv_st button.on{background-color: #e43d2d;background-image: url(../image/common/icon_surv_check.png);background-position: 50% 50%;background-repeat: no-repeat;}


@media screen and (max-width: 880px) {
	.popup_wrap table.list.no_line.surv_st{display:block;}
	.popup_wrap table.list.no_line.surv_st thead{display:none;}
	.popup_wrap table.list.no_line.surv_st tbody{display:block; width:100%;}
	.popup_wrap table.list.no_line.surv_st tbody tr,
	.popup_wrap table.list.no_line.surv_st tbody td{display:block; width:100%; height:auto; margin-bottom:10px; padding:0; text-align:left;}
	.popup_wrap table.list.no_line.surv_st tbody td[data-label]:before{content:attr(data-label); display:inline-block; width:48px; margin-right:5px; padding:0 5px; text-align:center; border:1px solid #e8e8e8; border-radius:3px; background:#f8f8f8;}
	.popup_wrap table.list.no_line.surv_st tbody tr{padding:15px 15px 10px;}
	.popup_wrap table.list.no_line.surv_st tbody td:nth-child(3) ~ td{display:inline-block; width:auto; margin-bottom:5px; padding-right:15px;}
	.popup_wrap table.list.no_line.surv_st span i{display:inline-block; padding-left:5px; color:#333;}
}

/* 230530수정 */
.question{display: flex !important; flex-wrap: wrap; }
.question .number{height: 28px;}
.question > p{width: 80%;}
.answer_wrap li{padding: 0 !important;}
.answer_wrap li a{display: block; width: 100%; height: 100%; padding: 10px 5px;}
.popup_con .exam_con .multiple_choice li a{width: 78%;}
.add_stitle {word-break: break-all; display: inline-block; line-height: 30px; font-size: 18px!important; font-family: 'G-sans'!important; margin-top:0; margin-left:10px;}
.add_stitle a > * {display:block;}

@media screen and (max-width: 530px) {
	.question > p{width: 100%;}
}