@charset "utf-8"; .fake_tableNoLine_payment {} .fake_tableNoLine_payment .ft_cell_th {width:40%;} .fake_tableNoLine_payment .ft_cell_td {width:60%;} .fake_tableNoLine_noPd {} .fake_tableNoLine_noPd .ft_cell_th {padding-left:0;} .fake_tableNoLine_noPd .ft_cell_td {padding-right:0;} .fake_tableNoLine_noPd.t2 {} .fake_tableNoLine_noPd.t2 .ft_cell_th {width:45%;} .fake_tableNoLine_noPd.t2 .ft_cell_td {width:55%;} .fake_tableNoLine_noPd.t2 .ft_cell_td .btn_h40GrayUp {margin-left:2.3438vw;} .fake_tableLine_t3Mailige {} .fake_tableLine_t3Mailige .ft_tr [class^="ft_cell"]:nth-child(1) {width:40%; text-align:left;} .fake_tableLine_t3Mailige .ft_tr [class^="ft_cell"]:nth-child(2) {width:30%; text-align:right;} .fake_tableLine_t3Mailige .ft_tr [class^="ft_cell"]:nth-child(3) {width:30%; text-align:center;} .fake_tableNoLine_noPd.t4 {width:50%} .fake_tableNoLine_noPd.t4 .ft_cell_th {width:20%;} .fake_tableNoLine_noPd.t4 .ft_cell_td {width:30%;} .fake_tableNoLine_noPd.t5 {} .fake_tableNoLine_noPd.t5 .ft_cell_th {width:25%;} .fake_tableNoLine_noPd.t5 .ft_cell_td {width:80%;} /* 입력정보 확인 팝업 */ .popup_infoChk {} .popup_infoChk .pop_content {text-align:center;} .popup_infoChk [class^="fake_table"] {display:inline-block; width:auto;} .fake_tableNoLine_infoChk {} .fake_tableNoLine_infoChk .ft_cell_th {width:40%;} .fake_tableNoLine_infoChk .ft_cell_td {width:60%;} .popup_infoChk .fake_tableNoLine_infoChk {margin:0 auto; width:75%;} .popup_infoChk .fake_tableNoLine_infoChk + .txt_s21cLGray {margin-top:4.6875vw;} /* 비밀번호 변경 안내 팝업 */ .popup_pwChange {} .popup_pwChange .pop_content, .popup_olDelete .pop_content, .popup_bolDelete .pop_content {text-align:center; min-height:23.4375vw;} /* 삭제 확인 팝업 */ .popup_conFirm {} .popup_conFirm .pop_content {text-align:center; min-height:20.3125vw;} /*묻고 답하기 - 답변자 선택 팝업*/ .popup_qa {} .popup_qa .pop_header {text-align:left;} .popup_qa .pop_content {overflow:hidden;} .qa_seach_wrap {padding-bottom:4.6875vw;} .qa_seach_wrap .inp_sch_gray {vertical-align:top;} .items_qa_selected {position:relative; left:-1.5625vw;top:-1.5625vw; width:100%;} .items_qa_selected > .item_qas {margin:1.5625vw 0 0 1.5625vw;} .qa_result_w {overflow-y:auto; height:70.3125vw;} .inp_checkbox_qa {top:-0.3125vw; vertical-align:middle;} .items_qa_selected + .qa_result_w {margin-top:3.1250vw;} /* 선물하기 팝업 */ .popup_gift {} .popup_givegift .txt_s26cBlack {width:100%; padding-top:6.2500vw; text-align:center;} .popup_givegift .items_btn_double {padding-top:9.3750vw;} .popup_givegift .items_btn_double button {float:left; width:48%;} .popup_givegift .items_btn_double button + button {float:right;} /*자격 팝업*/ .pop_content_qual {overflow-y:auto; width:100%; padding:0; min-height:50.0000vw; max-height:108.2813vw;} .pop_content_qual .titArea {padding:4.6875vw 5.4688vw 2.3438vw 5.4688vw} .context_lists_guide + .formGroup_addFile {margin-top:2.3438vw} /* 관련 포럼 목록 */ .popup_forum {} .popup_forum .pop_content, .popup_olDetail .pop_content {min-height:auto; max-height:70.3125vw; text-align:left;} .cont_lists_forum {border-top:0.3125vw solid #c9c9c9;} /* 포럼 게시판 */ .link_arrow_forum {} [class^="link_arrow_"] .txt_s26cBlack {display:block; padding-bottom:3.1250vw;} .link_arrow_forum .icon_lock {position:relative; top:-0.3125vw; margin-right:1.5625vw; vertical-align:middle;} .link_arrow_forum .txt_s26cBlack + .txt_s21cGray {margin-top:4.6875vw;} .link_arrow_forum_review:after {display:none;} /* 고객센터 - 공지사항 */ .content .topLine {border-top:0.1563vw solid #c9c9c9} .box_customer {} .cont_lists_notice {} .cont_lists_notice > .cList {padding:3.9063vw 4.6875vw} .cont_lists_notice > .padHe1 {padding-top:0.7813vw} .box_tabm_cust + .cont_lists_notice .cList:first-child {padding-top:0;} .box_tabm_cust + .cont_lists_notice .cList.no_list {padding:3.9063vw 4.6875vw; border-bottom:0; text-align:center;} [class^="box_search"] {padding:1.5625vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9} .box_search_ty2 {padding:7.8125vw 6.2500vw 6.2500vw 6.2500vw; border-bottom:0;} .listNone {text-align:center; padding:15.6250vw 7.5625vw;} .listNone_btn {text-align:center; padding:9.3750vw 0} .box_tabm_cust #searchArea + .tabmenu_2byRow.customer {margin-top:3.1250vw;} /*고객센터 - 묻고답하기*/ .box_customer_qa {padding:2.8125vw 5.4688vw} .box_customer_qa + .box_qual3 {margin-top:3.9063vw} .undershadow {border-top:0.1563vw solid #c9c9c9; height:1.5625vw; background-color:#f6f6f6;} .undershadow + .box_customer_qa {margin-top:3.9063vw} .undershadow + .formGroup_review {border-top:0;} .forms_w {} .filePd {padding:4.6875vw 0} .btn_h50LGray_file {width:20.3125vw} .context_lists {} .context_lists_pd {padding-top:3.1250vw} .popup_qnadelete .fake_tableNoLine .ft_cell_th {width:25%; padding-right:0;} .popup_qnadelete .fake_tableNoLine .ft_cell_td {padding-left:0;} .popup_qnadelete .fake_tableNoLine + .txt_s21cLGray {padding-top:3.1250vw;} /* 고객센터 - 질문상세보기 */ .board_view_qna {} .bv_up_down {padding-top:4.6875vw;} .bv_up_down [class^="btn_h50"] + [class^="btn_h50"] {margin-left:1.5625vw;} .bv_up_down + .bv_cont {padding-top:4.6875vw;} .board_view_qna .bv_cont {border-bottom:0;} .board_view_qna .bv_files_w {padding-top:0;} .board_view_qna .btn_icon_utill {top:8.8125vw;} .board_view_qna + .board_view_qna {border-color:#dadada;} .bv_qna_msg {padding:3.1250vw 5.4688vw; border-top:0.1563vw solid #dadada;} /* 고객센터 - 답변등록 */ .box_answer_write {position:relative;} .box_answer_write:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:1.5625vw; border-top:0.1563vw solid #c9c9c9; background-color:#f6f6f6;} .crdis_react {padding-top:3.1250vw;} .crdis_react [class^="btn_"].rds {padding:0.1688vw 2.6875vw;} .crdis_react [class^="btn_"] .txt_btn_name {font-size:2.8125vw;} .crdis_react [class^="btn_"] + [class^="btn_"] {margin-left:0.3438vw;} .bpc_reply {display:none; padding-top:3.1250vw;} .bpcr_lists_w {margin-top:3.1250vw; padding-top:3.1250vw; border-top:0.1563vw dashed #c9c9c9;} .bpcr_list {position:relative; padding-left:10.9375vw;} .bpcr_list .btn_delete {position:absolute; top:0; right:0; width:auto; height:auto; padding:0.7813vw 1.5625vw;} .bpcr_head {position:absolute; top:1.8750vw; left:-11.5375vw;} .bpcr_head .txt_iconReply_cBlue {font-size:3.2813vw;} .bpcr_head .icon_reply {width:3.1250vw; height:3.1250vw; background:url("../images/m/common/icon_reply.png") no-repeat; background-size:100% auto;} .bpcr_list + .bpcr_list {margin-top:3.1250vw;} /*고객센터 - 자주하는 질문*/ .acodian_faq {} .acodian_faq .btn_toggle_arrow {position:relative; padding:2.3438vw 8.7500vw 4.6875vw 5.4688vw; width:100%; height:auto; text-align:left;} .acodian_faq .btn_toggle_arrow .txt_s23cBlack {display:block;} .acodian_faq .btn_toggle_arrow [class^="txt_label"] + .txt_s23cBlack {margin-top:1.5625vw;} .acda_quest {padding:4.6875vw 8.7500vw 0 5.4688vw} .acc_awn {background-color:#f6f6f6; border-top:0.1563vw solid #d0d0d0; overflow-x:auto;} #customNotice .nt_scroll {margin-top:1.5625vw; border-top:0;} .items_btn_single.cust {height:15.6250vw; margin:4.6875vw 0;} /*.tabmenu_2byRow.customer {padding:0 5.4688vw;}*/ /*자격*/ .box_qual {} .box_qual .tit_s26cBlack_fBo + .fake_tableThGray {margin-top:4.6875vw;} .box_qual .fake_tableThGray + .btn_blue_delete {margin-top:7.8125vw;} .box_qual .rander_w .box_tbLGray .ft_cell_th {width:32%;} .box_qual2 {padding:7.8125vw 5.4688vw 3.1250vw 5.4688vw;} .box_qual2 .tit_s28 + .inp_sch_gray {margin-top:3.1250vw;} .box_qual3 {padding:0 5.4688vw} .box_qual3 .box_tbLGrayT2 + .box_tbLGrayT2 {margin-top:4.6875vw} .box_qual3 .fake_tableThGray + .box_guide {padding:7.8125vw 0;} .box_qual3 .box_tbLGrayT2 a + .button_lists_w {padding-top:4.6875vw;} .box_qual4 {padding:7.8125vw 0;} .box_qual4 .box_tbLGrayT3 + .box_tbLGrayT3 {margin-top:4.6875vw} .box_qual4 .btnRi {text-align:right; padding:0 5.4688vw 3.1250vw 0} .box_qual4 .items_btn_single .btn_blue {width:73.4375vw;} .box_qual4 .titleArea2 {position:relative; padding-left:5.4688vw; } .box_qual4 .titleArea2 button {position:absolute; right:5.4688vw} .box_qual4 .qual_none {text-align:center; padding:15.6250vw 0;} .box_qual4 #div_have {margin-top:4.6875vw;} .box_qual5 {padding:7.8125vw 5.4688vw 0 5.4688vw} .box_qual5 + .cont_lists_traTheme .cList:first-child {padding-top:0; border-top:0;} .box_qual6 {padding:4.6875vw 5.4688vw 3.1250vw 5.4688vw} .box_qual6 .fake_tableThGray .ft_cell_td .txt_s22cBlack {width:100%;} .box_qual6 button {width:20.3125vw} .box_qual6 .btnRi {text-align:right;} .box_tbLGrayT3 + .box_tbLGrayT3 {margin-top:4.6875vw} .box_tbLGrayT3 .items_btn_single .btn_bLine100 {height:15.6250vw} .fake_tableNoLine_noPd {} .fake_tableNoLine_noPd + .button_lists_w {margin-top:4.6875vw} .fake_tableNoLine_pass {padding-left:0; margin-left:0;} .fake_tableNoLine_pass .ft_cell_th {width:25%;} .fake_tableNoLine_pass .ft_cell_td {width:75%} .infoBox1 {border-top:0.1563vw solid #c9c9c9; padding:0 5.4688vw 7.8125vw 5.4688vw} .box_tlrequal + .infoBox1 {border-top:0;} .infoBox1 p.he20 + .table_lineRowCol.tbstyle1 {margin-top:1.5625vw;} .infoBox2 {padding:0 5.4688vw 7.8125vw 5.4688vw} .txt_s21cBlue_line {color:#1ab8b9; text-decoration:underline} .linkLine {padding-left:0.7813vw; color:#1ab8b9; text-decoration:underline} .list_indent {padding:1.5625vw 0 1.5625vw 5.6250vw} .process_qual {} .process_qual li {display:inline-block; position:relative; vertical-align:middle} .process_qual li.vtop {vertical-align:top} .process_qual li span {display:block} .porcess_txt {} .porcess_txt dd {display:inline-block; font-size:2.8125vw; text-align:center} .porcess_txt dd.line {border-right:0.1563vw solid #dedede} .icon_qu_credit {background:url(../images/m/qual/icon_credit_big.png) no-repeat; background-size:40.6250vw 17.1875vw; width:40.6250vw; height:17.1875vw} .icon_qu_pass {background:url(../images/m/qual/icon_pass.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_register {background:url(../images/m/qual/icon_register_2.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_get {background:url(../images/m/qual/icon_get.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_apply {background:url(../images/m/qual/icon_apply.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_experience {background:url(../images/m/qual/icon_experience.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_instruction {background:url(../images/m/qual/icon_instruction.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_study1 {background:url(../images/m/qual/icon_study1.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_study2 {background:url(../images/m/qual/icon_study2.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_judge {background:url(../images/m/qual/icon_judge.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_study4 {background:url(../images/m/qual/icon_study4.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_licence {background:url(../images/m/qual/icon_licence.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_test1 {background:url(../images/m/qual/icon_test1.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_test2 {background:url(../images/m/qual/icon_test2.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_cyber {background:url(../images/m/qual/icon_cyber.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .icon_qu_online_book {background:url(../images/m/qual/icon_online_book.png) no-repeat; background-size:17.1875vw; width:17.1875vw; height:17.1875vw} .ico_arr {background:url(../images/m/qual/chevron_right.png) no-repeat; background-size:4.3750vw; width:4.3750vw; height:4.3750vw} .qu_icoinfo {text-align:center; vertical-align:top} .table_lineRowCol {} .table_lineRowCol tfoot {background:#f6f6f6} .titleArea {padding:6.2500vw 5.4688vw 0 5.4688vw} .qualstep_lists {padding:4.6875vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9} .box_noData.qualtb {margin-top:3.1250vw; padding:21.375vw 1.5625vw; background:#f6f6f6;} .box_noData.qualtb .txt_tIcon_s23cDark .icon_guide {top:0.9375vw;} .box_ql_revideo {background:#f6f6f6;} .box_ql_revideo .tit_s32 {display:block; padding-bottom:3.1250vw;} .qrv_lists_w + .txt_s26cBlack {padding-top:4.6875vw;} .qrv_lists_w {padding-top:3.1250vw;} .qrv_list {position:relative; padding:3.1250vw 3.1250vw; background:#fff;} .qrv_list + .qrv_list {margin-top:3.1250vw;} .qrv_list:before {position:absolute; top:0; left:0; width:1.2500vw; height:100%; background:#b68b5c; content:'';} .qrv_list .txt_s22cBlack {max-width:85%;} .qrv_list .btn_icon_play {position:absolute; top:50%; right:3.1250vw; margin-top:-3.9063vw; width:7.8125vw; height:7.8125vw; background:url('../images/m/common/icon_play_brown.png') center no-repeat; background-size:98% auto;} .qrv_list .btn_icon_openbook {position:absolute; top:50%; right:3.1250vw; margin-top:-3.9063vw; width:7.8125vw; height:7.8125vw; background:url('../images/m/common/icon_openbook.png') no-repeat; background-size:100% auto;} .qrv_list .btn_txt_down {margin-left:0; margin-top:1.5625vw; padding:0.7813vw; width:auto; height:auto;} .qrv_list .btn_txt_down .icon_download {width:4.8438vw; height:4.6875vw; background:url('../images/m/common/icon_download_s.png') center no-repeat; background-size:70% auto;} .qrv_list .btn_txt_down .txt_btn_name {font-size:2.9688vw; color:#898989; font-weight:normal;} /* 자격상세 */ .eiqual_lists_w {margin-top:3.1250vw; padding-top:3.1250vw; border-top:0.1563vw solid #d8d8d8;} .eiq_list {padding:0 0.7813vw; overflow:hidden;} .eiq_list + .eiq_list {padding-top:1.5625vw;} .eiq_list .txt_s23cDark {max-width:65%;} .eiq_list .btn_h50Blue {float:right; margin-left:1.5625vw; padding-left:3.3125vw; width:27.25vw;} .eiq_list .btn_h50Blue .txt_btn_name {padding-left:5.125vw; font-size:2.9688vw;} .eiq_list .btn_h50Blue .icon_download {background-size:70% auto; background-position:center;} /* 자격 > 자격시험 원서접수 */ .qualnoti_lists_w {} .qln_list {padding-top:6.2500vw;} .qln_list .tit_s28cBlack, .box_qln .tit_s28cBlack {padding:0 0 6.2500vw 5.4688vw;} .qln_list .memstep_lists_w {width:100%; padding:0 4.6875vw;} .qln_list .memstep_list + .memstep_list {background:#f6f6f6; padding-top:2.3438vw; padding-bottom:2.3438vw;} .qln_list .memstep_list:first-child {padding-bottom:3.1250vw; border-bottom:0.1563vw solid #c9c9c9;} .qln_list .memstep_list {padding:0 2.3438vw 0;} .qln_list .memstep_list [class^="inp_checkbox"] .txt_tIconChk:before {top:2.8125vw;} .qln_list .context_lists_sub {margin-bottom:0 !important;} .box_qln + .box_qln {border-top:0.1563vw solid #c9c9c9;} .box_qln .tit_s28cBlack {padding-left:0;} .box_qln .context_lists {padding-top:3.1250vw;} .qln_btn_agree {padding-top:4.6875vw; overflow:hidden;} .qln_btn_agree .inp_radio_qln {float:left; width:50%; text-align:center;} .inp_radio_qln + .inp_radio_qln {margin-left:0;} .inp_radio_qln + .inp_radio_qln .txt_tIconRd {border-left:0;} .inp_radio_qln .txt_tIconRd {height:10.9375vw; padding:1.8750vw 0; border:0.3125vw solid #1ab8b9; color:#1ab8b9; font-size:3.9063vw; font-weight:700;} .inp_radio_qln input[type="radio"]:checked + .txt_tIconRd {background:#1ab8b9; color:#fff;} .inp_radio_qln .txt_tIconRd:before {visibility:hidden;} .box_qln .btn_bLine_info {width:82.8125vw; margin:4.6875vw 3.1250vw 0 3.1250vw;} .box_guide_qual .tit_s23cDark_guide {padding:4.6875vw 0 3.1250vw;} /* 자격 > 자격시험 원서접수 > 정보입력 */ .box_qlinp .profile_img_w {margin-top:7.8125vw;} .context_lists_qlinp {padding:0 7.0313vw;} .box_qlinp .items_btn_single {width:82.8125vw; margin:0 auto;;} .box_qlinp .context_lists_qlinp + .items_btn_single {padding-top:4.6875vw;} .box_qlinp .fake_tableThGray {margin:7.8125vw 0 0;} .box_qlinp .forms_qlinp {padding-top:7.8125vw;} .box_qlinp .f_list .formGroup_addFile {margin-top:3.1250vw;} .box_qlinp .f_list.qualfee {margin-top:9.3750vw;} .f_list.qualfee .txt_s23cDark2 {padding:3.1250vw 0;} .forms_qlinp .formGroup_myagency {padding-top:3.1250vw;} .formGroup_myagency .inp_txt_higesc {width:47.6563vw;} .inp_txt_higesc + .inp_txt_higesc {width:39.0625vw; margin-left:1.0938vw;} .formGroup_myagency .txt_s21cLGray {padding-bottom:3.1250vw;} .formGroup_myagency .btn_h70Gray + .inp_txt {margin-top:1.5625vw;} .formGroup_myagency + .inp_select_myagency {margin-top:4.6875vw;} .box_grayGuide.qlinp .txt_s28cBlack {display:block; padding-bottom:4.6875vw;} .box_grayGuide.qlinp .context_lists + .txt_s28cBlack {padding-top:4.6875vw;} .box_blueQual {background-color:#02a5b1;} .box_blueQual .titArea {padding-top:0; text-align:center} .box_blueQual .titArea + .fake_tableNoLine_noPd .ft_cell_th, .pop_content_qual .box_tbLGrayT3 .title_group + .fake_tableNoLine_noPd .ft_cell_th {width:25%;} .table_lineRowCol {} .table_lineRowCol_payinfo td {border-top:0.1563vw solid #c9c9c9} .table_lineRowCol_payinfo td.title {background-color:#f6f6f6} .map_qlinp {margin-top:7.8125vw; padding:4.6875vw 8.5938vw; background:#f6f6f6;} .map_qlinp [class^="txt_"] {display:block;} .map_qlinp [class^="txt_"] + [class^="txt_"] {padding-top:3.1250vw;} .map_qlinp .btn_h60Blue_map {display:block; margin:0 auto; margin-top:3.1250vw;} /* 자격 > 근무기관 검색 inputbox */ .form_auto_srch {position:relative;} .form_auto_srch .btn_h70Gray + .inp_txt_agency {margin-top:1.5625vw;} .form_auto_srch .inp_txt_agency {position:relative;} .srch_com_w_ty2 {display:none; position:absolute; top:99%; left:0; /*padding:2.3438vw 3.1250vw;*/ width:100%; max-height:31.2500vw; background:#fff; border:0.1563vw solid #d2d2d2; z-index:2; overflow-y:auto;} .srch_com_w_ty2 .srchc_lists_w .srchc_list {padding:2.0438vw 3.1250vw;} .srch_com_w_ty2 .srchc_lists_w .srchc_list + .srchc_list {margin-top:0; padding-top:0;} .srch_com_w_ty2 .srchc_lists_w .srchc_list .txt_s21cLGray {padding:0;} .srch_com_w_ty2 .srchc_lists_w .srchc_list a {display:block; width:100%;} .srch_com_w_ty2 .srchc_lists_w .srchc_list [class^="txt_"] {display:block;} /* 자격 상단 요약정보 박스 */ .box_tbLGrayT3 {position:relative} .qual_info {position:relative; margin-top:3.1250vw; padding:1.5625vw 20.3125vw 0 0; } .qual_info .txt_s19cLGray_categori {display:block;} .qi_utill {display:inline-block; position:absolute; right:1.8750vw; top:-0.6250vw; white-space:nowrap;} .qi_utill .inp_checkbox_heart, .qi_utill .snsshare_w {vertical-align:middle;} .qi_utill .snsshare_w {display:inline-block; width:7.0313vw; height:7.0313vw;} .qual_branch {margin-top:5.4688vw;} .items_qb {position:relative; left:-0.7813vw; top:-0.7813vw; width:100%;} .items_qb > .item_qb {margin:0.7813vw 0 0.1563vw 0.7813vw;} .qual_info + .qual_branch {margin-top:1.5625vw;} #listBox .box_tbLGrayT3 .fake_tableNoLine_noPd .ft_cell_th {width:25%;} /*고사장확인 팝업-자격*/ .popup_location {} .locTitle {position:absolute; /*left:5.4688vw;*/ left:0; top:0; padding:5.4688vw; width:100%; text-align:left;} .tesTitle {width:100%; text-align:center; line-height:150%} .locTitle .btn_icon_next {position:absolute; width:10.5833vw; height:10.75vw; top:5.1667vw; right:4.4688vw; background:url('../images/m/membership/icon_camera_blue.png') no-repeat; background-size:100% auto;} .fake_table_qu {padding:6.2500vw 0;} .fake_table_qu li {line-height:150%; padding-top:2.3438vw} .fake_table_qu li:first-child {padding-top:0} .fake_table_qu2 {padding:4.5313vw 0;} .fake_table_qu li {line-height:130%; padding-top:2.3438vw} .fake_table_qu li:first-child {padding-top:0} .img_map img {width:78.1250vw; height:68.7500vw} .img_certificate img {width:78.1250vw} .section_gr {border-top:0.1563vw solid #c9c9c9;margin-top:4.6875vw;} .mark_passfail img {position:absolute; top:10.9375vw; right:5.4688vw; width:21.8750vw; height:28.1250vw} /* 자격 - 시험일정 */ .filter_box.qlsched {padding:0 5.4688vw 3.5938vw 5.4688vw; overflow:hidden;} .filter_box.qlsched .fb_type .inp_select {float:left; width:49%;} .filter_box.qlsched .fb_type .inp_select + .inp_select {float:right;} .filter_box.qlsched .btn_h70Dark_srh {margin-top:3.1250vw;} .filter_box.qlsched + .box_customer_qa {padding-top:4.6875vw;} /*높이*/ .he0 {padding-top:0 !important} .he20 {padding-top:3.1250vw} .he30 {padding-top:4.6875vw} .he50 {padding-top:7.8125vw} .he70 {padding-top:10.9375vw} .mrt10 {margin-top:1.5625vw} .mrt20 {margin-top:3.1250vw} .mrt30 {margin-top:4.6875vw} .mrt40 {margin-top:6.2500vw} .mrt50 {margin-top:7.8125vw} .mrt60 {margin-top:9.3750vw} .mrb35 {margin-bottom:5.4688vw} .pdb1 {padding-top:1.8750vw} .btnCenter {text-align:center} /* 로그인 */ .modal_popup_login .pop_content {padding-left:0; padding-right:0;} .login_box_w {width:73.4375vw; margin:0 auto; padding-top:18.7500vw;} .login_box_w .tit_s28 {width:73.4375vw; text-align:center;} .login_box_w .txt_compname {font-weight:700;} .login_ipform {padding-top:9.3750vw;} .login_ipform .inp_txt_login input[type="text"], .login_ipform .inp_pw_login input[type="password"], .login_ipform .inp_pw_login input[type="text"] {border:0; border-bottom:0.3125vw solid #02a5b1;} .login_ipform.null .inp_txt_login input[type="text"]::placeholder, .login_ipform.null .inp_pw_login input[type="password"]::placeholder {font-size:3.2813vw; color:#02a5b1;} .login_ipform .inp_txt_login + .inp_pw_login {margin-top:4.6875vw;} .login_ipform .txt_s18cBlue_info {padding-top:3.1250vw;} .ipform_save_w {padding:6.2500vw 0 9.3750vw; overflow:hidden;} .ipform_save_w .inp_checkbox_auto {float:left;} .ipform_save_w .inp_checkbox_saveid {float:right;} .login_footer {padding-top:7.8125vw; text-align:center; overflow:hidden;} .lf_list {display:inline-block;} .lf_list + .lf_list {position:relative; padding-left:7.8125vw;} .lf_list + .lf_list:before {position:absolute; top:1.8375vw; left:3.9063vw; width:0.3125vw; height:3.1250vw; background:#282828; content:'';} /* 2025-05-06 */ .login_other_flex {clear:both;display:flex;justify-content: space-between;gap:10px;align-items: center;} .login_other_flex > button {display:flex;justify-content: center;align-items: center;gap:10px;height:60px;} .login_i {display:block;width:25.5px;height:26.5px;background-size:25.5px 26.5px;} .login_i.bank {background-image:url("../images/login/icon_otherlogin_m_01.png")} .login_i.other {background-image:url("../images/login/icon_otherlogin_m_02.png")} .pop_login_other_flex {text-align:left} .pop_login_other_flex h4 {margin-bottom:3.234vw;} .pop_login_other_flex ul {display:flex;flex-wrap:wrap;} .pop_login_other_flex li {font-size:0;line-height:0;width:27.333%;margin:3%;} .pop_login_other_flex li button {overflow:hidden;border-radius:4.6875vw ;font-size:0;line-height:0;border:1px solid #dddddd;} .pop_login_other_flex li img {width:100%;} .pop_login_other_flex li button.active {box-shadow: #02a5b1 0px 0px 0px 0.4688vw, rgba(6, 24, 44, 0.45) 0px 1.4688vw 4.5938vw -1px, #02a5b1 0px 0.4688vw 0px inset;} .popup_login_other .popup_coupon { padding: 13.8125vw 0 0 0; border-radius:5.43vw; height:auto;} .other_login_box .inp_text {width:100%;} .other_login_box [class^="inp_"] + [class^="inp_"] { margin-left: 0px; margin-top:1.8688vw;} .pop_login_other_flex .btn_brownLine { padding: 0vw 2.125vw; height: 7vw; margin-top: 0vw; margin-left: 1.2vw !important; width: auto;} .pop_login_other_flex .btn_brownLine .txt_btn_name { font-size: 2.9375vw;} .pop_login_other_flex .btn_blue { padding: 1.9063vw 3.125vw; height: 10.0625vw; margin-top: 5vw;} .pop_login_other_flex h3 {display:flex;align-items: center;margin-bottom:1.9063vw ;gap:1.9063vw ;justify-content: center;} .pop_login_other_flex h3 i {border-radius:50%;width:11.1250vw;height:11.1250vw;background-size:11.1250vw 11.1250vw;} .pop_login_other_flex h3 i.kb {background-image:url("../images/login/icon_otherlogin_bank_01.png")} .pop_login_other_flex h3 i.sh {background-image:url("../images/login/icon_otherlogin_bank_02.png")} .pop_login_other_flex h3 i.hn {background-image:url("../images/login/icon_otherlogin_bank_03.png")} .pop_login_other_flex h3 i.wr {background-image:url("../images/login/icon_otherlogin_bank_04.png")} .pop_login_other_flex h3 i.nh {background-image:url("../images/login/icon_otherlogin_bank_05.png")} .popup_login_other .kbi_login_check.typeB {justify-content: flex-start; padding-top: 32vw;} @media (min-width: 768px) and (max-width: 1024px) { .popup_login_other { padding: 0.4688vw 5.3125vw; } .popup_login_other .pop_content { max-height: calc(90vh - 13.8125vw) !important; min-height:inherit !important; } .popup_login_other .popup_coupon { max-height: 90vh !important; } } /* 아이디/비밀번호 찾기 */ .fmb_lists_w {} .fmb_list + .fmb_list {padding-top:9.3750vw;} .fmb_list .tit_s26, .acodian_fmember .btn_toggle_arrow {padding-left:8.5938vw;} .fmb_list .tit_s26 + .acodian_fmember {padding-top:3.1250vw;} .acodian_fmember .btn_toggle_arrow.active, .acodian_fmember .btn_auth.active {box-shadow:0 0.4688vw 0.4688vw 0.0000vw #d1d1d7;} .acodian_fmember .btn_toggle_arrow.active .txt_s23cBlack {color:#02a5b1; font-weight:700;} .acodian_fmember .forms_w .f_list:first-child {margin-top:0;} .acda_list .txt_s23cBlack + .txt_s19cLGray2 {display:block;} .acda_list .btn_auth {height:auto; padding:4.6875vw 8.7500vw 4.6875vw 8.5938vw; text-align:left;} /* 회원가입 */ [class^="txt_step_w"] {width:100%; padding:3.9063vw 0 4.6875vw; box-shadow:0 0.1563vw 1.0063vw 0 #d7d7d7;} [class^="txt_step_w"] .step_list + .step_list {padding-left:11.7188vw;} [class^="txt_step_w"] .step_list:before {width:100%; left:-2.3438vw; padding-left:0; margin-top:-3.1250vw;} .step_list [class^="txt_s22Step"] + .txt_s22cBlack {display:block;} .txt_step_w_book {padding-top:9.3750vw;} .txt_step_w_book .step_list + .step_list {padding-left:17.7188vw;} .txt_step_w_ty2 {} .txt_step_w_ty2 .step_list:before {left:-7.3438vw;} .txt_step_w_ty2 .step_list:nth-child(2) {padding-left:8.5938vw;} /*ssn*/ [class^="txt_step_w2"] {width:100%; padding:3.9063vw 0 4.6875vw; box-shadow:0 0.1563vw 1.0063vw 0 #d7d7d7;} [class^="txt_step_w2"] .step_list + .step_list {padding-left: 3.7188vw;} [class^="txt_step_w2"] .step_list:before {width:50%; left:-2.3438vw; padding-left:0; margin-top:-3.1250vw;} .step_list [class^="txt_s22Step"] + .txt_s22cBlack {display:block;} .txt_step_w_book2 {padding-top:9.3750vw;} .txt_step_w_book .step_list + .step_list2 {padding-left:17.7188vw;} .txt_step_w_ty3 {} .txt_step_w_ty3 .step_list:before {left:-3.3438vw;} .txt_step_w_ty3 .step_list:nth-child(2) {padding-left: 2.5938vw;} .memstep_lists_w {/* width:81.2500vw;*/ margin:0 auto; padding:7.8125vw 5.4688vw 0;} .memstep_list {position:relative;} .memstep_list + .memstep_list {padding-top:3.9063vw;} .memstep_list .txt_tIconChk {font-size:4.0625vw;} .memstep_list .inp_checkbox + .txt_s21cLGray {width:81.875vw; padding:2.3438vw 0 0 7.0313vw;} .memstep_list .txt_s21cLGray_detail {position:absolute; top:4.5313vw; right:0;} .memstep_list .inp_select_year {width:16.4375vw; height:7.1563vw; margin:0;} .memstep_list .inp_select_year select {padding:0 0 0 2.125vw; border:0;} .memstep_list .inp_select_year:after {top:-0.537vw; width:7.9375vw; height:6.9375vw;} .memstep_lists_w + .btn_blue_stepnext {margin-top:7.8125vw;} .content.Tline > .aagr_view_w {padding-top:6.2500vw;} .aagr_view_w {width:87.5000vw; margin:0 auto;} .aagr_view_w > p.txt_s26cDark {padding:6.2500vw 0;} .aagr_view_w .tit_s28_category {padding:6.2500vw 0 9.3750vw;} .aagr_view_w .sub_info {padding:0 0 6.2500vw; font-size:3.5938vw;} .slctwb_inner .txt_s26cDark, .slctwb_inner .txt_s26cDark + ul {padding-bottom:6.2500vw;} .slctwb_inner .txt_s26cDark + ul.tri_lists_w {padding-bottom:0;} .slctwb_inner .tri_lists_w + .table_lineCol_t2 {margin:4.6875vw 0 0;} .slctwb_inner .tri_lists_w + .txt_s26cDark, .slctwb_inner .context_lists + .txt_s26cDark, .slctwb_inner .txt_s23 + .txt_s26cDark, .slctwb_inner .table_lineCol_t2 + .tri_lists_w, .slctwb_inner .txt_s23 + .table_lineCol_t2, .slctwb_inner .table_lineCol_t2 + .txt_s26cDark {padding-top:6.2500vw;} .slctwb_inner .txt_s23 + .tri_lists_w {padding-top:4.25vw;} .slctwb_inner ul li {font-size:3.5938vw;} .slctwb_inner ul li + li {padding-top:1.0938vw;} .slctwb_inner .txt_s26cDark + .txt_s23_sinfo {margin-top:-4.6875vw; padding-bottom:6.2500vw;} .slctwb_inner .ct_list.ctbox {border:0.1563vw solid #dedede; margin-top:3.1250vw; padding:1.5625vw;} .aagr_view_w .sub_list {padding-left:1.5625vw; color:#575757; font-size:3.2813vw;} [class^="txt_step_w"] + .tab_wrap_colWbline {margin-top:4.6875vw;} [class^="mb_certify"], [class^="box_guide_mb"] {width:73.4375vw; margin:0 auto; padding-top:7.8125vw;} .mbc_list + .mbc_list {padding-top:7.8125vw;} .mbc_list [class^="btn_"] + .txt_s21cLGray {padding-top:3.1250vw;} .mbc_list [class^="btn_"] + .txt_s21cLGray.txt_new { padding-top: 1.125vw;} .mb_certify_email {width:82.8125vw;} .mb_certify_email .tit_s28_fBo {padding-bottom:9.3750vw;} .mce_rmail {padding-top:6.2500vw; overflow:hidden;} .mce_rmail .btn_h50LGray_rmail {float:right; width:25.0000vw; padding:0.7813vw; background:#fff;} .btn_h50LGray_rmail .txt_btn_name {font-size:2.8125vw; font-weight:normal;} .box_guide_mb {padding:7.8125vw 0 0 0;} .box_guide_mb .context_lists_guide + .tit_s22cDark {padding-top:6.2500vw;} .box_guide_mbemail {width:82.8125vw; padding:23.4375vw 0 0 0;} .box_guide_mbemail .context_lists_guide {padding-top:3.1250vw;} .box_guide_qual {width:100%; border-top:1.5625vw solid #f6f6f6;} .forms_mem_w {margin:0 auto; padding:6.2500vw 5.4688vw 0;} .forms_mem_w .txt_tab_name {font-size:3.7500vw;} .forms_mem_w .inp_txtArea_count {height:31.2500vw;} .forms_mem_w .inp_txtArea_count textarea {height:20.3125vw !important;} .forms_mem_w .inp_txt_count .btn_inp_reset {margin-right:10.675vw;} .mem_complate_w {position:relative; padding-top:15.25vw; text-align:center;} .profile_img_w {position:relative; margin:0 auto; margin-bottom:9.3750vw; width:31.2500vw; height:31.2500vw; background:url("../images/m/membership/icon_profile.png") no-repeat; background-size:31.2500vw; } /* #user_profile_image {width:100%; height:100%;} */ .profile_img_w img {width:100%; height:100%; border-radius:50%;} .profile_img_w .btn_icon_camera {width:31.2500vw; height:31.2500vw; position:absolute; bottom:0; right:0; z-index:2;} .btn_icon_camera .icon_camera {position:absolute; bottom:0; right:0; width:10.9375vw; height:10.9375vw; background:url("../images/m/membership/icon_camera.png") no-repeat; background-size:10.9375vw;} .mem_complate_w .txt_s26cDark_fBo + .txt_s25cDark {display:block; padding-top:3.1250vw;} .mem_complate_w + .btn_blue_stepnext {position:absolute; bottom:15.5625vw; left:0;} /* 탭메뉴 체크버튼 추가 */ .chk_lists_w {margin-top:10px; width:100%; overflow:hidden;} .chk_lists_w .chk_list {width:33.333%; float:left;} .chk_list .inp_checkbox_m {background-color:transparent; vertical-align:middle;} .chk_list .inp_checkbox_m input {width:25px; height:25px; vertical-align:middle;} .inp_checkbox_m .txt_chk_box{vertical-align:middle;} .inp_checkbox_m .m_icon_checkbox {width:20px; height:20px; display: inline-block; vertical-align:middle; background-image:url('/images/common/icon_check2_off.png');} .txt_chk_box {font-size:13px; margin-left:3px; display:inline-block; } .inp_checkbox_circle input[type="checkbox"]:checked + .m_icon_checkbox {background-image:url('/images/common/icon_check2_on.png');} [class^="inp_checkbox"] input[type="checkbox"] {cursor:pointer;} .m_icon_checkbox {background-repeat:no-repeat; background-position:0 0; background-color:transparent;} /* 아이핀 인증 팝업 */ #_div_popupCertification .pop_content {padding:0 0 5.4688vw; overflow:auto;} #_div_popupCertification, .scrollable {overflow:auto; -webkit-overflow-scrolling:touch;} .scrollable iframe {width:1px !important; min-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; border:0;} /* 프로필 등록 팝업 */ .popup_profile .pop_content, .popup_srchinfo .pop_content, .popup_chgnick .pop_content {min-height:auto;} .profile_upload_w {padding:3.1250vw 0; text-align:center;} .profile_upload_w .pu_list {display:inline-block;} .profile_upload_w .pu_list + .pu_list {padding-left:14.0625vw;} .profile_upload_w .pu_list [class^="btn_icon"], .pu_list [class^="icon_"] {width:23.4375vw; height:23.4375vw;} .profile_upload_w .pu_list .icon_upload {background:url('../images/m/membership/icon_album.png') no-repeat; background-size:23.4375vw;} .profile_upload_w .pu_list .icon_basic {background:url('../images/m/membership/icon_basic.png') no-repeat; background-size:23.4375vw;} .popup_chgnick .pop_content {padding:3.1250vw 5.4688vw 6.4688vw;} /* 프로필 등록 플로팅 팝업 */ .pop_wrap_profileinfo {width:100%; height:100%; background:none; box-shadow:none;} .pop_wrap_profileinfo .mem_complate_w {padding-top:50.032vw;} .pop_wrap_profileinfo .profile_img_w {background:none;} .pop_wrap_profileinfo .profile_img_w .txt_s22cWhite {position:absolute; bottom:0; left:-18.7500vw; text-align:left;} .pop_wrap_profileinfo .icon_arrow {width:7.8125vw; height:3.9063vw; background:url('../images/m/membership/icon_arrow.png') center no-repeat; background-size:3.7500vw;} .pop_wrap_profileinfo .txt_s22cWhite + .icon_arrow {position:absolute; bottom:6.5063vw; right:9.5938vw} .pop_wrap_profileinfo .icon_profile {visibility:hidden;} .context_lists_pinfo {width:77.8125vw; margin:0 auto; padding-top:10.3125vw; text-align:left;} .context_lists_pinfo .txt_s26_tDash {font-size:3.4375vw; color:#fff;} /* 주소찾기 팝업 */ .pop_wrap_findadd .context_lists {padding:2.3438vw 0;} .pop_wrap_findadd .ct_list .txt_s21_tDash {color:#575757;} .cont_lists_address {background:#f6f6f6; padding:0 2.3438vw;} .cont_lists_address .cList {padding:2.3438vw 6.2500vw 2.3438vw 0;} .cont_lists_address .cList:last-child {border-bottom:0;} .cont_lists_address .txt_post_s22cBlack_fBo {float:left; padding-top:0.7813vw;} .cont_lists_address .context_lists {padding:0 0 0 3.1250vw;} .cont_lists_address .context_lists .ct_list + .ct_list {margin-top:0;} .pop_wrap_findadd .tab_wrap_colWbline, .pop_wrap_qtinfo .tab_wrap_colWbline {padding:0;} .pop_wrap_findadd .tab_content_w, .pop_wrap_qtinfo .tab_content_w {margin-top:3.1250vw;} .pop_wrap_findadd .btn_h70_tabWbl.active:after, .pop_wrap_qtinfo .btn_h70_tabWbl.active:after {width:100%; left:0; margin-left:0;} .pop_wrap_findadd .formGroup_add {padding-bottom:1.5625vw;} .pop_wrap_findadd .formGroup_add .inp_select {width:37.5975vw;} .formGroup_add .inp_select + .inp_select {float:right; /* margin-left:1.5625vw; */} .pop_wrap_findadd [class^="inp_select"] select {padding-right:7.8125vw;} .pop_wrap_findadd .formGroup_add2 .inp_select {width:26.5625vw;} .pop_wrap_findadd .formGroup_add2 .inp_sch {float:right; width:48.4375vw;} /* 소속기관/사업자번호 검색 팝업 */ .pop_content.srchAgency .items_btn_single {padding:3.1250vw 0; text-align:center;} .pop_content.srchAgency .btn_h70Dark {width:37.5000vw; background:#3e3e3e;} .cont_lists_agency {margin-top:4.6875vw;} .cont_lists_agency .cList {position:relative; padding:1.5625vw 0; border-bottom:0;} .cont_lists_agency .btn_h40WLine {position:absolute; top:1.5625vw; right:0; width:12.5000vw;} .cont_lists_agency .btn_h40WLine .txt_btn_name {font-weight:normal;} .interest_lists_w .interest_list + .interest_list {padding-top:5.4688vw;} .interest_list .tit_s23 {padding-bottom:3.1250vw;} .interest_list .item_rdChk.type2 .inp_radio_iChk {position:absolute; top:-2.0313vw; left:0;} .item_rdChk.type2 .inp_radio_iChk .txt_tIconRd:after {margin-top:-0.0469vw;} /* 콘텐츠 상단 라인 */ [class^="content"].Tline {border-top:0.1563vw solid #c9c9c9;} /* 아이디/비밀번호 찾기 */ .fint_info {padding:6.2500vw 8.5938vw 14.0625vw;} /* 아이디/비밀번호 찾기 팝업*/ .popup_srchinfo {text-align:center;} .popup_srchinfo .context_lists {width:73.4375vw; margin:0 auto; padding-top:3.1250vw; text-align:left;} /* 회원정보 수정 */ .meminfo_lists_w {padding:7.8125vw 5.4688vw 0 5.4688vw;} .meminfo_list {position:relative;} .meminfo_list + .meminfo_list {padding-top:6.2500vw; margin-top:6.2500vw; border-top:0.1563vw solid #c9c9c9;} .meminfo_list .tit_s28 {padding:0 0 6.2500vw 0; font-weight:normal;} .meminfo_list .btn_h50BLine_nline {width:auto; border:0; padding:0;} .meminfo_list .btn_h50BLine_nline .txt_btn_name {font-size:3.9063vw;} .btn_icon_modify {width:10.9375vw; height:10.9375vw; background:url("../images/m/membership/icon_modify.png") no-repeat; background-size:10.9375vw;} .meminfo_list .btn_icon_modify {position:absolute; top:4.6875vw; right:0;} .meminfo_lists_w + .items_btn_single , .fake_tableNoLine_modify + .items_btn_single {margin-top:9.3750vw;} .meminfo_lists_w + .items_btn_single .btn_blue_modify {width:82.8125vw;} .items_btn_single.madd .btn_h70Gray_bimore {width:82.8125vw; height:14.0625vw; background:#fff; border:0.3125vw solid #02a5b1;} .items_btn_single.madd .btn_h70Gray_bimore .txt_btn_name {color:#02a5b1; font-size:3.5938vw;} .fake_tableNoLine_modify .ft_cell_th {width:25%; padding:1.5625vw 0 0 0.7813vw;} .fake_tableNoLine_modify .ft_cell_td {padding:1.5625vw 0;} .ft_cell_td .txt_s18cBlue.btMsg {padding-top:0.7813vw;} .ft_cell_td .inp_checkbox_nick {margin-top:0.7813vw;} .fake_tableNoLine_modify .ft_cell_td .btn_h70_tab.active {padding:2.3438vw 0;} .formGroup_branch_modify {padding-left:1.5625vw;} .formGroup_branch_modify .btn_h70Gray, .formGroup_branch_modify .branch_group {margin-top:1.5625vw;} .acodian_miAct {margin-top:7.8125vw; padding-top:7.8125vw; text-align:center; border-top:1.5625vw solid #f6f6f6;} .acodian_miAct .txt_s21cLGray {padding-bottom:2.3438vw;} .acodian_miAct .btn_toggle_arrow {width:87.8125vw; border:0.3125vw solid #1ab8b9; text-align:center;} .acodian_miAct .btn_toggle_arrow:after {display:none;} .acodian_miAct .acdac_inner {text-align:left;} .acodian_miAct .acdac_inner .tit_s28 {padding-bottom:6.2500vw;} .acodian_miAct .acdac_inner .btn_h70Gray + .tit_s28 {display:block; width:100%; margin-top:6.2500vw; padding-top:6.2500vw; border-top:0.1563vw solid #c9c9c9;} .memform_more_w {position:relative;} .acdac_inner .tit_s28 + .memform_more_w {margin-top:-6.5625vw;} .memform_more_w .btn_delete {float:right; width:auto; height:auto; padding:0.7813vw 1.5625vw;} .memform_more_w + .memform_more_w {padding-top:2.6875vw; margin-top:3.1250vw; border-top:0.1563vw dashed #c9c9c9;} .memform_more_w + .memform_more_w + .btn_h70Gray {margin-top:4.6875vw;} /* 프로필 관리 */ .set_profile_w {padding-top:31.2500vw; text-align:center;} .set_profile_w .txt_s26cDark_fBo {font-size:4.3750vw;} .set_profile_w .btn_blue_nick {width:82.8125vw; margin-top:4.6875vw;} .chck_profile {padding:0 8.5938vw;} .chck_profile > [class^="tit_"] {width:100%; padding-top:7.8125vw; text-align:center;} .chck_profile .btn_blue_profile {margin-top:4.6875vw;} .chck_profile .txt_s23cGray {padding-top:4.6875vw; margin-top:4.6875vw; border-top:0.1563vw solid #c9c9c9; text-align:center;} .reqid_box {margin-top:9.3750vw; padding:4.6875vw 1.5625vw; background:#f6f6f6; text-align:center;} .reqid_box dl + dl {padding-top:7.8125vw;} .reqid_box .txt_s23cBlack {display:block; padding-bottom:1.5625vw;} .cha_pwd_w {padding-top:9.3750vw;} .cha_pwd_w .cpw_list + .cpw_list {margin-top:3.1250vw;} .cha_pwd_w + .context_lists {padding-top:7.8125vw;} /* 닉네임 변경 팝업 */ .popup_chgnick .txt_s18cBlue {padding-top:1.5625vw;} /* 휴면해제 */ .btn_blue_request {position:fixed; bottom:0; left:0;} /* 이벤트 */ [class^="event_w_"] {padding:3.125vw 5.4688vw 7.8125vw;} [class^="ev_list"] {position:relative; border-bottom:0.1563vw solid #c9c9c9;} .link_arrow_event {padding:4.6875vw 6.2500vw 4.6875vw 0; height:27.3439vw;} .link_arrow_event:after {top:4.6875vw; background:url('../images/m/event/icon_arrow.png') 50% no-repeat; background-size:1.8750vw;} .link_arrow_event .evimg_w {position:absolute; top:4.6875vw; left:0; width:31.2500vw; height:17.9688vw; background:#efefef; overflow:hidden;} .link_arrow_event .evimg_w img {width:100%; height:100%;} .link_arrow_event .evimg_w .txt_label_darkGray {position:absolute; top:0; left:0;} .link_arrow_event .ev_cont {/* width:72.75vw; */ width:95%; padding-left:35.9375vw;} .link_arrow_event .txt_s19cLGray {position:absolute; bottom:4.6875vw; left:35.9375vw;} .ev_list_end img, .ev_list_end .ev_cont {opacity:.5;} .ev_list_end .link_arrow_event:after {opacity:.3;} .ev_list_prize .ev_cont {padding-left:0;} .ev_list_prize .ev_cont .txt_label_redNLine {float:left; padding:1.2500vw 1.5625vw 0 0; font-size:2.3438vw; color:#d41b31; vertical-align:middle;} .ev_list_prize .ev_cont .txt_s19cLGray {left:0;} .event_w_agree {padding:9.3750vw 0;} .event_w_agree > .tit_s28_fBo {padding-left:5.4688vw;} .event_w_agree .box_grayGuide {max-height:58.5938vw; margin-top:4.6875vw; padding:3.1250vw 9.3750vw; border-top:0.1563vw solid #c9c9c9; overflow-y:auto;} .event_w_agree .box_grayGuide .context_lists {padding:4.6875vw 0;} .event_w_agree .inp_checkbox {margin:5.4688vw 0 0 6.2500vw;} .event_w_agree .inp_checkbox .txt_tIconChk {color:#575757; font-size:3.2813vw;} .event_w_agree .items_btn_single {padding-top:14.0625vw;} .event_w_agree .btn_blue_evnet {width:82.8125vw;} .event_w_prize {padding-top:7.8125vw; text-align:center;} .event_w_prize .tit_s28_fBo {display:block; text-align:left;} .event_w_prize .icon_gift {width:15.6250vw; height:15.6250vw; margin:7.8125vw 0; background:url("../images/m/event/icon_gift.png") no-repeat; background-size:15.6250vw;} .popup_evresult .pop_content {text-align:center;} .popup_evresult .tit_s28cBluefBo + .txt_s23cBlack {padding-top:1.5625vw;} .popup_evresult .context_lists {padding-top:4.6875vw; margin-top:4.6875vw; border-top:0.1563vw solid #c9c9c9; text-align:left;} /* 댓글 등록하기 */ .bbsView_event {padding:7.0313vw 5.4688vw;} [class^="bbsView_event"] .bv_header {position:relative; padding-bottom:4.6875vw; border-bottom:0.1563vw solid #c9c9c9;} .bv_header.ing .tit_s26_fBo {width:90%;} .bv_header .txt_s19cLGray2 {padding-top:4.6875vw;} .bv_header .bve_share {position:absolute; top:0; right:0; width:100%;} .bv_content {padding-top:7.8125vw;} .bv_content img {width:100%;} .bv_content [class^="layout_"] + [class^="layout_"] {margin-top:7.8125vw;} .bv_content #wrap {width:100%; padding-top:0;} .layout_video {position:relative;} .layout_video .lv_video_w {height:47.6563vw;} .layout_video .lv_video_w + .lv_dim {position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/m/event/bg_gradation.png") no-repeat;} .layout_video .btn_icon_play {position:absolute; top:50%; left:50%; margin-top:-5.0000vw; margin-left:-5.0000vw; width:10.0000vw; height:10.0000vw; background:url("../images/m/event/icon_btnplay.png") no-repeat; background-size:10.0000vw;} [class^="bbsView_event"] + .reply_wrap {padding-top:7.8125vw; margin-top:4.6875vw; border-top:1.5625vw solid #f6f6f6;} .reply_write_box {width:89.0625vw; margin:0 auto; padding-bottom:4.6875vw; text-align:center;} .reply_write_box .inp_txtArea_count {height:39.0625vw; margin:0 auto;} .reply_write_box .inp_txtArea_count textarea {height:26.5625vw !important;} .reply_write_box .btn_blue_confirm {width:82.8125vw; margin-top:4.6875vw;} .reply_lists_w {padding:4.6875vw 0 12.5000vw; border-top:0.1563vw solid #c9c9c9;} .reply_list {position:relative; margin:0 5.4688vw; padding-bottom:4.6875vw;} .reply_list + .reply_list {padding-top:4.6875vw; border-top:0.1563vw solid #c9c9c9;} .reply_list .txt_s19cLGray2 + .rl_item_replyCont {padding-top:1.5625vw;} .reply_list .btn_delete_reply {position:absolute; top:1.8750vw; right:0; width:5.4688vw; height:3.9063vw; padding:0;} .reply_list .btn_delete_reply .txt_btn_name {color:#575757; font-size:2.8125vw; font-weight:normal;} [class^="bbsView_event"] + .reply_wrap .reply_list .btn_delete_reply {top:6.475vw;} [class^="bbsView_event"] + .reply_wrap .reply_list:first-child .btn_delete_reply {top:2.175vw;} /* MY > MY학습 */ [class*="content_bgGray"] {/*padding:0 0 1.5625vw 0;*/ background:#f6f6f6;} .tab_wrap_colRd.topgray {padding-top:7.8125vw; background:#f6f6f6;} .tab_wrap_colRd.topgray:after {top:18.5938vw;} .certify_info_w {height:15.6250vw; padding:3.1250vw 5.4688vw; background:#e7f0ef; overflow:hidden;} .certify_info_w [class^="txt_"] {vertical-align:middle;} .certify_info_w .btn_h60BLine {float:right; width:23.4375vw; min-width:23.4375vw; margin-left:1.5625vw; padding:0 2.3438vw;} .certify_info_w.ty2 {position:relative; height:auto;} .certify_info_w.ty2 .btn_h60BLine {float:unset; display:inline-block; margin-left:0;} .certify_info_w.ty2 .btn_h60BLine + .txt_s18cGray {display:block; padding-top:0.7813vw;} .certify_info_w.ty2 .inp_select, .myt_info .inp_select {position:absolute; top:5.125vw; right:5.4688vw; width:31.2500vw;} .myt_info {position:relative; padding:3.4375vw 5.8125vw; background:#e7f0ef;} .myt_info .icon_guide {top:0.7813vw;} .myt_info .inp_select {top:2.6563vw;} .myt_info .icon_info {width:10.1563vw; height:12.5000vw; background:url("../images/m/about_kbi/icon_info.png") no-repeat; background-size:76% auto;} [class^="thumbnail_lists_"] {} .thumb_list {position:relative; min-height:32.3125vw; padding:6.2500vw 5.4688vw; background:#fff; border-bottom:0.1563vw solid #c9c9c9;} .thumb_list:last-child {border-bottom:0;} .thumb_list + .thumb_list {position:relative; border-top:1.5625vw solid #f6f6f6;} .thumb_list .inp_checkbox {z-index:1;} /*.thumb_list .txt_author {font-size:2.9688vw !important;}*/ .thumbnail_lists_chck .thumb_list {padding:1.5625vw 5.4688vw 4.6875vw;} .thumb_list.now:before {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(2,165,177,0.22); content:''; z-index:2;} .thumb_list.now:after {position:absolute; top:50%; left:50%; width:15.6250vw; height:15.6250vw; margin-top:-7.8125vw; margin-left:-7.8125vw; background:url('../images/m/kbi_tube/icon_play_blue.png') no-repeat; background-size:100% auto; content:''; z-index:3;} .thumb_btn_w {padding-top:6.2500vw;} .thumb_btn_w [class^="btn_"] {width:31.2500vw; padding:2.3438vw 0;} .thumb_btn_w [class^="btn_"] .txt_btn_name {font-size:3.2813vw; font-weight:normal;} .thumb_btn_w .btnnew {width:35vw;background:#be9669;} .thumb_btn_w_new { padding-top: 2vw; } .inp_checkbox_chk + .thumbnail_rcol {margin-top:4.6875vw;} .thumbnail_rcol {position:relative;} .thumbnail_rcol .link_thum {display:block;} .thumbnail_rcol .link_thum.book .thum_cont .title_w {height:12.4375vw} .thumbnail_rcol .thum_img {position:absolute; top:1.0938vw; right:0; width:31.2500vw; height:18.2813vw; background:#f6f6f6; overflow:hidden; text-align:center;} .thumbnail_rcol .thum_img img {height:100%;} .thumbnail_rcol .thum_img [class^="txt_label"] {position:absolute; top:0; left:0;} .thumbnail_rcol .thum_img .txt_label_black {top:auto; left:auto; bottom:0.7813vw; right:0.7813vw; font-size:2.5000vw; border-radius:0.4688vw;} .thumbnail_rcol .thum_img.complete {float:right; position:relative;} .thumbnail_rcol .thum_img.complete:before {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:5.9375vw; font-size:4.0625vw; color:#fff; font-weight:700; background:rgba(74,74,74,.8); content:'학습완료'; z-index:2;} /* 도서 이미지 썸네일*/ .thum_img.book {height:18.2813vw; padding:1.5625vw 4.6875vw; background:url('../images/m/common/bg_thum_s.png') no-repeat center bottom; text-align:center;} .thum_img.book .bk_img_w {display:inline-block; overflow:hidden; padding:0 3.1250vw; height:100%; background:url('../images/m/common/bg_book_shadow_s.png') no-repeat; background-size:auto 100%;} .thum_img.book .img_bk {display:inline-block; overflow:hidden; width:auto; max-width:100%; height:100%; vertical-align:middle; box-sizing:border-box;} .thum_img.book .img_bk img {width:auto; max-width:100%; height:100%; vertical-align:top;} .thumbnail_rcol .thum_cont {position:relative; min-height:21.0938vw;} .thum_cont [class^="txt_label"] + .title_w {margin-top:0.7813vw;} .thum_cont .txt_head {font-size:2.8688vw; color:#575757;} .thum_cont [class^="txt_label"] + .txt_head {padding-left:0.5813vw;} .thum_cont .txt_head + .txt_head {position:relative; margin-left:1px; padding-left:/* 0.9375vw */ 5px; } .thum_cont .txt_head + .txt_head:before {position:absolute; left:-0.0563vw; top:50%; margin-top:-1.437vw; width:0.2563vw; height:2.874vw; background:#878787; content:'';} .thum_cont .title_w {width:48.4375vw; min-height:12.5vw; padding-top:0.7813vw; color:#282828; font-weight:700; font-size:3.2813vw;} .thum_cont .txt_period, .thum_cont .txt_author {display:block; font-size:3.2813vw; color:#575757;} .thum_cont .title_w + .txt_period, .thum_cont .title_w + .txt_author {padding-top:1.5625vw;} .thum_cont [class^="txt_state"] {font-size:3.2813vw; color:#02a5b1;} /*.thum_cont .txt_state_end {color:#575757;}*/ .thum_cont .txt_turning {position:relative; top:0.3125vw; margin-left:0.4688vw; font-size:2.9688vw; color:#575757; vertical-align:middle;} .thum_cont .txt_author {display:inline-block;} .thum_cont .btn_txt_prof {width:auto; height:auto; padding:0.7813vw 1.5625vw; /*margin-left:0.7813vw;*/} .btn_txt_prof .icon_arrow {width:2.3438vw; height:2.3438vw; background:url('../images/m/common/icon_arrow_blue.png') no-repeat; background-size:100% auto;} .thum_cont .tc_btn {padding-top:1.5625vw; overflow:hidden;} .tc_btn .align_maker {height:9.3750vw;} .tc_btn [class^="txt_"] {vertical-align:middle;} .tc_btn .txt_price + [class^="txt_state"], .tc_btn .txt_price + .txt_s20cRed_sale {padding-left:1.5625vw;} .tc_btn .txt_applyday {font-size:3.2813vw; color:#575757;} .tc_btn [class^="btn_h60"] {float:right; min-width:23.4375vw; /*width:23.4375vw;*/ padding:0.4688vw 2.3438vw; z-index:2;} .tc_btn [class^="btn_h60"] + [class^="btn_h60"] {margin-left:0; margin-right:0.7813vw;} .thum_bttm {position:relative; margin-top:3.1250vw; padding-top:3.1250vw; border-top:0.1563vw solid #c9c9c9;} .txt_category {font-size:2.9688vw; color:#575757;} .thum_bttm .inp_checkbox_heart {position:absolute; top:3.1250vw; right:0; z-index:5;} .inp_checkbox_heart .txt_tIconChk {width:6.2500vw; height:6.2500vw; padding:0; text-indent:-9999em;} .inp_checkbox_heart .txt_tIconChk:before {width:6.2500vw; height:6.2500vw; margin-top:-4.125vw; background-image:url('../images/m/common/icon_heart.png'); background-size:6.2500vw;} .inp_checkbox_heart input[type="checkbox"]:checked + .txt_tIconChk:before { background-image:url('../images/m/common/icon_heart_active.png');} .thum_result {padding-top:2.3438vw; border-top:0.1563vw solid #c9c9c9; overflow:hidden;} .thum_cont + .thum_result {margin-top:6.2500vw;} .tr_num_w {float:right;} .tr_num_w [class^="tr_"] {display:inline-block; font-size:3.2813vw; color:#575757;} .tr_num_w [class^="tr_"] + [class^="tr_"] {position:relative; padding-left:5.4688vw;} .tr_num_w [class^="tr_"] + [class^="tr_"]:before {position:absolute; top:1.2500vw; left:2.0313vw; width:0.1563vw; height:3.1250vw; border:0.1563vw solid #d8d8d8; background:#575757; content:'';} .thumbnail_lists_requal .thumb_list {padding:6.2500vw 0;} .thumbnail_lists_requal .thumb_list + .thumb_list {border-top:0;} .thumbnail_lists_requal .thumb_list:last-child {padding-bottom:0;} .thumbnail_lists_requal .title_w {height:12.375vw;} .thumbnail_lists_requal .thum_cont .title_w.ty2 {width:100%; /*min-height:12.375vw;*/ height:auto;} .thum_cont .items_btn_dSpace {padding-top:3.9063vw;} .thum_cont .items_btn_dSpace > .item_list.oneButton {width:100%; padding-right:0;} /* MY > 본인인증 */ .mytop_info {padding:6.2500vw 5.4688vw 0;} .acodian_myauth {padding:7.8125vw 5.4688vw;} .acodian_myauth .f_list {position:relative;} .acodian_myauth .inp_txt + .txt_s21cLGray {padding-top:1.5625vw;} /*.acodian_myauth + .btn_blue_certify {position:fixed; bottom:0; left:0; z-index:2;}*/ .acodian_myauth .inp_txt_agency .btn_h50WLine {position:absolute; top:1.5625vw; left:3.1250vw;} .acodian_myauth .inp_txt_agency .btn_inp_reset {right:9.3438vw;} .acodian_myauth .formGroup_cpNumber + .btn_h70Gray {margin:1.5625vw 0 3.1250vw;} .srch_com_w {display:none; position:absolute; top:18.4938vw; left:0; padding:2.3438vw 3.1250vw; width:100%; max-height:31.2500vw; background:#fff; border:0.1563vw solid #d2d2d2; z-index:5; overflow-y:auto;} .srchc_lists_w .srchc_list + .srchc_list {margin-top:1.5625vw;} .srchc_lists_w .srchc_list {padding:0.4688vw 0;} .srchc_lists_w .srchc_list a {display:block; width:100%;} .srchc_lists_w .srchc_list [class^="txt_"] {display:block;} .srch_com_w + .btMsg + .txt_s18cLGray {padding-top:1.5625vw;} /* 기관선택 아래 팝업 */ .menuBtn, .acodian_myauth .btn_inp_sch {position:absolute; top:10.9375vw; right:2.3438vw; border:0; background-color:transparent;} .cstm_btn {width: 10vw; height: 10vw; top: 8.5vw; right: 0vw;} /*.menuBtn:checked ~ .srch_com_w {display:block;}*/ /* 교재 수령여부 확인 팝업 */ .popup_bookreceiving {text-align:center;} .popup_bookreceiving .inp_radio_w {padding:7.8125vw 0;} .popup_bookreceiving .btn_h50BLine {width:31.2500vw;} .popup_bookreceiving .box_guide {padding:7.8125vw 0 0; margin-top:7.8125vw; border-top:0.1563vw solid #c9c9c9; text-align:left;} /* 소속기관 본인인증 팝업 */ .popup_authagency {} .popup_authagency .txt_s21cLGray + .authg_box {margin-top:1.5625vw;} .popup_authagency .authg_box {padding:4.6875vw 6.2500vw; background:#f6f6f6;} .authg_box dl {overflow:hidden;} .authg_box dl + dl {padding-top:3.1250vw;} .authg_box dt, .authg_box dd {float:left;} .authg_box dt + dd {padding-left:9.3750vw;} .authg_box + .txt_s21cBlue {padding-top:3.1250vw;} .popup_authagency .txt_s25cDark {width:100%; padding:4.6875vw 0 0; text-align:center;} .context_lists_authg {margin-top:4.6875vw; padding:4.6875vw 0; border-top:0.1563vw solid #c9c9c9;} .context_lists_authg .ct_list + .ct_list {margin-top:4.6875vw;} /* 찜 */ [class^="tab_header"], .chck_lists_w {padding:7.8125vw 5.4688vw 0; background:#fff; overflow:hidden;} .tab_header_book {margin-bottom:1.5625vw; box-shadow:0 0.4688vw 0.7813vw 0.7813vw #f6f6f6;} [class^="sorting_lists_"] {padding-top:6.2500vw; text-align:center; overflow:hidden;} .sort_list {float:left; width:17.75vw; height:auto; font-size:3.4375vw; text-align:center;} .sort_list a {display:block;} .sort_list + .sort_list {border-left:0.1563vw solid #dadada;} .sort_list dl {display:inline-block; vertical-align:middle;} .sort_list dl dt + dd {padding-top:1.5625vw;} .sorting_lists_w + .myt_info {margin:4.6875vw 0; padding:2.4375vw 5.8125vw;} .sorting_lists_w + .myt_info .icon_guide {top:0.3125vw;} .chck_lists_w {padding:0; overflow:hidden;} .chck_lists_w .tit_s28 {display:block; padding-bottom:6.2500vw;} [class^="clw_top"] {padding:4.6875vw 5.4688vw 7.8125vw 5.4688vw; overflow:hidden;} [class^="clw_top"] .btn_h50LGray_alldelt {float:right; width:20.3125vw;} [class^="clw_top"] .btn_h50LGray_alldelt .txt_btn_name {font-size:3.4375vw; font-weight:normal;} .clw_top_line {padding-bottom:4.6875vw; border-bottom:0.1563vw solid #c9c9c9;} .clw_top_npdb {padding-bottom:1.5625vw;} .entire_nolist {height:calc(100vh - (14.0625vw + 15.6250vw)); background:#efefef; text-align:center;} .entire_nolist .msg_w {display:inline-block; vertical-align:middle;} .entire_nolist .msg_w [class^="bg_"] {display:block; width:39.0625vw; height:39.0625vw; margin:0 auto;} .entire_nolist .msg_w .bg_heart {background:url('../images/m/mypage/bg_heart.png') no-repeat; background-size:39.0625vw;} .entire_nolist .msg_w .bg_cart {background:url('../images/m/mypage/bg_cart.png') no-repeat; background-size:39.0625vw;} .entire_nolist .msg_w .bg_tube {background:url('../images/m/mypage/bg_tube.png') no-repeat; background-size:39.0625vw;} .entire_nolist .msg_w .bg_point {background:url('../images/m/mypage/bg_point.png') no-repeat; background-size:39.0625vw;} .entire_nolist .msg_w .bg_alarm {background:url('../images/m/alarm/bg_alarm.png') no-repeat; background-size:39.0625vw;} .entire_nolist .msg_w .bg_version {background:url('../images/m/common/kbi_version.png') no-repeat; background-size:39.0625vw;} .entire_nolist .msg_w [class^="bg_"] + .txt_s25cLGray {padding-top:9.3750vw;} .entire_nolist.ty2 {height:89.0625vw;} .entire_nolist.ty3 {height:44.5312vw;} .entire_nolist .txt_s21cGray {padding-top:4.6875vw;} .entire_nolist .btn_blue_update {margin-top:10.9375vw;} .tab_header_book .txt_step_w_book {box-shadow:none;} /* 책바구니 */ .inp_checkbox_chk .txt_tIconChk {width:4.2188vw; padding:0; text-indent:-9999em;} .inp_checkbox_chk + .thumbnail_lcol {margin-top:-4.9063vw; padding-left:7.8125vw;} .thumbnail_lcol {position:relative;} .link_thum_book {position:relative; min-height:30.9375vw;} .link_thum_book .thum_img {float:left; display:inline-block; width:23.4375vw; height:30.9375vw; background:#eeeeee; box-shadow:0.1563vw 0.4688vw 0.7813vw 0 rgba(126, 126, 126, 0.8); text-align:center; overflow:hidden;} .link_thum_book .thum_img img {max-width:100%; height:100%;} .link_thum_book .thum_cont {padding-left:31.2500vw;} .link_thum_book .title_w {padding-bottom:3.1250vw;} .link_thum_book [class^="txt_"] + .txt_s20cRed {padding-left:1.5625vw;} .link_thum_book .txt_s19cGray {display:block;} .ltb_bttm .btn_h50LGray {width:20.3125vw;} .thumbnail_lcol .inp_num.book {margin:4.6875vw 0 0.1563vw 31.625vw; margin-bottom:0.1563vw; width:43.7500vw;} .thumbnail_lists_delete {border-bottom:0.1563vw solid #c9c9c9;} .thumbnail_lists_delete:last-child {border-bottom:0;} .thumbnail_lists_delete .thumb_list {height:54.2625vw; padding:3.1250vw 5.4688vw 4.6875vw; box-sizing:border-box;} .thumbnail_lists_delete .btn_h50LGray_delete {position:absolute; bottom:4.6875vw; left:15.0438vw; width:20.3125vw;} .btn_h50LGray_delete .txt_btn_name {font-size:3.4375vw; font-weight:normal;} .totalpay_info {position:relative; padding:1.5625vw 5.4688vw 4.6875vw; background:#fff; border-bottom:0.1563vw solid #c9c9c9;} .fake_tableLine_totalpay {border:0;} .fake_tableLine_totalpay .ft_cell_td {text-align:right;} .fake_tableLine_totalpay .txt_cBluefBo {font-size:5.6250vw;} .fake_tableLine_totalpay + .items_btn_double [class^="btn"] {width:48%;} .chck_lists_w + .totalpay_info, .totalpay_info + .chck_lists_w {border-top:1.5625vw solid #f6f6f6;} .chck_lists_w + .totalpay_info:before {position:absolute; top:-1.5625vw; left:0; width:100%; height:0.1563vw; background:#c9c9c9; content:'';} /* 주문서 작성/결제 */ .box_tbLGrayBook {padding:7.8125vw 5.4688vw;} .box_tbLGrayBook .tit_s28cBlack {padding-bottom:6.2500vw;} .btb_info_w {padding:0 0 0 7.0313vw;} .btb_info_w .thum_cont .title_w {max-width:42.1875vw; padding-bottom:1.125vw;} .btb_info_w .txt_s23cDark {display:block;} .btb_info_w .txt_s19cGray {margin-top:0.7813vw;} .btb_info_w .txt_s19cGray .txt_label_blueLine {height:3.3875vw; padding:0.4688vw 0.5625vw; margin-right:0.7813vw; line-height:1; font-size:2.5000vw; vertical-align:text-bottom;} .btb_info_w .thumbnail_lcol li.link_thum_book + li.link_thum_book {margin-top:3.1250vw; padding-top:3.1250vw; border-top:0.1563vw solid #c9c9c9;} .thumbnail_lcol + .fake_tableNoLine_book {padding-top:7.8125vw;} .fake_tableNoLine_book [class^="ft_cell"] {height:10.9375vw; vertical-align:middle;} .fake_tableNoLine_book .ft_cell_th {position:relative; padding:1.5625vw 0;} .fake_tableNoLine_book .ft_cell_td {position:relative; padding:1.5625vw 0; text-align:right;} .fake_tableNoLine_book .inp_num {width:43.7500vw;} /*.fake_tableNoLine_book .ft_tr_mileage .btn_h50LGray {position:absolute; top:1.0938vw; left:17.1875vw; width:20.3125vw;}*/ .fake_tableNoLine_book .ft_tr_mileage .inp_txt {width:26.5625vw; height:9.3750vw;} .fake_tableNoLine_book .ft_tr_mileage .txt_s19cGray {padding-top:1.5625vw;} .fake_tableNoLine_book .txt_cBluefBo_total {font-size:5.6250vw;} .fake_tableNoLine_book.type2 {padding:0 1.5625vw;} .ft_tr_mileage .ftm_btn_w {padding-top:1.5625vw;} .ft_tr_mileage .ftm_btn_w [class^="btn"] {width:17.3125vw; padding:0.1688vw 0;} .ft_tr_mileage .ftm_btn_w .btn_h50LGray + .btn_h50Blue {margin-left:0.5625vw;} .box_tbWtotpay {border-bottom:0.1563vw solid #c9c9c9;} .box_tbWtotpay > .tit_s28cBlack {padding-bottom:3.1250vw;} .box_tbWtotpay + .order_list_w {border-top:1.5625vw solid #f6f6f6;} /* 주문정보 입력 */ .order_list_w {position:relative; padding:6.2500vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9;} .order_list_w:last-child {border-bottom:0;} .order_list_w + .order_list_w {border-top:1.5625vw solid #f6f6f6;} .order_list_w .tit_s28cBlack {padding-bottom:4.6875vw;} .order_list_w .txt_s22cBlack {display:block;} .order_list_w .inp_checkbox_opt {float:right;} .order_list_w .fake_tableNoLine_lpd .ft_cell_th {width:30%; padding-left:1.5625vw;} .order_list_w .tit_s28cBlack + .txt_s22cLGray {display:block;} .order_list_w .txt_s22cLGray_tRm {padding-bottom:4.6875vw;} .acdac_inner_pay {padding:3.1250vw;} .acdac_inner_pay .inp_select + .inp_select {margin-top:1.5625vw;} .order_list_w .fake_tableNoLine_book + .tit_s28cBlack {padding-top:7.8125vw;} .order_list_w .chg_recollect {float:right;} .order_list_w .inp_checkbox_agree {margin-top:1.5625vw;} .order_list_w .inp_checkbox_agree .txt_tIconChk {color:#898989;} .order_list_w.agree {border-bottom:0;} .order_list_w.agree .btn_refund {float:right; width:auto; height:auto; padding:0.7813vw;} .box_grayGuide.book {} .box_grayGuide.book .txt_s26cBlackfBo, .box_grayGuide.book .context_lists_guide .txt_s23cBlack_fBo {padding-bottom:3.1250vw;} .box_grayGuide.book .context_lists_guide > .ct_list + .ct_list {margin-top:0; padding-top:4.6875vw;} .order_agree_w {} .order_agree_w .memstep_list {padding-top:3.1250vw;} .order_agree_w .memstep_list .txt_s21cLGray_detail {top:3.1250vw;} .comppay_box {padding:7.8125vw 13.2813vw; text-align:center;} /* 주문번호 확인 */ .comppay_box .order_num {display:inline-block; width:73.4375vw; padding:1.5625vw; margin-top:7.8125vw; border:0.1563vw solid #d2d2d2; font-size:3.9063vw;} .comppay_box .btn_blue {margin-top:3.1250vw;} .box_tbLGraypayinfo {padding:7.8125vw 5.4688vw;} /* 결제정보 테이블 */ .box_tbLGraypayinfo .tit_s28cBlack {padding-bottom:4.6875vw;} .box_tbLGraypayinfo .ft_cell_th {width:30%; padding-left:1.5625vw;} /* MY일정 */ .form_schedule_w {padding:7.8125vw 5.4688vw;} .formGroup_scheduleinfo {padding-top:3.1250vw;} .formGroup_scheduleinfo .box {display:inline-block; width:4.6875vw; height:4.6875vw; background:#e7f0ef; text-indent:-1562.3438vw; vertical-align:middle;} .formGroup_scheduleinfo .box + .txt_s21cLGray {padding-left:3.1250vw; vertical-align:middle;} .tab_wrap_schedule {padding:0;} .tab_wrap_schedule .tabmenu_col {margin:0 5.4688vw;} .tab_wrap_schedule .tws_list {padding:3.1250vw 5.4688vw;} .tws_list + .tws_list {border-top:0.1563vw solid #c9c9c9;} .tws_list .link_arrow:after {right:-2.0313vw; background:url('../images/m/event/icon_arrow.png') 50% no-repeat; background-size:1.8750vw;} .tws_list .txt_s25cBlack {display:block; width:81.2500vw;} .tws_list [class^="stxt_"] {position:relative; font-size:2.9688vw; color:#898989;} .tws_list [class^="stxt_"] + [class^="stxt_"] {padding-left:3.1250vw;} .tws_list [class^="stxt_"] + [class^="stxt_"]:before {position:absolute; top:0.3125vw; left:1.0938vw; width:0.1563vw; height:3.1250vw; background:#898989; content:'';} .form_schedule_w + .tab_wrap_schedule .tws_list {padding-top:0;} /* MY쿠폰 */ .tab_wrap_mycoupon {padding-top:7.8125vw;} .info_pop {padding:6.2500vw 5.4688vw 3.1250vw; text-align:right;} .btn_guide {width:auto; height:auto; padding:0;} .btn_guide .txt_btn_name {font-size:3.4375vw; color:#575757; font-weight:normal;} .btn_guide .icon_guide_round {margin:0 1.5625vw 0 0; vertical-align:top;} .coupon_lists_w {} .cup_list {position:relative; padding:6.2500vw 5.4688vw 14.0625vw;} .cup_list + .cup_list {border-top:0.1563vw solid #c9c9c9;} .cup_list [class^="icon_"] {position:absolute; top:8.9063vw; left:5.4688vw; width:12.8125vw; height:12.8125vw;} .cup_list .icon_coffee {background:url('../images/m/mypage/icon_coupon_coffee.png') no-repeat; background-size:100%;} .cup_list .icon_meal {background:url('../images/m/mypage/icon_coupon_meal.png') no-repeat; background-size:100%;} .cup_list .btn_h60Blue_use, .cup_list [class^="txt_cup_"] {position:absolute; bottom:4.6875vw; right:5.4688vw; min-width:23.4375vw; width:23.4375vw;} .cup_list [class^="txt_cup_"] {font-size:3.1250vw; font-weight:700; text-align:center;} .cup_list .txt_cup_used {color:#02a5b1;} .cup_list .txt_cup_expired {color:#9b9b9b;} .cul_cont {position:relative; padding-left:17.1875vw;} .cul_cont [class^="txt_"] {display:block;} .cul_cont [class^="txt_"] + [class^="txt_"] {padding-top:1.5625vw;} .cul_cont .txt_s23cBlack_fBo .cBlue0 {padding-right:1.5625vw;} .cul_cont .date_used {position:absolute; top:50%; margin-top:-10px; right:0; font-size:2.9688vw; color:#575757; text-align:center;} .info_pop + .coupon_lists_w .cup_list:first-child {border-top:1.5625vw solid #f6f6f6;} .cup_list.no_list {position:relative; padding-top:23.4375vw; text-align:center; border-top:1.5625vw solid #f6f6f6;} .info_pop + .coupon_lists_w .cup_list:first-child:before, .info_pop + .coupon_lists_w .cup_list.no_list:before {position:absolute; top:-1.5625vw; left:0; width:100%; height:0.1563vw; background:#c9c9c9; content:'';} .popup_subinfo {} .popup_subinfo .ct_list_st {margin-top:3.1250vw; padding-top:3.1250vw; border-top:0.1563vw solid #c9c9c9;} .popup_subinfo .ct_list_st .txt_s26cBlue_tRm {letter-spacing:-0.1563vw;} /* 쿠폰사용 팝업 */ .popup_coupon {height:88.1250vw; text-align:center;} .uc_qrcode img {width:34.3750vw; height:34.3750vw;} .uc_info {padding-top:4.6875vw;} .uc_info [class^="txt_"] {display:block;} .uc_info .txt_s28cBlack + .txt_s23cDark2 {padding-top:4.6875vw;} .uc_info .txt_s23cDark2 + .txt_s23cDark2 {padding-top:0.7813vw;} /* MY 활동 */ .myact_lists {position:relative; padding:7.8125vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9;} .myact_lists + .myact_lists {border-top:1.5625vw solid #f6f6f6;} .myact_lists:last-child {border-bottom:0;} .myact_lists h4 {font-size:4.3750vw; font-weight:normal; color:#282828;} .fake_tableNoLine_myact {padding-top:4.6875vw;} .fake_tableNoLine_myact [class^="ft_cell"] {padding:2.3438vw 0;} .fake_tableNoLine_myact .ft_cell_td {text-align:right;} .myact_lists + [class^="slideSection_my"] {border-top:1.5625vw solid #f6f6f6;} [class^="txt_myinfo"] {width:100%; padding:9.3750vw 0 4.6875vw; color:#8f8f8f; text-align:center;} .txt_myinfo_ty2 {padding-top:0;} .txt_myinfo_ty2 .btn_blue {width:73.4375vw; margin-top:9.3750vw;} [class^="slideSection_my"] {position:relative; padding:7.0313vw 0 6.2500vw; border-bottom:0.1563vw solid #c9c9c9;} [class^="slideSection_my"] + [class^="slideSection_my"] {border-top:1.5625vw solid #f6f6f6;} [class^="slideSection_my"]:last-child {border-bottom:0;} [class^="slideSection_my"] .ts_slider {margin:0 auto; width:calc(100% - 10.9375vw);} [class^="slideSection_my"] .tit_s28cBlack {padding-bottom:3.9063vw;} [class^="slideSection_my"] .btn_icon_more {position:absolute; top:7.8125vw; right:4.6875vw; width:6.2500vw; height:6.2500vw; background:url('../images/m/common/arrow_right_gray.svg') center no-repeat; background-size:100% auto;} .ts_list.null [class^="vb_list"] {background:#fff;} [class^="vb_list"] {position:relative; display:inline-block; width:89.0625vw; background:#f6f6f6; vertical-align:top;} [class^="vb_list"] + [class^="vb_list"] {margin-left:1.5625vw;} [class^="vb_list"] .vb_link {display:block; min-height:46.8750vw; padding:6.2500vw 4.6875vw;} .vb_tit {position:relative; max-height:12.1875vw; height:auto;} .vb_tit .tit_s26_fBo {max-width:100%;} [class^="vb_tit"] .cBlue, [class^="vb_tit"] .cBlack, .bpc_cont .cBlue {padding-right:1.5625vw;} .vb_cont {height:13.4375vw; padding-top:3.1250vw;} .vb_cont .txt_s23cLGray {width:100%; padding-top:4.6875vw; text-align:center;} .vb_reaction {position:relative; padding-top:7.8125vw;} .vb_reaction [class^="txt_icon"] {position:relative; padding-left:6.2500vw; font-size:2.9688vw; color:#9b9b9b;} .vb_reaction .txt_s18cLBrown_icon_symp {position:relative; padding-left:6.2500vw; font-size:2.9688vw;} .vb_reaction [class^="txt_icon"] + [class^="txt_icon"], .vb_reaction [class^="txt_icon"] + a, .vb_reaction a + a {margin-left:2.3438vw;} .vb_reaction a + a .txt_s18cLBrown_icon_symp {margin-left:0;} .vb_reaction [class^="txt_icon"] [class^="icon_"], .vb_reaction .txt_s18cLBrown_icon_symp .icon_sympathy_on {position:absolute; top:0.9938vw; left:0; margin-top:-0.7813vw;} .vb_reaction .icon_sympathy {width:4.1625vw; height:4.1625vw; background:url('../images/m/common/icon_sympathy.png') center no-repeat; background-size:100% auto;} .vb_reaction .icon_sympathy_on {width:4.1625vw; height:4.1625vw; background:url('../images/m/common/icon_sympathy_on.png') center no-repeat; background-size:100% auto;} .vb_reaction .icon_view {width:4.6875vw; height:4.0625vw; background:url('../images/m/common/icon_view.png') center no-repeat; background-size:100% auto;} .vb_reaction .icon_comment {width:4.3750vw; height:4.0625vw; background:url('../images/m/common/icon_comment.png') center no-repeat; background-size:100% auto;} .vb_reaction .icon_like {width:4.0625vw; height:4.0625vw; background:url('../images/m/common/icon_like.png') center no-repeat; background-size:100% auto;} .vb_reaction .icon_like_on {width:4.0625vw; height:4.0625vw; background:url('../images/m/common/icon_like_on.png') center no-repeat; background-size:100% auto;} .vb_reaction .txt_s18cLBrown_icon_symp {margin-left:2.3438vw;} .vb_reaction .txt_s18cLBrown_icon .icon_like_on {margin-right:2.125vw; vertical-align:sub;} .vb_reaction .txt_day {position:absolute; top:2.3438vw; left:0; font-size:2.9688vw; color:#9b9b9b;} .vb_reaction .txt_day .txt_s18LGray {color:#9b9b9b; padding:0 0.4688vw;} .txt_icon_rating {position:relative; padding-left:7.0313vw; color:#02a5b1;} .txt_icon_rating .icon_star {position:absolute; top:0.6250vw; left:0;} .vb_head [class^="txt_icon"] [class^="icon_star_"] {position:absolute; top:0; left:0;} [class^="vb_list"] .btn_blue_link {position:absolute; bottom:6.2500vw; left:50%; margin-left:-36.7188vw; width:73.4375vw;} /* 프로필 영역 있는경우 */ .vb_list_ty2 {width:100%; background:#fff;} .vb_list_ty2 .vb_link {min-height:auto; padding:0;} .vb_list_ty2 .vb_tit {height:7.8125vw; padding-left:12.5000vw;} .vb_profile {position:absolute; top:0; left:0; width:7.8125vw; height:7.8125vw; background:url('../images/m/membership/icon_profile_s.png') no-repeat; background-size:100% auto;} .vb_profile img {width:100%; height:100%; border-radius:50%;} .vb_list_ty2 .vb_cont {height:auto;} .vb_list_ty2 .vb_reaction {padding-top:3.1250vw;} .vb_list_ty2 .vb_reaction .txt_day {top:auto; left:auto; bottom:0; right:0;} .slideSection_myReview .vb_link {height:55.0000vw;} .slideSection_myBReview .vb_tit, .slideSection_myContent .vb_tit {height:auto;} .slideSection_myBReview .vb_tit .tit_s26_fBo, .slideSection_myContent .vb_tit .tit_s26_fBo {max-width:90%;} .vb_head {position:relative; min-height:6.2500vw; margin-bottom:4.6875vw;} .vb_head .txt_icon_rating {font-size:3.9063vw; color:#898989;} .vb_head .txt_day {position:absolute; top:0.9375vw; right:0; font-size:2.9688vw; color:#9b9b9b;} /* 필터 체크박스 */ .filter_box {padding:7.8125vw 8.5938vw 4.6875vw; text-align:right; border-bottom:0.1563vw solid #c9c9c9;} .inp_checkbox_filter .txt_tIconChk {display:inline-block; padding-left:4.6875vw;} .inp_checkbox_filter .txt_tIconChk:before, .inp_checkbox_filter input[type="checkbox"]:checked + .txt_tIconChk:before {width:3.7500vw; height:3.7500vw; background:url('../images/m/common/icon_filter.png') no-repeat; background-size:100% auto;} .inp_checkbox_filter .txt_tIconChk.on:before {background:url('../images/m/common/icon_filter_on.png') no-repeat; background-size:100% auto;} .fb_type, .slct_payment {display:none; margin-top:4.6875vw;} .fb_type.type {margin-top:10.9375vw;} .inp_checkbox_filter + input[type="checkbox"]:checked + .fb_type, .inp_checkbox_allign + input[type="checkbox"]:checked + .fb_type {display:block;} .inp_checkbox_allign .txt_tIconChk:before {width:3.7500vw; height:3.7500vw; background:url('../images/m/common/icon_allign.png') center no-repeat; background-size:100% auto;} .inp_checkbox_allign .txt_tIconChk.on:before {background:url('../images/m/common/icon_allign_on.png') center no-repeat; background-size:100% auto;} /*.inp_checkbox_allign input[type="checkbox"]:checked + .txt_tIconChk:before {width:3.7500vw; height:3.7500vw; background:url('../images/m/common/icon_allign_on.png') center no-repeat; background-size:100% auto;}*/ /* 토글 체크박스 */ .toggle_box {padding:5.4688vw 0 0; text-align:center;} .toggle_box .icon_arrow {width:4.8438vw; height:2.625vw; margin-left:1.5625vw; background:url('../images/m/common/arrow_down_w.png') center no-repeat; background-size:3.9063vw;} .inp_checkbox_chgpayment {width:73.4375vw; padding:3.9063vw 3.1250vw; background:#02a5b1; text-align:center;} .inp_checkbox_chgpayment .txt_tIconChk {display:inline-block; padding-left:0; font-size:3.9063vw; color:#fff; font-weight:700;} .inp_checkbox_chgpayment .txt_tIconChk:before, .inp_checkbox_chgpayment input[type="checkbox"]:checked + .txt_tIconChk:before {visibility:hidden;} .inp_checkbox_chgpayment + input[type="checkbox"]:checked + .slct_payment {display:block;} .slct_payment .txt_s21cGrayfBo {padding-right:7.8125vw;} .slct_payment .inp_radio + .inp_radio {margin-left:3.1250vw;} .slct_payment .btn_h50BLine {width:28.1250vw; margin-top:4.6875vw;} [class^="myw_lists"] {} .myd_list {border-bottom:0.1563vw solid #c9c9c9;} .myd_list + .myd_list {border-top:1.5625vw solid #f6f6f6;} .myd_list:last-child {border-bottom:0;} .myd_list .vb_link {display:block; padding:6.2500vw 5.4688vw 4.6875vw;} .myd_list .vb_tit, .myd_list .vb_cont {height:auto;} .myd_list .txt_day {top:3.9063vw; left:auto; right:0;} .myd_list .vb_link.no_link {height:34.3750vw; text-align:center;} .cList.hide {text-align:center;} .cList.hide .txt_s23cLGray {padding:9.6875vw 0;} .cList.hide .review_info {text-align:left;} .myw_lists_rv .vb_link {padding-bottom:7.8125vw;} .myw_lists_rv .txt_day {top:1.0938vw;} /* MY 신청현황 */ .btn_h50_filter {padding-left:0; padding-right:0; min-width:auto; width:auto;} .btn_h50_filter [class*="tIconFilter"] {padding-left:4.6875vw;} .btn_h50_filter [class*="tIconFilter"]:before {display:block; content:''; position:absolute; left:0; top:0; width:3.7500vw; height:4.75vw; background:url('../images/m/common/icon_filter.png') center no-repeat; background-size:100% auto;} .context_lists_mystate {position:relative; padding:7.8125vw 5.4688vw 15.6250vw; border-top:1.5625vw solid #f6f6f6;} .mytop_line {position:relative; padding:7.8125vw 5.4688vw 4.6875vw; border-bottom:0.1563vw solid #c9c9c9; overflow:hidden;} .mytop_line .btn_h50LGray_pop {float:left; width:30.4688vw;} .mytop_line .btn_h50LGray_pop .txt_btn_name {font-size:3.4375vw; font-weight:normal;} .mytop_line .inp_checkbox_filter {float:right;} .mytop_line .btn_h50_filter {float:right;} .myapply_lists_w {} .ma_list {position:relative; border-bottom:0.1563vw solid #c9c9c9;} .ma_list + .ma_list {border-top:1.5625vw solid #f6f6f6;} .ma_link {display:block; padding:6.2500vw 5.4688vw;} .ma_link .tit {padding-bottom:3.1250vw;} .ma_link .tit .txt_type {display:inline-block;} .ma_link .tit .txt_s26cBlackfBo {display:block; padding-top:0.7813vw;} .ma_link .txt_s21cGray {display:block;} .ma_link .txt_s21cGray + .txt_s21cGray {padding-top:1.5625vw;} .ma_link .txt_s22cGrayfBo {padding-top:4.6875vw;} .ma_link .txt_state {width:15.6250vw; height:6.2500vw; margin-left:1.5625vw; padding:0.6250vw 0; border:0.3125vw solid #1ab8b9; border-radius:5.4688vw; font-size:2.9688vw; color:#1ab8b9; text-align:center; box-sizing:border-box;} .ma_link .txt_state.ty2 {color:#9b9b9b; border:0.3125vw solid #9b9b9b;} .ma_list [class^="btn_h60"] {position:absolute; bottom:6.2500vw; right:5.4688vw; padding:0.7813vw; min-width:23.4375vw; width:23.4375vw;} .myqual_bdown {padding-top:7.8125vw;} .myqual_bdown + .myqual_bdown {border-top:1.5625vw solid #f6f6f6;} .myqual_bdown .tit_s28 {padding:0 0 3.1250vw 5.4688vw;} .myqual_bdown .txt_s22cBlack {padding:7.8125vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9;} .myq_list + .myq_list {padding-top:7.8125vw;} .myq_list .items_btn_dSpace .item_list.oneButton {width:100%;} .myq_list.no_list {padding:15.6250vw 1.5625vw; background:#f6f6f6; text-align:center;} .myqual_bdown + .items_btn_single {padding:7.8125vw 0 14.0625vw;} .myqual_bdown + .items_btn_single .btn_dark {width:73.4375vw;} .sorting_lists_book {height:35.25vw; margin:7.8125vw 0 0; padding:6.2500vw 5.4688vw; background:#f6f6f6; box-sizing:border-box;} .sorting_lists_book .sort_list {width:18.7500vw; height:auto;} .sorting_lists_book .sort_list + .sort_list {margin-left:16.125vw; border-left:0;} .sorting_lists_book .sort_list:last-child {float:right;} .sorting_lists_book .s36_cBlackfBo {font-size:5.6250vw;} .sorting_lists_book.ty2 {height:46.8750vw;} .sorting_lists_book.ty2 .sort_list {width:18.7500vw;} .sorting_lists_book.ty2 .sort_list + .sort_list {margin-left:16.125vw;} .sorting_lists_book [class^="icon_"] {width:18.7500vw; height:18.7500vw;} .icon_packing {background:url('../images/m/mypage/icon_packing.png') no-repeat; background-size:100% auto;} .icon_delivery {background:url('../images/m/mypage/icon_delivery.png') no-repeat; background-size:100% auto;} .icon_arrive {background:url('../images/m/mypage/icon_arrive.png') no-repeat; background-size:100% auto;} .sorting_lists_book + .tit_s28 {padding:7.0313vw 5.4688vw 0;} .tit_s28 + .sorting_lists_book.ty2 {margin-top:6.2500vw;} .mybook_link_w {margin:7.0313vw 0; border-width:0.1563vw 0; border-style:solid; border-color:#c9c9c9;} .mbl_list .link_arrow {padding:6.2500vw 8.5938vw;} .mbl_list .link_arrow:after {top:6.2500vw; right:7.0313vw;} .mbl_list + .mbl_list {border-top:0.1563vw solid #c9c9c9;} /* MY 신청현황 > 도서 > 주문내역 */ .bol_srch_w {position:relative; padding:7.8125vw 5.4688vw 3.1250vw; overflow:hidden;} .bol_srch_w .txt_srch_null {display:block; padding:9.3750vw 0; font-size:3.4375vw; color:#282828; text-align:center;} .bol_srch_w .txt_link {float:right;} .bol_srch_w a.txt_link {margin-top:2.3438vw;} .book_order_lists {} .bol_head {background:#e7f0ef;} .bol_head .bol_detail_link {display:block; padding:4.6875vw 5.4688vw;} .bol_detail_link .txt_s23cBlack {float:right; padding-top:0.4688vw;} .bol_cont {position:relative; padding:6.2500vw 5.4688vw 7.8125vw;} .bol_cont .tit_s28 {padding-bottom:6.2500vw;} .bol_cont .btn_inp_reset {position:absolute; top:7.3438vw; right:5.4688vw;} .bolc_list {position:relative; padding:0 1.5625vw 6.2500vw; border-bottom:0.1563vw solid #c9c9c9;} .bolc_list + .bolc_list {margin-top:6.2500vw;} .bolc_list:last-child {padding-bottom:0; border-bottom:0;} .bolc_list .title_w {padding-bottom:6.2500vw;} .bolc_list .txt_s19cGray {padding-bottom:1.5625vw;} .bolc_list .btn_icon_more {position:absolute; top:0.7813vw; right:0; width:4.6875vw; height:4.6875vw; background:url('../images/m/common/icon_dot_more.png') center no-repeat; background-size:0.9375vw 4.6875vw;} .bolc_list.ty2 .title_w {width:100%; padding-bottom:1.5625vw;} .bolc_list.ty2 .inp_select_return {width:31.2500vw; margin-top:1.5625vw;} .bol_foot {padding:0 5.4688vw 7.8125vw; text-align:center;} .bol_foot .items_btn_double [class^="btn_"] {width:42.1875vw;} .book_order_lists + .box_tbWtotpay, .book_order_lists + .order_list_w {position:relative; border-top:1.5625vw solid #f6f6f6;} .book_order_lists + .box_tbWtotpay:before {position:absolute; top:-1.5625vw; left:0; width:100%; height:0.1563vw; background:#c9c9c9; content:'';} .box_tbWtotpay .fake_tableNoLine_book + .txt_s21cLGray {padding-top:1.5625vw;} .return_list_w {padding:6.2500vw 5.4688vw;} .order_list_w + .return_list_w {border-top:1.5625vw solid #f6f6f6;} .ret_list + .ret_list {padding-top:7.8125vw;} .ret_list [class^="txt_ret"] {display:block; padding-bottom:3.1250vw;} .ret_list .fake_tableThGray [class^="ft_cell"] {padding:2.6563vw 3.1250vw;} .items_btn_single.recollect {padding:5.4688vw 5.4688vw 0;} /* MY 정보 */ [class^="box_my_"] {position:relative; border-bottom:0.1563vw solid #c9c9c9;} [class^="box_my_"] + [class^="box_my_"] {border-top:1.5625vw solid #f6f6f6;} [class^="box_my_"]:last-child {border-bottom:0;} [class^="box_my_"] .tit_s28cBlack {padding-bottom:4.6875vw;} [class^="box_my_"] .txt_link {float:right;} [class^="box_my_"] .btn_icon_more {position:absolute; top:7.8125vw; right:4.6875vw; width:6.2500vw; height:6.2500vw; background:url('../images/m/common/arrow_right_gray.svg') center no-repeat; background-size:100% auto;} .box_my_info {text-align:center;} .box_my_info .profile_img_w {margin-bottom:5.4688vw;} .box_my_info .txt_s28cBlack_fBo {display:block;} .box_my_info .txt_label_blueLine + .txt_s25cBlack {margin-left:2.3438vw;} .box_my_info .btn_icon_modify {margin-left:2.3438vw; vertical-align:middle;} .box_my_info .txt_s28cBlack_info {display:block; padding-top:7.8125vw;} .box_my_info .txt_label_bcreator {vertical-align:inherit;} .box_my_dinfo .fake_tableNoLine_noPd .ft_cell_th {width:25%;} .box_my_member {padding:0;} .cont_lists_bmb .link_arrow {padding:6.2500vw 5.4688vw;} .cont_lists_bmb .link_arrow:after {top:6.2500vw; right:3.6875vw;} .cont_lists_bmb .cList .txt_s28cBlack {width:39.8438vw;} .cont_lists_bmb .cList:last-child {border-bottom:0;} .banner_box {display:block; padding:8.5938vw 0.7813vw; background:#e7f0ef; text-align:center;} .box_my_patten {} [class^="countbox"] {float:right; width:39.0625vw; height:39.0625vw; background:#fff; color:#1ab8b9; border:0.4688vw solid #1ab8b9; border-radius:50%; font-size:3.1250vw; font-weight:700; text-align:center; box-sizing:border-box;} [class^="countbox"] dl {display:inline-block; vertical-align:middle;} [class^="countbox"] dt {min-width:23.4375vw; max-width:28.1250vw; border-bottom:0.3125vw solid #1ab8b9; padding-bottom:1.5625vw; font-size:3.9063vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} [class^="countbox"] dd.count_num {display:block; font-size:4.3750vw; padding-top:1.5625vw;} [class^="countbox"] dd.count_txt {font-size:3.2813vw; color:#333; padding:2.3438vw 0 0 0; font-weight:normal;} .countbox_rank02 {border-color:#be9669; color:#be9669;} .countbox_rank02 dt {border-color:#be9669;} .countbox_rank03 {border-color:#4a4a4a; color:#333;} .countbox_rank03 dt {border-color:#4a4a4a;} .mypt_rank_w {position:relative; width:100%; height:39.0625vw; margin-top:4.6875vw; overflow-y:hidden; overflow-x:auto;} .mypt_rank_w .tr_lists_w {position:absolute; top:0; left:0; white-space:nowrap; overflow:hidden;} .tr_lists_w .tr_list {position:relative; display:inline-block; width:50.0000vw;} .tr_list + .tr_list {margin-left:7.8125vw;} .tr_list [class^="label_rank"] {position:absolute; top:0; left:0; width:8.2813vw; height:9.3750vw; padding:1.0938vw 0 1.5625vw; background:#1ab8b9; color:#fff; font-size:3.4375vw; font-weight:700; text-align:center; box-sizing:border-box;} .tr_list [class^="label_rank"]:after {position:absolute; bottom:0; left:0; display:inline-block; border-right:4.2188vw solid transparent; border-left:4.2188vw solid transparent; border-bottom:1.2500vw solid #fff; content:'';} .tr_list .label_rank02 {background:#be9669;} .tr_list .label_rank03 {background:#4a4a4a;} .tr_list.no_list {width:88.9375vw; height:38.875vw; background:#f6f6f6; text-align:center;} .box_my_qual, .box_my_mastersitu {padding:7.8125vw 0;} .slideSection_myiQualList {padding:0;} .slideSection_myiQualList .fake_tableNoLine_noPd .ft_cell_th {width:45%;} .slideSection_myiQualList .ts_list, .slideSection_myiQualList .vb_list {width:62.5000vw;} .slideSection_myiQualList .vb_link {padding:4.6875vw;} .slideSection_myiQualList .vb_link .txt_s25cBlack_fBo {padding-bottom:3.1250vw;} .slideSection_myiQualList .btn_icon_more {top:0;} .box_my_mastersitu {} .box_my_mastersitu .tit_s28cBlack {padding-left:5.4688vw;} .box_my_mastersitu + .box_my_qual {padding-top:0;} .master_graph_w {padding-top:9.3750vw; text-align:center;} .mymaster_chart {position:relative; margin-bottom:4.6875vw;} .mymaster_chart .chart_w {margin:0 auto; width:46.8750vw; height:46.8750vw;} .mymaster_chart .txt_cf_cBluefBo {position:absolute; top:50%; left:50%; margin-top:-3.4375vw; margin-left:-4.0625vw; font-size:5.6250vw;} .slideSection_myiMasterSitu {padding-bottom:0;} .ts_list.master .vb_list {width:70.3125vw;} .ts_list.master .vb_link {min-height:36.7188vw; padding:4.6875vw;} .ts_list.master .txt_s21cLGray + .txt_s21cLGray {padding-left:4.6875vw;} .ts_list.master .txt_s25cBlack_fBo {display:block; padding-top:1.5625vw;} .ts_list.master .txt_s25cBlue_fBo {position:absolute; bottom:4.6875vw; left:4.6875vw;} .master_graph_w .txt_s25cBlack + .txt_s21cGray2 {display:block;} /* MY 정보 > 나의 선호학습 패턴 팝업 */ .modal_popup_mpattern .pop_header {border-bottom:0;} .modal_popup_mpattern .pop_content {padding:0 0 23.4375vw;} .modal_popup_mpattern .mpattern_info {padding:7.8125vw 5.4688vw; background:#f6f6f6;} .bgr_section_ptDetail {padding:7.8125vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9;} .bgr_section_ptDetail:last-child {border-bottom:0;} .bgr_section_ptDetail .label_rank {display:inline-block; margin-right:3.1250vw; width:10.9375vw; height:5.4688vw; border-radius:2.6563vw; border:0.3125vw solid #1ab8b9; color:#1ab8b9; font-size:3.2813vw; font-weight:700; text-align:center; vertical-align:middle;} .bgr_section_ptDetail .txt_s22cBlack {width:20.3125vw;} .bgr_section_ptDetail.ty2 .txt_s22cBlack {width:35.1563vw;} .bgr_section_ptDetail .grap_stick + .txt_s21cLGray {padding-left:3.1250vw;} .bgr_section_ptDetail .grap_stick, .bgr_section_ptDetail .gsBar_green {height:6.2500vw;} .bgr_section_ptDetail .bgr_lists_w + .tit_s23cBlack {padding-top:9.3750vw;} .bgr_section_ptDetail + .bgr_section_ptDetail {margin-left:0; border-top:1.5625vw solid #f6f6f6;} .bgr_section_ptDetail .bgr_lists_w.no_data, .bgr_section_ptDetail .wrap_form_train.no_data {margin-top:3.1250vw; padding:5.4688vw; background:#f6f6f6; text-align:center;} .bgr_lists_w.no_data .bgr_list {margin-top:0; text-align:center;} .wrap_form_train {padding-top:4.6875vw;} .wrap_form_train + .tit_s23cBlack {padding-top:9.3750vw;} [class^="train_chart"] {position:relative; width:100%; box-sizing:border-box;} [class^="train_chart"] .chart_w {margin:0 auto; width:39.0625vw; height:39.0625vw;} .chart_field_lists {overflow:hidden; padding:6.2500vw 15.6250vw 0; min-height:21.8750vw;} .chart_field_lists.ty2 {padding:6.2500vw 24.625vw 0;} .cf_list {overflow:hidden; position:relative; margin-top:3.9063vw; padding-left:7.8125vw;} .cf_list:first-child {margin-top:0.7813vw;} [class^="chart_color"] {display:inline-block; position:absolute; left:0; top:50%; margin-top:-2.3437vw; width:4.6875vw; height:4.6875vw;} .chart_color_lightGray {background-color:#efefef;} .chart_color_blue {background-color:#1ab8b9;} .chart_color_dark {background-color:#4a4a4a;} .chart_color_brown {background-color:#b68b5c;} .chart_color_purple {background-color:#9161ba;} .chart_color_darkgray {background-color:#898989;} .chart_color_green {background-color:#7ea3e6;} .cf_list .tit_cf_s22cBlack, .cf_list .txt_cf_s21cLGray {float:left;} .cf_list .tit_cf_s22cBlack {width:45%; text-align:left;} .cf_list .txt_cf_s21cLGray {width:50%; text-align:right;} .bspd_info {padding:4.6875vw 0 9.3750vw; text-align:center;} .bspd_info [class^="txt_"] {display:block;} .bspd_info .txt_cBluefBo {font-size:5.6250vw;} /* MY 정보 > 나의 kbi tube 시청내역 */ .tab_header_mytube {padding:7.8125vw 0 8.5938vw; border-bottom:0.1563vw solid #c9c9c9;} .tab_header_mytube .tabmenu_col {margin:0 5.4688vw;} .sorting_lists_mytube {padding:8.5938vw 0 0;} .sorting_lists_mytube .sort_list {width:50.0000vw;} .sorting_lists_mytube .sort_list + .sort_list {border-width:0.3125vw;} .bgr_section_mytube {padding:7.8125vw 5.4688vw; border-top:1.5625vw solid #f6f6f6; border-bottom:0.1563vw solid #c9c9c9;} .bgr_section_mytube .tit_field_s22cBlack {padding-right:3.1250vw;} .bgr_section_mytube .txt_count_s22cDark, .bgr_section_mytube .txt_time_s21cDark {padding-left:2.0313vw;} .bgr_section_mytube .grap_stick {width:49.6875vw;} .mktube_lists_w {padding:6.2500vw 5.4688vw; border-top:1.5625vw solid #f6f6f6;} .mkt_list {position:relative; padding-left:6.2500vw; padding-bottom:7.8125vw;} .mkt_list:after {position:absolute; bottom:-3.1250vw; left:1.4063vw; width:0.3125vw; height:100%; background:#c9c9c9; content:'';} .mkt_list:last-child:after {display:none;} .mkt_head {position:relative;} .mkt_head:before {position:absolute; top:2.0313vw; left:-6.2500vw; width:2.3438vw; height:2.3438vw; background:#fff; border:0.3125vw solid #02a5b1; border-radius:50%; content:''; z-index:2;} .mkt_head .txt_s22cGray:first-child {padding-left:0.7813vw;} .mkt_head .txt_s22cGray + .txt_s22cGray, .mkt_head .txt_s22cGray + .txt_s21cGray {padding-left:4.6875vw;} .mkt_head .txt_s22cBlue {float:right; padding-top:0.4688vw;} .mkt_cont {margin-top:3.1250vw; padding:4.6875vw; background:#f6f6f6;} .mkt_cont [class^="txt_"] {display:block;} .mkt_cont [class^="txt_"] + [class^="txt_"] {padding-top:2.3438vw;} .mkt_cont [class*=cGray] {padding-left:0.7813vw;} .mkt_list_null {padding:7.8125vw 5.4688vw; text-align:center;} /* MY 정보 > 지식포인트 */ .point_rank_w {position:relative; padding-top:7.8125vw;} .point_rank_w .tit_s28 {display:block; padding:0 0 4.6875vw 5.4688vw;} .point_rank_w .txt_s22cLGray {float:right; padding:0 5.4688vw 3.1250vw 0;} .pr_list_w {clear:both; position:relative; border-top:0.1563vw solid #dadada;} .pr_list_w .tr_list {position:relative; padding:0 10.1563vw 0 21.0938vw; height:15.6250vw; background:#f6f6f6;} .pr_list_w .tr_list + .tr_list {margin-left:0; border-top:0.1563vw solid #dadada;} .pr_list_w .tr_list [class^="label_rank"] {top:-0.1563vw; left:7.9688vw;} .pr_list_w .tr_list [class^="label_rank"]:after {border-bottom:1.2500vw solid #f6f6f6;} .prl_cont {display:inline-block; width:98%; vertical-align:middle;} .prl_cont .txt_s23cBlack_fBo {vertical-align:text-bottom;} .prl_cont .txt_s23cBlue_fBo {float:right;} .box_myrank_w {overflow:hidden;} .bmr_list {width:100%; text-align:center;} .bmr_list + .bmr_list {float:left; width:50%; padding-top:7.8125vw;} .bmr_list [class^="txt_"] {display:block;} .icon_point {display:block; width:11.5625vw; height:12.0313vw; margin:0 auto; background:url('../images/m/mypage/icon_point.png') no-repeat; background-size:100% auto;} .icon_point + .txt_s25cBlack {padding-top:4.6875vw;} .box_myrank_w + .items_btn_single {padding:0 5.4688vw;} .fake_tableLine_t3Point {margin:0 auto; /* margin-top:3.1250vw; */ width:89.0625vw;} .fake_tableLine_t3Point .ft_cell_th {padding-right:0;} .fake_tableLine_t3Point .ft_cell_td {width:20%; text-align:center;} /* MY 정보 > 나의 지식걸음 */ .box_mystep_info {position:relative;} .box_mystep_info .tit_s28 {display:block; padding-bottom:4.6875vw;} .point_rank_w .btn_icon_info, .box_mystep_info .btn_icon_info {position:absolute; top:7.8125vw; right:5.4688vw; width:6.2500vw; height:6.2500vw; background:url('../images/m/common/icon_guide_que.png') no-repeat; background-size:100% auto;} .box_mystep_info + .tit_s28 {padding:2.3438vw 0 0 5.4688vw;} .yearstep_w {margin-top:3.9063vw; padding:5.4688vw 7.0313vw; background:#f6f6f6; text-align:center;} .mystep_year {display:inline-block; overflow:hidden;} .msy_list {float:left; text-align:center;} .msy_list + .msy_list {padding-left:17.9688vw;} /* .msy_list.this {float:right;} */ .msy_list .icon_step {margin-top:3.1250vw; width:6.2500vw; height:42.1875vw; background:url('../images/m/mypage/icon_step.png') no-repeat; background-size:100% auto;} .msy_list [class^="txt_s22"] {display:block; color:#575757;} .msy_list.this [class^="txt_s22"] {color:#282828; font-weight:700;} .msy_list.this .icon_step {background:url('../images/m/mypage/icon_step_this.png') no-repeat; background-size:100% auto;} .fake_tableLine_t3Step {margin-top:7.8125vw;} .fake_tableLine_t3Step [class^="ft_cell_"] {padding:3.9063vw 0;} .fake_tableLine_t3Step .ft_cell_th {width:52%;} .fake_tableLine_t3Step .ft_cell_td {width:23%; padding-left:1.5625vw; text-align:center;} .fake_tableLine_t3Step td.no_list {padding:4.6875vw 0; text-align:center; font-size:3.2813vw;} .modal_popup_mystep .pop_header {border-bottom:0;} .modal_popup_mystep .tit_s32fBo, .modal_popup_mystep .context_lists + .txt_s26cBlack_fBo {padding:7.8125vw 0 6.2500vw;} .modal_popup_mystep .txt_s22cGray_tRm {margin-top:5.4688vw;} .modal_popup_mystep .txt_tIcon_s21cRed {margin-top:4.6875vw;} .icon_guide_red {width:4.0875vw; height:4.0875vw; background:url('../images/m/common/icon_guide_red.png') no-repeat; background-size:98% auto; top:0.7813vw !important;} .modal_popup_tubeinfo .pop_header {border-bottom:0;} .modal_popup_tubeinfo .pop_content {padding-top:5.4688vw;} .modal_popup_tubeinfo .tb_scroll_w.ty3 .table_lineRowCol td {padding:0.5625vw 1.5625vw;} .modal_popup_tubeinfo .tb_scroll_w.ty3 .table_lineRowCol td.td_ct {text-align:center;} /* MY 정보 > 나의 연수로드맵 */ .context_lists.myloadmap {padding:6.2500vw 5.4688vw;} .box_loadsort_w {padding:0 5.4688vw; overflow:hidden;} .box_loadsort_w .inp_select {float:left; width:43.4375vw;} .box_loadsort_w .inp_select + .inp_select {float:right;} .box_loadsort_w .inp_select + .txt_s19cDark {padding:3.1250vw 0 0 1.5625vw;} .box_loadmap_w {padding:4.6875vw 5.4688vw 0; overflow:hidden;} .lm_types {overflow:hidden;} .lmy_list {float:left;} .box_loadmap_w [class^="icon_"] {width:4.0625vw; height:4.0625vw; margin-right:0.4688vw; vertical-align:middle;} .box_loadmap_w .icon_recommand {background:url('../images/m/mypage/icon_recommand.png') no-repeat; background-size:100% auto;} .box_loadmap_w .icon_done {background:url('../images/m/mypage/icon_done.png') no-repeat; background-size:100% auto;} .box_loadmap_w .icon_next {background:url('../images/m/mypage/icon_next.png') no-repeat; background-size:100% auto;} .box_loadmap_w .icon_basic {background:url('../images/m/mypage/icon_basic.png') no-repeat; background-size:100% auto;} .box_loadmap_w .icon_inter {background:url('../images/m/mypage/icon_inter.png') no-repeat; background-size:100% auto;} .box_loadmap_w .icon_high {background:url('../images/m/mypage/icon_high.png') no-repeat; background-size:100% auto;} .lmy_list + .lmy_list {padding-left:3.1250vw;} .box_loadmap_w .tb_scroll_w.ty3 .tbsc_w {width:92.1875vw;} .box_loadmap_w .tb_scroll_w.ty3 .table_lineRowCol tbody td {vertical-align:middle;} .box_loadmap_w .tb_scroll_w.ty3 .table_lineRowCol tbody td:first-child {text-align:center;} .box_loadmap_w .tb_scroll_w.ty3 .table_lineRowCol tbody td ul li {text-align:left;} .box_loadmap_w .tb_scroll_w.ty3 .table_lineRowCol tbody td ul li .lm_link + .lm_link {display:block;} /* MY 정보 > 도서 마일리지 */ .sorting_lists_mileage {} .sorting_lists_mileage .sort_list {width:50%; height:auto;} .sorting_lists_mileage + .fake_tableLine_t3Point {margin-top:7.8125vw;} /* MY 정보 > 금융마이스터 과정 이수내역*/ .box_mymastertab {} .box_mymastertab .tabmenu_col {margin-bottom:6.2500vw;} .box_mymastertab + .tab_wrap_sort .btn_h70Kw .txt_btn_name {font-size:3.2813vw;} .mymaster_lists_w {} .mml_list {padding:7.8125vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9;} .mml_list + .mml_list {border-top:1.5625vw solid #f6f6f6;} .mml_list:last-child {border-bottom:0;} .mml_list [class^="txt_"] {display:block;} .mml_list h4.txt_s28cBlack {padding-bottom:4.6875vw;} .mml_list .txt_s25cDark2 {padding-bottom:3.1250vw;} .mml_list .tab_wrap_col .tabmenu_col {margin-bottom:4.6875vw;} .mml_list_sub + .mml_list_sub {padding-top:9.3750vw;} .mml_list_sub table {margin-bottom:3.1250vw; border-bottom:0.1563vw solid #c9c9c9;} .mml_list .tab_wrap_col {padding:0;} .mml_list .tab_wrap_col .tab_list [class^="btn_h70"] {padding:2.3438vw 1.125vw;} .mml_list .table_lineCol_crl {width:100%;} /* KBI Tube 구매 내역 */ .btube_lists_w {} .btu_list {padding:6.2500vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9;} .btu_list + .btu_list {border-top:1.5625vw solid #f6f6f6;} .btu_list [class^="txt_"] {display:block;} .btu_list [class^="txt_"] + [class^="txt_"] {padding-top:1.5625vw;} /* KBI Tube 서비스 안내 */ .company {margin-top:4.6875vw} .company li {text-align:center} .company li > button {width:73.4375vw} /* 취소/환불 안내 팝업 */ .popup_learncinfo .pop_content, .popup_returnInfo .pop_content {max-height:78.1250vw; overflow-y:auto;} .popup_learncinfo .table_lineRowCol th, .popup_learncinfo .table_lineRowCol td {padding:0.7813vw 1.5625vw 1.5vw;} .popup_learncinfo .table_lineRowCol .td_left {text-align:left;} .popup_learncancle .inp_checkbox + .box_grayGuide {margin-top:3.1250vw;} .popup_learncancle .box_grayGuide {padding:3.1250vw; max-height:62.5000vw; overflow-y:auto;} .popup_learncancle .slctwb_inner ul li {font-size:2.9688vw; color:#575757;} .popup_learncancle .slctwb_inner h4 {padding:3.1250vw 0;} .popup_learncancle .slctwb_inner h4:first-child {padding-top:0;} .popup_learncancle .forms_w {padding-top:4.6875vw;} .box_grayGuide.lcaninfo {margin-top:4.6875vw;} .box_grayGuide.lcaninfo .icon_guide {top:0.7813vw;} .box_grayGuide.lcaninfo .txt_tIcon_s22cBlackfBo {padding-bottom:3.1250vw;} .box_grayGuide.lcaninfo + .txt_s23cBlackfBo {display:block; width:100%; padding:4.6875vw 0; text-align:center;} /* 자동연장 해지 팝업 */ .popup_autoExtens .pop_content {text-align:center;} .popup_autoExtens .context_lists {padding:4.6875vw 2.3438vw 0 2.3438vw; text-align:left;} /* 수험표 팝업 */ .popup_qualTicket .pop_content {max-height:109.3750vw; overflow-y:auto;} .popup_qualTicket .pop_header, .popup_qualReport .pop_header {text-align:left;} .qualtick_head {position:relative; height:33.5938vw; /* margin-top:3.1250vw; */ padding:0 1.5625vw; border-width:0.3125vw 0 0; border-style:solid; border-color:#8b8b8b; overflow:hidden;} .qualt_img {position:absolute; top:1.5625vw; left:1.5625vw; width:25.0000vw; height:29.8438vw; background:#f6f6f6; overflow:hidden;} .qualt_img img {height:100%;} .qualt_info {position:relative; margin-left:28.1250vw; padding:1.5625vw 0;} .qualt_info:before {position:absolute; top:0; left:0; width:0.3125vw; height:101%; background:#8b8b8b; content:'';} .qualt_list {padding:1.5625vw 3.1250vw;} .qualt_list + .qualt_list {border-top:0.1563vw solid #dadada;} .qualt_list .txt_s22cBlack {display:block;} .fake_tableThGray_qualtb {/*margin-top:7.8125vw;*/ border-top:0.3125vw solid #8b8b8b;} .fake_tableThGray_qualtb .ft_cell_th {width:25%;} /*.fake_tableThGray_qualtb .txt_s22cBlack {padding:2.3438vw 0;}*/ .fake_tableThGray_qualtb .ft_cell_td .txt_s22cBlack {width:100%;} .box_sources {padding:3.8125vw 5.4688vw; text-align:center;} .box_sources .txt_s21cBlack {display:block;} .box_grayGuide.qualtic .txt_tIcon_s26cBlackfBo {padding-bottom:1.5625vw;} .kbi_map_box {padding-top:4.6875vw;} .kbi_map_box .tit_s23_fBo {display:block; padding-bottom:1.5625vw;} .kbi_map_box img {width:100%!important;} .kbi_map_box img.no_img {background:#f6f6f6; padding:3.1250vw 7.8125vw;} .kbi_map_box .txt_s22cGray {display:block;} .kbi_map_box .txt_s22cGray b {padding-right:2.125vw;} .kbi_map_box + .box_grayGuide.qualtic {margin-top:3.1250vw;} .popup_qualTicket .fake_tableThGray_qualtb [class^="ft_cell"] {padding:1.9063vw 3.1250vw;} .popup_qualTicket .box_grayGuide.qualtic {padding:3.1250vw;} .popup_qualTicket .box_grayGuide.qualtic [class*="tIcon"] [class^="icon_"] {top:0.7813vw;} .popup_qualTicket .box_grayGuide.qualtic .txt_tIcon_s23cBlackfBo {padding-bottom:3.1250vw;} /* 성적표 팝업 */ .popup_qualReport .tit_s26_fBo {display:block; text-align:center;} .popup_qualReport .tit_s26_fBo + .box_tbLGrayT4, .popup_qualReport .box_tbLGrayT4 + .tit_s26_fBo {margin-top:3.1250vw;} .popup_qualReport .box_tbLGrayT4 + .box_tbLGrayT4 {margin-top:4.6875vw;} .popup_qualReport .pop_content [class^="ft_cell"] {padding:2.3438vw 0;} /* 고유식별정보 수집 및 이용 동의안내 팝업 */ .modal_popup_regInfo .pop_header {border-bottom:0;} .reg_top_w .txt_s26fBo {display:block; padding-bottom:1.5625vw;} .reg_top_w + .txt_s21cGrayfBo_tDot {margin-top:4.6875vw;} .reg_agree_w {padding:3.9063vw 2.3438vw; margin-top:1.5625vw; background:#f6f6f6;} .reg_agree_w .ct_list .txt_s21cGrayfBo {display:block; padding-bottom:0.7813vw;} .reg_agree_w .ct_list + .ct_list {padding-top:1.5625vw;} .reg_agree_w + .inp_checkbox_mline {margin-top:1.5625vw;} .reg_agree_w + .inp_checkbox_mline .txt_tIconChk {font-size:3.2813vw;} .reg_agree_w .txt_tIcon_s21cGray {margin-top:2.3438vw;} .reg_agree_w .txt_tIcon_s21cGray .icon_guide {top:0.7813vw;} .reg_agree_inp {padding:3.1250vw 0;} .reg_agree_inp .f_list .tit_s23cBlack {padding-bottom:0.7813vw;} .reg_agree_inp .f_list + .f_list {padding-top:1.5625vw;} .modal_popup_regInfo .items_btn_d1by4 {padding-top:4.6875vw;} /* 연수일정 확인 팝업 */ .pop_wrap_qtinfo {} .pop_wrap_qtinfo .pop_content {/*height:109.3125vw;*/ max-height:109.3125vw;} .pop_wrap_qtinfo .inp_select_year {margin:4.6875vw 0;} .pop_wrap_qtinfo .title_group + .fake_tableNoLine_noPd, .pop_wrap_qtinfo .fake_tableNoLine_noPd + .items_btn_dSpace {margin-top:1.5625vw;} .pop_wrap_qtinfo .fake_tableNoLine_noPd [class^="ft_cell_"] {padding:0.7813vw 3.1250vw 0.7813vw 0;} .pop_wrap_qtinfo .fake_tableNoLine_noPd .ft_cell_th {width:20%;} .slct_qtingo {margin-bottom:3.1250vw;} .slct_qtingo .btn_h40WLine {padding:0.7813vw; width:auto;} .slct_qtingo .btn_h40WLine .txt_btn_name {font-size:2.9688vw; font-weight:normal;} /* 주문내역삭제 팝업 */ .popup_bolDelete .pop_content {padding-bottom:14.8438vw;} .popup_cancleList [class^="ft_cell"] {padding:1.5625vw 3.1250vw;} /* 주문내역 > 도서별 상세팝업 */ .popup_olDetail {padding-top:5.4688vw;} .popup_olDetail .thum_img {width:11.7188vw; height:15.4688vw;} .popup_olDetail .thum_cont {padding-left:17.1875vw;} .popup_olDetail .link_thum_book {width:100%; min-height:15.6250vw; padding:3.1250vw; margin-bottom:4.6875vw; background:#e7f0ef;} .popup_olDetail .title_w {width:100%; padding:2.3438vw 0 0 0;} .popup_olDetail .old_plist + .old_plist {border-top:0.1563vw solid #c9c9c9;} .popup_olDetail .txt_link {display:block; padding:2.3438vw 0; text-align:center;} /*금융지식톡*/ .box_talk {position:relative; padding:7.8125vw 5.4688vw 5.4688vw 5.4688vw;} .box_talk .forms_sub_w .inp_txtArea {min-height:62.5000vw} .topLine {border-top:0.1563vw solid #c9c9c9;} .mr50 {margin-top:3.4722vw} .box_talk .forms_sub_w .inp_txtArea textarea {height:59.25vw;} .box_talk2 {position:relative; padding:7.8125vw 5.4688vw 1.7361vw 5.4688vw;} .box_talk2 .talk_infoBtn {position:absolute; right:4.6875vw; top:6.2500vw} .besttalk_lists_w {} .besttalk_lists_w .tit_s28 {padding:7.8125vw 0 0 5.4688vw;} .besttalk_lists_w .btn_toggle_arrow.active {box-shadow:0 0.4688vw 0.4688vw 0vw #d1d1d7;} .besttalk_lists_w .btn_toggle_arrow.active .txt_s23cBlack {color:#02a5b1; font-weight:700;} .btl_lists_w {} .btl_list {} .btl_box {position:relative; display:block;} .txt_rank {position:absolute; top:0; left:0; width:13.9063vw; height:100%; background:#02a5b1; text-align:center;} .txt_s22cWhite_fBo {vertical-align:middle;} .btl_box {min-height:23.4375vw; padding:5.4688vw 3.9063vw 3.9063vw 35.9375vw; background:#f6f6f6;} .btl_box .profile_img_w {position:absolute; top:5.4688vw; left:17.1875vw; margin:0; width:14.0625vw; height:14.0625vw; background-size:14.0625vw;} .btl_list .txt_nick + .txt_category {display:block; padding-top:0.7813vw; color:#898989;} .btl_list .txt_category {/*max-width:23.625vw*/} .btl_list + .btl_list {margin-top:3.1250vw;} .btl_list.no_list .icon_notice {margin-right:4.6875vw; width:12.5000vw; height:12.5000vw; background:url('../images/m/know/icon_notice.png') center no-repeat; background-size:10.5vw; vertical-align:middle;} .btl_list.no_list .txt_s22cLGray {width:100%; padding:5.4688vw 1.5625vw; background:#f6f6f6; text-align:center;} .btl_opt {padding-top:1.5625vw;} .btl_opt [class^="txt_"] {position:relative; font-size:2.9688vw; color:#898989;} .btl_opt [class^="txt_"] + [class^="txt_"] {padding-left:2.3438vw;} .btl_opt [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:0.4688vw; left:0.6250vw; width:0.1563vw; height:3.9063vw; background:#c9c9c9; content:'';} .btl_opt [class^="txt_"] .icon_like {margin-right:1.5625vw; vertical-align:text-bottom;} /*.btl_opt:before {position:absolute; top:-2.3438vw; left:0; width:1vw; height:17.1875vw; background:#c9c9c9; content:'';}*/ .nt_search_mr {margin-top:7.8125vw} .filter_box_talk {position:relative; padding:3.1250vw 5.4688vw; min-height:12.375vw; text-align:right;} .inp_checkbox_filter .txt_tIconChk {display:inline-block; padding-left:4.6875vw;} .inp_checkbox_filter .txt_tIconChk:before, .inp_checkbox_filter input[type="checkbox"]:checked + .txt_tIconChk:before {width:3.7500vw; /*height:2.1875vw;*/ background:url('../images/m/common/icon_filter.png') no-repeat; background-size:100% auto;} .talk_resultNum {position:absolute; left:0; top:3.1250vw} .talk_partTitle {position:absolute; left:5.4688vw; top:3.1250vw} .talk_list {text-align:center;} .talk_list .txt_tIconChk {font-size:2.8125vw} .talk_list .inp_checkbox {margin:0 1.5625vw 3.9063vw 0} .fb_type .talk_list .inp_radio {width:36.25vw; text-align:left;} .fb_type .talk_list .inp_radio + .inp_radio {margin-left:0;} .talk_list + .tabmenu_col {margin-top:3.1250vw;} .vb_listTalk {position:relative; display:inline-block; width:100%; background:#f6f6f6; vertical-align:top;} .vb_listTalk .vb_link_talk {display:block; padding:6.2500vw 4.6875vw 6.2500vw 4.6875vw;} .vb_listTalk .vb_link_talk .vb_tit2 {/* margin-top:2.3438vw; */ max-width:90%;} .vb_listTalk .vb_link_talk .vb_con2 img {max-width:100vw; height:100%;} .vb_listTalk .vb_link_talk .vb_tit_view {width:75.7813vw} .btn_ansTalk {padding:3.9063vw 0; margin-bottom:4.6875vw} .btn_ansTalk .sw530 {width:82.8125vw} #resultArea .vb_listTalk + .vb_listTalk {margin-left:0; margin-top:1.5625vw;} #resultArea .box_talk.topLine + .undershadow {background:#fff;} #resultArea .box_talk.topLine + .undershadow + .vb_listTalk {border-top:0.1563vw solid #c9c9c9;} .items_btn_single.fqual {margin-top:4.6875vw;} .vb_listTalk + .items_btn_single.fqual {margin:4.6875vw 0;} .vb_listTalk .vb_link_talk .vb_tit2 + .vb_con2 {padding-top:2.5625vw; overflow:hidden;} .vb_con2 .header, .vb_con2 .gnb, .vb_cont3 #header, .vb_con2 .footer_area {display:none;} .vb_con2 #wrap {padding-top:0;} .vb_listTalk_qa {position:relative; display:inline-block; background:#FFF; width:100%; vertical-align:top;} .vb_listTalk_qa .vb_link_talk {display:block; padding:6.2500vw 4.6875vw 6.2500vw 4.6875vw;} .vb_listTalk_qa .vb_link_talk .vb_tit_view {width:75.7813vw} .vb_listTalk_qa .vb_link_talk .inp_txtArea {margin-top:6.2500vw; min-height:62.5000vw} .vb_listTalk_qa .vb_link_talk .formGroup_addFile {margin-top:3.1250vw} .vb_listTalk_qa .vb_link_talk .items_btn_double {margin-top:12.5000vw} .vb_list_ty3 {position:relative; width:100%; background:#fff;} .vb_list_ty3 .vb_link3 { min-height:auto; padding:0;} .vb_list_ty3 .vb_tit3 {padding-left:11.5vw; width:90%;} .vb_list_ty3 .anCh {position:absolute; right:0; top:0;} .vb_profile {position:absolute; top:0; left:0; width:7.8125vw; height:7.8125vw; background:url('../images/m/membership/icon_profile_s.png') no-repeat; background-size:100% auto;} .vb_profile img {width:100%; height:100%; border-radius:50%;} .vb_link3 .btl_list.no_list .txt_s22cLGray {background:none;} .vb_list_ty3 .vb_cont3 {height:auto; margin-top:6.2500vw; overflow:hidden;} .vb_list_ty3 .vb_cont3 img {max-width:100vw !important;} .vb_cont3 #wrap {padding-top:0;} .vb_list_ty3 .vb_reaction {padding-top:3.1250vw;} .vb_list_ty3 .vb_reaction .txt_day {top:auto; left:auto; bottom:0; right:0;} .vb_list_ty3 .btn_icon_utill {top:0.7813vw; right:0;} .vb_list_ty3 .ut_layer {top:8.7188vw; right:0;} .vb_list_ty3 em {padding:0 0.4688vw; color:#c18139; background:#f8f2eb; font-style:normal;} .icon_ansCheck {background:url('../images/m/know/icon_check.png') no-repeat; background-size:4.6875vw 3.4375vw; width:4.6875vw; height:3.4375vw; margin-right:0.6250vw} .icon_ansCheck_off {background:url('../images/m/know/icon_check_off.png') no-repeat; background-size:4.6875vw 3.4375vw; width:4.6875vw; height:3.4375vw; margin-right:0.6250vw} .best_talk {width:100%; background:#fff; padding:7.8125vw 5.4688vw 10.9375vw 5.4688vw;} .best_talk .vb_link {position:relative; min-height:auto; padding:0;} .best_talk .vb_tit {padding-left:23.4375vw; width:100%} .best_talk .anCh {position:absolute; right:0; top:0} .best_talk .anCh li {padding-bottom:1.5625vw} .best_talk .vb_profile {position:absolute; top:0; left:0; width:17.1875vw; height:17.1875vw; background:url('../images/m/membership/icon_profile_s.png') no-repeat; background-size:100% auto;} .best_talk .vb_profile img {width:100%; height:100%; border-radius:50%;} .best_talk .vb_tit li .tit_s22cLGray {max-width:55%;} .box_talkAnswer {border-top:0.1563vw solid #c9c9c9; padding:6.2500vw 5.4688vw} .icon_profile_talk {display:inline-block; background:url("../images/m/common/icon_profile.png") no-repeat; background-size:3.4722vw; width:3.4722vw; height:3.4722vw} #commentArea .undershadow + .box_talk.topLine {border-top:0;} /* 금융지식톡 첨부파일 추가 */ .vb_link_file {margin-top:-2.3438vw; padding:0 5.4688vw 4.6875vw 5.4688vw;} .vb_link_file [class*="tFile"] {display:block;} .vb_link_file [class*="tFile"] + [class*="tFile"] {margin-top:1.5625vw;} .vb_list_ty3 .vb_link_file {padding:5.4688vw 0 0;} .talk_branch {padding:0 5.4688vw 5.4688vw 5.4688vw} .talk_branch [class^="txt_s18cLBrown"] [class^="icon_"] {margin-right:1.5625vw; vertical-align:text-bottom;} .qual_branch2 {margin-top:0} .vb_reaction {position:relative;} .vb_reaction .snsshare_w {position:absolute; bottom:6.2500vw; right:0;} .vb_reaction .vbr_right {position:absolute; bottom:0; right:0;} .vbr_right .txt_category {font-size:2.9688vw; color:#9b9b9b;} .vbr_right .txt_day {position:relative;} .vbr_right .txt_category + .txt_day {position:relative; padding-left:2.3438vw;} .vbr_right .txt_category + .txt_day:before {position:absolute; top:0.7813vw; left:0.6250vw; width:0.1563vw; height:3.1250vw; background:#c9c9c9; content:'';} .formGroup_inpBtnSet {position:relative; padding-right:23.4375vw;} .formGroup_inpBtnSet .btn_h70LGray {position:absolute; right:0; top:0; width:20.3125vw; font-size:2.8125vw} [class^="slideSection_talk"] {position:relative; margin:1.5625vw auto 0 auto; padding:3.9063vw 4.6875vw 4.6875vw 4.6875vw; width:89.0625vw; background-color:#02a5b1;} .slideSection_talk [class^="tit_"] {padding:0;} .slideSection_talk .lSSlideOuter .lSPager {position:absolute; right:0; top:-10.9375vw;} .slideSection_talk .lSSlideOuter .lSPager.lSpg > li {padding:0 0.4688vw;} .slideSection_talk .lSSlideOuter .lSPager.lSpg > li a {background-color:#b8b8b8;} .slideSection_talk .lSSlideOuter .lSPager.lSpg > li:hover a, .slideSection_talk .lSSlideOuter .lSPager.lSpg > li.active a {background-color:#fff;} .talk_box {position:relative; padding:2.3438vw 4.6875vw 4.6875vw 4.6875vw; width:57.9688vw; height:48.7813vw; background-color:#f6f6f6;} .talk_box .txt_s23cBlue_fBo {} .talk_box .txt_s26cBlack_fBo {width:100%; max-height:4.5em;} .talk_box .txt_s23cGray {margin-top:3.1250vw; padding-top:1.3438vw; max-height:5em; width:100%; border-top:0.3125vw solid #02a5b1;} .talk_box .txt_s23cBlue_fBo + [class^="txt_label_"] {margin-left:0.7813vw;} .talk_box .talk_brunch {position:absolute; bottom:4.6875vw; left:4.6875vw;} .pop_content .video {margin-top:4.6875vw; width:100%; border:0.1563vw solid #c9c9c9} .pop_content .interview {margin-top:4.6875vw; font-size:2.9688vw; text-align:left} .pop_wrap .know_info {padding:9.3750vw 0 4.6875vw;} .slideSection_talk_know {height:57.5188vw;} /* 연수 상세 */ .thumpnail_traDetail {overflow:visible; z-index:1; padding:0 0 5.4688vw 0; width:100%; height:auto; border-top:0.1563vw solid #c9c9c9; box-shadow:0 0.4688vw 0.7813vw 0 #d7d7d7; z-index:2;} .thumpnail_traDetail .thump_img_w {width:100%; height:56.2500vw;} .thumpnail_traDetail .thump_cont {padding:7.8125vw 5.4688vw 0 5.4688vw; height:auto;} .label_group_traDetail {display:block;} .label_group_traDetail [class^="txt_label"] {display:inline-block; vertical-align:top;} .label_group_traDetail + .txt_s19cLGray_categori {margin-top:2.3438vw;} .thumpnail_traDetail .txt_s19cLGray_categori + [class^="tit_"] {margin-top:2.3438vw;} .thumpnail_traDetail [class^="tit_"] + .qual_branch {margin-top:5.4688vw;} .thumpDetail_info {position:relative; margin-top:1.7361vw; padding:0 20.3125vw 0 0;} .thumpDetail_info [class^="txt_"] {display:inline-block;} .thumpDetail_info [class^="txt_"] + [class^="txt_"] {margin-left:3.1250vw;} .thumpDetail_info .inp_checkbox_heart.line {position:relative; right:0; top:0;} .thumpDetail_info .txt_s26cBlack_tIconView .icon_view {margin-top:-1.5969vw;} .thumpDetail_info .icon_star_line {top:1.2500vw; background-size:80% auto;} .thumpnail_traDetail .btn_icon_play {position:absolute; top:50%; left:50%; margin-top:-7.8125vw; margin-left:-7.8125vw; width:15.6250vw; height:15.6250vw; background:url("../images/m/classroom/icon_btn_play_s.png") no-repeat; background-size:100% auto;} .box_traDetail {position:relative; padding:7.8125vw 5.4688vw;} .box_traDetail .tit_s28cBlack + .tra_cont_w, .box_traDetail .tit_s28cBlack + [class^="table_"], .box_traDetail .tit_s28cBlack + .ts_slider{margin-top:3.1250vw;} .box_traDetail .tra_cont_w + .tit_s28cBlack {margin-top:7.8125vw;} .cont_lists_guide {} .cont_lists_guide > .cList {margin-top:0.7813vw; padding:0; border:0;} .box_traDetail .fake_tableNoLine .ft_cell_th {padding-left:0;} .box_traDetail .fake_tableNoLine .ft_cell_td {padding-right:0;} .box_traDetail .fake_tableNoLine + .cont_lists_guide {margin-top:10.9375vw;} .box_traDetail .table_lineRowCol_t2 + .tra_cont_w {margin-top:3.1250vw;} .cont_lists_traBook {margin-top:1.5625vw; } .cont_lists_traBook > .cList {margin-top:0.7813vw; border:0;} .cont_lists_traBook > .cList:first-child {margin-top:0;} .cont_lists_review {margin-top:5.4688vw;} .cont_lists_review > .cList {margin-top:6.2500vw; border:0;} .review_info {letter-spacing:-0.7813vw;} .review_info [class^="txt_"] {display:inline-block; vertical-align:middle; letter-spacing:-0.1563vw;} .review_info .txt_s26cBlack_tIconStar + .txt_s19cLGray_info {margin-left:6.2500vw;} .review_info .txt_s19cLGray_info {position:relative;} .review_info .txt_s20cLGray_date {position:relative; margin-left:1.5625vw; padding-left:1.5625vw; } .review_info .txt_s20cLGray_date:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-1.4844vw; width:0.1563vw; height:2.9688vw; border-left:0.1563vw solid #898989;} .review_info .btn_delete {float:right; padding:0; width:6.75vw; height:6.75vw;} .review_cont_w {overflow:hidden; margin-top:3.1250vw; width:100%; height:18.7500vw; transition-property:height; transition-duration:0.2s; transition-timing-function:ease-in-out;} .rvc_inner {vertical-align:top;} .review_btn_w {display:none; margin-top:0.7813vw; text-align:right;} .review_cont_w.ty2 + .review_btn_w {display:block !important;} .btn_rvToggle {padding:0; width:auto; height:auto;} .btn_rvToggle:before {display:block; content:'펼치기'; font-size:3.4375vw; color:#575757; text-decoration:underline;} .btn_rvToggle.active {} .btn_rvToggle.active:before {content:'접기';} .cont_lists_review + .items_btn_single {margin-top:5.4688vw; text-align:center;} .items_btn_single .btn_h70Gray_rvMore {width:auto;} .page_link_w {position:absolute; left:0; top:0; z-index:1; padding:7.8125vw 5.4688vw; width:100%;} .page_link_w .link_arrow {padding-top:0; padding-bottom:0; height:6.8750vw;} .page_link_w .link_arrow:after {top:50%; margin-top:-3.1250vw;} .box_traDetail + .box_traDetail, .slideSection_traDetail + .box_traDetail, .slideSection_traRelation + .box_traDetail {border-top:0.1563vw solid #c9c9c9;} #listSubjectBox tr td {vertical-align:middle;} .box_traDetail .table_lineCol_t2 tbody td {/*text-align:left;*/ vertical-align:middle;} .box_traDetail #listSubjectBox td {text-align:center;} .box_traDetail #listSubjectBox td.taLeft {text-align:left;} .box_traDetail .tab_wrap_colWbline.btrad {margin-top:3.1250vw; padding:0;} .slideSection_traDetail, .slideSection_traRelation {padding:7.8125vw 0; border-top:0.1563vw solid #c9c9c9;} .slideSection_traRelation {position:relative; border-top:0;} .slideSection_traDetail > [class^="tit_"], .slideSection_traRelation > [class^="tit_"] {padding-right:1.5625vw; vertical-align:middle;} .slideSection_traDetail > [class^="tit_"] + [class^="link"] {width:17.625vw; vertical-align:middle;} .slideSection_traDetail .ts_slider, .slideSection_traRelation .ts_slider {margin:3.1250vw auto 0 auto; width:calc(100% - 10.9375vw);} .slideSection_traDetail .thumpnail_tBook {height:43.7500vw;} .slideSection_traRelation .thumpnail_tTra {height:54.6875vw;} .box_traDetail_btn {position:relative; padding:3.9063vw 5.4688vw; /* border-top:0.1563vw solid #c9c9c9; */} .box_traDetail_about {padding:7.8125vw 0; border-top:0.1563vw solid #c9c9c9;} .box_traDetail_about > [class^="tit_"] {padding:0 5.4688vw;} .box_traDetail_about .trd_cont_w {margin-top:3.1250vw; width:100%; min-height:46.8750vw; /* background-color:#dedede; */} .box_traDetail_about .trd_cont_w img {width:100%;} .box_traDetail_about + .box_traDetail:before, .slideSection_traRelation:before, .bgr_section_traDetail:before, .bgr_section_traDetail + .box_traDetail_btn:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:1.5625vw; background-color:#f6f6f6; border-top:0.1563vw solid #c9c9c9;} .bgr_section_traDetail {position:relative; padding:7.8125vw 5.4688vw; } .bgr_section_traDetail .bgr_lists_w {position:relative; margin-top:3.1250vw;} .bgr_section_traDetail .bgr_lists_w:after {display:block; content:''; position:absolute; left:0; top:0; width:25.0000vw; height:100%; border-right:0.1563vw solid #efefef;} .bgr_section_traDetail .bgr_list {position:relative; z-index:1; letter-spacing:-0.7813vw;} .bgr_section_traDetail .bgr_list:first-child {margin-top:0;} .bgr_section_traDetail .bgr_list .txt_s25cBlack {width:25.1563vw; vertical-align:middle; letter-spacing:0;} .bgr_section_traDetail .bgr_list .txt_s21cLGray {margin-left:2.9688vw; } .bgr_section_traDetail .grap_stick {width:46.8750vw; height:7.8125vw;} .bgr_section_traDetail .grap_stick [class^="gsBar"] {height:7.8125vw;} .bgr_section_traDetail .bgr_lists_w + .tit_s23cBlackfBo {margin-top:4.6875vw;} .box_traDetail_btn + .items_btn_single {overflow:visible; margin-top:5.4688vw; height:10.9375vw; text-align:center;} .items_btn_single .btn_blue_trApply {width:39.0625vw; box-shadow:0.9375vw 0.9375vw 1.5625vw #6e6e6e;} .box_traDetail .table_lineCol_t2 tbody td .txt_cont01_cDarkgary2 {font-size:3.2813vw; text-align:left;} .box_traDetail .table_lineRowCol_t2 + .tra_cont_w strong u {font-weight:normal; color:#02a5b1;} .context_lists_trd {padding-top:0.7813vw;} .context_lists_trd .ct_list + .ct_list {margin-top:0;} .context_lists_trd .trd_tit {display:inline-block; width:13.375vw;} .ft_cell_td .ts_lists_w {display:block;} /* 연수 상세 - 시간표 보기 팝업 */ .modal_popup_traSchedule {} .modal_popup_traSchedule .pop_content {padding:7.8125vw 5.4688vw;} .table_lineAll_scd + .fake_tableLine_t2, .table_lineAll_scd + .table_lineCol_trschedule {margin-top:7.8125vw;} .modal_popup_traSchedule .tab_wrap_trSchedule {padding:0;} .modal_popup_traSchedule .tab_wrap_trSchedule .tabmenu_col {margin-bottom:5.9063vw;} .formGroup_scheduleT2 + .fake_tableLine_t2, .formGroup_scheduleT2 + .table_lineCol_trschedule {margin-top:4.6875vw;} .table_lineCol_trschedule {border-bottom:0.1563vw solid #c9c9c9;} .table_lineCol_trschedule th, .table_lineCol_trschedule td {padding:1.7813vw 1.5625vw;} .table_lineCol_trschedule thead th {background:#efefef;} .table_lineCol_trschedule tbody th {background:#f6f6f6;} .scd_txt_w {padding:4.6875vw 1.5625vw 3.1250vw; text-align:left;} .scd_txt_w .txt_s22cBlack {display:block;} .scd_txt_w .txt_s22cBlack + .txt_s22cBlack {padding-top:0.7813vw;} .table_lineCol_trschedule + .table_lineCol_trschedule {margin-top:3.1250vw;} /* 연수 상세 - 유의사항 팝업 */ .modal_popup_traNotice {} .modal_popup_traNotice .pop_content {padding:0;} .modal_popup_traNotice .txt_s26cBlackfBo + .txt_s25cDark_guide, .modal_popup_traNotice .txt_s26cBlackfBo + .context_lists {margin-top:3.9063vw;} .modal_popup_traNotice .txt_s25cDark_guide + .txt_s26cBlackfBo, .modal_popup_traNotice .context_lists + .txt_s26cBlackfBo {margin-top:15.6250vw;} .modal_popup_traNotice .box_grayGuide {position:relative;} .modal_popup_traNotice .box_grayGuide + .box_grayGuide {padding-top:20.5625vw;} .modal_popup_traNotice .box_grayGuide + .box_grayGuide:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:12.75vw; background:#fff url('../images/m/common/icon_bigTriangle.png') no-repeat center center; background-size:auto 100%;} .modal_popup_traNotice .context_lists_sub {padding:1.5625vw 0 0 3.1250vw;} .modal_popup_traNotice .context_lists_sub .txt_s23_tNum {padding-left:1.1em;} /* 연수 테마별 패키지 추천 */ .trapack_info {padding:7.8125vw 5.4688vw; overflow:hidden; border-bottom:0.1563vw solid #c9c9c9;} .trapack_info .tit_s28cBlack {padding:2.3438vw 0 3.1250vw;} .trapack_info .inp_select {margin-bottom:3.1250vw;} .trapack_info + .tit_s26cBlack {padding:4.6875vw 5.4688vw 0;} .cont_lists_traPackage {padding:7.8125vw 5.4688vw;} .cont_lists_traPackage .cList {padding:3.1250vw 0;} .cont_lists_traPackage .cList:last-child {border-bottom:0;} .cont_lists_traPackage .inp_checkbox_heart {position:absolute; top:1.0938vw; right:0;} .tit_s26cBlack + .cont_lists_traPackage {padding-top:3.1250vw;} /* 연수 - 수강후기 리스트 */ .cont_lists_reviewAll {padding:0 5.4688vw; border-top:0.1563vw solid #c9c9c9;} .cont_lists_reviewAll > .cList {margin:0; padding:1.6875vw 0; border-width:0.1563vw 0 0 0; border-style:solid; border-color:#c9c9c9;} .cont_lists_reviewAll > .cList:first-child {border-top:0;} .modal_popup_review .pop_content {padding:0;} .modal_popup_review .formGroup_review {border-top:0;} /* 연수 - 수강신청 개인, 기관 선택 */ .box_traApply {position:relative; background-color:#f6f6f6;} .box_traApply .page_link_w .link_arrow:after {background-image:url('../images/m/common/arrow_right.png'); background-size:auto 3.2813vw;} .context_lists_traApply {margin-top:1.5625vw;} .context_lists_traApply > .ct_list {margin-top:4.6875vw;} .context_lists_traApply > .ct_list:first-child {margin-top:0;} .context_lists_traApply .tra_cont_w {margin-top:1.5625vw; padding-left: 0.7em;} .context_lists_traApply .tra_cont_w .txt_s25cBlack_pay {vertical-align:middle;} .context_lists_traApply .tra_cont_w .txt_s25cBlack_pay + .txt_s25cBlack_pay {margin-left:3.1250vw;} .context_lists_traPay {margin-top:1.5625vw; padding-left: 0.7em;} .context_lists_traPay > .ct_list {margin-top:1.5625vw;} .context_lists_traPay > .ct_list:first-child {margin-top:0;} .context_lists_traApply + .note_w {display:block; margin-top:7.8125vw;} .box_traApply + .box_traApply {margin-top:7.8125vw;} .box_traApply .tit_s28cBlack + .context_lists_traApply {margin-top:6.2500vw;} /* 연수 신청정보 입력 */ .items_btn_single.download {margin-top:7.8125vw; padding-top:4.6875vw; border-top:0.1563vw solid #c9c9c9;} .items_btn_single.tradd {margin-top:0; padding:7.8125vw 5.4688vw;} .box_traApply_form {position:relative; padding:7.8125vw 5.4688vw;} .box_traApply_form:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:1.5625vw; background-color:#efefef; border-top:0.1563vw solid #c9c9c9;} .box_traApply_form [class^="tit_"] + .fake_tableNoLine {margin-top:7.8125vw;} .box_traApply_form .fake_tableNoLine .ft_cell_th {padding-left:0;} .box_traApply_form .fake_tableNoLine .ft_cell_td {padding-right:0;} .forms_traApply {margin-top:6.2500vw;} .forms_traApply .f_list {position:relative;} .forms_traApply .inp_txt_agency .btn_h50WLine {position:absolute; top:1.5625vw; left:3.1250vw;} .forms_traApply .inp_txt_agency .btn_inp_reset {right:9.3438vw;} .forms_traApply .btn_inp_sch {position:absolute; top:10.9375vw; right:2.3438vw; border:0; background-color:transparent;} .forms_traApply .formGroup_radioCol + .inp_checkbox_mline {margin-top:2.3438vw;} .forms_traApply .formGroup_radioCol + .inp_checkbox_mline .txt_tIconChk {font-size:3.2813vw; color:#575757;} .items_btn_trapply [class^="btn_"] + [class^="btn_"] {margin:1.5625vw 0 0 0;} .box_traApply_form .tit_s28cBlack {padding-bottom:7.8125vw;} .box_traApply_form .tit_s28cBlack + .fake_tableNoLine {margin:0 0 4.6875vw 1.5625vw;} .box_traApply_form .agree_box {padding:7.8125vw 0 0;} .agree_box .txt_s25cDark2 {display:block; padding-bottom:3.1250vw;} .agree_box .txt_tIconRd {font-size:3.5938vw;} .box_traApply_form .fake_tableNoLine .ft_cell_th {width:25%;} .box_traApply_form .forms_w + .txt_s21cGray_tRm {margin-top:3.1250vw;} .box_grayGuide_traApply {background-color:#f6f6f6;} .tit_s26cBlackfBo_guide {display:block;} .context_lists_tagSub {margin-top:3.1250vw;} .context_lists_tagSub > .ct_list {margin-top:0.7813vw;} .context_lists_tagSub > .ct_list:first-child {margin-top:0;} .context_lists_tagSub + .apply_bottom_agreement {margin-top:1.5625vw;} .apply_bottom_agreement + .tit_s26cBlackfBo_guide {margin-top:3.1250vw;} .tag_txt_w {display:block; margin-top:3.1250vw;} .context_lists_tagSub + .tit_s26cBlackfBo_guide, .tag_txt_w + .tit_s26cBlackfBo_guide {margin-top:6.2500vw;} .context_lists_tagSub + .tit_s23cBlackfBo_guide, .tag_txt_w + .tit_s23cBlackfBo_guide {margin-top:6.2500vw;} .box_grayGuide_traApply .txt_s26cBlackfBo_tIcon + .tit_s23cBlackfBo_guide {margin-top:4.6875vw;} .box_grayGuide_traApply .icon_guide {top:50%; margin-top:-1.9531vw;} .box_grayGuide_traApply .tit_s23cDark_guide {padding:0 0 3.1250vw;} .box_grayGuide_traApply .context_lists_tagSub + .tit_s23cDark_guide {padding:4.6875vw 0 3.1250vw;} .box_grayGuide_traApply .txt_s22cDark_guide + .tit_s23cDark_guide {padding-top:4.6875vw;} .box_grayGuide_traApply + .inp_checkbox_tragree {margin:1.5625vw 0 0 5.4688vw;} .box_grayGuide_traApply + .inp_checkbox_tragree + .box_grayGuide_traApply {margin-top:4.6875vw;} .box_grayGuide_traApply + .box_traApply_btn {padding-top:1.5625vw;} .box_traApply_btn {} .box_traApply_btn [class^="btn_"] + [class^="btn_"], .box_traApply_btn .inp_checkbox_tragree + [class^="btn_"] {margin-top:7.0313vw;} .acodian_trapply {margin-bottom:3.1250vw;} .acodian_trapply .btn_toggle_arrow {padding:0 0 3.1250vw 0;} .acodian_trapply .btn_toggle_arrow:after {top:2.3438vw;} .acodian_trapply .acdac_inner {padding:3.1250vw 0; border-top:0.1563vw solid #c9c9c9;} .acodian_trapply .acdac_inner .ct_list + .ct_list {padding-top:1.5625vw;} .acodian_trapply .ct_list [class*="tNum"] + [class^="context_lists"] {padding-left:1em;} .acodian_trapply .context_lists_sub2 {padding-left:3.1250vw;} .acodian_trapply + .inp_checkbox_mline .txt_tIconChk {color:#02a5b1;} .box_grayGuide_traApply .tit_s23cBlackfBo_tRm {margin-top:7.8125vw;} .context_lists_trapply {padding:1.5625vw 0 0 3.9063vw;} /* 연수 - 고용보험 환급업무 수집에 관한 안내사항 */ .modal_popup_teg .pop_content {padding:0 0 7.8125vw 0;} .box_trEiGuide {padding:15.6250vw 5.4688vw 7.8125vw;} .box_trEiGuide .txt_s28cBlack_fBo {padding-bottom:7.8125vw;} .box_trEiGuide .txt_s25cDark2 + .txt_s28cBlack_fBo, .box_trEiGuide .txt_s22cDark_guide + .tit_s23cDark_guide {padding-top:7.8125vw;} .box_trEiGuide .tit_s23cDark_guide {padding-bottom:4.6875vw;} .teg_resimem {padding:7.8125vw 5.4688vw; background:#f6f6f6;} .teg_resimem .items_cpNum {padding-top:1.5625vw;} .teg_resimem .items_cpNum > .item_list {width:50%;} .teg_resimem + .inp_checkbox {margin:5.4688vw 0 0 5.4688vw;} .teg_resimem + .inp_checkbox .txt_tIconChk:before {top:0; margin-top:1.0469vw;} /* 연수 신청정보 확인 팝업 */ .modal_popup_traApply {} .modal_popup_traApply .pop_content {padding:0;} .box_ta_top, .box_ta_info {padding:7.8125vw 5.4688vw;} .box_ta_info {border-top:0.1563vw solid #c9c9c9;} .box_ta_info:first-child {border-top:0;} .box_ta_info + .box_ta_info {position:relative;} .box_ta_info + .box_ta_info:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:1.5625vw; background-color:#efefef;} .box_ta_info [class^="tit_"] + .fake_tableNoLine {margin-top:5.4688vw;} .box_ta_info .fake_tableNoLine .ft_cell_th {padding-left:1.5625vw;} .box_ta_info .fake_tableNoLine .ft_cell_td {padding-right:1.5625vw;} /* 연수 신청 완료 팝업 */ .popup_taComplate {padding-top:7.8125vw;} .popup_taComplate .pop_content { text-align:center;} .popup_taComplate .txt_s28cBlackfBo_msg {display:block; margin-top:7.8125vw;} .popup_taComplate .txt_s22cBlack_guide {margin-top:3.9063vw;} .content_lists_tac {display:inline-block; margin-top:2.3438vw; text-align:left;} .content_lists_tac > .ct_list {margin-top:1.5625vw;} .content_lists_tac > .ct_list:first-child {margin-top:0;} /* 연수 - 수강신청 결제하기 */ .fake_tableNoLine_payment {} .fake_tableNoLine_payment .ta_right {text-align:right;} .fake_tableNoLine_payment .ft_cell_th {width:25%;} .fake_tableNoLine_payment + .fake_tableNoLine_payment {margin-top:7.8125vw;} .payment_lists_w {margin-top:4.6875vw;} .payment_lists_w .payment_list {margin-top:1.5625vw;} .box_payment_type {padding:3.1250vw 3.1250vw 6.2500vw 3.1250vw;} .box_payment_type .inp_select + .inp_select {margin-top:1.5625vw;} .payment_lists_w + .items_btn_single {margin-top:7.8125vw; padding:0 7.8125vw;} .payment_lists_w .acdac_inner {padding:4.6875vw 1.5625vw;} .payment_lists_w .acdac_inner .inp_radio + .inp_checkbox_bill2opt {margin-left:1.5625vw;} .payment_lists_w .acdac_inner .inp_radio + .inp_checkbox_bill2opt .txt_tIconChk {font-size:2.8125vw;} .payment_lists_w .acdac_inner .inp_radio + .inp_checkbox_bill2opt .txt_tIconChk:before {background-size:85% auto;} .payment_lists_w .acdac_inner .context_lists {padding-top:4.6875vw;} .payment_lists_w .acdac_inner .tit_s25cBlack_fBo + .context_lists {padding-top:1.5625vw;} .payment_list .inp_checkbox_itbiz {margin:3.1250vw 0;} /* 연수 - 수강신청 결제 완료 */ .box_tbLGraypayinfo .fake_tableNoLine_payment + .tit_s28cBlack {margin-top:7.0313vw;} /* 연수 - 기관조회 */ .button_lists_tr {padding:0 5.4688vw 7.8125vw;} .button_lists_tr .button_list + .button_list {margin-top:2.3438vw;} /* 연수 - 연수 일정 */ .box_schedule_select {} .tra_schedule_w {position:relative; /* padding:0 5.4688vw; */} .tra_schedule_w > .tit_s26cBlackfBo {padding:0 0 3.1250vw 5.4688vw;} .tra_schedule_w .btn_h50_filter {position:absolute; top:0; right:5.4688vw;} .tra_schedule_w + .mktube_lists_w {border-top:0;} .tra_schedule_w + .mktube_lists_w .mkt_list:first-child .mkt_head:before {background:#02a5b1;} .tra_schedule_w + .mktube_lists_w .mkt_list:after {background:#be9669;} .mkt_cont_detail {position:relative; padding:0 0 12.5000vw 0;} .mkt_cont_detail:after {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:1.5625vw; border-top:0.1563vw solid #c9c9c9; background-color:#f6f6f6;} .mkt_cont_detail .acda_cont {display:none; padding:3.6875vw 4.6875vw 7.8125vw; width:100%; border-bottom:0.1563vw solid #c9c9c9;} .mkt_cont_detail .btn_arrow_toggle {position:absolute; left:0; bottom:1.5625vw; width:100%; height:10.9375vw; transition-property:background-color; transition-duration:0.3s; transition-timing-function:ease-in-out;} .mktube_lists_w .btn_arrow_toggle {background:#f6f6f6;} .mktube_lists_w .mkt_cont_detail:after {background:#efefef;} .mkt_cont_detail .btn_arrow_toggle:after {display:block; content:''; position:absolute; left:50%; top:50%; margin:-1.0938vw 0 0 -2.0313vw; width:4.0625vw; height:2.1875vw; background:url('../images/m/common/arrow_down_thin.png') no-repeat; background-size:100% auto; transform:rotate(0); transition-property:transform; transition-duration:0.2s; transition-timing-function:ease-in-out;} .mkt_cont_detail .btn_arrow_toggle.active {background-color:#fff;} .mkt_cont_detail .btn_arrow_toggle.active:after {transform:rotate(180deg);} .tra_schedule_w .mkt_cont_detail .fake_tableNoLine .ft_cell_th {width:40%; padding-right:0;} .pop_wrap_tralt .pop_content, .pop_wrap_tralt .pop_content .align_maker {min-height:40.0000vw; padding-bottom:0;} .box_stf_cont {} .box_stf_cont .txt_s23cBlackfBo {padding-bottom:1.5625vw;} .box_stf_cont .items_rdChk_w + .txt_s23cBlackfBo {padding-top:3.1250vw;} .box_stf_cont .inp_checkbox_iChk .txt_tIconChk, .box_stf_cont .inp_radio_iChk .txt_tIconRd {font-size:3.1250VW;} #traScd .mkt_cont_detail {padding:0 0 7.5vw 0;} #traScd .mkt_cont_detail .btn_arrow_toggle {height:10.9375vw; padding:0;} /* 연수 - 연수안내 */ .trinfo_list {} .trinfo_list .tri_cont {margin:7.8125vw 5.4688vw 0; padding-bottom:7.8125vw; border-bottom:0.1563vw solid #c9c9c9;} .tri_cont .txt_s26cBlackfBo + .txt_s25cDark2 {padding-top:4.6875vw;} .trinfo_list .label_tit {margin:0 auto; margin-bottom:7.0313vw; padding:1.5625vw; width:31.2500vw; height:9.3750vw; border-radius:4.6875vw; background:#02a5b1; font-size:4.3750vw; color:#fff; text-align:center;} .trinfo_list + .items_btn_single {padding:7.8125vw 5.4688vw;} .trinfo_list .acda_cont {padding:0; margin-top:-0.1563vw; text-align:center;} .trl_list {padding:7.8125vw 5.4688vw; background:#f6f6f6;} .trl_list + .trl_list {margin-top:3.8125vw;} .trl_list [class^="icon_"] {width:18.7500vw; height:18.7500vw; margin-bottom:7.8125vw;} .icon_trinfo01 {background:url('../images/m/training/icon_info01.png') no-repeat; background-size:100% auto;} .icon_trinfo02 {background:url('../images/m/training/icon_info02.png') no-repeat; background-size:100% auto;} .icon_trinfo03 {background:url('../images/m/training/icon_info03.png') no-repeat; background-size:100% auto;} .icon_trinfo04 {background:url('../images/m/training/icon_info04.png') no-repeat; background-size:100% auto;} .icon_trinfo05 {background:url('../images/m/training/icon_info05.png') no-repeat; background-size:100% auto;} .icon_trinfo06 {background:url('../images/m/training/icon_info06.png') no-repeat; background-size:100% auto;} .icon_trinfo07 {background:url('../images/m/training/icon_info07.png') no-repeat; background-size:100% auto;} .icon_trinfo08 {background:url('../images/m/training/icon_info08.png') no-repeat; background-size:100% auto;} .icon_trinfo09 {background:url('../images/m/training/icon_info09.png') no-repeat; background-size:100% auto;} .icon_trinfo10 {background:url('../images/m/training/icon_info10.png') no-repeat; background-size:100% auto;} .icon_trinfo11 {background:url('../images/m/training/icon_info11.png') no-repeat; background-size:100% auto;} .icon_trinfo12 {background:url('../images/m/training/icon_info12.png') no-repeat; background-size:100% auto;} .icon_trinfo13 {background:url('../images/m/training/icon_info13.png') no-repeat; background-size:100% auto;} .trl_list .txt_s28cBlackfBo + .txt_s25cDark2 {padding-top:7.8125vw;} /* 연수 - 사업주훈련 지원제도 팝업 */ .modal_popup_system .pop_header {border-bottom:0;} .modal_popup_system .pop_content {padding:7.8125vw 0 0;} .pop_content.trsys .trs_info {display:block; padding:0 5.4688vw 7.8125vw; font-size:3.9063vw; color:#282a2e;} .pop_content.trsys .trl_lists_w {text-align:center;} .box_trsys {border-bottom:0.1563vw solid #efefef;} .box_trsys + .box_trsys {border-top:1.5625vw solid #f6f6f6;} .box_trsys:last-child {border-bottom:0;} .box_trsys .txt_s26cDarkfBo {display:block;} .box_trsys .fake_tableNoLine {padding-top:2.3438vw;} .box_trsys .ft_cell_th {width:20%; padding-left:0;} .box_trsys .ft_cell_td {padding-right:0;} .box_trsys .bts_sub + .bts_sub {padding-top:7.8125vw; margin-top:7.8125vw; border-top:0.1563vw solid #c9c9c9;} .box_trsys .tb_scroll_w {margin:0;} .box_trsys .tb_scroll_w .tbs_head_w {width:20.225vw; overflow:hidden;} .box_trsys .tb_scroll_w .tbs_head_w tbody {background:#f6f6f6;} .box_trsys .tb_scroll_w.ty2 .tbsc_w {width:71.875vw;} .box_trsys .tb_scroll_w.ty2 .tbs_cont_w {left:20.325vw;} .box_trsys .tb_scroll_w.ty2 tbody td {text-align:left;} .box_trsys .tb_scroll_w.ty2 + .txt_s21cGray_tRm {margin:4.6875vw 0;} .acodian_trsys .acda_list {border-bottom:0;} .acodian_trsys .btn_toggle_arrow {padding:4.6875vw 8.7500vw 4.6875vw 0;} .acodian_trsys .btn_toggle_arrow:after {right:0;} .acodian_trsys .acdac_inner {padding:0;} .acodian_trsys .acdac_inner .txt_s26fBo {display:block; padding-bottom:3.1250vw;} .acodian_trsys .acdac_inner .txt_s25cDark2 + .txt_s26fBo {padding-top:4.6875vw;} .acodian_trsys .acdac_inner .txt_s25cDark2 + .txt_s25cDark2 {margin-top:1.5625vw;} .acodian_trsys .table_lineRowCol + .txt_s26fBo {padding-top:7.8125vw;} .acodian_trsys .table_lineRowCol + .txt_s21cGray_tRm {margin-top:3.1250vw;} .acodian_trsys .box_grayGuide {margin:4.6875vw 0;} .pop_content.ectinfo {padding:0;} .pop_content.ectinfo:after {display:none;} .trectinfo_grayGuide {height:calc(100vh - 14.0625vw); padding:7.8125vw 5.4688vw; background:#f6f6f6;} .trectinfo_grayGuide .tit_s26cBlackfBo_guide {margin-bottom:3.1250vw;} /* 연수결과 조회 팝업 */ .modal_popup_trResult {} .modal_popup_trResult .pop_content:after {height:7.8125vw;} .modal_popup_trResult .forms_traApply .inp_sch .btn_inp_sch {top:50%;} .modal_popup_trResult .inp_select_tracomp {width:88%;} .modal_popup_trResult .forms_traApply + .txt_tIcon_s21cGray {margin-top:3.1250vw;} .modal_popup_trResult .forms_traApply + .txt_tIcon_s21cGray .icon_guide {top:0.9375vw;} .modal_popup_trResult .box_grayGuide {margin-top:7.8125vw; padding:5.4688vw;} .modal_popup_trResult .tr_result_w {border-top:0.1563vw solid #c9c9c9; padding-top:4.6875vw; margin-top:4.6875vw;} /* 관심분야 설정 팝업 */ .modal_popup_interest .acodian_interest {padding:5.4688vw 0;} .acodian_interest .btn_toggle_arrow {padding-left:0;} .acodian_interest .btn_toggle_arrow.active .txt_s26cBlack_fBo {color:#02a5b1;} .acodian_interest .acdac_inner {padding:0.7813vw 0.1563vw 5.4688vw;} .acodian_interest .btn_toggle_arrow:after {right:0.4688vw;} /* 도서 리스트 */ .box_top_book .tit_s28cBlack {padding-bottom:4.6875vw;} .box_top_book .inp_sch_gray {margin-top:7.8125vw;} .box_top_book .inp_sch_gray + .inp_select {margin-top:1.5625vw;} .board_view_book {padding:4.6875vw 5.4688vw; border-top:0; border-bottom:0.1563vw solid #c9c9c9;} /* 도서 상세정보*/ .detail_info_book {} .dib_thumb {position:relative; height:auto; padding:4.6875vw 5.4688vw; background:#f6f6f6;} .dib_thumb [class^="txt_label"] {position:absolute; top:4.6875vw; left:5.4688vw; min-width:12.5000vw; text-align:center;} .bdb_cont {position:relative; padding-bottom:7.8125vw; text-align:center;} .bdb_cont .img_bk {width:31.2500vw; height:41.2500vw; box-shadow:0.4688vw 0.4688vw 0.4688vw 0.6688vw #d8d8d8; overflow:hidden;} .bdb_cont .img_bk img {width:100%; height:100%;} .bdb_cont .thumpDetail_info {position:absolute; bottom:0; left:1.5625vw;} .bdb_cont .qi_utill {top:auto; bottom:0;} .dib_info {padding:4.6875vw 5.4688vw; box-shadow:0.0000vw 0.6250vw 0.6250vw 0 rgba(215,215,215,.8);} .dib_info [class^="txt_"] {display:block;} .dib_info .txt_s26cBlack {padding-top:2.3438vw;} .dib_price {padding-top:4.6875vw;} .dib_price .txt_cLGray2fBo_sale, .dib_price [class^="txt_s"] {display:inline-block;} .dib_price [class*="fBo"] {font-size:5.6250vw;} .dib_price [class^="txt_s"] {padding-left:3.1250vw;} .dib_price [class^="txt_s"] + [class^="txt_s"] {padding-left:1.5625vw;} .dib_info .link_qual {margin-top:3.1250vw;} .items_btn_single.dib {/* margin-top:5.4688vw; */ height:15.9375vw; overflow:visible;} .items_btn_single.dib [class*="_book"] {width:39.0625vw; box-shadow:0.9375vw 0.9375vw 1.5625vw #6e6e6e;} .items_btn_single [class*="_bkinfo"] {width:65%; box-shadow:0.9375vw 0.9375vw 1.5625vw #8b8b8b;} .items_btn_single .btn_h70Gray_bimore {width:36.7188vw; padding:2.3438vw 1.5625vw;} .items_btn_single .btn_h70Gray_bimore .txt_btn_name {font-size:3.1250vw;} .items_btn_single.bkinfo {height:14.9375vw; overflow:visible;} .tab_wrap_dib {padding:6.2500vw 0;} .tab_wrap_dib .tabmenu_col {margin:0 5.4688vw 3.1250vw;} .box_tbLGray_bookinfo {margin:0 5.4688vw;} .box_tbLGray_bookinfo .ft_cell_th {width:25%; padding-left:0;} .dib_lists_w {height:54.6875vw; overflow:hidden;} .dib_list {padding:7.8125vw 5.4688vw;} .dib_list + .dib_list {border-top:0.1563vw solid #c9c9c9;} .dib_list .tit_s28 {display:block; padding-bottom:3.1250vw;} .dib_list .txt_s25_tNum {padding-left:3.2em;} .dib_list .bgr_section_traDetail {padding:0;} .dib_list .bgr_section_traDetail:before {display:none;} .dib_lists_w + .items_btn_single {margin:4.6875vw 0 7.8125vw;} .dib_lists_w + .items_btn_single .txt_btn_name {padding-left:1.5625vw; vertical-align:top;} .dib_lists_w.ty2 {height:0;} .dib_lists_w.ty2 .slideSection_Book {border-bottom:0;} [class^="box_dib_list"] {position:relative; padding-bottom:0;} [class^="box_dib_list"]:before {position:absolute; top:0; left:0; width:100%; height:1.5625vw; background:#f6f6f6; content:'';} [class^="box_dib_list"]:after {position:absolute; top:0; left:0; width:100%; height:0.1563vw; background:#c9c9c9; content:'';} .box_dib_list_ty2 {padding:0;} .box_dib_list_ty2:before, .box_dib_list_ty2:after {display:none;} .box_dib_list_ty2 .cList {padding:4.6875vw 6.2500vw 4.6875vw 5.4688vw; border-bottom:0.1563vw solid #c9c9c9;} .box_dib_list_ty2 .cList + .cList {margin-top:0; border-top:1.5625vw solid #f6f6f6;} .box_dib_list_ty2 .cList:last-child {border-bottom:0;} .box_dib_list_ty3 {padding-top:0;} .box_dib_list_ty3 .tit_s28 {padding:7.8125vw 0 3.1250vw;} .box_dib_list_ty3 .tit_s28:first-child {padding-top:0;} .box_dib_list_ty3 .ft_cell_th {width:30%; vertical-align:middle;} .box_dib_list_ty3:before, .box_dib_list_ty3:after {display:none;} .review_cont_w.ty2 {padding-left:1.5em;} .review_count {float:left; padding:0.7813vw 0 0 1.5em;} .box_dib_list_ty2 .review_count {float:unset;} .box_dib_list_ty2 .review_file {padding-left:1.5em;} .box_dib_list_ty2 .txt_s20cLGray_date + .txt_s19cLGray_info {position:relative; padding-left:1.7813vw;} .box_dib_list_ty2 .txt_s20cLGray_date + .txt_s19cLGray_info:before {position:absolute; top:0.9375vw; left:0.6250vw; width:0.1563vw; height:2.7812vw; background:#898989; content:'';} .review_file {margin-top:3.9063vw; padding-top:3.9063vw; border-top:0.1563vw solid #c9c9c9;} .box_book_review .tit_s28 {padding-bottom:3.1250vw;} .box_book_review .inp_txtArea_count {margin:4.6875vw 0;} .box_book_review .items_btn_single {padding:0 7.8125vw;} .box_list_review {padding-top:0; border-top:0.1563vw solid #c9c9c9;} .box_list_review .cList {padding:4.6875vw 0;} .box_list_review .cList + .cList {border-top:0.1563vw solid #c9c9c9;} .box_list_review .cList .txt_s26cBlack_tIconStar {color:#898989;} .box_book_login + .box_book_login {border-top:0.1563vw solid #c9c9c9;} .box_book_login .tit_s28, .box_book_login .txt_s23cGray {padding-bottom:4.6875vw;} .box_book_login .inp_txt + .inp_txt {margin-top:3.1250vw;} .box_book_login .items_btn_single {padding-top:4.6875vw;} .popup_refund {padding-top:10.9375vw;} .popup_refund .pop_content, .popup_traextra .pop_content {text-align:center;} .popup_refund .txt_s28cBlackfBo {padding-top:4.6875vw;} /* 도서 약관동의 상세 팝업 */ .popup_bagi {padding-top:0;} .popup_bagi .aagr_view_w {width:100%;} /* 약도보기 */ .mq_lists_w {padding-top:7.8125vw;} .mql_list + .mql_list {margin-top:4.6875vw;} .mql_list .map_qlinp {margin:0; padding:6.2500vw 3.1250vw;} .box_qlinp .map_qlinp {padding:5.4688vw 3.1250vw;} .map_qlinp .txt_s22cGray {display:block;} .map_qlinp .items_btn_double {padding-top:3.1250vw; text-align:center;} .map_qlinp .items_btn_double [class^="btn_"] {min-width:27.3438vw; width:27.3438vw;} .map_route {display:none; padding-top:4.6875vw;} .map_route img {width:100%;} .box_qlinp #d_bth_day {width:100%;} /* 콘텐츠 레이아웃 */ .cont_layout_w {position:relative; width:100%;} .cl_cont_w {position:relative; width:100%; height:56.2500vw;} [class^="cl_player"], [class^="cl_player"] img {width:100% !important; height:56.2500vw !important;} [class^="cl_player"] .vb_list {width:100.0000vw; height:56.2500vw !important;} [class^="cl_player"] #contentsFrame {width:100vw; height:56.2500vw;} [class^="cl_player"] #contentsFrame #mainFrame {width:100% !important; height:56.2500vw !important;} .mpv-fullscreen-virtual-position [class^="cl_player"], [class^="cl_player"] img {width:100% !important; height:100% !important;} .cl_cont_w.ty2 {height:66.55vw;} .cl_cont_w.ty2 .cl_layer {height:100% !important; background-size:120% auto;} .cl_player_vid .mpv-separate-control {height:calc(100% + 8.4vw) !important;} .cl_player_vid img {height:66.55vw !important;} .cl_cont_w.tubesrv, .cl_cont_w.tubesrv .cl_player {height:62.65vw !important;} .cl_cont_w.tubesrv .cl_player.skin-firstbrainvod-openlayer {height:56.35vw !important;} /* 콘텐츠 서비스안내 레이아웃 */ .iswl_inner_mt { margin-top:5.4688vw; } .iswl_inner_service { padding:7.8125vw 5.4688vw; text-align:center; } .iswl_inner_service .prem_t { font-size: 6.309vw; display:inline-block; background:#00cdb3; color:#fff; padding:0px 6px; letter-spacing:-0.0781vw; } .iswl_inner_service .prem_t:first-child { margin-bottom:0vw; } .iswl_inner_service .prem_t:nth-of-type(2) { padding-top:0px; margin-top:-1.4688vw; } .iswl_inner_service > p { font-size:3.5938vw; font-weight:400; color:#3b3b3b; line-height:5.737vw; margin-top:20px; letter-spacing:-0.081vw;} .iswl_inner_service .iit_list_w, .inspection_wrap, .digital_wrap { margin:30px auto 0px;} .iswl_inner_service .iit_list_w::after { content:''; display:block; clear:both; } .iswl_inner_service .list_con { float:left; width:50%; margin-bottom:7.8125vw;} .iit_list_w .list_con .figure .premium_img { background-size:auto; } .iit_list_w .list_con:last-child { margin-right:0px; } .iit_list_w .list_con span { font-size:4.0625vw; font-weight:500; color:#3b3b3b; letter-spacing:-0.1563vw; } .iswl_inner .kbitube_grid { margin-top:5.4688vw; } /* 금융직무 콘텐츠 : 2020.05.04 */ .iswl_inner_service .iit_list_w { overflow: hidden; } .iit_list_box > ul { overflow:hidden; } .iit_list_box .iit_list_link { float:left; } .iit_list_box .iit_lists_s:first-child { margin-left: 0; } .iit_list_box .iit_list_link .iit_lists_s { position:relative; float:left; } .iit_lists .iit_lists_s { margin-left: 10px; } .iit_list_box .iit_lists_s { margin-top:30px; } .thumbnail_kbiTube { overflow:visible; position:relative; width:220px; height:330px; background-color:#fff; border-bottom:3px solid #b68b5c; } .iswl_inner_service .iit_lists_w .iit_lists_mR { float:left; width:48%; margin-right:4%; } .iswl_inner_service .iit_lists_w .iit_lists_mR:first-child, .iit_lists_mR:nth-of-type(2) { margin-top:0px; } .iswl_inner_service .iit_lists_w .iit_lists_mR:nth-of-type(3) { margin-left:0%; } .iswl_inner_service .iit_lists_w .iit_lists_mR:nth-of-type(2), .iit_lists_mR:last-child { margin-left:0%; margin-right:0%; } .iswl_inner_service .iit_lists_w .iit_lists_mR:last-child { margin-right:0%;} .iit_lists_w .thumbnail_w2 { width:100%; height:56.0938vw;} .thumbnail_kbiTube { border-color:#e43f08; } .thum_layer_w { position: relative; overflow: hidden; width: 100%; height: 25.4688vw;} .thum_layer_w .media_icon { cursor:pointer; } .thum_layer_w .media_icon::before { content:''; display:block; width:48px; height:48px; background:url('../images/m/kbi_tube/m_playbtn.png') no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; } .thum_img { overflow: hidden; position: relative; width: 100%; height: 100%; text-align: center; background-color: #fafafa;} .thum_img img { width:100%; height:100%; vertical-align:top; } .thum_cont_inform { padding: 1.8750vw 0 4.6875vw 0; position:relative; height: 30.1563vw; text-align:left; border-width:0 1px; box-sizing:border-box;} .thum_cont_inform .txt_head { vertical-align:middle; font-size:2.9688vw; color:#575757; display:inline-block; } .thum_cont_inform .tit_contxt { width:98%; font-size:3.5938vw; letter-spacing:-0.1563vw; width:98%; display:block; color:#575757; } .thum_cont_inform .tit_sub02_cDarkgray2 { overflow:hidden; margin-top:5px; width:100%; height:53px; font-weight:700; letter-spacing:-1px; word-wrap:break-word; color:#333; display:inline-block; } .thum_cont_inform .branch_w { width:100%; position:absolute; left:0; bottom:0.4688vw; } .thum_cont_inform .branch_w .txt_step { max-width: 99%; font-size:2.9688vw; display:block; color:#898989; } /* 디지털글로벌 콘텐츠 : 2020.05.04 */ .digital_wrap { margin-top:30px; } .digital_wrap .con_finance { position:relative; } .digital_wrap .con_finance li { margin-bottom:7.8125vw; } .digital_wrap .con_finance li { text-align:left; } .digital_wrap .con_finance .con_box > p > strong {display:inline-block; width:143px; height:24px; background-color:#aef1e5; color:#151515; font-size:4.0625vw; font-weight:700; letter-spacing: -0.0781vw; margin-bottom:6px; text-align:center; } .con_finance .con_box .con_txtbox > span { font-size:2.9688vw; text-align:left; padding:5px 0px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } .con_finance li:nth-of-type(2) .con_box .con_txtbox { text-align:right; } .con_finance li:last-child { margin-bottom:0px; } /* 지식을 알맞게 : 2020.05.04 */ .con_step { width:100vw; margin:30px auto 0; } .con_step ul li { position:relative; text-align:left; padding-left:75px; } .con_step ul li > strong { font-size: 4.3750vw; font-weight:700; letter-spacing:-1px; } .con_step ul li > p { font-size: 3.2813vw; letter-spacing:-0.815px; padding-left:1.4vw; margin-top:2px; } .con_step ul li { margin-bottom:7.8125vw; } .con_step ul li:first-child:before { content:''; display:inline-block; width:63px; height:63px; background:url('../images/m/kbi_tube/m_icon01.png') no-repeat center center; position:absolute; top:11px; left:0px; } .con_step ul li:nth-of-type(2)::before { content:''; display:inline-block; width:63px; height:63px; background:url('../images/m/kbi_tube/m_icon02.png') no-repeat center center; position:absolute; top:2px; left:0px; } .con_step ul li:last-child:before { content:''; display:inline-block; width:63px; height:64px; background:url('../images/m/kbi_tube/m_icon03.png') no-repeat center center; position:absolute; top:2px; left:0px; } .con_step ul li:last-child { margin-bottom:0px; } /* 알맞게 담은 프리미엄 지식을 : 2020.05.04 */ .iswl_inner_service > .kbitube { margin-bottom:3.9062vw; } .iswl_inner_service > .kbitube img { width:20%;} /* 230921 */ .iswl_inner_service > h5 { font-size:6.109vw; letter-spacing:-0.358vw; margin-bottom:3.120vw; } /* 230921 */ .tb_finance_right { width:100%; margin:3.4vw auto 0 auto; float:initial; text-align:center; } /* 230921 */ .tb_finance_right thead th { font-size:3.5813vw; padding:2.3438vw 3.1250vw; font-weight:700; background-color:#00cdb3; color:#fff; } caption { font-size:0px; } .tb_finance_right tbody td { font-size:3.5813vw; color:#4d4d4d; padding:2.3438vw 0vw; border-left:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; } .tb_finance thead th { border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; } .tb_finance_right tbody tr td { text-align:center; } .tb_finance thead tr th:first-child { border-left:none; } .tb_finance tbody tr td:first-child { border-left:none; } .tb_finance tbody tr td ul li { text-align:left; letter-spacing:-0.2vw;} /* 230921 */ .tb_finance tbody td .td_txt { font-size:2.925vw; } .tb_finance tbody td b { font-size:4.0625vw; letter-spacing:-0.0781vw; } /* 카드뉴스 컨트롤러 */ .tsc_slider_controls {position:absolute; top:50%; margin-top:-3.9063vw; left:0;} .tsc_slider_controls.next {left:auto; right:0;} .tsc_slider_controls [class^="btn_icon"] {width:7.8125vw; height:7.8125vw; background-repeat:no-repeat; background-position:center center; background-size:3.4375vw 4.6875vw;} .tsc_slider_controls .btn_icon_prev {background-image:url('../images/m/kbi_tube/arrow_left.png');} .tsc_slider_controls .btn_icon_next {background-image:url('../images/m/kbi_tube/arrow_right.png');} .cl_layer {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/m/classroom/bg_gradation.png') no-repeat; background-size:100% auto;} .cl_layer .btn_icon_play {position:absolute; top:50%; left:50%; margin-top:-7.03125vw; margin-left:-7.03125vw; width:14.0625vw; height:14.0625vw; background:url('../images/m/classroom/icon_btn_play_s.png') no-repeat; background-size:100% auto; z-index:3;} .cly_page_w {position:absolute; bottom:4.6875vw; left:50%; margin-left:-17.03125vw;} .cly_page_w .inp_txt_page {position:relative; width:23.4375vw; height:7.8125vw;} .cly_page_w .allpages {position:absolute; top:50%; right:3.1250vw; margin-top:-2.8125vw; font-size:3.5938vw; color:#575757;} .cly_page_w .btn_h50LGray {min-width:15.75vw; width:15.75vw; margin-left:0.7813vw;} .cl_layer .cly_tit {position:absolute; bottom:5.4688vw; left:5.4688vw; max-width:50%; font-size:4.0625vw; color:#fff; font-weight:700;} .cl_layer [class^="btn_blue"] {position:absolute; padding:0; bottom:5.4688vw; right:5.4688vw; width:31.2500vw; height:7.8125vw;} .cl_layer .btn_blue_down .icon_download {left:auto; right:0; background-size:80%;} .cl_layer [class^="btn_blue"] .txt_btn_name {font-weight:normal; font-size:3.4375vw;} .cl_layer .btn_blue_down .txt_btn_name {padding-left:0; padding-right:7.0313vw;} .cly_state {position:absolute; bottom:5.4688vw; left:5.4688vw; overflow:hidden;} .cls_list {float:left;} .cls_list + .cls_list {margin-left:3.1250vw;} .cls_list [class^="icon_"] {height:4.0625vw; margin-right:1.5625vw; vertical-align:middle;} .cls_list .icon_play {width:3.4375vw; background:url('../images/m/kbi_tube/icon_play.png') no-repeat; background-size:100% auto;} .cls_list .icon_view {width:4.6875vw; background:url('../images/m/kbi_tube/icon_visibility.png') no-repeat; background-size:100% auto;} .cls_list .icon_comment {width:4.3750vw; background:url('../images/m/kbi_tube/icon_comment_w.png') no-repeat; background-size:100% auto;} .cls_list .icon_like {width:4.0625vw; background:url('../images/m/kbi_tube/icon_like.png') no-repeat; background-size:100% auto;} .cl_tit {padding:4.6875vw 5.4688vw 0 5.4688vw; overflow:hidden;} .cl_tit .txt_s25cBlack {padding-top:1.8750vw;} .cl_tit .btn_blue_down {float:right; margin-top:1.2500vw; padding:0; width:21.8750vw; height:7.8125vw;} .cl_tit .btn_blue_down .txt_btn_name.tIconDL {padding-left:0; padding-right:6.2500vw; font-size:3.4375vw; font-weight:normal;} .cl_tit .btn_blue_down .icon_download {left:auto; right:0; background-size:3.7500vw;} .cl_tit + .cl_cont_w {margin-top:4.6875vw;} .cl_info_w {position:relative; padding: 4.6875vw 5.4688vw 25.875vw;}/*2023-01-31*/ .cl_info_w .btn_icon_toggle {background:url('../images/m/common/arrow_down.png') center no-repeat; background-size:3.2813vw 1.8750vw;} .cl_info_w .btn_icon_toggle.active {background:url('../images/m/common/arrow_up.png') center no-repeat; background-size:3.2813vw 1.8750vw;} .ciw_opt {display:inline-block; position:absolute; bottom: 12.6875vw;right:5.4688vw; white-space:nowrap;}/*2023-01-31*/ .cio_list {float:left;} .cio_list + .cio_list {margin-left:2.3438vw;} .ciw_opt .snsshare_w {display:inline-block; width:9.3750vw; height:9.3750vw;} .ciw_opt .btn_icon_share {top:0; width:9.3750vw; height:9.3750vw; background:url('../images/m/kbi_tube/icon_share.png') no-repeat; background-size:100% auto;} .ciw_opt .btn_icon_share.active {top:0; width:9.3750vw; height:9.3750vw; background:url('../images/m/kbi_tube/icon_share_active.png') no-repeat; background-size:100% auto;} .ciw_opt .share_wrap {top:14.9375vw; right:-2.0438vw;} .ciw_opt .btn_icon_download {width:9.3750vw; height:9.3750vw; background:url('../images/m/kbi_tube/icon_download.png') no-repeat; background-size:100% auto;} .ciw_opt .btn_icon_book {width:9.3750vw; height:9.3750vw; background:url('../images/m/kbi_tube/icon_book.png') no-repeat; background-size:100% auto;} .cio_list .btn_icon_gift {width:9.3750vw; height:9.3750vw; background:url('../images/m/kbi_tube/icon_gift.png') no-repeat; background-size:100% auto;} .ciw_tit {} .ciw_tit [class^="txt_s"] {display:block;} .ciw_tit [class^="txt_label"] + .txt_s19cLGray_categori, .ciw_tit .txt_s19cLGray_categori + .tit_s32cBlackfBo {padding-top:3.1250vw;} .ci_prof_w {clear:both; position:relative; padding:6.2500vw 6.2500vw 6.2500vw 23.4375vw; border-width:0.1563vw 0; border-style:solid; border-color:#d7d7d7;} .ci_prof_w a {display:block;} .ci_prof_w .pfi_w {top:2.6563vw; left:6.2500vw; width:14.0625vw; height:14.0625vw;} .ci_prof_w .txt_s26cBlack + .txt_label_bcreator {margin-left:1.5625vw;} .ci_detail_w {display:none; padding:4.6875vw 5.4688vw;} .ci_detail_w .txt_s26cBlack + .txt_s22cLGray {display:block; padding-top:3.1250vw;} .cont_layout_w + .tab_wrap_colWbline {margin-top:7.8125vw;} /*KBI Tube 포럼*/ .forum_box1 {position:relative; background-color:#f6f6f6; padding:6.2500vw 5.4688vw; box-shadow:0.5625vw 1.5625vw 1.5625vw -0.4375vw #ccc;} .forum_box1 h1 {font-size:4.0625vw; font-weight:normal; margin-top:1.5625vw} .forum_box1 .context_lists {margin-top:3.9063vw} .forum_box1 .btnCenter {margin-top:6.2500vw} .btn_icon_toggle {position:absolute; top:6.2500vw; right:5.4688vw; width:6.2500vw; height:6.2500vw; background:url('../images/m/common/arrow_down_round.png') no-repeat; background-size:100% auto;} .btn_icon_toggle.active {background:url('../images/m/common/arrow_up_round.png') no-repeat; background-size:100% auto;} .fbcl_info {display:none; margin-top:6.2500vw; padding-top:6.2500vw; border-top:0.1563vw solid #c9c9c9;} .box_fourm {} .box_fourm .acodian_myauth {margin:1.5625vw 0; padding:0;} .box_fourm .acodian_myauth .btn_inp_sch {top:3.5375vw;} .box_fourm .acodian_myauth .srch_com_w {top:10.7938vw; z-index:5;} .box_fourm .acodian_myauth .f_list [class*="btMsg"] {margin-top:1.5625vw;} .box_fourm .acodian_myauth + .tit_s28 {margin-top:4.6875vw;} .info_cpy {margin-top:4.6875vw; padding:3.1250vw; background:#f6f6f6;} .box_fourm1 {padding:6.2500vw 5.4688vw 4.6875vw 5.4688vw; border-bottom:0.4688vw solid #f6f6f6} .box_fourm1 .txt_s22cGray + .inp_sch_gray {margin-top:4.6875vw} .cont_lists_fourm {} .cont_lists_fourm > .cList {position:relative; padding:3.9063vw 4.6875vw 5.4688vw; border-bottom:0} .cont_lists_fourm > .cList:before {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:1.5625vw; border-top:0.1563vw solid #c9c9c9; background-color:#f6f6f6;} .box_forum .tit_s28 + .slideSection_pfTimelineSd {margin-top:4.6875vw;} .box_forum + .box_cr_schedule {padding-top:0;} .box_forum .slideSection_pfTimelineSd .vb_list {width:39.0625vw; height:39.0625vw;} .items_btn_single.btauth {padding:4.6875vw 0 7.8125vw;} /*KBI Tube 회원권*/ .membox_gray {background-color:#f6f6f6; padding:6.2500vw 7.8125vw} .membox_gray .membox_lst {/* padding-left:17.1875vw; */ text-align:center;} .membox_gray .membox_lst .ml_stit {display:block; padding-top:0.7813vw; font-weight:normal; font-size:3.2813vw;} .mem_chk {border:0.1563vw solid #dadada; background-color:#FFF} .mem_chk li {border-bottom:0.1563vw solid #dadada} .mem_chk li:last-child {border-bottom:0} .mem_payBox {position:relative; background-color:#02a5b1; padding:4.6875vw 5.4688vw 6.2500vw 5.4688vw} .mem_payBox .btn_h70White {box-shadow:0 0.3125vw 0.6250vw 0 #333;} .mem_payBox button {position:absolute; right:5.4688vw; bottom:3.8125vw;} .pdr40 {padding-right:6.2500vw} .pdr50 {padding-right:7.8125vw} .agree_3upper {} .meck_opt {margin:0.7813vw; padding:1.5625vw; background:#f6f6f6;} .meck_opt .txt_s19cGray {display:block;} .meck_opt .txt_tIconRd {font-size:2.8125vw;} /* 통합알림 */ .box_amtop {padding:0 5.4688vw 3.1250vw; border-bottom:0.1563vw solid #c9c9c9;} .box_amtop .ba_info {text-align:center; padding:7.8125vw 0;} .ba_info .txt_tIcon_s22cGray {display:inline;} .box_alarm_w {padding:7.8125vw 5.4688vw; border-bottom:0.1563vw solid #efefef;} .box_alarm_w:last-child {border-bottom:0;} .box_alarm_w + .box_alarm_w {border-top:1.5625vw solid #f6f6f6;} .box_alarm_w .txt_s34cDark {margin-bottom:3.1250vw;} .box_alarm_w .baw_total {display:block; width:8.4375vw; height:8.4375vw; background:#b68b5c; text-align:center; border-radius:50%;} .mkalarm_lists_w {padding-left:2.6563vw;} .mkalarm_lists_w .mkt_list:after {background:#b68b5c; width:0.1563vw;} .mkalarm_lists_w .mkt_list:last-child {padding-bottom:0;} .mkalarm_lists_w .mkt_head:before {background:#b68b5c; border:0.1563vw solid transparent;} .mkalarm_lists_w .icon_favi {width:3.9063vw; height:3.9063vw; background:url('../images/m/alarm/icon_favi.png') no-repeat; background-size:100% auto;} .mkalarm_lists_w .icon_kakao {width:3.9063vw; height:3.9063vw; background:url('../images/m/alarm/icon_kakao.png') no-repeat; background-size:100% auto;} .mkalarm_lists_w [class^="icon_"] + .txt_s23cDarkfBo {display:inline-block; margin-left:0.7813vw; max-width:90%; word-break:break-all; vertical-align:top;} .mkalarm_lists_w .txt_s21cGray a {color:#282828; text-decoration:underline;} /* 프로필 */ .box_my_info.ty2 .txt_s28cBlack_fBo {display:inline-block;} .box_my_info.ty2 .txt_s25cLGray {display:block;} .box_my_info.ty2 .btn_icon_biset {position:absolute; top:3.1250vw; right:5.4688vw; width:7.0313vw; height:7.0313vw; margin-left:0; text-align:right;} .box_my_info.ty2 .btn_h70Flow {margin-top:4.6875vw;} .box_my_info.ty2 .txt_label_bcreator {padding-left:6.2500vw;} .box_my_info .bmi_etc {padding-top:4.6875vw;} .bmi_etc [class^="txt_"] + [class^="txt_"] {position:relative; margin-left:4.6875vw;} .bmi_etc [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:50%; left:-2.0313vw; margin-top:-1.7732vw; width:0.1563vw; height:3.9063vw; background:#c9c9c9; content:'';} .items_btn_single.pf {width:31.2500vw; height:10.9375vw; margin:0 auto; margin-top:4.6875vw;} .items_btn_single.pf .bt_floating {width:31.2500vw;} .items_btn_single.pf .btn_h70Blue {padding-left:2.6875vw; padding-right:2.6875vw; box-shadow:0.9375vw 0.9375vw 1.5625vw #6e6e6e;} .items_btn_single.pf .tIconAd {padding-left:6.125vw;} .items_btn_single.pf .txt_btn_name {font-size:3.2813vw;} .clw_top_line + .prof_lists_w {border-top:1.5625vw solid #f6f6f6;} .prof_lists_w {} .pw_list {position:relative; padding:4.6875vw; border-bottom:0.1563vw solid #c9c9c9;} .pw_list:last-child {border-bottom:0;} .pw_list + .pw_list {border-top:1.5625vw solid #f6f6f6;} .bpc_tit {position:relative; padding-left:10.9375vw;} .bpc_tit .txt_s23 {max-width:74.1563vw; word-break:break-all;} .bpc_img {position:absolute; top:1.5625vw; left:0; width:7.8125vw; height:7.8125vw; background:url('../images/m/common/icon_profile.png') no-repeat; background-size:100% auto;} .bpc_img img {width:100%; height:100%; border-radius:50%;} .bpct_opt {position:absolute; top:-1.5625vw; right:0;} .bo_list {float:left;} .bo_list [class^="btn_txt"] {width:auto; height:auto; padding:0.7813vw 1.5625vw;} .bpc_cont {padding-top:6.2500vw;} .bpc_cont .thump_img_w {margin:0 auto; width:43.5938vw; height:25.4688vw;} .bpc_cont .thum_img.book {margin:0 auto; width:43.5938vw; height:25.4688vw;} .bpc_cont .thum_img.book .bk_img_w {padding:0 4.825vw;} .bc_thump_cont {margin-top:6.2500vw; overflow:hidden;} .bc_thump_cont .txt_s22_fBo {display:inline-block;} .bc_thump_cont .txt_s22_fBo + .txt_s20cLGray {padding-left:1.5625vw;} .bc_thump_cont .txt_s22cGray {margin-top:2.3438vw;} .bc_thump_cont .btn_type_txt, .vb_link_prof .vb_answ .btn_type_txt {float:right; padding:0.7813vw 1.5625vw; margin-top:1.5625vw; width:auto; height:auto;} .bpc_cont + .bpc_comment {padding-top:3.1250vw;} .vb_link_prof .vb_tit {height:auto;} .vb_link_prof .vb_answ {padding-top:3.9063vw; overflow:hidden;} .vb_link_prof .vb_answ .cBlue_fBo {padding-right:1.5625vw;} .vb_link_prof .vb_answ .tit_s25cDark {white-space:unset;} .bpc_comment {} .bpc_comment .link_comment + .bpc_lists_w {margin-top:3.1250vw;} .bpc_comment.ty2 {padding-top:9.3750vw;} .bpc_lists_w {padding-top:1.5625vw; border-top:0.1563vw solid #c9c9c9;} .bpc_list {position:relative; min-height:9.8125vw; padding:1.8750vw 0 0 10.9375vw;} .bpc_list + .bpc_list {margin-top:2.5625vw;} .bpc_list .txt_s21cDark {max-width:90%; margin-top:0.7813vw;} .bpc_list .comt_name {display:inline-block; min-width:10.8125vw; padding-right:1.5625vw; font-size:3.2813vw; color:#333333; font-weight:700;} .bpc_list .comt_name + .txt_s21cDark {max-width:75%; vertical-align:top;} .bpc_list .comt_time {padding-right:0.7813vw; font-size:2.8125vw; color:#575757; vertical-align:middle;} .bpc_list .btn_icon_utill {top:4.8125vw; right:0.6875vw;} .bpc_list .ut_layer {right:1.6875vw; top:12.0625vw;} .bpc_list .btn_txt_delete {position:absolute; top:2.3438vw; right:0; width:auto; height:auto; padding:0.7813vw 1.5625vw;} /*.bpc_list .inp_txt_comment {height:7.8125vw;}*/ .bpc_list.ty2 {padding-top:6.2500vw; margin-top:6.2500vw;} .bpc_list.ty2 .bpc_img {top:6.0625vw;} .bpc_list.ty2:before {position:absolute; top:0; left:-10%; width:120%; height:0.1563vw; background:#c9c9c9; content:'';} .slideSection_pfTimelineSd .vb_list {height:46.8750vw;} .slideSection_pfTimelineSd .vb_list > img {width:100%; height:100%;} .box_pfinfo {} .box_pfinfo .box_tbLGray {margin-top:4.6875vw;} .box_pfinfo .btn_txt_modify {float:right; width:auto; height:auto; padding:0.7813vw 1.5625vw;} .box_pfinfo .btn_txt_modify .txt_s20cBlack {text-decoration:underline; text-underline-position:under;} .box_pfinfo .box_tbLGray .ft_cell_th {width:20%; padding-left:0;} .box_pfinfo .box_tbLGray.txtarea {position:relative; max-height:57.0313vw; padding:3.1250vw 4.6875vw; overflow-y:auto;} /*.box_pfinfo .box_tbLGray.txtarea:after {position:absolute; bottom:0; left:0; width:100%; height:3.1250vw; background:#f6f6f6; content:'';}*/ .box_pfinfo .box_tbLGray + .pfi_tit {padding-top:7.8125vw;} .btg_list {padding:3.1250vw 0;} .btg_list + .btg_list {border-top:0.1563vw solid #c9c9c9;} .btg_list .txt_s22cGray {display:block;} .tab_wrap_colWbline.prof {padding:0;} .tab_wrap_colWbline.prof .btn_h70_tabWbl.active:after {width:25.0000vw; margin-left:-12.5000vw;} .inp_sch_gray.prof {margin:6.2500vw 0;} .pfimg_lists_w {} .pfimg_list {position:relative; height:25.7813vw; padding:6.2500vw 0 6.2500vw 20.3125vw;} .pfimg_list + .pfimg_list {border-top:0.1563vw solid #c9c9c9;} .pfi_w {position:absolute; top:4.6875vw; left:0; width:17.1875vw; height:17.1875vw; background:url('../images/m/common/icon_profile.png') no-repeat; background-size:100% auto; overflow:hidden;} .pfi_w img {width:100%; height:100%; border-radius:50%;} .pfi_w .icon_best {position:absolute; top:0; left:-0.7813vw; width:5.3125vw; height:6.8750vw; background:url('../images/m/kbi_tube/icon_bedge_best.png') no-repeat; background-size:100% auto;} .pfimg_list .txt_s23cBlack_fBo {display:block; padding-bottom:1.5625vw;} .pfimg_list .btn_h70Flow {position:absolute; top:8.2938vw; right:7.0313vw; padding:0.7813vw; min-width:25.0000vw; width:25.0000vw; height:9.3750vw;} .pfimg_list .btn_h70Flow .txt_btn_name {font-size:3.2813vw;} .pfimg_list .btn_icon_utill {top:10.3125vw; right:0;} .popup_sprof {padding-top:0; padding:9.3750vw 0 0;} .popup_sprof .box_my_info {padding:0 0 3.1250vw 0;} .popup_sprof .profile_img_w {width:17.1875vw; height:17.1875vw; background-size:17.1875vw;} /* 내소식 작성 */ .box_tmwrite .bpc_tit .txt_s23 {padding-top:2.3438vw;} .box_tmwrite .inp_txtArea {margin-top:4.6875vw;} .box_tmwrite .btn_blue {margin-top:4.6875vw;} /* 공개설정 */ .modal_popup_setting .pop_content {padding:0 0 5.4688vw;} .box_setting_w {border-bottom:0.1563vw solid #c9c9c9;} .box_setting_w + .box_setting_w {border-top:1.5625vw solid #f6f6f6;} .box_setting_w:last-child {border-bottom:0;} .box_setting_w .txt_s28cBlack {padding-bottom:6.2500vw;} .set_lists_w {} .set_list {position:relative;} .set_list [class^="txt_"] {max-width:70.3125vw;} .set_list [class^="txt_"] + [class^="txt_"] {display:block; padding-top:0.8375vw;} .set_list .inp_checkbox_switch {position:absolute; top:6.2500vw; right:0;} .set_list:first-child .inp_checkbox_switch {top:1.5625vw;} .set_list + .set_list {padding-top:4.6875vw;} /* 내 타임라인 공유 팝업 */ .popup_shtimeline {} .popup_shtimeline .bpc_cont + .txt_s22cDark {margin-top:3.1250vw; padding-top:3.1250vw; border-top:0.1563vw solid #9a9a9a;} .popup_shtimeline .inp_txtArea {margin-top:3.1250vw;} /* 이벤트 템플릿 */ .event_tit {padding:0 5.4688vw; font-size:5.6250vw; text-align:center;} .content.Tline .event_tit {padding-top:4.6875vw;} .content.Tline .event_tit h2 {font-size:5.6250vw;} .event_tit .event_day {margin-top:5.4688vw; font-size:3.5938vw;} .event_day .evi_sub {display:inline-block; width:80%; padding-left:3.4375vw;} .bv_content .event_tit {padding:0;} .newsletter_tit {text-align:center; font-size:3.4375vw; color:#282828;} .newsletter_tit h2 {font-size:4.6875vw;} .newsletter_tit h2 + span {display:inline-block; padding-top:2.3438vw;} .nl_head_box {margin:0 auto; padding:4.6875vw 7.8125vw; margin-bottom:9.3750vw; background:#02a5b1; box-sizing:border-box;} .nl_head_box .txt_sub02 {color:#fff;} .nl_head_box .icon_newsletter {width:19.3438vw; height:14.5625vw; margin:0 1.5625vw; background:url("../images/m/event/icon_newsletter.png") 50% no-repeat; vertical-align:middle;} .event_day {width:100%; margin:0 auto; padding:3.1250vw 2.5938vw; color:#282828; text-align:center; background:#f6f6f6; box-sizing:border-box;} .event_day {display:inline-block; vertical-align:middle; text-align:left;} .ed_list [class^="evi_"] {font-size:3.5938vw; vertical-align:middle;} .ed_list .evi_sub {padding-left:3.4375vw; font-weight:700;} .event_inner {text-align:center; padding-top:9.3750vw;} .event_inner .icon_summer {width:12.5000vw; height:9.6875vw; background:url("../images/m/event/icon_parasol.png") no-repeat; background-size:100% auto;} .event_inner .icon_roulette {position:relative; top:0; right:0; width:16.5vw; height:12.6875vw; background:url("../images/m/event/icon_roulete_s.png") no-repeat; background-size:100% auto;} .event_inner [class^="icon_"] + .evi_info {padding-top:4.6875vw;} .evi_info {font-size:2.3438vw; color:#282828;} .evi_info [class^="line"] {display:inline-block; padding-top:3.1250vw; font-size:3.5938vw;} .evi_info [class^="line"]:first-child {padding-top:0;} .evi_info .line_str {display:inline-block; font-size:4.0625vw; font-weight:700;} .evi_info + .box_tbLGrayEve {margin-top:9.3750vw;} .box_tbLGrayEve {padding:7.8125vw; background:#02a5b1;} .event_inner .gift_list img + span {display:block; padding-top:1.5625vw; font-size:3.2813vw;} .event_inner .event_apply_w .event_day {font-size:3.5938vw;} .event_inner .event_apply_w .billiard_cDarkgray1 {display:block; margin-top:3.1250vw; font-size:3.0813vw;} .gift_lists_w, .radio_group_giftimg {display:inline-block; padding-top:9.3750vw; text-align:center;} .gift_list {float:left; text-align:center;} .gift_list img {width:28.1250vw; height:28.1250vw;} .gift_list .txt_s21cBlack {display:block; padding-top:1.5625vw;} .gift_list + .gift_list {padding-left:7.0313vw;} .evi_info + .rullet, .gift_lists_w + .rullet {margin-top:9.3750vw;} .radio_group_giftimg {width:100%; padding:9.3750vw 0 10.9375vw;} .radio_group_giftimg h4 {font-size:4.0625vw; color:#333; padding-bottom:1.5625vw; margin-bottom:4.6875vw; font-weight:normal; border-bottom:0.3125vw solid #1ab8b9;} .inp_radio_gift .txt_tIconRd {padding-bottom:1.5625vw; font-size:2.8125vw; font-weight:500;} .inp_radio_gift .txt_tIconRd:before {margin-top:-2.6531vw; left:1.5625vw;} .inp_radio_gift img {display:block; margin-bottom:3.1250vw; background:#f6f6f6;} .inp_radio_gift .txt_radio_name {font-size:2.8125vw; font-weight:500;} .inp_radio_gift .icon_radio {margin-right:1.7813vw; vertical-align:sub; width:3.9063vw; height:3.9063vw; background:url('../images/m/common/icon_radio_off.svg') no-repeat center center; background-size:100% auto;} .inp_radio_gift input[type="radio"]:checked + .icon_radio {background-image:url('../images/m/common/icon_radio_on.svg');} .inp_radio_gift input[type="radio"]:checked + i:before {position:absolute; top:-0.7813vw; left:-0.7813vw; width:100%; height:100%; border:0.7813vw solid #02a5b1; content:'';} .inp_radio_gift + .inp_radio_gift {margin:0 0 0 4.8125vw;} .radio_group_giftimg .inp_radio_gift {width:37.9375vw; height:47.9375vw;} .radio_group_giftimg img {width:100%; height:37.5000vw;} .radio_group_giftimg.type2 .inp_radio_gift {width:35.1563VW;} .radio_group_giftimg.type2 .inp_radio_gift input[type="radio"]:checked+ .icon_radio:before {width:35.1563VW;} .radio_group_giftimg .inp_radio_gift + .inp_radio_gift + .inp_radio_gift {margin-top:4.6875vw; margin-left:0;} .radio_group_giftimg .inp_radio_gift + .inp_radio_gift + .inp_radio_gift + .inp_radio_gift {margin-left:4.6875vw;} .event_apply_w {padding:10.0625vw 3.1250vw; margin-top:9.3750vw; background:#02a5b1; text-align:center;} .event_apply_w .evi_info {color:#fff;} .event_apply_w .event_day {margin-top:3.1250vw; background:#fff; color:#d0021b;} .event_apply_w .event_day .evi_sub + .evi_tit:before {background:#d0021b;} .event_apply_w .event_day + .txt_s21cDark {margin-top:3.1250vw;} .radio_group_giftimg + .event_apply_w {margin-top:0;} .ei_lists_w {margin-top:9.3750vw; padding:0 5.4688vw; text-align:left;} [class^="ei_list"] + [class^="ei_list"] {padding-top:9.3750vw;} .ei_list_timecount {border-bottom:0.4688vw solid #02a5b1; padding-bottom:2.3438vw; text-align:center;} .ei_list_timecount [class^="txt_"] {font-weight:700; padding-top:2.0313vw;} .ei_list_timecount .txt_l {position:relative; float:left;} .ei_list_timecount .txt_l:after {position:absolute; top:0; right:-0.7813vw; width:4.2813vw; height:7.3438vw; background:#fff; content:'';} .ei_list_timecount .txt_r {float:right;} .countdown {display:inline-block; font-size:4.6875vw; color:#02a5b1;} .count_num {font-size:5.6250vw; font-family:'Lato'; font-weight:700;} .count_txt {font-size:4.6875vw; font-family:'Noto Sans KR', sans-serif; font-weight:normal; padding:0 2.3438vw 0 0.4688vw;} .count_txt:last-child {padding-right:0;} .ei_list_timecount.type2 {text-align:center;} .ei_list_timecount.type2 .txt_l {float:none; display:block; font-size:3.1250vw; color:#333; font-weight:normal; padding-top:0;} .flip-clock-wrapper {display:inline-block; margin-top:3.1250vw; margin-left:-3.1250vw;} [class^="ei_list"] h4 {padding-bottom:4.6875vw;} .ei_list .eil_box {padding:4.6875vw 3.1250vw 5.4688vw; font-size:3.2813vw; color:#282828; background:#f6f6f6; text-align:left;} .eil_box .eilb_inner {max-height:46.8750vw; overflow-y:auto;} .eil_box > .inp_checkbox {margin:2.3438vw 0 0 0; padding:1.5625vw; background:#fff;} .eil_box > .inp_checkbox .txt_tIconChk:before {top:0; margin-top:1.0469vw;} .eil_box + .inp_checkbox {margin:2.3438vw 0 0 1.5625vw;} .eil_box .inp_checkbox .txt_tIconChk {font-size:3.2813vw;} .ei_list_guidebox {border-top:0.1563vw solid #c9c9c9; margin-top:7.8125vw; padding-top:7.8125vw !important;} .ei_list_guidebox .tit_s25cDark_fBo {padding-bottom:3.1250vw;} .ei_list_guidebox .items_btn_dSpace {padding-top:4.6875vw;} .ei_list_guidebox .items_btn_dSpace {text-align:center;} .ei_list_guidebox .items_btn_dSpace .btn_bLine {width:auto; height:auto; padding:1.5625vw; border:0;} .ei_list_guidebox .items_btn_dSpace .txt_btn_name {font-size:3.2813vw; font-weight:normal;} .ei_list_guidebox .context_lists_guide .context_lists_sub {padding-left:2.3438vw;} [class^="ei_list"] + .ei_list_btn {padding:13.2813vw 0 6.2500vw;} .ei_list .filler_tag_w {margin-bottom:1.5625vw; padding:0 3.1250vw 3.1250vw 0;} .ei_list .txt_s22cDark + .btn_h40Dark {margin-left:3.1250vw;} .bv_content .ei_lists_w {padding:0;} /* pc 이벤트 템플릿 호환 */ #eventContent #wrap {padding-bottom:0;} #eventContent #wrap + .layout_video {margin-top:7.8125vw;} .content.event:after {display:none;} .event_day [class^="evi_"] {font-size:3.5938vw !important;} .event_day .evi_sub {font-weight:700;} .event_day .evi_sub.flt {margin-bottom:1.5625vw;} .event_apply_w .event_day .evi_sub {width:78%;} .ei_list_timecount .txt_r {display:none;} [class*="txt_billiard"] {display:block; position:relative; padding-left:1.1em;} [class*="txt_billiard"]:before {display:inline; content:'※'; position:absolute; left:0; top:0; } [class^="txt_dott"] {display:block; position:relative; padding-left:0.7em; font-size:3.4375vw;} [class^="txt_dott"]:before {display:inline; content:'·'; position:absolute; left:0; top:0; font-weight:700;} .inp_checkbox_circle {width:100%; margin:1.3438vw 0 0 0; padding:1.5625vw; background:#fff;} .inp_checkbox_circle .txt_chk_name {width:94%; padding-left:2.3438vw; font-size:3.2813vw; vertical-align:top;} .inp_checkbox_circle .icon_checkbox {width:4.2188vw; height:4.7088vw; background:url('../images/m/common/icon_checkbox_off.svg') no-repeat center center; background-size:100% auto;} .inp_checkbox_circle input[type="checkbox"]:checked + .icon_checkbox {background-image:url('../images/m/common/icon_checkbox_on.svg');} .eil_box .inp_checkbox_circle {margin-top:4.3438vw;} .btn_keyword_type2_s {padding:0 2.5625vw; height:7.25vw; border:0.1563vw solid #dedede; border-radius:3.1875vw;} .btn_keyword_type2_s .txt_btn_name, a.btn_keyword_type2_s .txt_btn_name {font-size:2.9688vw; color:#898989; font-weight:400;} .talk_keywords_w {width:100%; overflow-x:auto; margin-bottom:4.125vw; white-space:nowrap;} .tk_lists_w {display:flex; padding-bottom:0.1563vw;} .tk_lists_w .tk_list {float:left;} .tk_lists_w .tk_list + .tk_list {margin-left:1.5625vw;} .talk_keywords_w.event + .txt_cont02_cDarkgray1 {font-size:3.4375vw;} .ei_list .btn_dark_small {min-width:18.7500vw; width:auto; padding:0; margin-left:3.1250vw; height:6.2500vw; border-radius:8.5938vw;} .ei_list .btn_dark_small .txt_btn_name {font-size:3.2813vw; font-weight:400;} .ei_list_timecount.type2 .txt_l {text-align:left; font-size:4.0625vw; font-weight:700;} .ei_list .inp_text_email {width:70%} .ei_list .inp_text_email .btn_icon_reset {display:none;} .ei_list .inp_text_email .txt_placeholder_cLightgray {margin-top:1.5625vw; font-size:3.2813vw;} .ei_list .inp_text_email + .btn_blue_send {float:right; width:25%; height:10.9375vw; padding:1.9063vw 3.1250vw;} .event_inner.newsletter .ei_list_guidebox {text-align:left;} /* 룰렛 이벤트 */ .rullet {position:relative; margin:0 auto; width:83.75vw; height:83.75vw; margin-bottom:15.6250vw;} .rullet:before {content:''; position:absolute; left:50%; top:-4.3438vw; z-index:10; margin:0 0 0 -5.0000vw; width:10.0000vw; height:14vw; background:url("../images/m/event/icon_rullet_pin.png") center no-repeat; background-size:100% auto;} .rullet .btn {overflow:hidden; position:absolute; left:50%; top:50%; margin:-7.8125vw 0 0 -7.8125vw; padding:0; border:solid 0.7813vw #fff; background:none; cursor:pointer; border-radius:50%} .rullet .btn span {position:relative; display:block; width:15.6250vw; height:15.6250vw; font-size:3.1250vw; color:#fff; font-weight:bold; text-align:center; line-height:15.6250vw; background:#02a5b1;} .rullet .result {position:absolute; left:0; bottom:-7.8125vw; width:100%; font-size:3.1250vw; color:#555; font-weight:bold; text-align:center} .rullet .piebox {position:relative; width:100%; height:100%; background:#f6f6f6; border-radius:50%; border:solid 2.0313vw #02a5b1; box-sizing:border-box} .rullet .piebox .item {position:absolute; width:100%; height:100%; border-radius:50%} .rullet .piebox .item .pie {position:absolute; width:100%; height:100%; border-radius:50%; background:#ffffff;} .rullet .piebox .item .pie span {position:absolute; right:50%; top:4.6875vw; margin:0 0 0 0; width:50%; height:22.625vw; font-size:3.7500vw; color:#5c5c5c; font-weight:bold; text-align:center;} .rullet .piebox .even .pie {background:#eef8f9;} /* kbi tube */ .slideSection_kbitube [class^="thumpnail_"] {width:43.5938vw;} .slideSection_kbitube [class^="thumpnail_"] .thump_img_w {width:43.5938vw; height:25.4688vw;} .slideSection_kbitube [class^="link_arrow"] {margin:-2.3438vw 3.9063vw 0 5.4688vw;} .slideSection_kbitube [class^="link_arrow"] + .ts_slider {margin-top:2.3438vw;} .slideSection_kbitube .link_arrow_nbtn:after {display:none;} .box_tube_top {padding-bottom:2.3438vw; border-bottom:0.1563vw solid #c9c9c9;} .box_tube_top .tbt_radio_w {padding-top:4.6875vw;} .tbt_radio_w {} .box_tube_top.nline {border-bottom:0; padding-bottom:0;} .items_btn_single.float {overflow:visible; margin-top:5.4688vw; height:10.9375vw; text-align:center;} .items_btn_single.float .btn_blue {width:39.0625vw; box-shadow:0.9375vw 0.9375vw 1.5625vw #6e6e6e;} /* 콘텐츠 전체 */ .filter_wrap.ktbue .item_rdChk .txt_tIconChk {font-size:3.1250vw;} .filter_wrap.ktbue .fl_cont {height:calc(100vh - 33.8438vw); padding-bottom:24.0625vw;} .multi_filter_w {position:relative; padding:5.4688vw; overflow:hidden; box-shadow:0 0.625vw 0.625vw 0 #e5e5e5; z-index:2;} .multi_filter_w .filter_box {float:left; width:100%; padding:0; border-bottom:0; text-align:left;} .multi_filter_w .filter_box + .inp_checkbox_filter {position:absolute; right:5.4688vw;} .multi_filter_w .filter_box + .inp_checkbox_filter .txt_tIconChk:before {height:4.0875vw;} .multi_filter_w .tab_wrap_2byRow {padding:0;} .multi_filter_w .btn_h50_filter {position:absolute; top:5.4688vw; right:5.4688vw;} /* 채널 전체 */ .channel_lists_w {padding-top:1.5625vw;} .chan_list {position:relative; padding:4.6875vw 6.2500vw; border-bottom:0.1563vw solid #c9c9c9;} .chan_list + .chan_list {border-top:1.5625vw solid #f6f6f6;} .chan_list:last-child {border-bottom:0;} .chan_list .pfi_w {left:auto; top:4.6875vw; right:6.2500vw; overflow:unset;} .chan_info {height:24.1875vw; padding-bottom:6.2500vw;} .chan_info .txt_s20cGray {max-width:57.0313vw;} .chan_info .txt_s26cBlackfBo + .txt_s20cGray {margin-top:1.5625vw;} .chan_opt {padding-top:4.6875vw; border-top:0.1563vw solid #c9c9c9; overflow:hidden;} .copt_list {float:left; width:25.3438vw; position:relative; padding-left:10.1563vw;} .copt_list [class^="icon_"] {position:absolute; top:50%; left:0; margin-top:-2.8125vw;} .copt_list .icon_follower {width:6.2500vw; height:3.7500vw; background:url('../images/m/kbi_tube/icon_follower.png') no-repeat; background-size:100% auto;} .copt_list .icon_count_play {width:4.0625vw; height:4.6875vw; background:url('../images/m/kbi_tube/icon_count_play.png') no-repeat; background-size:100% auto;} .copt_list .icon_comment {width:6.2500vw; height:5.9375vw; background:url('../images/m/kbi_tube/icon_comment.png') no-repeat; background-size:85% auto;} .copt_list [class^="txt_"] {display:block;} .copt_list + .copt_list {margin-left:5.7375vw;} /* 문서로 보는 경제,경영,금융 뉴스*/ .btu_list .link_tubedocu {width:100%;} .link_tubedocu .txt_s26cBlack_fBo + .txt_s22cGray {display:-webkit-inline-box; padding-top:0; margin-top:3.1250vw;} .link_tubedocu .txt_s21cGray {display:inline-block;} .link_tubedocu .txt_s21cGray + .txt_s21cGray {position:relative; padding-left:3.1250vw;} .link_tubedocu .txt_s21cGray + .txt_s21cGray:before {position:absolute; top:2.6563vw; left:1.2500vw; width:0.1563vw; height:3.1250vw; background:#898989; content:'';} .bv_cont + .btn_blue_download {margin-top:-0.1563vw;} /* 콘텐츠 상세 */ .thumbnail_lists + .box_tube_creator {position:relative; border-top:1.5625vw solid #f6f6f6;} .thumbnail_lists + .box_tube_creator:before {position:absolute; top:-1.5625vw; left:0; width:100%; height:0.1563vw; background:#c9c9c9; content:'';} .box_tube_creator .pfimg_list {display:block; height:auto; padding-top:0; padding-left:17.1875vw;} .box_tube_creator .pfi_w {width:14.0625vw; height:14.0625vw; top:0;} .box_tube_creator .pfimg_list [class^="txt_"] {display:block;} .box_tube_creator .items_btn_dSpace {padding:4.6875vw 0 0.3125vw;} .box_tube_creator .btn_h70Flow {height:14.0625vw;} .box_tube_creator .btn_h70Flow .txt_btn_name {font-size:3.9063vw;} .btc_infobox {position:relative; width:91.0625vw; height:25.5938vw; margin-top:3.1250vw; padding:7.8125vw 5.4688vw; background:url("../images/m/kbi_tube/box_comment.png") no-repeat; background-size:100% auto;} .btc_infobox .btn_icon_close {position:absolute; top:7.9688vw; right:4.6875vw; width:5.4688vw; height:5.4688vw; background:url("../images/m/kbi_tube/icon_delete.png") center no-repeat; background-size:4.6875vw auto;} .switch_tit_w {padding:7.8125vw 5.4688vw 1.5625vw 5.4688vw;} .switch_tit_w .label_switch {float:right;} .label_switch .txt_s19 {color:#6d6d6d; padding-right:1.5625vw;} /* 내 플레이리스트에 담기 팝업 */ .popup_addplist .pop_content {max-height:78.1250vw; overflow-y:auto;} .popup_addplist .btn_newplaylist {height:12.0625vw; text-align:left; border:0.1563vw solid #dadada;} .popup_addplist .btn_newplaylist + .items_rdChk_w {border-top:0;} .popup_addplist .items_rdChk_w .item_rdChk {width:100%; height:auto;} .popup_addplist .item_rdChk .inp_radio_iChk, .popup_addplist .inp_radio_iChk .txt_tIconRd {height:auto;} .popup_addplist .items_rdChk_w {border-width:0.1563vw;} .popup_addplist .items_rdChk_w .item_rdChk {border:0;} .popup_addplist .items_rdChk_w .item_rdChk + .item_rdChk {border-top:0.1563vw solid #dadada;} .popup_newplist .pop_content {/* padding-top:10.9375vw; */ text-align:center;} .popup_newplist .pop_content .inp_txt {margin-bottom:4.6875vw;} /* 통합검색 */ .srch_tit_w {display:block; padding:7.8125vw 5.4688vw 3.1250vw; background:#e7f0ef; border-bottom:0.1563vw solid #8b8b8b;} .srch_tit_w:first-child {border-top:0;} .srch_tit_w .btn_h50_filter {float:right;} [class^="content"].srch .thumbnail_lists_w, [class^="content"].srch .srch_box_w {border-bottom:1.5625vw solid #f6f6f6; } [class^="content"].srch .thumb_list {border-bottom:0;} [class^="content"].srch .box_talk + .box_talk {border-top:1.5625vw solid #f6f6f6;} [class^="content"].srch .box_talk {padding:4.6875vw 5.4688vw;} [class^="content"].srch .vb_link3 .vb_cont3 {margin:3.25vw 0 0;} .vb_link3 .vbt_link {display:block;} .thum_cont em {padding:0 0.4688vw; color:#c18139; background:#f8f2eb; font-style:normal;} /* 연수원 소개 */ [class^="box_akbi_"] {} .box_akbi_intro .intro_top {width:40.6250vw; margin:0 auto;} .box_akbi_intro .intro_top img {width:100%;} .box_akbi_intro .txt_s32cBlue {padding-bottom:2.3438vw;} .box_akbi_intro img + .txt_s32cBlue {padding-top:4.6875vw;} .box_akbi_intro .txt_s25cDark + .txt_s32cBlue {padding-top:10.1563vw;} .box_akbi_intro .txt_intro {width:100%; padding-top:7.8125vw;} .bai_business {padding:10.9375vw 0 12.5000vw;} .bai_list {text-align:center;} .bai_list + .bai_list {padding-top:10.9375vw;} .bai_list [class^="icon_about_"] {width:18.7500vw; height:18.7500vw;} .bai_list .icon_about_01 {background:url('../images/m/about_kbi/icon_about_01.png') no-repeat; background-size:100% auto;} .bai_list .icon_about_02 {background:url('../images/m/about_kbi/icon_about_02.png') no-repeat; background-size:100% auto;} .bai_list .icon_about_03 {background:url('../images/m/about_kbi/icon_about_03.png') no-repeat; background-size:100% auto;} .bai_list .icon_about_04 {background:url('../images/m/about_kbi/icon_about_04.png') no-repeat; background-size:100% auto;} .bai_list .icon_about_05 {background:url('../images/m/about_kbi/icon_about_05.png') no-repeat; background-size:100% auto;} .bai_list .icon_about_06 {background:url('../images/m/about_kbi/icon_about_06.png') no-repeat; background-size:100% auto;} .bai_list .txt_s28cBlackfBo {padding:3.1250vw 0 4.6875vw;} .bai_list .txt_s25cDark {text-align:left;} .bai_list .txt_s32cBlue {display:block;} .bai_list .txt_s32cBlue + .txt_s25cDark, .bai_list .txt_s32cBlue + .txt_s25cDark + .txt_s32cBlue {padding-top:3.1250vw; text-align:center;} .about_perform_w {margin:7.8125vw 0 12.5000vw;} .apw_list {position:relative; padding-left:8.5938vw;} .apw_list:before {position:absolute; top:50%; left:0; margin-top:-1.0938vw; width:2.3438vw; height:2.3438vw; border:0.3125vw solid #02a5b1; border-radius:50%; content:'';} .apw_list + .apw_list {margin-top:4.6875vw;} .apw_list + .apw_list:after {position:absolute; top:-100%; left:1.4063vw; width:0.1563vw; height:8.5938vw; background:#02a5b1; content:'';} .apw_list .txt_s25cDark2 .cBluefBo {padding-left:7.8125vw;} [class^="box_akbi_"] img {width:100%;} .box_akbi_business img + .txt_s25cBlack, .box_akbi_business img + .tit_s28cBlack {padding-top:12.5000vw;} .box_akbi_business .txt_s25cBlack + img, .box_akbi_business .tit_s28cBlack + img {padding-top:7.8125vw;} .box_akbi_mvcore {} .box_akbi_mvcore .txt_s28cLBrown {display:block; padding-top:10.9375vw; font-weight:700;} .box_akbi_mvcore .txt_s28cLBrown:first-child {padding-top:0;} .box_akbi_mvcore .txt_s28cLBrown + img {width:100%;} .core_lists_w {padding-top:4.6875vw; color:#4b4b4b; text-align:center; overflow:hidden;} .core_list [class^="icon_core"] {width:23.4375vw; height:23.4375vw; margin-bottom:2.3438vw;} .core_list .icon_core01 {background:url("../images/m/about_kbi/icon_core01.png") no-repeat; background-size:100% auto;} .core_list .icon_core02 {background:url("../images/m/about_kbi/icon_core02.png") no-repeat; background-size:100% auto;} .core_list .icon_core03 {background:url("../images/m/about_kbi/icon_core03.png") no-repeat; background-size:100% auto;} .core_list + .core_list {padding-top:8.6875vw;} .core_list dt {font-size:4.0625vw;} .core_list dt .txt_s {display:block; font-size:3.5938vw;} .core_list dt + dd {position:relative; padding-top:4.6875vw; margin-top:4.6875vw; font-size:3.5938vw;} .core_list dt + dd:before {position:absolute; top:0; left:50%; margin-left:-7.1875vw; width:14.3750vw; height:0.1563vw; background:#c4c4c4; content:'';} .slogan_lists_w {padding-top:4.6875vw; overflow:hidden;} .slogan_list {float:left; padding:2.9063vw; border:0.1563vw solid #02a5b1;} .slogan_list + .slogan_list {margin-left:3.5625vw;} .link_lists_w {width:100%; border-top:0.1563vw solid #c9c9c9;} .ev_list_info .link_arrow_bs {padding:3.9063vw 5.4688vw;} .ev_list_info .link_arrow_bs:after {top:5.0000vw; right:5.4688vw;} .ev_list_info .txt_s22cBlack {display:block; max-width:90%; min-height:7.8125vw;} .ev_list_info .txt_s19cLGray + .txt_s19cLGray {position:relative; padding-left:1.5625vw;} .ev_list_info .txt_s19cLGray + .txt_s19cLGray:before {position:absolute; top:0.6250vw; left:0.4688vw; width:0.1563vw; height:3.1250vw; background:#c9c9c9; content:'';} .box_akbi_organ .tabmenu_col {margin-bottom:7.8125vw;} .box_akbi_organ .txt_s25cDark2 + .txt_s21cGray {padding-top:6.2500vw;} .box_akbi_organ .org_img {width:100.5000vw; height:46.8750vw; margin-left:-5.4688vw;} .ohist_lists_w {padding-top:3.1250vw;} .oh_lists + .oh_lists {padding-top:7.8125vw;} .oh_lists .txt_s40fBo {padding-bottom:4.6875vw;} .ohy_list .txt_s26fBo {float:left; width:18.2813vw;} .ohy_list .txt_s22cGray {max-width:70.0000vw;} .ohy_list + .ohy_list {padding-top:3.1250vw;} .organization_w {position:relative; padding-top:9.3750vw;} .organization_w [class^="btn_"] {width:42.1875vw; height:10.9375vw; padding:1.9063vw 3.1250vw; border:0;} .organization_w .btn_LGray_top {position:absolute; top:49.8125vw; right:6.7188vw; width:31.2500vw; height:10.9375vw;} [class^="org_lists"] {position:absolute; top:119.3875vw;} .org_lists_l {left:0;} .org_lists_r {right:0;} .oll_list + .oll_list {padding-top:3.1250vw;} .popup_orginfo .pop_content {min-height:auto;} .popup_orginfo .og_tit {display:block; padding-bottom:1.5625vw;} .popup_orginfo .context_lists + .og_tit {padding-top:4.6875vw;} .box_akbi_institute {} .box_akbi_institute .tabmenu_col {margin-bottom:14.0625vw;} .box_akbi_institute h4.tit_s28cDark2 {padding:13.2813vw 0 9.3750vw;} .inst_info {text-align:center;} .inst_info .kbi_symbol {width:23.7500vw; height:23.5938vw; margin-bottom:12.5000vw;} .inst_info .kbi_charater {width:75.1875vw; padding-bottom:11.7500vw;padding-top: 3vw;} .inst_info .kbi_charater2 {width:83.1875vw; padding-bottom:16.7500vw;padding-top: 6vw;} .context_lists_inst {padding:16.5625vw 0 0 0;} .context_lists_inst .ct_list {position:relative; padding-left:18.7188vw;} .context_lists_inst .ct_list + .ct_list {margin-top:4.6875vw;} .context_lists_inst .ct_list:nth-child(2) {padding-bottom:3.1250vw;} .context_lists_inst .ct_list .tit_s23cDark {display:block;} .context_lists_inst [class^="icon_symbol"] {position:absolute; top:-3.1250vw; left:0; width:12.1875vw; height:12.1875vw;} .icon_symbol1 {background:url('../images/m/about_kbi/img_symbol01.png') center no-repeat; background-size:100% auto;} .icon_symbol2 {background:url('../images/m/about_kbi/img_symbol02.png') center no-repeat; background-size:100% auto;} .context_lists_instif {padding:3.1250vw 0 3.9063vw;} .inst_info_gray {background:#f6f6f6; padding:3.1250vw;} .inst_info_gray + .inst_info_gray {margin-top:3.1250vw;} .inst_info_gray .txt_s22cDarkfBo {padding-bottom:3.1250vw;} .iig_img {padding:4.6875vw 3.1250vw; background:#fff; box-shadow:0 0.1563vw 0.4688vw 0 rgba(0, 0, 0, 0.16); border-radius:0.6250vw;} .iig_img .kbi_symbol {display:block; width:71.375vw; margin:0 auto;} .tit_s28_organ {padding:7.8125vw 0 6.2500vw 5.4688vw;} .context_lists_organ .ct_list + .ct_list {margin-top:3.9063vw;} .context_lists_organ .context_lists_sub {padding-left:2.3438vw;} .kn_lists_w {margin-top:7.8125vw; border-top:0.1563vw solid #c9c9c9;} .kn_list {padding:3.1250vw 3.1250vw 6.2500vw; border-bottom:0.1563vw solid #c9c9c9;} .knl_head {position:relative; min-height:9.3750vw; padding-bottom:4.6875vw;} .knl_head img {max-width:33.0625vw;} .knl_head .txt_s21cGrayfBo {position:absolute; top:1.5625vw; right:0; width:45.3125vw;} .kn_list .tit_s21cGray + .context_lists_guide {padding-top:1.5625vw;} .box_kbiprof {padding:7.8125vw 0;} .tit_s28cBlack_pf {display:block; padding:6.2500vw 0 6.2500vw 5.4688vw;} .box_kbiprof .tab_wrap_2byRow {padding:0 5.4688vw 7.0313vw;} .box_kbiprof .tab_wrap_2byRow + .tit_s28cBlack_pf {padding-top:0;} .box_kbiprof .tit_s23 {padding-left:5.4688vw;} .box_kbiprof .fake_tableThGray {margin:7.0313vw 0;} .box_kbiprof .ft_cell_th, .box_kbinstitute .fake_tableThGray .ft_cell_th {width:25%; vertical-align:middle;} .box_kbiprof.ty2 {padding:7.8125vw 5.4688vw;} .box_kbiprof.ty2 .tit_s23 {padding:5.4688vw 0 0 0;} .context_lists_kbiprof .ct_list.tit {padding-bottom:4.6875vw;} .kbip_detail_w {position:relative; padding:6.2500vw 5.4688vw; background:#f6f6f6; border-bottom:1.5625vw solid #efefef;} .kbip_detail_w:after {position:absolute; bottom:0; left:0; width:100%; height:0.1563vw; background:#c9c9c9; content:'';} .kbip_detail_w .kpd_img {width:26.5625vw; height:34.3750vw; margin:0 auto; overflow:hidden;} .kpd_img img {width:100%;} .kpd_img + .kpb_cont {margin-top:6.2500vw;} .kpb_cont {padding:3.1250vw 0; border-width:0.1563vw 0; border-style:solid; border-color:#c9c9c9;} .kpb_cont .ft_cell_th {width:18%; padding:1.5625vw 0; vertical-align:top;} .kpb_cont .ft_cell_td {padding-right:0;} .kbp_cont_more {padding-top:4.6875vw; text-align:center;} .kbp_cont_more .btn_arrow_toggle {position:relative; width:26.5625vw; height:10.9375vw; background:#9b9b9b; border-radius:8.5938vw;} .kbp_cont_more .btn_arrow_toggle:after {display:block; content:'더보기'; position:absolute; left:50%; top:50%; margin:-2.0938vw 0 0 -4.0313vw; font-size:3.1250vw; color:#fff;} .kbp_cont_more .btn_arrow_toggle.active:after {content:'접기'; margin:-2.0938vw 0 0 -2.7313vw;} .kbp_cont_more .acda_cont {padding-bottom:6.2500vw; margin-bottom:4.6875vw; text-align:left;} .kcm_list .tit_s22cLGray {padding:7.8125vw 0 4.6875vw} .kcm_list:first-child .tit_s22cLGray {padding-top:0;} .kcm_list .txt_s22cDark_tNum {padding-left:11.7188vw;} .kcm_list .txt_s22cDark_tNum .number {color:#898989;} .kcm_list .ct_list a {color:#333; text-decoration:underline; text-underline-position:under;} .kbip_detail_w + .kbip_detail_w {margin-top:6.2500vw;} .kbip_detail_w + .txt_s23cLGray {display:block; width:100%; text-align:right; padding:3.1250vw 5.4688vw 0 0;} .box_kbinstitute {} .box_kbinstitute .fake_tableThGray {margin:7.8125vw 0;} .cl_cont_w + .box_kbinstitute > .fake_tableThGray {margin-top:0;} .slide_institute_w {padding-top:4.6875vw;} .slide_institute_w .siw_list, .slide_institute_w .vb_list {height:59.3750vw;} .slide_institute_w + .txt_s23cDarkfBo {padding-top:7.8125vw;} .cont_lists_aboutkbi {padding:7.8125vw 5.4688vw; border-top:0.1563vw solid #c9c9c9;} .cont_lists_aboutkbi .cList + .cList .ak_img {padding-top:7.8125vw;} .cont_lists_aboutkbi .ak_img {display:block; width:89.0625vw; max-height:66.7188vw; margin-bottom:2.125vw; text-align:center; overflow:hidden;} .ak_img img {width:100%; max-height:66.7188vw;} .cont_lists_aboutkbi .cList .txt_s23cBlack + .lab_info {display:block; padding-top:0.125vw;} /* 오시는길 */ .tabmenu_col_way {margin:5.4688vw;} .box_akbi_way {} .box_akbi_way .txt_tIcon_s19cRed {padding:0.3125vw 0 0 6.2500vw;} .box_akbi_way .tit_s25cBlack, .box_akbi_way .txt_s25cBlack {display:block; width:100%;} .box_akbi_way .tb_scroll_w.ty3 .tbsc_w, .tab_wrap_2byRow .tb_scroll_w.ty3 .tbsc_w {border-left:0;} .tab_wrap_2byRow .tb_scroll_w.ty3 .tbsc_w .txt_tIcon_s19 {width:177.3125vw;} .baw_gray {margin-top:7.8125vw; padding:3.1250vw; background:#f6f6f6;} .baw_gray .bottom_msg_w {text-align:right;} .baw_gray .tit_s23cBlack {padding-bottom:1.5625vw;} .baw_gray + .txt_s25cBlack, .tb_scroll_w + .txt_s25cBlack {padding-top:7.8125vw;} .baw_gray + .txt_s25cBlack + .s23cLBrown {display:block; padding-top:3.1250vw;} .myt_info.kway {min-height:16.7188vw;} .myt_info.kway .txt_tIcon_s19cGray {padding-left:10.5vw;} .myt_info.kway .icon_info {top:1.2500vw; height:8.5vw;} .myt_info.kway .s22cGray {vertical-align:middle;} .myt_info.kway .align_maker {height:9.5vw;} .table_lineCol_t4 {width:100vw;} .table_lineCol_t4 thead th {position:relative;} .table_lineCol_t4 thead th + th:before {position:absolute; top:50%; left:-0.7813vw; margin-top:-2.6125vw; margin-left:0; width:3.1250vw; height:5.225vw; background:url("../images/m/common/arrow_right.png") no-repeat; background-size:100% auto; content:'';} .table_lineCol_t4 .txt_s21cBlack_fBo .txt_s19 {display:block;} .table_lineCol_t4 td.no_left {text-align:left;} .table_lineCol_t4 td.no_left .txt_s21cBlack {display:inline-block; width:87vw; text-align:center;} .tab_wrap_2byRow.kway .tabmenu_2byRow {margin:4.6875vw 0;} .tab_wrap_2byRow.kway .tab_content_w img {width:100%;} .tab_wrap_2byRow.kway .tbsc_w img {width:100%;} .fake_tableLine_bank {padding:0 5.4688vw; border:0;} .fake_tableLine_bank .ft_tr:first-child [class^="ft_cell"] {border-top:0.1563vw solid #c9c9c9;} .fake_tableLine_bank .ft_cell_th {width:34.6875vw; padding:3.1250vw 3.1250vw 3.1250vw 0;} .fake_tableLine_bank .ft_cell_th img {width:100%;} .fake_tableLine_bank .ft_cell_td {padding:3.1250vw 0 3.1250vw 3.1250vw;} .fake_tableLine_bank .ft_cell_td .txt_s21cBlue {display:block; color:#4a90e2;} .tbsc_w .txt_tIcon_kwinfo {font-size:2.9688vw;} /* 금융마이스터 제도*/ .myt_info.kbimast {min-height:19.0625vw;} .kbimast .txt_tIcon_s19cGray {padding-left:10.4688vw;} .kbimast .icon_medal {width:10.1563vw; height:12.5000vw; top:2.0938vw; left:-0.7813vw; background:url("../images/m/about_kbi/icon_medal.png") no-repeat; background-size:76% auto;} .kbimast .icon_score {width:10.1563vw; height:9.5vw; top:2.0938vw; left:-0.7813vw; background:url("../images/m/about_kbi/icon_score.png") no-repeat; background-size:86% auto;} .kbimast .icon_qualify {width:10.1563vw; height:9.5vw; top:2.0938vw; left:-0.7813vw; background:url("../images/m/about_kbi/icon_qualify.png") no-repeat; background-size:86% auto;} .kbimast .icon_rannge {width:10.1563vw; height:9.5vw; top:2.0938vw; left:-0.7813vw; background:url("../images/m/about_kbi/icon_rannge.png") no-repeat; background-size:86% auto;} .kbimast [class^="icon_"] + .s23cBlack {display:inline-block; padding-top:3.5938vw;} .box_kbimast .txt_s25cBlack {padding:7.8125vw 0 4.6875vw;} .box_kbimast .txt_s25cBlack:first-child {padding-top:0;} .fake_tableThGray_kbimast .ft_cell_th {width:20%; vertical-align:middle;} .box_kbimast .fake_tableLine_t3Mailige .ft_tr [class^="ft_cell_"] {width:50%; text-align:center;} .box_kbimast .section_qr_link {padding:3.1250vw 0 0 0; background:#fff;} .box_kbimast .section_qr_link .qrv_list {background:#f6f6f6;} .box_kbimast .context_lists_main {padding-top:9.3750vw;} .box_kbimast .context_lists_sub {padding-left:3.9063vw;} .box_kbimast .tb_scroll_w.ty3 {margin-top:0;} .box_kbimast .tb_scroll_w.ty3 tbody tr.td_left td {text-align:left;} .box_kbimast .tb_scroll_w.ty3 tbody td {text-align:center; vertical-align:middle;} .box_kbimast .tb_scroll_w.ty3 tbody td.td_left {text-align:left;} /* 설정 */ .kbiset_tit {padding:7.8125vw 5.4688vw 4.6875vw; font-size:3.5938vw; color:#282828;} .fake_tableLine_kbiset [class^="ft_cell_"] {padding:3.9063vw 5.4688vw;} .fake_tableLine_kbiset .ft_cell_td {text-align:right;} .fake_tableLine_kbiset [class^="btn_S"] {width:auto; height:auto; padding:0.7813vw 1.5625vw;} .fake_tableLine_kbiset .btn_Sversion {padding-right:6.2500vw; background:url("../images/m/common/arrow_right_thin.png") 95% no-repeat; background-size:1.9063vw 2.9063vw;} .fake_tableLine_kbiset .btn_Slogout {margin-left:-1.7813vw;} .fake_tableLine_kbiset .btn_switch.noTxt {vertical-align:text-top;} .fake_tableLine_kbiset + .myt_info {padding-left:5.4688vw;} /* 2020.07.24 - 시리즈 콘텐츠 추가 영역*/ .thum_label_wrap {position: absolute; left:1px; top: -1.6vw; z-index: 1; letter-spacing: -0.7813vw;} .thum_label_wrap .thum_label_006A6B {background-color:#006A6B; } .thum_label_wrap .thum_label_BFBFBF {background-color:#BFBFBF; } .thum_label_wrap .thum_label_00cdb3 {background-color:#00cdb3;} .thum_label_wrap .thum_label_m { padding: 0.3563vw 0.5625vw; height: 4.6875vw; font-size: 2.6125vw; color: #fff;} .thumbnail_lists .thumb_list_bg {cursor:pointer; position:relative; } .thumbnail_lists .thumb_list_bg.on:before {background:url("../images/kbi_tube/mark.png") no-repeat 0 0; width:18px; height:18px;display:inline-block; content:''; background-size:85%; position:absolute; top:76px; left:0px;} .thumbnail_lists .on {background-color:rgba(78, 78, 78, 0.15);} .switch_tit_w_pd { padding: 7.8125vw 5.4688vw 2.5625vw 5.4688vw;} .switch_tit_w .txt_info {font-size:3.8750vw; margin-top:2.5625vw; font-weight:600;} .series_aside .txt_info {font-size:15px; letter-spacing:-0.4px; padding-bottom:0; position:absolute; top:66px; left:30px;} /* 2020.08.18 - 룰렛이벤트 추가 영역*/ .rollette_box { width:86.1111vw; margin:0 auto; border:1px solid #a7a7a7; border-radius:5.5556vw; padding:7.7778vw 5.1389vw; box-sizing:border-box; } .rollette_box { box-shadow:5px 5px 5px #ccc; } .bar_box { margin:0 auto; border:0px solid red; } .bar_box::after { content:''; display:block; clear:both; } .bar_box:nth-child(2) { margin-bottom:2.5000vw; padding:0 3.4556vw; } .bar_box:nth-of-type(2) { padding:0 15.0000vw; } .bar_box > .bar_list { float:left; width:21.6667vw; margin-right:1.5625vw; } .bar_box > .bar_list > li { border:0px solid red; height:6.6667vw; box-sizing:border-box; line-height:6.6667vw; letter-spacing:-0.7px; font-size:3.6111vw; font-weight:700; border-radius:40px; } .bar_box > .bar_list:last-child { margin-right:0; } .bar_box > .bar_list > .c_bd { border:1px solid #888; box-sizing:border-box; } .bar_box > .bar_list > .c_d20303 { color:#fff; background:#d20303; } .bar_box > .bar_list > .c_e6ac10 { color:#fff; background:#e6ac10; } .bar_box > .bar_list > .c_009523 { color:#fff; background:#009523; } .event_inner .txt_info { font-size:3.7500vw; display:block; margin-bottom:8.3333vw; } .progress_box { margin:9.7222vw auto 0; overflow:hidden; } .progress_box > li { float:left; width:36.1111vw; margin-right:2.7778vw; background:#03a5b2; border-radius:200px 200px 20px 20px; color:#fff; padding:7.5000vw 3.9304vw 6.5625vw; box-sizing:border-box; } .progress_box > li:first-child, .progress_box > li:nth-of-type(2){ margin-bottom:4.1667vw; } .progress_box > li:nth-of-type(2), .progress_box > li:nth-of-type(4) { margin-right:0; } .progress_box > li:last-child { margin-right:0px; } .progress_box > li > strong { font-weight:700; font-size:4.1667vw; line-height:5.8333vw; letter-spacing:-0.1944vw; } .progress_box > li > strong:after { width:28.1250vw; height:28.1250vw; content:''; display:block; background:#fff url("../../css/images/m/event/m_icon_roul_01.png") no-repeat center center; border-radius:12px; margin-top:3.7500vw; } .progress_box > li > .progress_point:after { background-size: 60%; } .progress_box > li .progress_chance:after { background:#fff url("../../css/images/m/event/m_icon_roul_02.png") no-repeat center center; background-size: 60%; } .progress_box > li .progress_score:after { background:#fff url("../../css/images/m/event/m_icon_roul_03.png") no-repeat center center; background-size: 60%; } .progress_box > li .progress_count:after { background:#fff url("../../css/images/m/event/m_icon_roul_04.png") no-repeat center center; background-size: 55%; } .progress_box > li .score_info { display:inline-block; margin-top:3.6111vw; font-size:3.7500vw; } .coupon_box { margin:0 auto; background:url(../../css/images/m/event/m_bg_coupon.png) no-repeat 0 0; background-size:100%; text-align:center; width:77.7778vw; height:42.3333vw; box-sizing:border-box; margin-top:13.8889vw; margin-bottom:13.8889vw; position:relative; padding-top:2.5556vw; } .coupon_box .gif_line { color:#fff; font-size:4.4444vw; letter-spacing:-0.7px; position:relative; } .coupon_box .gif_line::before { border:1px dashed #fff; content:''; display:inline-block; width:10.8333vw; margin-right:8px; margin-left:5px; margin-bottom:5px; /*position:absolute; top:0px; left:0px;*/ } .coupon_box .gif_line::after { border:1px dashed #fff; content:''; display:inline-block; width:10.8333vw; margin-right:8px; margin-left:5px; margin-bottom:5px; /*position:absolute; top:0px; right:0px;*/ } .coupon_box .one { display:inline-block; margin-top:1.3889vw; width:28.3333vw; height:28.0556vw; background:url("/css/images/event/icon_one_dott.png") no-repeat center center; background-size:100%; } .coupon_box .one > em { font-size:4.1667vw; line-height:5.5556vw; font-weight:700; color:#fff; font-style:normal; display:inline-block; margin-top:4.1667vw; margin-left:-5px; letter-spacing:-0.7px; } .coupon_box .one > em > i { font-style:normal; font-size:16px; } .coupon_box i.icon_drink { position:absolute; bottom:5.2778vw; right:19.8556vw; } .event_day .evi_sub_wt { width:63%; } .event_day .evi_sub_wt100 { width:100%; padding-left:0; } /*2021.07.22 interactive*/ .interactive_t {margin:5px 0 0 0;position:relative;} .interactive_t > span {display:inline-block;background:#d5d5d5;width:7vw;height:4vw;border-radius:3px;margin-right:1px;} .interactive_t > span.full {background:#02a5b1;} .interactive_t button {position:absolute;top:-10px;right:0;} .youtube_title {padding:0 2rem;} .youtube_title img {max-width:100%;} .youtube_inner {width:269px;margin:0px auto 0;padding:0;} .youtube_inner .youtube_box {width:100%;padding:0;margin-top:30px} .youtube_inner .youtube_box > p img {height:30px;} .youtube_inner .youtube_box .youtube_thum {position:relative;margin-top:5px;padding:0;} .youtube_inner .youtube_box .youtube_thum a {display:block;width:100%;height:100%;} .youtube_inner .youtube_box:first-child .youtube_thum a img {border:4px solid #bf7ecc;} .youtube_inner .youtube_box:nth-child(2) .youtube_thum a img {border:4px solid #ff68a8;} .youtube_inner .youtube_box:nth-child(3) .youtube_thum a img {border:4px solid #10e7e2;} .youtube_inner .youtube_box:nth-child(4) .youtube_thum a img {border:4px solid #f9eb0f;} .youtube_inner .youtube_box .youtube_thum span {position:absolute;top:0;left:0;width:100%;height:100%;} .youtube_inner .youtube_box .youtube_thum span::before { content: ''; display: block; width: 70px; height: 70px; background: url(/css/images/kbi_tube/play_btn.png) no-repeat center center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } /*2021.12.15*/ .roulette_state.new { margin: 0 auto 80px; } .roulette_head {padding-top:9.3750vw;padding-bottom:9.3750vw;text-align:center;} .roulette_head .roulette_tit {color:#222222; font-size: 4.84vw;font-weight:600;margin-bottom:1.4688vw;} .roulette_head .roulette_point {color:#02a5b1;font-size: 6.84vw;font-weight:600;margin-top:2.4688vw;} .roulette_head p {font-size: 3.09vw;} .event_inner .roulette_state_tit {text-align:center;color:#222222;font-size: 4.84vw;font-weight:600;margin-bottom:1.4688vw;} .event_inner .txt_info1 { font-size: 3.09vw; letter-spacing: -0.7px; display: block; margin-bottom: 2.4688vw; } .rollette_box .roulette_state_help {padding:0 1.4688vw 2.4688vw;} .rollette_box .roulette_state_help li { font-size: 3.09vw;text-align:left;} .rollette_box .roulette_new_box {} .rollette_box .roulette_new_box:after { clear: both; display: block; content: ""; } .rollette_box .roulette_new_box .roulette_new_box_inner {display:inline-block;width:calc(33.3333% - 2vw);margin:0 ;} .rollette_box .roulette_new_box .roulette_new_box_inner .box {border:1px solid #dddddd;border-radius:10px;padding:1.4688vw 0 2.4688vw 0;position:relative;margin-bottom:1.4688vw;font-size: 3.09vw;} .rollette_box .roulette_new_box .roulette_new_box_inner .box:before {display:block;content:"";background:url(../../css/images/m/event/icon_event_product_02.png) no-repeat 50% 20%;height: 15.1250vw;background-size: 65%;} .rollette_box .roulette_new_box .roulette_new_box_inner .box strong {color:#03a5b2;} .rollette_box .roulette_new_box .roulette_new_box_inner .box.first:before {background:url(../../css/images/m/event/icon_event_product_01.png) no-repeat 50% 0%;background-size: 65%;} .rollette_box .roulette_new_box .roulette_new_box_inner .box.last:before {background:url(../../css/images/m/event/icon_event_product_03.png) no-repeat 50% 20%;background-size: 65%;} .rollette_box .roulette_new_box .roulette_new_box_inner .roulette_state_btn {line-height:7.4688vw;cursor:pointer;font-size: 3.09vw;} .rollette_box .roulette_new_box .roulette_new_box_inner .roulette_state_btn.select_complete {border:2px solid #03a5b2;background:#03a5b2;color:#fff;} .rollette_box .roulette_new_box .roulette_new_box_inner .roulette_state_btn.selectable {border:2px solid #03a5b2;color:#03a5b2;} .rollette_box .roulette_new_box .roulette_new_box_inner .roulette_state_btn.not_selectable {border:2px solid #eaeaea;background:#eaeaea;color:#888888;} .rollette_box .roulette_new_box .roulette_new_box_inner .txt {font-size: 2.7938vw;;margin-top:1.4688vw;} .table_roulette { clear: both; width: 86.1111vw; border-collapse: collapse; border: 1px solid #e0e0e0; display: table; margin:2.4688vw auto 0; table-layout: fixed; } .table_roulette thead th { position: relative; padding: 1.4688vw 0px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background: #02a5b1; font-weight: 400; font-size: 3.09vw; color: #fff; } .table_roulette tbody td { border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 1.4688vw 0px; position: relative; font-size: 3.09vw; color: #222222; text-align:center; } .ei_list_guidebox.new { border-top: none; margin-top: 0px; padding-top: 0px !important; } .ei_list_guidebox.new.new1 { margin-top: 6.3750vw;} .txt_dott_cDarkgray3 {font-size: 3.59vw;font-weight:600;color:#222222;} .ei_list_guidebox.new .context_lists_guide .ct_list.new {margin-top:3.4688vw;} .ei_lists_w.new { width: 86.1111vw; } .no_winner_list {background:#eaeaea;font-size: 3.59vw;text-align:center;color:#222222;width: 86.1111vw;margin: 2.4688vw auto 0;padding:12.4688vw 0;} /*2022.01.14*/ .dormant_account_box_w { width: 95vw; margin: 0 auto; padding: 8.7500vw 0;text-align:center;border-bottom:2px solid #efefef;} .dormant_account_box_w h4 {font-weight:600;padding-bottom: 4.7500vw;} .dormant_account_box_w .dormant_title span {color: #02a5b1;} .dormant_account_box_w .tit_s28 strong {color: #02a5b1;display: block; margin: 4.7500vw 0;} .dormant_account_form { width: 95vw; margin: 0 auto; padding: 8.7500vw 0;text-align:center;} .dormant_account_form p { line-height: 1.7em; margin-bottom: 8.7500vw; } .dormant_account_form .txt_cont02_cDarkgray2 { padding: 0px 15px; width: 100%; height: 50px; border: 1px solid #d2d2d2; background-color: #fff; box-sizing: border-box; } .dormant_account_form .txt_cont02_cDarkgray2:focus { outline: 0; } .dormant_account_form label { display: block; text-indent: -99999px; font-size: 0; } .dormant_account_form a.btn { padding: 3.9063vw 3.1250vw; width: 100%; height: 14.0625vw; text-align: center; border: 0; background-color: #02a5b1; font-weight: 600; display:block; color:#fff; margin-top: 2.7500vw; } .dormant_account_form a.btn:hover { text-decoration: none; } .dormant_account_form .forget_email { margin-top: 2.7500vw; margin-bottom: 0; } .dormant_account_form .forget_email a { display: inline-block; margin-left: 2.7500vw; position: relative; color: #02a5b1; } .dormant_account_form .forget_email a:after { position: absolute; bottom: 1px; left: 0; width: 100%; background: #02a5b1; height: 1px; content: ""; display: block; } .dormant_account_form .forget_email a:hover { text-decoration: none; } .dormant_help { padding: 4.7500vw 3.7500vw; background: #f9f9f9; } .dormant_help p { font-weight: 600;font-size:3.1250vw; } .dormant_help ul { margin-top: 2.7500vw; } .dormant_help li { letter-spacing: -0.5px; position: relative; padding: 1.7500vw 0 0 2.2500vw; word-break: keep-all;font-size:3.1250vw; } .dormant_help li:after { display: block; content: ""; position: absolute; left: 0; top: 3.8125vw; width: 0.8vw; height: 0.8vw; background: #02a5b1; border-radius: 50%; } .btn_pop_new { min-width: 60px; padding: 0 10px; height: 30px; line-height: 1em; font-size: 1em; background: #bababa; } .btn_app {background:#be9669} .btn_orange {background:#ff6c00;} /*2022-08-05*/ .btn_brownLine {border:1px solid #02a5b1;margin-left:0!important;margin-top: 2.3438vw;color:#02a5b1;} .btn_brownLine .txt_btn_name {color:#02a5b1;} .tabmenu_big_type3 { } [class^="tabmenu_"] .tab_list { float: left; box-sizing: border-box; } [class^="tabmenu_big_type3"] .btn_tab { padding: 5vw 0vw; border: 1px solid #efefef; background-color: #f9f9f9; letter-spacing:-1rem; } [class^="tabmenu_big_type3"] .btn_tab.active { background-color: #02a5b1; } .tabmenu_big_type3 .btn_tab .txt_tab_name { letter-spacing: -0.2vw; } .tabmenu_big_type3 .btn_tab.active .txt_tab_name { color: #fff; } .login_inner.border_none { border: 1px solid #efefef; border-top:none; padding: 5vw; } .login_wrap {padding-top: 9.375vw;} .tab_content_w.tab_big {clear:both;margin-top:0;} .tab_content_w.tab_big .tit_s25cBlackfBo {display:block;text-align:center;margin-bottom:2vw;} .tab_content_w.tab_big .btn_blue {padding: 1.9063vw 3.125vw; height: 8.0625vw;margin-top:5vw;} .login_typeA {background:url(../images/login/login_typeA.png) no-repeat center top;padding-top:25vw;text-align:center;background-size: 35%;} .login_typeB {background:url(../images/login/login_typeB.png) no-repeat center top;padding-top:25vw;text-align:center;background-size: 35%;} .login_typeC {background:url(../images/login/login_typeC.png) no-repeat center top;padding-top:25vw;text-align:center;background-size: 35%;} .login_typeD {background:url(../images/login/login_typeD.png) no-repeat center top;padding-top:25vw;text-align:center;background-size: 35%;} .login_typeE {background:url(../images/login/login_typeE.png) no-repeat center top;padding-top:25vw;text-align:center;background-size: 35%;} .other_login_flex {display:flex;flex-wrap: wrap; justify-content: space-between;margin-top:5vw;} .other_login_flex > p {width:49.5%;margin-top:1%;} .other_login_flex [class^="inp_text"] {margin-bottom:0;} .other_login_flex [class^="inp_text"] ~ [class^="inp_text"] { margin-bottom:0px; } /*2022-11-08*/ .kbi_login_check {display:flex; text-align: left; margin-top: 2.5vw;} .kbi_login_check.typeB {justify-content: center;align-items: center;background: url(../images/login/icon_kbi_login_01.png) no-repeat center top; padding-top: 28vw; text-align: center; background-size: 35%;margin-top:5vw;} .kbi_login_check .txt_tIconChk { font-size: 2.9375vw; margin-top: 1.2vw; } .tab_content_w.tab_big .kbi_login_check .btn_brownLine { padding: 0vw 2.125vw; height: 7vw; margin-top: 0vw;margin-left:1.2vw!important; width: auto; } .tab_content_w.tab_big .kbi_login_check .btn_brownLine .txt_btn_name {font-size: 2.9375vw;} .login_msg {text-align: center; padding: 2.5vw 0 0 0; color: #d0021b; font-size: 2.7375vw;} .green_box {margin-top:3.1vw;padding:2vw;background:#eff8f8;font-size:2.7375vw;} .mb_certify_w .kbi_mt { margin-top: 4.2vw;} /*2022-12-05*/ .kbi_login_check.typeS { justify-content: center; align-items: center; background: url(../images/login/icon_sh_login_01.png) no-repeat center top; padding-top: 28vw; text-align: center; background-size: 35%; margin-top: 5vw; } /*2024-04-17*/ .kbi_login_check.typeH { justify-content: center; align-items: center; background: url(../images/login/icon_hn_login_01.png) no-repeat center top; padding-top: 28vw; text-align: center; background-size: 35%; margin-top: 5vw; } /*2024-06-10*/ .kbi_login_check.typeW { justify-content: center; align-items: center; background: url(../images/login/icon_wr_login_01.png) no-repeat center top; padding-top: 28vw; text-align: center; background-size: 35%; margin-top: 5vw; } /*2025-05-20*/ .kbi_login_check.typeN { justify-content: center; align-items: center; background: url(../images/login/icon_nh_login_01.png) no-repeat center top; padding-top: 28vw; text-align: center; background-size: 35%; margin-top: 5vw; } /*2023-01-31*/ .tc_btn_detail_view {clear:both;text-align:right;position: absolute;bottom: 3.6875vw;right: 5.4688vw;} .tc_btn_detail_view [class^="btn_"] {border-radius: 0.8vw;padding: 1.3063vw 3.125vw; height:auto;width:auto;cursor:pointer;} .tc_btn_detail_view [class^="btn_"] .txt_btn_name { font-size: 2.9063vw; line-height: 1; } /*2023-03-01*/ .mkt_cont { position:relative;} .train_calendar_tooltip {position: relative;background:#ff7e00;font-weight:400;padding: 0.1563vw 1.5625vw; height: 4.6875vw; font-size: 2.6125vw; color: #fff; vertical-align: middle;float:right;margin-top:1.4vw;} .train_calendar_tooltip span {margin-left: -999em; position: absolute; } .train_calendar_tooltip:hover span { background:#ffffff; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.1); position: absolute; right: 0em; top: 1.7em; z-index: 99; color:#ba9164; border:0.1563vw solid #ba9164; margin-left: 0; width: 40vw; padding:10px; line-height:1.4; text-align:center; word-break:keep-all; } /*2023-04-08*/ .year_book_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;width: 77.5938vw;} .year_book_list.detailview {width:100%;} .year_book_list .book_img {width:40%;height:45.5938vw;} /* 230413 */ .year_book_list .book_img img {width:100%;height:100%;border:1px solid #d8d8d8;max-width:100%;} /* 230413 */ .book_info {width:60%;padding:3.9vw 2.5625vw;box-sizing:border-box} .book_info_inner {height: 100%;position:relative;} .book_info_inner_bottom {position:absolute;bottom:0;left:0; font-size: 3.1250vw;color:#666666;} .book_info_inner .book_cate { font-size: 2.9688vw;color:#666666;margin-bottom:10px;} .book_info_inner .tit_sub02_book {font-weight:700; letter-spacing: -1px; word-wrap: break-word; font-size: 3.5938vw;} .book_info_inner .tit_sub02_book a {color:#222;} /* 230413 */ /*2023-06-19*/ .box_akbi_intro li a img { overflow: hidden; border-radius: 10px; } /* 2023-07-12 */ .free_content_wrap { margin-top:50px; } .free_content_slider p { opacity:1;font-size:0;width:320px } .free_content_slider p img { max-width:100%; } @media (orientation: landscape) { .free_content_slider p { width:500px } } /* 2023-08-11*/ .ev_list .ev_cont > strong[class^="evt_"] { font-weight: 400; border-radius: 0.7938vw; display: inline-block; color: #fff; padding: 0.8vw 1.7vw; line-height: 1em; font-size: 2.9688vw; margin-right: 1.2vw; } .ev_list .ev_cont > strong.evt_ing { background: #58dbc0; } .ev_list .ev_cont > strong.evt_end { background: #4a4a4a; } .ev_list .ev_cont > strong.evt_plist { background: #d0021b; } .ev_list .txt_s22cBlack { line-height: 1.3em; } .link_arrow_event .txt_s19cLGray { bottom: 3.6875vw; } .tcsbox_state_new { padding: 4.6875vw 5.4688vw; } .tcsbox_state_new ul { display: flex; padding: 0 0 0; } .tcsbox_state_new li { font-size: 3.2813vw; margin-right: 4.34vw; background: url(../../css/platformMobile/images/icon_state_02.png) no-repeat center left; padding-left: 5.5vw; background-size: 4.3vw auto; } .tcsbox_state_new li strong { color: #02a5b1; display: inline-block; margin-left: 3px; } .tcsbox_state_new li:first-child { background: url(../../css/platformMobile/images/icon_state_01.png) no-repeat center left; background-size: 4.3vw auto; } .tcsbox_state_new li:last-child { background: url(../../css/platformMobile/images/icon_state_03.png) no-repeat center left; background-size: 4.3vw auto; } .new_cio_list + .new_cio_list { margin-left: 1.0438vw; } /*2023-08-31 부터*/ .cio_list [class^="inp_checkbox_new_"] {border: none;} .cio_list [class^="inp_checkbox_new_"] span { background-color: #767676; border-radius: 6.23vw; color: #fff; height: 7.34vw; line-height: 7.34vw; box-sizing: border-box; padding: 0vw 4.2vw 0vw 8.7vw; font-size: 3.2813vw; background-repeat: no-repeat; background-position: 3.9vw center; background-size: 3.575vw auto; box-sizing: border-box; display:block; } .cio_list [class^="inp_checkbox_new_"] + span {display:block;} .cio_list [class^="inp_checkbox_new_"] input[type="checkbox"]:checked + span, .inp_checkbox_new_share.active {background-color: #02a5b1;} .inp_checkbox_new_heart span { background-image: url(../../css/platformMobile/images/icon_add.png); } .inp_checkbox_new_add span { background-image: url(../../css/platformMobile/images/icon_save.png); } .inp_checkbox_new_share { background-image: url(../../css/platformMobile/images/icon_share.png); background-color: #767676; border-radius: 6.23vw; color: #fff; height: 7.34vw; line-height: 7.34vw; box-sizing: border-box; padding: 0vw 4.2vw 0vw 8.7vw; font-size: 3.2813vw; background-repeat: no-repeat; background-position: 3.9vw center; background-size: 3.575vw auto; box-sizing: border-box; } /*2023-08-31 까지*/ .inp_checkbox_new_share.active + .share_wrap { opacity: 1; transform: scale(1); } /* 2023-08-28 */ .ciw_opt .snsshare_w { width: auto; height: auto; } .new_cl_info_w { padding: 4.6875vw 5.4688vw 10.875vw; } .new_cl_info_w .ciw_opt { bottom: 0.6875vw; } .new_tabmenu { margin-top: 7.45vw; } .tabmenu_2byRow.new_tabmenu { border-top: 1px solid #dadada; } .tabmenu_2byRow.new_tabmenu:before, .tabmenu_2byRow.new_tabmenu:after { display: none; } .tabmenu_2byRow.new_tabmenu .btn_h70_tab { border-width: 0 0.1563vw 0.1563vw 0; border-style: solid; border-color: #dadada; } .tabmenu_2byRow.new_tabmenu .tab_list:nth-child(even) .btn_h70_tab { border-width: 0 0 0.1563vw 0; } .new_review_info { display: flex; justify-content: space-between; align-items: center; } .new_review_info_profile { display: flex; align-items: center; } .new_review_info_profile img { width: 11.43vw; margin-right: 1.5vw; } .review_cont_w { margin-top: 1.54vw; } .new_review_info .txt_s20cLGray_date:before { display: none; } .new_btn_delete {position:relative; padding:1.59vw 0 6.5vw 0; height:6.75vw; background:#FFF; border:none;} /* 230829 */ .series_info { border: 1px solid #d9d9d9; padding: 1.9vw 2.3vw; border-radius: 2.23vw; margin: 4.54vw 4.54vw 7.54vw 4.54vw; /* 230829 */ background: #fff; position:relative; /* 230829 */ z-index:10; /* 230829 */ } .series_info ul { display: flex; justify-content: center; } .series_info li { margin-right: 3.64vw; padding: 0 0 0 4.5vw; background: url(../../css/platformMobile/images/icon_series_vod.png) no-repeat 0px center; font-size: 3.1250vw; background-size: 4.375vw auto; } .series_info li strong { color: #02a5b1; } .series_info li:last-child { background: url(../../css/platformMobile/images/icon_series_time.png) no-repeat 4.5vw center; border-left: 1px solid #d9d9d9; background-size: 4.375vw auto; padding: 0 0 0 9.5vw; margin-right: 0; } .switch_tit_w .label_switch { margin-top: -8.5vw } .switch_tit_w .txt_info { margin-top: 0vw; } .switch_tit_w .txt_info span { font-weight: 300; } .thum_cont .title_w.new_title_w { padding-bottom: 1.7813vw; min-height: 15.5vw; } .thumb_list { padding: 3.25vw 5.4688vw; min-height: 25.3125vw; } .thumb_list + .thumb_list { border-top: none } .new_switch_title_w { background: #f6f6f6; margin-top: -12vw; /* 230829 */ position: relative; z-index: 1; padding: 18.8125vw 5.4688vw 0 5.4688vw; /* 230829 */ } .new_ci_detail_w { z-index: 2; position: relative; } .thumbnail_lists_bg .thumb_list_bg { background: #f6f6f6; } .new_txt_info { display: inline-block !important; position: relative; } .new_txt_info:after { display: block; content: ""; bottom: 0; left: 0; width: 100%; height: 2.3vw; background: #a5eddf; position: absolute; } .new_txt_info font { position: relative; z-index: 2; padding: 0 0.8vw } .thumbnail_lists .thum_label_wrap { top: -1.6vw; /* 230829 */ } .new_thum_cont {padding-left:6.6vw;} .new_thum_cont .num { position: absolute; top: 1.2vw; left: 0; background: #00d2ae; color: #fff; border-radius: 1.23vw; padding: 1vw 1.2vw; line-height: 1em; min-width: 22px; text-align: center; font-size: 3.1250vw; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; } /* ****************** 홍보페이지 2024-3-12 ********************** */ .flex_pr { padding: 7.8125vw 5.4688vw;} .flex_pr * {box-sizing:border-box; } .flex_pr .max_img {max-width:100%;} .pr_sec01 { background: #e7c09a url("/css/platformMobile/images/pr_sec01_bg.png") no-repeat right bottom; padding: 3.42vw; position: relative; } .pr_sec01:before { display: flex; content: ""; z-index: 1; position: absolute; top: 0; left: 0; background: url("/css/platformMobile/images/pr_sec01_logo.png") no-repeat; width: 48vw; height: 100%; background-size:48vw auto; } .pr_title { padding: 3.3vw 0 3.3vw 36vw; color: #000; font-size: 3.2750vw; line-height: 1.2; } .pr_title strong { font-weight: 900; font-size: 7.0750vw; } .pr_sec01 ul { background: #fff; border-radius: 2vw; position: relative; z-index: 2; overflow: hidden; display: flex; flex-wrap: wrap; padding: 3vw 3vw; } .pr_sec01 li { width: 100%; padding: 2vw 0; border-bottom:0.2vw dashed #e9e9e9; display:flex; align-items: center; } .pr_sec01 li:last-child {border-bottom:none;} .pr_sec01 li p.img {width:26%;text-align:center;} .pr_sec01 li p.img img {height:16vw;} .pr_sec01 li > div { margin-top: 0.5vw; } .pr_sec01 li > div p { color: #222222; line-height: 1.3; font-size: 3.0375vw; } .pr_sec01 li > div p strong { font-size: 3.9625vw; font-weight: 700; margin-bottom: 1vw; } .pr_sec01 li > div p + p { margin-top: 0.6vw; } .pr_sec02 { margin: 5vw 0; text-align: center; padding: 0 ; } .pr_sec02 h4 { line-height: 1.3; display: inline-block; position: relative; color: #000; font-size: 4.6625vw; padding: 0 2vw } .pr_sec02 h4:after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2.33vw; background: #e7c09a; content: ""; } .pr_sec02 h4 span { position: relative; z-index: 2; } .pr_sec02 h5 { line-height: 1.3; word-break: keep-all; color: #000; font-size: 3.1813vw; font-weight: 500; margin: 2vw 0; } .pr_sec02 ul { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 5.44vw; } .pr_sec02 li { width: 49%; padding: 2vw 3.5vw; position: relative; } .pr_sec02 li:before { display: block; content: ""; width: 100%; height: 65%; background: #bc9265; border-radius: 2vw; position: absolute; bottom: 0; left: 0; z-index: 1; } .pr_sec02 li div { position: relative; z-index: 2; } .pr_sec02 li p { color: #fff; line-height: 1.4; font-size: 2.5688vw; word-break: keep-all; margin-bottom: 2.5vw; } .pr_sec02 li p.img img { width: 25.25vw; } .pr_sec02 li p span { font-size:2.1438vw; display: block; margin-top: 2.5vw; } .pr_sec02 li .tit { font-size: 3.2813vw; font-weight: 700; margin: 1vw 0 1vw; padding: 0.7vw; border: 0.52vw dashed #000; margin-bottom: 1.5vw; } .pr_sec03 { margin: 5vw 0; text-align: center; padding: 0 2vw; } .pr_sec03 h4 { line-height: 1.3; display: inline-block; position: relative; color: #000; font-size: 4.6625vw; padding: 0 1vw } .pr_sec03 h4:after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2.33vw; background: #e7c09a; content: ""; } .pr_sec03 h4 span { position: relative; z-index: 2; } .pr_sec_box { margin-top: 2vw; } .pr_sec_box > * { padding: 4vw 0vw; } .pr_sec_box > div { text-align: left; padding: 0 1vw } .pr_sec_box > div h5 { color: #a97d50; font-size: 3.0375vw; line-height: 1.3; word-break: keep-all; margin-bottom: 0.5vw; } .pr_sec_box > div li { line-height: 1.3; word-break: keep-all; font-size:2.6688vw; color: #222222; font-weight: 500; padding: 0.5vw 0 0.5vw 4.5vw; background: url("/css/platformMobile/images/pr_sec03_icon.png") no-repeat left 0.7vw; background-size:3.2vw auto } .pr_sec04 { text-align: center; padding-bottom: 3vw; } .pr_sec04 h4 { color: #fff; font-size: 3.7625vw; background: #bc9265; padding: 1.5vw 1vw; margin-bottom: 4vw; } .pr_sec04 ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 5%; margin-bottom: 4vw; } .pr_sec04 li { border: 0.6vw solid #231f20; width: 26%; position: relative; margin-bottom:2%; } .pr_sec04 li:after { position: absolute; right: -20%; top: 50%; transform: translateY(-50%); display: block; content: ""; background: url("/css/platformMobile/images/pr_sec04_arrow.png"); width: 3.3vw; height: 3.5vw; background-size:3.3vw auto; } .pr_sec04 li:last-child:after { display: none; } .pr_sec04 li .step { background: #231f20; font-weight: 900; color: #bc9265; padding: 0.7vw 0.5vw; font-size: 3.0375vw; border-bottom: 0.6vw solid #231f20; } .pr_sec04 li > div > div { padding: 1vw 0.5vw; font-size: 2.4688vw; color: #222222; font-weight: 500; line-height: 1.3; } .pr_sec05 { padding-bottom: 3vw; } .pr_sec05 h4 { color: #fff; font-size: 3.7625vw; background: #bc9265; padding: 1.5vw 1vw; margin-bottom: 2vw; text-align: center } .pr_sec05 dl { padding: 0 2vw; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .pr_sec05 dt { position: relative; padding: 0 0 0 6vw; margin: 1.5vw 0; line-height: 1.3; word-break: keep-all; font-size: 2.8688vw; color: #222222; cursor:pointer; } .pr_sec05 dt:before { position: absolute; left: 0; top: 0vw; display: inline-block; content: attr(data-title); font-weight: 900; color: #bc9265; font-size: 2.8688vw; } .pr_sec05 dd { background: #f4f4f4; display: none; width:100%; padding: 1.5vw 1.5vw 1.5vw 6vw; } .pr_sec05 dd p { line-height: 1.5; word-break: keep-all; font-size: 2.4688vw; color: #222222; } .pr_sec05 dd p strong { color: #a97d50; } .pr_sec05 .cm_ac { margin-top: 3vw; } .pr_sec05 .cm_ac .btn_exB { color: #bc9265; font-weight: 900; font-size: 2.1vw; max-width: fit-content; padding: 0.86vw 2.4vw; } .pr_sec06 { margin: 4vw 0 4vw 0; background: #bc9265; padding: 5.45vw 5.4688vw; text-align: center; } .pr_sec06 h4 { color: #fff; font-size: 4.6625vw; margin-bottom: 1vw; } .pr_sec06 h5 { color: #222; font-size: 3.1813vw; margin-bottom: 2vw; line-height: 1.3; word-break: keep-all; } .pr_sec06_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .pr_sec06_flex .item_subject { width: 20%; margin: 0 2% 2vw 0; border-radius: 1.563vw; background: #231f20; font-size: 2.8688vw; text-align: center; color: #fff; padding: 2.73vw 0; } .pr_sec06_flex .item_subject.none { background: transparent } .pr_sec06_flex .item_form { width: 78%; margin-bottom: 2vw; font-size: 2.8688vw; color: #fff; position: relative; display:flex; justify-content: space-between; } .pr_sec06_flex .item_form.checkbox {justify-content: flex-start} .pr_sec06_flex .item_form label { color: #fff; } .pr_sec06_flex .item_form span {align-self: center;} .pr_sec06_flex .item_form input[type=text], .pr_sec06_flex .item_form select, .pr_sec06_flex .item_form textarea { background: #fff; border: none; border-radius: 1.563vw; padding: 3vw 2vw; font-size: 2.8688vw; box-sizing: border-box; } .pr_sec06_flex .item_form input[type=text][id^="p_tel"], .pr_sec06_flex .item_form input[type=text][id^="p_email"] { width: 31%; } .pr_sec06_flex .item_form [class^="inp_checkbox"] input[type="checkbox"]:checked + .txt_tIconChk:before { background-image: url(/css/platformMobile/images/icon_checkbox_on.svg); } .pr_sec06_flex .item_form [class^="inp_checkbox"] .txt_tIconChk { color: #fff; font-size: 3.0375vw; } .pr_sec06_flex .item_form textarea { width: 100%; height: 150px; box-sizing: border-box; } .pr_sec06_flex .item_subject.none + .item_form {justify-content: flex-start;} .pr_sec06_flex .item_form .service_policy_area { display: none; position: absolute; right: 0; top: 6vw; background: #fff; width: 120%; color: #222; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; text-align:left; } .pr_sec06_flex .item_form .service_policy_area .serivce_policy_tit { background: #000000; padding: 1.4vw 2.5vw; color: #fff; font-size: 3.2813vw; font-weight: 600; } .pr_sec06_flex .item_form .service_policy_area .service_policy_in { font-size: 2.8813vw; padding: 2.2vw; color: #222; letter-spacing: -0.8px; } .pr_sec06_flex .item_form .view_policy { display: inline-block; vertical-align: bottom; } .pr_sec06_flex .item_form a { color: #fff; font-size: 3.0375vw; text-decoration: underline; display: inline-block; margin-left: 3vw; vertical-align: top; } .pr_sec06_flex .item_form .view_policy:hover .service_policy_area { display: block; } .pr_sec06_flex .item_form .view_policy:unhover .service_policy_area { display: none; } .cm_ac {text-align:center;} .kbi_flex_btn {display:inline-block;background:#231f20;color:#bc9265;font-weight:900;font-size: 3.2375vw;padding: 2.26vw 6.4vw;border-radius:2vw;} .kbi_flex_btn:hover {text-decoration: none;} .pr_btn { display: inline-block; background: #a97d50; color: #fff; font-weight: 600; border: 1px solid #a97d50; font-size: 3.2375vw; padding: 0.76vw 6.4vw; text-align: center; border-radius: 1vw; margin-bottom: 4vw; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .pr_btn img {vertical-align: middle;height:8vw;} .pr_btn:hover {text-decoration: none;}