@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input,select,section,textarea,button {box-sizing:border-box;margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
body {-webkit-text-size-adjust:none}
dl, ul, ol, menu, li {list-style:none}
canvas, footer, header, hgroup, menu, nav, section {display:block;}
img, input, select, textarea, button, label {vertical-align:middle;}
img, video {max-width:100%;}
input[type=text]::-ms-clear {display: none;}
input[type=text], input[type=password], input[type=number], input[type=date], input[type=tel], input[type=email], select, textarea {border-radius:0;-webkit-appearance:none;
-moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;} /* IE 10-11 */
button::-moz-focus-inner {border:0;padding:0;} /* FF */
label, button {background-color:transparent;cursor:pointer;}
a {text-decoration:none;}
address, caption, cite, code, dfn, em, i, var {font-style:normal;font-weight:normal;}
legend {display:block;overflow:hidden;position:absolute;top:-1000em;left:0;}
table caption {visibility:hidden;width:0;height:0;line-height:0;text-indent:-1000em;font-size:0;}
table {width:100%;table-layout:fixed;border-collapse:collapse;}
th, td, textarea {line-height:1.4;word-wrap:break-word;}
body, h1, h2, h3, h4, h5, h6, strong, table, th, td, input, select, textarea, button, a {font-family:"Nanum Gothic", "맑은 고딕", dotum;font-size:14px;font-weight:normal;color:#666;}
input[type="password"] {font-family:dotum;}
input[type="password"]::-webkit-input-placeholder {font-family:"Nanum Gothic";}
input[type="password"]::-moz-placeholder {font-family:"Nanum Gothic";}
input[type="password"]:-ms-input-placeholder {font-family:"Nanum Gothic";}
html, body {}
body {-webkit-overflow-scrolling:touch;background-color:#fff;}
hr {margin:5px 0;border-width:1px;}

/* layout */
.rows {max-width:1256px;margin:0 auto;padding:0 10px;}
.rows:after, #container:after {content:" ";clear:both;display:block;}
#content {min-height:600px;padding:25px 0 30px 0;}
#container > .rows {position:relative;}
#container .lnb {position:absolute;width:230px;}
#container #content {margin-left:268px;padding:40px 0;}
#container #content:after {content:" ";display:block;clear:both;}
.main #content {padding:0;}
.main #content .rows {max-width:1256px;}
body.dash, body.main, body.p_frm {background-color:#f1f1f1;}

/* lnb */
.lnb {padding-bottom:30px;}
.lnb .top {text-align:center;display:table;width:100%;height:160px;margin-bottom:20px;background:#0450b0 url("../../images/www/bg/bg_lnb.png")no-repeat 100% 100%;}
.lnb h2 {vertical-align:middle;display:table-cell;height:100%;padding:10px;font-size:26px;font-weight:bold;letter-spacing:-0.2px;color:#fff;}
.lnb h2 span {display:block;font-size:16px;color:#5ccfff;}
.lnb .nav > li {margin-top:7px;}
.lnb .nav > li:first-child {margin-top:0;}
.lnb .nav > li > a {display:block;position:relative;padding:10px 20px;border:1px solid #dcdcdc;font-size:15px;color:#333;}
.lnb .nav > li.on a {border-color:#2d4b7a;color:#fff;background:url("../../images/www/bg/bg_lnb_on.gif") repeat 0 0;}

/* common */
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.al {text-align:left !important;}
.acc {font-weight:bold;} /* accent */
.blind {overflow:hidden;display:block;position:absolute;left:-9999px;width:1px;height:1px;}
.bold {font-weight:bold;}
.fl {float:left;}
.fr {float:right;}
.ac.table th, .ac.table td {text-align:center;}
.mr {margin-right:10px;}
.vspace {display:block;clear:both;height:5px;}
.vspace.db {height:10px;}
.vtop, table.vtop th {vertical-align:top;}
.vmid, table.vmid th {vertical-align:middle;}
.vbot, table.vbot th {vertical-align:bottom;}
button.fold .m_icon:before {content:"\e5cf";}
button.fold.on .m_icon:before {content:"\e5ce";}
.bg.green td {background-color:#eaf3f3;}
.d_line {clear:both;height:2px;margin:20px 0;background-color:#b9b9b9;}
table .order {text-align:left;}
table .order.space li {margin-top:3px;}
table .order.space li:first-child {margin-top:0;}
table .order.ac {text-align:center;}
tr.gray td {background:#f2f2f2;}
a.line {text-decoration:underline;} /* underline */
.ast {color:#ff7417;font-weight:bold;} /* asterisk */
.neg_mg, .neg_rg {margin:0 -10px;} /* negative margin */
.neg_sm {margin: -5px;}
.ds_ib {display:inline-block;}
.els {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;} /* ellipsis */
.els_cl {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;} /* line-clamp */
.e_box {text-align:center;padding:25px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} /* empty box */

.c_more {display:inline-block;}
.c_more .m_icon {position:relative;}
.c_more .m_icon:before {position:absolute;top:50%;content:"\e315";}
.go_top {position:fixed;z-index:20;right:10%;bottom:10%;}
table .must, .essen, .tbl dt .must, .p_head .must {margin-left:3px;font-weight:bold;color:#ff5932;}
.c_note {display:block;line-height:1.4;margin-top:5px;padding:0;font-size:13px;letter-spacing:-0.5px;color:#6494e2;}
.c_note.one {margin-top:0;}
.c_note2 {margin-bottom:10px;color:#6995c2;}
span.c_note2 {margin-bottom:0;}
.c_note2.top {margin-top:10px;}
.c_note2.one {margin-bottom:0;}
.c_note2 .icc {margin:-2px 3px 0 0;}
.c_note2 .em {color:#ef5656;}
.c_note2.lg {font-size:16px;}
.c_note2.lg .info_outline {margin:-3px 3px 0 0;}
.c_note2.blue {font-weight:bold;color:#0c4da2;}
.c_note3 {position:relative;padding-left:26px;margin-top:5px;font-size:18px;color:#6995c2;}
.c_note3:first-child {margin-top:0;}
.c_note3 .info_outline {position:absolute;left:0;top:2px;}
.c_note3 .em {color:#ef5656;}
.c_note3 .em2 {color:#222;}
.c_warn {position:relative;padding:3px 0 3px 38px;font-size:16px;color:#eb7c7c;}
.c_warn.top {margin-top:10px;}
.c_warn.bot {margin-bottom:10px;}
.c_warn.one {margin:0;}
.c_warn .caution {position:absolute;left:0;top:-1px;}
.c_lab {vertical-align:middle;display:inline-block;font-weight:bold;}
.c_lab.wide {width:100%;}
.b_ct {padding:15px;background-color:#fff;}
.fx_box {overflow-x:auto;}
.fx_box.xs > table, .fx_box.xs .c_blank {min-width:320px;}
.fx_box.sm > table, .fx_box.sm .c_blank {min-width:480px;}
.fx_box.mid > table, .fx_box.mid .c_blank,  .fx_box.mid > .tbl_hd  {min-width:959px;}
.page_frame .fx_box.lg > table {min-width:984px;}
.fx_box.mid_s > table {min-width:860px;} /* subpage */
table .c_file {text-decoration:underline;color:#1d9ced;}
.p_bar {padding-bottom:5px;} /* put */
.loader {display:none;position:absolute;width:100%;height:100%;left:0;top:0;z-index:100;background:rgba(255, 255, 255, 0.6);}
.loader .img {position:absolute;left:50%;top:50%;z-index:110;margin:-33px 0 0 -33px;}
.h_box {position:relative;min-height:30px;margin-bottom:10px;}
.h_box .c_title {position:relative;top:6px;margin-bottom:0;}
.h_box .add {position:absolute;right:0;top:0;min-height:30px;}
.h_box .add.plus {padding-right:77px;}
.h_box .add .more {position:absolute;right:0;bottom:0;}
.h_box .add .gp, .t_bar .add .gp {position:relative;display:inline-block;margin-right:5px;}
.h_box .add .gp:before, .t_bar .add .gp:before {content:" ";position:absolute;right:-5px;top:50%;width:1px;height:30px;margin-top:-15px;background-color:#2d4b7a;}
.h_box.top {margin-top:20px;}
.c_tab_bk:after {content:" ";clear:both;display:block;}
.c_tab_bk li {float:left;border:1px solid #dbdbdb;margin-left:-1px;} /* blank */
.c_tab_bk li a {display:block;height:27px;line-height:27px;padding:0 15px;font-size:13px;background-color:#fff;}
.c_tab_bk li.on a {color:#fff;background-color:#07a33e;}
.c_blank {text-align:center;display:table;width:100%;border:1px solid #dbdbdb;border-top:0;background-color:#fff;}
.c_blank .inner {vertical-align:middle;display:table-cell;height:119px;font-size:16px;}
.b_tbl {text-align:center;display:table;width:100%;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#f5f5f5;}
.b_tbl > .ct {vertical-align:middle;display:table-cell;height:80px;line-height:1.5;font-size:15px;}
.b_file {display:inline-block;line-height:32px;padding:0 10px;border:1px solid #d1d1d1;border-radius:4px;background-color:#fff;}
.b_file:hover {border-color:#adadad;background-color:#f5f6f7;}
.b_file .file {margin:-3px 5px 0 0;}
.b_file:hover .file:before {color:#5e6b9e;}
.sch_bk {text-align:center;padding:20px 0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#f5f5f5;} /* search blank */
.vd_frm {position:relative;height:0;padding-bottom:56.25%;} /* video frame */
.vd_frm iframe {position:absolute;width:100%;height:100%;}

/* icon image, for IR */
.icmg {vertical-align:middle;overflow:hidden;display:inline-block;text-indent:-9999px;margin-top:-2px;font-size:0;background:url("../../images/www/common/img_merge.png") no-repeat 0 0;}
.icmg.pen {width:16px;height:17px;background-position:0 -40px;}
.icmg.check {width:14px;height:10px;background-position:-26px -40px;}
.icmg.down {width:16px;height:18px;background-position:-64px -40px;}
.icmg.pen_rc {width:18px;height:18px;background-position:-80px -40px;} /* modify */
.icmg.excel {width:19px;height:18px;background-position:-40px -40px;}
.icmg.print {width:16px;height:13px;background-position:-104px -40px;}
.icmg.print_lg {width:25px;height:26px;background-position:-292px -40px;}
.icmg.out_blue {width:17px;height:17px;background-position:-120px -40px;}
.icmg.glass {width:18px;height:15px;background-position:-80px 0;}
.icmg.home {width:16px;height:16px;background-position:-191px 0;}
.icmg.aw_r {width:4px;height:9px;background-position:-137px -40px;}
.icmg.sd_glass {width:27px;height:37px;background:url("../../images/www/icon/icon_sd_glass.png") no-repeat 0 0;background-size:cover;}
.icmg.caution {width:28px;height:24px;background-position:-194px -40px;}
.icmg.del {width:14px;height:14px;background-position:0 -66px;}
.icmg.down_bk {width:18px;height:15px;background-position:-62px -65px;}
.icmg.msg {width:14px;height:12px;background-position:-234px -40px;}
.icmg.sms {width:14px;height:12px;background-position:-234px -40px;}
.icmg.return {width:14px;height:14px;background-position:-262px -40px;}
.icmg.lock {width:14px;height:15px;background-position:-276px -40px;}
.icmg.board {width:11px;height:11px;background-position:-234px -58px;}
.icmg.album {width:11px;height:11px;background-position:-245px -58px;}
.icmg.doc {width:18px;height:22px;background-position:-262px -58px;}
.icmg.tog {width:18px;height:18px;background-position:-234px -80px;}
.icmg.finish {width:14px;height:13px;background-position:-26px -50px;}
.on > .icmg.tog {background-position-y:-98px;}
.icmg.cau2 {width:23px;height:21px;background-position:-24px -139px;}

/* cb_bar */
.cb_bar {overflow:hidden;margin-bottom:10px;}
.cb_bar .left {float:left;}
.cb_bar .right {float:right;}
.cb_bar .list_type li {float:left;margin-left:10px;}
.cb_bar .list_type li:first-child {margin-left:0;}
.cb_bar .list_type button {padding:2px;border-radius:4px;background-color:#cacaca;}
.cb_bar .list_type .lab {vertical-align:middle;display:inline-block;}
.cb_bar .list_type button + button {margin-left:5px;}
.cb_bar .list_type button .icc:before {color:#fff;}
.cb_bar .list_type .icc:before {color:#fff;}
.cb_bar .list_type .icc {padding:2px;border-radius:4px;background-color:#cacaca;}
.cb_bar .list_type .on .lab, .cb_bar .list_type li:hover .lab {font-weight:bold;}
.cb_bar .list_type .on .icc, .cb_bar .list_type li:hover .icc {background-color:#83858c;}
.cb_bar .c_tab4 {margin-bottom:0;}
.cb_bar.ct .right {padding-top:10px;}

/* well */
.well {min-height:20px;line-height:1.4;padding:20px;border:1px solid #dbdbdb;background-color:#f5f5f5;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}
.well.naw {padding:10px;}
.well.white {background-color:#fff;}
.well.sm {margin:0 5px;} /* col_md */

/* color */
.c_red {color:#ef5656;}
.c_blue {color:#3f8edd;}
.c_gray {color:#a6a6a6;}

/* icon
* .icc.sq, .icc.circle : setting, x:before {Lh 32px}
* .sm.sq, .sm.circle : setting, x:before {Lh 24px}
* exception : redefinition
*/
.icc {vertical-align:middle;text-align:center;display:inline-block;font-size:0;}
.icc.tx {font-size:inherit;}
.icc.sq {width:32px;height:32px;border-radius:4px;background-color:#1d9ced;}
.icc.circle {width:32px;height:32px;border-radius:50%;background-color:#1d9ced;}
.icc.red {background-color:#eb7c7c;}
.icc.gray {background-color:#989b9f;}
.icc.lt_gray {background-color:#eee;}
.circle.min {width:22px;height:22px;}
.min.set {background-color:#fff;}
.sq.sm, .circle.sm {width:24px;height:24px;}
.sq.lg, .circle.lg {width:40px;height:40px;}
.icc.sq:before, .icc.circle:before {line-height:32px;color:#fff;}
.sq.sm:before, .circle.sm:before {line-height:24px;font-size:18px;}
.sq.lg:before, .circle.lg:before {line-height:40px;font-size:30px;}

/* 재정의 */
.circle.set:before {vertical-align:baseline;line-height:22px;font-size:18px;color:#eb7c7c;}
.icc.caution {width:32px;height:32px;border-radius:50%;background-color:#eb7c7c;}
.icc.caution:before {line-height:32px;color:#fff;}
.icc.add_circle, .icc.remove_circle {width:36px;height:32px;}
.icc.add_circle:before, .icc.remove_circle:before {line-height:32px;font-size:36px;color:#eb7c7c;}
.icc.description:before {line-height:32px;font-size:28px;}
.icc.play_circle_filled:before {line-height:32px;font-size:28px;}
.icc.crop_original:before {line-height:32px;font-size:28px;}
.icc.favorite:before {color:#eb7c7c;}
.icc.favor:before {line-height:32px;font-size:24px;}
.icc.grade:before {line-height:32px;font-size:24px;}
.sm.favorite:before {line-height:24px;font-size:18px;color:#eb7c7c;}
i.favor.on:before, i.grade.on:before {color:#e74c3c;}
.icc.email:before, .icc.sms:before, .icc.mo_push:before, .icc.excel:before {margin:-4px 5px 0 0;}
.icc.sms:before {content:" ";width:22px;height:26px;background:url("../../images/www/icon/icon_sms.png") no-repeat 0 0;}
.icc.mo_push:before {content:" ";width:16px;height:26px;background:url("../../images/www/icon/mo_push.png") no-repeat 0 0;}
.icc.excel:before {content:" ";width:20px;height:20px;background:url("../../images/www/icon/icon_excel.png") no-repeat 0 0;}
.c_btn .icc {line-height:1;}
.c_btn .icc.print, .c_btn .icc.pdf {margin:-2px 4px 0 0;}
.c_btn .done {margin:-4px 3px 0 0;}
.c_btn .done:before {font-size:16px;}
a .min.set, button .min.set {margin-top:-4px;}
a .icc.play_c_out, button .icc.play_c_out {margin-top:-4px;}
button.fold .icc:before {content:"\e5cf";line-height:32px;font-size:28px;}
button.fold .icc.sm:before {content:"\e5cf";line-height:24px;font-size:22px;}
button.fold.on .icc:before {content:"\e5ce";}
.cd_list button.fold .icc {vertical-align:top;}
.cd_list button.fold .icc:before {line-height:30px;}
.lct_view .sort .online {margin-left:7px;}

/* icc etc */
.arrow_drop_down.lg:before {font-size:36px;}

/* list_group */
.list_group {margin-bottom:20px;}
.list_group.last {margin-bottom:0;}
.list_group li {position:relative;display:block;padding:10px 15px;margin-bottom:-1px;border:1px solid #ddd;background-color:#fff;}
.list_group li:first-child {border-top-left-radius:4px;border-top-right-radius:4px;}
.list_group li:last-child {margin-bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.list_group.edit li {padding-right:45px;}
.list_group.edit .add {position:absolute;right:9px;top:8px;}
.list_group.edit .add .arrow_forward:before {line-height:24px;font-size:18px;}
.list_group.link li {padding:0;}
.list_group.link li > a {display:block;padding:10px 25px 10px 15px;}
.list_group.link li > a:before {content:"\e5cc";position:absolute;right:5px;top:50%;margin-top:-12px;font-family:'Material Icons';font-size:24px;color:#898989;}
.list_group.link li.on {background-color:#eee;}
.list_group.link li.on > a, .list_group.link li > a:hover, .list_group.link li > a:hover:before {color:#128fdc;}
.list_group.link li.on > a:before {color:#128fdc;}

/* c_panel */
.c_panel {margin-bottom:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.c_panel .p_head {padding:10px;border-top-left-radius:4px;border-top-right-radius:4px;color:#333;border-bottom:1px solid #eee;font-size:15px;font-weight:bold;background-color:#f5f5f5;}
.c_panel.purple {border-color:#8da4c4;}
.c_panel.purple .p_head {color:#fff;background-color:#8da4c4;}
.c_panel .p_head.cb {position:relative;padding-right:70px;}
.c_panel .p_head.cb .right {position:absolute;top:8px;right:10px;}
.c_panel .p_head.blank {border-bottom:0;background:none;}
.c_panel .p_body {padding:10px;border-top:1px solid #ddd;}
.c_panel .p_body > p {line-height:1.6;}
.c_panel .list_group {margin-bottom:0;}
.c_panel .list_group li {border-radius:0;border-width:1px 0;}
.c_panel .list_group li:last-child {margin-bottom:0;border-bottom:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.c_panel.sm {margin-bottom:10px;}
.c_panel.sm .p_head {padding:7px 10px;}
.c_panel.sm .p_head, .c_panel.sm .p_body, .c_panel.sm .p_body textarea {font-size:13px;}
.c_panel.last, .c_panel.one {margin-bottom:0;}
.c_panel .sb_title {padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ddd;font-weight:500;}
.c_panel .attach {padding:10px;}
.c_panel.tg .p_body {display:none;}

/* dot_li */
.dot_li.top {margin-bottom:10px;}
.dot_li li {text-align:left;position:relative;line-height:1.6;padding-left:10px;}
.dot_li li:before {content:" ";position:absolute;left:3px;top:10px;width:2px;height:2px;background-color:#666;}
.dot_li .lab {font-weight:bold;}
.tbl_col td .dot_li li:before {margin-top:0;}

/* hypen_li */
.hypen_li li {position:relative;line-height:1.6;padding-left:10px;}
.hypen_li li:before {content:" ";position:absolute;left:3px;top:10px;width:4px;height:1px;background-color:#666;}

/* ord_li */
.ord_li li {line-height:1.6;padding-left:24px;}
.ord_li .num {display:inline-block;min-width:24px;margin-left:-24px;}

/* chk_li */
.chk_li li {display:inline-block;margin:2px 0;}
.chk_li li label {margin:0 13px 0 5px;}
.sel_day {position:relative;padding-left:35px;}
.sel_day .lab {position:absolute;left:0;top:3px;font-weight:bold;}

/* add_li */
.add_li li {position:relative;padding:5px 35px 5px 0;}
.add_li .edit {position:absolute;right:0;top:8px;}

/* box */
.bk_box {text-align:center;padding:120px 0;border:1px solid #dbdbdb;font-size:23px;color:#191919;background-color:#d7adc9;}
.c_box {padding:10px;border:1px solid #dcdada;background-color:#fff;} /* contents */
.c_box.top {padding:20px 10px;}
.c_box .desc {line-height:1.4;}
.c_box .desc .title {display:block;padding-bottom:5px;font-weight:bold;}
.c_box .desc.alert {position:relative;padding:0 0 0 30px;}
.c_box .desc.alert .m_icon, .c_box .a_title .m_icon {position:absolute;left:0;top:0;}
.c_box .desc.alert .m_icon:before, .c_box .a_title .m_icon:before {content:"\e031";color:#ee6868;}
.c_box .a_title {position:relative;padding:5px 0 5px 30px;color:#292929;}
.i_box {position:relative;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;} /* input */
.i_box .top:after {content:" ";clear:both;display:block;}
.i_box .sort {float:left;}
.i_box .sort .lab, .i_box .sort .count, .i_box .sort .unit {vertical-align:middle;display:inline-block;line-height:32px;color:#222;}
.i_box .sort .count {position:relative;margin-left:10px;padding-left:10px;color:#898989;}
.i_box .sort .count:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#b9b9b9;}
.i_box .sort .unit {margin-left:5px;}
.lct_con .val .sort .count {color:#1d9ced;}

.i_box.sm .lab {line-height:24px;}
.i_box .group {float:right;}
.i_box .group.fc {position:relative;}
.i_box .group.fc .item {display:inline-block;}
.i_box .group.fc .item .lab, .i_box .group.fc .item .rate {vertical-align:middle;display:inline-block;line-height:32px;color:#747474;}
.i_box .group.fc .item + .item {position:relative;margin-left:20px;}
.i_box .group.fc .item + .item:before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:16px;margin-top:-7px;background-color:#b9b9b9;}
.i_box .group .unit {vertical-align:middle;margin-left:5px;}
.i_box .fold_con {display:none;margin-top:10px;padding-top:10px;border-top:2px dotted #e1e1e1;}
.i_box .fold_con.open {display:block;}
.i_box .fold_con td button {margin:4px 0;}
.i_box + .i_box {margin-top:10px;}
.i_box.stick {border-radius:0;}
.i_box.stick + .i_box.stick {border-top:0;margin:0;}
.i_box.gray {background-color:#f5f6f7;}
.i_box .sort.lg span {font-size:16px;}
.i_box > .ct {margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;}

.d_box {position:relative;background-color:#fff;}
.d_box .inner {padding:15px;border:1px solid #b9b9b9;border-radius:4px;}
.d_box .ct {position:relative;min-height:55px;padding:0 45px 0 420px;}
.d_box .check {position:absolute;left:15px;top:35px;z-index:10;}
.d_box .check:checked + .inner {background-color:#f2f2f2;}
.d_box .fold {position:absolute;right:0;top:50%;margin-top:-16px;}
.d_box .data:after {content:" ";clear:both;display:block;}
.d_box .data li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;float:left;line-height:1.4;padding:0 10px;}
.d_box .data li:first-child, .d_box .data li.name {padding-left:0;}
.d_box .data li:after {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.d_box .data li:first-child:after, .d_box .data li.wide:after, .d_box .data li.name:after {display:none;}
.d_box .data li.name {clear:both;}
.d_box .data li.wide {clear:both;float:none;padding-left:0;font-size:13px;color:#898989;}
.d_box .data li.wide.etc {padding-top:4px;margin-top:5px;border-top:1px dashed #b9b9b9;}
.d_box .data li.group {font-size:13px;}
.d_box .ind {position:absolute;left:20px;top:0;width:350px;min-height:58px;padding-left:80px;}
/* top:18px, min-height:58px */
.d_box .ind .link {position:absolute;right:0;top:0;}
.d_box .photo {overflow:hidden;position:absolute;left:15px;top:50%;margin-top:-25px;width:50px;height:50px;border:1px solid #b9b9b9;border-radius:50%;}
.d_box .result {overflow-x:auto;}
.d_box .result > table {min-width:320px;}
.d_box .detail {display:none;margin-top:14px;padding-top:14px;border-top:1px dashed #e1e1e1;}
.d_box .tbl_col th, .d_box .tbl_col td {height:auto;padding:4px;font-size:13px;}
.d_box .detail .tbl_col th {color:#fff;background-color:#3e8ddc;}
.d_box .detail .tbl_col td {height:26px;}
.d_box .state .yes {color:#63b835;}
.d_box .state .no {color:#fc1b1b;}
.d_box .state .half {color:#f97f35;}
.d_box .state .chart:before {margin:-2px 2px 0 0;font-size:14px;color:#1d9ced;}
.d_box .attend .guide {position:relative;margin-bottom:10px;}
.d_box .attend .guide .c_btn {position:absolute;right:15px;top:15px;}
.d_box .attend .guide .lab {margin-right:10px;}
.d_box + .d_box {margin-top:10px;}
.d_box .add {position:absolute;right:10px;top:50%;margin-top:-16px;}
.d_box .add button, .d_box .add a {margin-left:5px;}
.d_box .nav_tabs {margin-bottom:10px;}
.d_box.view .detail {display:block;}
.d_box.view .ind {left:0;padding-left:65px;}
.d_box.view .ct {padding:0 0 0 280px;}
.d_box.view .photo {left:0;}
.d_box.fd .ind {position:relative;float:left;}
.d_box.fd .ct {padding:0;}
.d_box.fd .ct:after {content:" ";clear:both;display:block;}
.d_box.fd .state {margin-left:420px;}
.d_box.fd .check {top:50%;margin-top:-9px;}
.item_li {position:relative;}
.item_li + .item_li {margin-top:10px;}
.item_li .inner {padding:15px;border:1px solid #b9b9b9;border-radius:4px;}
.item_li .ct {position:relative;padding-right:80px;}
.item_li.chk .ct {padding-left:35px;padding-right:0;}
.item_li .check {position:absolute;z-index:10;left:15px;top:50%;margin-top:-8px;}
.item_li .check:checked + .inner {background-color:#f2f2f2;}
.item_li .data {overflow:hidden;}
.item_li .data li {position:relative;float:left;padding:0 10px;}
.item_li .data li:first-child {padding-left:0;}
.item_li .data li:after {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.item_li .data li:first-child:after {display:none;}
.item_li .add {position:absolute;right:15px;top:50%;margin-top:-16px;}
.item_li .add button, .item_li .add a {margin-left:5px;}

.sq_box {margin-bottom:10px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.sq_box.last, .sq_box.one {margin-bottom:0;}
.sq_box.nl {border:0;} /* no line */
.sq_box.sm {padding:5px;} /* small */
.sq_box.gray {background-color:#f5f5f5;}
.sq_box .head {position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:2px dotted #e1e1e1;}
.sq_box .head .title {font-size:15px;font-weight:bold;color:#222;}
.sq_box .title.sm {font-size:14px;font-weight:400;}
.sq_box .sq_box .title {font-size:15px;font-weight:400;}
.sq_box .head .attach {padding-top:5px;color:#898989;}
.sq_box .head .guide {padding-bottom:10px;}
.sq_box .head .add {position:absolute;right:0;top:-5px;}
.sq_box .head.ft .title {padding-right:200px;} /* floating */
.sq_box .list li {border-bottom:1px solid #e1e1e1;padding:8px 10px;}
.sq_box .list .item span {display:inline-block;position:relative;padding:0 10px 0 10px;}
.sq_box .list .item span:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#b9b9b9;}
.sq_box .list .item span:first-child {padding-left:0;}
.sq_box .list .item span:first-child:before {display:none;}
.sq_box .list .write {position:relative;padding-top:5px;}
.sq_box .list .write input[type="text"] {width:100%;}
.sq_box .list .write .caution:before {position:absolute;left:-10px;top:0;}
.sq_box .list li.add {position:relative;padding-right:35px;}
.sq_box .list li.add button {position:absolute;right:5px;top:5px;}
.sq_box .list .column .col {padding-top:5px;}
.sq_box .list .note {font-weight:300;color:#898989;}
.list.attain li {position:relative;padding:10px 120px 10px 10px;}
.list.attain .result {position:absolute;right:10px;top:6px;}
.list.attain .lab, .list.attain .grade {vertical-align:middle;display:inline-block;padding:0 10px;}
.list.attain .lab {padding-left:0;font-weight:500;color:#333;}
.list.attain .grade {text-align:right;position:relative;min-width:70px;color:#3f8edd;}
.list.attain .grade:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}

.sq_box .b_select > li {position:relative;padding:10px 10px 10px 200px;}
.sq_box .b_select > li > a {text-align:center;position:absolute;left:0;top:10px;width:180px;height:40px;line-height:40px;padding:0 20px;border-radius:4px;color:#fff;background-color:#cacaca;}
.sq_box .b_select .desc {vertical-align:middle;display:table-cell;height:40px;}
.sq_box .b_select .desc li {border:0;}
.sq_box .b_select > li .tooltip {top:-60px;}
.sq_box .bx .c_btn {margin:2px;}

.bd_box {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #b9b9b9;} /* build */
.bd_box .input.blank {line-height:1.4;padding:10px;background-color:#f5f6f7;}
.bd_box > .input {clear:both;}
.bd_box > .lab {margin-bottom:10px;font-size:15px;font-weight:bold;color:#333;}
.bd_box .top {overflow:hidden;position:relative;margin-bottom:10px;}
.bd_box .top .lab {float:left;font-size:15px;font-weight:500;color:#333;}
.bd_box .top div.add {float:right;}
.bd_box .top div.add span.c_note2 {vertical-align:middle;margin-right:10px;}
.bd_box.last {margin-bottom:0;padding-bottom:0;border-bottom:0;}

.tb_box ul {display:table;width:100%;} /* tbl */
.tb_box li {vertical-align:middle;text-align:center;display:table-cell;min-width:80px;height:40px;border-left:1px solid #fff;color:#fff;background-color:#f5f6f7;}
.tb_box li:first-child {border-left:0;}
.tb_box li.blue {background-color:#3f8edd;}
.tb_box li.navy {background-color:#124a9f;}
.tb_box li.purple {background-color:#9ca3d1;}

.gd_box {margin-bottom:20px;padding:15px;border:3px solid #e88f41;border-radius:6px;background-color:#fff;}
.gd_box.st {border-radius:0;}
.gd_box p {line-height:1.5;}
.gd_box.gray {border-color:#b9b9b9;}
.gd_box.blue {border-color:#4a8fdd;}
.gd_box .list li {position:relative;line-height:1.5;margin-top:5px;padding-left:8px;}
.gd_box .list li:first-child {margin-top:0;}
.gd_box .list li:before {content:" ";position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#666;}
.gd_box.none {margin-bottom:0;}
.gd_box .list li .link {color:#3f8edd;}
.gd_box.bg {background-color:#f5f6f7;}
.gd_box .em {font-weight:bold;color:#2d4b7a;}

.gd_box2 {margin-bottom:15px;padding:15px;border:2px solid #ccc;background-color:#f5f5f5;}
.gd_box2.top {margin-top:20px;}
.gd_box2 .list li {position:relative;line-height:1.8;padding-left:10px;font-size:13px;color:#686868;}
.gd_box2 .list li:before {content:" ";position:absolute;left:0;top:9px;width:4px;height:4px;background-color:#52b0b5;}

/* t_bar */
.t_bar {text-align:right;margin-bottom:10px;}
.t_bar.left {text-align:left;}
.t_bar .left {float:left;}
.t_bar .right {float:right;}
.t_bar label {font-weight:bold;color:#898989;}
.t_bar .enter {padding:0 25px;border-radius:0;background-color:#666;}
.t_bar .count {font-size:13px;letter-spacing:0.3;color:#595959;}
.t_bar .count .em {color:#f80700;}

/* ds_box */
.ds_box {margin-bottom:30px;padding:6px;background:url("../../images/www/bg/bg_ds_box.png") repeat 0 0;}
.ds_box.top {margin-bottom:0;}
.ds_box.sm {margin-bottom:10px;}
.ds_box > .inner {text-align:center;padding:10px;background-color:#f3f3f3;}
.ds_box.wt > .inner {background-color:#fff;}
.ds_box.al > .inner {text-align:left;}
.ds_box > .inner > p {line-height:1.4;}
.ds_box.form > .inner {padding:15px;}
.ds_box .lab {vertical-align:middle;margin-right:8px;letter-spacing:-0.25px;color:#222;}
.ds_box .comb {display:inline-block;margin:4px;}
.ds_box .word, .ds_box .c_date {vertical-align:top;display:inline-block;}
.ds_box .word {margin-right:20px;}
.ds_box .keyword {width:300px;}
.ds_box  > .inner .desc {line-height:1.6;font-size:15px;letter-spacing:-0.25px;color:#494949;}
.ds_box  > .inner .desc .em {font-weight:bold;color:#0450b0;}
.ds_box .subtitle {display:block;margin-bottom:10px;font-size:18px;font-weight:bold;letter-spacing:-0.25px;color:#0450b0;}
.ds_box .enter {clear:both;padding-top:10px;}
.ds_box .enter .c_btn {margin:0 3px;}
.ds_box .neg_sm:after {content:" ";clear:both;display:block;}
.ds_box .col_wd_3, .ds_box .col_wd_4, .ds_box .col_wd_6 {padding:5px;}
.ds_box .neg_sm select, .ds_box .neg_sm input[type="text"] {width:100%;}
.ds_box .detail {display:none;margin-top:10px;padding-top:10px;border-top:1px dashed #d1d1d1;}
.ds_box .dt .tog, .ds_box .enter .glass, .ds_box .comb .glass {margin-left:5px;}

/* b_guide */
.b_guide {line-height:1.6;margin-bottom:35px;padding:25px 25px 25px 150px;border:1px dashed #d2d2d2;font-weight:bold;color:#494949;}
.b_guide .em {color:#ee6868;}
.mile_way .b_guide {background:url("../../images/www/bg/mile_way_guide.png") no-repeat 40px 50%;}
.eval_calc .b_guide {background:url("../../images/www/bg/eval_calc_guide.png") no-repeat 40px 50%;}

/* ip_form */
.ip_form {padding:10px;border:1px solid #b9b9b9;border-radius:4px;}
.ip_form dl {display:table;width:100%;padding:10px 0;border-top:1px solid #e6e6e6;}
.ip_form dl:first-child {border-top:0;}
.ip_form dl.last {border-bottom:0;}
.ip_form dt, .ip_form dd {vertical-align:middle;display:table-cell;height:50px;padding:0 10px;}
.ip_form dt {width:20%;min-width:160px;font-size:16px;font-weight:bold;color:#222;}
.ip_form dd {width:80%;}
.ip_form .dis, .ip_form label {font-size:16px;}
.ip_form input[type="email"], .ip_form input[type="text"], .ip_form input[type="password"] {max-width:244px;height:50px;line-height:50px;padding:0 10px;border-radius:4px;color:#787878;background-color:#efefef;}
.ip_form input.wd_lg {width:300px;}
.ip_form dd select {height:50px;}
.ip_form .c_btn {height:50px;line-height:50px;padding:0 20px;border-radius:4px;font-size:16px;}
.ip_form .note {line-height:1.4;padding-top:5px;}
.ip_form .pw_safety {position:relative;margin-top:20px;padding:0 0 10px 40px;}
.ip_form .pw_safety .mark {position:absolute;left:0;top:0;}
.ip_form .pw_safety .step {max-width:204px;}
.ip_form .pw_safety .bar {overflow:hidden;position:relative;height:10px;border-radius:5px;background:#efefef;}
.ip_form .pw_safety .gage {position:absolute;left:0;top:0;height:10px;border-radius:5px;}
.ip_form .pw_safety .alert {margin-top:7px;font-weight:300;}
.ip_form .icc.caution {background:#858585;}
.ip_form .phone input[type="text"] {text-align:center;width:80px;}
.ip_form .b_box .c_btn {padding:0 40px;}
.ip_form .stair label {margin-right:10px;}
.ip_form .stair + .stair {margin-top:10px;padding-top:10px;border-top:1px dashed #d1d1d1;}
.ip_form.blank {border:0;}
.ip_form.blank dl {border-bottom:0;}
.ip_form.ch_pw {padding-left:300px;background:url("../../images/www/common/change_pw_deco.jpg") no-repeat 0 10px;}
.ip_form input[type="text"], .ip_form input[type="password"], .ip_form select {margin:2px 0;}
.ip_help {font-weight:bold;color:#ff5932;}

/* tooltip */
.tooltip {display:none;position:absolute;left:0;top:0;z-index:10;padding:5px 0;}
.tooltip .arrow {position:absolute;width:0;height:0;bottom:0;left:50%;margin-left:-5px;border-style:solid;border-color:transparent;border-width:5px 5px 0 5px;border-top-color:#faebcc;}
.tooltip.bottom .arrow {top:0;border-width:0 5px 5px 5px;border-bottom-color:#faebcc;}
.tooltip .inner {text-align:left;max-width:300px;padding:10px;line-height:1.4;border:1px solid #faebcc;border-radius:4px;font-size:13px;color:#8a6d3b;background-color:#fcf8e3;}
.tooltip .icc.help:before, .tooltip .icc.info:before {margin-top:-2px;color:#eb7c7c;}

/* form */
textarea {width:100%;height:100px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#f4f4f4;}
select {height:30px;padding:0 28px 0 8px;border:1px solid #d1d1d1;background:#fff url("../../images/www/common/select_deco.png") no-repeat 100% 50%;}
input[type="text"].wide, input[type="password"].wide, select.wide {width:100% !important;max-width:none !important;}
input[type="text"], input[type="password"] {height:30px;line-height:30px;padding:0 10px;border:1px solid #d1d1d1;}
.tbl_col.sm input[type="text"], .tbl_col.sm input[type="password"] {height:20px;line-height:20px;}
input[type="radio"] {border:1px solid #d1d1d1;border-radius:50%;height:20px;width:20px;background:#fff;}
input[type="radio"]:checked:after {display:block;content:" ";position:relative;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:#408fde;}
input[type="radio"].chk, input[type="checkbox"].chk, input[type="text"].chk {margin-right:5px;}
input[type="radio"].chk + label, input[type="checkbox"].chk + label, input[type="text"].chk + label {margin-right:10px;}
input.sp, select.sp, label.sp {margin-left:5px;}
input[type="radio"] + label ~ .sp {margin-left:15px;}
input + label ~ input.wide {margin:5px 0 0 0;}
input.read {background-color:#edeef0;}
select.sm {height:27px;font-size:13px;}

input[type="checkbox"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid #a5a5a5;border-radius:0;background-color:#fff;}
input[type="checkbox"]:checked {background:#fff url("../../images/www/bg/bg_checkbox.png") no-repeat 50% 50%;background-size:8px auto;}
input[type="checkbox"].fill, input[type="radio"].fill {position:absolute;visibility:hidden;}
input[type="checkbox"].fill + label, input[type="radio"].fill + label {position:relative;display:inline-block;height:32px;line-height:32px;padding:0 10px;border-radius:3px;color:#fff;background:#bbb;}
input[type="checkbox"].fill:checked + label, input[type="radio"].fill:checked + label {background:#408fde;}
input[type="checkbox"].fill + label .text, input[type="radio"].fill + label .text {margin-right:7px;} /*vertical-align:middle;*/
input[type="checkbox"].fill + label .settings:before, input[type="radio"].fill + label .settings:before {padding:1px;border-radius:50%;font-size:20px;color:#eb7c7c;background-color:#fff;}
input[type="checkbox"].fill:checked + label .settings:before, input[type="radio"].fill:checked + label .settings:before {color:#eb7c7c;}

input[type="checkbox"].fill + label .check, input[type="radio"].fill + label .check {vertical-align:middle;display:inline-block;width:12px;height:12px;line-height:12px;margin-right:3px;border-radius:3px;margin-top:-4px;background-color:#fff;}
input[type="checkbox"].fill + label .check:before, input[type="radio"].fill + label .check:before {display:none;}
input[type="checkbox"].fill:checked + label .check:before, input[type="radio"].fill:checked + label .check:before {display:block;font-size:12px;font-weight:bold;color:#408fde;}
.lct_view .m_icon.settings:before {padding:1px;border-radius:50%;background-color:#fff;}
.lct_view .sort .m_icon.settings:before {margin-left:7px;font-size:20px;color:#eb7c7c;}
.c_date.k-datepicker {width:auto;}
.c_date .k-picker-wrap {width:100px;}
.c_date .k-picker-wrap .k-input { height:30px;line-height:30px;padding:0;}
.c_date .wave, .c_time .wave {margin:0 5px;}
.ip_ph input[type="text"] {text-align:center;width:80px;} /* input phone */
.ip_post input.wide, .ip_msg input[type="text"] {margin-top:5px;} /* input address */
.ip_mail input[type="text"] {width:160px;}
.ip_nt {padding-top:5px;font-size:13px;}
.ip_cm {padding-top:5px;color:#ff7417;}
.ip_cm .link {color:#3399ff;}
input[type="text"].wd_s, input[type="password"].wd_s {width:70px;}
.ip_gb, .ip_gp {vertical-align:middle;display:inline-block;margin:4px;}
.ip_gb label, .ip_gp label {margin-right:3px;font-weight:bold;}

/* c_select */
.c_select {position:relative;background-color:#fff;}
.c_select a {height:24px;line-height:24px;font-size:13px;}
.c_select .val {display:block;height:24px;line-height:24px;padding:0 24px 0 10px;border:1px solid #d4dee4;}
.c_select .val:before {content:"\e313";position:absolute;right:0;top:0;}
.c_select .list {display:none;position:absolute;z-index:10;left:0;top:23px;border:1px solid #ecf0f1;background-color:#fff;}
.c_select .list a {display:block;height:20px;line-height:20px;padding:0 10px;}
.c_select.open .list {display:block;}

/* a_btn */
.a_btn {text-align:center;vertical-align:middle;position:relative;display:inline-block;min-width:230px;height:50px;line-height:50px;margin:2px;font-size:16px;font-weight:500;color:#fff;}
.a_btn.min {min-width:auto;padding:0 50px 0 30px;}
.a_btn.rtl {padding:0 30px 0 50px;}
.a_btn:before {content:" ";position:absolute;right:22px;top:50%;width:16px;height:17px;margin-top:-8px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -180px -270px;}
.a_btn.rtl:before {right:auto;left:22px;background-position-x:-210px;}

/* c_btn */
.c_btn {text-align:center;vertical-align:middle;display:inline-block;padding:0 10px;height:30px;line-height:30px;border-radius:4px;font-size:13px;letter-spacing:-0.3px;color:#fff;}
.c_btn.gray, .a_btn.gray {background-color:#989b9f;} /* #666 */
.c_btn.d_gray {background-color:#666;}
.c_btn.l_gray {background-color:#a4a4a4;}
.c_btn.blue {background-color:#3e8ddc;}
.c_btn.d_blue {background-color:#3264c8;}
.c_btn.st_blue {background-color:#0450b0;}
.c_btn.green, .a_btn.green {background-color:#058e46;}
.c_btn.orange, .r_btn.orange {background-color:#fe6500;}
.c_btn.red {background-color:#ef5656;}
.c_btn.navy {background-color:#3c4283;}
.c_btn.turq {background-color:#1f9ab9;}
.c_btn.l_turq {background-color:#52b0b5;}
.x .c_btn.blue {background-color:#1d9ced;}

.c_btn.blank {border:1px solid #dbdbdb;color:#4e4e4e;background-color:#fff;}
.c_btn.lg {height:40px;line-height:41px;padding:0 20px;font-size:16px;}
.c_btn.sm {height:27px;line-height:28px;padding:0 8px;font-size:12px;}
.c_btn.xs {height:23px;line-height:23px;padding:0 5px;font-size:12px;}
.c_btn.xxs {height:18px;line-height:18px;padding:0 5px;font-size:11px;letter-spacing:-1px}
.c_btn.st {border-radius:0;}
.c_btn .text {margin-right:7px;}
.c_btn .icc + .text {margin-right:0;}
.c_btn.no {background-color:#cacaca;}
.no.on {background-color:#408fde !important;}
.c_btn.wd {padding:0 20px;}
.c_btn.wide {width:100%;}
.sm.fxd {width:75px;}

/* round button */
.rd_btn {text-align:center;vertical-align:middle;display:inline-block;padding:0 15px;height:32px;line-height:32px;border-radius:15px;letter-spacing:-0.5px;color:#fff;}
.rd_btn.blue {background-color:#3e8ddc;}
.rd_btn.d_blue {background-color:#3264c8;}
.rd_btn.navy {background-color:#3c4283;}
.rd_btn.sm {height:27px;line-height:28px;font-size:12px;}
.rd_btn.lg {height:38px;line-height:39px;padding:0 20px;border-radius:18px;font-size:16px;font-weight:bold;}

/* diagonal line button */
.dl_btn {display:inline-block;position:relative;height:30px;line-height:31px;padding:0 20px;font-size:14px;color:#fff;}
.dl_btn:before, .dl_btn:after {content:" ";position:absolute;width:1px;height:8px;background-color:#fff;}
.dl_btn:before {right:4px;top:1px;-moz-transform:rotate(-140deg);-webkit-transform:rotate(-140deg);-ms-transform:rotate(-140deg);transform:rotate(-140deg);}
.dl_btn:after {left:4px;bottom:1px;-moz-transform:rotate(-140deg);-webkit-transform:rotate(-140deg);-ms-transform:rotate(-140deg);transform:rotate(-140deg);}
.dl_btn.navy {background-color:#424c66;}

/* like, pick */
.btn.fill {vertical-align:middle;display:inline-block;padding:5px 10px;border:1px solid #dbd8d8;}
.btn.fill .count {color:#2271cb;}
.btn.fill .icc:before {margin-top:-2px;font-size:18px;line-height:1;}
.fill.on .icc:before {color:#e74c3c;}

/* b_box */
.b_box {text-align:center;clear:both;overflow:hidden;padding:15px 0;}
.b_box .left {float:left;}
.b_box .right {float:right;}
.b_box .c_btn {margin:2px;}
.b_box .c_btn.wide {margin:2px 0;}
.bw_box {overflow:hidden;text-align:center;background-color:#fff;}
.bw_box a {display:block;height:64px;line-height:64px;font-size:20px;color:#333;}
.bw_box a + a {border-left:1px solid #e8e8e8;}
.bw_box a.on {color:#009cff;}
.bw_box.two a {float:left;width:50%;}
.b_box.sm {padding:10px 0;}
.b_box.none, .b_box.non {padding-top:0;}
.b_box.one {padding:0;}
.b_box.top {padding-bottom:0;}
.b_box.bot {padding-top:0;}
.b_box .link {color:#3399ff;}
.b_box .icmg.doc {margin-right:10px}

/* b_bar */
.b_bar {position:relative;padding-bottom:10px;}
.b_bar:after {content:" ";clear:both;display:block;}
.b_bar .left {float:left;}
.b_bar .right {float:right;}
.b_bar .add {position:absolute;top:-5px;right:0;}
.b_bar .c_title3 {margin-bottom:0;}

/* item_bar */
.item_bar {overflow:hidden;position:relative;min-height:43px;margin-bottom:10px;padding:10px 15px;border-bottom:1px solid #b9b9b9;}
.item_bar input[type="checkbox"] + label {font-weight:500;color:#353535;}
.item_bar .add {position:absolute;right:0;top:2px;}

/* c_callout */
.c_callout {clear:both;margin-bottom:10px;padding:15px 20px 15px 15px;border:1px solid;border-left-width:10px;font-weight:300;}
.c_callout.one {margin-bottom:0;}
.c_callout.bk {border-color:#3a4145;}
.c_callout.blue {border-color:#3f8edd;}
.c_callout.gray {border-color:#dfdfdf;}
.c_callout.brown {border-color:#aa6708;}
.c_callout.purple {border-color:#8da4c4;}
.c_callout .c_brown {color:#aa6708;}
.c_callout p + p {margin-top:10px;}
.c_callout .origin {text-align:right;font-size:13px;color:#898989;}

/* title */
.c_title {position:relative;margin-bottom:15px;font-size:16px;font-weight:bold;color:#191919;}
.c_title:before {content:" ";vertical-align:middle;display:inline-block;width:17px;height:17px;margin:-4px 5px 0 0;background:url(../../images/www/common/img_merge.png) no-repeat -80px -23px;}
.c_title.top {margin-top:20px;}
.c_title1 {position:relative;padding-top:12px;margin-bottom:15px;font-size:17px;font-weight:bold;letter-spacing:-0.4px;color:#494949;}
.c_title1:before {content:" ";position:absolute;left:0;top:0;width:30px;height:3px;background:url("../../images/www/common/img_merge.png") no-repeat -340px 0;}
.c_title2 {position:relative;margin-bottom:25px;padding-left:35px;font-size:21px;font-weight:bold;color:#0450b0;}
.c_title2:before {content:" ";position:absolute;left:0;top:-1px;width:26px;height:26px;background:url(../../images/www/common/img_merge.png) no-repeat -314px 0;}
.dash .c_title {font-weight:normal;}
.pg_head {text-align:center;height:120px;margin-bottom:20px;border-bottom:1px solid #d2d2d2;}
.pg_head h3 {font-size:34px;font-weight:bold;color:#000;}
.pg_head p {line-height:1.4;margin-top:15px;font-size:16px;color:#333;}
.bl_title {position:relative;margin-bottom:10px;padding-left:12px;font-size:16px;font-weight:bold;color:#191919;}
.bl_title:before {content:" ";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background-color:#0c4da2;}

/* foreword */
.foreword {background:url("../../images/www/bg/bg_foreword.png") no-repeat 50% 0;background-size:cover;}
.foreword .top {height:140px;padding:40px 15px 0 15px;}
.foreword strong {display:block;position:relative;padding-top:5px;margin-bottom:5px;font-size:34px;color:#fff;}
.foreword strong:before {content:" ";position:absolute;left:0;top:0;width:36px;height:1px;background-color:#fff;}
.foreword .slogan {color:#fff;}
.foreword .path {text-align:right;height:49px;padding:16px 10px 0 0;background-color:#eff3f6;}
.foreword .path > span {vertical-align:middle;display:inline-block;position:relative;margin-left:8px;padding-left:15px;color:#898989;}
.foreword .path > span:before {content:" ";position:absolute;left:0;top:50%;width:6px;height:12px;margin-top:-6px;background:url("../../images/www/common/img_merge.png") no-repeat -207px  0;}

/*  cmb_top */
.cmb_top {text-align:right;padding-bottom:8px;} /* combo */
.cmb_top.nega {margin-top:-15px;}
.cmb_top .back {display:inline-block;height:26px;line-height:25px;padding:0 8px;border:1px solid #888;border-radius:2px;font-size:12px;font-weight:bold;color:#3264c8;}
.cmb_top .back .icc {line-height:1;margin:-2px 5px 0 0;padding:2px;border-radius:2px;background-color:#3264c8;}
.cmb_top .back .icc:before {font-size:12px;color:#fff;}

/* sns icon */
.ic_fb, .ic_tw, .ic_ks {vertical-align:middle;overflow:hidden;text-indent:-9999px;display:inline-block;width:43px;height:42px;font-size:0;color:transparent;background:url("../../images/www/icon/icon_merge2.png") no-repeat -300px -360px;}
.ic_tw {width:42px;}
.ic_tw {background-position-x:-360px;}
.ic_ks {background-position-x:-420px;}

/* c_frame */
.c_frame {overflow:hidden;width:100%;height:0;padding-bottom:56.25%;}

/* c_rating */
.c_rating .view, .c_rating .edit {overflow:hidden;vertical-align:middle;position:relative;display:inline-block;}
.c_rating input[type="radio"] {position:absolute;visibility:hidden;}
.c_rating input[type="radio"] + label {float:right;width:36px;height:36px;}
.c_rating input[type="radio"] + label:before {content:"\e83a";font-size:36px;color:#2271cb;}
.c_rating input[type="radio"]:checked ~ label:before {content:"\e838";}
.c_rating input[type="radio"]:checked.half+label:before {content:"\e839";}
.c_rating .view i {float:left;}
.c_rating .view i:before {vertical-align:top;}
.c_rating .ave {vertical-align:middle;display:inline-block;margin-left:5px;font-size:12px;}

/* nav_tabs */
.nav_tabs {margin-bottom:20px;border-bottom:1px solid #ddd;}
.nav_tabs.top {margin-top:20px;}
.nav_tabs:after {content:" ";clear:both;display:table;}
.nav_tabs > li {position:relative;float:left;margin-bottom:-1px;margin-right:3px;}
.nav_tabs > li > a {display:block;padding:10px 15px;border:1px solid #ddd;border-radius:4px 4px 0 0;font-weight:bold;color:#939393;background-color:#f9f9f9;transition:background 0.3s ease-in-out;}
.nav_tabs > li > a:hover {background-color:#f5f5f5;}
.nav_tabs > li.on a, .nav_tabs > .ui-state-active a {border-bottom-color:transparent;color:#3e8ddc;background-color:#fff;}
.nav_tabs.third > li, .c_login .nav_tabs.third li {width:33.33333333%;}
.nav_tabs.tb {border-bottom:0;}
.nav_tabs.tb {display:table;width:100%;}
.nav_tabs.tb li {vertical-align:middle;text-align:center;display:table-cell;float:none;margin:0;border-left:1px solid #fff;}
.nav_tabs.tb li:first-child {border-left:0;}
.nav_tabs.tb li a {height:40px;line-height:40px;padding:0;border:0;border-radius:0;font-size:15px;color:#2C2C2C;background-color:#dcdee2;}
.nav_tabs.tb .on a, .nav_tabs.tb a:hover {color:#fff;background-color:#128fdc;}
.nav_tabs.green li a {color:#4e4e4e;}
.nav_tabs.green .on a, .nav_tabs.green a:hover {background-color:#00ac4f;}
.tb.deco {margin-bottom:30px;}
.tb.deco li a:after {opacity:0;content:" ";position:absolute;bottom:-15px;left:50%;width:0;height:0;margin-left:-8px;border:solid transparent;border-top-color:#128fdc;border-width:8px;transition:all 0.3s ease-in-out;}
.tb.deco .on a:after, .tb.deco li a:hover:after {opacity:1;}
.tb.lg li a {height:46px;line-height:46px;}
.tb.navy li a {color:#4e4e4e;}
.tb.navy li a:hover, .tb.navy .on a {color:#fff;background:#1554a6;}
.nav_tabs2 {margin-bottom:20px;border-bottom:2px solid #3264c8;}
.nav_tabs2:after {content:" ";clear:both;display:block;}
.nav_tabs2 > li {text-align:center;position:relative;top:2px;float:left;margin-left:-2px;border:2px solid #ddd;border-bottom:0;background-color:#fff;}
.nav_tabs2 > li:first-child {margin-left:0;}
.nav_tabs2 > li.on {z-index:10;border-color:#3264c8;}
.nav_tabs2 > li > a {display:block;height:40px;line-height:40px;padding:0 20px;font-weight:bold;}
.nav_tabs2 > li.on > a {height:42px;border-bottom:2px solid #fff;}

/* c_tab */
.c_tab {display:table;width:100%;margin-bottom:20px;border:1px solid #ebebeb;background-color:#fff;}
.c_tab li {display:table-cell;}
.c_tab li + li {border-left:1px solid #ebebeb;}
.c_tab li a {text-align:center;position:relative;display:block;height:64px;line-height:64px;font-size:18px;color:#858585;}
.c_tab li:hover a, .c_tab li.on a {font-weight:bold;color:#2271cb;}
.c_tab li:hover a:after, .c_tab li.on a:after {content:" ";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#2271cb;}
.c_tab.small li a, .c_tab.sm li a {min-width:40px;height:40px;line-height:40px;font-size:14px;font-weight:bold;}
.c_tab.mid li a, .c_tab.mid li a {height:48px;line-height:48px;font-size:16px;font-weight:bold;}
.course_detail .c_tab li a {height:64px;line-height:64px;font-size:18px;}
.c_tab.gray {border-color:#ddd;background-color:#f2f2f2;}
.c_tab.d_gray {border-color:#ddd;background-color:#919294;}
.c_tab.d_gray li a {color:#fff;}
.c_tab.gray li + li {border-color:#ddd;}
.c_tab.gray li:hover a, .c_tab.gray li.on a, .c_tab.d_gray li:hover a, .c_tab.d_gray li.on a {background-color:#fff;}
.c_tab.d_gray li:hover a, .c_tab.d_gray li.on a {color:#0c4da2;}
.c_tab.sm li:hover a:after, .c_tab.sm li.on a:after {height:2px;}
.c_tab.blue {border:0;}
.c_tab.blue li {border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.c_tab.blue li + li {border-right:1px solid #d2d2d2;}
.c_tab.blue li:first-child {border-left:1px solid #d2d2d2;}
.c_tab.blue li:hover, .c_tab.blue li.on {border-color:#0c4da2;}
.c_tab.blue li:hover a, .c_tab.blue li.on a {color:#fff;background:#0c4da2;}
.c_tab.blue li:hover a:after, .c_tab.blue li.on a:after {display:none;}
.c_tab.four li {width:25%;}
.c_tab.six li {width:16.66666666%;}

/* c_tab1 */
.c_tab1 {overflow:hidden;margin-bottom:10px;border-bottom:1px solid #b9b9b9;}
.c_tab1 li {float: left;}
.c_tab1 li a {text-align:center;display:block;min-width:90px;height:32px;line-height:32px;padding:0 15px;background-color:#fff;}
.c_tab1 li a:hover, .c_tab1 li.on a {color:#fff;background:#858585;}
.c_tab1 li + li {margin-left:2px;}

/* c_tab2 */
.c_tab2 {display:table;width:100%;margin-bottom:15px;border-bottom:1px solid #ff7417;}
.c_tab2 li {display:table-cell;}
.c_tab2 li a {text-align:center;display:block;height:36px;line-height:36px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;font-size:15px;letter-spacing:-0.6px;color:#3e3e33;background-color:#fff;}
.c_tab2 li:last-child a {border-right:1px solid #d2d2d2;}
.c_tab2 li:hover a, .c_tab2 li.on a {border-color:#ff7417;color:#fff;background-color:#ff7417;}
.c_tab2 li:hover + li a, .c_tab2 li.on + li a {border-left-color:#ff7417;}
.c_tab2.five li {width:20%;}
.c_tab2.two li {width:50%;}
.c_tab2.three li {width:33.33333333%;}

/* c_tab3 */
.c_tab3 {background-color:#ecccac;}
.c_tab3:after {content:" ";clear:both;display:block;}
.c_tab3.two li {float:left;width:50%;}
.c_tab3 li a {text-align:center;display:block;height:48px;line-height:48px;font-weight:bold;color:#494949;}
.c_tab3 li.on a {background-color:#ecccac;}
.ud_service .c_tab3 li a  {padding-top:10px;padding-bottom:10px; padding:10 20px;font-weight:600;font-size:19px;}
.ud_service .title-line {margin-top:40px;margin-bottom:40px;border-bottom:1px solid #e8e8e8;}
.ud_service .section-title {color: #333;font-weight: bold;position: relative;margin-bottom: 21px;counter-increment: my-counter;font-size: 26px;text-align: center;font-family: 'Noto Sans KR', sans-serif;font-weight:normal;letter-spacing:-0.5px;}
.ud_service .section-title a { color:#333; font-size: 26px; }
.ud_service .section-title a:hover, .section-title a:forcus { font-size: 26px; }
.ud_service .section-title.centered::after { margin: auto;}
.ud_service .subtitle {color: #555;font-size: 14px;font-weight:normal;text-align: center;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.5px;padding:0 20px;}


.section-title a:hover,.section-title a:focus { text-decoration: none; }
/* c_search */
.c_search {overflow:hidden;margin-bottom:10px;}
.c_search .left {float:left;}
.c_search .right {float:right;}
.c_search select, .c_search .word {float:left;}
.c_search select + select, .c_search select + .word {margin-left:5px;}
.c_search .word {position:relative;}
.c_search .enter {vertical-align:middle;display:inline-block;height:30px;line-height:30px;padding:0 10px;color:#fff;background-color:#3264c8;}
.c_search .word + .c_btn  {float:left;margin-left:5px;}
.c_search .word + select {margin-left:5px;}
.c_search .text {width:240px;border-right:0;}
.c_search .word.wide {float:none;margin-left:0;}
.c_search .word.wide .text {width:100%;}
.c_search .word.one {padding-right:0;}
.c_search .word .text {border-right:1px solid #d1d1d1;}
.c_search .word .enter.gray {background-color:#989b9f;}
.c_search .word .enter.d_gray {background-color:#545557;}
.c_search .word .enter.red {background-color:#eb7c7c;}
.c_search.bot {margin-top:10px;}
.c_search .word + .c_date {float:left;margin-left:20px;}
.c_search .word + .c_date .lab {vertical-align:middle;margin-right:5px;font-weight:bold;}
.c_search .c_date + .enter {margin-left:20px;padding:0 20px;}

/* c_bar */
.c_bar {margin-bottom:10px;padding:10px;border:1px solid #b9b9b9;border-radius:2px;background-color:#fff;}
.c_bar.gray {background-color:#f0f2f5;}
.c_bar .left {float:left;}
.c_bar .right {float:right;}
.c_bar:after {content:" ";clear:both;display:block;}
.c_bar .c_search {margin-bottom:0;}

/* fd_ct */
.fd_ct {display:block;position:relative;padding-right:40px;}
.fd_ct .inner {white-space:normal;}
.fd_ct .inner.el {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fd_ct .fold {position:absolute;right:0;top:-2px;}
.fd_ct .fold .icc:before {line-height:24px;font-size:24px;}
.fd_ct .detail {display:none;margin-top:5px;padding:10px;background-color:#e7ecf2;}

/* paginate */
.p-wrap {padding-top:10px;}
.p-wrap .p-count {font-size:13px;}
.p-wrap .p-count .current {font-weight:bold;color:#3264c8;}
.paginate {text-align:center;padding:20px 0;}
.paginate li {display:inline;}
.paginate .inner {vertical-align:top;display:inline-block;}
.paginate a, .paginate span {float:left;min-width:24px;height:24px;line-height:24px;margin:0 2px;border-radius:50%;font-size:13px;font-weight:bold;color:#494949;}
.paginate .on {font-weight:bold;color:#fff;border-color:#3264c8;background-color:#3264c8;}
.paginate .prev {margin:0 2px 0 -1px;}
.paginate .next {margin:0 -1px 0 2px;}
.paginate .img {border:0;}
.paginate .img img {vertical-align:top;}
.paginate .end, .paginate .start {margin:0;}
.paginate.top {padding-top:0;}

/* c_term */
.ds_box > .inner > .gd_term {text-align:left;line-height:1.8;font-size:13px;}
.c_term {line-height:1.6;letter-spacing:-0.25px;font-size:13px;}
.c_term .ds_box {margin-bottom:20px;}
.c_term.box {overflow-y:auto;height:260px;padding:15px;border:1px solid #b9b9b9;border-radius:4px;background-color:#f9f9f9;}
.c_term.long {height:450px;}
.c_term .article {padding:5px 0 10px 0;}
.c_term .article.one {padding-bottom:0;}
.c_term h1 {position:relative;margin-bottom:5px;padding-left:20px;font-size:18px;font-weight:bold;color:#111;}
.c_term h1:before {content:" ";position:absolute;left:0;top:6px;width:17px;height:17px;background:url("../../images/www/common/img_merge.png") no-repeat -80px -23px;}
.c_term h2 {position:relative;margin-bottom:5px;padding-left:14px;font-weight:bold;color:#111;}
.c_term h2:before {content:" ";position:absolute;left:0;top:9px;width:8px;height:4px;background:#4a8fdd;}
.c_term .li_ko li {padding-left:18px;}
.c_term .li_ko .ord {display:inline-block;min-width:18px;margin-left:-18px;}
.c_term .li_num li {padding-left:20px;}
.c_term .li_num .ord {display:inline-block;min-width:20px;margin-left:-20px;}
.c_term .li_circle li {padding-left:15px;}
.c_term .li_circle .ord {display:inline-block;min-width:15px;margin-left:-15px;}
.c_term .hypen li {position:relative;padding-left:15px;}
.c_term .hypen li:before {content:" ";position:absolute;left:5px;top:10px;width:4px;height:1px;background-color:#666;}
.c_term table, .c_term .fx_box {margin:10px 0;}
.c_term .fx_box > table {margin:0;}
.c_term .dot_li {padding-top:5px;}
.c_term .link {letter-spacing:-0.3px;font-size:13px;color:#0085b6;}
.c_term .dot_li li:before {top:9px;}
.c_term .tbl_hd {text-align:center;line-height:1.6;margin-top:20px;padding:10px 0;border-top:2px solid #222;letter-spacing:-0.25px;font-size:13px;font-weight:bold;color:#333;background-color:#f5f6f7;}
.c_term .tbl_hd.top {margin-top:0;}
.pl_link {margin-bottom:20px;}
.pl_link .gd_box {margin-bottom:0;}
.pl_link .guide {text-align:right;margin-bottom:5px;font-size:13px;}
.pl_link .case {overflow:hidden;padding:16px 18px;border:1px dashed #959595;}
.pl_link ul {float:left;width:50%;}
.pl_link a {display:block;position:relative;line-height:1.7;padding:5px 10px;color:#787878;}
.pl_link a:before {content:" ";position:absolute;left:3px;top:15px;width:3px;height:3px;border-radius:50%;background-color:#699ee3;}
.pl_link .lab {font-weight:bold;color:#222;}

/* lct_bar */
.lct_bar {position:relative;min-height:24px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e9e9e9;}
.lct_bar .add {position:absolute;right:0;top:0;}
.lct_bar .data:after {content:" ";clear:both;display:block;}
.lct_bar .info {float:left;margin-right:15px;padding-left:8px;font-size:13px;font-weight:bold;color:#494949;}
.lct_bar .info:after {content:" ";position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#535353;}
.lct_bar .info .count {color:#f64450;}
.lct_bar .align {overflow:hidden;float:left;}
.lct_bar .align li {float:left;}
.lct_bar .align a {position:relative;display:block;padding:0 10px;font-size:13px;color:#777;}
.lct_bar .align a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#777;}
.lct_bar .align .desc a, .lct_bar .align .asc a {padding-right:20px;}
.lct_bar .align .desc a:after, .lct_bar .align .asc a:after {content:" ";position:absolute;right:6px;top:50%;width:7px;height:4px;margin-top:-2px;background:url("../../images/www/common/img_merge.png") no-repeat -370px 0;}
.lct_bar .align .asc a:after {background-position-y:-4px;}
.lct_bar .align li:first-child a:before {display:none;}
.lct_bar .add .ds_ib {vertical-align:top;}
.lct_bar .add .ds_ib.first {margin-right:30px;}
.lct_bar .lab {display:inline-block;margin-right:10px;}
.lct_bar.blank {margin-bottom:0;border-bottom:0;}
.lct_bar select {height:28px;}
.lct_bar .view_type + select {margin-left:10px;}
.lct_bar .add select {margin-top:-8px;}
.view_type li {float:left;margin-left:15px;}
.view_type li:first-child {margin-left:0;}
.view_type li a {overflow:hidden;display:block;font-size:12px;color:#898989;}
.view_type .icmg {margin-right:5px;}
.view_type .on .icmg {background-position-y:-69px;}
.view_type .on a {color:#494949;}
.view_limit, .view_type {vertical-align:top;display:inline-block;}
.view_limit li {float:left;margin-left:5px;}
.view_limit li:first-child {margin-left:0;}
.view_limit a {display:block;height:30px;line-height:31px;padding:0 10px;border-radius:4px;border:1px solid #b9b9b9;}
.view_limit .on a {border-color:#ff7417;color:#ff7417;}

/* skip */
#skip {position:relative;z-index:10;display:block;overflow:hidden;position:absolute;left:0;top:-3px;width:1px;height:1px;text-align:center;font-weight:bold;}
#skip:hover, #skip:focus, #skip:active {width:auto;height:auto;top:0px;padding:10px 20px;color:#fff;background:#F36529;}

/* header */
#header {width:100%;}
#header.sticky {position:fixed;z-index:90;}
#header > .top {position:relative;height:34px;background-color:#2d4b7a;}
#header .global {float:right;margin-right:10px;}
#header .global .menu {float:left;}
#header .global .menu > li {position:relative;float:left;font-size:12px;color:#fff;}
#header .global .menu > li > a {display:block;height:34px;line-height:34px;padding:0 10px;font-size:12px;color:#fff;}
#header .global .menu > li:before {content:" ";position:absolute;right:0;top:50%;margin-top:-5px;width:1px;height:10px;background-color:#a1a1b9;}
#header .global .menu > li:last-child:before {display:none;}
#header .global .user {height:34px;line-height:34px;padding:0 10px;}
#header .global .user .name {color:#c8e6f9;}
/* quiz_menu
#header .nav {border-top:1px solid #dcdcdc;background-color:#fff;}
#header .nav .menu > li > a {display:block;height:83px;line-height:83px;padding:0 20px;font-size:17px;font-weight:bold;color:#393939;}
#header .nav {border-top:1px solid #dcdcdc;background-color:#2d71c4;}*/
#header .nav {background-color:#000;}
#header .nav > .rows {position:relative;height:113px;}
#header .quiz_logo {position:absolute;left:10px;top:26px;}
#header .quiz_logo a {display:block;}
#header .logo {position:absolute;left:10px;top:0px;}
#header .logo a {display:block;}
#header .nav .menu {float:right;}
#header .nav .menu > li {text-align:center;position:relative;float:left;}
#header .nav .menu > li > a {display:block;height:113px;line-height:103px;padding:0 20px;font-size:16px;font-weight:bold;color:#fff;}
#header .nav .menu > .on > a, #header .nav .menu > .over > a, #header .nav .menu > li > a:hover {color:#dedc00;}
#header .nav .menu > .part:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;border-right:1px solid #b5b5b5;}
#header .nav .snb a {text-align:left;display:block;padding:6px 0;font-weight:bold;color:#000;}
#header .nav .snb a:focus, #header .nav .snb a:hover, #header .nav .snb .on a {color:#dedc00;}
#header .nav_toggle {display:none;position:absolute;right:10px;top:50%;width:40px;height:36px;margin-top:-18px;padding:7px 0 0 8px;}

/* gb_search */
.gb_search {display:none;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.gb_search .rows {position:relative;padding-right:45px;}
.gb_search .frm {text-align:right;position:relative;padding:8px 0;background-color:#f3f3f3;box-shadow:0 5px 5px rgba(0,0,0,0.5);}
.gb_search .inner {vertical-align:top;position:relative;display:inline-block;max-width:450px;width:100%;padding-right:44px;}
.gb_search input[type="text"] {width:100%;height:34px;line-height:34px;padding:0 10px;border-radius:4px 0 0 4px;border-right:0;background-color:#fff;}
.gb_search .enter {overflow:hidden;position:absolute;right:0;top:0;width:44px;height:34px;line-height:30px;border-radius:0 4px 4px 0;font-size:0;color:transparent;background:#ff6600 url("../../images/www/common/total_search_enter.png") no-repeat 50% 50%;}
.gb_search .cls {position:absolute;right:10px;top:1px;}
.gb_search .cls .close:before {font-size:32px;color:#ff6600;}

/* sidr */
#sidr {position:fixed;left:0;top:0;z-index:150;width:100%;height:100%;cursor:default;background:rgba(255, 255, 255,.9);
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
-moz-transition: opacity 0.5s ease, visibility 0.5s;
-webkit-transition: opacity 0.5s ease, visibility 0.5s;
-ms-transition: opacity 0.5s ease, visibility 0.5s;
transition: opacity 0.5s ease, visibility 0.5s;
opacity:0;
visibility:hidden;
}
#sidr .inner {overflow-y:auto;overflow-x:hidden;position:relative;z-index:140;width:230px;height:100%;border-right:1px solid #ddd;background-color:#fff;
-moz-transform:translateX(-230px);
-webkit-transform:translateX(-230px);
-ms-transform:translateX(-230px);
transform:translateX(-230px);
-moz-transition:-moz-transform 0.5s ease, visibility 0.5s;
-webkit-transition:-webkit-transform 0.5s ease, visibility 0.5s;
-ms-transition:-ms-transform 0.5s ease, visibility 0.5s;
transition:transform 0.5s ease, visibility 0.5s;
-webkit-overflow-scrolling: touch;
visibility:hidden;
}

body.menu_visible #sidr {
visibility:visible;
opacity:1;
}
body.menu_visible #sidr .inner {
-moz-transform:translateX(0);
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
visibility:visible;
}
/*.side_bar .nav {padding:10px 15px;}*/
.side_bar .nav a {display:block;position:relative;padding:15px;border-bottom:1px solid #efefef;font-size:13px;font-weight:bold;color:#393939;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.side_bar .nav ul a {color:#9fa3a6;}
.side_bar .nav > li > a:hover, .side_bar .nav > li > .on, .side_bar .nav > li > a:hover:before {color:#fff;background-color:#1e326e;}
.side_bar .nav .opener:before {content:"\e313";vertical-align:middle;position:absolute;right:10px;top:50%;display:inline-block;line-height:1;margin-top:-9px;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#9fa3a6;
-moz-transition:color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
-webkit-transition:color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-ms-transition:color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
transition:color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.side_bar .nav .opener.on:before {color:#fff;-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.side_bar .nav > li li a:hover {color:#1e326e;}
.side_bar .nav ul {display:none;padding-left:20px;}
.side_bar .close {display:block;position:absolute;top:0;left:220px;height:100%;padding-right:550px;background:rgba(255, 255, 255, .6);}
.side_bar .close i:before {content:"\e14c";position:absolute;top:10px;left:10px;font-family:'Material Icons';font-size:36px;}
.side_bar h2 {text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;border-bottom:1px solid #dedede;font-size:16px;font-weight:bold;color:#222;background-color:#f5f5f5;}

/* footer */
#footer {position:relative;background-color:#000;}
#footer:before {content:" ";position:absolute;left:0;top:52px;width:100%;height:1px;background-color:#5b5e65;}
#footer .menu {overflow:hidden;}
#footer .menu li {float:left;position:relative;}
#footer .menu li + li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#626771;}
#footer .menu li a {display:block;height:53px;line-height:53px;padding:0 10px;font-size:13px;color:#989898;}
#footer .menu li:first-child a {padding-left:20px;}
#footer .menu .em a {color:#3995ff;}
/*#footer .ct {position:relative;padding:20px 0 20px 205px;}*/
#footer .ct {position:relative;padding:10px 0 42px 20px}
#footer .logo {position:absolute;left:3px;top:27px;}
#footer address {line-height:1.8;font-size:13px;color:#d1d6e1;}
#footer address li {float:left;margin-right:10px;}
#footer address .desk, #footer .copy {clear:both;}

/* lct_list4 slide */
.lct_list4.slide {padding-bottom:30px;}
.lct_list4.slide .slick-slide {padding:10px;}
.lct_list4.slide .slick-arrow {width:26px;height:50px;margin-top:-50px;background:url("../../images/www/icon/icon_merge2.png") no-repeat 0 0;}
.lct_list4.slide .slick-prev {left:5px;background-position:-300px -300px;}
.lct_list4.slide .slick-next {right:5px;background-position:-334px -300px;}
.lct_list4.slide .slick-dots {position:absolute;left:0;bottom:0;width:100%;}
.lct_list4.slide .slick-dots li + li {margin-left:8px;}
.lct_list4.slide .slick-dots button {display:block;width:12px;height:12px;border-radius:100%;background:#c3c3c3;}
.lct_list4.slide .slick-dots .slick-active button {background:#00ac4f;}

/* quot */
.quot {position:relative;padding:15px 30px 15px 40px;border:1px dashed #b9b9b9;border-radius:25px;background:#efefef;}
.quot .format_quote {position:absolute;left:10px;top:8px;}
.quot p {line-height:1.5;}
.quot .writer {display:block;margin-top:5px;font-size:13px;font-weight:bold;color:#333;}

/* popup design */
.p_ds {max-width:700px;}
.p_ds > .top {overflow:hidden;position:relative;padding:17px 50px 15px 70px;background:url("../../images/www/bg/know_rate_top.png") repeat 0 0	;}
.p_ds > .top:before {content:" ";position:absolute;left:17px;top:12px;width:40px;height:31px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -180px -420px;}
.p_ds > .top:after {content:" ";position:absolute;right:0;bottom:0;width:110px;height:172px;background:url("../../images/www/bg/know_rate_top_deco.png") no-repeat 0 0;}
.p_ds > .top .title {margin-bottom:7px;font-size:18px;font-weight:bold;letter-spacing:-0.25px;color:#000;}
.p_ds > .top .title .italic {font-style:italic;color:#ff7417;}
.p_ds > .top .st {margin-bottom:8px;font-size:16px;letter-spacing:-0.25px;color:#fff;}
.p_ds > .top ul {position:relative;z-index:10;}
.p_ds > .top li {line-height:1.7;letter-spacing:-0.3px;color:#fff;}
.p_ds > .top .pick li {position:relative;padding-left:33px;}
.p_ds > .top .pick li:before {content:" ";position:absolute;left:0;top:2px;width:22px;height:16px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -278px -524px;}
.p_ds .group.rate {margin-bottom:20px;}
.p_ds .case {margin:0 10px;padding:0 5px 10px 5px;border:1px solid #d2d2d2;background-color:#ebeaea;}
.p_ds .group.rate .case {padding:15px;}
.p_ds .chart ul {overflow:hidden;padding-right:100px;}
.p_ds .chart li {margin-top:10px;}
.p_ds .chart li:first-child {margin-top:0;}
.p_ds .chart .bar {text-align:center;position:relative; min-width:100px;height:32px;line-height:32px;font-size:16px;font-weight:bold;letter-spacing:-0.25px;color:#fff;}
.p_ds .chart .lab {position:absolute;right:-90px;top:0;width:80px;color:#686868;}
.p_ds .chart .wt .bar {border:1px solid #5e6b9e;color:#ff7417;background-color:#fff;}
.p_ds .chart .purple .bar {background-color:#5e6b9e;}
.p_ds .chart .orange .bar {background-color:#ff7417;}
.p_ds .detail {position:relative;padding:23px 20px 0 63px;background:url("../../images/www/bg/know_rate_detail.png") no-repeat 88% 0;}
.p_ds .detail:before {content:" ";position:absolute;left:17px;top:19px;width:40px;height:31px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -320px -480px;}
.p_ds .detail .title {margin-bottom:17px;font-size:16px;font-weight:bold;letter-spacing:-0.25px;color:#222;}
.p_ds .howto > li {margin-bottom:10px;padding:8px 0 15px 60px;background-repeat:no-repeat;background-position:0 3px;}
.p_ds .howto > li:last-child {margin-bottom:0;}
.p_ds .howto li {font-size:15px;font-weight:bold;color:#595959;}
.p_ds .howto .member {background-image:url("../../images/www/bg/know_rate_member.png");}
.p_ds .howto .book {background-image:url("../../images/www/bg/know_rate_book.png");}
.p_ds .howto .active {background-image:url("../../images/www/bg/know_rate_active.png");}
.p_ds .howto .level {background-image:url("../../images/www/bg/know_rate_level.png");}
.p_ds .howto .product {background-image:url("../../images/www/bg/know_rate_product.png");}
.p_ds .howto .lab {color:#3264c8;}
.p_ds .howto .num {color:#ff7417;}
.p_ds .howto .em {color:#898989;}
.p_ds .howto .point {padding-top:15px;}
.p_ds .howto .bul li {margin-top:10px;}
.p_ds .howto .bul li:first-child {margin-top:0;}
.p_ds .howto .bul .sub {display:block;position:relative;padding-left:10px;color:#222;}
.p_ds .howto .bul .sub:before {content:" ";position:absolute;left:0;top:7px;width:4px;height:4px;background-color:#aaafd5;}
.p_ds .howto .lab.bk {display:block;margin-bottom:5px;}
.p_ds .howto li .intro {line-height:1.5;color:#898989;}
.p_ds .service .howto > li {background-position:0 9px;}
.p_ds .service .howto .em {color:#ff7417;}
.p_ds .service .howto .online {background-image:url("../../images/www/bg/pds_service_online.png");}
.p_ds .service .howto .ace {background-image:url("../../images/www/bg/pds_service_ace.png");}
.p_ds .service .howto .offline {background-image:url("../../images/www/bg/pds_service_offline.png");}
.p_ds .service .howto .special {background-image:url("../../images/www/bg/pds_service_special.png");}
.p_ds .b_box {padding-bottom:20px;}

.dash .text_add {text-align:right;margin-top:-40px;padding-bottom:15px;font-size:16px;color:#6995c2;}
.dash .ex_guide {margin-bottom:20px;padding:10px 25px;border:3px solid #e88f41;border-radius:6px;background-color:#fff;}
.dash .ex_guide p {position:relative;padding:7px 7px 7px 10px;border-top:1px solid #dbdbdb;font-size:18px;}
.dash .ex_guide p:before {content:" ";position:absolute;left:0;top:18px;width:3px;height:3px;background-color:#e88f41;}
.dash .ex_guide p:first-child {border:0;}
.d_link {text-align:right;}
.d_link .item {overflow:hidden;vertical-align:middle;display:inline-block;position:relative;margin:2px;padding:10px 15px 10px 40px;border-radius:4px;background-color:#63aadc;}
.d_link .item:before {content:" ";position:absolute;left:0;top:0;width:0;height:0;border-bottom:48px solid transparent;border-left:48px solid #0052a8;}
.d_link .item span {line-height:1.4;font-size:16px;color:#fff;}
.d_link .item .go {display:inline-block;position:relative;height:32px;line-height:32px;margin:4px;padding:0 10px 0 40px;border-radius:3px;color:#000;background-color:#fff;}
.d_link .item .go:before {content:" ";position:absolute;left:15px;top:50%;width:19px;height:13px;margin-top:-6px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -360px -240px;}
.d_link.wide {text-align:left;}
.d_link.wide .item {display:block;}

/* d_prof */
.dash.prof {background-color:#e7ecf2}
.dash.prof .profile .tag {margin-top:13px;font-weight:200;}
.dash.prof .profile .link:before {width:17px;height:21px;background-position:-420px 0}
.dash.prof .curri {padding:20px 0 30px 0;background:url("../../images/www/common/dash_curri.png") repeat;}
.dash.prof .support {padding-bottom:30px;background-color:#f5f5f5;}
.dash .section.active .top {text-align:center;height:48px;line-height:48px;font-size:16px;color:#fff;}
.dash .section.active .top img {margin-right:5px;}
.dash .section.active .top.blue {background-color:#2271cb;}
.dash .section.active .top.sky {background-color:#00acef;}
.dash .section.active .top.green {background-color:#62af42;}
.dash .section.active table {border:1px solid #dbdbdb;border-top:0;background-color:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.dash .section.active td {text-align:center;border-bottom:1px solid #dbdbdb;}
.dash .section.active .count td {vertical-align:bottom;height:45px;padding-bottom:10px;font-size:16px;font-weight:500;color:#607fad;}
.dash .section.active .lab td {height:60px;background-color:#f2f2f2;}
.dash .section.study .sub_state {position:relative;display:inline-block;}
.dash .section.study .caution {position:absolute;left:-12px;top:-10px;width:24px;height:24px;}
.dash .section.study .caution:before {line-height:24px;font-size:18px;color:#fff;}
.dash .section.study .ready:before, .dash .section.study .com:before {content:" ";vertical-align:middle;display:inline-block;width:13px;height:10px;margin-right:3px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -270px 0;}
.dash .section.study .com:before {height:11px;margin-right:5px;background-position-x:-300px;}
.dash .section.apply .more {position:absolute;right:12px;top:10px;width:12px;height:12px;background-position:-30px -30px;}
.dash .section.apply td {letter-spacing:-0.5px;}
.dash .section.apply .frame {width:154px;height:69px;margin:0 auto 5px auto;}
.dash .section.apply .frame img {width:100%;height:100%;}
.dash .section.apply .sys .state {font-size:14px;font-weight:400;}
.dash .status .tab {display:table;width:100%;background-color:#e0ecf3;}
.dash .status .tab li {display:table-cell;}
.dash .status .tab li + li {border-left:1px solid #bdbec0;}
.dash .status .tab li a {text-align:center;position:relative;display:block;height:36px;line-height:36px;border-bottom:1px solid #bdbec0;font-size:14px;letter-spacing:-0.75px;}
.dash .status .tab .on a {border-bottom:0;background-color:#edeef0;}
.dash.prof .front .advice .inner {display:none;padding-top:15px;}
.dash.prof .front .advice .inner li {padding:8px 30px 8px 0;border-bottom:1px solid #e6e6e6;}
.dash .front .advice.assis .inner {display:block;padding-top:20px;}
.dash .front .advice.assis .inner li {padding:0;}
.dash .front .advice.assis .inner li a {display:block;padding:8px 0;font-size:16px;}
.prof_cs .app > td {padding:7px 10px;}
.prof_cs .app .tbl_col th, .prof_cs  .app .tbl_col td {height:auto;padding:4px;border-right:0;}
.prof_cs .app .tbl_col th {border-top:0;font-size:13px;font-weight:300;color:#fff;background-color:#8da4c4;}
.prof_cs .app .tbl_col th:first-child, .prof_cs  .app .tbl_col td:first-child {border-left:0;}
.prof_cs .app .sq_box {margin-bottom:0;border-radius:0;background-color:#f5f6f7;}
.prof_cs .app li {display:inline-block;}
.prof_cs .app .ct {position:relative;padding-left:20px;}
.prof_cs .app .ct .sub_ar {position:absolute;left:-5px;top:50%;margin-top:-14px;}
.prof .section.survey .more {position:absolute;right:3px;top:30px;width:12px;height:12px;background-position:-30px -30px;}
.stu .section.survey .more {overflow:hidden;display:block;position:absolute;top:20px;right:3px;width:30px;height:30px;font-size:0;background:url(../../images/www/temp/teaching/main_icon.png) no-repeat -148px 0px;}
.dash .capa_dev .more:hover, .dash .capa_dev .more:focus, .stu .section.survey .more:hover, .stu .section.survey .more:focus {background-position:-178px -0px;}
.dash .ic_sub {position:relative;}
.dash .ic_sub.one {padding-right:70px;}
.dash .ic_sub.two {padding-right:130px;}
.dash .ic_sub .add {position:absolute;right:0;top:50%;margin-top:-12px;}
.dash .ic_sub .icc:before {color:#545557;}
.dash .d_menu {text-align:right;padding-top:10px;}
.dash .d_menu .c_btn.lg {padding:0 10px;font-weight:300;}
.dash .d_menu .toc {margin:-3px 5px 0 0;}

/* c_review */
.c_review .stage {position:relative;margin-bottom:10px;}
.c_review .stage:after {content:" ";clear:both;display:block;}
.c_review .stage > li {text-align:center;float:left;margin:2px 2px 8px 2px;}
.c_review .stage li {position:relative;height:48px;line-height:48px;padding:0 12px;border:1px solid #dedede;font-weight:300;letter-spacing:-0.5px;color:#636363;background-color:#f2f2f2;}
.c_review .stage li:after {display:none;content:" ";position:absolute;bottom:-11px;left:50%;width:0;height:0;margin-left:-3px;border:solid transparent;border-top-color:#1d9ced;border-width:5px;}
.c_review .stage li.on:after {display:block;}
.c_review .stage li.on {border-color:#1d9ced;color:#fff;background-color:#1d9ced;}
.c_review input.min {width:80px;}
.c_review .c_panel {border-color:#b9b9b9;}
.c_review .tbl_col td {height:auto;padding:5px;}
.c_review.form input.min {width:60px;}

/* no_data */
.no_data {display:table;height:100%;margin:0 auto;}
.no_data.fix {height:120px;}
.no_data .con, .post_no .con {vertical-align:middle;display:table-cell;}
.no_data a, .post_no a {position:relative;display:block;padding-top:90px;font-size:18px;color:#686868;}
.no_data a:before, .post_no a:before {content:"\e0c6";position:absolute;left:50%;top:0;line-height:1;margin-left:-40px;font-family:'Material Icons';font-size:80px;color:#eb7c7c;}
.no_data a span, .post_no a span {position:relative;}
.no_data a span:after, .post_no a span:after {content:" ";position:absolute;right:-12px;bottom:4px;width:7px;height:13px;margin-left:5px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -150px -180px;}

/* dash table */
.dash .section.work .tbl_col3 th {border-top-color:#000;}
.dash .tbl_col3 td.date {letter-spacing:-0.5px;color:#3f8edd;}
.dash .section .sys td {padding:10px;}
.dash .section .well {padding:0 20px;height:49px;line-height:49px;}

/* list */
.in_list:after {content:" ";display:block;clear:both;}
.in_list li {float:left;margin:2px 5px 2px 0;line-height:32px;padding:0 10px;border-radius:4px;border:1px solid #d1d1d1;background-color:#fff;}
.in_list li:hover {border-color:#adadad;background-color:#f5f6f7;}
.in_list li a {vertical-align:middle;font-size:13px;color:#333;}
.in_list li button {display:inline-block;vertical-align:middle;width:20px;height:20px;line-height:1;margin-left:7px;}
.in_list li .close {width:20px;height:20px;margin-top:-2px;}
.in_list li .close:before {line-height:20px;font-size:14px;}
.in_list li .file_download {line-height:1;margin-top:-2px;}
.in_list li a:hover .file_download:before {color:#1d9ced;}

/* aside */
#aside .group {margin-bottom:19px;border:1px solid #dbd8d8;background-color:#fff;}
#aside .profile {position:relative;}
#aside .profile .deco img {width:100%;height:180px;}
#aside .profile .photo {overflow:hidden;position:absolute;left:50%;top:88px;width:108px;height:108px;margin-left:-54px;border-radius:50%;}
#aside .profile .photo img {width:100%;height:100%;border-radius:50%;background-color:#fff;}
#aside .profile .manager {text-align:center;position:relative;padding:30px 12px 25px 12px;border-bottom:1px solid #e8e8e8;}
#aside .profile .manager strong {font-size:17px;color:#292929;}
#aside .profile .manager .nick {margin-left:5px;font-size:12px;font-weight:700;color:#1d9ced;}
#aside .profile .manager p {line-height:1.4;padding-top:10px;font-size:12px;color:#898989;}
#aside .profile .manager .set {position:absolute;right:5px;top:5px;}
#aside .profile .info {padding:10px 0;border-bottom:1px solid #e8e8e8;}
#aside .profile .info li {padding:0 10px;font-size:12px;}
#aside .profile .info li + li {margin-top:10px;}
#aside .profile .info .col {display:-ms-flexbox;display:-moz-box;display:-webkit-box;display:flex;-webkit-align-items:center;align-items:center;}
#aside .profile .info .col div {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:33%;padding-right:10px;}
#aside .profile .info .col div + div {padding-left:10px;}
#aside .item {text-align:center;display:table;width:100%;padding:0 4px;}
#aside .item li {vertical-align:middle;display:table-cell;height:43px;}
#aside .item li a {display:inline-block;line-height:20px;padding-left:22px;font-size:13px;color:#292929;}
#aside .item .chat {padding-left:20px;background:url("../../images/www/icon/icon_p_chat.png") no-repeat 0 50%;}
#aside .item .msg {background:url("../../images/www/icon/icon_p_msg.png") no-repeat 0 50%;}
#aside .item .mail {background:url("../../images/www/icon/icon_p_mail.png") no-repeat 0 50%;}
#aside .item li a span {vertical-align:middle;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:2px;color:#fe6500;}
#aside .activity {padding:20px 7px 18px 7px;}
#aside .activity .info {padding-bottom:10px;}
#aside .activity .info li {line-height:1.4;font-size:12px;}
#aside .activity .info li + li {margin-top:5px;}
#aside .activity .write {text-align:center;display:block;height:36px;line-height:36px;font-size:16px;color:#fff;background-color:#1d9ced;}
#aside .activity .btn {text-align:center;display:block;height:36px;line-height:36px;font-size:16px;color:#fff;background-color:#3e8ddc;}
#aside .activity .btn.puple {background-color:#605aa6;}
#aside .activity .btn + .btn {margin-top:5px;}
#aside .category {padding:20px 7px 18px 7px;}
#aside .category .menu li + li {margin-top:5px;}
#aside .category .menu li a {display:-ms-flexbox;display:-moz-box;display:-webkit-box;display:flex;-webkit-align-items:center;align-items:center;padding:0 10px 0 17px;border:1px solid #e8e8e8;}
#aside .category .menu li a span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:43px;font-size:13px;color:#898989;}
#aside .category .menu li a .count {min-width:40px;padding-left:5px;color:#b5b5b5;}
#aside .category .menu .on a span {color:#fe6500;}

#aside .category .list li {border-top:1px solid #e8e8e8;}
#aside .category .list li a, #aside .category .list h4 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:block;line-height:39px;padding:0 0 0 25px;font-size:13px;color:#898989;}
#aside .category .list h4 {padding-left:10px;border-top:1px solid #e8e8e8;font-weight:bold;color:#31384b;background-color:#f4f4f4;}
#aside .category .list li a:before {content:"\e873";position:absolute;left:5px;top:50%;line-height:1;margin-top:-9px;font-family:'Material Icons';font-size:18px;}
#aside .category .list li.border {border-top:1px dashed #424242;}
#aside .category .list .on a, #aside .category .list li a:hover {color:#2271cb;}
#aside .category .list .memo a:before {content:"\e3c9";left:7px;font-size:14px;}
#aside .category .basic {background-color:#f6f8ff;}
#aside .category .basic li + li {border-top:0;}

#aside .link {border-top:2px solid #1d9ced;}
#aside .link li a {position:relative;display:block;line-height:39px;padding:0 40px 0 7px;font-size:13px;color:#898989;}
#aside .link li a:after {content:" ";position:absolute;right:9px;top:50%;width:21px;height:21px;margin-top:-11px;background:url("../../images/www/icon/i_bookmark.gif") no-repeat 0 0;}
#aside .link li + li {border-top:1px solid #e8e8e8;}
#aside .news {border:1px solid #e8e8e8;}
#aside .news li {padding:7px;}
#aside .news li + li {border-top:1px solid #e8e8e8;}
#aside .news a {position:relative;display:block;height:72px;}
#aside .news .img {position:absolute;left:0;top:0;width:77px;height:100%;}
#aside .news .img img {width:100%;height:100%;}
#aside .news .info {padding-left:86px;}
#aside .news .info strong, #aside .category .news .info .sort {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;letter-spacing:-0.5px;color:#898989;}
#aside .news .info strong {padding:4px 0 5px 0;}
#aside .news .info .sort {font-size:13px;}
#aside .news .c_rating i:before {font-size:15px;color:#1d9ced;}
#aside .away {margin-bottom:0;padding:20px 7px 18px 7px;background-color:#f4f4f4;}
#aside .away a {font-size:13px;}
#aside .away a:hover {text-decoration:underline;}
#aside .other_link {text-align:center;display:block;height:40px;line-height:40px;margin-bottom:19px;color:#fff;background-color:#989b9f;}
#aside .other_link .icc {line-height:1;margin:-2px 3px 0 0;}
.cm_make {text-align:center;display:block;padding:10px;margin-bottom:19px;font-size:18px;color:#fff;background-color:#30449d;}
.cm_make i {margin-right:5px;}
.cm_make i:before {font-size:36px;}

/* lct_list */
.lct_list:after {content:" ";clear:both;display:block;}
.lct_list.album {margin-left:-10px;margin-right:-10px;margin-top:-10px;}
.lct_list.album .tb {position:absolute;display:table;width:100%;height:100%;}
.lct_list.album .cell {text-align:center;display:table-cell;vertical-align:middle;padding:0 10px;}
.lct_list.album .sub {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:5.6em;line-height:1.4em;font-size:16px;font-weight:bold;color:#222;}
.lct_list.album > li {position:relative;float:left;width:33.33333333%;padding:10px;}
.lct_list.album > li > .inner {display:block;box-shadow:0 2px 5px rgba(0,0,0,0.15);background-color:#fff;}
.lct_list.album .img {position:relative;height:0;padding-bottom:56.25%;}
.lct_list.album .img img {position:absolute;left:0;top:0;width:100%;height:100%;}
.lct_list.album .con {border:1px solid #d2d2d2;border-top:0;}
.lct_list.album .info {height:150px;padding:15px 10px;}
.lct_list.album .info li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;line-height:20px;padding-left:6px;font-size:13px;color:#898989;}
.lct_list.album .info li:before {content:" ";position:absolute;left:0;top:9px;width:2px;height:2px;background-color:#00acee;}
.lct_list.album .info .lab {margin-right:4px;font-weight:bold;color:#595959;}
.lct_list.album .enter {text-align:center;min-height:45px;padding-bottom:15px;}
.lct_list.album .enter .c_btn, .c_list1.reg .enter .c_btn {height:30px;line-height:30px;margin:0 4px;padding:0 12px;font-size:13px;font-weight:bold;}
.lct_list.album .enter .check, .c_list1.reg .enter .check, .lct_list.album .enter .finish, .c_list1.reg .enter .finish {margin-right:5px;}
.lct_list.album .favor, .c_list1.reg .favor {margin:-1px 5px 0 0;}
.lct_list.album .like .favor:before, .c_list1.reg .like .favor:before {line-height:1;font-size:18px;color:#cacaca;}
.lct_list.album .on .favor:before, .c_list1.reg .on .favor:before {color:#e74c3c;}

/* sort_tab */
.sort_tab {vertical-align:top;overflow:hidden;display:inline-block;border-radius:4px;background-color:#959595;}
.sort_tab li {float:left;}
.sort_tab a {display:block;height:30px;line-height:30px;padding:0 15px;color:#fff;}
.sort_tab .on a {padding-right:30px;background-color:#ff7417;background-repeat:no-repeat;background-position:85% 50%;background-size:9px auto;}
.sort_tab .desc a {background-image:url("../../images/www/common/sort_tab_desc.png");}
.sort_tab .asc a {background-image:url("../../images/www/common/sort_tab_asc.png");}

/* lct_list1 */
.lct_list1 li:after {content:" ";clear:both;display:block;}
.lct_list1 li .img {overflow:hidden;display:block;position:relative;height:0;padding-bottom:56.25%}
.lct_list1 li .img img {position:absolute;left:0;top:0;width:100%;height:100%;}
.lct_list1 .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:43px;line-height:45px;padding:0 10px;font-size:16px;font-weight:bold;color:#333;}
.lct_list1 .menu {padding:10px;border-top:1px dashed #dfdfdf;}
.lct_list1 .con {padding:0 10px 10px 10px;}
.lct_list1 .con p {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:20px;height:60px;font-size:13px;color:#898989;}
.lct_list1 .item {padding:10px;}
.lct_list1 .item li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#898989;}
.lct_list1 .item li + li {padding-top:5px;}
.lct_list1 > li {float:left;width:25%;padding:5px;}
.lct_list1 > li > a {display:block;position:relative;border:1px solid #e0dfdf;background:#fff;}
.lct_list1.app > li > .inner {position:relative;border:1px solid #e0dfdf;background:#fff;}
.lct_list1 .menu {overflow:hidden;text-align:center;}
.lct_list1 .menu a {vertical-align:middle;display:block;float:left;width:calc(50% - 2px);height:35px;line-height:35px;padding:0 15px;border-radius:2px;font-size:13px;font-weight:bold;}
.lct_list1 .menu a:first-child {margin-right:4px;}
.lct_list1 .menu a.wide {width:100%;margin:0;}
.lct_list1 .menu .wt {color:#000;border:1px solid #d2d2d2;background-color:#fff;}
.lct_list1 .menu .gray {color:#fff;background-color:#666;}

/* lct_list2 */
.lct_list2:after {content:" ";clear:both;display:block;}
.lct_list2 > li {float:left;padding:0 10px 10px 10px;}
.lct_list2 > li > a {display:block;}
.lct_list2 .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.lct_list2 .img img {position:absolute;left:0;top:0;width:100%;height:100%;}
.lct_list2 .con {height:82px;padding-top:10px;} /* 130px */
.lct_list2 .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:6px;font-size:16px;font-weight:bold;color:#2f2f2f;}
.lct_list2 .desc {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;line-height:20px;color:#686868;}
.lct_list2 .group {display:block;margin-top:6px;font-size:13px;font-weight:bold;color:#27af57;}
.lct_list2 .c_rating {margin-top:3px;}
.lct_list2 .c_rating .icc:before {font-size:28px;color:#009dda;}
.lct_list2.two > li {width:50%;}

/* lct_list3 */
.lct_list3:after {content:" ";clear:both;display:block;}
.lct_list3 > li {float:left;width:25%;padding:0 5px 40px 5px;}
.lct_list3 > li > .inner {position:relative;border:1px solid #d2d2d2;border-top-color:#3264c8;background-color:#fff;}
.lct_list3 > li .top {text-align:center;height:276px;padding:13px 10px 0 10px;background-color:#eae6db;}
.lct_list3 .img {overflow:hidden;width:124px;height:183px;margin:0 auto 14px auto;padding:6px 1px 1px 1px;background:url("../../images/www/bg/lct_list3_img.png") no-repeat 0 0;}
.lct_list3 .img img {display:block;width:100%;height:100%;}
.lct_list3 .tab {position:absolute;left:0;top:0;}
.lct_list3 .tab span {display:block;width:46px;height:44px;padding-top:10px;font-size:12px;letter-spacing:-0.5px;color:#fff;}
.lct_list3 .tab .orange {background:url("../../images/www/bg/list3_tab_orange.png") no-repeat 0 0;}
.lct_list3 .tab .gray {background:url("../../images/www/bg/list3_tab_gray.png") no-repeat 0 0;}
.lct_list3 .top .group {display:block;margin-bottom:5px;font-size:13px;font-weight:bold;letter-spacing:-0.5px;color:#222;}
.lct_list3 .top .sub {-webkit-line-clamp:2;line-height:1.4em;height:2.8em;font-weight:bold;letter-spacing:-0.5px;color:#3264c8;}
.lct_list3 .btm {height:108px;padding:8px 8px 0 8px;box-shadow:0 -1px 3px rgba(0,0,0,0.2);}
.lct_list3 .info {min-height:58px;}
.lct_list3 .info li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;line-height:1.6;padding-left:8px;font-size:12px;letter-spacing:-0.25px;}
.lct_list3 .info li:before {content:" ";position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#ff7417;}
.lct_list3 .info .lab {font-weight:bold;}
.lct_list3 .add {text-align:center;padding-top:6px;}
.lct_list3 .dl_btn {height:25px;line-height:26px;font-size:12px;}

/* lct_list4 */
.lct_list4:after {content:" ";clear:both;display:block;}
.lct_list4 > li {float:left;width:50%;padding:0 5px 40px 5px;}
.lct_list4 > li > .inner {position:relative;padding:30px 20px 20px 160px;border:1px solid #d2d2d2;border-top-color:#3264c8;background-color:#fff;}
.lct_list4 > li .ct {height:138px;}
.lct_list4 .img {overflow:hidden;position:absolute;left:20px;top:20px;width:124px;height:183px;padding:6px 1px 1px 1px;background:url("../../images/www/bg/lct_list3_img.png") no-repeat 0 0;}
.lct_list4 .img img {display:block;width:100%;height:100%;}
.lct_list4 .tab {text-align:center;position:absolute;left:0;top:0;z-index:10;}
.lct_list4 .tab span {display:block;width:46px;height:44px;padding-top:10px;font-size:12px;letter-spacing:-0.5px;color:#fff;}
.lct_list4 .tab .orange {background:url("../../images/www/bg/list3_tab_orange.png") no-repeat 0 0;}
.lct_list4 .tab .gray {background:url("../../images/www/bg/list3_tab_gray.png") no-repeat 0 0;}
.lct_list4 .top .group {display:block;margin-bottom:5px;font-size:13px;font-weight:bold;letter-spacing:-0.5px;color:#222;}
.lct_list4 .top .sub {-webkit-line-clamp:2;line-height:1.4em;height:2.8em;font-size:18px;font-weight:bold;letter-spacing:-0.5px;color:#3264c8;}
.lct_list4 .btm {height:108px;padding:8px 8px 0 8px;box-shadow:0 -1px 3px rgba(0,0,0,0.2);}
.lct_list4 .info {padding-top:3px;min-height:65px;}
.lct_list4 .info li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;line-height:1.5;padding-left:8px;letter-spacing:-0.25px;}
.lct_list4 .info li:before {content:" ";position:absolute;left:0;top:9px;width:3px;height:3px;background-color:#ff7417;}
.lct_list4 .info .lab {font-weight:bold;}
.lct_list4 .dl_btn {height:34px;line-height:34px;padding:0 40px;}

/* wd_li */
.wd_li:after {content:" ";clear:both;display:block;}
.wd_li > li {float:left;width:25%;padding:10px;}
.wd_li > li > a {overflow:hidden;display:block;position:relative;height:0;padding-bottom:100%;border-radius:6px;}
.wd_li .img {position:absolute;left:0;top:0;right:0;bottom:0;}
.wd_li .img img {width:100%;height:100%;}
.wd_li .cover {position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.3);}
.wd_li .tbl {display:table;width:100%;height:100%;}
.wd_li .tbl .text {text-align:center;vertical-align:bottom;display:table-cell;position:relative;padding:10px 10px 35px 10px;}
.wd_li .tbl .title {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;max-height:4.2em;font-size:20px;font-weight:bold;color:#fff;}
.wd_li .tbl .name {display:block;width:100%;position:absolute;left:0;bottom:10px;color:#fff;}
.main_col1 .wd_li > li {padding-top:0;}
.wd_li.two > li {width:50%;}

.wd_bd_li > li {padding:10px 0;border-bottom:1px solid #dedede;}
.wd_bd_li > li > a {overflow:hidden;display:block;}
.wd_bd_li .img {float:left;width:100px;height:100px;}
.wd_bd_li .img img {width:100%;height:100%;border-radius:4px;}
.wd_bd_li .ct {margin-left:120px;padding-top:4px;}
.wd_bd_li .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:bold;color:#000;}
.wd_bd_li .desc {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3em;line-height:1.5em;margin-top:8px;}
.wd_bd_li .info {overflow:hidden;margin-top:5px;}
.wd_bd_li .info .left {float:left;}
.wd_bd_li .info .right {float:right;}
.wd_bd_li .info .com, .wd_bd_li .info .score {color:#ff7417;}
.wd_bd_li .info .score {margin-left:10px;}
.wd_bd_li .info .name {margin-right:10px;color:#ff7417;}

/* lct_tbl */
.lct_tbl > li {padding:2px 5px;}
.lct_tbl > li .inner {position:relative;padding-left:225px;border:1px solid #dfdfdf;background-color:#fff;}
.lct_tbl > li .img {position:absolute;left:0;top:0;width:215px;height:120px;}
.lct_tbl > li .img img {display:block;width:100%;height:100%;}
.lct_tbl .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:5px;font-size:16px;font-weight:bold;color:#292929;}
.lct_tbl .con {position:relative;height:120px;padding:10px 15px 0 0;}
.lct_tbl .con p {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;line-height:18px;}
.lct_tbl .bar {position:absolute;left:0;bottom:10px;}
.lct_tbl .bar a {text-align:center;vertical-align:middle;display:inline-block;min-width:64px;height:32px;line-height:31px;padding:0 5px;border:1px solid #d2d2d2;border-radius:4px;letter-spacing:-0.3px;color:#000;}
.lct_tbl .bar .gray {background-color:#eceff1;}
.lct_tbl .bar .blue {border-color:#0c4da2;color:#fff;background-color:#0c4da2;}
.lct_tbl .c_rating .ave {letter-spacing:-0.25px;font-size:13px;color:#686868;}
.lct_tbl .c_rating .count {color: #e61473;}
.lct_tbl .c_rating .view i:before {font-size:18px;}
.lct_tbl .sort {display:block;margin-bottom:3px;font-size:13px;font-weight:bold;}
.lct_tbl .sort.red {color:#e61473;}
.lct_tbl .sort.green {color:#01a141;}
.lct_tbl .sort.blue {color:#0c4da2;}
.lct_tbl .sort.sky {color:#00abf0;}
.lct_tbl .mobile {position:absolute;left:0;top:0;z-index:10;height:22px;line-height:22px;padding:0 10px 0 23px;font-size:13px;font-weight:bold;color:#fff;background-color:#6d6e71;}
.lct_tbl .mobile:before {content:" ";position:absolute;left:8px;top:3px;width:11px;height:15px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -420px -300px;}

.lct_tbl2 > li {padding:2px 5px;}
.lct_tbl2 > li .inner {position:relative;padding:0 200px 0 170px;border:1px solid #dfdfdf;background-color:#fff;}
.lct_tbl2 > li .img {position:absolute;left:0;top:0;width:160px;height:90px;}
.lct_tbl2 > li .img img {display:block;width:100%;height:100%;}
.lct_tbl2 .sub {display:block;font-size:15px;font-weight:bold;color:#292929;}
.lct_tbl2 .tb {display:table;width:100%;height:100%;}
.lct_tbl2 .cell {text-align:center;vertical-align:middle;display:table-cell;font-size:13px;}
.lct_tbl2 .con {overflow:hidden;}
.lct_tbl2 .con li {float:left;width:19.66666666%;height:90px;padding:10px 0;}
.lct_tbl2 .con .basic {width:25%;}
.lct_tbl2 .con .group {width:8%;}
.lct_tbl2 .con .time {width:8%;}
.lct_tbl2 .basic .cell {text-align:left;}

.lct_tbl2 .sort {display:block;margin-bottom:5px;font-size:13px;font-weight:bold;}
.lct_tbl2 .sort.red {color:#e61473;}
.lct_tbl2 .sort.green {color:#01a141;}
.lct_tbl2 .sort.blue {color:#0c4da2;}
.lct_tbl2 .sort.sky {color:#00abf0;}
.lct_tbl2 .mobile {position:absolute;left:0;top:0;z-index:10;height:22px;line-height:22px;padding:0 7px 0 23px;font-size:12px;font-weight:bold;color:#fff;background-color:#6d6e71;}
.lct_tbl2 .mobile:before {content:" ";position:absolute;left:8px;top:3px;width:11px;height:15px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -420px -300px;}
.lct_tbl2 .bar {text-align:center;position:absolute;right:0;top:50%;width:200px;margin-top:-14px;}
.lct_tbl2 .c_rating {margin-top:3px;}
.lct_tbl2 .c_rating i:before {font-size:18px;}
.lct_tbl2 .bar a {vertical-align:middle;display:inline-block;min-width:60px;height:28px;line-height:26px;padding:0 5px;border:1px solid #d2d2d2;border-radius:4px;letter-spacing:-0.3px;font-size:13px;color:#000;}
.lct_tbl2 .bar .gray {background-color:#eceff1;}
.lct_tbl2 .bar .blue {border-color:#0c4da2;color:#fff;background-color:#0c4da2;}

/* lct_list5 */
.lct_list5:after {content:" ";clear:both;display:block;}
.lct_list5 > li {float:left;width:25%;padding:5px;}
.lct_list5 > li .inner {border:1px solid #d2d2d2;box-shadow:0 2px 5px rgba(0,0,0,0.2);background-color:#fff;}
.lct_list5 .sub {text-align:center;display:table;width:100%;border-bottom:0;}
.lct_list5 strong {vertical-align:middle;overflow:hidden;text-overflow:ellipsis;display:table-cell;height:68px;padding:0 5px;font-size:18px;font-weight:bold;letter-spacing:-0.25px;color:#292929;}
.lct_list5 .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.lct_list5 .img img {position:absolute;display:block;width:100%;height:100%;}
.lct_list5 .info {height:68px;padding:12px 5px 0 5px;}
.lct_list5 .info li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;letter-spacing:-0.5px;color:#292929;}
.lct_list5 .info .em {color:#e61473;}
.lct_list5 .bar {text-align:right;padding:10px 5px;border-top:1px solid #d2d2d2;}
.lct_list5 .bar a {vertical-align:middle;display:inline-block;height:32px;line-height:32px;padding:0 5px;border:1px solid #d2d2d2;border-radius:4px;letter-spacing:-0.25px;color:#000;}
.lct_list5 .bar .gray {background-color:#eceff1;}
.lct_list5 .bar .blue {border-color:#0c4da2;color:#fff;background-color:#0c4da2;}
.lct_list5 .c_rating .ave {letter-spacing:-0.25px;font-size:13px;color:#686868;}
.lct_list5 .c_rating .count {color:#e61473;}
.lct_list5 .c_rating .view i:before {font-size:18px;}

/* course_detail */
.course_detail {word-break:break-word;}
.course_detail .summary {overflow:hidden;position:relative;margin-bottom:20px;padding:30px 30px 30px 280px;border:1px solid #d2d2d2;}
.course_detail .summary:after {content:" ";clear:both;display:block;}
.course_detail .summary .img {position:absolute;top:75px;left:30px;width:213px;height:242px;border:1px solid #d5d5d7;} /* 16:9 */
.course_detail .summary .img img {width:100%;height:100%;}
.course_detail .c_sub h3 {font-size:22px;font-weight:bold;color:#000;}
.course_detail .summary .info {margin-top:20px;padding-top:20px;border-top:1px solid #e9e8e8;}
.course_detail .summary dl {overflow:hidden;margin-top:5px;}
.course_detail .summary dl:first-child {margin-top:0;}
.course_detail .summary dt, .course_detail .summary dd {line-height:1.5;}
.course_detail .summary dt {position:relative;float:left;width:85px;padding-left:10px;font-weight:bold;color:#000;}
.course_detail .summary dt:after {content:" ";position:absolute;left:0;top:9px;width:3px;height:3px;background-color:#20ce6e;}
.course_detail .summary dd {margin-left:90px;color:#898989;}
.course_detail .summary .date {color:#3f8edd;}
.course_detail .summary .c_rating i:before {font-size:18px;}
.course_detail .summary .enter {margin-top:10px;}
.course_detail .summary .enter li {float:left;width:25%;padding:2px;}
.course_detail .summary .enter a, .course_detail .summary .enter button {vertical-align:top;overflow:hidden;text-align:center;display:inline-block;height:42px;line-height:42px;margin:2px 0;padding:0 25px;border-radius:4px;font-size:15px;font-weight:bold;color:#fff;}
.course_detail .summary .enter .gray {background-color:#858585;}
.course_detail .summary .enter .red {background-color:#f64450;}
.course_detail .summary .enter .orange {background-color:#ff6600;}
.course_detail .summary .enter .blue {background-color:#3264c8;}

.course_detail .summary .enter .icmg, .course_detail .summary .enter .icc {margin:-2px 5px 0 0;}
.course_detail .summary .enter .favor:before {line-height:1;color:#cacaca;}
.course_detail .summary .enter .on .favor:before {color:#e74c3c;}

.cd_list .course {padding:15px;border:1px solid #b9b9b9;border-radius:2px;}
.cd_list .course + .course {margin-top:10px;}
.cd_list .course .head {position:relative;}
.cd_list .course .sort {float:left;width:70px;font-size:16px;color:#222;}
.cd_list .course .sort + .title {margin:0 90px 0 70px;font-size:16px;color:#222;}
.cd_list .course .fold {text-align:center;position:absolute;right:0;top:50%;width:30px;height:30px;line-height:30px;margin-top:-15px;border-radius:50%;color:#fff;background-color:#b9b9b9;}
.cd_list .course .ct {margin-top:15px;padding-top:10px;border-top:1px solid #e1e1e1;}
.cd_list .course .list {margin-left:70px;}
.cd_list .course .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;padding-right:90px;}
.cd_list .course li {position:relative;}
.cd_list .course li .c_btn {position:absolute;right:0;top:0;margin-top:5px;}
.cd_teacher .profile {position:relative;min-height:100px;padding-left:130px;}
.cd_teacher .profile .img {display:block;overflow:hidden;position:absolute;top:0;left:0;width:100px;height:100px;border:1px solid #b9b9b9;border-radius:50%;}
.cd_teacher .name {display:block;margin-bottom:10px;font-size:16px;font-weight:400;color:#222;}
.cd_teacher .career {padding-bottom:10px;line-height:1.4;}
.cd_teacher .sns a {margin:0 2px;}
.cd_teacher .intro {margin-top:30px;line-height:1.4;}
.cd_intro .group + .group {margin-top:25px;}
.cd_intro .dot {padding-left:20px;}
.cd_intro .dot li {position:relative;line-height:1.5;padding-left:13px;color:#686868;}
.cd_intro .dot li:before {content:" ";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#4a8fdd;}
.cd_intro .group .tbl_col th {padding:10px 5px;border-left:0;border-right:0;font-size:14px;color:#333;}
.cd_intro .group .tbl_col td {padding:15px 5px;border:0;color:#686868;background-color:#f8f8f8;}
.cd_intro .group .tbl_col tr:nth-child(odd) td {background-color:#f0f0f0;}
.cd_intro .group.profile .dot {padding:15px;background-color:#f5f5f5;}
.cd_intro .cs_down {vertical-align:middle;display:inline-block;height:26px;line-height:26px;margin-left:20px;padding:0 15px;border:1px solid #bfbfbf;border-radius:10px;font-size:13px;font-weight:bold;color:#333;}
.cd_intro .cs_down .icmg {margin:-3px 5px 0 0;}
.cd_intro .vd_frm {position:relative;}
.cd_intro .vd_frm iframe {}

/* comm_write */
.comm_group {padding:20px;}
.comm_write .head {padding-bottom:20px;}
.comm_write .c_title {display:inline-block;margin-bottom:0;}
.comm_write .head .count {margin-left:5px;font-size:18px;font-weight:bold;color:#2271cb;}
.comm_write .c_rating {padding-bottom:10px;}
.comm_write .c_rating i {font-size:24px;}
.comm_write .c_rating .ave {font-size:18px;}
.comm_write .regist {overflow:hidden;padding-top:10px;}
.comm_write .regist .c_rating {float:left;padding-bottom:0;}
.comm_write .regist .c_btn {float:right;padding:0 20px;}
.comm_write .public {overflow:hidden;padding-top:10px;}
.comm_write .public .check {float:left;}
.comm_write .public .check label + input {margin-left:10px;}
.comm_write .public .desc {float:right;}

/* comm_list */
.comm_list {margin-top:30px;}
.comm_list > li {position:relative;padding:20px 0 20px 80px;border-top:1px solid #e1e1e1;}
.comm_list > li .photo {overflow:hidden;position:absolute;left:0;top:15px;width:60px;height:60px;border-radius:50%;border:1px solid #bcbcbc;}
.comm_list > li .photo img {width:100%;height:100%;}
.comm_list > li .top {padding-bottom:5px;}
.comm_list > li .top .name, .comm_list > li .top .date {vertical-align:middle;display:inline-block;}
.comm_list > li .top .name {font-size:15px;font-weight:bold;color:#222;}
/*.comm_list > li .top .date {margin:3px 0 0 10px;font-size:13px;color:#898989;}*/
.comm_list > li .date {display:block;padding:5px 10px 0 0;font-size:12px;color:#898989;}
.comm_list .c_rating .material-icons:before {font-size:18px;}
.comm_list > li .ct {line-height:1.5;font-weight:300;}
.comm_list .post {text-decoration:underline;}
.comm_list .reply {margin:0 0 0 70px;border-top:0;}
.comm_list .reply .enter {text-align:right;margin-top:10px;}
.comm_list .reply.write {margin-left:0;padding-top:0;}
.comm_list .reply.write:before {display:none;}
.comm_list .c_rating {padding-bottom:5px;}
.comm_list .add {overflow:hidden;padding-top:5px;}
.comm_list .add .like {float:left;border:1px solid #dbd8d8;border-radius:2px;padding:4px;box-shadow:0 1px 1px rgba(0,0,0,0.16);}
.comm_list .add .like .m_icon {font-size:12px;color:#989898;}
.comm_list .add .like .m_icon:before {content:"\e87d";vertical-align:middle;display:inline-block;margin:-3px 4px 0 0;font-size:12px;color:#e74c3c;}
.comm_list .add .like .count {margin-left:2px;font-size:12px;font-weight:500;color:#fe8042;}
.comm_list .edit {margin-top:5px;}
.comm_list .edit:after {clear:both;display:block;content:" ";}
.comm_list .edit li {position:relative;float:left;}
.comm_list .edit li a {display:block;line-height:24px;padding:0 10px;font-size:13px;font-weight:bold;}
.comm_list .edit li a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.comm_list .edit li:first-child a {padding-left:0;}
.comm_list .edit li:first-child a:before {display:none;}
.comm_list .edit .tog_reply {padding-right:5px;}
.comm_list .tog_reply .icc {margin-top:-1px;}
.comm_list .tog_reply .icc:before {content:"\e313";}
.comm_list .tog_reply.on .icc:before {content:"\e316";}

.m_icon.keyboard_arrow_down:before, .icc.arrow_down:before {content:"\e313";}
.m_icon.keyboard_arrow_left:before, .icc.arrow_left:before {content:"\e314";}
.m_icon.keyboard_arrow_right:before, .icc.arrow_right:before {content:"\e315";}
.m_icon.keyboard_arrow_up:before, .icc.arrow_up:before {content:"\e316";}

.comm_list.memo {margin-top:0;}
.comm_list.memo > li {position:relative;padding:20px;border:1px solid #dfdfdf;border-radius:4px;background-color:#fff;}
.comm_list.edit > li {padding-left:50px;}
.comm_list.memo > li + li {margin-top:10px;}
.comm_list.memo .top input[type="checkbox"] {margin-right:10px;}
.comm_list.edit .check {position:absolute;left:20px;top:50%;margin-top:-9px;}

/* c_list, box reply */
.c_list li {position:relative;padding:15px;border:1px solid #ddd;border-radius:4px;background-color:#fff;}
.c_list li + li {margin-top:10px;}
.c_list .top {padding-bottom:5px;}
.c_list .top .sort {margin-left:5px;color:#504a9d;}
.c_list .sub .num {font-size:14px;}
.c_list .sub .sort {margin-left:5px;font-size:14px;color:#0c4da2;}
.c_list .sub {vertical-align:middle;line-height:1.4;font-size:16px;font-weight:bold;color:#353535;}
.c_list .con {position:relative;padding-right:48px;}
.c_list.basic .con {padding-right:0;}
.c_list .reply {text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;top:50%;width:37px;height:37px;margin-top:-18px;padding-top:4px;background:url("../../images/www/bg/c_list_reply@2x.png") no-repeat 0 0;background-size:cover;}
.c_list .info {overflow:hidden;padding-top:5px;font-weight:300;color:#898989;}
.c_list .info:after {clear:both;display:block;content:" ";}
.c_list .info span {position:relative;float:left;padding:0 10px;}
.c_list .info span:first-child {padding-left:0;}
.c_list .info span:after {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.c_list .info span:first-child:after {display:none;}
.c_list .m_icon, .c_list .icc {vertical-align:middle;position:relative;top:-2px;color:#2271cb;}
.c_list .icc.lock:before {font-size:18px;}
.c_list .tag {vertical-align:middle;font-weight:bold;color:#3e8ddc;}
.c_list .file:before {content:"\e2bc";}
.c_list .new:before {content:"\e05e";}
.c_list .dep_1:before, .c_list .dep_2:before, .c_list .dep_3:before {content:"\e5da";position:absolute;left:-26px;top:28px;font-family:'Material Icons';font-size:24px;}
.c_list .dep_1 {margin-left:30px;}
.c_list .dep_2 {margin-left:60px;}
.c_list .dep_3 {margin-left:90px;}
.c_list.norp .con {padding-right:0;}

/* c_thum_li, board thumb */
.c_thum_li {border-top:2px solid #5e6b9e;}
.c_thum_li li {padding:10px;border-bottom:1px solid #ddd;background-color:#fff;}
.c_thum_li li:hover {background-color:#fafafa;}
.c_thum_li li > a {display:block;position:relative;min-height:80px;padding:15px 0  0 220px;}
.c_thum_li li .img {position:absolute;left:40px;top:0;width:150px;height:80px;border:1px solid #b9b9b9;}
.c_thum_li li .img img {display:block;width:100%;height:100%;}
.c_thum_li .sub {display:block;line-height:1.4;font-size:16px;font-weight:bold;color:#353535;}
.c_thum_li .num {position:absolute;left:0;top:50%;font-size:16px;margin-top:-10px;font-weight:bold;color:#353535;}
.c_thum_li .info {padding-top:5px;font-weight:300;color:#898989;}
.c_thum_li .info:after {clear:both;display:block;content:" ";}
.c_thum_li .info span {position:relative;float:left;padding:0 10px;}
.c_thum_li .info span:first-child {padding-left:0;}
.c_thum_li .info span:after {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.c_thum_li .info span:first-child:after {display:none;}
.c_thum_li .info .state.on {font-weight:bold;color:#ee6000;}

/* c_list1, board */
.c_list1 {border-top:2px solid #2d4b7a;}
.c_list1 > li {padding:15px 20px;border-bottom:1px solid #ddd;background-color:#fff;}
.c_list1 > li:hover {background-color:#fafafa;}
.c_list1 .con {display:block;position:relative;}
.c_list1.add .con {padding-right:50px;}
.c_list1 .edit {position:absolute;right:0;top:50%;width:120px;margin-top:-17px;}
.c_list1 .edit a, .c_list1.add .edit span {text-align:center;display:block;height:34px;line-height:34px;font-size:13px;color: #fff;}
.c_list1 .edit .icmg {margin: -2px 0 0 8px;}
.c_list1 .edit .navy {background-color:#141450;}
.c_list1 .edit .gray {background-color:#989b9f;}
.c_list1 .sub {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;line-height:1.4em;font-size:16px;font-weight:bold;color:#353535;}
.c_list1 .sub .num {font-size:14px;}
.c_list1 .sub .sort {font-size:14px;color:#0c4da2;}
.c_list1 .info {overflow:hidden;padding-top:5px;color:#898989;}
.c_list1 .info:after {clear:both;display:block;content:" ";}
.c_list1 .info span {position:relative;float:left;padding:0 10px;}
.c_list1 .info .writer {font-weight:bold;}
.c_list1 .info .file {margin-top:-4px;}
.c_list1 .info span:first-child {padding-left:0;}
.c_list1 .info span:after {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.c_list1 .info span:first-child:after {display:none;}
.c_list1 .item {overflow:hidden;padding-top:5px;}
.c_list1 .item ul {margin-left:-10px;}
.c_list1 .item li {position:relative;display:inline-block;padding:2px 10px;font-size:13px;font-weight:bold;color:#898989;}
.c_list1 .item li:before {content:" ";position:absolute;left:-1px;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.c_list1 .item .lab {color:#595959;}
.c_list1.reg > li > .con {padding-right:200px;}
.c_list1.reg .enter {position:absolute;right:0;top:6px;}
.c_list1 > li .new:before {color:#ef5656;}

/* c_list2, classroom */
.c_list2 > li {margin-top:10px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.c_list2 > li:first-child {margin-top:0;}
.c_list2 li:after {content:" ";clear:both;display:block;}
.c_list2 .top .sub {display:block;font-size:15px;}
.c_list2 .sub .period {text-align:center;display:inline-block;color:#222;min-width:60px;margin-right:4px;padding:2px 0;font-size:14px;color:#fff;background:#eb7c7c;}
.c_list2 .top .group {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}
.c_list2 .detail {margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;}
.c_list2 .result {overflow:hidden;}
.c_list2 .result li {display:inline-block;position:relative;margin:2px 3px;padding:0 5px;color:#1d9ced;}
.c_list2 .result li:after {content:" ";position:absolute;top:50%;left:-5px;width:1px;height:16px;margin-top:-7px;background-color:#b9b9b9;}
.c_list2 .result li:first-child {padding-left:0;}
.c_list2 .result .lab {color:#222;}

/* c_list3,gallery */
.c_list3:after {content:" ";clear:both;display:block;}
.c_list3 > li {float:left;width:20%;padding:0 5px 10px 5px;}
.c_list3 > li a {overflow:hidden;display:block;border:1px solid #dfdfdf;border-radius:5px;box-shadow:0 0 5px #b9b9b9;}
.c_list3 .img {position:relative;padding:10px 0;}
.c_list3 .img img {display:block;width:108px;height:144px;margin:0 auto;}
.c_list3 .con {padding:10px;border-top:1px solid #dfdfdf;}
.c_list3 .attend {text-align:center;height:60px;padding:10px 10px 0 10px;border-top:1px solid #dfdfdf;}
.c_list3 .attend li {margin-top:5px;}
.c_list3 .attend li:first-child {margin-top:0;}
.c_list3 .attend .name {font-size:15px;font-weight:bold;color:#333;}
.c_list3 .title {-webkit-line-clamp:2;height:36px;line-height:18px;font-size:15px;font-weight:bold;letter-spacing:-0.5px;color:#333;}
.c_list3 .date {display:block;padding-top:5px;color:#686868;}

/* ph_list */
.ph_list:after {content:" ";clear:both;display:block;}
.ph_list > li {float:left;width:25%;padding:10px 5px 0 5px;}
.ph_list li > a {display:block;}
.ph_list li .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;border:1px solid #d2d2d2;border-bottom:0;}
.ph_list li .img img {position:absolute;display:block;width:100%;height:100%;}
.ph_list .item {height:75px;padding:8px 10px;border:1px solid #d2d2d2;}
.ph_list .item li {position:relative;line-height:1.5;padding-left:50px;font-size:13px;}
.ph_list .item .lab {position:absolute;left:0;top:0;font-weight:bold;color:#555;}
.ph_list .item .val {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#898989;}

/* c_detail */
.c_detail {padding:10px;border:2px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.c_detail .top {padding:10px 20px;border-bottom:1px solid #dfdfdf;}
.c_detail .top .sort {display:block;padding-bottom:8px;font-size:13px;color:#3f8edd;}
.c_detail .sub {display:block;font-size:18px;font-weight:bold;color:#333;}
.c_detail .lock {margin-bottom:10px;}
.c_detail .lock {font-weight:300;color:#222;}
.c_detail .lock input[type="checkbox"] {margin-right:3px;}
.c_detail .lock input[type="checkbox"]:checked + label {color:#1d9ced;}
.c_detail .info {overflow:hidden;padding:10px 15px;border-bottom:1px solid #dfdfdf;}
.c_detail .info li span {display:inline-block;line-height:24px;padding:0 6px 0 7px;font-size:13px;font-weight:bold;}
.c_detail .info .writer, .c_detail .info .left {float:left;}
.c_detail .info .left li {display:inline-block;}
.c_detail .info .mark {float:right;}
.c_detail .info .mark label {min-width:auto;height:24px;line-height:24px;padding-left:22px;background:none;}
.c_detail .info .mark .count {color:#fe8042;}
.c_detail .info .mark button {padding:2px 5px;color:#989898;border:1px solid #dbd8d8;font-size:12px;}
.c_detail .info .mark .favorite:before {margin:-3px 0 0 3px;font-size:14px;}
.c_detail .info .part {position:relative;font-weight:normal;}
.c_detail .info .writer span:first-child {padding-left:0;}

.c_detail .info .part:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.c_detail .con {line-height:1.6;min-height:300px;padding:20px;}
.c_detail .add {min-height:38px;padding:10px;background-color:#f2f2f2;}
.c_detail .add a {position:relative;display:block;padding-left:30px;color:#3264c8;}
.c_detail .add a:before {position:absolute;content:"\e2bc";left:0;top:-3px;font-family:"Material Icons";font-size:24px;line-height:1;color:#3264c8;}
.c_detail.write .sort {margin-bottom:10px;}
.c_detail.write .sort select {width:100%;}
.c_detail.write .sub {position:relative;}
.c_detail.write .sub .name {position:absolute;left:20px;top:18px;}
.c_detail.write .sub input {border-radius:4px;font-size:16px;color:#333;}
.c_detail.write .con {padding:10px 0;}
.c_detail.write .con textarea {height:300px;}

/* paging */
.paging {margin-top:10px;border:2px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.paging li {position:relative;border-top:1px solid #e3dcd9;}
.paging li:first-child {border-top:0;}
.paging li > span {position:absolute;left:6px;top:10px;font-size:13px;color:#898989;}
.paging li > span .icc:before {margin-top:-2px;font-size:18px;}
.paging li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:36px;line-height:36px;padding:0 20px 0 80px;font-size:13px;color:#3264c8;}
.paging.reply li {position:relative;padding-right:60px;}
.paging.reply li span {color:#666;padding:0;text-align:center;}
.paging.reply li .reply_name {position:absolute;top:14px;right:10px;}
.paging.reply li .prev {background:none;width:60px;}
.paging.reply li .next {background:none;width:60px;}

/* course_study */
.course_study .viewer {position:relative;}
.course_study .info {margin-bottom:10px;padding:20px;border:1px solid #dcdada;border-top:0;background-color:#fff;}
.course_study .info h2 {margin-bottom:5px;font-size:28px;color:#222;}
.course_study .desc {line-height:1.5;color:#7b8994;}
.course_study .social {overflow:hidden;padding-top:10px;}
.course_study .social .sns {float:left;}
.course_study .social .mark {float:right;}

/* tbl_li */
.tbl_li th {text-align:left;font-weight:bold;color:#333;}
.tbl_li > tbody > tr:first-child > th, .tbl_li > tbody > tr:first-child > td {border-top:0;}
.tbl_li th, .tbl_li td {padding:8px;border-top:1px solid #ddd;}
.tbl_li th {padding-left:0;}
.tbl_li td {padding-right:0;}
.tbl_li td.merge {padding:8px 0;border-top:1px solid #ddd;}

/* dl.tbl */
dl.tbl {display:table;width:100%;}
dl.tbl dt, dl.tbl dd {vertical-align:middle;display:table-cell;height:48px;line-height:1.4;padding:8px;border-top:1px solid #ddd;}
dl.tbl dt {width:16%;padding-left:0;font-weight:bold;color:#333;}
dl.tbl dd {width:84%;padding-left:5px;}
.tbl.first > dt, .tbl.first > dd {border-top:0;}
.tbl.wide > dt, .tbl.wide > dd {display:block;width:100%;padding-right:0;padding-left:0;}
.tbl.wide > dd {padding-top:0;border-top:0;}
dl.tbl.ft {display:block;}
dl.tbl.ft:after {content:" ";clear:both;display:block;}
dl.tbl.ft dt, dl.tbl.ft dd {float:left;}
dl.tbl.gray dt {padding-left:8px;background-color:#f5f5f5;}
.tbl_h {padding:8px 0;font-size:16px;}
.tbl_h .date {color:#1d9ced;}
.tbl_h .hour {margin-left:5px;color:#898989;}

/* tbl_col */
.tb_sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight:bold;letter-spacing:-0.25px;color:#494949;} /* tbl sub */
.tbl_col {border-top:3px solid #3c4283;}
.tbl_col th, .tbl_col td {text-align:center;line-height:1.4;padding:5px;border-right:1px solid #dbdbdb;}
.tbl_col th {height:42px;border-bottom:1px solid #dbdbdb;font-size:16px;font-weight:bold;color:#4a4a4a;background-color:#ebeaea;}
.tbl_col td {height:42px;border-bottom:1px solid #dbdbdb;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col th:first-child, .tbl_col td:first-child {border-left:1px solid #dbdbdb;}
.tbl_col .link {color:#3264c8;}
.tbl_col th.mg {border-top:1px solid #dbdbdb;}
.tbl_col.bs td {padding:5px 10px;} /* basic */

.tbl_col1 {border-top:3px solid #3c4283;}
.tbl_col1 th, .tbl_col1 td {text-align:center;line-height:1.4;padding:8px 5px;border-right:1px solid #dbdbdb;}
.tbl_col1 th {height:45px;border-bottom:1px solid #dbdbdb;font-weight:bold;color:#222;background-color:#eee;}
.tbl_col1 td {border-bottom:1px solid #dbdbdb;letter-spacing:-0.5px;font-size:13px;color:#686868;background-color:#fff;}
.tbl_col1 td:last-child {border-right:0;}
.tbl_col1 .link {color:#3264c8;}

.tbl_col2 {border-top:2px solid #222;}
.tbl_col2 th, .tbl_col2 td {text-align:center;line-height:1.4;padding:5px;border-right:1px solid #dbdbdb;font-size:13px;}
.tbl_col2 th {height:42px;border-bottom:1px solid #dbdbdb;font-weight:bold;color:#0c4da2;background-color:#f2f4f6;}
.tbl_col2 td {height:42px;border-bottom:1px solid #dbdbdb;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col2 th:last-child, .tbl_col2 td:last-child {border-right:0;}
.tbl_col2 tr:last-child th, .tbl_col2 tr:last-child td {border-bottom-color:#222;}

/* tbl_row */
.tbl_row {border-top:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;}
.tbl_row th, .tbl_row td {height:42px;padding:10px;border-bottom:1px solid #d2d2d2;}
.tbl_row th {text-align:center;color:#333;font-weight:bold;background-color:#f5f5f5;}
.tbl_row tr th:first-child {border-left:0;}
.tbl_row td {text-align:left;letter-spacing:-0.25px;color:#494949;}

.tbl_row2 th, .tbl_row2 td {padding:12px 10px;border-bottom:1px solid #d2d2d2;}
.tbl_row2 th {text-align:left;font-size:16px;font-weight:bold;color:#373737;}
.tbl_row2 td {font-size:15px;letter-spacing:-0.25px;}

/* faq */
.faq_menu {border-top:1px solid #ddd;}
.faq_menu dl {border-bottom:1px solid #ddd;background-color:#fff;}
.faq_menu dt > a {display:block;position:relative;padding:20px 15px 20px 75px;}
.faq_menu .name {position:absolute;left:28px;top:7px;font-size:36px;color:#222;}
.faq_menu .categori {display:block;margin-bottom:5px;letter-spacing:-0.4px;font-weight:bold;color:#989898;}
.faq_menu .sub {font-size:18px;letter-spacing:-0.6px;}
.faq_menu dd {display:none;line-height:1.6;padding:15px;border-top:1px solid #ddd;font-size:16px;letter-spacing:-0.5px;background-color:#f7f7f7;}
.faq_menu dt > a:hover .sub, .faq_menu .on .sub {font-weight:bold;color:#2d4b7a;}
.faq_menu dd .em {color:#222;font-weight:bold;}

/* popup */
.popup {background-color:#f2f2f2;}
.popup .head {position:relative;padding:0 40px 0 20px;background-color:#eeaa42;}
.popup .head .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:38px;font-size:16px;color:#fff;}
.popup .head .close {position:absolute;right:6px;top:6px;width:24px;height:24px;}
.popup .con {line-height:1.4;padding:20px;}
.popup .bar {padding:10px 20px;background-color:#414242;}
.popup .bar input + label {margin-left:5px;font-size:12px;color:#fff;}

/* mask */
#mask {display:none;z-index:110;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);}

/* c_popup */
.c_popup {position:fixed;left:0;top:0;right:0;bottom:0;z-index:110;max-width:90%;min-width:300px;max-height:90%;min-width:100px;margin:auto;border-top-left-radius:4px;border-top-right-radius:4px;padding-top:52px;background:#fff;}
.c_popup > .top {position:absolute;left:0;top:0;z-index:10;width:100%;height:50px;padding:12px 40px 0 15px;box-shadow:0 1px 1px rgba(0,0,0,0.10);}
.c_popup > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-top:5px;font-size:18px;font-weight:bold;color:#31384b;}
.c_popup > .top .title:after {content:" ";position:absolute;left:0;top:0;width:36px;height:2px;background-color:#00ac4f;}
.c_popup > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:10px;top:14px;width:22px;height:22px;background:url("../../images/www/common/p_close_bk_64@2x.png") no-repeat 0 0;background-size:cover;}
.c_popup > .ct {overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding:15px;}
.c_popup .cp_title {padding-bottom:15px;font-size:22px;font-weight:400;color:#333;}
.c_popup .pack {padding:28px 20px;background-color:#ecf0f2;}
.c_popup .pack p {line-height:1.7;letter-spacing:-0.3px;}
.c_popup .foot_bar {margin-top:-10px;padding:18px 39px;background-color:#ecf0f2;}
.c_popup .foot_bar input[type=checkbox] + label {margin-left:5px;font-size:12px;}
.c_popup.non {display:block;position:static;padding:20px;padding-top:0px;}
.c_popup.non .cp_con {border:none;}
.c_popup .ct.tight {padding:0;}
.c_popup .ct p {word-wrap:break-word;}

.c_popup.rw .cp_con {max-width:none;}
.c_popup .close2 {text-indent:-9999px;overflow:hidden;position:absolute;right:0;top:-60px;width:48px;height:48px;background:url("../../images/www/common/p_close_red_48.png") no-repeat 0 0;background-size:cover;}
.p_ct {padding:10px;} /* popup content */

.c_popup.join .cp_con {max-width:440px;}
.c_popup.join h2 {text-align:center;font-size:26px;font-weight:bold;color:#333;}
.c_popup.join .desc {padding:20px 0 10px 0;}
.c_popup.join .desc strong {display:block;font-weight:bold;color:#333;}
.c_popup.join .desc p {padding-top:5px;font-size:13px;}
.c_popup.join .app {text-align:center;display:block;height:38px;line-height:38px;border-radius:4px;font-size:16px;color:#fff;background-color:#3e8ddc;}
.c_popup.join .sns a {text-align:center;display:block;width:49.5%;padding:10px;float:left;border:1px solid #b9b9b9;border-radius:4px;background-color:#f4f4f4;}
.c_popup.join .sns a + a {margin-left:1%;}
.c_popup.join .sns i {vertical-align:middle;text-indent:-9999px;overflow:hidden;display:inline-block;width:32px;height:32px;margin-right:10px;}
.c_popup.join .sns .fb {background:url("../../images/www/icon/icon_fb_64@2x.png") no-repeat 0 0;background-size:cover;}
.c_popup.join .sns .gg {background:url("../../images/www/icon/icon_gg_64@2x.png") no-repeat 0 0;background-size:cover;}

/* ad_pop */
.pop_ad1 {height:100%;background:#fff;}
.pop_ad1.img > .ct {padding:48px 0 45px 0;}
.pop_ad1 > .top {height:48px;background-color:#0096e6;}
.pop_ad1 > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:48px;line-height:48px;padding:0 20px;font-size:21px;font-weight:200;letter-spacing:-0.5px;color:#fff;}
.pop_ad1 > .ct {min-height:100%;margin:-48px 0 -45px 0;padding:68px 20px 65px 20px;}
.pop_ad1 .bar {position:relative;height:45px;padding:10px 0 0 10px;background-color:#8da4c4;}
.pop_ad1 .bar label {margin-left:5px;font-size:13px;font-weight:300;color:#fff;}
.pop_ad1 .bar .close {position:absolute;right:10px;top:12px;padding-left:15px;color:#fff;background:url("../../images/www/common/pop_ad_close.gif") no-repeat 0 50%;}
.pop_ad2 {background:#fff;}
.pop_ad2 > .top {position:relative;background-color:#0096e6;}
.pop_ad2 > .top .title {padding:10px 50px 10px 20px;font-size:24px;letter-spacing:-0.5px;color:#fff;}
.pop_ad2 > .top .close {text-indent:-9999px;overflow:hidden;position:absolute;right:15px;top:12px;width:22px;height:22px;background:url("../../images/www/common/p_close_wt_64@2x.png") no-repeat 0 0;background-size:cover;}
.pop_ad2 > .ct {padding:20px;}
.pop_ad2 .bar {position:relative;height:45px;padding:10px 0 0 10px;background-color:#8da4c4;}
.pop_ad2 .bar label {margin-left:5px;font-size:13px;font-weight:300;color:#fff;}
.pop_ad2 .bar .close {position:absolute;right:10px;top:12px;padding-left:15px;color:#fff;background:url("../../images/www/common/pop_ad_close.gif") no-repeat 0 50%;}

/* c_popup2 */
.c_popup2 {position:fixed;left:0;top:0;z-index:900;display:table;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.c_popup2 > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:10px;top:14px;width:22px;height:22px;background:url("../../images/www/common/p_close_wt_64@2x.png") no-repeat 0 0;background-size:cover;}
.c_popup2 .inner {display:table-cell;vertical-align:middle;}
.c_popup2 .alert {text-align:center;width:290px;margin:0 auto;padding:20px 10px;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.c_popup2 .fixed {position:relative;margin:0 auto;padding:0;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.c_popup2 .fixed.mid {width:640px;}
.c_popup2 .fixed.lg {width:768px;}
.c_popup2 .alert .em {font-weight:500;color:#3f8edd;}
.c_popup2 .alert .desc {color:#333;}
.c_popup2 .alert .b_box {padding-bottom:0;}
.c_popup2.blank {background:rgba(0, 0, 0, 0.1)}
.c_popup2.blank .page {max-width:320px;margin:0 auto;padding:0;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.c_popup2.blank .page .guide {text-align:center;line-height:1.4;font-size:20px;}
.c_popup2.blank .page .guide .icc {margin:-4px 3px 0 0;}
.c_popup2.blank .page .guide .icc:before {font-size:32px;}
.c_popup2.blank .pop_ad2 {background:none;}
.c_popup2.blank .pop_ad2 > .top {position:relative;background-color:#0450b0;}
.c_popup2.blank .pop_ad2 > .ct {background-color:#fff;}

/* c_dialog */
.c_dialog {display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:110;}
.c_dialog .mask {position:fixed;z-index:200;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.c_dialog .outer {position:fixed;right:0;top:0;left:0;bottom:0;z-index:210;max-width:90%;min-width:300px;max-height:90%;margin:auto;border-top-left-radius:4px;border-top-right-radius:4px;padding-top:43px;background:#fff;} /* IE width */
.c_dialog .outer > .top {position:absolute;left:0;top:0;z-index:10;width:100%;height:42px;padding:11px 40px 0 15px;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#eee;box-shadow:0 1px 1px rgba(0,0,0,0.10);}
.c_dialog .outer > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-size:18px;font-weight:bold;color:#31384b;}
.c_dialog .outer > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:10px;top:10px;width:22px;height:22px;background:url("../../images/www/common/p_close_bk_thin_44.png") no-repeat 0 0;background-size:cover;}
.c_dialog .outer > .ct {overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding:15px;}
.c_dialog .cp_title {padding-bottom:15px;font-size:22px;font-weight:400;color:#333;}
.c_dialog .pack {padding:28px 20px;background-color:#ecf0f2;}
.c_dialog .pack p {line-height:1.7;letter-spacing:-0.3px;}
.c_dialog .foot_bar {margin-top:-10px;padding:18px 39px;background-color:#ecf0f2;}
.c_dialog .foot_bar input[type=checkbox] + label {margin-left:5px;font-size:12px;}
.c_dialog .outer.note {width:400px;height:250px;}
.c_dialog .outer.msg {width:600px; }
.c_dialog .outer.non {display:block;position:static;padding:20px;padding-top:0px;}
.c_dialog .outer.non .cp_con {border:none;}
.c_dialog .ct.tight {padding:0;}
.c_dialog .note .b_box .c_btn {padding:0 15px;}

/* wd_pop */
.wd_pop {display:none;}
.wd_pop > .frm {position:fixed;left:0;top:0;z-index:900;display:table;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.wd_pop > .frm > .inner {display:table-cell;vertical-align:middle;}
.wd_pop .inner > div {overflow:auto;max-height:90%;margin:auto;background-color:#fff;}

/* c_alert */
.c_alert {background:#fff;}
.c_alert.fixed {position:fixed;left:0;top:0;right:0;bottom:0;z-index:110;max-width:90%;min-width:300px;max-height:90%;margin:auto;padding-top:54px;}
.c_alert > .top {height:54px;background-color:#0096e6;}
.c_alert.fixed > .top {position:absolute;left:0;top:0;z-index:10;width:100%;}
.c_alert > .top .title {height:54px;line-height:54px;padding:0 25px;font-size:21px;font-weight:200;letter-spacing:-0.5px;color:#fff;}
.c_alert > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:10px;top:14px;width:22px;height:22px;background:url("../../images/www/common/p_close_wt_64@2x.png") no-repeat 0 0;background-size:cover;}
.c_alert > .ct {overflow-y:auto;-webkit-overflow-scrolling:touch;padding:40px 25px;}
.c_alert.fixed > .ct {height:100%;}
.c_alert .blank .guide {text-align:center;font-size:18px;}

/* slick */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select: none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position:relative;top:0;left:0;display:block;}
.slick-track:before, .slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;} /* cursor:-webkit-grab; */
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.slick-dots {text-align:center;}
.slick-dots li {display:inline-block;}
.slick-dots li button {text-indent:-9999px;overflow:hidden;}
.slick-arrow {text-indent:-9999px;overflow:hidden;position:absolute;top:50%;z-index:10;}

/* msg */
.c_msg .group {padding:10px;}
.c_msg .group + .group {border-top:1px solid #f0f0f0;}
.c_msg .lab {padding-bottom:10px;font-weight:bold;color:#292929;}

/* receiver */
.receiver {overflow-y:scroll;max-height:80px;}
.receiver li {float:left;}
.receiver li button {line-height:28px;height:28px;margin:2px 5px 2px 0;padding:0 10px 0 28px;border-radius:3px;font-size:13px;color:#fff;background:#8db8e8 url("../../images/www/icon/icon_cancel.png") no-repeat 10px 50%;}
.receiver .cancel img {width:12px;height:12px;}
.sms_word {padding-top:5px;font-size:13px;color:#989898;}
.sms_word .byte {color:#3f8edd;}

/*
content
*/
/* p_frame */
body.frm {background-color:#f2f2f2;}
.page_frame {max-width:1136px;min-width:303px;margin:0 auto;padding:100px 0 10px 0;}
.page_frame.st {padding-top:70px;}
.page_frame .frm_top {position:fixed;top:0;z-index:100;max-width:1136px;width:100%;height:60px;padding:0 140px 0 20px;background:#3462b4;}
.page_frame .frm_top .head {display:table;height:100%;}
.page_frame .frm_top .con {display:table-cell;vertical-align:middle;}
.page_frame .frm_top .title {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3em;max-height:100px;font-size:18px;color:#fff;}
.page_frame .frm_top .x {position:absolute;right:20px;top:50%;margin-top:-16px;}
.page_frame .frm_top .close:before {line-height:inherit;color:#fff;}
.page_frame .frm_ct {padding:20px;border-radius:4px;background-color:#fff;}
.page_frame .fwd {position:fixed;top:60px;z-index:100;max-width:1136px;width:100%;height:30px;padding:0 10px;background-color:#989b9f;}
.page_frame .fwd ul {overflow-x:auto;white-space:nowrap;}
.page_frame .fwd ul:after {content:" ";clear:both;display:block;}
.page_frame .fwd li {position:relative;display:inline-block;padding:5px 8px 5px 10px;color:#fff;font-size:13px;}
.page_frame .fwd li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#fff;}
.page_frame .fwd li:first-child {padding-left:0;}
.page_frame .fwd li:first-child:before {display:none;}
.frm_btn {text-align:center;display:block;height:60px;line-height:60px;margin-top:40px;border-radius:4px;font-size:16px;font-weight:bold;color:#fff;}
.frm_btn.gray {background:#b9b9b9;}
.frm_btn.blue {background:#8db8e8;}

/* c_poll */
.c_poll .article {margin-bottom:10px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.c_poll .que {position:relative;font-size:16px;font-weight:500;color:#222;}
.c_poll .que .right {position:absolute;right:0;top:50%;margin-top:-12px;font-size:0;}
.c_poll .que .num {float:left;}
.c_poll .que p {margin-left:30px;padding-right:30px;}
.c_poll .result {margin-top:10px;padding-top:10px;border-top:2px dotted #e1e1e1;color:#686868;}
.c_poll .result > li {overflow:hidden;position:relative;min-height:32px;padding:5px 20px 5px 38px;}
.c_poll .result > li .order {text-align:center;position:absolute;left:6px;top:6px;width:28px;height:28px;line-height:28px;border-radius:3px;color:#fff;background-color:#bebebe;}
.c_poll .result > li.on .order {background:#1d9ced;}
.c_poll .result > li.on {background-color:#e3eff9;}
.c_poll .result > li p {float:left;width:45%;min-height:30px;padding:4px 0;}
.c_poll .result > li .state {float:left;position:relative;width:55%;margin-top:12px;padding:0 90px 0 20px;}
.c_poll .result .progress {height:8px;border-radius:4px;background-color:#ddd;}
.c_poll .result .gage {display:block;height:8px;width:0;border-radius:4px;animation:scaleX 1s ease;-webkit-animation:scaleX 1s ease;background-color:#1d9ced;}
.c_poll .result .count {position:absolute;right:0;bottom:-5px;font-size:13px;font-weight:300;}
.c_poll .result > li.correct p span {margin-right:5px;color:#eb7c7c;}
.c_poll .result > li.correct .order {background:#eb7c7c;}
.c_poll.quiz .result > li {padding-right:40px;}
.c_poll.quiz .result > li.correct {background-color:#e3eff9;}
.c_poll.quiz .result .fold {position:absolute;right:6px;top:6px;}
.c_poll.quiz .fold .icc.sq {width:28px;height:28px;}
.c_poll.quiz .fold .icc:before {line-height:28px;}
.c_poll.quiz .detail {display:none;clear:both;padding:10px 0 4px 0;}
.c_poll.quiz .detail ul:after {content:" ";clear:both;display:block;}
.c_poll.quiz .detail ul {padding:5px 6px;border-radius:4px;border:1px solid #b9b9b9;background-color:#f5f5f5;}
.c_poll.quiz .detail li {float:left;margin:2px 5px 2px 0;line-height:32px;padding:0 10px;border-radius:4px;border:1px solid #d1d1d1;font-size:13px;color:#333;background-color:#fff;}
.c_poll.quiz .detail .tbl_col4 {border-top:1px solid #dfdfdf;}
.c_poll.quiz .detail .tbl_col4 td {padding:2px;height:26px;}
.c_poll.quiz .sub .correct {position:relative;padding:10px 40px 10px 10px;background-color:#e3eff9;}

/* c_poll desc */
.c_poll .article.desc .que p {padding-right:30px;}
.c_poll .article.desc .ajax, .c_poll .ex.desc {display:none;}
.c_poll .ex.desc .result > li, .c_poll .article.desc .result > li {padding-left:4px;}

/* img_edit */
.img_edit .frame img {margin-bottom:10px;}
.img_edit .align {padding:10px;background-color:#f5f6f7;}
.img_edit .align .name {vertical-align:middle;margin-right:12px;color:#333;}
.img_edit .align label {font-weight:300;color:#787878;}
.img_edit .add_file {margin-top:5px;}
.img_edit .add_file .c_btn {margin:2px 5px 2px 0;}
.img_edit .add_file .in_list {vertical-align:middle;display:inline-block;}

/* ex_set */
.ex_set .note {margin-bottom:10px;color:#6995c2;}
.ex_set .note .icc {margin-right:3px;}
.ex_set.test .timer {margin-bottom:5px;}
.ex_set .marker .note {margin-bottom:0;}
.ex_set .marker .i_box {margin-top:10px;}
.ex_set .marker > dt {vertical-align:top;}
.ex_set .marker .detail {margin-top:10px;}
.ex_set .marker .detail dd {text-align:right;}
.ex_set .marker .first dt, .ex_set .marker .first dd {font-weight:300;color:#686868;}
.ex_set .marker .conv {margin-top:10px;padding-top:10px;border-top:1px dashed #b9b9b9;}
.ex_set .bd_box .mod input[type="text"] {width:50%;}
.ex_set .ex_info {min-height:20px;margin-bottom:10px;padding:10px;border:1px solid #dbdbdb;font-size:13px;background-color:#f5f5f5;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}
.ex_set .ex_info .count, .ex_set .ex_info .date {color:#3e8ddc;}
.ex_set .ex_info li {position:relative;padding-left:10px;}
.ex_set .ex_info li:before {content:" ";position:absolute;left:0;top:50%;margin-top:-1px;width:2px;height:2px;border-radius:50%;background-color:#3e8ddc;}
.sv_set .ex li {position:relative;padding-left:32px;margin-top:5px;}
.sv_set .ex .order {text-align:center;position:absolute;left:0;top:2px;width:28px;height:28px;line-height:28px;border-radius:3px;font-weight:200;color:#fff;background-color:#bebebe;}
.sv_set .ex li:first-child {margin-top:0;}
.sv_set .ex li input[type="text"] {font-size:13px;}
.sv_set .ex.rate {margin-top:0;padding-top:0;border-top:0;}
.sv_set .ex.rate li {padding-right:90px;}
.sv_set .ex.rate .add {position:absolute;right:0;top:0;}
.sv_set .ex.rate .add .name {vertical-align:middle;font-weight:200;color:#000;}
.sv_set .ex.rate .add .num {text-align:center;width:50px;}

/* lnb */
#aside .lnb {background-color:#fff;}
#aside .lnb h2 {display:block;padding:12px 20px;color:#fff;background-color:#2d4b7a;}
#aside .lnb .menu {border:1px solid #d1d1d1;}
#aside .lnb .menu > li {position:relative;border-top:1px solid #d1d1d1;}
#aside .lnb .menu > li:first-child {border-top:0;}
#aside .lnb .menu > li a {display:block;padding:10px 20px;color:#686868;}
#aside .lnb .menu > li a:hover, #aside .lnb .menu > li.on > a {color:#3e8ddc;}
#aside .lnb .menu > li li a {padding-left:35px;background-color:#e3e3e3;}
#aside .lnb .menu > li li a:before {content:" ";position:absolute;left:28px;top:22px;width:2px;height:2px;background-color:#c0c0c0;}

/* p_login */
.p_login {width:640px;margin:0 auto;padding:35px 45px;background-color:#fff;box-shadow:0 0 100px rgba(169,169,169,0.14);}
.p_login .head {position:relative;height:80px;margin-bottom:25px;border-bottom:1px solid #c2c2c2;}
.p_login .head h1 {display:inline-block;position:relative;padding:10px 0 0 4px;font-size:45px;font-weight:700;letter-spacing:0.5px;color:#2d2c2c;}
.p_login .head h1 span {color:#3264c8;}
.p_login .head h1:before {content:" ";position:absolute;left:0;top:0;width:100%;height:5px;background:url("../../images/www/bg/bg_h_bar_bk.png") no-repeat 100% 0;}
.p_login .head .guide {position:absolute;right:0;bottom:13px;line-height:1.4;letter-spacing:-0.25px;color:#504d44;}
.p_login .form {position:relative;width:381px;margin:0 auto;}
.p_login .box {margin-bottom:25px;border:2px solid #e4e4e4;border-radius:4px;}
.p_login .box > div {position:relative;padding:0 25px 0 65px;}
.p_login .box label {position:absolute;top:19px;left:0;font-size:16px;color:#ababab;}
.p_login .box input {width:100%;height:58px;line-height:58px;padding:0 0 0 10px;border:0;font-size:16px;}
.p_login .box .id {border-bottom:2px solid #e4e4e4;}
.p_login .box .id:before {content:" ";position:absolute;left:23px;top:50%;width:24px;height:24px;margin-top:-12px;background:url("../../images/www/common/img_merge.png") no-repeat -140px 0;}
.p_login .box .pw:before {content:" ";position:absolute;left:22px;top:50%;width:27px;height:27px;margin-top:-14px;background:url("../../images/www/common/img_merge.png") no-repeat -164px 0;}
.p_login .form .c_btn {text-align:center;display:block;height:51px;line-height:51px;font-size:19px;}
.p_login .enter {position:absolute;right:0;top:0;width:130px;height:130px;line-height:130px;font-size:16px;color:#fff;background-color:#0084ff;}
.p_login .help {text-align:center;padding-top:20px;}
.p_login .help a {vertical-align:middle;display:inline-block;position:relative;padding:0 22px;font-size:14px;color:#3f3e3e;}
.p_login .help a:first-child:before {content:" ";position:absolute;right:0;top:2px;width:1px;height:12px;background-color:#d9d9d9;}

/* portal, udream */
.main .front {height:420px;padding:20px 0 30px 0;background:url("../../images/www/bg/mn_front.gif") repeat 0 0;}
.main .front .mbn {float:left;width:100%;padding-right:7px;}
.front .mbn .img {height:360px;}
.front .mbn .img img {width:100%;height:100%;}
.main .front .side {float:left;width:25%;}
.front .mbn .slick-dots {position:absolute;left:15px;top:15px;}
.front .mbn .slick-dots li {margin:0 3px;}
.front .mbn .slick-dots li button {display:block;width:14px;height:14px;border-radius:50%;background-color:#fff;}
.front .mbn .slick-dots .slick-active button {width:34px;border-radius:7px;background-color:#dedc00;}
/* quiz_main */
.main .front2{height:387px;background-color:#f3f8ff;}
.front2 .mbn .slogan {height: 387px;padding: 50px 10px 0 10px;background: url(../../images/www/temo/v_img.png) no-repeat 0 0;}
.front2 .mbn h2 {line-height:1.3;font-size:48px;letter-spacing:-0.4px;color:#1e4473;}
.front2 .mbn p {line-height:1.6;font-size:18px;font-weight:400;color:#1e4473;}
.front2 .mbn .em {padding-top:15px;font-size:28px;}
.front2 .mbn .more {text-align:center;display:block;width:152px;height:38px;line-height:38px;font-size:14px;color:#fff;background:url("../../images/www/icon/btn.png") no-repeat 0 0;padding:0 15px;border-radius:30px;font-weight:200;}

.main .board .frm2 {height:290px;width:530px;}
.main .board .frm2 {position:relative;padding:25px 12px 0 12px;background-color:#fff;border:1px solid #d2d2d2;}
.main .board .frm2 li.on a {font-weight:bold;font-size:20px;color:#222;padding:15px;}
.main .board .frm2 li:first-child {border-top:0;}
.main .board .frm2 li a {display:block;position:relative;padding:7px 10px 7px 14px;font-size:14px;font-weight:500;}
.main .board .text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#686868;font-weight:600;}
.main .board .info {position:relative;display:inline-block;padding-top:5px;}
.main .board .date {font-size:12px;color:#b7c3dd;}
.main .board .new {text-align:center;position:absolute;right:-23px;top:5px;display:block;width:18px;height:18px;line-height:18px;border-radius:50%;font-size:12px;color:#fff;background:#ee6868;}
.main .board .more {position:absolute;right:12px;bottom:12px;font-size:13px;color:#fff;}
.main .front .login {position:relative;margin-bottom:5px;height:190px;padding:30px 22px 0 22px;border:1px solid #dcdcdc;background-color:#fff;}
.main .side h2 {font-size:17px;color:#000;}
.main .login h2 {margin-bottom:18px;}
.main .login input[type="text"], .main .login input[type="password"] {width:100%;height:35px;line-height:35px;font-size:13px;color:#959595;background-color:#eee;}
.main .login .ip {position:relative;padding-right:91px;}
.main .login .enter {text-align:center;position:absolute;right:0;top:0;width:92px;height:71px;line-height:71px;color:#fff;background-color:#0450b0;}
.main .login .id {margin-bottom:1px;}
.main .login .help {overflow:hidden;padding-top:12px;}
.main .login .help li {float:right;font-size:12px;}
.main .login .help .save {float:left;}
.main .login .help a {line-height:16px;font-size:12px;}
.main .front .after {padding-top:25px;}
.main .login .user {position:relative;margin-bottom:15px;padding-left:28px;font-size:16px;font-weight:bold;color:#0450b0;}
.main .login .user:before {content:" ";position:absolute;left:0;top:0;width:24px;height:20px;background:url("../../images/www/common/img_merge.png") no-repeat -233px 0;}
.main .login .user span {vertical-align:middle;display:inline-block;letter-spacing:-0.5px;}
.main .login .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60px;}
.main .login .info {margin-bottom:15px;}
.main .login .info:after {content:" ";clear:both;display:block;}
.main .login .member {float:left;line-height:22px;font-size:13px;color:#494949;}
.main .login .type {display:inline-block;margin-left:10px;padding:0 8px;border-radius:10px;color:#fff;background-color:#048d3b;}
.main .login .info .c_btn {float:right;margin-top:-5px;}
.main .login .menu {overflow:hidden;}
.main .login .menu li {float:left;width:50%;}
.main .login .menu a {text-align:center;display:block;position:relative;height:74px;padding-top:46px;font-weight:bold;color:#575757;background-color:#f5f5f5;}
.main .login .menu a:before {content:" ";position:absolute;left:50%;top:13px;background:url("../../images/www/common/img_merge.png") 0 0;}
.main .login .out a:before {width:20px;height:22px;margin-left:-10px;background-position:-257px 0;}
.main .login .my a:before {width:18px;height:20px;margin-left:-9px;background-position:-277px 0;}
.main .login .my a:after {content:" ";position:absolute;left:0;top:50%;width:1px;height:36px;margin-top:-18px;background-color:#aeaeae;}
.main .shortcut ul:after {content:" ";clear:both;display:block;}
.main .shortcut ul {height:165px;background-color:#fff;}
.main .shortcut li {float:left;width:50%;height:100%;}
.main .shortcut a {text-align:center;display:block;position:relative;height:100%;padding-top:113px;letter-spacing:-0.25px;font-size:16px;font-weight:bold;color:#fff;}
.main .shortcut a:before {content:" ";position:absolute;top:42px;left:50%;background:url("../../images/www/common/img_merge.png") no-repeat 0 -160px;}
.main .shortcut .course {background-color:#009774;}
.main .shortcut .member {background-color:#ef5656;}
.main .shortcut .course a:before {width:47px;height:56px;margin-left:-23px;}
.main .shortcut .member a:before {width:48px;height:53px;margin-left:-24px;background-position-x:-47px;}
.ud_service {padding:12px 0 40px 0;background-color:#fff;}
.ud_service .ct:after {content:" ";clear:both;display:block;}
.ud_service .bind {margin-left:-20px;margin-right:-20px;}
.ud_service .bind .board, .ud_service .bind .video, .ud_service .bind .bann {float:left;width:33.3333%;padding:0 20px;}
.ud_service .bind .video .inner {position:relative;height:274px;}
.ud_service .bind .video iframe {position:absolute;width:100%;height:100%;}
.main_06_video{float:right;width:50%;}
	.main_06_video .mainPadding{background:#4a4a4a}
	.hotVideo{position:relative;}
.ud_service .mainFrameCover{width:89%;margin:0 auto;padding-top:19%}
.ud_service .mainFrameCover iframe{border:3px solid #ccc;}
	.mainVideoText{padding:5% 7% 0}
	.mainVideoText .mainVideoTitle{font-size:19px;font-weight:500;color:#fff;padding-bottom:2%}
	.mainVideoText .mainVideoEx{color:#999;font-size:14px;word-break:break-all}
	.main_06_video:hover .mainVideoTitle span{color:#f7bb00;border-bottom:3px solid #f7bb00;}
	.main_06_video:hover .mainVideoEx{color:#fff;}

	.bbe{position:absolute;top:19%;right:7%;;width:90px;margin-top:-61px;z-index:99}
	.bbe img{width:90px}
.mainFrameCover iframe.bigMovie{height:55%}
/*quiz_main*/
.bd_service {padding:30px 0 30px 0;background-color:#fff;}
.bd_service .ct:after {content:" ";clear:both;display:block;}
.bd_service .ct > div, .bd_service .ct .bind {float:left;}
.bd_service .ct .bind {position:relative;width:380px;padding-right:418px;}
.bd_service .board {padding-right:38px;}
.main .rg_cs {position:absolute;right:6px;top:0;width:400px;}
.main .rg_cs > .slide {overflow:hidden;height:260px;}
.main .rg_cs .img {height:260px;}
.main .rg_cs .img img {width:100%;height:100%;}
.main .rg_cs .slick-dots {position:absolute;left:15px;top:15px;}
.main .rg_cs .slick-dots li {margin:0 3px;}
.main .rg_cs .slick-dots li button {display:block;width:14px;height:14px;border-radius:50%;background-color:#ced4dd;}
.main .rg_cs .slick-dots .slick-active button {width:34px;border-radius:7px;background-color:#fd0300;}
.main .bann {}
.main .board .frm {height:178px;padding-right:18px;}
.main .board .frm {position:relative;padding:15px 30px 0 20px;background-color:#ecccac;}
.main .board .frm li {border-top:1px dashed #d4b79b;}
.main .board .frm li:first-child {border-top:0;}
.main .board .frm li a {display:block;position:relative;padding:10px;font-size:14px;}
.main .board .frm li .info {position: absolute;right: 15px;top: 0;font-size:4px;color:#898989;}
.main .board .frm li a:before {content:" ";position:absolute;left:1px;top:17px;width:3px;height:3px;border-radius:50%;background-color:#494949;}
.main .board .text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#494949;}
.main .board .text_b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#686868;font-weight:600;}
.main .board .info {position:relative;display:inline-block;padding-top:5px;}
.main .board .date {font-size:12px;color:#898989;}
.main .board .new {text-align:center;position:absolute;right:-23px;top:5px;display:block;width:18px;height:18px;line-height:18px;border-radius:50%;font-size:12px;color:#fff;background:#ee6868;}
.main .board .more {position:absolute;right:12px;bottom:12px;font-size:13px;color:#fff;}

.rg_cs .top {position:relative;height:48px;padding:13px 90px 0 25px;border-bottom:1px solid #d2d2d2;background:url("../../images/www/bg/rg_cs_top.gif") repeat-x 0 0;}
.rg_cs .top h3 {font-size:17px;font-weight:bold;color:#fff;}
.rg_cs .top .more {position:absolute;right:20px;top:17px;font-size:13px;color:#fff;}
.rg_cs .sort {border:1px solid #d2d2d2;border-top:0;}
.rg_cs .sort .guide {position:relative;padding:18px 18px 18px 28px;color:#60605f;}
.rg_cs .sort .guide:before {content:" ";position:absolute;left:18px;top:25px;width:4px;height:4px;border-radius:50%;background-color:#20b6cb;}
.rg_cs .sort ul {overflow:hidden;}
.rg_cs .sort li {text-align:center;float:left;width:20%;padding:20px 5px;}
.rg_cs .sort a {position:relative;display:block;padding-top:70px;font-size:15px;font-weight:bold;color:#60605f;}
.rg_cs .sort a:before {content:" ";position:absolute;top:10px;left:50%;background:url("../../images/www/common/img_merge.png") no-repeat 0 -160px;}
.rg_cs .sort .engin:before {width:43px;height:48px;margin-left:-21px;}
.rg_cs .sort .it:before {top:18px;width:56px;height:36px;margin-left:-28px;background-position-x:-43px;}
.rg_cs .sort .nsc:before {width:25px;height:45px;margin-left:-12px;background-position-x:-99px;}
.rg_cs .sort .manage:before {width:35px;height:42px;margin-left:-17px;background-position-x:-124px;}
.rg_cs .sort .human:before {top:18px;width:51px;height:37px;margin-left:-25px;background-position-x:-159px;}
.rg_cs .sort .ssc:before {width:41px;height:52px;margin-left:-20px;background-position-x:-210px;}
.rg_cs .sort .multi:before {top:18px;width:44px;height:36px;margin-left:-22px;background-position-x:-251px;}
.rg_cs .sort .medi:before {top:15px;width:41px;height:36px;margin-left:-20px;background-position-x:-295px;}
.rg_cs .sort .art:before {width:67px;height:38px;margin-left:-33px;background-position-x:-336px;}
.rg_cs .sort .etc:before {top:15px;width:53px;height:39px;margin-left:-26px;background-position-x:-403px;}
.bann .center {display:table;width:390px;background-color:#f7c7cd;background-size:cover;}
.bann .center .cus .inner {padding:15px 15px 0 15px;}
.bann .center .cus li a  {padding-top:10px;padding-bottom:10px; padding:10 20px;font-weight:600;font-size:19px;}
.bann .center .cell {text-align:center;vertical-align:middle;display:table-cell;height:274px;padding:0 10px;}
.bann .center h3 {display:inline-block;position:relative;padding-top: 10px;padding-bottom: 10px;padding: 10 20px;font-weight: 600; font-size: 19px;}
.bann .center h3:before {content:" ";position:absolute;left:0;top:50%;width:24px;height:20px;margin-top:-10px;background:url("../../images/www/common/cus_icon.png") no-repeat 0 -140px;}
.bann .center .count {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:25px;margin-bottom:35px;font-weight:600;font-size:26px;letter-spacing:-0.5px;color:#e8334a;}
.bann .center .cell .menu {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:0px;font-weight:600;font-size:16px;letter-spacing:-0.5px;color:#494949;line-height:20px;}
.bann .center .cell .menu span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:15px;font-weight:600;line-height:20px;font-size:14px;letter-spacing:-0.5px;color:#e8334a;}
.bann .help {text-align:center;height:168px;}
.bann .help .group {float:left;width:66.66666666%;}
.bann .help .guide {width:33.33333333%;}
.bann .help h3 {height:40px;line-height:40px;font-size:16px;font-weight:bold;letter-spacing:-0.25px;color:#222;font-weight: 600;background-color:#ebc067;}
.bann .help h3 .cau2 {margin-right:8px;}
.bann .help ul {height:128px;padding:22px 0 16px 0;border:1px solid #d2d2d2;border-top:0;background-color:#e0e0e0;}
.bann .help ul li {float:left;width:50%;}
.bann .help ul li:first-child a:after {content:" ";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#cdcdcd;}
.bann .help ul a {display:block;position:relative;padding:66px 0 5px 0;font-weight:bold;letter-spacing:-0.25px;color:#383838;}
.bann .help ul a:before, .bann .help .guide a:before {content:" ";position:absolute;left:50%;top:9px;background:url("../../images/www/common/img_merge.png") no-repeat -95px -160px;}
.bann .help .member:before {width:53px;height:42px;margin-left:-26px;}
.bann .help .course:before {width:48px;height:42px;margin-left:-24px;background-position-x:-148px;}
.bann .help .guide {height:168px;}
.bann .help .guide a {display:block;position:relative;height:100%;padding-top:128px;font-weight:bold;letter-spacing:-0.25px;color:#fff;background-color:#5083c5;}
.bann .help .guide a:before {top:40px;width:69px;height:76px;margin-left:-34px;background-position-x:-196px;}
.bann .gseek {text-align:center;display:table;width:100%;margin-top:6px;border:1px solid #dcdcdc;}
.bann .gseek .cell {vertical-align:middle;display:table-cell;height:90px;padding:0 10px;}
.bann .gseek p {padding-bottom:14px;font-size:15px;font-weight:bold;letter-spacing:-0.5px;color:#000;}
.bann .gseek p .em {color:#054eac;}
.bann .gseek .link {text-align:center;}
.bann .gseek .rd_btn {margin:2px 2px 2px 5px;background-color:#054eac;}
.bann .gseek .aw_r {margin-left:5px;}
.mbs {position:relative;margin-top:40px;margin-bottom:40px;padding:0 67px;}
.mbs .slick-slide {padding-right:4px;}
.mbs .link a {display:table;width:100%;height:60px;border:0px solid #dcdcdc;}
.mbs .link a span {vertical-align:middle;display:table-cell;height:100%;}
.mbs .link img {margin:0 auto;}
.mbs .slick-arrow {right:0;top:50px;width:64px;height:60px;border:0px solid #dcdcdc;background-color:#fff;}
.mbs .slick-prev {left:-67px;}
.mbs .slick-next {right:-67px;}
.mbs .slick-arrow:before {content:" ";position:absolute;left:50%;width:10px;height:16px;margin-left:-5px;background:url("../../images/www/common/img_merge.png") no-repeat 0 0;}
.mbs .slick-prev:before {background-position-x:-213px;}
.mbs .slick-next:before {background-position-x:-223px;}

/* q_menu */
.q_menu {position:fixed;top:25%;right:7.5%;z-index:50;transform:translateY(-50%);}
.q_menu li {position:relative;margin-top:15px;}
.q_menu li:first-child {margin-top:0;}
.q_menu li a {display:block;text-align:right;}
.q_menu i {position:relative;display:block;width:116px;height:116px;border-radius:50%;background-color:#202020;transition:background-color 0.5s ease-in-out;}
.q_menu i:before {content:" ";position:absolute;left:22%;top:45%;background:url("../../images/www/common/img_merge2.png") no-repeat 0 0;}
.q_menu .intro i:before {width:91px;height:51px;margin:-13px 0 0 -13px;background-position:-0px -200px;}
.q_menu .program i:before {width:24px;height:21px;margin:-10px 0 0 -12px;background-position:-80px -200px;}
.q_menu .interact i:before {width:22px;height:16px;margin:-8px 0 0 -11px;background-position:-120px -200px;}
.q_menu .active i {background-color:#407dc8;}
.q_menu .bg {opacity:0;display:block;position:absolute;top:3px;right:58px;padding-right:20px;background:url("../../images/www/common/q_menu_bg.png") no-repeat 100% 0;transform:translateX(14px);transition:opacity, transform;transition-duration:0.5s;transition-timing-function:ease-in-out;}
.q_menu .text {text-align:center;display:block;white-space:nowrap;min-width:95px;height:39px;line-height:38px;padding:0 10px 0 20px;border:0;font-size:15px;font-weight:bold;letter-spacing:-0.5px;color:#595959;background:url("../../images/www/common/q_menu_text.png") no-repeat 0 0;}
.q_menu li a:hover .bg {opacity:1;transform:translateX(0);}

/* step_table */
.step_table {margin-bottom:30px;}
.step_table:after {content:" ";clear:both;display:block;}
.step_table li {text-align:center;position:relative;float:left;width:25%;}
.step_table li:before {content:" ";position:absolute;left:-30px;top:50%;width:60px;height:15px;margin-top:-7px;background:url("../../images/www/common/step_table_arrow.png") no-repeat 100% 0;}
.step_table li:first-child:before {display:none;}
.step_table .inner {display:inline-block;width:120px;height:120px;border-radius:50%;color:#fff;background-color:#989b9f;box-shadow:0 3px 7px rgba(0,0,0,0.2);}
.step_table .step {display:block;margin-bottom:5px;padding-top:38px;font-size:13px;}
.step_table .state {font-size:16px;}
.step_table .on .inner {background-color:#e95353;}

/* join_mb */
.join_mb .group textarea {overflow-y:auto;height:250px;}
.join_mb .group .bar {text-align:right;margin-top:10px;}
.join_mb .ag_end {text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #b9b9b9;font-size:15px;font-weight:bold;}
.join_mb .result {text-align:center;}
.join_mb .result p {line-height:1.5;}
.join_mb .result .em {font-weight:bold;color:#eb7c7c;}
.join_mb .result .close {font-size:18px;font-weight:bold;color:#3d3d3d;}
.join_mb .result.cs .close {margin-bottom:20px;}
.cert_type {overflow:hidden;margin-left:-10px;margin-right:-10px;}
.cert_type li {text-align:center;float:left;width:50%;padding:0 10px;}
.cert_type .c_panel {margin:0;}
.cert_type .c_panel .p_head {font-size:16px;}
.cert_type .p_body {min-height:260px;padding-bottom:20px;}
.cert_type p {margin-bottom:10px;padding-top:100px;font-size:15px;color:#494949;}
.cert_type .pin p {background:url("../../images/www/icon/cert_pin.png") no-repeat 50% 10px;}
.cert_type .ph p {background:url("../../images/www/icon/cert_phone.png") no-repeat 50% 10px;}
.cert_end {text-align:center;padding-top:20px;font-size:15px;font-weight:bold;}

/* acc_find */
.acc_find .col {float:left;width:50%;padding:0 10px;}
.acc_find .p_head {text-align:center;font-size:18px;}
.acc_find .p_body {min-height:230px;}
.acc_find .tbl_row {border:0;}
.acc_find .tbl_row th {text-align:left;color:#373737;background:none;}
.acc_find .tbl_row td {background:none;}
.acc_find .desc {position:relative;line-height:1.6;padding-left:10px;}
.acc_find .desc {text-align:center;padding:15px;border:1px dashed #b9b9b9;border-radius:20px;background:#efefef;}
.acc_find .result {text-align:center;margin-top:15px;padding:15px;border-radius:25px;font-size:15px;color:#fff;background:#2d4b7a;}
.acc_find .result .em {font-weight:bold;color:#ef5656;}

/* ud_intro */
.ud_intro .article {position:relative;padding-bottom:30px;}
.ud_intro .guide {padding-bottom:60px;}
.ud_intro .guide:before {content:" ";position:absolute;left:0;bottom:30px;width:100%;height:54px;background-color:#dfeaf5;}
.ud_intro .guide ul {position:relative;margin-left:-2px;margin-right:-2px;}
.ud_intro .guide ul:after {content:" ";clear:both;display:block;}
.ud_intro .guide li {float:left;width:20%;padding:0 2px;color:#fff;}
.ud_intro .guide .inner {height:340px;}
.ud_intro .guide .desc {text-align:center;position:relative;height:170px;padding-top:25px;}
.ud_intro .guide .desc:before {content:" ";position:absolute;left:0;top:0;width:0;height:0;border-top:20px solid #fff;border-right:20px solid transparent;}
.ud_intro .guide .who .desc {background-color:#1f67b9;}
.ud_intro .guide .where .desc {background-color:#1f80b9;}
.ud_intro .guide .what .desc {background-color:#1f9ab9;}
.ud_intro .guide .how .desc {background-color:#279ca2;}
.ud_intro .guide .why .desc {background-color:#52b0b5;}
.ud_intro .guide .desc span {display:block;position:relative;margin-bottom:35px;padding-top:5px;font-size:18px;font-weight:bold;letter-spacing:-0.2px;}
.ud_intro .guide .desc span:before {content:" ";position:absolute;left:50%;top:0;width:10px;height:1px;margin-left:-5px;background-color:#fff;}
.ud_intro .guide .img {height:170px;}
.ud_intro .guide .who .img {background:url("../../images/www/bg/ud_intro_who.png") no-repeat 0 0;background-size:cover;}
.ud_intro .guide .where .img {background:url("../../images/www/bg/ud_intro_where.png") no-repeat 0 0;background-size:cover;}
.ud_intro .guide .what .img {background:url("../../images/www/bg/ud_intro_what.png") no-repeat 0 0;background-size:cover;}
.ud_intro .guide .how .img {background:url("../../images/www/bg/ud_intro_how.png") no-repeat 0 0;background-size:cover;}
.ud_intro .guide .why .img {background:url("../../images/www/bg/ud_intro_why.png") no-repeat 0 0;background-size:cover;}
.ud_intro .target ul {padding:60px 0 0 30px;}
.ud_intro .target:before {content:" ";position:absolute;right:0;top:-10px;width:307px;height:124px;background:url("../../images/www/bg/ud_target_deco.png") no-repeat 0 0;}
.ud_intro .target li {position:relative;margin-top:12px;padding-left:15px;color:#595959;}
.ud_intro .target li:before {content:" ";clear:both;display:block;position:absolute;left:0;top:6px;width:8px;height:4px;background-color:#4a8fdd;}
.ud_intro .target li:first-child {margin-top:0;}
.ud_intro .type li {float:left;width:50%;padding:0 10px;}
.ud_intro .type li .inner {padding:7px;background:url("../../images/www/bg/bg_ds_box.png") repeat 0 0;}
.ud_intro .type li .box {padding:25px 25px 25px 170px;background-repeat:no-repeat;background-position:45px 50%;background-color:#f3f3f3;}
.ud_intro .type .name {display:block;margin-bottom:12px;font-size:18px;font-weight:bold;color:#333;}
.ud_intro .type p {line-height:1.4;color:#595959;}
.ud_intro .type .visit {background-image:url("../../images/www/bg/ud_type_visit.png");}
.ud_intro .type .base {background-image:url("../../images/www/bg/ud_type_base.png");}

/* ud_sum */
.ud_sum .tbl dt, .ud_sum .tbl dd {height:60px;padding:15px;border-color:#e5e5e5;}
.ud_sum .tbl dt {text-align:center;width:25%;font-size:16px;letter-spacing:-0.2px;color:#595959;background-color:#ebebeb;}
.ud_sum .tbl dt span {display:inline-block;width:40px;margin-right:15px;}
.ud_sum .tbl dd > p {position:relative;padding-left:80px;font-size:16px;letter-spacing:-0.2px;color:#595959;}
.ud_sum .tbl dd > p:before {content:" ";position:absolute;left:65px;top:5px;width:10px;height:10px;background:url("../../images/www/common/img_merge.png") no-repeat -157px -40px;}
.ud_sum .em {color:#fd0000;}
.ud_sum .info {border:1px solid #bfbfbf;}
.ud_sum .ex {position:relative;margin-top:12px;padding:35px 15px 20px 15px;border:1px dashed #2d4b7a;color:#333;background-color:#f4f5f6;}
.ud_sum .ex:before {content:" ";position:absolute;left:15px;top:-1px;width:16px;height:20px;background:url("../../images/www/common/img_merge.png") no-repeat -141px -40px;}
.ud_sum .ex .lab {display:block;padding-bottom:5px;font-size:16px;color:#333;}
.ud_sum .ex .desc {font-size:13px;}

/* ud_status */
.ud_status .top {text-align:center;height:94px;line-height:94px;font-size:22px;font-weight:bold;color:#fff;background:url("../../images/www/bg/ud_status_top.png") repeat-x 0 0;}
.ud_status .top .sd_glass {margin-right:15px;}
.ud_status .article {position:relative;padding-left:198px;border-bottom:1px solid #0450b0;}
.ud_status .article .year {text-align:center;position:absolute;left:57px;top:47px;width:90px;height:35px;line-height:35px;font-size:17px;font-weight:bold;letter-spacing:-0.3px;color:#fff;background-color:#27905e;}
.ud_status .article .year:before {content:" ";position:absolute;right:0;bottom:-15px;width:0;height:0;border-top:15px solid #27905e;border-left:15px solid transparent;}
.ud_status .article ul {padding:100px 20px 70px 0;background:url("../../images/www/bg/ud_history_deco.gif") repeat-y 3px 0;}
.ud_status .article li {position:relative;line-height:1.4;margin-top:30px;padding-left:14px;font-size:16px;font-weight:bold;letter-spacing:-0.3px;color:#686868;}
.ud_status .article li:first-child {margin-top:0;}
.ud_status .article li .date {display:inline-block;margin-right:5px;color:#222;}
.ud_status .article li:before {content:" ";position:absolute;left:0;top:5px;width:10px;height:10px;background:url("../../images/www/common/img_merge.png") no-repeat -157px -40px;}
.ud_status .article .em {color:#0450b0;}

/* rs_step */
.rs_step .c_title2 {margin-bottom:20px;}
.rs_step .article {position:relative;display:table;width:100%;margin-bottom:20px;padding-left:210px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;}
.rs_step .article .img {text-align:center;position:absolute;left:45px;top:22px;width:120px;padding-top:100px;font-size:0;font-weight:bold;letter-spacing:-0.2px;color:#595959;}
.rs_step .article ul {vertical-align:middle;display:table-cell;height:147px;padding:10px;}
.rs_step .article li {position:relative;margin-top:12px;padding-left:15px;font-size:16px;letter-spacing:-0.3px;color:#595959;}
.rs_step .article li:first-child {margin-top:0;}
.rs_step .article li:before {content:" ";position:absolute;left:0;top:8px;width:8px;height:4px;background-color:#4a8fdd;}
.rs_step .article .lab {display:inline-block;font-weight:bold;color:#4a8fdd;}
.rs_step .article.one .img {background:url("../../images/www/bg/rs_step_1.png") no-repeat 50% 0;}
.rs_step .article.two .img {background:url("../../images/www/bg/rs_step_2.png") no-repeat 50% 0;}
.rs_step .article.three .img {background:url("../../images/www/bg/rs_step_3.png") no-repeat 50% 0;}
.rs_step .c_title2 .caution {margin-left:3px;}
.rs_step .note {padding:25px 30px;border-top:3px solid #2d4b7a;font-size:15px;letter-spacing:-0.3px;color:#595959;background-color:#eee;}
.rs_step .note > li {position:relative;line-height:1.8;margin-top:10px;padding-left:27px;}
.rs_step .note > li:first-child {margin-top:0;}
.rs_step .note .num {position:absolute;left:0;font-weight:bold;color:#222;}
.rs_step .note .link {font-size:15px;color:#5c98df;}
.rs_step .note ul {padding-top:5px;}
.rs_step .note ul li {position:relative;line-height:1.8;padding-left:11px;}
.rs_step .note ul li:before {content:" ";position:absolute;left:0;top:12px;width:6px;height:4px;background-color:#4a8fdd;}
.rs_step .note .em {color:#f52d2d;}
.rs_step .note .mark {position:relative;line-height:1.8;padding-left:15px;}
.rs_step .note .mark:before {content:" ";position:absolute;left:0;top:7px;width:12px;height:13px;background:url("../../images/www/common/img_merge.png") no-repeat -222px -40px;}

/* gd_organ */
.gd_organ .icmg {margin-left:5px;}
.gd_organ .place:before {margin-top:-2px;}
.gd_organ .tbl_col2 th {font-size:15px;}
.gd_organ .tbl_col2 td {font-size:14px;}
.gd_organ .wd {width:30%;}

/* kendo */
.k-editable-area {box-sizing:border-box !important;}

/* oer frame */
.gm_fullscreen {max-width:100% !important;width:100% !important;height:100% !important;}

/* popup */
.pop_wk {max-width:450px;}
.now_working {text-align:center;}

/* editor */
.weditor {font-size:12px;color:#000;}
.weditor strong {color:inherit;font-size:inherit;font-weight:bold;}
.weditor td {padding:.2em .3em;border:1px solid #ccc;color:#000;font-size:12px;}
.weditor strong * {font-weight:bold;}
.weditor em {font-style:italic;}
.weditor p {padding-bottom:1em;}
.weditor h1, .weditor h2, .weditor h3, .weditor h4, .weditor h5, .weditor h6 {font-weight:bold;color:#000;}
.weditor h1 {font-size:2em;margin:0.67em 0;}
.weditor h2 {font-size:1.5em;margin:0.83em 0;}
.weditor h3 {font-size:1.16em;margin:0.67em 0;}
.weditor h4 {font-size:1em;margin:1.33em 0;}
.weditor h5 {font-size:0.83em;margin:1.67em 0;}
.weditor h6 {font-size:0.7em;margin:2.33em 0;}
.weditor a {text-decoration:underline;color:#00a;}
.weditor table {margin-bottom:1em;border:1px solid #ccc;}

/* ud_gude */
.ud_guide {width:860px;margin:30px auto;padding:40px;border-radius:20px;background:url("../../images/www/bg/ud_guide.png") no-repeat 0 0;background-size:cover;}
.ud_guide h1 {text-align:center;margin-bottom:30px;letter-spacing:-0.5px;font-size:30px;font-weight:bold;color:#000;}
.ud_guide h1 span {display:inline-block;position:relative;padding-left:35px;}
.ud_guide h1 span:before {content:" ";position:absolute;left:0;top:4px;width:26px;height:26px;background:url(../../images/www/common/img_merge.png) no-repeat -314px 0;
}
.ud_guide .desc {line-height:1.5;letter-spacing:-0.3px;font-size:18px;font-weight:bold;color:#000;}
.ud_guide .desc p {margin-bottom:15px;}
.ud_guide strong {display:block;margin-bottom:15px;font-size:18px;font-weight:bold;color:#0450b0;}
.ud_guide .em {color:#fd0300;}
.ud_guide li {position:relative;padding-left:10px;}
.ud_guide li span {display:inline-block;min-width:142px;}
.ud_guide li:before {content:" ";position:absolute;left:0;top:13px;width:2px;height:2px;background-color:#0450b0;}
.ud_guide .enter {overflow:hidden;padding:30px 10px 0 10px;}
.ud_guide .enter a {text-align:center;display:block;float:left;width:340px;padding:50px 0;height:160px;border:2px solid #172d48;border-radius:24px;font-size:24px;color:#fff;}
.ud_guide .enter a + a {margin-left:80px;}
.ud_guide .enter .blue {background-color:#315f97;}
.ud_guide .enter .red {background-color:#c75252;}

/* ad_set */
.ad_set {background-color:#fff;}
.ad_set .frm {min-width:1280px;}
.ad_set .frm > .top {margin-bottom:10px;padding:10px;border-bottom:1px solid #ccc;background-color:#f5f6f7;}
.ad_set .frm > .top:after {content:" ";clear:both;display:block;}
.ad_set .frm > .top .global {float:right;}
.ad_set .frm:after {content:" ";clear:both;display:block;}
.ad_set .aside {position:relative;z-index:1;float:left;width:240px;padding:10px 10px 20px 10px;}
.ad_set .setting {float:right;width:100%;margin-left:-240px;}
.ad_set .setting > .inner {margin-left:240px;padding:20px 10px;}
.ad_set .setting .title {font-size:18px;}
.ad_set .nav a {display:block;position:relative;padding:10px;font-weight:300;color:#767676;}
.ad_set .nav > li {position:relative;}
.ad_set .nav > li > a {line-height:1.4;font-size:20px;color:#222;}
.ad_set .nav > li > a button {margin:-3px 0 0 10px;}
.ad_set .nav > .on > a:before, .ad_set .nav > li > a:hover:before {content:" ";position:absolute;left:0;top:13px;width:3px;height:20px;background-color:#1d9ced;}
.ad_set .nav > li > ul {display:none;}
.ad_set .nav > li > ul a {padding-left:20px;}
.ad_set .nav > li > ul .on a, .ad_set .nav > li > ul a:hover {font-weight:400;color:#428bca;}
.ad_set .c_title4 {margin-bottom:10px;font-size:20px;color:#767676;}
.c_grid {border-radius:4px;}
.tbl_col5 {border-top:1px solid #dfdfdf;}
.tbl_col5 th, .tbl_col5 td {text-align:center;height:30px;padding:5px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size:13px;font-weight:300;}
.tbl_col5 th {color:#333;background-color:#f5f5f5;}
.tbl_col5 td {border-left:1px solid #dfdfdf;color:#767676;background-color:#fff;}
.tbl_col5 th:first-child, .tbl_col5 td:first-child {border-left:0;}
.tbl_col5 tr:nth-child(even) td {background:#f6f7f8;}
.tbl_col5 td.date {color:#3f8edd;}
.tbl_col5 td a {font-size:13px;font-weight:300;color:#428bca;}
.tbl_col5 td a:hover {text-decoration:underline;}
.tbl_col5 input[type="checkbox"] {width:16px;height:16px;}

.st_box {margin-bottom:10px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.st_box.last, .st_box.one {margin-bottom:0;}
.st_box.nl {border:0;} /* no line */
.st_box.gray {background-color:#f5f5f5;}
.st_box .top {position:relative;}
.st_box .top:after {content:" ";clear:both;display:block;}
.st_box .top .left {float:left;}
.st_box .top .right {float:right;}
.st_box .ct {margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;}

/* rec_mange */
.rec_manage .info {margin-bottom:10px;padding:15px;border:2px dotted #ccc;border-radius:10px;background-color:#f5f5f5;}
.rec_manage .info li {position:relative;line-height:1.3;padding-left:80px;}
.rec_manage .info li + li {margin-top:10px;}
.rec_manage .info strong {position:absolute;left:0;top:0;display:block;padding-left:12px;font-weight:bold;color:#191919;}
.rec_manage .info strong:before {content:" ";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background-color:#0c4da2;}
.rec_manage .record {overflow-x:auto;}
.rec_manage .record th, .rec_manage .record td {font-size:13px;}
.section.atd .print {margin:-3px 5px 0 0;}

/* ds_info */
.ds_info {margin-bottom:10px;padding:15px;border:2px dotted #ccc;border-radius:10px;background-color:#f5f5f5;}
.ds_info li {position:relative;min-height:18px;line-height:1.4;padding-left:80px;}
.ds_info .wide {padding-left:0;}
.ds_info .wide strong {position:static;}
.ds_info .wide span {display:block;padding:2px 0 0 12px;}
.ds_info li + li {margin-top:10px;}
.ds_info strong {position:absolute;left:0;top:0;display:block;padding-left:12px;font-weight:bold;color:#191919;}
.ds_info strong:before {content:" ";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background-color:#0c4da2;}

/* text box */
.tx_box {margin-bottom:15px;padding:15px;border:2px dotted #ccc;border-radius:10px;background-color:#f5f5f5;}
.tx_box.bk {background-color:#fff;}
.tx_box li {position:relative;line-height:1.5;margin-top:4px;padding-left:10px;font-size:13px;}
.tx_box.bk li {color:#222;}
.tx_box li:first-child {margin-top:0;}
.tx_box li:before {content: " ";position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background-color:#222;}
.tx_box li.ref:before {content:"※";top:0;left:-3px;width:auto;height:auto;border-radius:0;font-weight:bold;background:none;}
.tx_box li.em, .tx_box .em {font-weight:bold;color:#ef5656;}
.tx_box .link {font-size:13px;font-weight:bold;color:#3399ff;}

/* pw_guide */
.pw_guide {border:2px solid #b9b9b9;}
.pw_guide .note {text-align:center;padding:20px;background:url("../../images/www/bg/pw_guide_top.gif") repeat 0 0;}
.pw_guide .note p {line-height:1.6;color:#222;}
.pw_guide strong {display:block;padding-bottom:15px;font-size:30px;font-weight:bold;letter-spacing:-1px;color:#222;}
.pw_guide strong span {color:#ee5050;}
.pw_guide .form {max-width:480px;margin:0 auto;padding:10px;}
.pw_guide dl {display:table;width:100%;}
.pw_guide dt, .pw_guide dd {vertical-align:middle;display:table-cell;padding:10px;font-size:16px;}
.pw_guide dt {width:30%;font-weight:bold;color:#222;}
.pw_guide dd {width:70%;}
.pw_guide dd input {width:100%;height:40px;line-height:40px;border-radius:2px;background-color:#f1f1f1;}
.pw_guide .b_box {border-top:1px solid #e6e6e6;}

/* certificate */
.frm_cert {padding:20px;}
.frm_cert .help {padding-top:10px;}
.frm_cert .help .tx_box {margin-bottom:10px;}
.frm_cert .help .b_box {padding-top:0;}
.frm_cert .print_lg {margin:-4px 8px 0 0;}
.doc_cert {position:relative;padding:40px;border:2px solid #000;}
.doc_cert * {font-size:24px;font-family:'궁서';color:#000;}
.doc_cert .logo {position:absolute;top:50%;left:50%;margin-top:-180px;margin-left:-194px;z-index:-1;	opacity:0.3;}
.doc_cert .num {padding-bottom:40px;font-size:20px;}
.doc_cert h1 {text-align:center;margin-bottom:80px;font-size:50px;}
.doc_cert .b_info {float:right;padding-bottom:60px;}
.doc_cert .b_info dt, .doc_cert .b_info dd {line-height:1.6;font-size:24px;font-weight:bold;}
.doc_cert .b_info dt {float:left;width:80px;}
.doc_cert .b_info dd {margin-left:80px;}
.doc_cert .desc {clear:both;line-height:1.4;margin-bottom:60px;font-size:36px;font-weight:bold;}
.doc_cert .cs_info {margin-bottom:60px;}
.doc_cert .cs_info dl {margin-top:15px;}
.doc_cert .cs_info dl:first-child {margin-top:0;}
.doc_cert .cs_info dt, .doc_cert .cs_info dd {line-height:1.4;font-size:24px;font-weight:bold;}
.doc_cert .cs_info dt {clear:both;float:left;width:122px;}
.doc_cert .cs_info dd {margin-left:122px;}
.doc_cert .cs_info .three span {display:inline-block;margin-left:12px;}
.doc_cert .date {text-align:center;margin-bottom:50px;}
.doc_cert .date span {display:inline-block;font-size:30px;font-weight:bold;}
.doc_cert .organ {text-align:center;font-size:40px;font-weight:bold;}

/* term_sel */
.term_sel {padding:10px 20px;border-top:2px solid #3c4283;border-bottom:2px solid #3c4283;background-color:#ebeaea;}
.term_sel select {min-width:200px;height:40px;font-size:16px;}
.term_sel label {margin-right:20px;font-size:18px;font-weight:bold;color:#3264c8;}

/* prod_li */
.prod_li {margin:-8px;}
.prod_li li {float:left;width:20%;padding:8px;}
.prod_li li a {position:relative;display:block;padding:15px;border:1px solid #d2d2d2;}
.prod_li .tag {position:absolute;left:15px;top:10px;}
.prod_li .img {text-align:center;}
.prod_li .name {margin-top:10px;font-size:16px;font-weight:bold;letter-spacing:-0.5px;color:#505050;}

/* prod_d */
.d_title {text-transform:uppercase;padding-bottom:10px;margin-bottom:15px;padding-left:30px;border-bottom:1px solid #ccc;font-size:20px;font-family:"Arial";letter-spacing:-1px;background:url("../../images/www/bg/bl_d_title.png") no-repeat 0 0;}
.d_title span {font-weight:bold;}
.prod_d .itemz {margin-bottom:20px;padding:20px;border:1px solid #d7d4d6;}
.itemz.goods {position:relative;padding-left:120px;}
.itemz.goods .thumb {position:absolute;left:20px;top:20px;}
.itemz.goods .thumb li {width:80px;margin-bottom:20px;}
.itemz.goods .thumb li img {display:block;width:100%;}
.itemz.goods .frm {position:relative;min-height:545px;padding-left:545px;}
.itemz.goods .img_d {overflow:hidden;position:absolute;left:0;top:0;width:540px;height:540px;/*border:1px solid #d7d4d6;*/}
.itemz.goods .img_d img {position:absolute;width:100%;height:100%;}
.itemz.goods .info {padding:20px;}
.itemz.goods .sub {margin-bottom:25px;}
.itemz.goods .sub .logo {display:block;padding-bottom:10px;}
.itemz.goods .sub .name {font-size:32px;font-weight:bold;letter-spacing:-0.5px;color:#222;}
.itemz.goods .item li {padding:8px 0;border-bottom:1px solid #d5d1d2;font-size:15px;letter-spacing:-0.3px;color:#686868;}
.itemz.matching ul {overflow:hidden;margin:-5px;}
.itemz.matching li {float:left;width:50%;padding:10px;}
.itemz.matching li a {display:block;position:relative;height:0;padding-bottom:100%;}
.itemz.matching li a img {position:absolute;width:100%;height:100%;}
.itemz.details {padding:50px 100px;border:0;}
.itemz.details h3 {text-align:center;margin-bottom:50px;padding-bottom:10px;font-family:arial;font-size:32px;font-weight:bold;color:#3d3d3d;}
.itemz.details h3 span {vertical-align:middle;display:inline-block;margin-top:50px;}
.itemz.details h3 .add {position:relative;margin-left:20px;padding-left:20px;font-weight:normal;color:#666;}
.itemz.details h3 .add:before {content:" ";position:absolute;left:0;top:-5px;width:1px;height:50px;background-color:#dedc00;}
.itemz.details .group {clear:both;overflow:hidden;position:relative;margin-bottom:50px;}
.itemz.details .group .img {float:left;width:520px;padding-right:20px;}
.itemz.details .group p {line-height:1.9;font-family:arial;font-size:17px;color:#a2a2a2;}
.itemz.details .group h4 {margin-bottom:30px;font-family:arial;font-size:17px;color:#a2a2a2;}
.itemz.details .group h4 .em {font-size:24px;color:#3d3d3d;}
.itemz.details .group.right .img {text-align:right;float:right;padding:0 0 0 20px;}
.itemz.details .group p .em {font-size:17px;color:#3d3d3d;}

/* rw */
.row {margin-left:-10px;margin-right:-10px;}
.row.sm {margin-left:-5px;margin-right:-5px;margin-top:-5px;}
.row.mid {margin-left:-15px;margin-right:-15px;}
.row:before, .row:after {content:"";display:table;}
.row:after {clear:both;}
.col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12 {position:relative;min-height:1px;padding:10px;}
.col_md_3:after, .col_md_4:after, .col_md_5:after, .col_md_6:after, .col_md_8:after, .col_md_12:after {content:"";clear:both;display:table;}
.col_wd_3:after, .col_wd_4:after, .col_wd_5:after, .col_wd_6:after, .col_wd_8:after, .col_wd_12:after {content:"";clear:both;display:table;}
.row.sm .col_md_4 {padding-left:5px;padding-right:5px;padding-bottom:5px;}

@media screen and (max-width:1136px) {
/* main */
.main .front {height:auto;padding:10px 0;}
.main .front .mbn:after {content:" ";clear:both;display:block;}
.main .front .mbn, .main .front .side, .main .bann {float:none;width:100%;padding-right:0;}
.front .mbn .img {overflow:hidden;position:relative;height:0;padding-bottom:43.37%;}
.front .mbn .img img {position:absolute;left:0;top:0;width:100%;height:100%;}
.main .front .side {overflow:hidden;padding-top:5px;}
.main .front .login, .main .front .shortcut {float:left;width:50%;margin:0;}
.main .front .shortcut {padding-left:6px;}
.ud_service .ct .bind {float:none;width:836px;;padding-right:418px;}
.ud_service .board {padding-right:26px;}
.main .rg_cs {right:0;}
.main .shortcut ul {height:190px;}
.main .shortcut a {padding-top:130px;}
.bann .gseek .cell {height:166px;}
.main .front .slogan {height: 480px;padding: 70px 10px 0 10px;}

/* list */
.prod_li li {width:25%;}
}

@media screen and (min-width:992px) {
/* ess, col_md */
.col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11 .col_md_12 {float:left;}
.col_wd_1, .col_wd_2, .col_wd_3, .col_wd_4, .col_wd_5, .col_wd_6, .col_wd_7, .col_wd_8, .col_wd_9, .col_wd_10, .col_wd_11 .col_wd_12 {float:left;}
.col_md_1, .col_wd_1 {width:8.33333333%;}
.col_md_2, .col_wd_2 {width:16.66666667%;}
.col_md_3, .col_wd_3 {width:25%;}
.col_md_4, .col_wd_4 {width:33.33333333%;}
.col_md_5, .col_wd_5 {width:41.66666667%;}
.col_md_6, .col_wd_6 {width:50%;}
.col_md_7, .col_wd_7 {width:58.33333333%;}
.col_md_8, .col_wd_8 {width:66.66666667%;}
.col_md_9, .col_wd_9 {width:75%;}
.col_md_12, .col_wd_12 {clear:both;width:100%;}
}

@media screen and (min-width:981px) {
/* ess, gnb snb */
#gnb > li .snb {opacity:0;position:absolute;right:0;top:-9999px;z-index:100;min-width:140px;width:100%;padding:15px;border:1px solid #ececec;border-radius:0 0 3px 3px;background-color:#fff;box-shadow:0 3px 6px -3px;}
#gnb > li.over .snb  {opacity:1;top:100%;}
#gnb > li.member .snb {width:180px;}
}

@media screen and (max-width:980px) {
/* main */
.bann .center h3 {padding-left:45px;font-size:18px;}
.bann .center li {font-size:14px;}
.ud_service .bind {margin:0;}
.ud_service .bind .board, .ud_service .bind .video, .ud_service .bind .bann {float:none;width:100%;margin-top:10px;padding:0;}
.bann .center {width:100%;}
.ud_service .bind .video .inner {height:0;padding-bottom:56.25%;}

/* ess, common */
#header .nav_toggle {display:block;}
#header .nav .menu {display:none;}
#container .lnb {display:none;}
#container #content {margin:0;}

/* ess, dash */
.dash .front {padding-top:0;}
.dash .front .colg {width:50%;margin:0;}
.dash .front .msg, .dash .front .profile {width:100%;}
.dash .front > .rows {padding:0;}
.dash .my_profile {margin-bottom:0;}
.h_box .c_title {margin-bottom:15px;}
.h_box .add {position:relative;top:0;}
.h_box .add .c_btn, .h_box .add select {margin:2px;}

/* dash design */
.cs_srch .form {float:none;width:auto;}

/* etc design */
.step_table li:before {display:none;}

/* prod_d */
.prod_d .itemz {padding:10px;}
.itemz.details .group .img {width:400px;}
.itemz.details h3 span {display:block;}
.itemz.details h3 .add {margin:0;padding:0;}
.itemz.details h3 .add:before {display:none;}
.itemz.goods .frm {padding:20px 0 0 0;}
.itemz.goods .img_d {position:relative;margin:0 auto;}
.itemz.goods .thumb {overflow:hidden;position:relative;left:0;top:0;margin:-5px;}
.itemz.goods .thumb li {float:left;margin:5px;}
}

@media screen and (max-width:768px) {
/* main */
.ud_service .ct .bind {padding:0;}
.ud_service .board, .main .rg_cs, .main .bann > div {width:100%;}
.main .rg_cs {position:static;}
.main .rg_cs .img {overflow:hidden;position:relative;height:0;padding-bottom:69.74%;}
.main .rg_cs .img img {position:absolute;left:0;top:0;width:100%;height:100%;}
.main .rg_cs > .slide {height:auto;}
.bann .help ul {border-bottom:0;}
.bann .gseek {border-top:0;}
/*.bann .help, .bann .gseek {padding:20px 0;}*/

/* list */
.prod_li li {width:33.3333%;}
.itemz.matching li {width:33.3333%;}

/* ess, common */
.tbl_li, .tbl_li tbody, .tbl_li tr, .tbl_li th, .tbl_li td {display:block;max-width:100%;width:100%;}
.tbl_li th, .tbl_li td {padding:8px 0;}
.tbl_li, .tbl_li td {border-top:0;}
.tbl_li th {padding-bottom:0;}
dl.tbl, dl.tbl dt, dl.tbl dd, .cnt_search dl.tbl dt, .ud_sum dl.tbl dt {display:block;width:100%;}
dl.tbl dt, dl.tbl dd, .ud_sum .tbl dt, .ud_sum .tbl dd {height:auto;padding:8px;}
dl.tbl dd {border-top:0;}
dl.tbl dt {padding-bottom:0;}
dl.tbl.gray dt {padding-bottom:8px;}
.sq_box .tbl:last-child dd {padding-bottom:0;}
.tbl_row, .tbl_row tbody, .tbl_row tr, .tbl_row th, .tbl_row td, .tbl_row2, .tbl_row2 tbody, .tbl_row2 tr, .tbl_row2 th, .tbl_row2 td {text-align:left;display:block;max-width:100%;width:100%;}
.tbl_row.basic {display:table;}
.tbl_row.basic th, .tbl_row.basic td {display:table-cell;}
table.ac th, table.ac td {text-align:center;}
.c_tab li a {font-size:14px;}
.c_tab3 li a {min-width:auto;}
.c_tab4 li a {min-width:auto;padding:12px 15px;}
.nav_tabs2 > li {top:0;margin:3px 2px;border-bottom:2px solid #ddd;}
.nav_tabs2 > li:first-child {margin-left:2px;}
.nav_tabs2 > li.on > a {height:40px;}
.ip_form.blank {padding:0;}
.cb_bar .left {float:none;}
.p_login {width:auto;padding:20px;} /* login page */
.p_login .head {height:auto;}
.p_login .head .guide {position:static;padding:10px 0;}
.lct_bar .info {float:none;}
.lct_bar .align {margin-top:10px;}
.lct_bar .add {position:static;padding-top:10px;}
.lct_bar .view_type {margin-left:10px;}

/* ess, list */
.lct_list.album > li, .ph_list > li {width:50%;}
.tbl_row, .tbl_row tbody, .tbl_row tr, .tbl_row th, .tbl_row td, .tbl_row {text-align:left;display:block;max-width:100%;width:100%;}
.tbl_row tr:last-child td {border-bottom:0;}
.tbl_row th, .tbl_row td {height:auto;}

/* ess, ip_form */
.ip_form {padding:0 5px;}
.ip_form:not(.sm) dl {padding:5px 0;}
.ip_form:not(.sm) dt line-height:inherit;
.ip_form:not(.sm) dt, .ip_form:not(.sm) dd {display:block;float:none;width:100%;height:auto;padding:8px;}
.ip_form.sm dt, .ip_form.sm dd {padding:0 5px;}

/* dash design */
.cs_srch .line {padding-right:0;}
.cs_srch .line .enter {clear:both;position:static;margin:10px auto 0 auto;}

/* ess, course_detail */
.course_detail .summary {min-height:auto;padding:20px;}
.course_detail .summary .img {position:static;margin:0 auto 15px auto;}
.course_detail .summary .info {min-height:auto;padding:20px 0;}
.course_detail .summary .enter {text-align:center;}
.course_detail .summary .enter a {float:none;}

/* i_box */
.i_box .sort, .i_box .group {float:none;}
.i_box .group {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}
.i_box.sm .group {margin-top:0;}
.i_box.no_sort .group {text-align:right;margin-top:0;padding-top:0;border-top:0;}

/* ess, ex_set (quiz, survey) */
.quiz_view .ex.img li {width:50%;}
.ex_set .marker .detail dd {text-align:left;}

/* etc design */
.ud_sum .tbl dd > p {padding-left:15px;}
.ud_sum .tbl dd > p:before {left:0;}
.ud_intro .guide li {width:33.33333333%;padding:2px;}
.ud_intro .guide:before {display:none;}
.ud_intro .guide {padding-bottom:30px;}
.ud_intro .target:before {display:none;}
.ud_intro .target ul {padding:0;}
.ud_intro .type li .box {text-align:center;padding:20px;background-image:none;}
.ud_status .article {padding-left:95px;}
.ud_status .article .year {left:0;top:10px;}
.ud_status .article ul {padding:50px 10px 50px 0;}

/* prod_d */
.prod_d .itemz {padding:20px;}
.itemz.details .group .img {text-align:center !important;float:none;width:100%;padding:0 0 20px 0 !important;}
}

@media screen and (max-width:640px) {
/* main */
.main .front .login, .main .front .shortcut {float:none;width:100%;height:auto;}
.main .front .login {padding:20px;}
.main .shortcut ul {height:120px;}
.main .shortcut a {padding-top:82px;}
.main .shortcut a:before {top:20px;}
.main .front .shortcut {margin-top:5px;padding:0;}

/* list */
.prod_li li {width:50%;}

/* ess, common */
.hd_rg {display:none;}
#header .global .user {display:none;}
#header .global .menu > .guide > a {padding-right:0;}
#container #content {padding:20px 0;}
#footer .logo {display:none;}
#footer .ct {padding:10px 0;}
.foreword .top {height:auto;padding:15px 10px;} /* foreword */
.foreword strong {font-size:18px;}
.foreword h2 {font-size:18px;}
.foreword .slogan {font-size:12px;}
.c_tab2 {display:block;margin-bottom:10px;border-bottom-color:#d2d2d2;}
.c_tab2 li, .c_tab2.two li, .c_tab2.three li, .c_tab2.five li {display:inline-block;width:auto;margin:0 1px 4px 0;}
.c_tab2 li a {border-radius:4px;}
.c_tab2 li a, .c_tab2 li:hover + li a, .c_tab2 li.on + li a {padding:0 10px;border:1px solid #d2d2d2;font-size:14px;}
.c_tab2 li:hover a {border-color:#ff7417 !important;}
.c_tab4 li {float:none;margin-top:-1px;}
.c_tab4 li:first-child {margin-top:0;}
.c_tab4 li a {padding:10px;}
.cover_mid .c_tab4 {display:block;}
.c_alert > .ct {padding:25px;}
.c_popup2 .fixed.mid, .c_popup2 .fixed.lg {width:auto;max-width:90%;}
.item_bar .add {position:static;padding-top:5px;}
.item_bar .add .c_btn {margin:2px 0;}
.top_sch .sort {float:none;}
.top_sch .search {clear:both;float:none;padding-top:10px;}
.top_sch .word, .top_sch .word input[type="text"], .cnt_search .word, .cnt_search .word input[type="text"], .cnt_search .app {width:100%;}
.cnt_search .word, .cnt_search .app {margin-left:0;margin-right:0;}
.cnt_search .detail .group {width:100%;}
.c_search select, .c_search select + select {width:100%;margin:0 0 5px 0;}
.c_search .word, .c_search select + .word {clear:both;float:none;margin-left:0;}
.c_search .word + select {margin:5px 0 0 0;}
.c_search .text {width:100%;}
.c_search .right, .c_search .left {float:none;}
.c_search .left  {margin-bottom:5px;}
.c_search .right .last {margin-bottom:0;}
.c_search .word {padding-right:45px;}
.c_search .word .enter {position:absolute;right:0;top:0;}
.pg_head {height:auto;padding-bottom:15px;}
.pg_head h3 {font-size:18px;}
.pg_head p {margin-top:5px;font-size:13px;}
.rs_step .c_title2, .c_title2 {margin-bottom:15px;}
.c_title2 {padding-left:23px;font-size:17px;}
.c_title2:before {top:2px;width:17px;height:17px;background-position:-80px -23px;}

/* ess, form */
.ds_box .ip_gp label, .ds_box .ip_gb label {display:none;}
.ds_box .ip_gp, .ds_box .ip_gb {display:block;}
.ds_box .ip_gp select, .ds_box .ip_gb select {width:100%;}
.ds_box .comb {display:block;position:relative;padding-right:72px;}
.ds_box .comb .keyword {width:100%;}
.ds_box .comb .c_btn {position:absolute;right:0;top:0;}

/* ess, dash */
.dash .front .colg {width:100%;}
.dash .my_profile {margin-bottom:0;}
.dash .my_profile .user span, .dash .my_profile .user .name {font-size:13px;}

/* ess, list */
.c_list1.reg > li > .con {padding-right:0;}
.c_list1.reg .enter {text-align:center;position:static;padding-top:10px;}

/* dash design */
.cs_srch .ct {padding:15px 0;}
.cs_srch select {height:32px;}
.cs_srch input[type="text"] {height:32px;line-height:32px;}
.cs_srch .line .organ, .cs_srch .line .group, .cs_srch .line .word {float:none;width:100%;margin-right:0;}
.cs_srch .line .organ, .cs_srch .line .group {margin-bottom:5px;}
.cs_srch .enter {position:static;height:32px;line-height:32px;margin:10px auto 0 auto;}
.dash .rg_notice {text-align:center;min-height:0;padding:20px 10px;}
.dash .rg_notice:before {right:auto;left:50%;margin-left:-87px;opacity:0.3;}
.dash .rg_notice .enter {margin-top:15px;}
.step_table {margin-bottom:30px;}
.step_table .inner {width:100px;height:100px;}
.step_table .step {padding-top:25px;font-size:12px;}
.step_table .state {font-size:16px;}

/* ect design */
.rs_step .article {padding-left:0;}
.rs_step .article .img {display:none;}
.rs_step .article ul {display:block;height:auto;}
.rs_step .note {padding:10px;}
.ud_guide {width:100%;margin:10px auto;padding:20px 10px;}
.ud_guide h1 {margin-bottom:15px;font-size:18px;}
.ud_guide h1 span {padding-left:20px;}
.ud_guide h1 span:before {top:2px;width:17px;height:17px;background-position:-80px -23px;}
.ud_guide .desc {line-height:1.4;}
.ud_guide .desc, .ud_guide strong {font-size:14px;}
.ud_guide li span {min-width:auto;}
.ud_guide li + li {margin-top:5px;}
.ud_guide li:before {top:8px;}
.ud_guide .enter {padding:15px 0 0 0;}
.ud_guide .enter a {width:100%;height:auto;padding:15px 0;font-size:15px;}
.ud_guide .enter a + a {margin:5px 0 0 0;}

/* prod_d */
.itemz.goods .img_d {width:100%;height:0;padding-bottom:100%;}
}

@media screen and (max-width:480px) {
/* main */
.front .mbn .wide, .front .mbn .mid {float:none;width:100%;padding:0;}
.ud_service {padding:10px 0;}
 .main .rg_cs .sort {height:auto;}
 .rg_cs .sort .guide {padding-bottom:0;}
 .rg_cs .sort ul {padding-bottom:10px;}
.rg_cs .sort li {width:50%;padding:5px;}
.mbs {margin-top:15px;}

/* list */
.prod_li li {width:100%;}
.itemz.matching li {width:50%;}

/* ess, common */
.hd_sm {display:none;}
#header .nav > .rows {height:113px;}
#header > .top {border-bottom:0;}
#header .logo {top:3px;}
#header .logo a {width:149px;}
#header > .top {height:40px;}
#content {padding:10px 0;}
.foreword .path > span {display:none;}
.foreword .path > .home, .foreword .path > span:last-child {display:inline-block;margin-top:0;}
.foreword h2, .foreword h3, .foreword .location {float:none;}
.foreword h2 {font-size:20px;}
.foreword .path > .home:before {font-size:18px;}
.foreword .path > span:last-child {font-size:12px;}
#footer:before, #footer .menu {display:none;}
#footer .ct {padding:10px 0;}
#footer address {line-height:1.6;font-size:12px;}
.p_login .head .guide {font-size:12px;} /* login page */
.p_login .form {width:100%;}
.p_login .help a {padding:0 10px;}
.p_login .head h1 {font-size:38px;}
.ds_box {margin-bottom:15px;}
.ds_box .desc {font-size:14px;}
.cs_srch {margin-bottom:10px;}

/* ess, dash */
.dash .d_data {padding-top:0;border-top:1px solid #fff;}
.term_sel {padding:10px;}
.term_sel select {min-width:100%;}
.term_sel label {display:block;margin:0 0 10px 0;font-size:18px;font-weight:bold;color:#3264c8;}

/* ess, ip_form */
.ds_box.stair .ip_gb, .ds_box.stair .ip_gp {display:block;}
.ds_box.stair select {width:100%;}
.ds_box.stair select + select {margin-top:5px;}
.ip_form.sm dl {padding: 5px 0;}
.ip_form.sm dt, .ip_form.sm dd {display:block;float:none;width:100%;height:auto;padding:8px;margin:0;}

/* ess, list */
.lct_list.album > li, .ph_list > li {width:100%;}

/* dash, design */
.dash .front .profile .inner {padding:15px;}
.dash .profile .user {padding-right:100px;}
.dash .profile .user .name {display:block;max-width:none;}
.dash .profile .user .welcome, .dash .rg_notice:before {display:none;}

/* ect design */
.step_table li {width:50%;padding:5px;}
.ud_intro .guide li {width:50%;}
.ud_intro .type li {float:none;width:100%;margin-top:10px;}
.ud_intro .type li:first-child {margin-top:0;}
.ud_status .top {height:50px;line-height:50px;font-size:18px;}
.ud_status .top .sd_glass {width:13px;height:18px;margin-right:7px;}
.ud_status .article {padding-left:55px;}
.ud_status .article .year {width:50px;height:24px;line-height:24px;font-size:15px;}
.ud_status .article .year:before {bottom:-10px;border-top-width:10px;border-left-width:10px;}
.ud_status .article ul {padding:20px 10px 20px 0;}
.ud_status .article li {margin-top:15px;font-size:14px;}
.ud_sum .tbl dt span {width:auto;}
.gd_organ .tbl_col2 th {font-size:14px;}
.gd_organ td .c_btn {min-width:46px;font-size:0;}
.gd_organ .icmg {margin-left:0;}
.cert_type li {float:none;width:100%;margin-bottom:10px;}
.cert_type p {font-size:13px;}
.cert_type p br {display:none;}
.cert_type .p_body {min-height:auto;}
.cert_type .c_btn.lg {font-size:14px;}

/* popup */
.pop_wk {max-width:225px;}
}

@media screen and (max-width:400px) {
/* quiz_view */
.quiz_view .ex.img li {width:100%;}

}

@keyframes scaleX {
	from {width:0%;}
}

@keyframes scaleY {
	from {height:0%;}
}

@media print{
/* page_frame */
.page_frame, .page_frame.st {max-width:100%;padding:10px;}
.frm_top, .pr_hd {display:none;} /* print hidden */

/* rec_manage */
.rec_manage .h_box, .rec_manage .b_box {display:none;}
.rec_manage .record {overflow-x:visible;}

/* certificate */
.frm_cert .help {display:none;}
}

/*#content {box-sizing:border-box;float:left;width:1000px;min-height:600px;padding:23px 0 0 49px;}*/
/* foreword */
.foreword {position:relative;padding-bottom:50px;}
.foreword .location {position:absolute;right:0;top:11px;font-size:12px;font-weight:300;color:#707070;}
.foreword .location span {vertical-align:middle;margin-left:10px;padding-left:15px;background:url('../../images/www/bg/location_arrow.gif') no-repeat 0 50%;}
.foreword .location .home {vertical-align:middle;background:none;}
.foreword h2 {position:relative;display:inline-block;padding-top:10px;font-size:24px;font-weight:300;color:#2d2c2c;}
.foreword h2:before {content:" ";position:absolute;left:0;top:0;width:100%;height:3px;background:url('../../images/www/bg/bg_heading_3.png') no-repeat 100% 0;}

/* tbl-row */
.tbl-row th, .tbl-row td {word-break:keep-all;text-align:left;padding:12px 5px;border-bottom:1px solid #dcdcdc;font-size:14px;}
.tbl-row th {color:#373737;}
.tbl-row td {color:#808080;}

/* tbl-list */
.tbl-list {border-top:4px solid #5d5d5d;}
.tbl-list thead th {text-align:center;padding:10px 5px;border-bottom:1px solid #dcdcdc;background-color:#f5f5f5;font-size:12px;}
.tbl-list .add th {padding:6px 8px;}
.tbl-list td {text-align:center;padding:10px 8px;border-bottom:1px solid #dcdcdc;font-size:12px;font-weight:300;letter-spacing:-0.25px;color:#5d5d5d;background-color:#fff;}
.tbl-list.row td:first-child {font-weight:400;letter-spacing:0.1px;color:#4a4a4a;}
.tbl-list td.sub {text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tbl-list td.sub img {margin-right:2px;}
.tbl-list td.sub a {font-size:12px;}
.tbl-list td.sub a:hover {text-decoration:underline;font-size:12px;}
.tbl-list td.sub .reply {position:relative;top:-1px;}
.tbl-list td.date {letter-spacing:-0.50px;}
.tbl-list.merge td {border-left:1px solid #dcdcdc;}
.tbl-list.merge td:first-child {border-left:0}
.tbl-list.merge td.line {border-left:1px solid #dcdcdc;}
.tbl-list.plan td {text-align:left;padding:12px 18px;}

/* tbl-row1 */
.tbl-row1 {border-top:4px solid #5d5d5d;}
.tbl-row1 th, .tbl-row1 td {line-height:1.6;padding:15px 18px;}
.tbl-row1 th {text-align:left;vertical-align:top;border-bottom:1px solid #dcdcdc;color:#373737;background-color:#f5f5f5;}
.tbl-row1 td {border-bottom:1px solid #dcdcdc;font-weight:300;letter-spacing:-0.25px;color:#808080;background-color:#fff;}
.tbl-row1 .em {font-size:16px;font-weight:400;color:#6494e2;}

/* tbl-col */
.tbl-col {border-top:4px solid #5d5d5d;}
.tbl-col th, .tbl-col td {line-height:1.6;padding:15px 18px;}
.tbl-col th {text-align:left;vertical-align:top;border-bottom:1px solid #dcdcdc;color:#373737;background-color:#f5f5f5;}
.tbl-col td {border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-weight:300;letter-spacing:-0.25px;color:#808080;background-color:#fff;}

/* tbl-detail */
.tbl-detail .header {position:relative;border-bottom:1px solid #dcdcdc;}
.tbl-detail .header h3 {padding:15px 130px 15px 8px;font-size:16px;font-weight:400;color:#373737;}
.tbl-detail .header h3 span {vertical-align:middle;}
.tbl-detail .header h3 img {margin-right:5px;}
.tbl-detail .header .reply {position:relative;top:-1px;}
.tbl-detail .header .info {position:absolute;right:8px;bottom:15px;font-weight:300;color:#808080;}
.tbl-detail .header .info span {margin-left:10px;}
.tbl-detail .header.sort {padding-left:87px;}
.tbl-detail .header.sort .label {position:absolute;left:8px;top:17px;padding-right:18px;font-weight:300;color:#656565;}
.tbl-detail .header.sort .label:before {content:" ";position:absolute;right:0;top:1px;width:1px;height:13px;background-color:#dcdcdc;}
.tbl-detail .con {min-height:160px;line-height:1.5;padding:20px 8px;border-bottom:1px solid #dcdcdc;color:#808080;}
.tbl-detail .add {position:relative;line-height:1.4;padding:20px 8px 20px 90px;border-bottom:1px solid #dcdcdc;color:#808080;}
.tbl-detail .add .label {position:absolute;left:19px;top:21px;margin-right:18px;color:#373737;}
.tbl-detail .add .file {display:inline-block;text-decoration:underline;padding-left:28px;color:#4a87f8;background:url("../../images/www/bg/bg_add_file.gif") no-repeat 0 0;}
.tbl-detail.write .header {padding:12px 125px 12px 50px;border-top:4px solid #5d5d5d;}
.tbl-detail.write .name {position:absolute;left:14px;top:19px;color:#373737;}
.tbl-detail.write .secret.c-check {position:absolute;right:14px;top:18px;}
.tbl-detail.write .secret.c-check input[type="checkbox"] + label {padding-left:24px;}
.tbl-detail.write .con {padding:12px 14px;}
.tbl-detail.write textarea {height:400px;line-height:1.5;}

/* tbl-view */
.tbl-view thead th {text-align:left;padding:20px;border:1px solid #d9e3ec;font-size:14px;background-color:#f0f2f5;}
.tbl-view td {padding:20px;border-bottom:1px solid #d9e3ec;letter-spacing:-0.25px;}
.tbl-view td.view {vertical-align:top;height:200px;line-height:1.6;}
.tbl-view td.view img {max-width:100%;}
.tbl-view td.attach a:hover, .tbl-view td.attach a:focus {text-decoration:underline;}
.tbl-view td.info {border-bottom:1px solid #d9e3ec;font-size:12px;}
.tbl-view td.info span {display:inline-block;padding:0 20px;background:url("../../images/www/bg/bg_tbl_view_info.gif") no-repeat 0 50%;}
.tbl-view td.info span:first-child {padding-left:0;background:none;}