/*common*/ #sub_wrap .listtit{padding: 2rem 0; border-bottom: 2px solid #222;} #sub_wrap .listtit_area{display:inline-block; width:100%; } #sub_wrap .listtit_area h3{display:block; font-size:58px; color:#000; letter-spacing: -0.015em; border-bottom: none; line-height: 1; padding: 0 0 10px 0;} #sub_wrap .listtit_area strong{font-size: 18px; color:#ff6600; font-weight:500; letter-spacing: 0.4px; display: block;} #sub_wrap .listtit_area p{display:block; margin:40px 0 15px 0 ; font-size:14px; color:#787878; font-weight:400; line-height: 21px; } #sub_wrap .listtit_area p span{color:#000;font-size:20px; letter-spacing: 0.35px; font-weight: 500; display: block; margin-bottom:5px; } .bd_view_con img {max-width: 100%;} /*설문*/ #test_wrap {background: #f1f1f1; padding: 2rem 0 3rem 0; } #test_wrap .test_container{border-radius: 2rem; border:1px solid #ccc; background: #fff; } .test_top_section .text_tit {font-size:2.23rem; color:#25a4ef; font-weight:400; letter-spacing: -0.015em; margin-top: 1.25rem;} .test_top_section .test_sub_data {margin:1.85rem 0 1.5rem 0; padding-bottom: 1.5rem; border-bottom: 1px solid #222;} .test_top_section .test_sub_data span {color:#878787;} .test_top_section .test_sub_data span em {font-weight: 200; font-style:normal; color:#ccc} .test_top_section .test_sub_data p{ color:#5f5f5f; font-weight: 400; font-size:1.15rem; line-height: 150%; padding-top:5px;} .test_mid_section .course_title {font-size: 16px; font-weight: 700; margin: 11px 0px 30px;color: #25a4ef;} .test_list {margin:5px 0 3rem 0 ;} .test_star strong, .test_list strong {font-size:1.25rem; letter-spacing: -0.025em;} .test_list .text_radio5 {padding: 1rem 0 0 0;} .test_star .test_star_list p, .test_list .text_radio5 p{display: inline-block; margin-right: 1.15rem; font-size:1.15rem; color:#5f5f5f; letter-spacing: -0.01em;} .test_list .test_txtarea{ width: 100%; padding: 1rem 0 0 0} .test_list .test_txtarea textarea {width:100%; border: 1px solid #ccc; min-height: 5rem;} .test_star .test_star_list p .y_star {color:#ffb000;} .test_btn_wrap{ text-align: center; padding:0.5rem 0 1rem 0;} .test_btn_wrap .btn {background: #0b2239; border-radius: 4px; color:#fff; padding: 0.65rem 1.85rem;} /*웹진형 리스트 */ .bbs_style01.webjin {border-bottom: 1px solid #ccc; color:#8f8f8f;} .bbs_style01.webjin > div {padding: 1.85rem 0;} .webjin_cate .category {font-size: 0.85rem; padding: 1rem 0 0 0; display: inline-block;} .webjin_img .csimg_wrap {overflow: hidden; width:100%;} .webjin_img .csimg_wrap .csimg {display: block; position: relative; width: 100%;} .webjin_img .csimg_wrap .csimg a.thumb{width:100%; display:block; height:180px; } .webjin_img .csimg_wrap .csimg a img{border:none; } .bbs_style01.webjin .course_data_wrap .course_data{ padding: 0.85rem 1.5rem 0 2rem; border-right: 1px solid #ccc; height:100%;} .course_data_wrap .course_data .boldTitle a{color:#222; font-size: 2rem; font-weight: 400; line-height: 120%; } .course_data_wrap .course_data p.value_list {font-size: 1rem; font-weight: 400; color: #8f8f8f; line-height: 170%; margin-top: 1.25rem;} .course_btn_wrap .course_btn_area {display: table; width:100% ; height:100%; } .course_btn_wrap .course_btn_area .course_btn{display: table-cell; text-align: center; vertical-align: middle; } /*동의*/ .checkbox_group .all_check_wrap {border-top: 1px solid #ccc; border-bottom: 2px dotted #ccc; padding: 1rem 0.85rem; vertical-align: middle;} .checkbox_group .all_check_wrap span {color:#121212; font-weight: 500;} .checkbox_group .all_check_wrap label{ color:#787878; } .checkbox_group .ck_wrap {border-bottom: 2px dotted #ccc; padding: 1rem 0.85rem; vertical-align: middle; } .checkbox_group input[type=checkbox] {width:1.15rem; height:1.15rem; margin-right:1rem;} .checkbox_group label {font-size: 1.25rem; cursor: pointer; color:#787878;} .checkbox_group > div > p {float:right; font-size:1.25rem; cursor: pointer;} .checkbox_group .mem_toggle_slide {display: none; color:#787878; line-height: 180%; border-bottom: 2px dotted #ccc; padding: 1rem 0.85rem; } .sub_mem_txt {text-align: right;} /*join_form_table*/ .join_form_tit {padding: 2rem 0 1rem 0;} .join_form_tit h6 {font-size: 1.35rem; font-weight: 500; color:#4586e9;} .join_form_table{width:100%; border-top:1px solid #ddd; } .join_form_table tr th{background:#f8f8fb; font-size:14px; color:#444; font-weight:500; padding:16px 0 ; text-align: left; text-indent: 25px; border-bottom:1px solid #ddd;} .join_form_table tr td{font-size:14px; color:#565656; font-weight:300; padding:16px 0 ; text-align: left; padding-left: 25px; border-bottom:1px solid #ddd;} .join_form_table tr td select, .join_form_table tr td input[type=text], .join_form_table tr td input[type=password] {height:28px; width:210px; background-color: #fff; border-radius: 3px; border:1px solid #ccc; text-indent: 8px; } .join_form_table tr td strong {font-weight:500; color:#222;} .join_form_table ul { border-collapse: collapse; width:100%;position:relative;} .join_form_table ul li {border-bottom:1px solid #ddd; width:100%;} .join_form_table ul li::after {content: ''; display: table; clear: both;} .join_form_table ul li .jo_cell_th {float:left; font-size:1rem; color:#444;; line-height: 53px; font-weight:500; text-align: left; text-indent: 25px; width: calc(23% - 32px); } .join_form_table ul li .jo_cell_td {float:left; font-size:1rem; color:#565656; font-weight:300; line-height: 53px; text-align: left; padding-left: 25px; min-width: 28%; vertical-align: middle;} .join_form_table ul li .jo_cell_td.lh_2line {line-height: 1; padding: 14px 25px 14px 25px; } .join_form_table ul li .jo_cell_td.lh_2line p { margin: 6px 0;} input.df_input {height: 28px; width: 210px; background-color: #fff; border-radius: 3px; border: 1px solid #ccc; text-indent: 8px; } input.txt_input {height: 28px; color:#0058ff ; font-weight:500; padding-left:5px; min-width: auto; width: auto;} select.df_select {height: 28px; width: 210px; border-radius: 3px; border: 1px solid #ccc; text-indent: 8px; vertical-align: middle; line-height: 28px; -webkit-appearance:auto;} select.df_select_hf {height: 28px; width: 102px; border-radius: 3px; border: 1px solid #ccc; text-indent: 8px; vertical-align: middle; line-height: 28px;-webkit-appearance:auto;} select.df_select_hf.mr06 {margin-right: 6px;} .join_form_table ul li .jo_cell_td input.df_input.phon_num_input { width: 30%;} .join_form_table ul li .jo_cell_td strong {color:#0058ff ;} .join_form_table ul li .jo_cell_td .phone_dash {text-align: center; display: inline-block; width: calc( 5% - 7px); padding:0;} .join_form_table ul li .jo_cell_td input.df_input.cardinput {width:22%;} .join_form_table ul li .jo_cell_td .card_dash {text-align: center; display: inline-block; width: calc( 3% - 7px); padding:0;} #companySearch {position:fixed; top:10% !important; left:10% !important; max-width:750px;width: 100%; height:450px; margin:5px; background-color:#fff; border:1px #999 solid;border-radius: 5px; padding:20px; display:none; overflow:auto; color:#222; z-index:99999999;} #companySearch > p {color:#222;} #companySearch .formStyle { border:1px solid #ddd; background: #f8f8fb;} #companySearch .formStyle tr td {padding:15px 0 ;} #companySearch .formStyle tr th {font-weight: 400; text-align: center;} #companySearch .formStyle tr td input {width: 99%; border: 1px solid #ccc; padding: 5px 15px; border-radius: 3px; font-weight: 400; color:#787878;} #companySearch .bbs_default_view {width:100%;} #companySearch .bbs_default_view tr th {font-weight: 400; text-align: center; background: #f8f8fb; border-top: 1px solid #222; border-bottom: 1px solid #ccc; padding: 1rem 0;} #companySearch .bbs_default_view tr td {font-weight: 400; text-align: center; background: #fff; color:#787878; border-bottom: 1px solid #ccc; padding: 1rem 0;} #companySearch #btnCpSearch {background: #c6cedc; width:90%; text-align: center;} #companySearch #btnCpSearch a{color: #0b2239; } #companySearch #btnCpclose {background: #0b2239;} #companySearch #btnCpclose a { color: #fff; padding: 0 1.25rem;} #companySearch .bt01 {background: #0b2239; color: #fff; padding: 0.5rem 0.85rem; border-radius: 3px;} /*게시판 리스트*/ .bbs_style02{width:100%} .bbs_style02 tr.Notice td{background: #fafafa; } .bbs_style02 tr th{text-align: center; padding:22px 0; border-bottom:1px solid #ddd; font-size:14px; font-weight:700;} .bbs_style02 tr td{text-align: center; padding:22px 0; border-bottom:1px solid #ddd; font-size:14px;} .bbs_style02.narrow tr th{text-align: center; padding:12px 0; border-bottom:1px solid #ddd; font-size:14px; font-weight:700;} .bbs_style02.narrow tr td{text-align: center; padding:12px 0; border-bottom:1px solid #ddd; font-size:14px;} .bbs_style02 tr.Notice td.bbs_date{font-weight:700; color:#4e6e81; text-transform: uppercase;} .notice{font-family: "Exo 2", "Noto Sans KR", "Noto Sans Korean"; font-weight:700; color:#4e6e81; } .bbs_style02 tr.Notice td.bbs_tit{font-weight:700; color:#000; } .bbs_style02 tr td.bbs_tit{text-align:left; color:#333; font-weight:400; padding: 0 0 0 1rem; } .bbs_style02 tr td.bbs_tit a{ color:#222; } .bbs_style02 tr td.bbs_tit a.subcode100_tit{ color:#4586e9; } .bbs_style02 tr td.bbs_tit a.subcode200_tit{ color:#df781d; } .bbs_style02 tr td.bbs_tit a.subcode300_tit{ color:#31aa57; } .bbs_style02 tr td.bbs_tit a.subcode400_tit{ color:#ff003d; } .subcode_style {color:#fff; border-radius: 4px; display: inline-block; padding: 0.45rem 0.85rem; font-size: 0.85rem;} .subcode100{background:#4586e9;} .subcode200{background:#df781d;} .subcode300{background:#31aa57;} .subcode400{background:#ff003d;} .bbs_style02 tr td.bbs_regist{font-family: "Exo 2", "Noto Sans KR", "Noto Sans Korean"; color:#9d9d9d; font-weight:600;} .bbs_style02 tr td.npds_cate {width:10%; color:#787878;} .bbs_style02 tr td.down {width:14%;} .p_none p{display:none;} /*게시판 상세 */ .bd_view_cdtit {font-size: 2rem; font-weight:500; padding: 2rem 0 ;border-bottom: 1px solid #bbb; line-height: 150%; text-align: center; } .bd_view_topdata {font-size:1rem; background: #f9f9f9; border-bottom: 1px solid #ddd; font-weight:500; color:#898989; padding: 1.25rem 1.5rem;} .bd_view_topdata strong{font-size:1rem; font-weight:500; color:#343434;} .bd_view_topdata em {display: inline-block; padding: 0 6px; color:#9f9f9f; font-weight: 200;} .bd_view_topdata span.cd_date{font-family: "Exo 2"; font-weight:600; } .bd_view_con_wrap{ border-bottom: 1px solid #ccc; padding: 0 0 25px 0;} .bd_view_con {font-size: 1rem; font-family:"Noto Sans KR", "Noto Sans Korean"; color:#676767; padding: 2rem 1.5rem; line-height: 165%;} .bbs_sbumit_area{padding: 25px 0 60px 0;position: relative; text-align: center;} .bbs_sbumit_area .btn_modi_wrap{position: absolute; top:25px; right:0; width:50%; text-align: right;} .bbs_sbumit_area .btn_modi_wrap.btndel{left:0; text-align: left; } .bbs_sbumit_area .btn_modi_wrap a.btn04, .bbs_sbumit_area .btn_modi_wrap a.btn04_off {display: inline-block; text-align: center;} .board_view_down_wrap{margin:2rem 0 0 0 ;} .board_view_down{width:calc(100% - 3rem); margin: 0 auto 8px;} .board_view_down div{ background: #eff2f7 url('../Images/newcommon/board_ic01.png') no-repeat 15px center ; border: 1px solid #ddd; padding:13px 0; position: relative; text-indent: 37px; font-size:14px; } .board_view_down div .br_view_file {color: #4c76e8; font-size:14px; font-weight:400;} .board_view_down div .br_view_text {color: #ff3267; font-size:14px; font-weight:400; float:right; margin-right:15px} .view_style02 tr.view_data > td.view_visit em{font-weight:100; float:right; color:#ddd;} .view_style02 tr.view_bbs > td{padding: 50px 25px 15px 25px; font-size:14px; font-weight:400; line-height:180%; color:#333; min-height: 500px; border-bottom:1px solid #ddd;} .view_style02 tr td.view_next, .view_style02 tr td.next_tit{border-top:1px solid #bbb; border-bottom:1px solid #ddd;} .view_style02 tr td.view_prev, .view_style02 tr td.prev_tit{border-bottom:1px solid #bbb;} .view_style02 tr td.view_next, .view_style02 tr td.view_prev{background:#f9f9f9; text-indent: 25px; color:#666; font-size:13px; font-weight:600; } .view_style02 tr td.next_tit, .view_style02 tr td.prev_tit{padding:21px 0 21px 25px; font-size: 15px; font-weight:400; color:#333;} .view_style02 tr td.next_tit a:hover, .view_style02 tr td.prev_tit a:hover {color:#000; font-weight:500;} /*Tab*/ #tab02{position: relative;} #tab02 ul{position: absolute; bottom:0; right:0; z-index: 10;} #tab02 ul li{float:left;} #tab02 ul li a{color:#5f5f5f; font-weight:400; background:#f5f5f5; display:block; float:left; padding:11px 52px; font-size:15px; } #tab02 ul li.active a{border:2px solid #000; background:#fff; color:#000; border-bottom: 0px; z-index:3} #tabs {position: relative;} #tabs h3{margin: 2.35rem 0 0 0;} #tabs .tabs--header{position: absolute; bottom:0; right:0;} #tabs .tabs--header .tab-head{float:left;} #tabs .tabs--header .tab-head a{color:#5f5f5f; font-weight:400; background:#f5f5f5; display:block; float:left; padding:11px 52px; font-size:15px; } #tabs .tabs--header .tab-head.tab-head__active a{border:2px solid #000; background:#fff; color:#000; border-bottom: 0px; z-index:3} .tab-content h5{font-size:1.286rem; color:#444; padding-bottom: 11px; margin-top:35px; display:block; text-indent: 23px; background: url('../Images/newcommon/bullet04.png') no-repeat top left;} .tab-content .tab_con_txt {font-size: 1rem; line-height: 180%; color: #565656; padding: 0 23px; } /******course_view*****/ .course_imgwrap .course_thum{width:100%; height: 380px;} .course_topdata{padding: 0 0 0 3.214rem; } .course_tit {min-height: 184px;} .course_tit .curse_tab{font-size: 1.286rem ; font-weight:400; color:#07ba4f; letter-spacing: -0.25px; line-height: 135%;} .course_tit h5{font-size:2.286rem; line-height: 145%; color:#000; font-weight:600; letter-spacing: -0.4px; display: block; } .course_tit .btn11 {margin:1rem 0 0 0;} .course_info{ border-top:1px solid #ddd; border-bottom: 1px solid #ddd; } .course_info p {font-size:15px; color:#333; font-weight:400; vertical-align: middle; line-height:18px; margin:0;} .course_info p .front{font-weight: 600 ; width: 85px; padding:0.75rem 0 ; display:inline-block} .hrdcard_app { } .hrdcard_app .hrd_input_wrap{line-height: 170%; padding: 15px 0 ; display: inline-block;} .hrdcard_app label, .hrdcard_app .hrd_none { font-size:1rem; color:#222; font-weight:400; display: inline-block; cursor : pointer; vertical-align: top;} .hrdcard_app label input[type="radio"] {cursor: pointer; vertical-align: top;} .hrdcard_app label {padding:1rem 0.8rem;} .hrdcard_app label span {padding: 0 0 0 8px; display: inline-block;} .hrdcard_app .hrd_submit {width:100%; background:#0b2035; height:50px; line-height: 50px; color:#fff; font-size:15px; border:none; box-shadow: none; cursor : pointer; } .course_exdata {} .extb_top_bur{height:2px; width:100%; background: #919191;} .exdata_th_md_2row { background: #EEF1F6;text-align: center; font-weight: 500; color: #444; font-size: 15px; border-bottom: 1px solid #ccc; height:104px; line-height: 104px;} .exdata_th { background: #EEF1F6; text-align: center; font-weight: 500; color: #444; font-size: 15px; border-bottom: 1px solid #ccc; height:52px; line-height: 52px;} .exdata_td {border-bottom: 1px solid #ccc; text-align: center; height:52px; line-height: 52px } .study_table {border-top: 2px solid #919191; text-align: center; width:100%;} .study_table tr th { text-align: left; font-weight: 500; color:#444; background: #EEF1F6; width:20%; } .study_table tr th, .study_table tr td {padding: 1.15rem 0 1.15rem 2rem ; border-bottom:1px solid #ddd; font-size:15px; } .study_table tr td {text-align: left;} .study_table tr td.st_tb_btncol {width:15%; text-align: center; padding:0 ; } .study_table.courseview_st_tb tr td.st_tb_ctname{color:#8f8f8f; font-weight: 400;} .study_table.courseview_st_tb tr td.st_tb_ctname.st_tb_1st span{color:#222;} table.bbs_default_view .tb_bg01, .study_table .title{background:#EEF1F6; padding:15px 0 ; text-align: center; font-weight: 500; color:#444; font-size:15px;} .hrdpack_cs_wrap {overflow: hidden; margin-left: -15px; margin-right: -15px} .hrdpack_cs_box_wrap { width:33%; padding-left: 15px; padding-right: 15px; float:left; } .hrdpack_cs_box { border:1px solid #ccc; text-align: center; padding: 1.75rem 1rem;} .hrdpack_cs_box span {color:#07ba4f;} .hrdpack_cs_box strong { font-size: 1.35rem; display: inline-block; margin: 4px 0 12px 0;} .hrdpack_cs_pay{font-size: 1.34rem ; display: inline-block; margin-top:14px; font-style: normal; font-weight: 500;} /******LearnView*****/ .learnview_top_container { margin-top : 2.25rem;} .boxcon {border: 1px solid #ccc; padding: 1.75rem 1.5rem; height:430px; } .boxcon h6 {font-size: 1.5rem; font-weight: 600; color: #000; letter-spacing: -0.025em; display: inline-block; padding: 0 0 1.25rem 0;} .st_ld_con{ background: #f8f8fb; text-align: center; width: 99%; padding:2.5rem 0; color:#9f9f9f; font-size: 1.25rem; font-weight: 500;} .st_ld_con.boxcon02{float:right;} .st_ld_con strong { font-size: 45px; font-family: 'Exo 2'; font-weight: 800; color: #0074ef; padding-right:5px; line-height: 100%; } .st_ld_con p { color: #222; font-size: 1.1rem; font-weight: 500; letter-spacing: -0.025em; padding-top:5px} .lddate_data {line-height: 180%; margin: 1rem 0; color:#787878; letter-spacing: -0.010em; font-weight: 400; } .lddate_data strong {color:#222; font-weight: 500;} .cspds_data {margin-bottom: 0.75rem;} .btn_myst01 { color:#fff; font-size: 1rem; width:100%; background:#0b2239; text-align: center;transition: .2s ease; display: inline-block; padding:0.85rem 0; cursor: pointer;} .btn_myst01:hover { background: #49d295; color:#0b2239; } .btn_myst01_off { color:#5f5f5f; font-size:1rem; width:100%; background:#ededed; text-align: center; cursor:text; display: inline-block; padding:0.85rem 0;} .btn_myst02 { border-radius: 16.5px; padding: 6px 25px; text-align: center; font-size: 13px; color: #fff; dispay: inline-block; font-weight: 400; margin: 5px auto; transition-duration: 0.2s; background: #0b2239; cursor: pointer; display: inline-block; } .btn_myst02:hover { background: #49d295; color:#0b2239; } .btn_myst02:hover .c_ligreen {color:#0b2239;} .boxcon.note {overflow: auto;} .boxcon.note p {overflow: auto; font-size:1rem; font-weight: 400; color:#5f5f5f; letter-spacing: -0.015em; line-height: 180%;} .status_wrap h5, .bbs h5{font-size:1.5rem; color:#222; margin: 2.5rem 0 10px 0; text-indent: 23px; background: url('../Images/newcommon/bullet04.png') no-repeat center left; font-weight: 500; display: inline-block; width:100%; position: relative;} .status_wrap h5 .pre_test_btn, .bbs h5 .pre_test_btn { background: #ff6600; color:#fff; font-size:13px; text-align: center; padding: 7px 46px; position: absolute; bottom:0; right:0; text-indent: 0; border-radius: 3px;} .status_wrap h5 .job_test_btn, .bbs h5 .job_test_btn { background: #ff6600; color:#fff; font-size:13px; text-align: center; padding: 7px 46px; position: absolute; bottom:0; right:0; text-indent: 0; border-radius: 3px;} .status_box_wrap {width:100%; overflow:hidden; } .status_box{float:left; padding:18px 1% ; width:19.15%; margin-right: 1%; border-top:2px solid#222; border-bottom: 1px solid #ddd;} .status_box.st_none {opacity: 0.3; border-bottom: 1px solid #555; border-top:2px solid #555; } .status_box.st_none.mr0 {margin-right: 0;} .status_box.st_none .status_bottom{color:#333;} .status_top {overflow: hidden;} .status_top .status_tit{font-size:16px; color:#333333; letter-spacing: -0.2px; font-weight:600; float:left;} .status_top .status_stat{font-size:16px; letter-spacing: -0.2px; font-weight:500; float:right;} .status_bottom {font-size: 13px; color:#676767; font-weight:400; letter-spacing: -0.3px; padding:10px 0 0 0 ;} .stred{color:#F4292C} .stgreen {color:#0074ef;} /*차시영역 */ .capter_table {width: 100%;} .capter_table thead tr th {text-align: center; padding: 1rem 0 ; border-bottom: 1px solid #ddd;} .capter_table tbody tr td, .capter_table tbody tr th { padding: 0.85rem 0 ; border-bottom: 1px solid #ddd; text-align: center; color:#787878;} .capter_table tbody tr td.capter_name {text-align: left; padding: 0.85rem 0 0.85rem 2rem; } .capter_table tbody tr.emexam_tr td a {background: #49d295; color: #0b2239; border-radius: 16.5px; padding: 6px 24px; display: inline-block; text-align: center; font-size: 13px; font-weight: 400; transition-duration: 0.2s; cursor: pointer; } /*버튼영역*/ .btnwrap {text-align: center; margin-top:35px; } /*검색 + 셀렉트 박스 영역 제어*/ .subtit_search{ width:100%; text-align: left;} .subtit_search.bbs_sear_area{position: absolute; right:0; bottom:12px; text-align: right;} .subtit_search form, .subtit_search form fieldset, .subtit_search form fieldset input, .subtit_search select{display: inline-block;} .bbs_search { border:1px solid #ddd; background-color: #fff; border-radius:3px; height:34px; cursor: pointer; color: #787878; padding: 7px 14px; font-size: 0.85rem; display: inline-block; } .inputbox01{ height:34px; border:1px solid #ddd; border-radius:3px; border-right:0; text-indent: 10px; margin-right: -2px;} .search01{background: #0b2239; color:#fff; border:none; height:34px; padding:0 19px; cursor: pointer; border-radius: 0 3px 3px 0;} .search01:hover {background: #49d295;} .subtit_area .select-selected { border:1px solid #ddd; background-color: #fff; border-radius:3px; } .subtit_area .select-selected:after, .bbs_search:after { position: absolute; content: ""; top: 16px; right: 14px; width: 0; height: 0; border: 4px solid transparent; border-color: #444 transparent transparent transparent;} .subtit_area .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; } .subtit_area .select-items div, .select-selected { color: #787878; padding: 7px 14px;font-size:12px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer;} .subtit_area .select-items { border:1px solid #ddd; border-radius: 3px; position: absolute; background: #fff; top: 0; left: 0; right: 0; z-index: 99;} .subtit_area .select-hide { display: none;} .subtit_area .select-items div:hover { background: #49d295 ; color:#fff;} .btn_container{width:100%; margin:40px 0 0 0; position: relative;} .fix_area{position: absolute; top:10px; right:0;} /*pager*/ .pager_style01{text-align:center; padding: 20px 0 0 0; position: relative; min-height: 40px;} .pager_style01 a, .pager_style01 strong{display:inline-block; font-size:0.955rem; width:34px; height:34px;text-align: center; line-height:34px; margin:2.5px; color:#333; transition-duration: 0.3s;} .pager_style01 strong{color:#fff; background: #0b2239; display:inline-block;} .pager_style01 a:hover:not(strong) {background-color: #ededed;} /*qna*/ .tit_answer td.an_title{font-weight:600; color:#000; font-size:14px; padding:0 0 8px 25px;} .tit_answer td.an_date{font-weight:400; color:#777; font-size:13px; text-align: right; font-style: italic; padding:0 25px 8px 0 ;} .view_answer td{padding: 0 25px 20px 25px;} .view_answer td .answer{border:1px solid #e8e8e8; background: #f8fafb; border-radius: 5px; padding: 15px 18px 38px 18px; line-height:150%; position: relative;} .view_answer td .answer .an_fix{position: absolute; bottom:14px; right:18px} .view_answer td .answer .an_fix a{padding:3px 12px; background: #fff; border:1px solid #ededed; z-index:9;} .write_answer td{padding: 0 25px 20px 25px;} .write_answer td .an_wrt { border-radius: 5px; border:1px solid #ddd; width: 1150px; min-height:150px; vertical-align: top; color:#5f5f5f; font-size:13px;} .write_answer td .an_btn {float: right; border-radius: 3px; background: #444; padding: 7px 15px; color:#fff; border:0px; margin-top:10px; cursor: pointer;} .bbs_pager{text-align:center; padding: 20px 0 0 0; position: relative; /* min-height: 60px;*/} .bbs_pager a, .bbs_pager strong{display:inline-block; font-size:13px; width:34px; height:34px;text-align: center; line-height:34px; margin:2.5px; color:#333; transition-duration: 0.3s;} .bbs_pager strong{color:#fff; background: #0b2239; display:inline-block;} .bbs_pager a:hover:not(strong) {background-color: #ededed;} /*글쓰기*/ table.write_tb tr th{text-align: left; font-size: 1.15rem ; padding:1.25rem 1.5rem; color:#555; border-bottom:1px solid #ddd; font-weight: 500; background:#f8f8fb; } table.write_tb tr td{ padding: 1.25rem 1.5rem; border-bottom:1px solid #ddd; font-size:1rem;} table.write_tb tr td.w_bd_cdNmae{ color:#222; font-weight:500;} table.write_tb tr td.cdcon {padding:0; border:none; line-height: 1; } table.write_tb tr td.cdcon textarea.cdcontents_td{width:calc(100% - 2px); min-height: 300px; border: 1px solid #ccc; border-top:none; background: #fbfbfb;} table.write_tb tr td input[type="text"], table.write_tb tr td input[type="password"], table.write_tb tr td select {border: 1px solid #ccc; min-height: 36px; border-radius: 4px; font-size:0.9rem; color:#787878; } table.write_tb tr td select {width:calc(15% - 2px); padding: 0 1rem;} table.write_tb tr td input[type="text"], table.write_tb tr td input[type="password"] {width:calc(85% - 2px); padding: 0 1rem; } table.write_tb tr td input[type="text"].wd100, table.write_tb tr td input[type="password"].wd100 {width:calc(100% - 2px - 2rem); } /* #cdCategory {width:200px; margin-right: 7px;} .tit_ipt01{width: 854px; } .tit_ipt02{width: 1040px;} table.write_tb tr th{text-align: left; text-indent: 25px; font-size:15px; color:#555; border-bottom:1px solid #ddd; font-weight: 500; background:#f8f8fb; } table.write_tb tr td{ padding:21px 0 21px 25px; ; border-bottom:1px solid #ddd; color:#000; font-weight:500; font-size:15px;} table.write_tb tr td input{border: 1px solid #ccc; background: #fbfbfb; height:34px; text-indent: 15px;} table.write_tb tr td select{border: 1px solid #ccc; background: #fbfbfb; height:36px;} */ #cdSecYn {height:auto; cursor: pointer;} #addFileTd label {font-size:14px; font-weight: 400; color:#5f5f5f; margin-left:15px; display: inline-block; line-height: 36px; vertical-align: middle;} #addFileTd label input {height:auto;margin-left: 15px; } .sc_ck{margin-bottom:9px; display:block; } .file_input{width: 478px; margin-bottom:8px; cursor: pointer;} #addFileTd .filebox {margin:8px 0;} #addFileTd .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;} #addFileTd .filebox label { display: inline-block; padding: 5px 20px; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: 3px; } /* named upload */ #addFileTd .filebox .upload-name {display: inline-block;text-indent: 13px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:13px; width:300px; height:28px; line-height: 28px; color:#5f5f5f;} #addFileTd .filebox label.upload-btn {color: #394550; background-color: #c6cedc; margin-left:3px; font-size:13px; transition-duration: 0.3s;} .bbs_btnwrap{text-align: center; padding: 30px 0 0 0 ;} /*내배카 신청 */ .Payment_step {text-align: center; } .Payment_step ul{ display: inline-block; text-align: center; margin: 0 auto; } .Payment_step ul li{ display: inline-block; border-bottom: 2px solid #ccc; padding: 8px 18px; margin-right: 5px; text-align: center; color: #ccc; font-weight: 400; font-size:16px; } .Payment_step ul li.on_page{border-bottom: 2px solid #0058ff; color: #0058ff; font-weight: 500;} .hrdcardinfo_titlearea {text-align: center; margin-bottom: 3rem;} .hrdcardinfo_titlearea h4.paycomplete_tit{font-size: 35px; font-weight: 500; letter-spacing: -0.025em; margin: 15px 0 15px 0;} .hrdinfo_subtit h6 {font-size:1.5rem; color:#222; font-weight: 500;; border-bottom : 1px solid #222; line-height: 180%;} .pay_table_th {text-align: center;} .pay_table_th > div {background: #f8f8fb; font-size:1rem ; color:#444; font-weight: 500; padding: 1.15rem 0; border-bottom: 1px solid #ccc;} .pay_table_td > div {border-bottom: 1px solid #ccc; padding: 1rem 0; text-align: center; } .pay_table_td > div.pay_cstit{text-align: left;} .pay_table_td > div.pay_cstit strong{display:block; width:100%; padding: 0 1.25rem; font-weight: 400; color:#222;} .pay_table_tf > div {text-align: right; padding: 1rem 0;} .pay_table_tf > div strong {font-size: 1.35rem ; } .payway_th { border-bottom: 1px solid #ccc; background: #f8f8fb;height:53px; line-height: 53px;} .payway_th strong {display:block; width:100%; padding: 0 1.25rem; font-size:1rem ; color:#444; font-weight: 500;} .payway_td { border-bottom: 1px solid #ccc; height:53px; line-height: 53px;} .payway_td > div.pay_radio_wrap { padding: 0 1.25rem; overflow: hidden;} .payway_td > div.pay_radio_wrap .pay_radio {margin-right: 1rem; float:left;} .pay_btn_warp {text-align: center; padding: 3rem 0 4rem 0 ;} .mem_modi_wrap { text-align: right; padding: 1.35rem 0 0 0;} .mem_modi_wrap a { padding: 2px 1rem;} .hrd_gree_p {display:inline-block; width:100%; overflow-y:scroll; box-sizing:border-box; border:1px solid #ccc; padding:1.25rem; font-size:14px; font-weight:400; color:#5f5f5f; background:#f7f7f7; line-height: 180%;} .hrd_gree_p.ov_hiden {height: 220px;} .hrd_gree_p strong { margin-top: 15px; display: inline-block;} .form_agree_wrap { margin-top:10px; } .form_agree_wrap input {border-top: 1px solid #ccc; width:1.085rem; height:1.085rem; margin-right: 0.35rem;} .form_agree_wrap label{ color:#787878; font-size:1.15rem;} .info_notice{display:block; font-size:1rem; margin: -5px 0 5px 0;} .pay_cardnum_wrap .jumin_dash {text-align: center; display: inline-block; width: calc( 3% - 7px); padding:0;} .pay_jumin_wrap input {width:47%; height: 28px; background-color: #fff; border-radius: 3px; border: 1px solid #ccc; text-indent: 8px; vertical-align: middle; line-height: 28px;} .pay_card_wrap select{height: 28px; width: 210px; background-color: #fff; border-radius: 3px; border: 1px solid #ccc; text-indent: 8px; vertical-align: middle; line-height: 28px;} .pay_cardnum_wrap input.df_input.cardinput {width:22%;} .pay_cardnum_wrap .card_dash {text-align: center; display: inline-block; width: calc( 3% - 7px); padding:0;} /*내배카 레이어팝업*/ #hrd_agree_alert{ overflow: hidden; background-color:#fff; border-radius:8px; color:#000; display:none; min-width:600px; min-height: 220px; z-index:1000;} .b-close{ cursor:pointer; position:absolute; right:240px; top:110px; } .hrd_agree_content h4 { text-align: center; font-size:22px; display: block; width:100%; padding: 24px 0; color:#fff; background: #243045; } .hrd_agree_content p { width: 94%; margin:0 auto; padding:2rem 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:15px; line-height: 175%; letter-spacing: -0.025em; color:#787878;} .hrd_agree_content p .bullet_num { font-weight: 700; font-family: 'Exo 2';} .hrd_agree_content p strong { font-size:15px; color:#222; font-weight: 500;} .hrd_agree_ck{text-align:center; display:block; padding: 15px 0 10px 0 ; color: #5f5f5f;} #hrd_agree_alert .btn_wrap {padding: 0 0 15px 0;} /*mp4용 레이어팝업*/ #ctTypeM_InfoAlert{ overflow: hidden; background-color:#fff; border-radius:8px; color:#000; display:none; min-width:600px; min-height: 220px; z-index:1000;} .ctTypeM_content h4 { text-align: center; font-size:22px; display: block; width:100%; padding: 24px 0; color:#fff; background: #243045; } .ctTypeM_content p { width: 94%; margin:0 auto; padding:2rem 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:15px; line-height: 175%; letter-spacing: -0.025em; color:#787878;} .ctTypeM_content p .bullet_num { font-weight: 700; font-family: 'Exo 2';} .ctTypeM_content p strong { font-size:15px; color:#222; font-weight: 500;} #ctTypeM_InfoAlert .btn_wrap {padding: 15px 0;} @media (min-width: 1230px) { } @media (min-width: 992px) { } @media (min-width: 768px) { .container.test_container{ width: 728px; padding: 2.8rem; } .bbs_mobile_subdata {display: none;} } @media (min-width: 472px) { .bbs_xs_mobile_subdata {display: none;} } @media (max-width: 1445px) { } @media (max-width: 1240px) { } /* -------------------------------------------------------------------------------------------------- */ @media (max-width: 1200px) { .hrdpack_cs_wrap {overflow: hidden; margin-left: 0; margin-right: 0 } .hrdpack_cs_box_wrap { width: 100%; padding-left: 0; padding-right: 0; float:left; margin-bottom: 10px; } } @media (max-width: 1150px) { } @media (max-width: 992px) { /*웹진형 리스트 */ .webjin_img .csimg_wrap .csimg a.thumb{height:173px;} .bbs_style01.webjin .course_data_wrap .course_data{ padding:0 0 0 2.5rem ; border-right:none; height: auto;} .course_data_wrap .course_data p.value_list { margin:0;} .mob_cate {margin: 0.5rem 0 0.75rem 0;} .mob_course_btn {text-align: left; padding: 1rem 0;} .mob_course_btn .btn02 {display: inline-block;} /*courseview*/ .course_topdata{padding: 0; } .course_imgwrap .course_thum {height: 456px;} .course_tit {min-height: auto;} .course_tit .curse_tab{font-size: 1.85rem ;} .course_tit h5{font-size:3.75rem; } .course_tit .btn11 {margin:1.5rem 0 2.75rem; font-size: 1.345rem; display: inline-block; width:auto; padding: 0.5rem 3.25rem; border-radius: 3.25rem;} .course_info {margin: 2rem 0 ;} .course_info.xs_mb0{margin-bottom: 0;} .exdata_th_md_2row { font-size: 15px; height:52px; line-height: 52px;} .exdata_th { font-size:15px; height:52px; line-height: 52px;} .exdata_td {font-size:15px; height:52px; line-height: 52px } .bd_view_con img {width:100%; } .board_view_down div .br_view_text{display: none;} /*leanview*/ .boxcon {border: 1px solid #ccc; padding: 1.75rem 1.5rem; height:auto; } .boxcon.note {overflow: visible; height:auto; margin-top: 1.5rem;} .status_box { padding: 10px 1%; min-height: 113px;} .status_top .status_tit {display: block; width:100%;} .status_top .status_stat {display: block; width:100%;} /*동의*/ .checkbox_group .ck_wrap {border-bottom: 1px dotted #ccc; padding: 1rem 0.85rem; } .sub_mem_txt {margin-top:8px; display: inline-block; width:auto; padding-bottom: 0;} /*join_form_table*/ .join_form_table tr td select, .join_form_table tr td input[type=text], .join_form_table tr td input[type=password] {height:28px; width:100%; background-color: #fff; border-radius: 3px; border:1px solid #ccc; text-indent: 8px; } .join_form_table ul li .jo_cell_th {float:none; line-height: 1; width: 100% ; text-indent: 0; padding: 15px 20px; } .join_form_table ul li .jo_cell_td {float:none; padding: 15px 19px 15px 19px; min-width: 28%; width:100%; } .join_form_table ul li .jo_cell_td.mob_pd_b0 {padding-bottom:0 !important;} .join_form_table ul li .jo_cell_td.mob_pd_t0 {padding-top:0 !important;} .join_form_table ul li .jo_cell_td.lh_2line {line-height: 1; padding: 15px 19px 15px 19px; } .join_form_table ul li .jo_cell_td.lh_2line input.df_input {height: 48px; width:80%; } .join_form_table ul li .jo_cell_td.lh_2line p { margin: 10px 0; font-size:1.25rem; color:#787878; line-height: 48px;} input.df_input {height: 48px; width:100%;} input.txt_input {font-size: 1.25rem ; padding-left:13px;} select.df_select {height: 48px; width:100%; line-height:50px; } .join_form_table ul li .jo_cell_td input.df_input.phon_num_input { width: 30%;} .join_form_table ul li .jo_cell_td .phone_dash {text-align: center; display: inline-block; width: calc( 5% - 7px); padding:0;} .join_form_table ul li .jo_cell_td input.df_input.cardinput {width:23%;} .join_form_table ul li .jo_cell_td .card_dash {text-align: center; display: inline-block; width: 1.7%; padding:0;} .btn13 { height: 48px; padding: 0 48px; font-size: 1rem; line-height: 48px;} .checkbox_group > div > p { float:none; display:inline; font-weight: 500; padding-left:10px;} .pay_table_th {display:none;} .pay_table_td {border: 1px solid #ccc; marign-top:1rem; margin-bottom: 1rem;} .pay_table_td > div {border: none; text-align: center; } .pay_table_td > div.pay_cstit{text-align: left; padding: 1rem 2rem 0 2rem;} .pay_table_td > div.pay_cstit strong{display:block; font-size:1.85rem; width:100%; padding: 0; line-height: 150%; font-weight: 500; color:#222;} .pay_table_td > div.pay_lddate {text-align: left; padding: 0 2rem;} .pay_table_td > div.pay_lddate span{ color:#787878;} .pay_table_td > div.pay_mobpay {text-align: left; padding: 1rem 2rem; } .pay_table_tf > div {text-align: left; padding: 1rem 0 ; border:1px solid #ccc; line-height: 180%;} .pay_table_tf > div strong {font-size: 1.35rem ; padding:0 2rem; display: inline-block;} .pay_cardnum_wrap, .pay_card_wrap, .pay_jumin_wrap {padding: 0 1.25rem;} .pay_card_wrap select{height: 28px; width: 210px; background-color: #fff; border-radius: 3px; border: 1px solid #ccc; text-indent: 8px; vertical-align: middle; line-height: 28px;} .pay_cardnum_wrap input.df_input.cardinput {width:22%;} .pay_cardnum_wrap .card_dash {text-align: center; display: inline-block; width: calc( 3% - 7px); padding:0;} .pay_cardnum_wrap input.df_input {height:28px;} } @media (max-width: 768px) { .capter_table thead tr th:last-child {display: none;} /* list style _ title common area */ #sub_wrap .listtit{padding: 0; border-bottom: 2px solid #222;} #sub_wrap .listtit_area{display:inline-block; width:100%; text-align: center;} #sub_wrap .listtit_area h3{font-size: 4rem; padding:0 0 10px 0; } #sub_wrap .listtit_area strong{font-size: 1.333rem; } #sub_wrap .listtit_area p{ margin: 1.2rem 0; } #sub_wrap .listtit_area p span{ font-size:1.5rem; padding: 0 0 1rem 0; } /*검색영역*/ .subtit_search{ text-align: center; padding: 1rem 0 2.5rem 0;} .subtit_search.bbs_sear_area{position: relative; right:0; bottom:0; text-align: center; padding: 1rem 0 0 0;} .bbs_search { height:auto; font-size: 1.25rem; padding: 0.4rem 0 ; margin-bottom: 0.85rem;} .inputbox01{ height:auto; font-size: 1.25rem; padding: 0.5rem 0 ; margin-bottom: 0.85rem; } .search01{height:auto;font-size: 1.25rem; padding: 0.5rem 1rem ; margin-bottom: 0.85rem;} /*tab*/ #tabs .tabs--header{position: relative; border-bottom: 1px solid #222; margin:2rem 0 0 0;} #tabs .tabs--header .tab-head{float:left; width:33.3%; text-align: center; border-bottom:2px solid #222;} #tabs .tabs--header .tab-head.tab-head__active{border-bottom: none;} #tabs .tabs--header .tab-head a { maring:0; float:none; padding: 0.85rem 0 ;} #tabs h3{display: none;} #tab02{position: relative;} #tab02 ul{position: relative; top:0; right:0; z-index: 10; text-align: center;} #tab02 ul li{float:none; display: inline-block; } #tab02 ul li a{color:#5f5f5f; font-weight:400; background:#f5f5f5; display:inline-block; float:none; padding:11px 52px; font-size:15px; border:2px solid #ccc; margin:0; } #tab02 ul li.active a{border:2px solid #000; background:#fff; color:#000; border-bottom:2px solid #000; } #tab02.mobile_tab_transit {position: relative; } #tab02.mobile_tab_transit ul {padding: 5.85rem 0 0 0;} #tab02.mobile_tab_transit ul li.active{width:100%; position: absolute; top:0; left:0; text-align: center; padding: 0 0 2rem 0;} #tab02.mobile_tab_transit ul li.active::before {content: '다른 과정을 보시려면 하단 탭을 터치해주세요.'; position: absolute; bottom:0; left:0; text-align: center; width:100%; color: #787878; font-size: 1.25rem;} #tab02.mobile_tab_transit ul li.active a{border:none; font-size: 2rem; padding: 0;} .bbs_style02 {border-top: 2px solid #222; margin-top: 2rem;} .bbs_style02 thead {display: none;} .bbs_style02 tr td.st_ldaccepdate, .bbs_style02 tr td.st_lddate, .bbs_style02 tr td.st_cnt {display:none;} .bbs_mobile_subdata {font-size:13px; line-height: 180%; color:#787878;} .bbs_style02 tr td.bbs_tit {padding: 1rem ; font-size:2rem; line-height: 150%; } .bbs_style02 tr td.bbs_tit.board_tit {font-size:1.45rem;} .bbs_style02 tr td .mob_npds_file{margin-top:1rem;} .bbs_style02 tr td .mob_npds_file .btn05, .bbs_style02 tr td .mob_npds_file .btn06 {display: inline-block; text-align: left; width: auto; min-width:119px; padding: 1rem 2.5rem;} .pager_style01{margin:0;} .fix_area{position: relative; margin:1rem 0; right:0;} .fix_area a.btn04 {font-size:1.45rem; width:100%; padding: 1rem 0; height:auto; line-height: auto;} /* .capter_ststudydate,*/ .endlist_ststep, .endlist_score, .endlist_btnwrap, .bbs_date, .bbs_date, .bbs_regist, .bbs_cdwriter, .board_cate{ display:none;} .subcode_style {font-size:1.45rem; display: inline-block; line-height: 1; padding: 0.75rem 1rem;} /*웹진형 리스트 */ .webjin_img .csimg_wrap .csimg a.thumb{height:393px;} .bbs_style01.webjin .course_data_wrap .course_data{ padding:0; } .course_data_wrap .course_data p.value_list { margin: 1.25rem 0 0 0; font-size: 1.25rem;} .bbs_style01.webjin > div.course_data_wrap {padding-top: 0;} .course_data_wrap .course_data .boldTitle a {font-size: 3rem;} .mob_cate {margin: 0.5rem 0 0.75rem 0; font-size: 1.25rem;} .mob_course_btn .btn02 {display: inline-block; font-size: 1.25rem; padding: 0.5rem 2.5rem; border-radius: 2rem ; width:auto; margin-right: 0.25rem;} /*capter _ list*/ .capter_table {font-size:1.25rem;} /*.capter_table thead,*/ .capter_table tbody tr td.cater_btnwrap {display:none;} .capter_table tbody tr td.capter_name {padding:1rem ;} /*studyend - list*/ .mob_toggle_con {font-size: 1.25rem; line-height: 180%; background: #efefef; padding: 1rem 1.25rem; margin-top:0.85rem;} /*courseview*/ .course_imgwrap .course_thum {height: 411px;} .course_tit .curse_tab{font-size: 1.85rem ;} .course_tit h5{font-size:3rem; } .course_tit .btn11 {margin:1.25rem 0 2.75rem; font-size: 1.345rem; padding: 0.5rem 2.85rem; border-radius: 2.85rem;} .exdata_td.ex_xs_left{text-align: left; padding: 0 0 0 2rem;} .study_table tr th { width:auto; padding: 0;text-align: center; background: #fff;} .study_table.courseview_st_tb tr td.st_tb_ctname.st_tb_1st a {color:#0d56ff;} .bd_view_cdtit {text-align: left; padding: 0 0 3rem 0 ; border-bottom: none;} .bd_view_cdtit p{font-size: 2rem; line-height: 150%;} .bd_view_cdtit a{text-align: left; font-size:1.25rem; color: #07ba4f; line-height: 0; padding: 0 0 0.85rem 0 ; } .bd_view_topdata {background: none; padding: 0 0 1.15rem 0; font-size:1.15rem; position: relative;} .bd_view_topdata strong {font-size:1.15rem;} .bd_view_con_wrap {border-bottom: none; padding: 0 0 1rem 0; } .bd_view_con {padding: 1rem 0 0 0 ; } .board_view_down_wrap{margin:2rem 0 0 0 ;} .board_view_down{width:100%; margin: 0 auto 8px;} .board_view_down div {padding: 0.85rem 0.85rem 0.85rem 42px ; text-indent: 0;} .mob_contextmen_wrap {position: absolute; top:-10px; right:0; z-index: 100;} #mob_contextmenu { font-size:2rem; color:#787878; } #mob_contextmenu_box{position: absolute; top:0; right:15%; border: 1px solid #ccc; box-shadow: 2px 2px 4px rgb(0 0 0 / 10%); } .mConTxt1 {display: none; position: absolute; z-index: 101; background: #fff; } .mConTxt1 a {display: block; min-width: 180px; font-size:1rem; border-bottom: 1px solid #ccc; padding:1rem 0 1rem 1.25rem; color:#222; } #mob_contxt_bg {position: fixed; width:100vw; height:100vh; top:0; left:0; opacity: 0; display: none; background: #000; z-index: 100;} .bbs_style02 tr td.bbs_tit a.stExamRetryYn.btn07 {width:100%; color:#fff} /*글쓰기 */ table.write_tb tr th{display: none;} table.write_tb tr td {padding: 1.25rem 2rem;} table.write_tb tr td.w_bd_cdNmae, table.write_tb tr td.addfile_area{padding: 1.25rem 0;} table.write_tb tr td input[type="text"], table.write_tb tr td input[type="password"], table.write_tb tr td select {border: 1px solid #ccc; min-height: 36px; border-radius: 4px; font-size:0.9rem; color:#787878; } table.write_tb tr td select {width: 100%; margin-bottom: 8px; } table.write_tb tr td input[type="text"], table.write_tb tr td input[type="password"], table.write_tb tr td input[type="text"].wd100, table.write_tb tr td input[type="password"].wd100{ width:100%; } .file_input{width: 100%; margin-bottom:8px; cursor: pointer;} #addFileTd .filebox .upload-name { font-size:0.9rem; width:calc(80% - 2rem);line-height: 1; padding:0.5rem 1rem; color:#5f5f5f;} #addFileTd .filebox label.upload-btn { margin-left:3px; font-size:0.9rem; width: 20%; text-align: center; padding: 0.5rem 0;} /*leanview*/ .learnview_top_container {margin-top:0;} .status_box.st_none {display: none;} .status_box { padding: 10px 1%; min-height: auto; width:100%; margin-bottom: 10px;} .status_box.mr0 {margin-right: 0 !important;} .checkbox_group input[type=checkbox] {width:1rem; height:1rem; margin-right:0.5rem;} .checkbox_group > div > p{font-size:1rem; padding-left:0.5rem;} .checkbox_group label {font-size:1rem;} .join_form_table ul li .jo_cell_td input.df_input.cardinput {width:22%;} .join_form_table ul li .jo_cell_td .card_dash { width: 1.9%;} .join_form_table ul li .jo_cell_td.lh_2line input.df_input {height: 48px; width:75%; } #companySearch {position:fixed; top:5% !important; left:10px !important; max-width: auto; width: calc(100% - 20px); height:75vh; margin:5px; background-color:#fff; border:1px #999 solid;border-radius: 5px; padding:20px; display:none; overflow:auto;} #ctTypeM_InfoAlert, #hrd_agree_alert{min-width:auto; min-height: 50vh; width:94%;} .Payment_step ul li{display:none;} .Payment_step ul li.on_page {display:inline-block;} .info_notice{line-height: 150%; margin: 5px 0 15px 0;} .pay_cardnum_wrap, .pay_card_wrap, .pay_jumin_wrap {padding: 0;} .pay_way .payway_th {display: none;} .pay_way .payway_td {padding-bottom: 0; height:auto; line-height: auto;} .mem_modi_wrap a.btn01{width:100%; font-size:1rem; padding: 0.5rem 0;} .payway_th {height:auto; line-height: 150%; background:none; border-bottom: none; padding-top: 1rem; padding-left: 0; padding-right: 0;} .payway_td > div.pay_radio_wrap, .payway_th strong {padding:0;} .payway_td {padding-bottom:1rem; height:auto;} .pay_btn_dis {display: none;} .pay_way .payway_td > div.pay_radio_wrap .pay_radio {width:100%;} .test_top_section .text_tit { font-size: 2rem ; margin-top:2.3rem;} .test_list {margin:0 0 2rem 0;} .test_list .text_radio5 {padding:0.85rem 0 0 0} .test_star strong, .test_list strong { font-size: 1.15rem; letter-spacing: -0.025em; } .test_star .test_star_list p, .test_list .text_radio5 p{display: block; margin:5px 0 ; font-size:1rem;} .test_btn_wrap {padding : 0 0 2.3rem 0;} #tab02.mobile_tab_transit ul {padding: 8rem 0 0 0; } #tab02.mobile_tab_transit ul li.active {padding: 0 0 4rem 0; } } @media (max-width: 471px) { .bbs_style02 tr td.bbs_tit {padding: 15px 8px; } .bbs_title{ font-size:2rem;} .bbs_title.board_tit {font-size: 1.25rem;} .bbs_style02 tr td.bbs_tit .bbs_mobile_subdata {font-size: 1rem; padding:0.7rem 0 0 0;} .bbs_style02 tr td.bbs_tit .bbs_xs_mobile_subdata a {color:#fff; width: 100%; font-size: 1rem; border-radius: 0; padding: 0 ;} .bbs_style02 tr td.bbs_tit .bbs_xs_mobile_subdata {margin:15px 0 0 0 ;} .subtit_search select{display: none;} .subtit_search form {width:100%; } .subtit_search form .inputbox01 {width:70%;} .subtit_search form .search01 {width: calc(30% - 2rem);} .subcode_style {font-size: 1rem; padding: 0.45rem 1rem;} /*tab*/ #tabs .tabs--header .tab-head a span {font-size: 1rem; } /*웹진형 리스트 */ .webjin_img .csimg_wrap .csimg a.thumb{height:200px;} .course_data_wrap .course_data p.value_list {margin: 1.25rem 0 0 0; font-size: 1rem;} .bbs_style01.webjin > div.course_data_wrap {padding-top: 0;} .course_data_wrap .course_data .boldTitle a {font-size: 3rem;} .mob_cate {margin: 0.5rem 0 0.75rem 0; font-size: 1.25rem;} .mob_course_btn .btn02 { font-size: 1rem; padding: 0.5rem 2.5rem; border-radius: 2rem ; margin-right: 0.1rem;} /*courseview*/ .course_imgwrap .course_thum {height: 260px;} .course_tit .curse_tab{font-size: 1.25rem ;} .course_tit h5{font-size:2.25rem; } .course_tit .btn11 {margin:1.25rem 0 2.75rem; font-size: 1rem; padding: 0.4rem 2rem; border-radius: 2rem;} .exdata_th_md_2row { font-size: 1rem; height:44px; line-height: 44px;} .exdata_th { font-size:1rem; ; height:44px; line-height: 44px;} .exdata_td {font-size:1rem; ; height:44px; line-height: 44px } .bd_view_cdtit {padding: 0 0 2rem 0;} .bd_view_cdtit a {font-size: 0.95rem; line-height: 1; padding: 0 0 0.5rem 0; } .bd_view_cdtit p{font-size: 1.5rem;} .bd_view_topdata {background: none; padding: 0 0 1rem 0; font-size:1rem;} .bd_view_topdata strong {font-size:1rem;} .hrdcard_app label input[type="radio"] {width:9%; text-align: left;} .hrdcard_app label span {width:89%; padding:0;} /*글쓰기*/ table.write_tb tr td {padding: 1.25rem 1rem;} .join_form_table ul li .jo_cell_th { padding: 15px 0; } .join_form_table ul li .jo_cell_td { padding: 15px 0;} .join_form_table ul li .jo_cell_td.mob_pd_b0 {padding-bottom:0 !important;} .join_form_table ul li .jo_cell_td.mob_pd_t0 {padding-top:0 !important;} .join_form_table ul li .jo_cell_td.lh_2line {line-height: 1; padding: 15px 0; } .join_form_table ul li .jo_cell_td input.df_input.cardinput {width:22%;} .join_form_table ul li .jo_cell_td .card_dash { width: 1.7%;} .join_form_table ul li .jo_cell_td.lh_2line input.df_input {height: 48px; width:75%; } .join_form_table ul li .jo_cell_td.lh_2line p {font-size:1rem;} input.txt_input {width:calc(70% - 13px);} .btn13 {padding: 0; width: 30%; text-align: center;} } @media (max-width: 365px) { #tab02 ul li {width:45%;} #tab02 ul li a {width: 100%; padding: 0.85rem 0 ; } /*웹진형 리스트 */ .webjin_img .csimg_wrap .csimg a.thumb{height:170px;} .course_data_wrap .course_data p.value_list {margin: 1rem 0 0 0; font-size: 0.85rem;} .course_data_wrap .course_data .boldTitle a {font-size: 2rem;} .mob_cate {margin: 0.5rem 0 0.75rem 0; font-size: 1rem;} .mob_course_btn {padding: 0.5rem 0 0 0;} .mob_course_btn .btn02 { font-size: 1rem; padding: 0.35rem 2rem; border-radius: 2rem ; margin-right: 0.1rem;} /*courseview*/ .course_imgwrap .course_thum {height: 200px;} .course_tit .curse_tab{font-size: 1rem ;} .course_tit h5{font-size:2rem; letter-spacing: -0.025em; } .subcode_style {font-size: 0.85rem; padding: 0.45rem 1rem;} .bbs_title {font-size:1.75rem;} .bbs_style02 tr td.bbs_tit .bbs_mobile_subdata {padding:0;} .join_form_table ul li .jo_cell_td input.df_input.cardinput {width:21%;} .join_form_table ul li .jo_cell_td .card_dash { width: 1%;} }