@charset "utf-8";

/* catagory */
.contents_area {padding:6px 5px 5px 5px}
.contents_area2 {padding:4px 0 0 0}
.contents_area2 .category {border:1px solid #e1e4e7}
.contents_area2 .category .main_list {border:none; border-bottom:1px solid #e1e4e7;}
.contents_area .category {margin:4px 0 0 0; box-shadow: 0 1px 2px rgba(0,0,0,0.1)}
.category .main_list {font-size:17px; position:relative; background-color:#fff; border-bottom:1px solid #e1e4e7}
.category .main_list:last-child {border:none}
.category .main_list a {clear:both; display:block; color:#000; height:32px; padding:13px 0 3px 0}
.category .main_list a em {margin-left:17px; padding-left:18px; display:inline-block; background-position:0 -83px;}
.category .main_list a em.on {font-weight:bold; color:#002cbb; background-position:0 -36px}
.category .main_list span {display:block;  position:absolute; top:0; right:0; height:38px; width:38px}
.category .main_list .close {font-size:0; background-position:6px 20px; height:47px}
.category .main_list .open {font-size:0; background-position:-28px 20px; height:47px}
.category .sub_list {color:#000; background-color:#f8f9fa; border-bottom:1px solid #e1e4e7; padding:8px 0 6px 0}
.category .sub_list a {display:block; font-size:15px; margin-left:29px; line-height:29px}

.main_list a em, .main_list .close, .main_list .open, .cate_tit .c_inc, .cate_tit .c_down, .p_cate_tit .c_inc, .cate_open .pop_close {background:url(/images/mobile/v4/kndata_img.png) no-repeat; background-size:100px 150px}

/* Layout */
.wrap_cont_k {clear:both;width:100%; min-height:340px; position: relative; background-color:#e9ecef}

/* search */
.search {overflow:hidden;padding:5px 13px; letter-spacing:-1px; font-size:15px}
.search li{width:50%; float:left; margin-top:3px}
.search_title {position:relative; background-color:#eaeef3; padding:0 7px 9px 7px;}
.search_area {background-color:#eaeef3; overflow:hidden}

/* category */
.s_sorting {padding-right:11px; color:#bcbcbc; text-align:right}
.s_sorting a {display:inline-block; padding:0 4px 3px 4px; color:#333; font-size:14px}


.search_comm {overflow:hidden;width:100%;}
.search_comm li {overflow:hidden; margin-bottom:9px; background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.search_comm li img {vertical-align:middle}
.search_comm .cont_info {position:relative; display:block; padding:12px 11px 15px 12px; font-size:12px; color:#888}
.search_comm .cont_info .tit_subject {display:block;overflow:hidden;width:100%;padding-bottom:4px;font-weight:normal;font-size:17px;color:#002cbb;line-height:20px;word-break:break-all; line-height:22px}
.search_comm *:visited .tit_subject {color: #99209b;}
.search_comm .cont_info .desc{display:block;overflow:hidden;width:100%;padding-bottom:6px;font-weight:normal;font-size:15px;color:#666;line-height:20px; text-overflow:ellipsis;}
.search_comm .cont_info .num_g {font-size:12px; color:#9a9a9a}
.search_comm .cont_info .num_g .i_doc img {width:12px; height:12px; margin-top:3px; margin-right:3px; margin-left:5px; vertical-align:top}
.search_comm .cont_info .txt_recom {color:#27833d}
.search_comm .cont_info .list_close {position:absolute; top:6px; right:1px; display:inline-block; width:30px; height:30px}
.search_comm .cont_info .list_close .ico {margin-top:9px; vertical-align:top}
.search_comm .cont_info .list_close .ico {width:30px;height:30px;background-position:-50px -109px}
.search_comm .cont_none {position:relative; display:block; padding:13px 12px 12px;font-size:12px;color:#a0a0a0; background-color:#f3f8fd; text-align:center}

.cate_tit {position:relative; clear:both; padding:10px 0 9px 12px; background-color:#fff; margin:9px 0; box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.p_cate_tit {position:relative; clear:both; padding:10px 30px 9px 16px; border-bottom:1px solid #d5d8db; background-color:#fff; margin-top:4px; border-top-left-radius:5px; border-top-right-radius:5px; }
.cate_tit h3, .p_cate_tit h3 {font-weight:normal; color:#666; font-size:16px; letter-spacing:0; font-weight:normal}
.cate_tit h3 em {font-weight:bold; color:#444}
.p_cate_tit h3 em {font-weight:bold; color:#000;}
.cate_tit .c_inc, .p_cate_tit .c_inc { width:10px; height:15px; display:inline-block; background-position:-91px 0px; vertical-align:top; margin:3px 0 0 0}
.cate_tit .c_on, .p_cate_tit .c_on {color:#002cbb}
.cate_tit .c_down {color:#001cb6; font-size:0; background-position:6px -43px; display:inline-block; height:10px; width:20px; vertical-align:top; margin-top:6px}

.sc_opt {border:0 none; position: absolute; right:15px; top:9px}
.bt_ara a, .bt_ara em {display: inline-block; font-size:14px; line-height:20px; padding-left:12px}
.bt_ara em {color:#555;}
.bt_ara a {color:#999;}
.bt_ara a + em, .bt_ara em + a {margin-left:10px;}
.bt_ara em {background: url("/images/mobile/v4/s_sort_on.png") 0 7px no-repeat; background-size:6px 6px}
.bt_ara a {background: url("/images/mobile/v4/s_sort_off.png") 0 7px no-repeat; background-size:6px 6px}
.bt_ara .on {background: url("/images/mobile/v4/s_sort_on.png") 0 7px no-repeat; background-size:6px 6px}

/* blank */
.result_none {height:200px; padding:35px 10px 0 11px}
.result_none dt {margin-bottom:10px; text-align:left; font-size:16px; line-height:22px}
.result_none dt em {color:#db262d; font-weight:bold}
.result_none dd {padding:5px 0 0 10px; color:#777; font-size:14px; line-height:17px;}
.result_none dd .rx_bull {margin:0 5px 0 -10px}

/* page number */
.paging_w {text-align: center;font-size:16px; line-height:40px; overflow:hidden; white-space:nowrap;	margin:0 auto; background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.paging_w .pg_btn {background:none repeat scroll 0 0 rgba(0, 0, 0, 0); border:0 none; display:inline-block; font-size:0; overflow:hidden; padding:13px 14px 11px 14px; vertical-align:top; width:12%}
.paging_w .pg_prev, .paging_w .pg_next {color:transparent; display:block; height:16px; overflow:hidden; text-indent:-99px; width:9px}
.paging_w .pg_prev {background-position:0 -18px}
.paging_w .pg_next {background-position:-11px -18px; text-align:right; float:right}
.paging_w .pg_pg {display:inline-block; flex: 1 1 0; text-align:center;	width:75%}
.paging_w .pg_pg .pgn {color:#888; display:inline-block; font-size:17px; min-width:25px; padding:0 8px; position:relative; text-align:center; vertical-align:top}
.paging_w .pg_pg .pgn.now {color:#002cbb; font-weight:bold}
.paging_w .pg_btn.end .pg_prev {background-position:0 -1px}
.paging_w .pg_btn.end .pg_next {background-position:-11px -1px}
.pimg {background: url("/images/mobile/v4/paging_arr.png") no-repeat scroll; background-size:19px 33px}

.paging_w  .basePageNumber  .link_page {color:#888; display:inline-block; font-size:17px; min-width:25px; padding:0 8px; position:relative; text-align:center; vertical-align:top}
.paging_w  .basePageNumber .link_page_select {color:#002cbb; font-weight:bold; display:inline-block; font-size:17px; min-width:25px; padding:0 8px; position:relative; text-align:center; vertical-align:top}

.wrap_thumb {float:left; position:relative; margin:14px 0 12px 12px; min-height:80px}
.wrap_thumb .thumb {border:1px solid #c4c4c4}
.tinfo {display: block; overflow:hidden; word-break:break-all}

.cate_open {position:absolute; left:5px; z-index:1602; border-radius:7px; background-color:#fff; width:97%; overflow:hidden}
.cate_open .cate_lst1, .cate_open .cate_lst2 { position:relative; height:370px; overflow:auto; padding-top:8px}
.cate_open .cate_lst1 a, .cate_open .cate_lst2 a{ font-size:16px; color:#898989; padding-left:20px; display:block; height:34px; line-height:33px}
.cate_open .cate_lst1 a.on {text-decoration:underline; color:#000; font-weight:bold}
.cate_open .cate_lst2 a.on {color:#002cbb; font-weight:bold}
.cate_open .cate_lst1 {width:44%; display:inline-block; float:left}
.cate_open .cate_lst2 {width:55.7%; float:right; display:inline-block; background-color:#f5f5f5; border-bottom-right-radius:5px; vertical-align:top}
.cate_open .pop_close { position:absolute; right:5px; display:inline-block; height:20px; width:35px; padding:5px 0; margin:-7px 0 0 -10px; font-size:0; vertical-align:top; background-position:11px -127px}

.grd_next {position:absolute; width:49.7%; height:45px; right:0; bottom:0; background:-webkit-linear-gradient(top,rgba(245,245,245,0)0%,rgba(245,245,245,1)100%); z-index:1800; border-bottom-right-radius:5px;}

/* select box */
.knou_select {clear:both; overflow:hidden; padding:10px 0 0 14px; background-color:#fff; margin:9px 0; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.knou_select ul {width:100%;float:left; margin-bottom:8px;}
.knou_select li{float:left; width:49.3%}
.knou_select .search{padding-bottom:10px; padding-right:95px; padding-left:0; position:relative}
.opt_select {display:block;position:relative;width:97%; height:30px;padding:0 20px 0 7px; font-size:14px; border:1px solid #dadada;border-radius:0; background:#fff url(/images/mobile/select.png) 100% 0 no-repeat;-webkit-appearance:none}
.opt_open {border-color:#c9c9c9;color:#666; background-color:#fff;background-position:100% 0; background-size:30px 28px}
.inp_txt { display:inline-block; height:30px; padding-left:4px; color:#333; border:1px solid #c9c9c9; width:100%; margin-right:100px}
.m_num {display:inline-block; margin-left:5px; width:70px; height:30px; background-color:#f0f0f0; border: 1px solid #999; color:#4b4c4c; font-size:13px; letter-spacing: -1px; line-height:30px; overflow:hidden; text-align:center; position:absolute; right:12px; bottom:10px}

.cate_tit2 h3{font-size:15px; padding:10px 13px 0 11px; letter-spacing:-1px}
.se_tit {padding-left:13px; padding-top:5px; clear:both}
.se_tit a{text-decoration:underline; font-size:14px; font-weight:normal; color:#034fa7; padding-left:8px}

.search_none {text-align:center; padding-top:20px; font-size:15px; letter-spacing: -1px}
.search_none a{color:#034fa7; text-decoration:underline; padding-left:8px; line-height:37px}

/* book */
.b_cate_w {position:relative; clear:both; height:30px; padding:10px 13px 0 11px; border-bottom:1px solid #f2f2f2}
.b_cate_w .cate_sel {color:#496abc}
.b_cate_w .b_cate h3 {float:left; font-size:16px;letter-spacing:-1px; font-weight:bold}
.b_cate_w .b_s {float:right;font-size:16px;color:#333; background-position:-29px 0; padding-left:23px}

.b_sch_form {margin:10px 11px 10px 11px; position:relative}
.b_sch_form .b_box_search {background-color:#f4f4f4; border:1px solid #d1d3d4; height:18px; overflow: hidden; padding:7px 52px 8px 9px; border-radius:2px;}
.b_sch_form .b_box_search .tf_keyword {background-color:transparent; border:none; color:#161616; font-size:16px; height:20px; line-height: 20px; vertical-align:top; width:90%; margin-bottom:10px; -webkit-border-radius:1px; -webkit-appearance:none;}
.b_sch_form .b_box_search .sch_btn {background-image:linear-gradient(to bottom, #628bee, #567feb);background-image:-webkit-linear-gradient(top,#628bee,#567feb);border:1px solid #3d78eb; border-radius:0 2px 2px 0; cursor:pointer; font-size:0; height:35px; line-height:0; position:absolute; right:0; top:0; width:41px}
.b_no_visible { display: block; font-size: 1px; height: 1px; line-height: 0; overflow: hidden; position: absolute; text-indent: 10px; white-space: nowrap; width: 1px}
.b_imsc {display:inline-block; overflow:hidden; background-color:transparent; background-image:url('/images/mobile/book_img.png');background-repeat:no-repeat; background-size:100px 150px;white-space:nowrap}
.b_imsc_search {width:20px;height:20px;background-position:0 0}

.b_po_tit { padding-left:23px; margin-left:10px; margin-top:4px; font-size:17px; color:#333; margin-bottom:10px; text-align:left; font-weight:bold; background-position:0 -27px}
.b_po_lst { margin:0 0 0 11px; clear:both;}
.b_po_lst li {display:inline-block; width:84px; height:175px; vertical-align:top}
.b_po_lst li:first-child { margin-left:0}
.b_po_lst .b_thumb .thumb {border:1px solid #878787}
.b_po_lst .b_lst_tit {display:block; overflow:hidden; width:72px; margin-top:2px; font-weight:normal; font-size:15px; color:#333; line-height:17px; word-break:break-all}
.b_po_lst .b_num {display:block; color:#6e6e6e; font-size:13px; margin-top:1px}
.b_po_lst .b_num em {color:#496abc; font-weight:bold}

.b_cate_area {padding:11px;}
.b_category { margin-bottom:15px; background-color:#f4f4f4}
.b_category li {font-size:15px; border:1px solid #d1d3d4; margin-bottom:-1px; position:relative}
.b_category li a {display:block; color:#333; padding:10px 0 0 11px; height:30px}
.b_category li span {display:block; padding:0 10px 0 0; position:absolute; top:12px; right:0}

/* detail_info */
.inf_wrap {background: url('/images/mobile/v4/bg2.gif') repeat 0 top;  background-size: 100% 100%; padding:22px 13px 16px 13px; margin-bottom:4px}
.inf_wrap:after {clear: both; content: ""; display: block}
.inf_wrap .tit {margin:3px 0; font-size:17px;  font-weight:600;color:#fff;letter-spacing:0px;line-height:22px}
.inf_wrap .b_writer {color:#959595; font-size:14px; margin-bottom:12px}
.inf_wrap .wrap_thumb {position:relative;float:left;margin:0 8px 0 0}
.inf_wrap .wrap_info {margin-top:7px; color:#666;letter-spacing:0px; font-size:15px}
.inf_wrap .num_info {float:left;padding:0 4px;margin-right:5px;border:1px solid #646771;display:inline-block;color:#fff;font-size:14px;height:37px;text-align:center;line-height:37px}
.inf_wrap .num_info em {color:#ff5c51}
.inf_wrap .sort_info {margin:0;padding:0;border-radius:0;border:1px solid #646771;background-color:transparent;font-size:14px;color:#fff;background:url('/images/mobile/book_img.png');background-size:90px 150px;background-position:87px -95px;-webkit-appearance: none;height:39px; width:68px; padding:0 0 0 4px; border-radius: 0;}

.inf_wrap .b_more { float:right; width:37px;height:37px;background-position:0 -56px; vertical-align:top; font-size:0}
.inf_wrap .b_close { float:right; width:37px;height:37px;background-position:-41px -56px; vertical-align:top; font-size:0}
.inf_wrap select {margin-top:-2px}
.b_more_view {color:#fff; font-size:14px;}
.b_more_view p {margin:22px 0 0;border-top:1px solid #56585d; padding-top:15px}

/* book list */
.b_cate_lst {overflow:hidden;width:100%}
.b_cate_lst li {overflow:hidden; width:100%; border-bottom:1px solid #f2f2f2;}
.b_cate_lst li img {vertical-align:middle}
.b_cate_lst .cont_info {position:relative; display:block;padding:12px 11px 13px 11px; font-size:12px; color:#888}
.b_cate_lst .cont_info .num_g {font-size:13px; margin-top:5px; color:#6e6e6e}
.b_cate_lst .cont_info .num_g .bar {padding:0 3px 0 2px; color:#ccc; font-size:13px; margin-top:-5px}
.b_cate_lst .cont_none {position:relative; display:block; padding:13px 12px 12px;font-size:12px;color:#a0a0a0; background-color:#f3f8fd; text-align:center}
.b_cate_lst li:last-child {border:0 none}
.b_cate_lst .cont_info .tit_subject2 {display:block;overflow:hidden;padding-bottom:3px;font-weight:normal;font-size:16px;color:#333;line-height:20px;word-break:break-all}
.b_cate_lst .cont_info .tit_subject2  a:visited{color:#99209B;}
.b_cate_lst .cont_info .tit_subject2 img {margin-right:3px}

.s_inf_wrap {padding:0 13px 16px 11px}
.s_inf_wrap .num_info {display:inline-block; border:1px solid #d1d3d4; padding:0 10px 0 10px; margin-right:3px; color:#333; font-size:14px; height:32px; line-height:32px; text-align:center}
.s_inf_wrap .num_info em {color:#ff3000}
.s_inf_wrap .sort_info {display:inline-block; border:1px solid #d1d3d4; padding:0 22px 0 10px; color:#333; font-size:14px; height:32px; line-height:32px; background-position:0 -95px; vertical-align:top}

/* list2 */
.b_search_comm2 {overflow:hidden; width:100%}
.b_search_comm2 li {overflow:hidden; width:100%; margin-bottom:27px}
.b_search_comm2 li img {vertical-align:middle}
.b_search_comm2 .cont_info {position:relative; display:block; padding:0 11px 0 11px; font-size:12px; color:#888}
.b_search_comm2 .cont_info .tit_subject {display:block;overflow:hidden; padding-bottom:1px; font-weight:normal;font-size:16px;color:#333;line-height:20px; word-break:break-all}
.b_search_comm2 .cont_info .tit_subject  a:visited{color:#99209B}
.b_search_comm2 .cont_info .tit_subject em {color:#496abc}
.b_search_comm2 .cont_info .desc {font-size:14px; color:#333; padding-left:70px; display:block; line-height:18px}
.b_search_comm2 .cont_info .num_g2 {font-size:13px; color:#6e6e6e; padding-left:70px; margin-bottom:8px; display:block;}
.b_search_comm2 .cont_info .num_g2 em {color:#496abc; font-weight:bold}
.b_search_comm2 .cont_info .txt_recom {color:#27833d}
.b_search_comm2 .cont_none {position:relative; display:block; padding:13px 12px 12px;font-size:12px;color:#a0a0a0; background-color:#f3f8fd; text-align:center}
.b_search_comm2 li:last-child {border:0 none}
.b_search_comm2 .cont_info .num_g2 .bar {padding:0 3px 0 2px; color:#ccc; font-size:13px; margin-top:-5px}

.b_search_num {margin:0 13px 18px 13px; padding-bottom:9px; padding-left:2px; font-size:15px; color:#333; border-bottom:1px solid #d7d7d7}
.b_search_num em {color:#eb4a3f}
.b_search_num .bar {padding:0 3px 0 2px; color:#ccc; font-size:13px}

/* book renew */
.book_comm {overflow:hidden;width:100%;}
.book_comm li {position:relative; overflow:hidden; margin-bottom:9px; background-color:#fff; box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
.book_comm li img {vertical-align:middle}
.book_comm .cont_info {position:relative; display:block; padding:12px 11px 15px 12px; font-size:12px; color:#888}
.book_comm .cont_info .tit_subject {display:block;overflow:hidden;width:100%;padding:5px 0 3px;font-weight:normal;font-size:17px;color:#002cbb;line-height:20px;word-break:break-all;}
.book_comm *:visited .tit_subject {color: #99209b;}
.book_comm .cont_info .desc{display:block;overflow:hidden;width:100%;padding-bottom:6px;font-weight:normal;font-size:15px;color:#666;line-height:20px;white-space:nowrap; text-overflow:ellipsis;}
.book_comm .cont_info .num_g {font-size:13px; color:#777; line-height:16px;}
.book_comm .cont_info .num_g3 {font-size:13px; color:#666; display:block; line-height:17px; padding-bottom:8px; padding-top:1px;}
.book_comm .cont_info .num_g3  em {color: #496abc;  font-weight: bold;}
.book_comm .cont_info .txt_recom {color:#27833d}
.book_comm .cont_info .list_close {position:absolute; top:6px; right:1px; display:inline-block; width:30px; height:30px}
.book_comm .cont_info .list_close .ico {margin-top:9px; vertical-align:top}
.book_comm .cont_info .list_close .ico {width:30px;height:30px;background-position:-50px -109px}
.book_comm .cont_none {position:relative; display:block; padding:13px 12px 12px;font-size:12px;color:#a0a0a0; background-color:#f3f8fd; text-align:center}
.book_comm .bm_imsc {display:inline-block; overflow:hidden; background-color:transparent; background-image:url('/images/mobile/book_lmore.png');background-repeat:no-repeat; background-size:80px 28px;white-space:nowrap}
.book_comm .bm_more {position: absolute;  top: 32px;  right: 8px; width:35px;height:35px;background-position:0 0px; vertical-align:top; font-size:0}
.book_comm .bm_close {position: absolute;  top: 32px;  right: 8px; width:35px;height:35px;background-position:-43px 0; vertical-align:top; font-size:0}


/* cp */
.cp_sch_form {margin:0 15px 0 0; position:relative}
.cp_sch_form .b_box_search {background-color:#f4f4f4; border:1px solid #d1d3d4; height:18px; overflow: hidden; padding:7px 52px 8px 9px; border-radius:2px;}
.cp_sch_form .b_box_search .tf_keyword {background-color:transparent; border:none; color:#161616; font-size:16px; height:20px; line-height: 20px; vertical-align:top; width:90%; margin-bottom:10px; -webkit-border-radius:1px; -webkit-appearance:none;}
.cp_sch_form .b_box_search .sch_btn {background-image:linear-gradient(to bottom, #628bee, #567feb);background-image:-webkit-linear-gradient(top,#628bee,#567feb);border:1px solid #3d78eb; border-radius:0 2px 2px 0; cursor:pointer; font-size:0; height:35px; line-height:0; position:absolute; right:0; top:0; width:41px}
.b_no_visible { display: block; font-size: 1px; height: 1px; line-height: 0; overflow: hidden; position: absolute; text-indent: 10px; white-space: nowrap; width: 1px}
.b_imsc {display:inline-block; overflow:hidden; background-color:transparent; background-image:url('/images/mobile/book_img.png');background-repeat:no-repeat; background-size:100px 150px;white-space:nowrap}
.b_imsc_search {width:20px;height:20px;background-position:0 0}

.search_comm h3 {color: #333;  font-size: 16px;  letter-spacing: 0px; padding:10px 0 2px 14px}
.search_comm .cont_info .num_g3 {font-size:15px; color:#666; display:block; line-height:16px; padding-top:4px;}
.search_comm .cont_info .num_g3 .bar {padding:0 3px 0 2px; color:#ccc; font-size:13px; margin-top:-5px}
.search_comm .cont_info .num_g3  em {color: #496abc;  font-weight: bold;}

.category .main_list .arr {display: block; position: absolute;  top: 15px;  right: -10px;}

.cp_wrap {background-color:#fff; border:1px solid #e1e4e7; padding:12px 0 0 16px; margin:4px 0}
.cp_wrap:after {clear: both; content: ""; display: block}
.cp_wrap .tit {margin-bottom:1px; font-weight:bold; font-size:18px; color:#000;letter-spacing:-0.5px;line-height:24px}
.cp_wrap .b_writer {color:#959595; font-size:14px; margin-bottom:7px}

.cp_spop {position:relative;clear:both; margin:5px; padding:10px 0; background:#fffde1; border:1px solid #ccc; }
.cp_spop .none_txt { font-size:13px; color:#000; line-height:18px; display:block; margin-left:16px; margin-top:5px; padding-left:20px;  background:url('/images/mobile/pay_n.png') 0 -28px no-repeat; background-size:100px 100px}
.cp_spop .none_txt strong {font-weight:bold; color:#eb4a3f; font-size:13px;}
.cp_spop .ticket_link {font-size:13px; text-decoration:underline; color:#000; position:absolute; bottom:7px; right:18px; display:block; padding-bottom:2px;}
.cp_spop .ticket_link .t_s_img { background:url('/images/mobile/v4/cp_sbtn.png') 0 2px no-repeat; background-size:14px 14px; width:17px; height:17px; display:inline-block; margin-bottom:-3px; padding-left:1px}

.cate_tit .b_s {float:right;font-size:14px;color:#898989; background-position:-24px 2px; padding-left:23px; margin-right:10px; padding-top:3px}
.cate_tit .b_imsc {display:inline-block; overflow:hidden; background-color:transparent; background-image:url('/images/mobile/book_img.png');background-repeat:no-repeat; background-size:90px 140px;white-space:nowrap}

/* cp_info */
.inf_wrap2 {background: url('/images/mobile/v4/bg.gif') repeat 0 top;  background-size: 100% 100%; padding:22px 13px 16px 13px; margin-bottom:4px}
.inf_wrap2:after {clear: both; content: ""; display: block}
.inf_wrap2 .tit {margin:3px 0; font-size:17px;  font-weight:600;color:#fff;letter-spacing:0px;line-height:22px}
.inf_wrap2 .b_writer {color:#959595; font-size:14px; margin-bottom:14px}
.inf_wrap2 .wrap_thumb {position:relative;float:left;margin:0 13px 0 0}
.inf_wrap2 .wrap_info {margin-top:7px; color:#666;letter-spacing:0px; font-size:14px}
.inf_wrap2 .num_info {display:inline-block; border:1px solid #646771; padding:0 7px; margin-right:0px; color:#fff; font-size:14px; height:35px; line-height:37px; text-align:center}
.inf_wrap2 .num_info em {color:#ff5c51}

/* 20151207 corp */
.corp_comm {overflow:hidden;width:100%;}
.corp_comm li {position:relative; overflow:hidden; margin-bottom:9px; background-color:#fff; box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
.corp_comm li img {vertical-align:middle}
.corp_comm .cont_info {position:relative; display:block; padding:12px 11px 15px 12px; font-size:12px; color:#888}
.corp_comm .cont_info .tit_subject {display:block;overflow:hidden;padding:5px 0 3px;font-weight:normal;font-size:17px;color:#002cbb;line-height:20px;word-break:break-all;}
.corp_comm *:visited .tit_subject {color: #99209b;}
.corp_comm .cont_info .num_g {display:block; font-size:14px; color:#666; padding-bottom:5px}
.corp_comm .cont_info .num_g em{color:#496abc; font-weight:600}
.corp_comm .cont_info .num_g2 {display:block; font-size:12px; color:#9a9a9a}
.corp_comm  .re_thum {float:left; position: relative; margin: 14px 0 12px 12px; display:block; width:57px; height:85px; border:1px solid #d5d8db; font-size:8px;  line-height:11px;}
.corp_comm  .re_bg {background: url("/images/v4/doc/corp_thum_bg1.png") no-repeat scroll 0 0; background-size:57px 85px; padding:13px 3px 0 3px; display:block; color:#666; height:85px; overflow:hidden; text-align:center;}
.corp_comm  .re_bg strong{color:#333}
.corp_comm  .re_bg2 {background: url("/images/v4/doc/corp_thum_bg2.png") no-repeat scroll 0 0; background-size:57px 85px; padding:13px 3px 0 3px; display:block; color:#666; height:85px; overflow:hidden; text-align:center;}
.corp_comm  .re_bg2 strong{color:#333}
.corp_comm  .re_bg3 {background: url("/images/v4/doc/corp_thum_bg3.png") no-repeat scroll 0 0; background-size:57px 85px; padding:13px 3px 0 3px; display:block; color:#666; height:85px; overflow:hidden; text-align:center;}
.corp_comm  .re_bg3 strong{color:#333}

.corp_sum {padding:40px 15px 30px 15px; margin-bottom:10px; background:url("/images/v4/doc/corp_tit_bg.jpg") repeat 0 top; background-size:100% 100%}
.corp_sum .corp_name {font-size:14px; text-align:center; color:#fff;}
.corp_sum .corp_name strong {display:block; font-size:24px; font-weight:600; vertical-align:bottom; text-shadow:0px 1px 1px  rgba(0,0,0,0.1)}
.corp_sum .corp_name p {margin-top:10px}
.corp_sum .corp_info {margin:25px 0 10px 0; padding:3px 0 9px; background:url("/images/v4/doc/corp_info_bg.png") repeat 0 0; box-shadow:0 3px 8px rgba(0,0,0,0.25);}
.corp_sum .corp_info li {display:inline-block; padding:6px 0 0 9px; color:#b7b7b7; text-align:left; font-size:14px; font-weight:normal;}
.corp_sum .corp_info li em{padding-left:10px;  color:#fff;}
.corp_sum .corp_info2 dt {margin-bottom:1px; border-top:2px solid #ffc400; background:url("/images/v4/doc/corp_info_bg2.png") repeat 0 0; }
.corp_sum .corp_info2 dt .c_state_tit {display:block;  padding-left:20px;padding-bottom:12px; margin:12px 0 0 14px; color:#fff; font-size:14px; background:url("/images/mobile/v4/ico_corp.png") no-repeat 0 3px; background-size:15px 15px;}
.corp_sum .corp_info2 dd {height:42px; margin-bottom:1px; font-size:12px; color:#000; background-color:#fff; border:1px solid #fff}
.corp_sum .corp_info2 dd img {vertical-align:middle}
.corp_sum .corp_info2 .c_logo {display:inline-block; text-align:center; width:105px; margin-top:10px}
.corp_sum .corp_info2 .c_report {display:inline-block; width:90px;  text-align:left}
.corp_sum .corp_info2 .c_report em {color:#ea002c; font-weight:bold;}
.corp_sum .corp_info2 .c_date {display:inline-block; text-align:left}
.corp_sum .corp_info2 .c_date em {color:#6e6e6e; font-weight:normal}

.corp_tit {position:relative; clear:both; border-top:1px solid #222; border-left:1px solid #e1e4e7; border-right:1px solid #e1e4e7;border-bottom:1px solid #e1e4e7;background-color:#fff; margin-bottom:4px; margin-top:4px;}
.corp_tit h3 {font-weight:600; color:#222; font-size:16px; letter-spacing:0;  padding:10px 0 9px 12px; border-bottom:1px solid #e1e4e7;}
.corp_tit .cont_wrap li{position:relative; display:block; border-bottom:1px solid #f2f2f2;}
.corp_tit .cont_wrap li:last-child {border:0 none}
.corp_tit .cont_wrap .cont_lst .ut_a {display:block; padding:10px 11px 10px 12px;}
.corp_tit .cont_wrap .cont_lst .tit_subject {display:block;overflow:hidden;width:100%;padding:5px 0 2px;font-weight:normal;font-size:16px;color:#002cbb;line-height:19px;word-break:break-all;}
.corp_tit .cont_wrap *:visited .tit_subject {color: #99209b;}
.corp_tit .cont_wrap .cont_lst .num_g {font-size:13px; color:#777; line-height:16px;}
.corp_tit .more {display:block;text-align:center; background-color:#fafafa; font-size:14px; padding:9px 0 7px; color:#858585}
.a_corp_tab {border-bottom:1px solid #ebebeb; overflow:hidden}
.a_corp_tab h3 {padding:12px 0 3px 15px; font-size:15px; border:none}
.a_corp_tab .a_cate {padding:0 0 5px 15px;  margin-bottom:10px; height:28px; width:100%}
.a_corp_tab .a_cate li {float:left; padding:4px 0 3px; width:22.5%; text-align:center; margin-left:-1px; border:1px solid #d1d1d1; background-color:#f8f8f8}
.a_corp_tab .a_cate .link_tab {display:block; overflow:hidden; height:20px; font-size:13px; letter-spacing:-1px; line-height:20px;color:#606060;text-decoration:none}
.a_corp_tab .a_cate .on {position:relative;margin:0 0 0 -1px;border:1px solid #516eb9;background-color:#658ae7}
.a_corp_tab .a_cate .on .link_tab {color:#fff}
.a_corp_tab dl {border-bottom:1px solid #e1e4e7;padding-bottom:10px;}
.a_corp_tab dd{font-size:14px; padding-left:7px; margin-left:15px; background: url("/images/v4/doc/bul_left_v4.gif") 0px 7px no-repeat scroll;}
.a_corp_tab .tit1_v4 {display:block; font-size:14px; padding:4px 15px 8px;}

/* 20151214 job */
.job_sum {padding:40px 0 0; background:url("/images/mobile/v4/job_tit_bg.jpg") repeat 0 top; background-size:100% 100%}
.job_sum .job_tit {font-size:14px; text-align:center; color:#fff;}
.job_sum .job_tit strong {display:block; font-size:22px; font-weight:600; vertical-align:bottom; text-shadow:0px 1px 1px  rgba(0,0,0,0.2)}
.job_sum .job_tit p {font-size:33px; font-weight:600; text-shadow:0px 1px 1px  rgba(0,0,0,0.2); color:#ffc400}
.job_sum .job_tit .tx_in {display: block; margin: 12px 14px 15px 14px;  color: #e8eaec;  font-size: 13px;}
.job_sum .job_tit .tx_in img {width:15px;vertical-align:middle}
.job_sum .job_sch {padding:22px 0 22px 15px; background:url("/images/mobile/v4/detail_info_bg.png") repeat}
.job_sum2 {padding:40px 0 0; background:url("/images/mobile/v4/introduce_tit_bg.jpg") repeat 0 top; background-size:100% 100%}
.job_sum2 .job_tit {font-size:14px; text-align:center; color:#fff;}
.job_sum2 .job_tit strong {display:block; font-size:22px; font-weight:600; vertical-align:bottom; text-shadow:0px 1px 1px  rgba(0,0,0,0.2)}
.job_sum2 .job_tit p {font-size:33px; font-weight:600; text-shadow:0px 1px 1px  rgba(0,0,0,0.2); color:#ffc400}
.job_sum2 .job_tit .tx_in {display: block; margin: 12px 14px 15px 14px;  color: #e8eaec;  font-size: 13px;}
.job_sum2 .job_tit .tx_in img {width:15px;vertical-align:middle}
.job_sum2 .job_sch {padding:22px 0 22px 15px; background:url("/images/mobile/v4/detail_info_bg.png") repeat}
.job_comm {overflow:hidden;width:100%;}
.job_comm li {position:relative; overflow:hidden; margin-bottom:9px; background-color:#fff; box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
.job_comm li img {vertical-align:middle}
.job_comm .cont_info {position:relative; display:block; padding:12px 11px 15px 12px; font-size:12px; color:#888}
.job_comm .cont_info .tit_subject {display:block;overflow:hidden;width:100%;padding:5px 0 7px;font-weight:normal;font-size:17px;color:#000;line-height:20px;word-break:break-all;}
.job_comm .cont_info .tit_subject strong {color:#496abc}
.job_comm .cont_info .num_g {display:block; font-size:14px; color:#666; padding-top:1px}
.job_comm .cont_info .num_g em{color:#496abc; font-weight:600}
.job_comm .c_logo {float: left;  position: relative;  margin: 16px 0px;  padding:5px 0 7px 0; display: block; border-right:1px solid #e1e4e7}
.job_comm .c_logo img {width:150px}
.selt{width:47%;padding:6px 8px 6px 8px; margin-bottom:6px; height:36px;border:none;border-radius:0;border:1px solid #bbbbbb; background:#fff url("/images/mobile/v4/sel_arr.png") 100% 50% no-repeat;background-size:20px 7px;-webkit-background-size:20px 7px;-webkit-appearance:none;-moz-appearance:none;font-size:15px;line-height:26px;color:#333;text-indent:0.01px;text-overflow:''}
.inf_wrap2 .tit2 {margin:3px 0 6px; font-size:17px;  font-weight:600;color:#fff;letter-spacing:0px;line-height:22px}
.inf_wrap2 .b_writer2 {color:#959595; font-size:14px;}
.inf_wrap2 .b_writer2 em{padding-left:5px; color:#fff}
.inf_wrap2 .inm {display:inline-block; border:1px solid #858585; width:98px; margin-right:0px; margin-bottom:6px; color:#aeaeae; font-size:12px; height:31px; line-height:33px; text-align:center; letter-spacing:-1px}
.job_tab {width:100%; margin-top:-4px}
.job_tab ul {display:table;	table-layout:fixed;	width:100%;	padding:0 0 6px 0;}
.job_tab li {display:table-cell;width:33.3%; vertical-align:middle}
.job_tab li a {display:block;  margin-left:-1px;border:1px solid #c6c9d0;background:#fff;color:#858585;font-size:13px;line-height:22px;text-align:center;padding:10px 0 8px;}
.job_tab li.on a {position:relative;border:1px solid #3a5596;background:#496abc;color:#fff}
.job_tab li:first-child a {margin-left:0;}


/*방통대 중간과제물*/
.event_w img{display: block;width: 100%; margin: auto;vertical-align: top;}

/* sub menu */
.cate_lst2 .cate_sub li a {color:#333}
.cate_lst2 .cate_sub li a.on {color: #002cbb; font-weight:normal}
.cate_lst2 .cate_sub li a em {vertical-align: 1px;  font-weight:bold}
.cate_lst2 li .s_close {display: inline-block; font-size: 0px;  background-position: 2px 1px;  height: 20px; width:20px; vertical-align: top;  margin-top: 9px; margin-left:6px}
.cate_lst2 li .s_open {display: inline-block; font-size: 0px;  background-position: -33px 2px;  height: 20px; width:20px; vertical-align: top;  margin-top: 9px; margin-left:6px}
.cate_lst2 .s_close, .cate_lst2 .s_open {background: url("/images/mobile/v4/kndata_img.png") no-repeat;  background-size: 100px 150px;}


/* 모바일 best icon */
.tit_subject .ico_best {display:inline-block; margin-left:2px; padding:0 6px; vertical-align:2px; background:#fb5e5e; height:18px; line-height:19px; text-align:center; border-radius:2px; color:#fff; font-size:11px; font-weight:500; font-family:RobotoDraft, Roboto, sans-serif}
.ico_m_best {display:inline-block; margin-left:2px; color:#fb5e5e; font-size:12px; font-family:dotum; letter-spacing:-1px; background:url(/images/ico_m_best.gif) 0 4px no-repeat; background-size:10px 13px; vertical-align:top; padding-left:13px}

/* 20160819 기업보고서 팝업 */
.banner_float{display:block;position:relative; margin:5px 0 -10px 0; z-index:100;}
.banner_float .inner{display:block;position:relative;padding:7px;margin-top:10px;color:#666}
.banner_float .inner .desc{font-weight:500;display:block;position:relative;font-size:12px; padding:7px 23px 5px 5px; line-height:16px;vertical-align:middle;color:#000}
.banner_float .inner .desc p{color:#dd0000; margin-top:4px}
.banner_float .inner:after{display:block;content:'';background:#feface;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 1px 2px rgba(0,0,0,0.5);opacity:.92;z-index:-1}
.banner_float .close{display:inline-block;position:absolute; top:10px;right:10px; cursor:pointer; }


/* recruit */
.recruit_comm {overflow:hidden;width:100%;}
.recruit_comm li {overflow:hidden; margin-bottom:9px; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.recruit_comm li img {vertical-align:middle;}
.recruit_comm .cont_info {position:relative; display:block; padding:0px 11px 2px 12px; margin:12px 0; font-size:12px; color:#888;  border-left:1px solid #e1e4e7}
.recruit_comm .cont_info .tit_subject {display:block;overflow:hidden;width:100%;padding:5px 0 7px;font-weight:normal;font-size:17px;color:#000;line-height:20px; overflow: hidden; white-space: nowrap;  word-wrap: normal;}
.recruit_comm .cont_info .tit_subject strong {color:#496abc}
.recruit_comm .cont_info .txt_desc {display:block; font-size:14px; color:#666; padding:1px 0 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;}
.recruit_comm .cont_info .career {border: 1px solid #d4d5d5; font-size: 12px; color: #6e6e6e;  padding: 3px 4px 1px;  margin-right: 2px;}
.recruit_comm .cont_info .all {border: 1px solid #6a89d5;  font-size: 12px;  color: #496abc;  padding: 3px 4px 1px;}
.recruit_comm .cont_info .end {border: 1px solid #eb4a3f;  font-size: 12px;  color: #eb4a3f;  padding: 3px 4px 1px;}
.recruit_comm .c_logo {float: left; position: relative; width: 130px; height: 110px; text-align:center}
.recruit_comm .c_logo img {display: block; max-width: 90px; max-height:40px; vertical-align: middle; margin: 35px auto 0;}

.doc_com {clear:both; overflow:hidden; padding:0 18px 9px 18px; background-color:#fff; border-bottom:1px solid #e1e4e7; border-top:1px solid #e1e4e7; margin-bottom:5px}
.doc_com h3 {border-bottom:1px solid #e1e4e7; display:block; font-size:15px; padding-bottom:10px; padding-top:12px}
.doc_com .re_lst {margin-top:8px; overflow:hidden; margin-left:-3px}
.doc_com .re_lst li {padding-bottom:5px; overflow:hidden}
.doc_com .re_lst a {color:#496abc; font-size:14px}
.doc_com .re_lst .b_doc_tit {height:24px; display:inline-block; overflow: hidden; white-space: nowrap;  word-wrap: normal}
.doc_com .re_lst .b_doc_tit {display:block; float:left; color:#3054c8}
.doc_com .re_lst .b_doc_tit em {padding-left:8px; font-size:14px; color:#666}
.book_tit { margin-bottom:5px}
.book_link {float:right; margin-top:-1px}
.book_more {height:28px; margin:0}
.book_more em {float:left; font-size:14px; padding-right:8px; vertical-align:middle; line-height:27px; font-weight:normal}
.book_more .link_more {float:left; background-color:#fff; border:1px solid #cacaca; display:block; height:22px; width:26px; overflow:hidden; margin-left:-1px}
.book_more .ico_pre {background-position:-66px -74px; overflow:hidden; text-indent:-9999px; display:block}
.book_more .ico_next {background-position:-94px -74px; overflow:hidden; text-indent:-9999px; display:block}

.recruit_tit {position:relative; clear:both; padding:18px 16px 15px 16px; background-color:#fff; margin:9px 0 0; box-shadow:0 1px 2px rgba(0,0,0,0.1); text-align:center; font-weight:bold; font-size:16px; background: url("/images/mobile/v4/recruit_top_bg.gif") no-repeat 0 top; background-size: 100% 100%;}
.recruit_tit img {max-width: 100px; max-height: 50px; vertical-align: middle;}
.recruit_tit h3 {font-size:22px; padding-top:20px; margin-top:15px; border-top:1px #e1e4e7 solid; line-height:26px;}

.list_type1 {padding:15px 15px 0}
.list_type1 dl {border-bottom:none}
.list_type1 dd {background:none}
.list_type1 .row:first-of-type dt {float: left; width: 60px;  height: 26px; line-height: 28px;  margin-top: 4px;  border: 2px solid #ea002c;  border-radius: 0px;  font-size: 14px;  letter-spacing: 0px; font-weight: 600;  color: #ea002c;  text-align: center;}
.list_type1 .row:first-of-type dd {padding-left: 6px;}
.list_type1 .row .col_lft {float: left;  width: 67px;   font-size: 14px;   color: #999;   line-height: 18px;   letter-spacing: -0.5px;}
.list_type1 .row .col_rgt {margin-left: 70px;  font-size: 14px;  color: #333;  line-height: 18px;  letter-spacing: 0px;}
.list_type1 .row .col_rgt .start_dt {font-size: 14px;  color: #888;  margin-bottom: 2px;}
.list_type1 .row .col_rgt .closing_dt {font-size: 14px;  color: #ea002c;}
.list_type2 {position:relative; padding:15px 15px}
.list_type2 .zoomBtn {position: absolute;  right: 10px;  top: -37px;  z-index: 50;}
.list_type2 .zoomBtn a {display: inline-block;  padding: 0 5px;  height: 26px;  border: 1px solid #666;  border-radius: 2px;  text-align: center;  line-height: 28px;  font-weight: bold;  color: #333;  font-size: 12px;  background: #fff;}
.list_type3 {overflow:hidden; margin:10px 10px 20px 10px; background:url("/images/mobile/v4/job_banner_bg.png") repeat; border-radius: 5px; }
.list_type3 .cont_info {display:block;padding:5px;}
.list_type3 .cont_info li {float:left; display:block;  text-align:center; height:20px; margin:12px 0 18px;}
.list_type3 .cont_info li:first-child {border-right:1px solid #505050}
.list_type3 .cont_info .num_g {display:block; font-size:15px; color:#666; color:#dcdcdc;font-weight:600; width:49%;}
.list_type3 .cont_info .num_g em{color:#ffc400; padding-left:8px;}
.list_type3 .cont_info .num_g2 {display:block; font-size:15px; color:#666; color:#dcdcdc;font-weight:600; width:99%;}
.list_type3 .cont_info .num_g2 em{color:#ffc400; padding-left:8px;}
.btn_apply {cursor: pointer; margin: 20px auto;  text-align: center; background: #ea002c;  font-size: 17px;  font-weight: bold;  color: #fff;  border-radius: 5px;  width: 190px;  height: 55px;  line-height: 55px;}
.btn_end {cursor: pointer; margin: 20px auto;  text-align: center;  background:#9a9a9a; font-size:17px; font-weight:bold; color:#fff; border-radius:5px;  width: 190px;  height: 55px;  line-height: 55px;}

/* 최신 자기소개서 */
.doc_com_n {position:relative; clear:both; padding:0 10px 0 3px; display: inline-block;}
.doc_com_n li {float:left; width:50%}
.doc_com_n li .command_box {height:160px; margin-left:6px; margin-bottom:6px; font-size:15px; color:#e9ecef}
.doc_com_n li a {display:block; display:table-cell; height:160px; padding:0 20px; text-align:center; vertical-align:middle; line-height:21px}
.doc_com_n .c_bg {background:url("/images/mobile/v4/command_bg.jpg") repeat-x 0 0}
.doc_com_tit {color:#000; font-size:16px; text-align:left; margin:15px 0 10px 10px; font-weight:bold}

/* common image */
.d_imsc {display:inline-block; overflow:hidden; background:url(/images/mobile/v4/detail_img_v4.png) no-repeat; background-size:150px auto;white-space:nowrap}

/* 북코스모스 도서요약 */
.mrecom_lst_w {position:relative; overflow:hidden; margin-bottom:9px; padding:13px 0 11px 0; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.mrecom_lst_w .cover_bg {width:98px; height:139px; position:absolute; top:0; left:0; background:url("/images/mobile/v4/book_bg.png") no-repeat scroll left 0; background-size:98px 139px}
.mrecom_lst {clear:both; margin-top:10px; margin-left:-3px}
.mrecom_lst ul:after {display:block;clear:both;content:''}
.mrecom_lst li {position:relative; display:table-cell; float:left; margin-left:10px; width:98px; vertical-align:top}
.mrecom_lst li:first-child {margin-left:15px}
.mrecom_lst dd {color:#6e6e6e; clear:both; font-size:11px; color:#6e6e6e; font-weight:400}
.mrecom_lst dd.re_tit a {display:block; padding:7px 0 1px 0; width:98px; font-size:13px; color:#1b1b1b; text-align:left; line-height:14px}
.re_thum img {vertical-align:top}
h3.ebook_tit {color:#1b1b1b; font-weight:700; margin-left:16px; font-size:15px}

.flick_ico {margin:4px auto 0 auto; clear:both; width:48px}
.flick_ico a {overflow:hidden;text-indent:100%;white-space:nowrap; vertical-align:middle}
.flick_ico .point {display:inline-block; width:8px; height:8px; margin:0 2px 0 2px; background-color:#dcdcdc; border-radius:4px}
.flick_ico .point.on {background-color:#1b8ffc}

.wrap_thumb .cover_bg {width:101px; height:143px; position:absolute; top:0; left:0; background:url("/images/mobile/v4/book_bg.png") no-repeat scroll left 0; background-size:101px 143px}

/* 자기소개서 첨삭서비스 */
.consul_main_area { width: 100%; padding: 40px 0 15px; text-align: center; background: url(/images/v4/theme/mobileCorrectIntro/consul_main_v.png) repeat 0 top; background-size: 100% 100%; font-weight: 300; }
.btn_consul .ico_chk1, .info_ico_good, .btn_sample .ico_sample, .ico_my_lst, .consul_q_tit, .consul_re_tit, .btn_consul_pay .ico_chk1, .consul_down_form .down_tit, .pay_info_tit, .consul_com_txt .com_txt, .consul_review_tit, .consul_rv_coupon { background: url(/images/v4/theme/mobileCorrectIntro/consul_img.png) no-repeat 0 0; }
.consul_main_area h3 { color: #ffd801; font-size: 34px; letter-spacing: -1px; font-weight: 300; }
.consul_main_area h3 em { font-style: italic; }
.consul_main_area p { font-size: 16px; color: #fff; line-height: 21px; margin: 5px 0 0 0; }
.btn_consul { display: block; width: 240px; height: 65px; border: 1px solid #ffd801; border-radius: 10px; font-size: 21px; text-align: center; color: #313131; text-decoration: none; line-height: 65px; background: #ffd801; margin: 20px auto 25px auto; }
.btn_consul .ico_chk1 { display: inline-block; width: 30px; height: 20px; margin: 0 5px 0 -10px; background-position: -12px 4px; background-size: 180px auto; }
.consul_main_area .consul_process { display: inline-block; margin: 10px auto 0px 10px; background: url(/images/v4/theme/mobileCorrectIntro/consul_process.png) no-repeat 0 top; background-size: 265px auto; }
.consul_main_area .consul_process li { float: left; color: #fff; font-size: 14px; width: 100px; padding-top: 70px; text-align: center; }
.consul_main_area .consul_process li:first-child { width: 95px; margin-left: -16px; }
.consul_main_area .consul_process li:last-child { color: #ffd801; }
.consul_main_menu {position:relative; clear:both; display:inline-block; width:100%; padding-bottom:10px; margin:-3px 0 5px; color:#1b1b1b; background-color:#fff; box-shadow:0px 1px 1px rgba(0,0,0,0.1)}
.consul_main_menu li:first-child {margin-left:0; background-image:none}
.consul_main_menu li {float:left; position:relative; margin-top:2px; background:url(/images/v4/theme/mobileCorrectIntro/line.gif) no-repeat left 18px; background-size:1px 14px}
.consul_main_menu a {display:block; font-size:16px; font-weight:400; padding:13px 10px 3px; color:#000;}
.consul_main_menu a.on {color:#007aeb; font-weight:600}
.consul_main_menu .consul_request {float:right;font-size:13px;color:#6e6e6e;text-decoration:underline;line-height:27px;}
.consul_main_menu h3 {display:block; font-size:16px; font-weight:600; padding:13px 10px 13px;}
.consul_lst { position: relative; padding: 3px 13px; margin: 0 0 13px; color: #1b1b1b; background-color: #fff; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
.consul_lst_none { text-align: center; font-size: 14px; padding: 30px 0; }
.consul_lst h3 { font-weight: 600; color: #222; font-size: 16px; letter-spacing: 0; padding: 10px 0 9px; }
.consul_lst .icon_box { position: relative; overflow: hidden; margin: 0 auto 13px 0; }
.consul_lst .icon_box dl { float: left; display: block; padding: 15px 0 10px; width: 30.2%; margin-right: 3%; text-align: center; border: 1px solid #e9e9e9; border-radius: 5px; }
.consul_lst .icon_box dl a { display: block; }
.consul_lst .icon_box dt { font-size: 15px; color: #2c2c2c; line-height: 17px; padding-top: 3px; }
.consul_lst .icon_box .bg1 { background: #edfdfb; }
.consul_lst .icon_box .bg2 { background: #f0f5ff; }
.consul_lst .icon_box dl:last-child { margin-right: 0; }
.consul_lst .icon_box .bg3 { background: #fff4e5; }
.consul_lst li { display: table; width: 100%; padding: 13px 0 13px 0; font-size: 15px; color: #313131; overflow: hidden; border-top: 1px solid #e5e5e5; }
.consul_lst li:first-child { border-top: 0 none; }
.consul_lst .t_pay_review { background-color: #f8f8f8; }
.consul_lst .t_pay_review p { padding: 5px 20px; line-height: 21px; }
.consul_lst .c_request_cont { display: table-cell; width: 80%; }
.consul_lst .c_request_time { display: table-cell; vertical-align: middle; color: #6e6e6e; text-align: right; width: 20%; font-size: 13px; }
.consul_lst .more { display: block; text-align: center; font-size: 14px; color: #a0a0a0; }
.consul_lst .consul_tit { display: block; height: 24px; vertical-align: 2px; line-height: 26px; overflow: hidden; }
.consul_lst .reply_tit { display: block; margin-top: 18px; height: 24px; vertical-align: -2px; line-height: 21px; overflow: hidden; }
.consul_lst .score { float: left; display: inline-block; position: relative; background: url(/images/v4/theme/mobileCorrectIntro/consul_score2.png) no-repeat 0 -16px; background-size: 77px auto; height: 14px; width: 79px; vertical-align: middle; margin: 4px 10px 0 0; }
.consul_lst .score span { display: block; overflow: hidden; position: relative; height: 14px; background: url(/images/v4/theme/mobileCorrectIntro/consul_score2.png) no-repeat 0 0; background-size: 77px auto; line-height: 999px; }
.ico_consul_state { float: left; width: 31px; margin-right: 10px; text-align: center; display: table-cell; vertical-align: middle; background: url(/images/v4/theme/mobileCorrectIntro/c_reply.gif) no-repeat 13px 25px; background-size: 5px auto; }
.ico_consul_state em { display: block; width: 29px; height: 22px; border-radius: 6px; font-size: 10px; color: #6e6e6e; text-align: center; font-family: YDIWebDotum; line-height: 25px; border: 1px solid #6e6e6e; }
.ico_consul_state .ico_reply { color: #cd1201; border: 1px solid #cd1201; margin-top: 15px; }
.ico_consul_state .ico_consul { color: #496abc; border: 1px solid #496abc; margin-top: 15px; }
.consul_imsc { margin-bottom: 20px; padding: 25px 0 25px 25px; background: url(/images/v4/theme/mobileCorrectIntro/consul_imsc.png) no-repeat scroll center 0; background-color: #333; background-position: 50% 50%; background-size: cover; }
.consul_imsc .cont { width: 100%; }
.consul_imsc .cont .cont_txt1 { color: #ffd801; font-size: 18px; font-weight: 600; }
.consul_imsc .cont .cont_txt2 { color: #fff; font-size: 16px; font-weight: 300; padding: 0px 0 10px; }
.consul_imsc .cont .cont_btn { display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; font-size: 13px; color: #fff; border: 1px solid #fff; font-weight: 300; border-radius: 5px; }
.consul_txt { position: relative; padding: 10px 13px; margin: 13px 0; color: #1b1b1b; background-color: #fff; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
.consul_txt h3 { font-weight: 300; color: #222; font-size: 28px; letter-spacing: 0; padding: 10px 0 9px; }
.consul_txt .info_ico_good { display: inline-block; height: 37px; width: 40px; vertical-align: top; background-position: 0px -15px; background-size: 90px auto; }
.consul_txt li { padding: 2px 0 5px 22px; color: #313131; font-size: 14px; line-height: 19px; }
.consul_txt .rx_num { margin: 0 5px 0 -17px; font-weight: bold; font-size: 15px; }
.consul_txt2 { position: relative; padding: 13px 13px; margin: 13px 0; color: #1b1b1b; background-color: #f8f8f8; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
.consul_txt2 .coop_log { display: block; width: 111px; height: 20px; margin-bottom: 13px; background: url(/images/v4/theme/mobileCorrectIntro/resume_logo.gif) no-repeat 0 0; background-size: 90px auto; }
.consul_txt2 span { color: #555; font-size: 14px; line-height: 19px; }
.btn_consul { display: block; width: 240px; height: 65px; border: 1px solid #ffd801; border-radius: 10px; font-size: 21px; text-align: center; color: #313131; text-decoration: none; line-height: 65px; background: #ffd801; margin: 20px auto 25px auto; }
.btn_consul .ico_chk1 { display: inline-block; width: 30px; height: 20px; margin: 0 5px 0 -10px; background-position: -12px 4px; background-size: 180px auto; }

.consul_set { position: relative; color: #1b1b1b; margin: 0 0 11px; background-color: #fff; border: 1px solid #e1e4e7; box-shadow: 0px 0px 1px rgba(0,0,0,0.1); }
.consul_input .input_txt1, .input_txt2 { position: relative; }
.consul_input { background-color: #fff; margin-top: 16px; }
.consul_input .hide { position: absolute; left: -9999in; overflow: hidden; }
.consul_input textarea { display: block; width: 92%; border: 0; color: #444; font-size: 16px; margin: 15px 8px; line-height: 19px; background-color: #fff; }
.consul_input .input_txt1, .input_txt2 { position: relative; }
.consul_input .input_txt2 { border-top: 1px solid #ececec; vertical-align: top; margin-top: -1px; }
.consul_input .input_write { width: 92%; height: 40px; margin: 6px 10px 3px 12px; font-size: 16px; border: none; }
.consul_input .textarea_line { display: block; width: 88%; color: #444; font-size: 16px; margin: 5px 12px 15px 12px; padding: 7px; line-height: 19px; background-color: #fff; border: 1px solid #dedede; -webkit-border-radius: 0; -webkit-appearance: none; }
.consul_agree { clear: both; display: block; margin: 13px 0 20px 14px; }
.consul_file { display: inline-block; margin: 15px 15px 13px 12px; font-size: 16px; }
.con_chk { display: block; position: relative; z-index: 10; width: 100%; padding-left: 2px; }
.con_chk label { display: block; position: absolute; top: 0; left: 0; z-index: 10; height: 23px; line-height: 25px; text-align: left; color: #343434; cursor: pointer; background: url(/images/v4/theme/mobileCorrectIntro/login_chk3.png) no-repeat scroll 0 1px; background-size: 20px 60px; padding-left: 25px; font-weight: normal; }
.con_chk label.on { z-index: 100; background-position: 0 -39px; color: #343434; cursor: pointer; }
.consul_agree a { color: #6286de; text-decoration: underline; }
.consul_agree .more { position: relative; padding-left: 6px; }
.con_chk p { font-size: 12px; padding: 10px 20px 0 20px; color: #6e6e6e; }
.c_btn70 { width: 70%; float: left; display: block; }
.c_btn30 { width: 30%; float: left; display: block; }
.consul_btn { padding: 10px 5px 25px; text-align: center; overflow: hidden; margin: 0 auto; }
.consul_ok_n { margin: 0 2px; background-color: #6286de; border: 1px solid #5372bd; color: #FFF; display: block; font-size: 17px; text-align: center; height: 51px; line-height: 51px; }
.consul_cancel_n { margin: 0 2px; background-color: #f7f7f7; border: 1px solid #c2c2c2; color: #666; display: block; font-size: 17px; text-align: center; height: 51px; line-height: 51px; }
.btn_file_y { border: 1px solid #5c7ac1; color: #5c7ac1; padding: 5px 8px 3px 8px; font-size: 14px; display: inline-block; margin-bottom: 4px; }
.btn_file_n { border: 1px solid #ccc; color: #b9b9b9; padding: 5px 8px 3px 8px; font-size: 14px; display: inline-block; margin-bottom: 4px; }
.consul_set h2 { font-weight: 600; color: #222; font-size: 16px; letter-spacing: 0; padding: 10px 0 9px 12px; border-bottom: 1px solid #e1e4e7; background: #eef8f9; }
.consul_set h3 { font-weight: 600; color: #222; font-size: 16px; letter-spacing: 0; padding: 10px 0 9px 12px; border-bottom: 1px solid #e1e4e7; background: #f8f8f8; }
.consul_fr_process { display: inline-block; margin: 15px 0; color: #000; padding: 0 15px; }
.consul_fr_process li { float: left; font-size: 14px; line-height: 18px; text-align: center; width: 13%; margin-left: 8.5%; margin-top: 0px; }
.consul_fr_process li:first-child { margin-left: 0; }
.consul_fr_process li em { color: #5372bd; }
.consul_fr_process span { display: inline-block; font-size: 13px; margin-top: 15px; color: #6e6e6e; }
.con_info { font-size: 12px; color: #6286de; padding: 7px 12px 0 12px; }
.btn_con_upload { display: block; color: #6286de; padding: 8px 10px 6px 10px; margin: 10px auto 15px auto; font-size: 15px; font-weight: 700; text-decoration: underline; text-align: center; }

.consul_com_txt { font-size: 16px; color: #6e6e6e; margin: 0 auto 40px auto; display: table; }
.consul_com_txt .com_txt { font-size: 23px; color: #000; padding-top: 63px; margin: 40px 0 0px 0; background-position: 90px -171px; background-size: 170px auto; }
.c_btn50 { width: 50%; float: left; display: block; }

.consul_q_tit { display: inline; padding: 0px 0 0 25px; font-size: 22px; background-position: 0px -65px; background-size: 110px auto; }
.consul_data { float: right; padding: 13px 7px 0 0; font-size: 12px; font-weight: normal; color: #777; }
.consul_btn_mos { border: 1px solid #e0e0e0; color: #555; font-size: 12px; padding: 6px 7px; border-radius: 3px; background: #fff; margin-left: 2px; }
.q_er_info { background-color: #fff; padding: 15px 0 0 12px; color: #777; font-size: 12px; }
.q_er_info em { font-weight: 500; color: #496abc; }
.q_er_info .bar { vertical-align: 1px; color: #d7d7d7; margin: 0 6px; }
.q_box { margin: 14px 12px 16px 12px; line-height: 22px; }
.q_er_tit { background-color: #fff; border-top: 1px solid #ececec; padding: 15px 0 0 12px; color: #333; font-size: 16px; font-weight: 600; }
.q_box_none { margin: 10px 12px 25px 12px; text-align: center; color: #777; }
.c_btn { width: 30%; margin: 0 auto; display: block; }
.consul_re_tit { display: inline; padding: 0px 0 0 30px; font-size: 22px; background-position: -86px -65px; background-size: 110px auto; }
.consul_pay_txt { padding: 18px 13px 5px; }
.consul_pay_txt p { font-size: 16px; color: #222; font-weight: 600; padding-bottom: 7px; background: url(/images/v4/theme/mobileCorrectIntro/ico_noti.png) no-repeat scroll 0 2px; background-size: 18px 18px; padding-left: 22px; }
.consul_pay_txt li { padding: 2px 0 5px 10px; color: #565656; font-size: 14px; line-height: 19px; }
.consul_pay_txt .rx_num { margin: 0 0 0 -12px; font-weight: bold; font-size: 15px; }
.consul_pay_area { margin: 0 10px 10px 10px; background-color: #f8f8f8; font-size: 13px; color: #0f0f1c; }
.consul_down_form { clear: both; margin-top: 10px; padding-top: 20px; }
.consul_down_form .down_tit { display: inline-block; padding: 1px 10px 0 37px; margin: 0 auto; height: 25px; font-weight: 500; font-size: 15px; vertical-align: 0; background-position: -68px 2px; background-size: 160px auto; }
.consul_selt { width: 120px; padding: 5px 8px 6px 8px; margin-bottom: 6px; height: 33px; border-radius: 0; border: 1px solid #bbbbbb; background: #fff url(/images/v4/theme/mobileCorrectIntro/sel_arr.png) 100% 50% no-repeat; background-size: 20px 7px; -webkit-background-size: 20px 7px; -webkit-appearance: none; -moz-appearance: none; font-size: 13px; line-height: 25px; color: #333; text-indent: 0.01px; text-overflow: ''; }
.consul_down_form p.down_txt { clear: both; text-align: center; padding-top: 11px; margin-bottom: 22px; }
.consul_down_form p.down_txt a { color: #0369e7; text-decoration: underline; }
.consul_pay_area .c_pay { border-top: 1px solid #e5e5e5; padding: 20px 0 25px 0; text-align: center; }
.consul_pay_area .c_pay_num { display: inline-block; text-align: right; vertical-align: -14px; margin-right: 14px; font-size: 15px; font-weight: 500; }
.consul_pay_area .c_pay_num em { display: block; font-size: 22px; font-weight: 700; padding-top: 0px; color: #db0029; }
.btn_consul_pay { display: inline-block; height: 50px; width: 130px; border-radius: 10px; background-color: #db0029; color: #fff; font-size: 17px; text-align: center; line-height: 50px; border: 1px solid #eb4a3f; }
a.btn_consul_pay { text-decoration: none; }
.btn_consul_pay .ico_chk1 { display: inline-block; width: 22px; height: 15px; margin-right: 5px; background-position: 0 -211px; vertical-align: -2px; }

.consul_set h4 { font-weight: 600; color: #222; font-size: 16px; letter-spacing: 0; padding: 10px 0 9px 12px; border-bottom: 1px solid #e1e4e7; background: #fff; }
.consul_review_tit { display: inline; padding: 0px 0 0 30px; font-size: 22px; background-position: -86px -23px; background-size: 110px auto; }
.balloon { position: relative; display: inline-block; margin-left: 15px; }
.balloon span { display: inline-block; padding: 5px 8px; color: #fff; background: #f2463a; border-radius: 3px; font-size: 13px; }
.balloon em { color: #fcff27; }
.consul_rv_txt { margin: 15px 12px 15px; font-size: 13px; letter-spacing: -0.5px; color: #6e6e6e; }
.consul_rv_sel { width: 150px; display: block; position: relative; z-index: 25; margin: 15px 12px 0; }
.consul_rv_sel .btn_select { display: block; height: 26px; width: 150px; padding: 7px 0 3px 12px; border: 1px solid #dcdcdc; background: #fff url(/images/v4/theme/mobileCorrectIntro/down_knou.gif) no-repeat right 5px; }
.consul_rv_sel a.btn_select { text-decoration: none; color: #0f0f1c; }
.consul_rv_sel .score { display: inline-block; position: relative; background: url(/images/v4/theme/mobileCorrectIntro/consul_score2.png) no-repeat 0 -16px; height: 16px; width: 79px; vertical-align: middle; margin-right: 10px; background-size: 77px auto; }
.consul_rv_sel .score span { display: block; overflow: hidden; position: relative; height: 16px; background: url(/images/v4/theme/mobileCorrectIntro/consul_score2.png) no-repeat 0 0; line-height: 999px; background-size: 77px auto; }
.consul_rv_sel .score em { position: absolute; top: 0px; left: 90px; font-size: 14px; color: #000; }
.consul_rv_sel .list_select { position: absolute; top: 37px; left: 0px; width: 162px; padding: 2px 0 5px 0; border: 1px solid #dcdcdc; background: #fff; }
.consul_rv_sel .list_select li { height: 23px; display: block; padding: 8px 0 5px 12px; text-decoration: none; }

.interactive_consul_pop { position: absolute; top: 0; width: 100%; z-index: 9999; }
.interactive_consul_pop .inter_inner { position: relative; display: block; border-radius: 7px; background-color: #fff; overflow: hidden; margin: 19px; font-weight: 400; padding: 25px 17px 23px 17px; font-family: 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }
.interactive_consul_pop .p_pas_tit { display: block; text-align: left; padding: 0 0 6px 0; color: #007aeb; font-size: 16px; font-weight: bold; border-bottom: 1px solid #eee; }
.interactive_consul_pop .p_consul_cont { height: 370px; overflow: auto; font-size: 13px; padding: 15px 8px 15px 0; }
.interactive_consul_pop .p_consul_cont em { display: block; font-weight: bold; color: #000; font-size: 14px; }
.interactive_consul_pop .p_consul_cont::-webkit-scrollbar {width:3px}
.interactive_consul_pop .p_consul_cont::-webkit-scrollbar-thumb {background:#a9a9a9}
.p_ev_close { display: inline-block; margin: 0 auto; width: 55px; height: 32px; border: 1px solid #dcdee0; background-color: #f8f8f8; border-radius: 2px; font-size: 14px; line-height: 31px; color: #555; text-align: center; }

.consul_cs_txt { display: block; width: 270px; text-align: center; margin: 0 0 15px 10px; padding: 8px 12px; font-size: 14px; background-color: #fff; border: 1px solid #bbb; border-radius: 8px; }
.balloon2 { position: relative; vertical-align: middle; display: inline-block; margin-left: 10px; }
.balloon2 span { display: inline-block; padding: 5px 7px 3px; color: #fff; background: #ea002c; border-radius: 5px; font-size: 13px; letter-spacing: 0; }
.balloon2:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; }
.balloon2.text:after { border-width: 5px 10px; top: 50%; margin-top: -5px; }
.balloon2.text:after { border-color: transparent #ea002c transparent transparent; left: -18px; }
.balloon2 em { color: #fcff27; font-weight: 600; }
.consul_req_write { position: relative; }
.consul_req_write th { background-color: #f8f8f8; vertical-align: middle; color: #6e6e6e; font-weight: normal; padding: 15px 0 13px 10px; font-size: 13px; }
.consul_req_write td, .consul_req_write th { border-top: 1px solid #d2d2d2; font-size: 13px; text-align: left; font-family: "맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Gulim"; }
.consul_req_write td { color: #0f0f1c; padding: 5px 0 5px 10px; }
.consul_req_write td, .consul_req_write th { border-top: 1px solid #d2d2d2; font-size: 13px; text-align: left; font-family: "맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Gulim"; }
.consul_req_write .con_pay { color: #ea002c; font-size: 15px; font-weight: 600; }
.consul_req_write .con_pay del { color: #000; padding-right: 4px; font-size: 15px; font-weight: 500; }


/* 테마광장 카테고리 추가*/
.theme_sub_top {padding:35px 0 0;}
.theme_sub_top .s_tit {font-size:32px; text-align:left; color:#fff; margin-left:20px; line-height:35px; font-weight:300}
.theme_sub_top .s_tit p {color:#ffc400}
.theme_sub_top .s_tit .tx_in {display: block; margin: 12px 25px 20px 0;  color: #e8eaec;  font-size: 15px;  line-height:20px}
.theme_sub_top .job_sch {padding: 22px 0 22px 15px;  background: url("/images/mobile/v4/detail_info_bg.png") repeat;}
.sub_bg1 {background:url("/images/mobile/v4/theme_bg7.jpg") repeat 0 top; background-size:100% 100%}
.sub_bg2 {background:url("/images/mobile/v4/theme_bg8.jpg") repeat 0 top; background-size:100% 100%}
.sub_bg3 {background:url("/images/mobile/v4/theme_bg9.jpg") repeat 0 top; background-size:100% 100%}
.sub_bg4 {background:url("/images/mobile/v4/theme_bg10.jpg") repeat 0 top; background-size:100% 100%}
.sub_bg5 {background:url("/images/mobile/v4/theme_bg11.jpg") repeat 0 top; background-size:100% 100%}
.sub_bg6 {background:url("/images/mobile/v4/theme_bg12.jpg") repeat 0 top; background-size:100% 100%}
.sub_deal {margin:10px 0 0; padding-bottom:25px; background-color:#fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1)}
.sub_deal h4 {padding:25px 0 10px; font-size:22px;  font-weight:300; color:#0f0f1c; text-align:center;}
.sub_deal .seller_rank {position: relative;  display:table; overflow: hidden;  margin:0 auto 10px auto; padding-bottom:20px; border-bottom: 1px solid #e6e6e6;}
.sub_deal .seller_rank dl {float: left; width:100px;  text-align: center;  color: #111;  background: url("/images/v4/theme/ico_srank.png") no-repeat 0 0; background-size: 70px auto;}
.sub_deal .seller_rank dt {font-size: 15px; font-weight: 300;}
.sub_deal .seller_rank dd {font-size: 18px;  font-weight: 600;}
.sub_deal .seller_rank .scate1 {background-position: 15px 0; padding:80px 0 0 0;}
.sub_deal .seller_rank .scate2 {background-position: 15px -137px; padding:80px 0 0 0;}
.sub_deal .seller_rank .scate3 {background-position: 15px -273px; padding:80px 0 0 0;}
.sub_deal .seller_bank {position: relative;  margin: 0 auto;  display: table;  overflow: hidden;  padding: 12px 0 5px 50px;  background: url("/images/v4/theme/ico_srank.png") no-repeat 0px -400px;  background-size: 70px auto;}
.sub_deal .seller_bank dl {text-align: left;  margin-left: 32px;  color: #111;}
.sub_deal .seller_bank dl:last-child {border-right:0;}
.sub_deal .seller_bank dt {font-size: 14px; font-weight: 300;}
.sub_deal .seller_bank dt em {font-size:16px;  font-weight: 600; padding-left:5px}
.sub_category {padding:7px 0}
.sub_category ul {margin:4px 0 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.1)}
.sub_category .list_cate {font-size:20px; position:relative; background-color:#fff; border-bottom:1px solid #e1e4e7}
.sub_category .list_cate:last-child {border:none}
.sub_category .list_cate .arr {display:block;  position:absolute; margin-top:-10px; top:50%; right:0; height:38px; width:20px}
.sub_category .list_cate a {clear:both; display:block; color:#000; padding:20px 0}
.sub_category .list_cate a em {padding-left:15px; display:inline-block;}
.sub_category .list_cate .p_info {font-size:11px; padding-left:15px; }
.sub_category .list_cate .p_info em {border:1px solid #eceeff; border-radius:3px; padding:2px 4px 1px; margin:0 3px 3px 0; color:#525eab}



/* 네비게이션 추가 */
.lnb_submenu{border-bottom:1px solid #e1e1e1;background-color:#fafafa}
.lnb_menu_sublist{display:table;table-layout:fixed;width:100%;margin-bottom:-1px}
.lnb_menu_sublist .sublist_item{display:table-cell}
.lnb_menu_sublist .sublist_item .item_link{display:block;position:relative;text-align:center}
.lnb_menu_sublist .sublist_item .item_link_menu{display:inline-block;position:relative;height:42px;padding:0 7px;font-size:16px;line-height:42px;white-space:nowrap; font-weight:600}
.lnb_menu_sublist .sublist_item+.sublist_item .item_link:before{content:"";display:block;width:1px;height:18px;position:absolute;top:0;bottom:0;left:0;margin:auto;background-color:rgba(0,0,0,0.1)}
.lnb_menu_sublist .sublist_item.is_active .item_link_menu{height:24px;margin:9px 0;color:#fff;line-height:24px;background-color:#355eca;}


/*20220426_노하우*/
.kh_search_comm { overflow: hidden; width: 100%;}
.kh_search_comm li { overflow: hidden; margin-bottom:9px; background-color: #fff; box-shadow: 0 1px 1px rgb(0 0 0 / 10%);}
.kh_search_comm .cont_info {position: relative; display: block; padding:9px 11px 9px 12px; font-size:12px; color: #888;}
.kh_thumb {float: left; position: relative; margin: 5px 15px 15px 1px;}
.kh_doc_desc .tit_id {display: block;overflow: hidden;width: 100%; padding: 10px 0 3px; font-weight: bold; font-size:15px;color: #444444;line-height: 18px;word-break: break-all;}
.kh_doc_desc .tit_subject {display: block;overflow: hidden;width: 100%; padding: 5px 0 3px; font-weight: normal;font-size:16px; color:#002cbb;line-height:22px;word-break: break-all; letter-spacing:-0.5px}
.kh_doc_desc {height: 143px;display: table-cell}
.kh_doc_desc .num_g {display: block;font-size: 12px; color: #9a9a9a;margin-top: 4px;}
.kh_doc_desc .num_g  em {color: #ea002c}
.kh_search_comm .cont_info .num_g {font-size: 12px;color: #9a9a9a;}
.det_banner {position: relative;clear: both;margin: 4px 0 9px 0;}
.kh_talk_info {position: relative; overflow: hidden; border-radius: 5px}

.my_info_tab {overflow:hidden; margin-top:15px}
.my_info_tab .a_cate {padding-bottom:15px; margin-left:1px}
.my_info_tab .a_cate li {float:left; width:25%; text-align:center}
.my_info_tab .a_cate .link_tab {display:block; padding:9px 0 10px 0; font-size:14px; line-height:21px; color:#fff; margin-left:-1px; border:1px solid #abb0bb; background-color:#b9bfcb; box-sizing: border-box; letter-spacing: -0.5px}
.my_info_tab .a_cate .on .link_tab {color:#fff; border:1px solid #587cd6; background-color:#658ae7; position: relative}

.how_tit {color:#333; font-size:15.5px; letter-spacing:-0.5px; word-spacing:-1px; margin:12px 0 0 0; padding:0 0 7px 8px}

.id_thumb {float: left; position: relative; margin: 5px 17px 17px 1px;}
.i_thmb {overflow: hidden;display: table-cell;width: 101px; height: 143px; text-align: center; z-index: 1; border: 1px solid #c4c4c4; background-color: #fff}
.i_thmb {display: inline-block;overflow: hidden;vertical-align: middle;}

.intro_txt_box_2 {overflow: hidden;background-color:#f6f6f7;padding: 15px 0 15px 0px}
.banner_wrap {margin-bottom: 8px}
.banner_wrap_ {margin-top:8px ;margin-bottom: 8px}
.banner_wrap_ img {position: relative; width: 100%; vertical-align: top}
.banner_wrap img {position: relative; width: 100%; vertical-align: top}

.kh_seller_best li {border: 1px solid #d2d8e2; background-color: #fff; height:163px; margin-bottom:9px}
.kh_seller_info {font-size:12px;float: left; width:130px; height:130px; background-color: #f3f5f9; border-right:1px solid #e3e7ed; padding: 15px 0 18px 0; margin-right:15px}
.kh_seller_info .seller_info {text-align:center}
.kh_seller_info .seller_info .s_pic {margin:0 auto; display: block; overflow: hidden; position: relative}
.kh_seller_info .seller_info .s_pic img {width:50px; height:50px; border-radius: 50%}
/*.kh_seller_info .seller_info .s_pic:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: .07; border-radius: 50%; content: '';}*/
.kh_seller_info .seller_info .s_pic a {display: block;  position: relative}
.kh_seller_info .nickname {font-weight:bold; color:#222; font-size:14px; display: block; line-height:20px; margin:0 10px 5px 10px; text-align: center}
.kh_seller_info .mem_info {text-align: center}
.kh_seller_best .seller_intro {padding:16px 14px 0 0; font-size:15px; color: #444444; line-height:21px; word-break: break-all;}

.form_intro .tit {overflow: hidden;width: 100%; padding: 10px 0 3px; font-weight: bold;font-size: 15px;color: #444444;line-height: 18px;word-break: break-all;height: 143px; display: table-cell;}
.form_intro {height: 143px;display: block; font-size: 12px; color: #9a9a9a;margin-top: 4px;}

.kh_seller_info .my_follow_w {margin: 10px auto 5px auto;text-align: center;}
.kh_seller_info .my_follow {display: inline-block;width:58px;height: 21px;background-color: #e1ebf9;border: 1px solid #e1ebf9;line-height: 20px;text-align: center}
.kh_seller_info .my_follow2 {display: inline-block;width:58px;height: 21px;background-color: #fff;border: 1px solid #d2d8e2;line-height: 20px;text-align: center}
.kh_seller_info .my_follow .f_t1 {display: inline-block; letter-spacing: -1px; text-align: right; color: #82878e; margin-right: 3px;font-size: 11px;}
.kh_seller_info .my_follow .f_t2 {text-align: center; display: inline-block; color: #333; letter-spacing: 0; font-size: 11px;}
.kh_seller_info .my_follow2 .ico_f {width:12px; height:12px; margin-right:2px; margin-bottom: -1px; display: inline-block; background: url(/images/mobile/v4/kh_ico_follow.png) no-repeat 0 0; background-size:12px auto;}
.kh_seller_info .my_follow2 .f_t1 {display: inline-block; letter-spacing: -1px; text-align: right; color: #333; font-size:11px;}
.kh_seller_info .my_follow2.on .f_t1 {color:#3565c9}
.kh_seller_info .my_follow2.on {border: 1px solid #a1b7e6}
.kh_seller_info .my_follow2.on .ico_f {background-position: 0 -15px}

.kh_best_w {padding:2px 0 10px 0; margin-bottom:20px; background-color:#fff}
.kh_best_lst li { overflow: hidden; border-bottom:1px solid #ecf0f2; padding:10px 12px 0 16px}
.kh_best_lst li:last-child {border-bottom: none}
.kh_best_lst .cont_info {position: relative; display: block; font-size:12px; color: #888;}
.kh_best_lst .kh_b_desc { margin-left:94px;}
.kh_best_lst .kh_b_desc .tit_id {display:block; padding:9px 0 3px; font-size:15px;color: #222; line-height: 18px;word-break: break-all; font-weight: bold}
.kh_best_lst .kh_b_desc .tit_subject {display: block; padding: 5px 0 3px; font-size:15px; color:#002cbb;line-height:22px;word-break: break-all; letter-spacing:-0.5px}
.kh_best_lst .kh_b_desc .num_g {display: block;font-size: 12px; color: #9a9a9a;margin-top: 4px;}
.kh_best_lst .kh_b_desc .num_g em {color: #ea002c}
.kh_best_lst .kh_thmb {float: left; position: relative; mmargin-right:10px; overflow:hidden; display:table-cell; *display:inline-block; width:75px; height:106px; text-align:center; z-index:1; border:1px solid #cdcdd0; background-color:#fff}
.kh_best_lst .kh_thmb .thmb_v {display:inline-block; overflow:hidden; height:100%; vertical-align:middle}
.kh_best_lst .kh_thmb img {width:75px; vertical-align:top}

/*20230223 테마서식존*/
.freeform_info { position: relative; overflow: hidden; border-bottom: 1px solid #d4d8db;}
.freeform_tit { color: #000; font-size: 16px; padding: 10px 0 4px 10px}

/*20240904 방송통신대 과제명파일등록 */
.ex_box {position: relative; border: 1px solid #c8cdd1; background-color: #fff; border-radius: 12px; box-shadow: 2px 2px 1px 1px rgba(242, 242, 242, 1);	margin: 10px 10px 10px 0;}
.exam_box_lst {padding-top: 4px;}
.ex_tit_area { width: 100%; height: 48px; background-color: #f4f8fe; position: relative; border-top-right-radius: 12px;  border-top-left-radius: 12px;    border-bottom: 1px solid #e5eaef}
.ex_tit_area span {overflow: hidden; font-size: 16px; color: #0c0c0c; line-height: 26px; display: block; font-weight: bold; letter-spacing: -0.5px; margin: 0 0 0 15px; text-align: left; padding: 13px 0 0 0;}
.ex_upload {text-align: center; margin:25px 0;}
.ex_upload_line {text-align: center; margin:25px 20px; border-top:1px solid #ebebeb; padding-top:20px}
.ex_upload .te_tit {font-size: 14px; font-weight: bold; letter-spacing: -0.5px; color: #333; display: block; padding-top: 15px;}
.ex_upload .te_noti {text-align: left; color: #6e6e6e; font-size: 13px; letter-spacing: -0.3px; word-spacing: -0.5px; line-height: 22px; margin: 25px 0 0 20px}
.ex_upload .te_noti em{display: block}
.btn_test_mode {display: inline-block; text-align: center;  width: 150px; height: 40px; border-radius: 5px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; line-height: 35px; letter-spacing: -0.3px; word-spacing: -0.3px; border: 1px solid #5a78c0; background-color: #6286de;}
.btn_test_mode:hover {border: 1px solid #5a78c0; background-color: #486cc5; text-decoration: none;}
.btn_ex_upload {height:31px; line-height:29px; font-size:13px; letter-spacing:-0.5px;  display:block; color:#3565c9; text-align: center; padding:0 20px 2px 20px; border:1px solid #89a1dd; box-sizing:border-box; word-spacing:-0.5px; background-color:#fff; border-radius:3px}
a.btn_ex_upload {text-decoration:none}
.btn_ex_upload:hover {background-color:#f4f7fe; border:1px solid #89a1dd;}
.btn_file_up {display: inline-block; padding: 15px 0; text-align: center; width: 200px;border-radius: 10px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center;  letter-spacing: -0.3px; word-spacing: -0.3px; border: 1px solid #f24a41; background-color: #f24a41;}
.btn_file_up img {display: inline-block; text-align: center}
.btn_file_up:hover {border: 1px solid #d9423a; background-color: #d9423a; text-decoration: none;}