@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;line-height: 1.3em;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";}
/*body, h1, h2, h3, h4, h5, strong, table, th, td, input, select, textarea, button, a {font-family:"Noto Sans KR", "Nanum Gothic", "맑은 고딕", dotum;font-size:14px;font-weight:400;color:#4e4e4e;}*/
html, body {height:100%;}
body {-webkit-overflow-scrolling:touch;background-color:#e7ecf2;}
hr {margin:5px 0;border-width:1px;}

/* layout */
body.portal {background-color:#fff;}
.rows {max-width:1136px;margin:0 auto;padding:0 10px;}
.rows:after, #container:after {clear:both;display:block;content:" ";}
#content {min-height:300px;padding:30px 0;}
.col_2 .cols {float:right;width:100%;margin-left:-236px;}
.col_2 .cols > .inner {margin-left:256px;padding-right:0;}
.col_2 #aside {position:relative;z-index:1;float:left;width:236px;margin-bottom:15px;}
#container {max-width:1136px;margin:0 auto;padding:20px 10px 50px 10px;}
#container > .lnb {float:left;width:200px;padding-right:20px;border-right:1px solid #ececec;}
#container > .page_ct {margin-left:210px;}
#container > .page_ct #content {padding-top:0;}
#container > .page_ct #content .sub_title h2 {
    color: #222;
    font-size: 33px;
    line-height: 35px;
}
/* path_ind */
.path_ind {overflow:hidden;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #dedede;}
.path_ind .path {float:left;}
.path_ind .home:before {font-size:18px;}
.path_ind .comb {float:right;}
.path_ind .comb .back {display:inline-block;height:26px;line-height:26px;padding:0 8px;border:1px solid #888;border-radius:2px;font-size:12px;font-weight:bold;color:#009dda;}
.path_ind .comb .back .icc {line-height:1;margin:-1px 5px 0 0;padding:2px;border-radius:2px;background-color:#02abec;}
.path_ind .comb .back .icc:before {font-size:12px;color:#fff;}

#allContainer01 { width:1136px;margin:0 auto; position: relative; display:inline-block;}
.allCbg {width:100%; margin:0 auto; position: absolute; height:200px;}
.allCbg01 { background:#eaeaea url(../../images/www/bg/headbg01.png) center 0 no-repeat; }
.allCbg02 { background:#eaeaea url(../../images/www/bg/headbg02.png) center 0 no-repeat; }
.allCbg03 { background:#eaeaea url(../../images/www/bg/headbg03.png) center 0 no-repeat; }
.allCbg04 { background:#eaeaea url(../../images/www/bg/headbg04.png) center 0 no-repeat; }
.allCbg05 { background:#eaeaea url(../../images/www/bg/headbg05.png) center 0 no-repeat; }
.allCbg06 { background:#eaeaea url(../../images/www/bg/headbg06.png) center 0 no-repeat; }
.allCbg07 { background:#eaeaea url(../../images/www/bg/headbg07.png) center 0 no-repeat; }

/* lnb */
.lnb {padding-bottom:30px;}
.lnb .nav > li > a {display:block;position:relative;padding:10px 0;font-size:16px;font-weight:bold;color:#3d3d3d;}
.lnb .nav > li > a:after {content:" ";position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#328e26;transition:width 0.3s ease-out;}
.lnb .nav > li.on a, .lnb .nav > li > a:hover {color:#328e26;}
.lnb .nav > li.on > a:after, .lnb .nav > li > a:hover:after {width:100%;}
.lnb .nav > li ul {display:none;padding:10px 0 10px 10px;}
.lnb .nav > li li {position:relative;margin-top:12px;padding-left:25px;}
.lnb .nav > li li:first-child {margin-top:0;}
.lnb .nav > li li input[type="checkbox"] {position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;border:0;}
.lnb .nav > li li input[type="checkbox"]:checked {background:#0c4da2 url("../../images/www/bg/lnb_checked.png") no-repeat 50% 50%;}
.lnb .nav > li li label {font-size:13px;font-weight:bold;color:#686868;}
.lnb h2 {margin-bottom:15px;letter-spacing:-1px;font-size:24px;font-weight:bold;color:#328e26;letter-spacing:-1px;}

/* 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;}
.fl {float:left;}
.fr {float:right;}
.ac.table th, .ac.table td {text-align:center;}
.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 */
.icmg {overflow:hidden;text-indent:-9999px;font-size:0;background:url("../../images/www/icon/icon_merge2.png") no-repeat 0 0;} /* icon image, for IR */
.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 {margin-right: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-right:3px;}
.c_note2 .em {color:#ef5656;}
.c_note2.lg {font-size:16px;}
.c_note2.lg .info_outline {margin:-3px 3px 0 0;}
.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 {min-width:768px;}
.page_frame .fx_box.lg > table {min-width:984px;}
.t_bar {text-align:right;margin-bottom:10px;}
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;margin-bottom:10px;}
.h_box .c_title3 {margin-bottom:0;}
.h_box .more {position:absolute;right:0;top:6px;width:12px;height:12px;background-position:-30px -30px;}
.h_box .add {position:absolute;right:0;top:-4px;}
.h_box .add .c_btn {padding:0 15px;}
.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;background-color:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}
.c_blank .inner {vertical-align:middle;display:table-cell;}
.dash .c_blank .inner {height:109px;font-size:16px;}
.b_tbl {text-align:center;display:table;width:100%;}
.b_tbl > .ct {vertical-align:middle;display:table-cell;height:150px;line-height:1.5;font-size:16px;}
.col_ffab27 { color:#ffab27 !important; }
.col_ffdf42 { color:#ffdf42 !important; }
.txt_15 {font-size: 16px;line-height: 1.6em;color: #393939;letter-spacing:-0.1px;}
.txt_20 {font-size: 16px;line-height: 1.45em;color: #000;}

/* 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.lg .icc.print, .c_btn.lg .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;}

/* 서브 메뉴*/
.all_menu_wrap { position:fixed; right:50%;top:50%; background: none; border:none; width:1050px; z-index:9999; display:none;}
.all_menu {  }
.all_menu .home_btn { display:none; }
.all_menu .dep1 { overflow:hidden; }
.all_menu .d1 { float:left; width:148px; margin-right:15px; }
.all_menu .d1 > a { text-align:left; display:block; font-size: 18px; color:#fff; padding:10px 0 10px 15px; letter-spacing:-0.02em; background: #343434; margin-bottom: 10px;}
.all_menu .d1 span.more { display:none; }
/*.all_menu .d1:last-child { width:110px; margin-right:0; }*/
.all_menu .dep2_wrap {  }
.all_menu .d1 .dep2 { padding-left:14px; }
.all_menu .d1 .dep2 .d2 > a { font-size: 16px; display:block; color:#fff; text-align: left; line-height: 1.2em; background: url(../img/common/all_menu_bl_1.gif) no-repeat left 14px; padding:4px 7px; }
.all_menu .d1 .dep3 { margin-bottom: 10px; }
.all_menu .d1 .dep3 .d3 > a { font-size: 14px; display:block; color:#c3c3c3; text-align: left; line-height: 1.4em; letter-spacing: -0.04em; background: url(../img/common/menu_line_bl.png) no-repeat left 12px; padding:3px 10px;}
/*.gnb_wrap .gnb.active .dep2 { position:absolute; left:157px; top:10px; }*/
.all_menu .d1 > a:hover ,
.all_menu .d1 > a.active { color:#fff; }
.all_menu .d1 .dep2 .d2 > a:hover ,
.all_menu .d1 .dep2 .d2 > a.active { color:#fff; }
.all_menu .d1 .dep3 .d3 > a:hover ,
.all_menu .d1 .dep3 .d3 > a.active { color:#6edeef; background: url(../img/common/menu_line_bl_on.png) no-repeat left 12px;}

.a_list li { text-indent:-15px; margin-left:30px; }


/* c_flex */
.c_flex {display:-ms-flexbox;display:-moz-box;display:-webkit-box;display:flex;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
.c_flex:after {content:" ";clear:both;display:block;}
.c_flex.stretch {-ms-align-items:stretch;-webkit-align-items:stretch;align-items:stretch;}
.c_flex .box.line {padding:0;border:2px solid #b9b9b9;}
.c_flex .col_3 {width:30%;}
.c_flex .col_7 {width:70%;}
.c_flex > .box {float:left;}
.c_flex .box.line .stick {border-left:0;border-right:0;}
.c_flex .box.left {padding-left:10px;}
.c_flex .box.right {padding-right:10px;}

/* form */
textarea {width:100%;height:80px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#f4f4f4;}
select {height:32px;padding:0 35px 0 12px;border:1px solid #d1d1d1;background:#fff url("../../images/www/common/select_deco.png") no-repeat 100% 50%;}
/*font-family:"Nanum Square", "Nanum Gothic", "맑은 고딕", dotum;font-size:14px;font-weight:normal;color:#666*/
input[type="text"].wide, input[type="password"].wide, select.wide {width:100% !important;}
input[type="text"], input[type="password"] {height:32px;line-height:32px;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 {margin-right:5px;}
input[type="radio"].chk + label, input[type="checkbox"].chk + label {margin-right:10px;}
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:26px;font-size:13px;}

input[type="checkbox"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid #a5a5a5;border-radius:2px;background-color:#dedede;}
input[type="checkbox"]:checked {border-color:#408fde;background:#408fde url("../../images/www/bg/bg_checkbox.png") no-repeat 50% 50%;}
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_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;}

/* c_icon */
input[type="checkbox"].c_icon, input[type="radio"].c_icon {position:absolute;visibility:hidden;}
input[type="checkbox"].c_icon + label, input[type="radio"].c_icon + label {margin-left:0;}
input[type="checkbox"].c_icon + label.sq {text-align:center;display:inline-block;position:relative;min-width:36px;height:36px;line-height:36px;border-radius:3px;background-color:#eee;}
input[type="checkbox"].c_icon + label.check i:before {content:"\e835";font-size:32px;color:#408fde;}
input[type="checkbox"].c_icon:checked+label.check i:before {content:"\e834";}
input[type="checkbox"].c_icon + label.grade i:before {content:"\e885";}
input[type="checkbox"].c_icon:checked+label.grade i:before {color:#e74c3c;}
input[type="checkbox"].c_icon + label.favor i:before {content:"\e87d";}
input[type="checkbox"].c_icon:checked+label.favor i:before {color:#e74c3c;}

/* 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:32px;line-height:32px;border-radius:0px;font-weight:300;color:#fff;}
.dash .section .c_btn, .dash .d_head .c_btn {border-radius:0;}
.c_btn.purple, .a_btn.purple {background-color:#8da4c4;}
.c_btn.lt_gray {background-color:#eee;}
.c_btn.gray, .a_btn.gray {background-color:#989b9f;} /* #b9b9b9 */
.a_btn.m_gray {background-color:#777;}
.c_btn.d_gray, .a_btn.d_gray {background-color:#545557;} /* #989b9f */
.c_btn.l_gray {background-color:#eceff1;}
.c_btn.blue, .a_btn.blue {background-color:#328e26;}
.c_btn.green, .a_btn.green {background-color:#328e26;}
.c_btn.d_blue, .a_btn.d_blue {background-color:#0c4da2;}
.c_btn.orange {background-color:#fe6500;}
.c_btn.red {background-color:#eb7c7c;}
.c_btn.d_red {background-color:#ee6868;}
.c_btn.green {background-color:#07a33e;}
.c_btn.yellow {background-color:#fcc633;}

.c_btn.blank {border:1px solid #dbdbdb;color:#4e4e4e;background-color:#fff;}
.c_btn.large, .c_btn.lg {height:40px;line-height:40px;padding:0 20px;font-size:16px;}
.c_btn.small, .c_btn.sm {height:27px;line-height:27px;padding:0 8px;font-size:12px;}
.c_btn.xs {height:24px;line-height:24px;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 .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.wide {width:100%;}

.b_btn {text-align:center;display:inline-block;padding:0 20px;}
.b_btn span {display:inline-block;height:36px;line-height:36px;padding-right:15px;font-size:15px;}
.b_btn .m_icon {position:relative;}
.b_btn .m_icon:before {content:"\e315";position:absolute;top:50%;right:-4px;margin-top:-9px;font-size:18px;}
.b_btn.blue {border:2px solid #124a9f;}
.b_btn.blue span {color:#124a9f;}
.b_btn.blue .m_icon:before {color:#124a9f;}
.b_btn.gray {border:2px solid #c3c3c3;}
.b_btn.gray span {color:#fff;}
.b_btn.gray .m_icon:before {color:#fff;}

.i_btn {text-align:center;vertical-align:middle;display:inline-block;height:30px;line-height:30px;border-radius:.2em;letter-spacing:-1px;color:#fff;}
.i_btn.d_gray {background-color:#455667;} /* navy */
.i_btn.gray {background-color:#7b8994;}
.i_btn.blue {background-color:#0084ff;}
.i_btn.navy {background-color:#445d78;}

.f_btn {text-align:center;vertical-align:middle;display:inline-block;padding-top:49px;background-repeat:no-repeat;}
.f_btn span {display:inline-block;width:84px;height:24px;line-height:24px;border-radius:.2em;font-size:14px;color:#fff;background-color:#a0abbf;}
.f_btn.pdf {background-position:50% 0;background-image:url("../../images/www/icon/icon_f_pdf.png");}

.dir_btn {text-align:center;vertical-align:middle;display:inline-block;position:relative;height:30px;line-height:29px;padding:0 24px 0 10px;border:1px solid #b8babb;font-size:12px;color:#555;background-color:#fff;}
.dir_btn:after {content:" ";position:absolute;right:9px;top:50%;width:6px;height:11px;margin-top:-5px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -60px -30px;}
.dir_btn.gray {border:0;color:#fff;background:#989b9f;}
.dir_btn.wt:after, .dir_btn.gray:after {background-position-y:-49px;}
.d_banner .dir_btn {padding:0 32px 0 18px;font-size:14px;}
.d_banner .dir_btn.lg:after {right:18px;}

/* 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;}

/* arrow arw */
.c_btn.arrow {position:relative;border-radius:0;}
.c_btn.arrow:before {content:" ";position:absolute;top:50%;width:0;height:0;border-style:solid;} /* 버튼 우측에 화살표 */
.arrow.gray:before {border-color:transparent transparent transparent #989b9f;}
.arrow.d_gray:before {border-color:transparent transparent transparent #545557;}
.arrow.xxs:before {right:-8px;margin-top:-4px;border-width:4px;}

/* btn_wrap */
.btn_wrap {text-align:center;overflow:hidden;padding:15px 0;}
.btn_wrap .left {float:left;}
.btn_wrap .right {float:right;}
.b_box {text-align:center;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;}

/* title */
.c_title {margin-bottom:15px;font-size:21px;font-weight:600;color:#31384b;}
.c_title span {color:#3f8edd;}
.c_title1 {margin-bottom:25px;font-size:21px;font-weight:600;color:#31384b;}
.c_title2 {position:relative;margin-bottom:10px;padding-left:10px;font-size:18px;color:#31384b;}
.c_title2:after {content:" ";position:absolute;left:0;top:50%;width:5px;height:19px;margin-top:-9px;background:url("../../images/www/common/bg_titdep.gif") no-repeat 0 0;}
.c_title3 {margin-bottom:10px;font-size:16px;color:#191919;font-weight:600;}
.c_title2.top, .c_title3.top {margin-top:15px;}
.c_title3:before {content:" ";vertical-align:middle;display:inline-block;width:14px;height:14px;margin:-4px 5px 0 0;background:url("../../images/www/icon/icon_merge2.png") no-repeat -210px 0;}
.c_title3 .em {color:#3f8edd;}
.c_title4 {margin-bottom:10px;font-size:16px;color:#191919;}
.c_title4 .em {color:#3f8edd;}
.c_title4 .subdirectory_arrow_right {margin-top:-4px;}
.c_title4 .subdirectory_arrow_right:before {font-size:20px;}
.c_title4 .check_circle {margin:-4px 3px 0 0;}
.c_title4 .check_circle:before {color:#3e8ddc;}
.p_title {text-align:center;margin-bottom:20px;font-size:36px;color:#393939;}
.p_title .em {color:#3f8edd;}
.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;}
.st_tit {position:relative;margin-bottom:20px;padding-top:0px;letter-spacing:-0.5px;font-size:28px;font-weight:600;color:#111;}
.st_tit:before {content:" ";position:absolute;left:0;top:0;width:40px;background-color:#222;}
.c_title5 {position:relative;margin-bottom:15px;padding-top:10px;letter-spacing:-0.25px;font-size:20px;color:#2d2d2d;}
.c_title5:before {content:" ";position:absolute;left:0;top:0;width:40px;height:3px;background-color:#009f42;}

/* foreword */
.foreword {height:41px;margin-bottom:30px;border-bottom:1px solid #ddd;background-color:#f5f6f7;}
.foreword:after {content:" ";clear:both;display:block;}
.foreword .path .home {overflow:hidden;text-indent:-9999px;width:50px;padding:0;border-left:1px solid #ddd;background:url("../../images/www/icon/icon_home.png") no-repeat 50% 13px;}
.foreword .path > span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;max-width:120px;height:40px;line-height:40px;padding:0 20px;border-right:1px solid #ddd;color:#333;}
.foreword .path > span:last-child {font-weight:400;}

/* icon */
.ic_fb, .ic_tw {vertical-align:middle;overflow:hidden;text-indent:-9999px;display:inline-block;width:30px;height:30px;background:url("../../images/www/icon/icon_merge2.png") no-repeat 0 0;}
.ic_fb {background-position:-120px 0;}
.ic_fb:hover {background-position:-120px -30px;}
.ic_tw {background-position:-150px 0;}
.ic_tw:hover {background-position:-150px -30px;}

/* ic_md */
.ic_md {vertical-align:middle;overflow:hidden;display:inline-block;text-indent:-9999px;font-size:0;background-repeat:no-repeat;background-image:url("../../images/www/icon/icon_group_40.png");}
.ic_md.arrow {width:13px;height:6px;background-position:-80px 0;}
.ic_md.set {width:19px;height:19px;background-position:-120px 0;}
.ic_md.a_down {width:11px;height:6px;margin:-2px 0 0 5px;background-position:-160px 0;}
.on .ic_md.a_down {background-position:-160px -40px;}
.ic_md.c_help {width:14px;height:14px;background-position:0 -120px;}
.ic_md.glass, .ic_md.glass_w {width:17px;height:18px;background-position:-200px 0;}
.ic_md.check {width:16px;height:12px;background-position:-200px -40px;}
.ic_md.upload {width:14px;height:17px;margin:0 7px 0 0;background-position:-240px 0;}
.ic_md.port {width:16px;height:18px;margin:0 7px 0 0;background-position:-280px 0;}
.ic_md.pen {width:16px;height:17px;margin:0 6px 0 0;background-position:-320px 0;}
.ic_md.pdf {width:26px;height:14px;margin:-3px 8px 0 0;background-position:-360px 0;}
.ic_md.plus {width:12px;height:12px;margin:-4px 8px 0 0;background-position:-280px -40px;}
.ic_md.x {width:13px;height:13px;margin:0 0 0 0;background-position:-320px -40px;}
.ic_md.mail {width:20px;height:15px;margin:-2px 14px 0 0;background-position:-360px -40px;}

/* 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;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 #3f8edd;}
.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:#3f8edd;}
.nav_tabs2 > li > a {display:block;height:40px;line-height:40px;padding:0 20px;}
.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;}
.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_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 {margin-bottom:5px;border-bottom:1px solid #b9b9b9;}
.c_tab2:after {content:" ";clear:both;display:block;}
.c_tab2 li {position:relative;float:left;margin-right:5px;}
.c_tab2 li a {text-align:center;display:block;min-width:100px;height:40px;line-height:40px;padding:0 20px;background-color:#fff;transition:background 0.3s ease-in-out;}
.c_tab2 li a:hover, .c_tab2 li.on a {color:#fff;background:#3f8edd;}
.c_tab2 .caution {position:absolute;z-index:10;left:-7px;top:-5px;}

/* c_tab3 */
.c_tab3 {margin-bottom:10px;border-bottom:1px solid #b9b9b9;}
.c_tab3:after {content:" ";clear:both;display:block;}
.c_tab3 li {float:left;}
.c_tab3 li a {text-align:center;display:block;min-width:90px;height:40px;line-height:40px;padding:0 10px;background-color:#fff;transition:background 0.3s ease-in-out;}
.c_tab3 li a:hover, .c_tab3 li.on a {color:#fff;background:#858585;}

/* c_tab4 */
.c_tab4 {margin-bottom:10px;}
.c_tab4:after {content:" ";clear:both;display:block;}
.c_tab4 li {float:left;}
.c_tab4 li a {text-align:center;display:block;min-width:90px;padding:12px 50px;border:1px solid #d7d7d7;background-color:#f7f7f7;transition:background 0.3s ease-in-out;}
.c_tab4 li a:hover, .c_tab4 li.on a {border-color:#00ac4f;color:#fff;background:#00ac4f;}
.dash .section.mooc .c_tab4 li, .dash .section.oer .c_tab4 li {min-width:278px;}
.cover_mid {text-align:center;padding-bottom:25px;}
.cover_mid .c_tab4 {vertical-align:top;display:inline-block;margin-bottom:0;}

/* c_tab5 */
.c_tab5 {position:relative;margin-bottom:20px;}
.c_tab5:after {content:" ";clear:both;display:block;}
.c_tab5 > li {text-align:center;float:left;margin:2px 2px 8px 2px;}
.c_tab5 > li a {display:block;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_tab5 > li a: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_tab5 > li a span {position:relative;padding-right:15px;}
.c_tab5 > li a span:after {content:" ";position:absolute;right:0;top:50%;width:4px;height:5px;margin-top:-2px;background:url("../../images/www/common/c_tab5_deco.png") no-repeat 0 0;}
.c_tab5 > li.on a span:after, .c_tab5 > li a:hover span:after {width:5px;height:8px;margin-top:-4px;background-position-y:-5px;}
.c_tab5 > li.on a:after, .c_tab5 > li a:hover:after {display:block;}
.c_tab5 > li.on a, .c_tab5 > li a:hover {border-color:#1d9ced;color:#fff;background-color:#1d9ced;}

/* 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 */
.paginate {text-align:center;padding-top:20px;}
.paginate li {display:inline;}
.paginate .inner {display:inline-block;}
.paginate a, .paginate span {float:left;min-width:24px;height:24px;line-height:24px;margin:0 2px;font-size:13px;font-weight:bold;color:#494949;}
.paginate .on {font-weight:bold;color:#fff;border-color:#0c4da2;background-color:#0c4da2;}
.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;}

/* PC (_lg.gif)
.paginate a, .paginate span {min-width:34px;line-height:34px;}
.paginate .prev {margin:0 10px 0 -1px;}
.paginate .next {margin:0 -1px 0 10px;}
 */

/* 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%;box-shadow:0 1px 5px rgba(0,0,0,0.16);}
#header.sticky {position:fixed;z-index:90;}
#header .top {height:30px;background-color:#01a66c;}
#header .global {float:right;}
#header .global .menu {float:left;margin-top:4px;}
#header .global .menu > li {position:relative;float:left;color:#fff;font-size:12px;}
#header .global .menu > li > a {display:block;padding:12px 10px;color:#fff;font-size:12px;}
#header .global .menu > li:before {content:" ";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background-color:#fff;}
#header .global .menu > li:first-child:before {display:none;}
#header .global .user {padding:12px 10px;}
#header .global .user .name {color:#c8e6f9;}
#header .global .menu .select {display:none;position:absolute;right:0;top:48px;z-index:10;border:1px solid #ddd;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
#header .global .menu .select li {padding:0 10px;}
#header .global .menu .select a {display:block;line-height:1.5;padding:8px 10px;font-size:13px;}
#header .global .menu .select .on {background-color:#414242;}
#header .global .menu .select .on a {color:#fff;}
#header .nav .menu .lang {display:none;}
#header .nav .menu .lang .c_btn {border-radius:4px;}
#header .nav {border-top:1px solid #01a66c;background-color:#fff;}
#header .nav > .rows {position:relative;height:60px;z-index:101;}
#header .logo {position: absolute;top: 8px;left:2%;}
#header .logo a {display:block;}
#header .nav .menu  {float:right;}
#header .nav .menu > li {position:relative;float:left;}
#header .nav .menu > li > a {display:block;height:60px;line-height:60px;padding:0 18px;font-size:15px;font-weight:700;color:#494949;letter-spacing:-0.5px;}
#header .nav .menu > .on > a, #header .nav .menu > li > a:hover {color:#01a66c;}
#header .nav .snb {opacity:0;position:absolute;right:0;top:-9999px;z-index:100;width:100%;padding:15px;border:1px solid #ececec;border-radius:0 0 3px 3px;background-color:#fff;box-shadow:0 3px 6px -3px;}
#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:#0c4da2;}
#header .nav_toggle {display:none;position:absolute;right:10px;top:50%;width:40px;height:36px;margin-top:-20px;border-radius:4px;background:#1f94d9;}
#header .nav_toggle:hover, #header .nav_toggle.on {background:#333;}
#header .nav_toggle .icc {color:#fff;}

/* sidr */
#sidr {position:fixed;left:0;top:0;z-index:90;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:100;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 0;border-bottom:1px solid #efefef;font-size:13px;color:#3d4449;
-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 a:hover, .side_bar .nav a:hover:before {color:#f56a6a;}
.side_bar .nav .opener:before {content:"\e313";position:absolute;right:0;font-size:18px;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 {-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.side_bar .nav ul {display:none;padding-left:20px;}
/*.side_bar .nav .opener.on + ul {display:block;}*/
.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;}

#header .nav .side {display:none;position:absolute;left:0;top:0;width:50px;height:100%;border-right:1px solid #e8e8e8;text-indent:-100em;}
#header .nav .side:before {content:"\e5d2";position:absolute;left:50%;top:50%;text-indent:0;margin:-12px 0 0 -12px;color:#aaa;}
#header .nav .side:hover:before {color:#fe6500;}

@media (min-width: 1218px)
#sub_visual.visualChange_02 {
    background: url(/site/gcgf/images/sub/bg_sub_top_02.png) no-repeat 0 0;
    background-size: contain;
}
@media (min-width: 1218px)
#sub_visual {
    height: 0;
    padding-bottom: 7.5%;
    text-align: center;
}
.wrap {position: relative;width: 1136px;margin-right: auto;margin-left: auto;}
/* footer 주석처리 뺄때 css
#footer {background-color:#cccecc;}
#footer > .rows {position:relative;padding:20px;}
#footer .rows .wrap {padding-bottom: 0px;}
#footer .logo {position:absolute;left:0;top:20px;height:41px;width:187px; padding:3px 0 0 15px;font-size:20px;font-weight:bold;letter-spacing:-0.5px;color:#e6e6e6;background:url("../../images/www/common/logo_footer.png") no-repeat 0 0;}
#footer .logo .tel {display:block;margin-top:6px;}
#footer .menu {overflow:hidden;padding-bottom:10px;padding-left:250px;}
#footer .menu li {position:relative;float:left;}
#footer .menu li + li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#979797;}
#footer .menu li a {display:block;padding:0 15px;font-size:13px;font-weight:bold;color:#222222;}
#footer .menu li:first-child a {padding-left:0;}
#footer address {clear:both;line-height:1.6;color:#494949;padding-left:250px;}
#footer .other {position:absolute;right:10px;top:20px;padding-right:20px;}
#footer .other select {border:1px solid #818181;color:#a7a7a7;background-color:#4d4d4d;}
#footer .other .move {text-align:center;position:absolute;right:0;top:0;width:90px;height:32px;line-height:32px;border:1px solid #818181;border-left:0;font-size:13px;font-weight:200;color:#fff;background-color:#2d3540;}
#footer .move_top {display:none;}*/
/* footer */
#footer {background-color:#cccecc;}
#footer > .rows {position:relative;padding:20px;}
#footer .rows .wrap {padding-bottom: 0px;}
#footer .logo {position:absolute;left:0;top:10px;height:41px;width:187px; padding:3px 0 0 15px;font-size:20px;font-weight:bold;letter-spacing:-0.5px;color:#e6e6e6;background:url("../../images/www/common/logo_footer.png") no-repeat 0 0;}
#footer .logo .tel {display:block;margin-top:6px;}
#footer .menu {overflow:hidden;padding-bottom:10px;padding-left:250px;}
#footer .menu li {position:relative;float:left;}
#footer .menu li + li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#979797;}
#footer .menu li a {display:block;padding:0 15px;font-size:13px;font-weight:bold;color:#222222;}
#footer .menu li:first-child a {padding-left:0;}
#footer address {clear:both;line-height:1.6;color:#494949;padding-left:250px;}
#footer .other {position:absolute;right:10px;top:0px;padding-right:20px;}
#footer .other select {border:1px solid #818181;color:#a7a7a7;background-color:#4d4d4d;}
#footer .other .move {text-align:center;position:absolute;right:0;top:0;width:90px;height:32px;line-height:32px;border:1px solid #818181;border-left:0;font-size:13px;font-weight:200;color:#fff;background-color:#2d3540;}
#footer .move_top {display:none;}

/* portal
/*.portal .rows {width:1136px;}*/
/* background-size:cover; */
.portal .service .item_1 {background:url("../../images/www/temp/pt_visual_01.png") no-repeat 0 0;}
.portal .service .item_2 {background:url("../../images/www/temp/pt_visual_02.png") no-repeat 50% 0;background-size:cover;}
.portal .service .item_3 {background:url("../../images/www/temp/pt_visual_03.png") no-repeat 50% 0;background-size:cover;}
.portal .service .slogan {height:350px;}
.portal .service .item_2 .slogan {padding:55px 0 0 0;}
.portal .service h2 {line-height:1.6;font-size:42px;letter-spacing:-1px;color:#fff;}
.portal .service p {line-height:1;font-size:15px;font-weight:200;}
.portal .service .em {padding-top:10px;font-size:21px;}
.portal .service .more {display:inline-block;height:36px;line-height:36px;margin-top:10px;padding:0 30px;background-color:#0c4da2;font-size:14px;color:#fff;}
#pt_visual {overflow:hidden;width:1136px;}
.portal .service {position:relative;}
.portal .carousel .slick-arrow {margin-top:-30px;width:60px;height:60px;background:url("../../images/www/icon/icon_merge2.png") no-repeat 0 0;}
.portal .carousel .slick-prev {left:30px;background-position:-60px -60px;}
.portal .carousel .slick-next {right:30px;background-position:-120px -60px}
.portal .carousel .slick-dots {position:absolute;width:100%;bottom:10px;}
.portal .carousel .slick-dots li {display:inline-block;margin:0 5px;}
.portal .carousel .slick-dots button {position:relative;display:inline-block;width:15px;height:15px;border:2px solid #f5f6f7;border-radius:100%;background:transparent;}
.portal .carousel .slick-dots .slick-active button {border-color:#0c4da2;background-color:#0c4da2;}
.portal .carousel .control {position:absolute;right:15px;top:14px;}
.portal .carousel .pause, .banner .play {float:left;width:15px;height:15px;font-size:0;background:url("../../images/www/temp/p_slide_dots.png") no-repeat 0 0;}
.portal .carousel .pause {background-position:-30px 0;}
.portal .carousel .play {margin-left:6px;background-position:-60px 0;}
.portal .carousel .slick-slide img {display:inline-block;}

.portal .section.service {padding:0px 0 10px 0;background:#fff;}
/*.portal .section.service {padding:20px 0 40px 0;background:url("../../images/www/portal/bg_pt_service.png") no-repeat 0 0;background-size:cover;}*/
/* Slideshow 
.slideshow {
    overflow: hidden;
    position: relative;
    min-width: 1136px;
    height: 320px;
}
.slideshow img {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -800px;
}
.no-js .slideshow img:first-child {
    display: inline;
} */

.portal .banner .m_visual {
	width:1136px;
	height:470px;
	position:relative;
}
.portal .banner .m_visual img{position:absolute; top:0; left:0;}
.portal .banner .m_visual .active{
   	z-index:1;
   	opacity:1;
}

.portal .service .top {overflow:hidden;position:relative;height:470px;}
.portal .banner {position:relative;height:470px;width:1136px}
.portal .banner .m_visual img {height:100%;}
.portal .banner .m_visual {
    overflow: hidden;
    position: relative;
    min-width: 1136px;
    height: 470px;
}
.portal .banner .m_visual img {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -800px;
}
.portal .banner .no-js .m_visual img:first-child {
    display: inline;
}
.portal .banner .slick-dots {display:block;position:absolute;right:70px;top:24px;}
.portal .banner .slick-dots li {display:inline-block;margin:0 5px;}
.portal .banner .slick-dots li + li {margin-left:6px;}
.portal .banner .slick-dots button {display:block;width:13px;height:13px;border-radius:100%;background:#c3c3c3;}
.portal .banner .slick-dots .slick-active button {width:50px;border-radius:10px;background:#00ac4f;}
.portal .banner .control {position:absolute;right:25px;top:24px;}
.portal .banner .pause, .banner .play {float:left;width:13px;height:13px;border-radius:100%;background:#fff;}
.portal .banner .control .icc:before {font-size:14px;color:#333;}
.portal .banner .play {margin-left:6px;}
.portal .shortcut li {float:left;width:25%;}
.portal .shortcut .notice {position:absolute;width:284px;right:0;top:0;height:100%;border:1px solid #ddd;background-color:#fff;}
.portal .shortcut .notice h3 {margin-bottom:10px;padding:25px 20px 0 15px;font-size:18px;font-weight:600;letter-spacing:-0.25px;color:#0a258d;}
.portal .shortcut .notice li {border-top:1px dashed #d9d9d9;width:264px;margin-left:5px; }
.portal .shortcut .notice li a {position:relative;display:block;padding:12px 15px 21px 15px;}
.portal .shortcut .notice li a:before {content:" ";position:absolute;left:1px;top:21px;width:2px;height:2px;background-color:#0a258d;;margin-left:15px; }
.portal .shortcut .notice .sub {vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-right:15px;padding-left:10px;letter-spacing:-1px;color:#555;float:left;}
.portal .shortcut .notice .new {overflow:hidden;position:absolute;right:3;top:12px;text-indent:-9999px;width:19px;height:19px;background:url("../../images/www/portal/pt_notice_new.png") no-repeat 0 0;}
.portal .shortcut .notice .date {display:block;font-size:12px;letter-spacing:-0.5px;color:#696969;}
.portal .shortcut {clear:both;position: relative;}
.portal .shortcut:after {content:" ";clear:both;display:block;}
.portal .shortcut h3 {font-size:32px;font-weight:bold;letter-spacing:-0.25px;}

.portal .section.mooc {padding:90px 0 80px 0;background:url("../../images/www/portal/bg_pt_mooc.png") no-repeat 0 0;background-size:cover;}
.portal .mooc .top {text-align:center;}
.portal .mooc .top h3 {margin-bottom:10px;font-size:42px;font-weight:500;color:#fff;}
.portal .mooc .top p {margin-bottom:60px;font-size:25px;color:#fff;}
.portal .mooc .top .more {display:inline-block;width:48px;height:48px;line-height:48px;margin-bottom:45px;border:1px solid #c2c0c0;font-size:32px;color:#fff;}
.portal .section.link .rows {position:relative;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.portal .section.link .top {position:absolute;left:20px;top:20px;}
.portal .section.link h3 {font-size:24px;font-weight:500;letter-spacing:-0.25px;color:#333;}

.portal .section.link .url {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#797979;}
.portal .section.site .rows {position:relative;padding:30px 0;}
.portal .section.site h3 {position:absolute;left:20px;top:32px;font-size:18px;letter-spacing:-0.25px;color:#393939;}
.portal .section.site ul {padding-left:160px;}
.portal .section.site li {position:relative;float:left;width:20%;padding:5px 0 5px 20px;}
.portal .section.site li img {margin-right:5px;}
.portal .section.site li a {position:relative;display:block;line-height:26px;padding-left:35px;letter-spacing:-0.25px;color:#444;}
.portal .section.site li a:before {content:" ";position:absolute;left:0;top:0;background:url("../../images/www/common/portal_site.png") no-repeat 0 0;}
.portal .section.site li .pc:before {top:2px;width:28px;height:22px;background-position-x:2px;}
.portal .section.site li .prof:before {top:5px;width:26px;height:21px;background-position-x:-30px;}
.portal .section.site li .life:before {top:2px;width:28px;height:22px;background-position-x:-60px;}
.portal .section.site li .ind_edu:before, .portal .section.site li .univ:before {left:1px;width:25px;height:26px;background-position-x:-90px;}
.portal .section.site li .talent:before {left:-2px;top:3px;width:31px;height:21px;background-position-x:-120px;}
.portal .section.site li .global:before {left:2px;width:24px;height:24px;background-position-x:-156px;}
.portal .section.site li .mail:before {width:27px;height:24px;background-position-x:-180px;}
.portal .section.site li .doc:before {left:2px;width:23px;height:23px;background-position-x:-210px;}
.portal .section.site li .cju:before {left:1px;width:26px;height:26px;background-position-x:-240px;}
.portal .section.site li .stu_life:before {left:1px;width:26px;height:26px;background-position-x:-270px;}
.portal .section.site .add_circle {width:20px;height:20px;margin-left:5px;}
.portal .section.site .add_circle:before {line-height:1;font-size:20px;color:#9f9f9f;}
.portal .action_img {display:block;position:relative;}
.portal .action_img img {display:block;width:100%;height:100%;}
.portal .action_img .hover {text-align:left;position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;padding-top:40%;color:#efefef;background-color:#1963b1;
opacity:0;
transition:opacity .3s ease-out;
-webkit-transition:opacity .3s ease-out;
-moz-transition:opacity .3s ease-out;
}
.portal .action_img .hover .line1 {position:absolute;top:5%;left:5%;width:90.4%;height:90.5%;border-top:1px solid #efefef;border-bottom:1px solid #efefef;
opacity:0;
transform:scale(0,1);
-webkit-transform:scale(0,1);
-moz-transform:scale(0,1);
transition:transform .4s ease-out .2s,opacity .4s ease-out;
-webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
-moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
}
.portal .action_img .hover .line2 {position:absolute;top:5%;left:5%;width:90.4%;height:90.5%;border-left:1px solid #efefef;border-right:1px solid #efefef;
opacity:0;
transform:scale(1,0);
-webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
transition:transform .4s ease-out .2s,opacity .4s ease-out;
-webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
-moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
}
.portal .action_img .hover .sub_tit {text-align:center;line-height:1.4;font-size:18px;color:#fff;padding:0px 20px 20px 20px;
opacity:0;
transform:translate3d(0,-10px,0);
-webkit-transform:translate3d(0,-10px,0);
-moz-transform:translate3d(0,-10px,0);
transition:transform .5s ease-out .2s,opacity .5s ease-out .3s;
-webkit-transition:-webkit-transform .5s ease-out .2s,opacity .5s ease-out .3s;
-moz-transition:-moz-transform .5s ease-out .2s,opacity .5s ease-out .3s;
}
.portal .action_img:hover .hover {opacity:1;}
.portal .action_img:hover .hover .sub_tit {
opacity:1;
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
}
.portal .action_img:hover .line1 {
opacity:1;
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
}
.portal .action_img:hover .line2 {
opacity:1;
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
}
/* portal */
/*.portal .rows {width:1136px;}*/
/* background-size:cover; */
.portal .service .item_1 {background:url("../../images/www/temp/") no-repeat 0 0;}
.portal .service .item_2 {background:url("../../images/www/temp/") no-repeat 50% 0;background-size:cover;}
.portal .service .item_3 {background:url("../../images/www/temp/") no-repeat 50% 0;background-size:cover;}
.portal .service .slogan {height:0px;}
.portal .service .item_2 .slogan {padding:15px 0 0 0;}
.portal .service h2 {line-height:1.6;font-size:42px;letter-spacing:-1px;color:#fff;}
.portal .service p {line-height:1;font-size:15px;font-weight:200;}
.portal .service .em {padding-top:10px;font-size:21px;}
.portal .service .more {display:inline-block;height:36px;line-height:36px;margin-top:10px;padding:0 30px;background-color:#0c4da2;font-size:14px;color:#fff;}
#pt_visual {overflow:hidden;width:1136px;}
.portal .service {position:relative;}
.portal .carousel .slick-arrow {margin-top:-30px;width:60px;height:60px;background:url("../../images/www/icon/icon_merge2.png") no-repeat 0 0;}
.portal .carousel .slick-prev {left:30px;background-position:-60px -60px;}
.portal .carousel .slick-next {right:30px;background-position:-120px -60px}
.portal .carousel .slick-dots {position:absolute;width:100%;bottom:10px;}
.portal .carousel .slick-dots li {display:inline-block;margin:0 5px;}
.portal .carousel .slick-dots button {position:relative;display:inline-block;width:15px;height:15px;border:2px solid #f5f6f7;border-radius:100%;background:transparent;}
.portal .carousel .slick-dots .slick-active button {border-color:#0c4da2;background-color:#0c4da2;}
.portal .carousel .control {position:absolute;right:15px;top:14px;}
.portal .carousel .pause, .banner .play {float:left;width:15px;height:15px;font-size:0;background:url("../../images/www/temp/p_slide_dots.png") no-repeat 0 0;}
.portal .carousel .pause {background-position:-30px 0;}
.portal .carousel .play {margin-left:6px;background-position:-60px 0;}
.portal .carousel .slick-slide img {display:inline-block;}
.portal .section.service {padding:0px 0 10px 0;background:#e8e8e8;}
/*.portal .section.service {padding:20px 0 40px 0;background:url("../../images/www/portal/bg_pt_service.png") no-repeat 0 0;background-size:cover;}*/
.portal .service .top {overflow:hidden;position:relative;height:470px;margin-bottom:10px;}
.portal .service .banner {position:relative;height:470px;width:1136px;}
.portal .service .banner .slick-slide img {height:100%;}
.portal .service .banner .slick-dots {position:absolute;display:block;right:70px;top:24px;}
.portal .service .banner .slick-dots li + li {margin-left:6px;}
.portal .service .banner .slick-dots button {display:block;width:13px;height:13px;border-radius:100%;background:#c3c3c3;}
.portal .service .banner .slick-dots .slick-active button {width:50px;border-radius:10px;background:#0c4da2;}
.portal .service .banner .control {position:absolute;right:25px;top:24px;}
.portal .service .banner .pause, .banner .play {float:left;width:13px;height:13px;border-radius:100%;background:#fff;}
.portal .service .banner .control .icc:before {font-size:14px;color:#333;}
.portal .banner .play {margin-left:6px;}

#link_count {padding-left:25px;}
#link_service {padding:35px 20px;}
#link_service .slick-arrow {text-indent:0;top:50%;left:10px;width:24px;height:24px;margin-top:-12px;font-size:0;}
#link_service .slick-arrow:before {width:24px;height:24px;font-family:'Material Icons';font-size:24px;}
#link_service .slick-next {left:auto;right:10px;}
#link_service .slick-prev:before {content:"\e408";}
#link_service .slick-next:before {content:"\e409";}
#link_service .slick-slide a {text-align:center;display:block;}
#link_service .slick-slide a img {display:inline-block;}

/* sub*/
#subTop { background: url(../../images/www/bg/sub_status_bar_bg.png) repeat left top; position:absolute; width:100%; top:0; z-index:4; }
.current_wrap { background: #004282; }
.web_currents { }
.web_currents > li { display:inline-block; vertical-align:top; }
.web_currents > li a.c , .web_currents > li span.c { display:table-cell; height:50px; vertical-align:middle; padding-right:30px; }
.web_currents > li span.bor {  display:block; border-left:1px solid #9b9da0; padding-left:30px; font-size:14px; color:#fff; }
.web_currents > li a.c span.bor { padding-right:30px; background: url(../../images/www/common/snb_arr.png) no-repeat right center; }

.web_currents li.c a.c:hover span.bor , .web_currents li.c a.c.active span.bor { color:#9ddaef; }

.web_currents .twodep { position:relative; }
.web_currents .twodep .dep2_wrap { position:absolute; left:0; top:50px; z-index:10;  display:none; }
.web_currents .twodep .dep2 { display:block; }
.web_currents .twodep .dep2 li { border-bottom:1px solid #d2d2d2; display:table; width:100%;  }
.web_currents .twodep .dep2 li a { display:table-cell; vertical-align:middle; height:42px; padding:0 27px; width:100%; min-width:100px; background: #fff; color:#676f7c; font-size:15px; }
.web_currents .twodep .dep2 li a:hover , .web_currents .twodep .dep2 li a.active { background: #e0e0e0; color:#000; }
.web_currents li.back a.c { display:none; }

.hline_sub { display:block; width:1px; height:23px; margin:0 auto 22px; background: #abbbc8; }
.hline_sub_tit { display:block; width:1px; height:23px; margin:20px auto 0; background: #abbbc8; }
.mid_line { height:1px; border:none; padding:0; margin:40px 0; background:#c1c9cf; }
.mid_line_gray { height:1px; border:none; padding:0; margin:0; background:#e1e1e1; }
.fleft { float: left; }
.fright { float: right; }

#sub_content { min-height:700px; }
.share { position:absolute; right:0; top:5px; z-index:5; }
.share > a { position:relative; left:0; top:0; z-index:5; }
.share > a img { width:100%; }
.share_on { position:absolute; right:10px; top:0; z-index:4; overflow:hidden; background:#2b2b2b; padding:0 5px 0 18px; border-radius: 30px; }
.share_on p { display:table-cell; vertical-align:middle; }
.share_on p.bor { padding-left:19px; }
.share_on p .close { display:block; padding:12px 12px; }
.share_on { width:0; padding:0; display: block; transition: all 0.3s ease-out; }
.share_on.active { width:180px; right:0; padding:0 5px 0 18px; z-index:6; }

.share_mobile { display:none; }
.sub_visual { position:relative; height:260px; width:100%; }
.sub_visual_01 { background: url(../../images/www/bg/sub_visual_01.jpg) no-repeat center top; }
.sub_visual_02 { background: url(../../images/www/bg/sub_visual_02.jpg) no-repeat center top; }
.sub_visual_03 { background: url(../../images/www/bg/sub_visual_03.jpg) no-repeat center top; }
.sub_visual_04 { background: url(../../images/www/bg/sub_visual_04.jpg) no-repeat center top; }
.sub_visual_05 { background: url(../../images/www/bg/sub_visual_05.jpg) no-repeat center top; }
.sub_visual_06 { background: url(../../images/www/bg/sub_visual_06.jpg) no-repeat center top; }
.sub_visual_07 { background: url(../../images/www/bg/sub_visual_07.jpg) no-repeat center top; }
.sub_tit { color:#fff; text-align:center; padding-top:70px; font-size:30px; font-weight:bold; letter-spacing:-1px;}
.btm_slant_web_main { position:absolute; left:0; bottom:0; width:100%; background: url(../../images/www/bg/btm_slant_web_main.png) no-repeat center bottom; height:101px; z-index:2; }
.btm_slant_web { position:absolute; left:0; bottom:0; width:100%; background: url(../../images/www/bg/btm_slant_web.png) no-repeat center bottom; height:80px; z-index:2; }
.msize {padding: 0 20px;}
.cont_pad_btm_100 { padding-bottom:0px; }

/*회사소개 > 인사말*/
.intro_top { position:relative; }
.intro_top .img img { width:100%; }
.intro_top .s_box { background:#004e65; padding:2.5%; position:absolute; left:0; bottom:-100px; width:50%; color:#fff; }
.s_conts { width:50%; padding:2.5% 2.5% 0; float:right; }
.s_conts .s_cont { margin-bottom: 23px; }
.view_table { width:100%; }
.view_table th { border:1px solid #d9d9d9; background:#f3f3f3; padding:15px 20px; font-size: 15px; }
.view_table td { border:1px solid #d9d9d9; padding:15px 20px; font-size: 15px; }
.cen_txt { font-size:24px; text-align:center; font-weight:500; letter-spacing:-1px;margin-bottom:40px; line-height:1.4em;color:#494949;}
.ceo_wrap { background: url(../images/www/bg/sub_01_ceo_02.gif) no-repeat center top; position:relative; }
.ceo_img { max-width:522px; width:100%; position:relative; left:50px; bottom:-37px; }
.ceo_img_mo { display:none; }
.ceo_cont { width:100%; max-width:780px; margin:0 auto; }
.ceo_cont p { text-align:center; } 
.ceo_cont p.t1 { padding-top: 60px; padding-bottom: 60px; line-height:1.7em; }
.ceo_cont p.t2 { margin-bottom: 35px; }
.ceo_sign { display:none; }
.ceo_sign p { text-align:right; padding-right:30px; }
.ceo_top { width:630px; text-align:center; position:absolute; right:0; top:0; }
.ceo_top .ceo_i { font-size:64px; color:#1f4466; padding-top: 90px; line-height:0.3em; font-style: italic; }
.ceo_top .t0 { margin-bottom: 60px; color:#1f4466; }
.ceo_sign2 { width:300px; margin:0 auto; }
.ceo_sign2 p { text-align:right; color:#000 !important; margin-right: 90px; }

/*회사소개 > 연혁*/
.cts4411_intro { padding:50px 5%; color:#fff; background-repeat:no-repeat; background-position:center top; word-break:keep-all;}
.cts4411_intro p.tit { margin-bottom:25px; padding-bottom:35px; background:url('../../images/www/temp/cts4411_titbg.png') no-repeat center bottom; font-size:22px; font-weight:600; text-align:center; }
.cts4411_intro p.tit span { display:block; margin-bottom:20px; font-size:18px; font-weight:normal;}
.cts4411_h3 { margin-top:10px; padding-bottom:30px; border-bottom:2px solid #333; font-size:36px; color:#333; text-align:center;}
.cts4411_h3 span { font-weight:600;}
.cts4411_titlebox{margin:110px 0 80px;}
.cts4411_titlebox .photobox{position:relative; background-repeat:no-repeat; background-position:center center; min-height:295px; margin-bottom:30px;}
.cts4411_titlebox .photobox .conbox{position:relative; top:-53px; margin-left:350px; padding:47px 4.5%; background-color:#59647a; color:#fff;}
.cts4411_titlebox .photobox .conbox .title{margin-bottom:27px; text-align:center; font-size:16px; line-height:20px;}
.cts4411_titlebox .photobox .conbox p{text-align:center; font-size:22px; line-height:28px; letter-spacing:-2px;}
.cts4411_titlebox .textbox p{color:#333333; font-size:16px;}
.cts4411_history { margin-top:35px; background:url('../../images/www/temp/cts4411_line.gif') repeat-y 92px top;}
.cts4411_history .cell { position:relative; margin-bottom:30px; margin-bottom:30px;padding-left:135px;}
.cts4411_history .cell h4 { position:absolute; left:0; top:0; width:100px; background:url('../../images/www/temp/cts4411_h4bg.gif') no-repeat right 8px; color:#4b83e4; font-size:24px; font-weight:600; line-height:25px;}
.cts4411_history .cell.first h4 {  background:url('../../images/www/temp/cts4411_h4bg_first.gif') no-repeat right -8px;}
.cts4411_history .cell ol { position:relative; }
.cts4411_history .cell ol li { position:relative; padding:5px 0 5px 120px;  clear:both;}
.cts4411_history .cell ol li li { padding:0;}
.cts4411_history .cell ol li span.date { position:absolute; left:0; top:3px;  font-size:15px; font-weight:600; }
.cts4411_history .cell ol li .bu li { padding-left:10px;}
@media screen and (max-width:800px) {
	.cts4411_intro {background-size:cover;}
	.cts4411_titlebox .photobox .conbox{position:absolute; width:384px; margin-left:0; right:0;}
}
@media screen and (max-width:640px) {
	.cts4411_history { background-position:5px top !important;}
	.cts4411_history .cell { padding-left:20px;}
	.cts4411_history .cell h4 {  position:static; margin:0 0 10px -20px; padding-left:20px;  background-position:left 8px !important; }
	.cts4411_history .cell.first h4 {  background-position:left -8px !important;}
	.cts4411_history .cell ol li { padding-left:100px;}
}
@media screen and (max-width:480px) {
	.cts4411_titlebox .photobox{min-height:0; padding:30px 10%;}
	.cts4411_titlebox .photobox .conbox{position:static; background-color:rgba(89, 100, 122, 0.8); width:auto;}
	.cts4411_titlebox .photobox .conbox p br{display:none;}
}
.cts4418 .cell { position:relative; min-height:225px; margin-top:30px; padding:0 0 25px 305px; border-bottom:1px solid #ddd;}
.cts4418 .cell .img_area { position:absolute; left:0; top:0;}
ul.bu {margin-top: 10px;margin-bottom: 10px;padding-left: 21px;}
.cts4411_history .cell ol li .bu li { padding-left: 10px;}
.cts4411_history .cell ol li li {padding: 0;}
.cts4411_history .cell ol li {position: relative;padding: 5px 0 5px 120px;clear: both;}
ul.bu > li:first-child {margin-top: 0;}
ul.bu > li {
    margin-top: 5px;
    padding-left: 12px;
    background-image: url(../../images/www/icon/ul_depth1_bu.gif);
    background-repeat: no-repeat;
    background-position: left 11px;
    color: #333;
    font-size: 15px;
}
@media screen and (max-width:640px) {
	.cts4418 .cell { padding-left:0;}
	.cts4418 .cell .img_area { position:static; margin-bottom:30px; text-align:center;} 
}


/* 회사소개 >  찾아오시는길  */
#container .colgroup {
    width: 860px;
}
sub_layout.css:11
#container .colgroup {
    float: right;
}
#container .colgroup #contents {
    position: relative;
    z-index: 10;
    min-height: 500px;
    margin-top: 50px;
    padding-bottom: 50px;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
    letter-spacing: -0.05em;
}
.cts4477 .info_bar {  padding:17px 5%; background:#434954; color:#fff; font-size:18px;  text-align:center; word-break:keep-all; }
.cts4477 .info_bar strong { margin-right:10px;}
.cts4477 .bg_box { padding-left:120px; margin-bottom:40px; height:86px;background-repeat:no-repeat; background-position:left top;}
.cts4477 .bg_box.bg1 { background-image:url(../../images/www/temp/cts4477_img0.gif);}
.cts4477 .bg_box.bg2 { background-image:url(../../images/www/temp/cts4477_img2.gif);}
h5, .h5 {
    margin-top: 22px;
    margin-bottom: 11px;
    padding-left: 31px;
    background-image: url(../../images/www/temp/h5_icon.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
    color: #222;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
}
@media screen and (max-width:640px) {
.cts4477 .bg_box { padding:0;  background:none !important;}
}

/* 갤러리 게시판  - 사진위 제목 over 되는 type */
.bbs_info {margin-top:30px;}
.bbs_count .bbs_left {line-height:30px;}
.bbs_count strong {color:#222;}
.bbs_count .division_line {margin-left:5px;}
.bbs_rss {display:inline-block; width:14px; height:14px; background:url('/common/images/board/bbs_icon.png') no-repeat -100px -150px; font-size:0; line-height:0; vertical-align:middle;}
.bbs_category {}
.bbs_category form {display:inline-block;}
.bbs_category .submit {padding:0 15px; border:1px solid #686868; background:#686868; color:#fff;}
.bbs_category .submit:hover {border:1px solid #151515; background:#151515;}
.bbs_category_list {margin-top:30px; border:2px solid #e9e9e9;}
.bbs_category_list ul {padding:10px; text-align:left;}
.bbs_category_list ul li {display:inline; float:left; margin:3px 3%; padding-left:8px; background:url('/common/images/board/bu_gray.gif') no-repeat 0 10px; white-space:nowrap;}

@media screen and (max-width:640px) {
    .bbs_search {padding:0;}
    .bbs_search form {margin:15px 3%;}
    .bbs_search select {width:100%; margin:2px 0;}
    .bbs_search span {display:block;}
    .bbs_search .input_text {width:100%; margin:2px 0; padding-left:0; padding-right:0; text-align:center;}
    .bbs_search .submit {width:100%; margin:2px 0;}
    .bbs_count .bbs_left {margin-top:0; margin-bottom:10px;}
}

.bbs_ico {display:inline-block; background:url('/common/images/board/bbs_icon.png') no-repeat; margin-left:5px; vertical-align:middle; font-size:0; line-height:0;}
.bbs_ico.new {width:26px; height:11px; background-position:0 0;}
.bbs_ico.hot {width:26px; height:11px; background-position:-50px 0;}
.bbs_ico.delete {width:23px; height:11px; margin-left:0; margin-right:5px; background-position:-100px 0;}
.bbs_ico.secret {width:16px; height:15px; margin-left:0; margin-right:5px; background-position:-150px -50px;}
.bbs_ico.reply {width:25px; height:15px; margin-left:0; margin-right:5px; background-position:-200px -49px;}
.bbs_comment {display:inline-block; height:15px; margin-left:8px; padding-left:18px; background:url('/common/images/board/bbs_icon.png') no-repeat 0 -150px; color:#888; font-size:0.85em;}

.bbs_gallery.type2 {overflow:hidden; width:100%; margin:5px 0; border-top:2px solid #151515; border-bottom:1px solid #e9e9e9;}
.bbs_gallery.type2 ul.list {width:104%; margin:10px -1.4%;}
.bbs_gallery.type2 ul.list li {display:inline; overflow:hidden; float:left; width:30%; margin:10px 1.4% 15px; min-height:180px;}
.bbs_gallery.type2 ul.list li a {display:block; position:relative; border:1px solid #e9e9e9; text-align:center;}
.bbs_gallery.type2 ul.list li a span {display:inline-block;}
.bbs_gallery.type2 ul.list li a .photo {display:block; overflow:hidden; position:relative; max-width:100%; height:100%; background:url('/common/images/board/mask.png'); font-size:0; line-height:180px;}
.bbs_gallery.type2 ul.list li a .photo img {max-width:100%; max-height:180px; vertical-align:middle;}
.bbs_gallery.type2 ul.list li a:hover .photo img {transform:scale(1.2); transition:all 400ms;}
.bbs_gallery.type2 ul.list li a .photo.hover:before {content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:url('/common/images/board/mask3.png');}
.bbs_gallery.type2 ul.list li a .photo.hover:after {content:""; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:url('/common/images/board/icon_over.png') no-repeat 50% 50%;}
.bbs_gallery.type2 ul.list li a .subject {position:absolute; bottom:0; left:0; width:96%; margin:0; padding:8px 2%; background:url('/common/images/board/mask2.png') ; color:#fff; text-align:left;}
.bbs_gallery.type2 ul.list li a .author {font-size:0.85em;}
.bbs_gallery.type2 ul.list li a .date {display:none;}
.bbs_gallery.type2 ul.list .empty {padding:10px 0; text-align:center; border-bottom:1px solid #e7e7e7;}
.bbs_gallery.type2 ul.list li.delete .delete_info {font-size:11px; color:#2e84d1; vertical-align:middle;}
.bbs_gallery.type2 ul.list li.delete .subject {color:#aaa;}
.bbs_gallery.type2 ul.list li .ico_group {position:absolute; top:5px; left:5px; z-index:10;}
.bbs_gallery.type2 ul.list li .ico_group .bbs_ico {margin-left:0; margin-right:1px;}
*:first-child + html .bbs_gallery.type2 ul.list li a .photo {width:100%;}
*:first-child + html .bbs_gallery.type2 ul.list li a .photo img {width:100%; height:180px;}
@media screen and (max-width:756px) {
    .bbs_gallery.type2 ul.list li {width:30%;}
    .bbs_gallery.type2[data-photo-type='fixed'] ul.list li a .photo {width:auto; max-width:100%;}
    .bbs_gallery.type2[data-photo-type='fixed'] ul.list li a .photo img {max-width:100%;}
}
@media screen and (max-width:640px) {
    .bbs_gallery.type2 ul.list li {width:47%; min-height:140px;}
    .bbs_gallery.type2 ul.list li a .photo {line-height:140px;}
    .bbs_gallery.type2 ul.list li a .photo img {max-height:140px;}
    .bbs_gallery.type2 ul.list li.delete .delete_info {display:none;}
    .bbs_gallery.type2 ul.list li .checkbox {display:none;}
}

/*법면녹화 */
.conts { width:100%; padding:1.5% 2.5% 0; text-align:center;color:#686868; }
.conts2 { width:100%; padding:0; text-align:center;color:#686868; }
.conts .img { width:100%; padding:2.5% 2.5% 0; margin-bottom: 20px; text-align:center; }
.guide_li {
    margin-bottom: 0px;
    padding-top: 10px;
    border-top: 1px dashed #8d847d;
}
.hb1.h3 {
    font-size: 20px;
    padding: 10px 0 10px 0;
	font-weight:bold;
    color: #328e26;
}
ul.bu li, ul.bu.bu1 li {
    background: url(../../images/www/icon/li1bg.png) no-repeat 0 .111em;
	color:#686868;
	padding-left: 20px;
}
ul.bu li {
    margin: .150em 0;
    padding: 0 0 0 1.1em;
	color:#686868;
}

.c_txt { font-size:18px; text-align:center; font-weight:600; letter-spacing:-1px; margin-top:30px;margin-bottom:10px; line-height:1.4em;color:#494949;}

/* 사업소개 */
.depth-tab__content {display:none; padding-top:40px; border-top:1px solid #ddd;}
.depth-tab__content.active {display:block;}
.b_list .img_info{width:100%; height:100%; border:1px solid #ddd; margin-bottom:30px; }
.b_list .img_info:after{content:''; display:block; clear:both;}
.b_list .img_info .img_wrap{width:50%;height:100%; float:left;}
.b_list .img_info .info_wrap{width:50%; float:left; padding:20px 25px 0 25px;}
.b_list .img_info .info_wrap h3{font-size:25px; padding-bottom:20px; font-weight:600;color:#494949;}
.b_list .img_info .info_wrap p{font-size:14px; line-height:27px; color:#666;}

/*갤러리_상세
.xans-product-detail .imgArea .keyImg img {
    max-width: 302px;
    border: 1px solid #ececec;
    cursor: pointer;
}
optimizer.php?f…77&type=css&:1
img, fieldset {
    border: none;
    vertical-align: top;
}

/* 제품상세 */
.productContent {max-width: 1200px; margin: 0 auto;}

.pdt_detailWrap {min-height: 625px; padding-bottom: 30px; margin: 40px 0 20px 0; border-bottom: 1px solid #e5e5e5;}
.pdt_detailWrap .pdt_visualArea {float: left; width: 50%; /*padding-right: 8.33%;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.pdt_detailWrap .pdt_visualArea .snsShareBox {overflow: hidden; width: 500px; margin: 0 auto; margin-bottom: 20px;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .left {float: left; padding-right: 29px; margin: 0 28px 0 0; background: url(/kr/ko/web_resource/front/images/common/bar_1x20.gif) no-repeat right 2px;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .right {float: left; padding-left: 35px; background: url(/kr/ko/web_resource/front/images/common/bg_share.gif) no-repeat 0 0;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .right span {display: inline-block; height: 18px; margin: 2px 11px 0 0; background: url(/kr/ko/web_resource/front/images/common/bg_sns.png) no-repeat 0 0; cursor: pointer;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .right span.facebook {width: 9px;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .right span.facebook:hover {background-position: 0 -31px;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .right span.twitter {width: 17px; background-position: -24px 0;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .right span.twitter:hover {background-position: -24px -31px;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .right span.blog {width: 36px; background-position: -55px 0;}
.pdt_detailWrap .pdt_visualArea .snsShareBox .right span.blog:hover {background-position: -55px -32px;}
@media all and (max-width:1220px) {.pdt_detailWrap .pdt_visualArea {width: 43%; padding: 0 6.33% 0 2%;} }
@media all and (max-width: 1210px) {.pdt_detailWrap .pdt_visualArea .snsShareBox .right {padding-left: 26px; margin-left: 25px;} }

.pdt_detailWrap .pdt_visualArea .visualBox  {max-width: 500px; margin:0 auto; padding-bottom: 75px; height: 500px; overflow: hidden;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-list {overflow: hidden; height: 500px;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-arrow {overflow: hidden; position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; text-indent: -9999em; z-index: 10; opacity: 0; filter:alpha(opacity:0);}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide:hover .slick-arrow {opacity: 1; filter:alpha(opacity:1);}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-prev {left: 0; background: url(/kr/ko/web_resource/front/images/common/bg_pagePrev.gif) no-repeat 0 0;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-next {right: 0; background: url(/kr/ko/web_resource/front/images/common/bg_pageNext.gif) no-repeat 0 0;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slide-item {float: left;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slide-item iframe {width: 100%; height: 300px; padding: 19.6% 0;}
@media all and (max-width:1220px) {.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slide-item iframe {height: 250px;} }
@media all and (max-width:1024px) {.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slide-item iframe {height: 220px;} }
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slide-item img {width: 100%;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-dots {overflow: hidden; bottom: -75px; height: 60px; max-height: 60px; text-align: center;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-dots li {display: inline-block; position: relative; width: 60px; height: 60px; margin: 0 5px; text-indent: 0; border-radius: 0;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-dots li.slick-active {background: #fff;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-dots li a {position: relative; width: 58px; height: 58px; background: #fff; border: 1px solid #e5e5e5;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-dots li a:hover {background: #fff;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-dots li a img {width: 58px; height: 58px;}
.pdt_detailWrap .pdt_visualArea .visualBox .big_img_slide .slick-dots li.slick-active:after {content: ''; display: block; left: 0; top: 0; position: absolute; width: 54px; height: 54px; border: 3px solid #333;}
.pdt_detailWrap .pdt_visualArea .visualBox .samll_img_slide {width: 210px; height: 60px; margin: 0 auto; text-align: center;}
.pdt_detailWrap .pdt_visualArea .visualBox .samll_img_slide .slide-item {display: inline-block; width: 60px !important; height: 60px; margin: 0 5px;}
.pdt_detailWrap .pdt_visualArea .visualBox .samll_img_slide .slide-item img {width: 58px; height: 58px; border: 1px solid #e5e5e5;}
.pdt_detailWrap .pdt_visualArea .visualBox .samll_img_slide .slide-item {position: relative;}
.pdt_detailWrap .pdt_visualArea .visualBox .samll_img_slide .slide-item.slick-current:after {content: ''; display: block; left: 0; top: 0; position: absolute; width: 54px; height: 54px; border: 3px solid #333;}

.pdt_detailWrap .pdt_visualArea .dtl_giftArea {position: relative; width: 100%; max-width: 500px; padding: 10px; margin: 0 auto; margin-top: 95px; border: 1px solid #e5e5e5;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea .giftTit {position: absolute; left: 0; top: -35px; font-size: 16px; font-weight: 500; color: #333;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea .giftTit em {color: #f54a7e;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea li {position: relative; padding: 0 0 0 100px; margin-bottom: 10px;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea li:last-child {margin-bottom: 0;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea li .left {position: absolute; left: 0; top: 0; width: 80px; height: 80px;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea li .left img {width: 100%;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea li .right {min-height: 80px; font-size: 14px;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea li .right .gift_tag {padding-top: 15px; margin: 0 0 5px 0; font-weight: 500; color: #333;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea li .right .gift_tit {padding-top: 15px; margin-bottom: 5px; color: #333;}
.pdt_detailWrap .pdt_visualArea .dtl_giftArea li .right .gift_color {color: #999;}

.pdt_detailWrap .pdt_infoArea {float: left; width: 50%; padding-left: 5.40%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
@media all and (max-width:1220px) {.pdt_detailWrap .pdt_infoArea {width: 56%; padding: 0 0.40% 0 2%;} }
.pdt_detailWrap .pdt_infoArea .tagBox {margin-bottom: 15px;}
.pdt_detailWrap .pdt_infoArea .tagBox .tag {display: inline-block; width: 40px; height: 21px; line-height: 20px; text-align: center; font-size: 12px; color: #fff;}
.pdt_detailWrap .pdt_infoArea .tagBox .tag.type1 {background: #9adada;}
.pdt_detailWrap .pdt_infoArea .tagBox .tag.type2 {background: #f7a2ba;}
.pdt_detailWrap .pdt_infoArea .tagBox .tag.type3 {background: #fabf3a;}
.pdt_detailWrap .pdt_infoArea .tagBox .tag.type4 {background: #c8b0bd;}
.pdt_detailWrap .pdt_infoArea .dtl_titleArea {margin-bottom: 25px; }
.pdt_detailWrap .pdt_infoArea .dtl_titleArea .dtl_promote {font-size: 16px; color: #f54a7e;}
.pdt_detailWrap .pdt_infoArea .dtl_titleArea .dtl_title {line-height: 40px; font-size: 32px; font-weight: 500; color: #333;}
.pdt_detailWrap .pdt_infoArea .dtl_titleArea .dtl_promote2 {margin-bottom: 5px; font-size: 16px; color: #66c5c5;}
.pdt_detailWrap .pdt_infoArea .dtl_titleArea .dtl_titDesc {font-size: 16px; color: #666;}

.pdt_detailWrap .pdt_infoArea .dtl_infoBox {line-height: 24px; padding: 9px 0; color: #333;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox.fir {border-top: 1px solid #333;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox.sec {margin-bottom: 15px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dt {float: left; width: 150px; height: 25px; line-height: 25px; font-size: 14px; font-weight: 500;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dt .button2 {vertical-align: top;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dt.num,
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd.num {height: 30px; line-height: 30px; margin: 4px 0;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd {position: relative; float: left; width: 385px; line-height: 25px;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd strong {font-family: 'Arial'; font-size: 15px;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd a {display: inline-block; margin-left: 5px;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .except {display: inline-block; height: 21px; line-height: 21px; padding: 0 6px; font-size: 12px; color: #fff; background: #999;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .button2 {vertical-align: top;}
/*.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .countBox {width: 30px; height: 30px; padding: 0 30px 0 30px;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .countBox button {top: 0px; width: 30px; height: 30px;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .countBox button img {width: 100%;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .countBox button.count_down {left: 0;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .countBox button.count_up {right: 0;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .countBox input {width: 100%; height: 30px; line-height: 30px; vertical-align: top; padding: 0 5px; font-family: 'Arial';}*/
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc {display: none; position: absolute; left: -131px; top: 28px; width: 270px; padding: 20px 36px 20px 20px; background: #fff; border: 1px solid #666; z-index: 10;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc.open {display: block;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc .close_tt {position: absolute; right: 10px; top: 7px; line-height: 100%;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc .tit {margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #333;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc ul {max-height: 200px; overflow-y: auto;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc ul li {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f5f5f5;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc ul .dt {position: relative; line-height: 18px; padding-right: 65px; color: #333;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc ul .dt em {position: absolute; right: 10px; top: 10px; color: #f54a7e;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc ul .dd {font-size: 12px; color: #999;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc ul .dd .button2 {display: block;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd .tooltip_dc ul .dd .button2 a {height: 24px; line-height: 24px; margin-left: 0;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd.beautyPoint .tooltipGroup {margin-left: 5px;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd.beautyPoint .tooltipGroup .tooltip_bp {left: -216px; width: 419px;}
.pdt_detailWrap .pdt_infoArea .dtl_infoBox dd.beautyPoint .tooltipGroup .tooltip_cp {left: -176px; width: 340px;}
.pdt_detailWrap .pdt_infoArea .dtl_ntc {padding-left: 10px; margin-bottom: 14px; font-size: 12px; color: #999; text-indent: -8px;}

.pdt_infoArea .dtl_optionTitle {position: relative; padding-bottom: 5px; margin-bottom: 10px;}
.pdt_infoArea .dtl_optionTitle .opt_tit {margin-bottom: 1px; font-size: 14px; font-weight: 500; color: #333;}
.pdt_infoArea .dtl_optionTitle .opt_tit em {font-weight: 700; color: #9adada;}
.pdt_infoArea .dtl_optionTitle .opt_desc {font-size: 13px; color: #999;}
.pdt_infoArea .dtl_optionTitle .button2 {position: absolute; right: 0; top: 0px;}

.pdt_infoArea .opt_colorChip {position: relative; margin-bottom: 5px;}
.pdt_infoArea .opt_colorChip .cr_tit {line-height: 100%; margin-bottom: 7px; font-size: 13px; color: #999;}
.pdt_infoArea .opt_colorChip .colorBox {overflow: hidden; margin-right: -5px;}
.pdt_infoArea .opt_colorChip .openColor {text-align: center;}
.pdt_infoArea .opt_colorChip .openColor a {display: inline-block; font-size: 12px; color: #222; }
.pdt_infoArea .opt_colorChip .openColor span {display: inline-block; padding-right: 17px; background: url(/kr/ko/web_resource/front/images/common/arr_TB2.png) no-repeat right 8px;}
.pdt_infoArea .opt_colorChip.all .openColor span {background-position: right -87px;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list {position: relative; float: left; margin: 0 5px 5px 0;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list img {width: 40px; height: 40px;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list .soldOut {position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(/kr/ko/web_resource/front/images/common/bg_soldout_op.png) no-repeat 0 0;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list .effect {position: absolute; background: #333;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list .effect.top {left: 0; top: 0; width: 0; height: 4px;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list .effect.right {right: 0; top: 0; width: 4px; height: 0;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list .effect.bottom {right: 0; bottom: 0; width: 0; height: 4px; }
.pdt_infoArea .opt_colorChip .colorBox .cr_list .effect.left {left: 0; bottom: 0; width: 4px; height: 0; }
.pdt_infoArea .opt_colorChip .colorBox .cr_list.over .effect.top {left: 0; top: 0; width:40px; height: 4px;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list.over .effect.right {right: 0; top: 0; width: 4px; height: 40px; }
.pdt_infoArea .opt_colorChip .colorBox .cr_list.over .effect.bottom {right: 0; bottom: 0; width: 40px; height: 4px; }
.pdt_infoArea .opt_colorChip .colorBox .cr_list.over .effect.left {left: 0; bottom: 0; width: 4px; height: 40px;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list.current .effect.top {left: 0; top: 0; width: 40px; height: 4px;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list.current .effect.right {right: 0; top: 0; width: 4px; height: 40px;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list.current .effect.bottom {right: 0; bottom: 0; width: 40px; height: 4px;}
.pdt_infoArea .opt_colorChip .colorBox .cr_list.current .effect.left {left: 0; top: 0; width: 4px; height: 40px;}
.pdt_infoArea .opt_colorChip .option_add {position: relative; padding-right: 45px; margin-bottom: 10px;}
.pdt_infoArea .opt_colorChip .option_add .add {position: absolute; right: 0; top: 0;}

.pdt_infoArea .dtl_option_area {}
/*.pdt_infoArea .dtl_option_area .option_add {position: relative; padding-right: 45px; margin-bottom: 10px;}
.pdt_infoArea .dtl_option_area .option_add .add {position: absolute; right: 0; top: 0;}*/
.pdt_infoArea .dtl_option_area .option_list {}
.pdt_infoArea .dtl_option_area .option_list .listBox {overflow: hidden; position: relative; padding: 10px 50px 10px 0; border-bottom: 1px solid #e5e5e5;}
.pdt_infoArea .dtl_option_area .option_list .listBox .left {position: relative; float: left; width: 160px; padding-left: 50px;}
.pdt_infoArea .dtl_option_area .option_list .listBox .left span {display: inline-block;}
.pdt_infoArea .dtl_option_area .option_list .listBox .left .colorchip {position: absolute; left: 0; top: 0;}
.pdt_infoArea .dtl_option_area .option_list .listBox .left .colorchip img {width: 40px; height: 40px;}
.pdt_infoArea .dtl_option_area .option_list .listBox .left .name {font-size: 14px;}
.pdt_infoArea .dtl_option_area .option_list .listBox .left .name em {color: #f54a7e;}
.pdt_infoArea .dtl_option_area .option_list .listBox .right {float: right; width: 210px; text-align: right;}
.pdt_infoArea .dtl_option_area .option_list .listBox .right .countBox {display: inline-block;}
.pdt_infoArea .dtl_option_area .option_list .listBox .right .price {display: inline-block; margin-left: 22px; vertical-align: middle; font-family: 'Arial'; font-size: 14px;}
.pdt_infoArea .dtl_option_area .option_list .listBox .right .price .dc {display: block; font-size: 12px; font-weight: 500; color: #999; text-decoration: line-through;}
.pdt_infoArea .dtl_option_area .option_list .listBox .right .price .result {font-weight: 700; color: #333;}
.pdt_infoArea .dtl_option_area .option_list .listBox .delete {position: absolute; right: 12px; top: 50%; margin-top: -10px;}

.pdt_infoArea .dtl_priceBox {padding: 10px 50px 10px 0; margin-bottom: 18px; text-align: right;}
.pdt_infoArea .dtl_priceBox span {display: inline-block; font-family: 'Arial';}
.pdt_infoArea .dtl_priceBox .sum {margin-right: 20px; font-size: 14px; color: #333;}
.pdt_infoArea .dtl_priceBox .dc {font-size: 13px; color: #999; text-decoration: line-through;}
.pdt_infoArea .dtl_priceBox .result {font-size: 18px; font-weight: 600; color: #222;}

.dtl_btnBxo .button1 {width: 32.9%;}
.dtl_btnBxo .button1 a {width: 100%;}

.dtl_storeSearch {margin-top: 15px;}
.dtl_storeSearch em {font-size: 12px; color: #999;}

.dtl_middle_banner {overflow: hidden; max-height: 300px;}
.dtl_middle_banner .banner-item img {width: 100%;}
.dtl_middle_banner .slick-dots {bottom: 20px;}

.project_banner img {width: 100%;}
.pdt_detailTab {margin-top: 80px;}
.pdt_detailTab.fixed {position: fixed; top: 0; width: 1200px; margin-top: 0; background: #fff; z-index: 150; border-bottom: 1px solid #ccc;}

.pdt_recommendWrap {overflow: hidden; margin-bottom: 20px; border: 1px solid #e5e5e5;}
.pdt_recommendWrap .left_recommend {float: left; width: 55%; padding: 27px 69px 40px 69px;}
@media all and (max-width:1210px) {.pdt_recommendWrap .left_recommend {float: left; width: 47%; padding: 27px 69px 40px 69px;} }
.pdt_recommendWrap .left_recommend .title {margin: 0 0 15px -30px; font-size: 18px; font-weight: 700; color: #333;}
.pdt_recommendWrap .left_recommend .title em {color: #f54a7e;}
.pdt_recommendWrap .left_recommend .recommend_slide {position: relative; width: 100%; min-height: 260px;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item {float:left; width: 180px; line-height: 100%; text-align: center; outline: 0;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item .thumb {max-width: 180px; margin: 0 auto; margin-bottom: 15px;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item .thumb img {width: 100%;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item .titBox {max-width: 180px; margin: 0 auto; margin-bottom: 14px;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item .titBox span {display: block;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item .titBox span.mark {margin-bottom: 9px; font-size: 13px; color: #f54a7e;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item .titBox span.tit {font-size: 15px; color: #333;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item .price {max-width: 180px; margin: 0 auto; font-size: 16px; font-weight: 500; color: #222; line-height: 20px;}
.pdt_recommendWrap .left_recommend .recommend_slide .slide-item .price em {font-size: 18px; font-family: 'Arial'; font-weight: 600; color: #222;}
.pdt_recommendWrap .left_recommend .recommend_slide .slick-arrow {position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; border: 1px solid #fff;}
.pdt_recommendWrap .left_recommend .recommend_slide .slick-arrow:hover {border: 1px solid #ccc;}
.pdt_recommendWrap .left_recommend .recommend_slide .slick-prev {left: -50px; background: url(/kr/ko/web_resource/front/images/common/bg_pagePrev3.png) no-repeat 0 0;}
.pdt_recommendWrap .left_recommend .recommend_slide .slick-next {right: -50px; background: url(/kr/ko/web_resource/front/images/common/bg_pageNext3.png) no-repeat 0 0;}
.pdt_recommendWrap .left_recommend .recommend_slide:hover .slick-prev {left: -50px; background: url(/kr/ko/web_resource/front/images/common/bg_pagePrev3_on.png) no-repeat 0 0;}
.pdt_recommendWrap .left_recommend .recommend_slide:hover .slick-next {right: -50px; background: url(/kr/ko/web_resource/front/images/common/bg_pageNext3_on.png) no-repeat 0 0;}
.pdt_recommendWrap .right_recommend {float: left; width: 339px; padding: 30px; border-left: 1px solid #e5e5e5;}
.pdt_recommendWrap .right_recommend .title {margin: 0 0 16px 10px; font-size: 18px; font-weight: 700; color: #333;}
.pdt_recommendWrap .right_recommend .title em {color: #f54a7e;}
.pdt_recommendWrap .right_recommend .ranking_list {}
.pdt_recommendWrap .right_recommend .ranking_list li {overflow: hidden; padding: 5px 10px 5px 14px; margin-bottom: 4px; background: #fff;}
.pdt_recommendWrap .right_recommend .ranking_list li:hover {background: #f5f5f5;}
.pdt_recommendWrap .right_recommend .ranking_list li:last-child {margin-bottom: 0;}
.pdt_recommendWrap .right_recommend .ranking_list li .ellipsis,
.pdt_recommendWrap .right_recommend .ranking_list li .ranking {float: left; height: 40px; line-height: 40px;}
.pdt_recommendWrap .right_recommend .ranking_list li .ranking {position: relative; padding-right: 22px; margin-right: 17px; font-size: 24px; font-family: 'Arial'; color: #333;}
.pdt_recommendWrap .right_recommend .ranking_list li .ranking em {position: absolute; right: 0; top: 15px; width: 10px; height: 12px; line-height: 100%; padding-left: 8px; font-size: 11px; color: #f54a7e; background: url(/kr/ko/web_resource/front/images/common/bg_ranking.png) no-repeat left 5px;}
.pdt_recommendWrap .right_recommend .ranking_list li .ranking em.up {background-position: -26px 0;}
.pdt_recommendWrap .right_recommend .ranking_list li .ranking em.down {color: #74cdcd; background-position: -50px 0;}
.pdt_recommendWrap .right_recommend .ranking_list li .ellipsis {width: 215px; padding-right: 7px;}
.pdt_recommendWrap .right_recommend .ranking_list li .thumb {float: left; width: 40px;}
.pdt_recommendWrap .right_recommend .ranking_list li .thumb img {width: 100%;}
.pdt_recommendWrap .right_recommend .ranking_list li .thumb img {vertical-align: top;}

.pdt_recommendWrap .left_recommend.item5 {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

.templateWrap {width: 680px; padding: 70px 0 0 0; margin: 0 auto; text-align: center;}
.templateWrap .imgBox {border-bottom: 1px solid #e8e8e8;}
.templateWrap .template_tit {height: 129px; line-height: 129px; margin: 0 auto; margin-bottom: 40px; text-align: center; font-size: 36px; font-weight: 700; color: #333; background: url(/kr/ko/web_resource/front/images/common/bar_40x2.gif) no-repeat center bottom;}
.templateWrap .template_con {position: relative; width: 680px; padding-bottom: 40px; border-bottom: 1px solid #e8e8e8;}
.productContent .detail_link .mLink {display: none;}
.templateWrap .template_con .detail_link {position: absolute;}
.templateWrap .template_con .detail_slide .slick-slide {position: relative;}
.templateWrap .template_con .detail_slide .slick-slide .detail_link {position: absolute;}
.templateWrap .template_con .detail_slide .slick-arrow {display: block !important; overflow: hidden; position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; text-indent: -9999em; z-index: 10; opacity: 0; filter:alpha(opacity:0);}
.templateWrap .template_con .detail_slide:hover .slick-arrow {opacity: 1; filter:alpha(opacity:1);}
.templateWrap .template_con .detail_slide .slick-prev {left: -35px; background: url(/kr/ko/web_resource/front/images/common/bg_pagePrev.gif) no-repeat 0 0;}
.templateWrap .template_con .detail_slide .slick-next {right: -35px; background: url(/kr/ko/web_resource/front/images/common/bg_pageNext.gif) no-repeat 0 0;}
.templateWrap .template_con .detail_slide:nth-of-type(2) {margin-top: 10px; border-top: 1px solid #e8e8e8;}
.templateWrap .template_con .detail_slide .slick-slider {padding-bottom: 32px;}
.templateWrap .template_con .detail_slide .slick-dots {bottom: 0px; height: 12px;}
.templateWrap .template_con:last-child {border: 0;}
.templateWrap .template_con .detail_slide .slick-dots li {width: 12px; height: 12px; border-radius: 6px;}
.templateWrap .template_con .detail_slide .slick-dots li:hover {background: #f7a2ba;}
.templateWrap .template_con .pdt_name {line-height: 100%; margin: 40px 0 18px 0; text-align: center; font-size: 36px; font-weight: 700; color: #333;}
.templateWrap .template_con .pdt_name span {display: inline-block; padding-bottom: 9px; border-bottom: 2px solid #ffdbc8;}
.templateWrap .template_con .pdt_summary {margin-bottom: 25px; text-align: center; font-size: 24px; color: #666;}
.templateWrap .template_con .pdt_summary b {color: #333;}

/* lct_list */
.lct_list {overflow: hidden;}
.lct_list > li {position:relative;float:left;width:calc(25% - 7.5px);margin:0 0 10px 10px;border:1px solid #e0dfdf;background:#fff;}
.lct_list > li:nth-child(4n+1) {margin-left:0;}
.lct_list > li > a {display:block;}
.lct_list > li .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%}
.lct_list > li .img img {display:block;width:100%;}
.lct_list > li .c_type {position:absolute;left:0;bottom:0;}
.lct_list > li .xp {position:absolute;right:0;bottom:0;height:19px;line-height:19px;padding:0 4px;border:1px solid #eeab45;font-size:12px;color:#eeaa42;background-color:#fff;}
.lct_list > li .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-bottom:5px;font-size:18px;color:#504a9d;}
.lct_list > li .con {padding:20px 13px;border-top:1px solid #dfdfdf;}
.lct_list > li .con p {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4em;height:2.8em;font-size:13px;}
.lct_list > li .bar {padding:10px;border-top:1px solid #dfdfdf;}
.lct_list > li .bar:after {clear:both;display:block;content:" ";}
.lct_list > li .bar .left {float:left;}
.lct_list > li .bar .count i {margin-right:2px;}
.lct_list > li .bar .count .m_icon:before {font-size:14px;}
.lct_list > li .bar .count li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45px;float:left;font-size:12px;}
.lct_list > li .bar .count li + li {margin-left:5px;}
.lct_list > li .bar .right {float:right;}
.lct_list .reply, .lct_list .member {vertical-align:middle;display:inline-block;font-size:12px;}
.lct_list .reply {padding-left:15px;background:url("../../images/www/icon/c_group_reply.gif") no-repeat 0 50%;}
.lct_list .member {padding-left:13px;background:url("../../images/www/icon/c_group_member.gif") no-repeat 0 50%;}
.lct_list .reply + .member {margin-left:10px;}
.lct_list .c_rating i:before {font-size:14px;color:#2271cb;}
.lct_list .sort {position:absolute;left:0;top:0;z-index:10;padding:5px 15px;line-height:24px;color:#fff;background-color:#605aa6;}
.lct_list.three > li {width:calc((100% - 25px) / 3);margin:0 0 12px 12px;}
.lct_list.three > li:nth-child(3n+1) {margin-left:0;}

/* lct_list1 */
.lct_list1 li:after {content:" ";clear:both;display:block;}
.lct_list1 li .img {overflow:hidden;display:block;position:relative;height:0;padding-left:6px;padding-right:6px;padding-bottom:56.25%}
.lct_list1 li .img img {display:block;width: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:600;color:#333;}
.lct_list1 .con, .lct_list1 .menu {padding:10px;border-top:1px dashed #dfdfdf;}
.lct_list1 .con p {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:20px;height:80px;font-size:13px;color:#898989;}
.lct_list1 .item {min-height:42px;padding:10px;}
.lct_list1 .item li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#494949;font-weight:400;display:block}
.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;}
.lct_list1 .menu a:first-child {margin-right:4px;}
.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:after {content:" ";clear:both;display:block;}
.lct_list2 .sort {position:absolute;left:0;top:0;z-index:10;width:40px;height:40px;padding:1px 0 0 1px;font-size:0;background-color:#0c4da2;}
.lct_list2 .sort .m_icon:before {font-size:36px;color:#fff;}
.lct_list2 li .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.lct_list2 li .img img {position:absolute;display:block;width:100%;height:100%;}
.lct_list2 li .c_type {position:absolute;left:0;bottom:0;}
.lct_list2 li .xp {position:absolute;right:0;bottom:0;height:19px;line-height:19px;padding:0 4px;border:1px solid #eeab45;font-size:12px;color:#eeaa42;background-color:#fff;}
.lct_list2 .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:10px;font-size:17px;font-weight:bold;color:#0f4ba3;}
.lct_list2 .con {height:75px;padding:15px;border-top:1px solid #dfdfdf;}
.lct_list2 .con p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.lct_list2 .bar {padding:10px;border-top:1px solid #dfdfdf;background-color:#f6f7f8;}
.lct_list2 .bar:after {clear:both;display:block;content:" ";}
.lct_list2 .bar .left {float:left;}
.lct_list2 .bar .mark.on i:before {color:#ef5656;}
.lct_list2 .bar .right {float:right;}
.lct_list2 .reply, .lct_list2 .member {vertical-align:middle;display:inline-block;font-size:12px;}
.lct_list2 .reply {padding-left:15px;background:url("../../images/www/icon/c_group_reply.gif") no-repeat 0 50%;}
.lct_list2 .member {padding-left:13px;background:url("../../images/www/icon/c_group_member.gif") no-repeat 0 50%;}
.lct_list2 .reply + .member {margin-left:10px;}
.lct_list2 .c_rating i:before {font-size:15px;}
.lct_list2 .sort .doc {display:block;width:30px;height:34px;margin:2px 0 0 4px;background:url("../../images/www/icon/icon_html@2x.png") no-repeat 0 0;background-size:cover;}
.lct_list2 .sort.description:before, .lct_list2 .sort.play_circle_filled:before, .lct_list2 .sort.crop_original:before {line-height:1;margin-top:5px;color:#fff;}

.lct_list2 .bar.part {padding:0;}
.lct_list2 .bar.part li {text-align:center;float:left;width:50%;}
.lct_list2 .bar.part li + li {border-left:1px solid #dfdfdf;}
.lct_list2 .bar.part a {display:block;height:42px;line-height:42px;}
.lct_list2 .bar.part a:after {content:" ";vertical-align:middle;display:inline-block;margin-left:9px;background-image:url("../../images/www/icon/icon_merge2.png");background-repeat:0 0;}
.lct_list2 .bar.part .favor:after {width:23px;height:20px;background-position:-180px 0;}
.lct_list2 .bar.part .down:after {width:23px;height:20px;background-position:-180px -30px;}
.lct_list2 .sort.docs {background:url("../../images/www/icon/icon_html.gif") no-repeat 0 0;}
.lct_list2 .sort.url {background:url("../../images/www/icon/icon_url.gif") no-repeat 0 0;}
.lct_list2 > li {float:left;width:25%;padding:5px;}
.lct_list2 > li .inner {position:relative;border:1px solid #e0dfdf;background:#fff;}
.lct_list2.file .con {min-height:60px;padding:20px 10px;border-top:0;}
.lct_list2.file .item {overflow:hidden;min-height:38px;padding:0 10px;border-bottom:1px solid #dfdfdf;background-color:#3e8ddc;}
.lct_list2.file .cate li {position:relative;float:left;line-height:37px;padding:0 5px;font-size:15px;font-weight:300;color:#fff;}
.lct_list2.file .cate li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:8px;margin-top:-4px;background-color:#fff;}
.lct_list2.file .cate li:first-child {padding-left:0;}
.lct_list2.file .cate li:first-child:before {display:none;}
.lct_list2.file .cate .type .icc:before {line-height:24px;color:#fff;}
.lct_list2.file .date {position:absolute;right:10px;top:0;line-height:37px;font-size:15px;font-weight:300;color:#fff;}
.lct_list2.file .sub {font-size:14px;}
.lct_list2.file .down {text-align:center;display:block;height:42px;line-height:41px;border-top:1px solid #dfdfdf;background-color:#f6f7f8;}
.lct_list2.file .down:hover {color:#fff;background-color:#455667;}
.lct_list2.file .down .file_download {margin-top:-2px;}
.lct_list2.file .down .size {display:inline-block;margin-left:3px;font-size:12px;}
.lct_list2.rec .sort {width:auto;height:28px;line-height:28px;padding:0 10px;font-size:13px;font-weight:bold;color:#fff;}
.lct_list2.rec .sort.red {background-color:#e61473;}
.lct_list2.rec .sort.green {background-color:#01a141;}
.lct_list2.rec .sort.blue {background-color:#0c4da2;}

/* lct_tbl */
.lct_tbl > li {padding:2px 5px;}
.lct_tbl > li .inner {position:relative;height:90px;border:1px solid #dfdfdf;background-color:#fff;}
.lct_tbl > li .img {position:absolute;left:0;top:0;width:160px;height:90px;}
.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:8px;font-size:17px;font-weight:bold;color:#0f4ba3;}
.lct_tbl .con {padding:15px 95px 10px 175px;}
.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;right:3px;top:4px;background:none;}
.lct_tbl .bar li {padding:2px;}
.lct_tbl .bar .mark.on i:before {color:#ef5656;}
.lct_tbl .bar a {text-align:center;display:block;height:36px;line-height:36px;padding:0 10px;border:1px solid #dfdfdf;background-color:#f6f7f8;}
.lct_tbl .bar a:after {content:" ";vertical-align:middle;display:inline-block;margin-left:9px;background-image:url("../../images/www/icon/icon_merge2.png");background-repeat:0 0;}
.lct_tbl .bar a:after {display:none;}
.lct_tbl .bar .favor:after {width:23px;height:20px;background-position:-180px 0;}
.lct_tbl .bar .down:after {width:23px;height:20px;background-position:-180px -30px;}
.lct_tbl .sort {position:absolute;left:0;top:0;z-index:10;height:22px;line-height:22px;padding:0 10px;font-size:13px;font-weight:bold;color:#fff;}
.lct_tbl .sort.red {background-color:#e61473;}
.lct_tbl .sort.green {background-color:#01a141;}
.lct_tbl .sort.blue {background-color:#0c4da2;}

/* lct_list3 */
.lct_list3 li .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%}
.lct_list3 li .img img {display:block;width:100%;}
.lct_list3 .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:36px;padding:0 10px;font-size:15px;font-weight:bold;color:#0f4ba3;}
.lct_list3 .item {height:70px;padding:10px;}
.lct_list3 .item li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#494949;}
.lct_list3 .item li + li {padding-top:5px;}
.lct_list3 .con {padding:10px;border-top:1px dashed #dfdfdf;}
.lct_list3 .con p {overflow:hidden;word-wrap:break-word;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:16px;height:48px;font-size:12px;color:#898989;}
.lct_list3 > li {position:relative;float:left;width:calc(25% - 7.5px);margin:0 0 10px 10px;border:1px solid #e0dfdf;background:#fff;}
.lct_list3 > li:nth-child(4n+1) {margin-left:0;}

/* lct_list4 */
.lct_list4:after {content:" ";clear:both;display:block;}
.lct_list4 > li {float:left;width:25%;padding:5px;}
.lct_list4 > li .inner, .lct_list4 > div .inner {position:relative;border:1px solid #d2d2d2;box-shadow:0 2px 5px rgba(0,0,0,0.2);background-color:#fff;}
.lct_list4 .sort {position:absolute;left:0;top:0;z-index:10;height:22px;line-height:22px;padding:0 10px;font-size:12px;font-weight:bold;color:#fff;}
.lct_list4 .sort.red {background-color:#e61473;}
.lct_list4 .sort.green {background-color:#01a141;}
.lct_list4 .sort.blue {background-color:#0c4da2;}
.lct_list4 .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.lct_list4 .img img {position:absolute;display:block;width:100%;height:100%;}
.lct_list4 .con {height:133px;padding:10px 5px 0 5px;}
.lct_list4 strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:5px;font-size:17px;font-weight:bold;letter-spacing:-0.25px;color:#292929;}
.lct_list4 .info {height:72px;margin-bottom:3px;}
.lct_list4 .info li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;font-size:12px;color:#292929;}
.lct_list4 .bar {text-align:center;padding:10px 0;border-top:1px solid #d2d2d2;}
.lct_list4 .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.3px;color:#000;}
.lct_list4 .bar .gray {background-color:#eceff1;}
.lct_list4 .bar .blue {border-color:#0c4da2;color:#fff;background-color:#0c4da2;}
.lct_list4 .c_rating .ave {letter-spacing:-0.25px;font-size:13px;color:#686868;}
.lct_list4 .c_rating .count {color:#e61473;}
.lct_list4 .c_rating .view i:before {font-size:18px;}

/* 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;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;}

/* lct_v_list */
.lct_v_list {overflow: hidden;}
.lct_v_list li {float:left;width:calc((100% - 25px) / 3);margin:0 0 12px 12px;border-radius:3px;border:1px solid #dfdfdf;}
.lct_v_list li > a {position:relative;display:block;}
.lct_v_list li > a .play_circle_outline {position:absolute;left:50%;top:50%;margin:-36px 0 0 -36px;}
.lct_v_list li .img {position:relative;overflow:hidden;width:100%;height:0;padding-bottom:56.25%;}
.lct_v_list li .img:after {content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.2;}
.lct_v_list li .img img {display:block;margin:0 auto;width:100%;}
.lct_v_list li .play_circle_outline:before {font-size:72px;color:#fff;}
.lct_v_list li .con {position:absolute;z-index:10;width:100%;bottom:0;background-color:rgba(0, 0, 0, 0.6);}
.lct_v_list li .con p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:46px;padding:0 15px;font-size:16px;color:#fff;}
.lct_v_list li:nth-child(3n+1) {margin-left:0;}

/* v_list */
.v_list > li > a {display:block;position:relative;}
.v_list .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.v_list .img img {display:block;width:100%;}
.v_list > li > a:before {content:" ";position:absolute;width:45px;height:45px;z-index:1;left:50%;top:50%;margin:-5px 0 0 -22px;background:url("../../images/www/icon/icon_merge2.png") no-repeat 0 -60px;}
.v_list > li > a:after {content:" ";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.5;background:#000;}
.v_list .desc {position:absolute;left:0;top:50%;z-index:1;transform:translateY(-50%);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:60px;font-size:16px;font-weight:200;color:#fff;}
.v_list > li {text-align:center;float:left;width:calc(25% - 7.5px);margin:0 0 10px 10px;background:#fff;}
.v_list > li:nth-child(4n+1) {margin-left:0;}

/* course_detail */
.course_detail .summary {margin-bottom:10px;}
.course_detail .summary:after {content:" ";clear:both;display:block;}
.course_detail .summary .img {float:left;width:calc(100% - 420px);}
.course_detail .summary .item {position:relative;float:left;width:400px;min-height:300px;margin-left:20px;}
.course_detail .c_sub {padding:20px 0 10px 0;}
.course_detail .c_sub h2 {text-align:center;font-size:24px;font-weight:500;color:#353535;}
.course_detail .c_sub .desc {line-height:1.5;color:#898989;}
.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 {position:relative;float:left;width:80px;padding-left:10px;font-size:16px;color:#494949;}
.course_detail .summary dt:after {content:" ";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1px;background-color:#656565;}
.course_detail .summary dd {margin-left:120px;padding-top:3px;font-size:14px;letter-spacing:-0.4px;color:#898989;}
.course_detail .summary .date {color:#3f8edd;}
.course_detail .summary .c_rating i:before {font-size:18px;}
.course_detail .summary .enter {overflow:hidden;margin-top:25px;}
.course_detail .summary .enter a {text-align:center;float:left;display:inline-block;width:100%;max-width:195px;height:50px;line-height:50px;border:1px solid #dbd8d8;font-size:16px;color:#696969;}
.course_detail .summary .enter .app {border:0;color:#fff;background-color:#2271cb;}
.course_detail .summary .enter a + a {margin-left:10px;}
.course_detail .summary .sns {padding-top:12px;}
.course_detail .summary .sns a {margin-right:5px;}
.course_detail .c_rating {text-align:center;}

.cd_intro p {line-height:1.5;}
.cd_intro .group + .group {margin-top:30px;}
.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;}

/* 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%;}
.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:16px;color:#393939;}
.comm_list > li .top .date {margin:3px 0 0 10px;font-size:13px;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:10px;}
.comm_list .edit:after {clear:both;display:block;content:" ";}
.comm_list .edit li {position:relative;float:left;}
.comm_list .edit li a {display:block;padding:0 10px;font-size:13px;}
.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.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;}

/* course list */
.c_list li {position:relative;padding:20px;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 {vertical-align:middle;}
.c_list .sub .num {font-size:14px;}
.c_list .sub .sort {margin-left:5px;font-size:14px;color:#504a9d;}
.c_list .sub {font-size:16px;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 {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;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_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 {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 > li {margin-top:10px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.c_list3 > li:first-child {margin-top:0;}
.c_list3 li:after {content:" ";clear:both;display:block;}
.c_list3 .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;float:left;max-width:450px;line-height:32px;padding-right:20px;font-size:15px;}
.c_list3 .sub:after {content:" ";position:absolute;top:50%;right:0;width:1px;height:16px;margin-top:-7px;background-color:#b9b9b9;}
.c_list3 .top .group {float:right;}
.c_list3 .detail {margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;}
.c_list3 .result {overflow:hidden;}
.c_list3 .result li {display:inline-block;position:relative;margin:2px 3px;padding:0 5px;color:#1d9ced;}
.c_list3 .result li:after {content:" ";position:absolute;top:50%;left:-5px;width:1px;height:16px;margin-top:-7px;background-color:#b9b9b9;}
.c_list3 .result li:first-child {padding-left:0;}
.c_list3 .result .lab {color:#222;}

/* bx_list */
.bx_list .section {position:relative;}
.bx_list .section + .section {margin-top:10px;}
.bx_list .section .check {position:absolute;left:20px;top:50%;margin-top:-9px;}
.bx_list .section .data {padding:15px 120px 15px 60px;border:1px solid #dfdfdf;border-radius:4px;background-color:#fff;}
.bx_list .section .check:checked + .data {border-color:#b9b9b9;} /* background-color:#f4f4f4; */
.bx_list .section .top {padding:5px 0 10px 10px;}
.bx_list .section .top .num {margin-right:5px;}
.bx_list .section .top .name {color:#222;}
.bx_list .section .item {overflow:hidden;font-size:13px;color:#898989;}
.bx_list .section .item .lab {color:#292929;}
.bx_list .section .item li {float:left;line-height:26px;padding:2px 10px;}
.bx_list .section .item select {height:26px;font-size:12px;}
.bx_list .section .add {position:absolute;right:30px;top:50%;margin-top:-15px;}
.bx_list.nw .section .data {padding:10px 30px 10px 40px;}
.bx_list.nw .section .top {padding-bottom:5px;}
.bx_list .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:5px 10px;color:#353535;}
.bx_list .sub:hover, .bx_list .sub:focus {text-decoration:underline;}

/* c_detail */
.c_detail {padding:10px;border-radius:0px;background-color:#fff;}
.c_detail .top {padding:10px 20px;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.c_detail .top .sort {display:block;padding-bottom:8px;font-size:13px;color:#328e26;}
.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 {padding:12px 20px;border-bottom:1px solid #dfdfdf;}
.c_detail .info:after {clear:both;display:block;content:" ";}
.c_detail .info li span {display:inline-block;line-height:24px;padding:0 6px 0 7px;}
.c_detail .info .writer, .c_detail .info .left {float:left;}
.c_detail .info .left li {display:inline-block;padding-left:3px;}
.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;}
.c_detail .info .writer span:first-child {padding-left:0;}
.c_detail .info .photo_area {margin-bottom:25px; text-align:center;}
.c_detail .info .photo_view {position:relative; width:auto; margin:20px auto; font-size:0; line-height:0;}
.c_detail .info .photo_view .photo_wrap {display:inline-block; position:relative;}
.c_detail .info .photo_view img {max-width:640px; max-height:480px; padding:5px; border:1px solid #eee; margin-top:25px;}
.c_detail .info .photo_zoom {display:block; overflow:hidden; position:absolute; bottom:7px; right:7px; z-index:10; width:35px; height:35px; padding:6px; background:url('../../images/www/common/mask.png'); font-size:12px;}
.c_detail .info .photo_zoom a {display:block; width:35px; height:35px; background:url('../../images/www/common/bbs_icon.png') no-repeat 0 -200px; font-size:0; line-height:0; text-indent:100%;}
.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:200px;padding:20px;}
.c_detail .con textarea {min-height:300px;}
.c_detail .con .editor p {padding-bottom:0.3em;}
.c_detail .add {position:relative;min-height:38px;padding:10px;background-color:#f2f2f2;}
.c_detail .add .file {position:relative;display:block;text-decoration:underline;padding-left:30px;color:#4a87f8;}
.c_detail .add .file:before {position:absolute;content:"\e2bc";left:0;top:-5px;}
.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;}


/* paging */
.paging {margin-top:10px;border:1px solid #ddd;border-radius:0px;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:8px;font-size:13px;font-weight:300;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:#666;}
.paging li a:hover, .paging li a:focus {text-decoration:underline;}
.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;}


/* tbl_li */
.tbl_li th {text-align:left;font-weight:500;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;padding:8px;border-top:1px solid #ddd;}
dl.tbl dt {width:16%;padding-left:0;font-weight:500;color:#333;}
dl.tbl dd {width:84%;padding-right:0;}
.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;}
.tbl_h {padding:8px 0;font-size:16px;}
.tbl_h .date {color:#1d9ced;}
.tbl_h .hour {margin-left:5px;color:#898989;}

/* tbl_col */
.tbl_col {border-top:1px solid #dfdfdf;}
.tbl_col th, .tbl_col td {text-align:center;padding:10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.tbl_col th {color:#333;background-color:#f5f6f7;}
.tbl_col td {height:40px;border-left:1px solid #dfdfdf;background-color:#fff;}
.tbl_col th:first-child, .tbl_col td:first-child {border-left:0;}
.tbl_col.odd tbody td:nth-child(odd) {background-color:#f2f7fc;}
.tbl_col tr.selected td {background-color:#eaf3f3;}
.tbl_col th.line, .tbl_col td.line {border-left:1px solid #dfdfdf;}
.tbl_col.sm th, .tbl_col.sm td {padding:4px;font-size:13px;}
.tbl_col.sm td {height:28px;}

.tbl_col2 th, .tbl_col2 td {text-align:center;padding:7px 10px;border-right:1px solid #dbdbdb;}
.tbl_col2 th {color:#fff;background-color:#3e8ddc;}
.tbl_col2 td {border-bottom:1px solid #dbdbdb;background-color:#fff;}
.tbl_col2 th:first-child, .tbl_col2 td:first-child {border-left:1px solid #dbdbdb;}
.tbl_col2.d_blue th {background-color:#1862af;}

/* dash table */
.tbl_col3 th, .tbl_col3 td {text-align:center;height:55px;padding:0 10px;border-right:1px solid #dbdbdb;}
.tbl_col3 th {padding:0 10px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;color:#4a4a4a;background-color:#edeef0;}
.tbl_col3 td {padding:7px 10px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#fff;}
.tbl_col3 th:first-child, .tbl_col3 td:first-child {border-left:1px solid #dbdbdb;}
.tbl_col3 .link:hover {color:#898989;}

/* tbl_col4 */
.tbl_col4 th, .tbl_col4 td {text-align:center;height:30px;padding:5px;border-bottom:1px solid #dfdfdf;font-size:13px;}
.tbl_col4 th {color:#fff;background-color:#8da4c4;}
.tbl_col4 td {border-left:1px solid #dfdfdf;background-color:#fff;}
.tbl_col4 th:first-child, .tbl_col4 td:first-child {border-left:0;}
.tbl_col4 tr:nth-child(odd) td {background:#f6f7f8;}
.tbl_col4 td.date {color:#3f8edd;}

/* tbl_row */
.tbl_row {border-top:1px solid #dfdfdf;}
.tbl_row th, .tbl_row td {padding:12px 10px;border-bottom:1px solid #dfdfdf;}
.tbl_row th {text-align:center;color:#333;background-color:#f5f6f7;}
.tbl_row td {background-color:#fff;}
.tbl_row4 th, .tbl_row4 td {text-align:left;height:auto;padding:5px;border-bottom:1px solid #dfdfdf;font-size:13px;}
.tbl_row4 th {color:#fff;background-color:#8da4c4;}
.tbl_row4 td {background-color:#fff;}


/* 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:pointer;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;}

/* c_form */
.c_form .guide {margin-bottom:10px;}
.c_form .group {border:1px solid #dbd8d8;background-color:#fff;}
.c_form .group + .group {margin-top:10px;}
.c_form .group .item {padding:15px;}
.c_form .group .item + .item {border-top:1px solid #f0f0f0;}
.c_form .lab {padding-bottom:5px;color:#292929;}
.c_form .ad .edit input[type="text"] {width:170px;}
.c_form .c_note {margin-top:10px;}
.c_form .con.msg {position:relative;padding-bottom:45px;}
.c_form .con.msg .c_btn {position:absolute;right:0;bottom:0;}
.c_form.top {margin-top:10px;}
.c_form .con .list li + li {margin-top:10px;}

/* board search : default */
.tab-type1 + .board-search-wrap {margin-top:30px;}
.board-search-wrap {margin-top:25px; width:100%; padding:20px; background-color:#f9f9f9; border:1px solid #e9e9e9; text-align:center; box-sizing:border-box;}
.board-search-wrap .sel {width:160px;}
.board-search-wrap .sel.type2 {width:200px;}
.board-search-wrap input[type=text] {width:400px; background-color: #fff;}
.board-search-wrap input[type=date] {background-color: #fff;}
.board-search-wrap input.inpt[readonly],
.board-search-wrap input.inpt[disabled] {background-color:#f0f2f5;}
.board-search-wrap input.short {width:250px;}

.board-search-wrap .search-wrap {display:inline-block; max-width:855px; position:relative;}
.board-search-wrap .search-wrap:after {content:""; display:block; clear:both;}
.board-search-wrap .search-wrap + .search-wrap {margin-top:6px;}
.board-search-wrap .search-wrap .search-input {display:table; float:left;}
.board-search-wrap .search-wrap .search-input > div {display:table-cell; vertical-align:middle;}
.board-search-wrap .search-wrap .search-input > div + div {padding-left:5px;}
.board-search-wrap .search-wrap .search-input > span {display:table-cell; vertical-align:middle; min-width:20px;}
.board-search-wrap .search-wrap .search-input + .search-btn {padding-left:5px;}
.board-search-wrap .search-wrap .search-btn {display:table; float:left;}
.board-search-wrap .search-wrap .search-btn > div {display:table-cell; vertical-align:middle;}
.board-search-wrap .search-wrap .search-btn > div + div {padding-left:5px;}
.board-search-wrap .search-wrap .auto-complete {position:absolute; left:165px; top:27px; box-sizing:border-box; z-index:999;}
.board-search-wrap .search-wrap .auto-complete .content-wrap {box-sizing:border-box; width:400px; border:1px solid #bbb; text-align:left; background:#fff;}
.board-search-wrap .search-wrap .auto-complete ul > li > a {display:inline-block; width:100%; box-sizing:border-box; padding:8px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board-search-wrap .search-wrap .auto-complete ul > li > a:hover {background:#ebf4fa;}
.board-search-wrap .search-wrap .auto-complete ul > li > a span {color:#0070b9;}
.board-search-wrap .search-wrap .auto-complete .bottom {display:inline-block; width:100%; background:#f9f9f9; vertical-align:top;}
.board-search-wrap .search-wrap .auto-complete .bottom .btn-more {float:left; display:inline-block; padding:5px; font-size:12px;}
.board-search-wrap .search-wrap .auto-complete .bottom .btn-off {float:right; display:inline-block; padding:5px; font-size:12px;}
.board-search-wrap .search-wrap .auto-complete .bottom > a:hover {text-decoration:underline;}

.board-search-wrap .search-wrap.wide .search-input .sel {width:310px;}
.board-search-wrap .search-wrap.wide input[type=text] {width:440px;}

.board-search-wrap .search-wrap .search-input.ty2 {width:660px;}
.board-search-wrap .search-wrap .search-input.ty2 > div {width:50%;}
.board-search-wrap .search-wrap .search-input.ty2 .sel {width:100%;}

/* board search : align-left */
.board-search-wrap .search-wrap.align-left {display:block; margin:0 auto; max-width:737px;}
.board-search-wrap .search-wrap.align-left + .search-wrap {margin-top:10px;}
.board-search-wrap .search-wrap.align-left .search-input > div {width:50%;}
.board-search-wrap .align-left .sel {width:100%;}
.board-search-wrap .align-left .search-input {width:100%; box-sizing:border-box;}

/* board search : align-clum */
.board-search-wrap .search-wrap.align-clum {width:100%; max-width:inherit;}
.board-search-wrap .search-wrap.align-clum .sel {width:100%;}
.board-search-wrap .search-wrap.align-clum input[type=text] {width:100%;}

.board-search-wrap .align-clum .clum-title {min-width:90px; text-align:left; font-weight:700;}
.board-search-wrap .align-clum .search-input {width:50%; padding-right:10%; box-sizing:border-box;}
.board-search-wrap .align-clum .search-input > div + div {width:50%;}
.board-search-wrap .align-clum .search-input.clum-full > div + div {width:100%;}
.board-search-wrap .align-clum .search-input.clum-else > div:last-child {min-width:180px;}
.board-search-wrap .clum-btn {margin-top:20px; padding-top:20px; border-top:1px solid #dbdbdb;}
.board-search-wrap .clum-btn > a + a {margin-left:3px;}

/* board search : sel-inp */
.board-search-wrap .search-wrap.sel-inp {display:block; margin:0 auto; max-width:737px;}
.board-search-wrap .search-wrap.sel-inp + .search-wrap {margin-top:10px;}
.board-search-wrap .search-wrap.sel-inp .search-btn > div:first-child {width:455px;}
.board-search-wrap .search-wrap.sel-inp .search-btn input[type=text] {width:100%;}

/* board search : sel-inp */
.board-search-wrap .search-wrap.sel3-btn .sel {width:217px;}

/* board search : sel-search */
.board-search-wrap .search-wrap .search-btn.sel-search {}
.board-search-wrap .search-wrap .search-btn.sel-search > div:first-child {width:400px;}
.board-search-wrap .search-wrap .search-btn.sel-search > div:first-child .sel {max-width:100%; width:100%;}

/* board search : date-search; */
.board-search-wrap .search-wrap .search-btn.date-search > div:first-child > div {display:inline-block;}
.board-search-wrap .search-wrap .search-btn.date-search > div:first-child .date-pick {width:192px;}
.board-search-wrap .search-wrap .search-btn.date-search > div:first-child .date-pick input {width:100%;}
.board-search-wrap .search-wrap .search-btn.date-search > div:first-child .date-pick > button {display:inline-block; width:28px; height:26px; border:1px solid #bbb; background:#f9f9f9; position:absolute; right:0; top:0;}
/* TABLE */
.table-wrap {line-height:1.5;}
.table-wrap + .table-wrap{margin-top:20px;}
.table-wrap + .dot-text {margin-top:15px;}

.board-search-wrap + .nothing , .tab-type1 + .nothing, .hName + .nothing {margin-top:30px;}
.category-wrap + .nothing, input + .nothing {margin-top:15px;}
.nothing{text-align:center;padding:100px 0; border-bottom:1px solid #444; border-top:2px solid #444;}
.table-wrap .nothing {border-top:none;}

.table-basic{border-top:2px solid #444;word-break:keep-all; width:100%; table-layout:fixed;}
.table-basic.thin-type {border-top:1px solid #999;}
.table-basic .row{display:table;width:100%;border-bottom:1px solid #ddd;}
.table-basic .row:last-child {border-bottom:1px solid #444;}
.table-basic .row .cell-title{width:152px;color:#222;;background-color:#f9f9f9;font-weight:700;padding:13px 20px; vertical-align:top;text-align:left;}
.table-basic .row .cell-content{padding:13px 20px;vertical-align:middle;}
.table-basic .row .cell-content[colspan] {padding:0;}
.table-basic .row .cell-content a {text-decoration:underline;}
.table-basic .row .cell{width:50%;vertical-align: top;background:url(../images/common/bg/bg_table.png) 0 0 repeat-y;}
.table-basic .row .cell .row {border-bottom:none;}
.table-basic .row .cell.cell-type1 {width:66.66%}
.table-basic .row .cell.cell-type2 {width:33.33%;}
.table-basic .row .cell-content.file-control div {text-decoration:underline;color: #999;}
.table-basic .row .cell-content.file-control div a {color: #005daa;}

.main-title-style + .table-wrap .table-form {margin-top:10px;}
.sub-title-style +  .table-wrap .table-form {margin-top:10px;}
.main-title-style + .float-wrap {margin-top:10px;}
.sub-title-style + .float-wrap {margin-top:10px;}
.float-wrap + .table-wrap .table-form {margin-top:10px;}
.float-wrap + .table-wrap .table-basic {margin-top:10px;}

.table-form{width:100%; table-layout:fixed; border-top:2px solid #444;}
.table-form .row {border-bottom:1px solid #ddd;}
.table-form .row:last-child {border-bottom:1px solid #444;}
.table-form .row .cell-title{width:112px;color:#222;background-color:#f9f9f9;padding:14px 24px;font-weight:700;vertical-align:top;text-align:left;}
.table-form .row .cell-content{padding:10px;}
.table-form .row .cell-content[colspan] {padding:0;}
.table-form .row .cell-content.pad0{padding:0;}
.table-form .row .cell-content.vm{vertical-align:middle;}
.table-form .row .cell-content .dot-text {display:block;font-size:12px;margin-top:10px;}

.table-form .row .table-form-inner {table-layout:fixed; width:100%;}
.table-form .row .cell{width:50%;vertical-align:top;background:url(../images/common/bg/bg_table.png) 0 0 repeat-y;background-size:160px 1px;}

.table-form .row .cell .row {border-bottom:none;}
.table-form .row .cell.cell-type1 {width:66.66%}
.table-form .row .cell.cell-type2 {width:33.33%;}

.table-title{position:relative;}
.table-title .table-tit{display:table-cell;color:#005daa;padding:15px 20px 15px 0;}
.table-title .btn-wrap{position:absolute;top:50%;right:20px;margin:-9px -3px 0;}
.table-title .btn-wrap *{margin:0 3px;}

.table-form .sel2-set{margin-left: -6px}
.table-form .sel2-set > span{box-sizing:border-box;display:inline-block;width:50%;padding-left:10px;max-width:370px;margin-left:-4px;}
.table-form .sel3-set{margin-left:-6px;}
.table-form .sel3-set > span {width:33.3%;padding-left:10px;box-sizing:border-box;display:inline-block;margin-left:-4px;}

.desc-f-right {float:right; font-size:14px; color:#777}
.table-form-list{border-top:2px solid #444;}
.table-form-list .cell-title{background-color:#f9f9f9;color:#222;padding:16px 25px;border-bottom:1px solid #dcdcdc;}
.table-form-list .cell-content{padding:10px 20px;border-bottom:1px solid #999;}
.table-form-list .radio-wrap{height:38px;line-height:38px;}
.table-form-list .check-wrap .selB{width:140px;margin:0 16px;}
.check-wrap > span {padding-right:30px;}
.check-wrap > span:last-child {padding-right:0;}

.table-form .group-input-set{position:relative;padding-right:90px;}
.table-form .group-input-set .btn-box{position:absolute;right:0;top:0;}
.table-form .zip-box{max-width:370px;width:50%;padding-right:143px;position:relative;box-sizing:border-box;margin-bottom:10px;}
.table-form .zip-box input.inptB[readonly], .table-form .zip-box input.inptB[disabled] {background-color:#fff;}
.table-form .zip-box .btn-gray-s{position:absolute;top:0;right:10px;padding:0 20px;}
.table-form .zip-box + .sel2-set input.inptB[readonly] , .table-form .zip-box + .sel2-set input.inptB[disabled] {background-color:#fff;}
.table-form .alv-top {vertical-align:top}
.table-form .alv-mid {vertical-align:middle}

.table-inner-wrap {display:table; width:100%;}
.table-inner-wrap > div {display:table-cell; box-sizing:border-box; width:20%; vertical-align:top;}
.table-inner-wrap > div + div {padding-left:5px;}
.table-inner-wrap > div > .chk {margin:5px 0;}
.table-inner-wrap > div.one {display:table-cell; width:380px;}
.table-inner-wrap > div.one + div {width:auto;}
.table-inner-wrap > div.one-small {display:table-cell; width:380px;}
.table-inner-wrap > div.one-small + div {width:auto;}
.table-inner-wrap > div.one-else {display:table-cell; width:20%;}
.table-inner-wrap > div.one-else + div {width:80%;}
.table-inner-wrap > div.stretch-ty1 {display:table-cell; width:10%;}
.table-inner-wrap > div.stretch-ty1 + div {width:90%;}
.table-inner-wrap > div.stretch-ty2 {display:table-cell; width:20%;}
.table-inner-wrap > div.stretch-ty2 + div {width:80%;}
.table-inner-wrap > div.stretch-ty3 {display:table-cell; width:90%;}
.table-inner-wrap > div.stretch-ty3 + div {width:10%;}
.table-inner-wrap > div.stretch-ty4 {display:table-cell; width:5%;}
.table-inner-wrap > div.stretch-ty4 + div {width:90%;}
.table-inner-wrap > div.stretch-ty4 ~ div:last-child {width:5%;}

.table-inner-wrap.long {display:table; width:640px;}
.table-inner-wrap.long > div.one-else {display:table-cell; width:25%;}
.table-inner-wrap.long > div.one-else + div {width:75%;}

.table-inner-wrap .row .cell{display:table-cell;width:50%;}
.table-inner-wrap + .table-inner-wrap {margin-top:10px;}
.check-wrap .chk {margin:5px 0;}
.check-wrap label > em {color:#005daa;}

/* 2017-02-23 | 삭제예정 start */
.table-list{border-top:2px solid #444;margin-top:30px; line-height:normal;}
.table-list .list-header{display:table;width:100%;table-layout:fixed;background-color:#f9f9f9;text-align:center;font-weight:700;color:#222;border-bottom:1px solid #999;}
.table-list .list-body{border-bottom:1px solid #444;}
.table-list .list-body li{border-top:1px solid #ddd;overflow:hidden; position:relative;}
.table-list .list-body li:first-child{border:none;}
.table-list .list-body li > a{display:table;width:100%;table-layout:fixed;overflow:hidden; padding:13px 0;}
.table-list .list-header > span, .table-list .list-body li > span, .table-list .list-body a > span, .table-list .list-body li > em, .table-list .list-body a > em{display:table-cell;padding:0 5px;box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.1;}
.table-list .list-header > span {padding-top:16px; padding-bottom:16px;}
.table-list .list-body i.icon-notify {position:absolute; top:50%; left:50%; margin-left:-9px; margin-top:-14px;}
.table-list .list-body i.icon-notify + span {color:transparent; text-indent:-999em; font-size:1px;}
/* 2017-02-23 | 삭제예정 end */

/* list view write */
.table-list.center {text-align:center;}
.table-list.center .only-mobile {text-align:left;}
.table-list{border-top:2px solid #444;margin-top:30px; line-height:normal; table-layout:fixed;}
.table-list .list-header {display:table-header-group; background-color:#f9f9f9; text-align:center; font-weight:700; color:#222; border-bottom:1px solid #999;}
.table-list .list-body{border-bottom:1px solid #444;}
.table-list .list-body tr{border-top:1px solid #ddd;overflow:hidden; position:relative;}
.table-list .list-body tr:first-child{border:none;}
.table-list .list-body td {position:relative;}
.table-list .list-body td a {display:block; padding:13px 0;}
.table-list .list-body td a div{display:table;width:100%;table-layout:fixed; position:relative;}
.table-list .list-header th,
.table-list .list-header td,
.table-list .list-body td div > span,
.table-list .list-body td div > span,
.table-list .list-body td div > em,
.table-list .list-body td div > em{display:table-cell;padding:0 5px;box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.1;}
.table-list .list-header th {padding-top:16px; padding-bottom:16px;}
.table-list .list-body i.icon-notify {position:absolute; top:50%; left:50%; margin-left:-9px; margin-top:-9px;}
.table-list .list-body i.icon-notify + span {color:transparent; text-indent:-999em; font-size:1px;}


.table-view{border-top:2px solid #444;word-break:keep-all;margin-top:25px; border-bottom:1px solid #444; }
.table-view .view-header{padding:13px 75px 10px 30px;border-bottom:1px solid #999; background-color:#f9f9f9; position:relative;}
.table-view .view-header .view-title h1, .table-view .view-header .view-title h2{color:#222;font-size:16px;font-weight:700;}
.table-view .view-header .view-info{margin-top:5px; overflow:hidden; font-size:14px;color:#555;}
.table-view .view-header .view-info > span{display:block;float:left; color:#777;}
.table-view .view-header .view-info > span + span {padding-left:40px;}
.table-view .view-header .view-info em {color:#222;}
.table-view .view-header .view-info em + span {margin-left:10px;}
.table-view .view-header .view-info span + span:before {content:"";display:block;float:left;width:1px;height:13px;background-color: #bbb; margin-top:3px; margin-left:-20px;}
.table-view .view-body{padding:30px; line-height:1.8; max-width:768px; margin:0 auto; overflow-x:auto;}
.table-view .view-body img {height:initial !important;}
.table-view .view-slide{margin:30px 0;}
.table-view .view-footer{display:table; width:100%; overflow:hidden; border-top:1px solid #ddd; box-sizing:border-box; table-layout:fixed;}
.table-view .view-footer .footer-title{display:table-cell; color:#222; position:relative;line-height:1.2; box-sizing:border-box;}
.table-view .view-footer .footer-contnet {display:table-cell;}
.table-view .view-footer .footer-contnet a {text-decoration:underline; color:#005daa;}

.table-view .view-footer.file-area {padding:17px 30px;}
.table-view .file-area .footer-title {width:95px; padding:0 20px; vertical-align:top; line-height:1.5;}
.table-view .file-area .footer-title:after {display:block; position:absolute; top:2px; right:0; content:""; background:#ddd; width:1px; height:13px;}
.table-view .file-area .footer-title .icon-file {position:absolute; top:2px; left:0; margin-right:5px; color:#005daa;}
.table-view .file-area .footer-contnet {padding-left:20px;}
.table-view .view-footer.answer-area {}
.table-view .answer-area .footer-title {width:115px; padding:30px; background:#f9f9f9;}
.table-view .answer-area .footer-contnet {padding:30px;}

.table-view-nav{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:30px;}
.table-view-nav li {line-height:1.1;}
.table-view-nav li + li {border-top:1px solid #ddd;}
.table-view-nav li a{display:block;padding:16px 0;position:relative;}
.table-view-nav li a .nav-title{display:inline-block;max-width:100%;position:relative;box-sizing:border-box;vertical-align:middle;}
.table-view-nav li a .nav-title > span {display:block; max-width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.table-view-nav li  em{color:#222;font-size:14px;line-height:1.1;font-weight:700;}
.table-view-nav li .next{padding-left:127px; padding-right:15px;}
.table-view-nav li .next > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .next > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .next > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .next .nav-title{padding-right:20px;}
.table-view-nav li .next .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .next .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .next .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .prev{padding-left:127px; padding-right:15px;}
.table-view-nav li .prev > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .prev > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .prev > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .prev .nav-title{padding-right:20px;}
.table-view-nav li .prev .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .prev .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .prev .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .nav-title .ico-set {position: absolute; right: 0; top: -2px;}

/* table-col-list01 :: mobile에서 왼쪽에 타이틀 */
.table-list.table-col-list01 .list-header {padding:0;}
.table-col-list01 .list-header ul{overflow:hidden;display:table;width:100%;table-layout:fixed;}
.table-col-list01 .list-header li{display:table-cell;vertical-align:middle;padding:16px 5px;box-sizing:border-box;font-size:14px;color:#1e3b70;line-height:1.5;text-align:center;border-top:none;font-weight:700;}
.table-col-list01 .list-header li + li {border-left:1px solid #ddd;}

.table-col-list01 .list-body .row .cell-title{display:none;}
.table-col-list01 .list-body .row ul{overflow:hidden;display:table;width:100%;table-layout:fixed;}
.table-col-list01 .list-body .row li{display:table-cell;vertical-align:middle;padding:13px 10px;box-sizing:border-box;font-size:14px;line-height:1.5;text-align:center;border-top:none;}
.table-col-list01 .list-body .row li + li {border-left:1px solid #ddd;}

/* table-col-list02 :: 항목명, 비율 유지되는 테이블 */
.table-list.table-col-list02 .list-header {padding:0;}
.table-col-list02 .list-header ul{overflow:hidden;display:table;width:100%;table-layout:fixed;}
.table-col-list02 .list-header li{display:table-cell;vertical-align:middle;padding:16px 5px;box-sizing:border-box;font-size:14px;color:#1e3b70;line-height:1.5;text-align:center;border-top:none;}
.table-col-list02 .list-header li + li {border-left:1px solid #ddd;}

.table-col-list02 .list-body .row .cell-title{display:none;}
.table-col-list02 .list-body .row ul{overflow:hidden;display:table;width:100%;table-layout:fixed;}
.table-col-list02 .list-body .row li{display:table-cell;vertical-align:middle;padding:13px 10px;box-sizing:border-box;font-size:14px;line-height:1.5;text-align:center;border-top:none;}
.table-col-list02 .list-body .row li + li {border-left:1px solid #ddd;}

/* layout : table-data */
.table-data {margin-top:30px; width:100%; border-top:2px solid #444; border-bottom:1px solid #999;}
.table-data .data-header {display:table-row; width:100%; text-align:center; font-weight:700; background-color:#f9f9f9;}
.table-data .data-header > span {display:table-cell; padding:13px 5px; color:#222; vertical-align:middle; line-height:1.1;}
.table-data .data-header > span:first-child {border:none;}
.table-data .list-header > span, .table-data .list-body li > span, .table-data .list-body a > span, .table-data .list-body li > em, .table-data .list-body a > em {display:block; float:left; padding:0 ;line-height:1.1;}
.table-data .data-header > .table-rowspan {padding:0;}
.table-data .data-header > .table-rowspan > span {display:table; width:100%; border-top:1px solid #dbdbdb;}
.table-data .data-header > .table-rowspan > span:first-child {border:none;}
.table-data .data-header > .table-rowspan > span em {display:table-cell; padding:13px 5px; border-left:1px solid #dbdbdb; vertical-align:middle;}
.table-data .data-header > .table-rowspan > span.item-colspan3 em {width:33%;}
.table-data .data-header > .table-rowspan > span em:first-child {border:none;}
.table-data .data-body-row {display:table-row; color:#222;}
.table-data .data-body-row a {color:#222;}
.table-data .data-body-row > div {display:table-cell; padding:10px 20px; border-top:1px solid #dbdbdb; text-align:center; vertical-align:middle; box-sizing:border-box; overflow:hidden; white-space:nowrap;}
.table-data .data-body-row > .table-colspan {overflow:hidden; padding:0;}
.table-data .data-body-row > .table-colspan > ul {display:table; width:100%;}
.table-data .data-body-row > .table-colspan > ul > li {position:relative; display:table-cell; padding:13px 5px; box-sizing:border-box;}
.table-data .data-body-row > .table-colspan > ul > li:after {content:''; position:absolute; top:-250%; left:0; height:500%; width:1px; background:#dbdbdb;}
.table-data .data-body-row > .table-colspan > ul > li:first-child:after {display:none;}
.table-data .data-body-row > .table-colspan > ul.item-colspan3 > li {width:33%;}
.table-data .data-body-row > .table-colspan > ul > li:first-child {border:none;}
.table-data .data-body-row > .subject {padding-left:20px; padding-right:20px; text-align:left;}
.table-data .data-body-row > .align-right ul li {padding-right:20px; text-align:right;}
.table-data .data-body-row div .list-body-cont {color:#555;}
.table-data .data-body-row strong,
.table-data .list-body-title {display:none;}

/* 갤러리 게시판 */
.photo-list {margin-top:30px; }
.photo-list > ul {margin-left:-10px; margin-right:-10px; overflow:hidden;}
.photo-list > ul > li {float:left; width:25%; padding:10px; overflow:hidden; line-height:1.5; position:relative; box-sizing:border-box;}
.photo-list > ul > li > a {display:block; position: relative; width:100%; /*height:100%;*/ overflow:hidden; border:1px solid #ddd;}
.photo-list > ul > li > a:hover .hober-action {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#0079c5; opacity:0.85; z-index:1;}
.photo-list > ul > li > a:hover .hober-action i {position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px; padding:9px; font-size:30px; color:#fff; border:1px solid #fff; z-index:1;}
.photo-list > ul > li > a:focus .hober-action {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#0079c5; opacity:0.85; z-index:1;}
.photo-list > ul > li > a:focus .hober-action i {position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px; padding:9px; font-size:30px; color:#fff; border:1px solid #fff; z-index:1;}
.photo-list .photo-con {padding:18px 20px 12px 20px; border-top:1px solid #ddd; background:#fff;}
.photo-list .photo-con .photo-bullet {display:inline-block; padding:5px 10px; color:#fff; background:#0079c5; box-sizing:border-box}
.photo-list .photo-con .photo-bullet.point-look {background:#0079c5;}
.photo-list .photo-con .photo-bullet.point-play {background:#00893b;} /* 접근성 명도대비 수정 */
.photo-list .photo-con .photo-bullet.point-take {background:#cf4900;} /* 접근성 명도대비 수정 */
.photo-list .photo-con .photo-bullet + .photo-tit  {margin-top:10px;}
.photo-list .photo-con .photo-bullet + .infog-num {margin-top:10px;}
.photo-list .photo-con .infog-num {color:#004986; font-weight:700;}
.photo-list .photo-con .photo-tit {font-size:16px; font-weight:bold; color:#222; display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; height:3em; min-height:3em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.photo-list .photo-con .photo-date {margin-top:17px; color:#777;}
.photo-list .photo-con .photo-desc {margin-top:11px; display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; height:3em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.photo-list .photo-img {position:relative; padding-bottom:67%;}
.photo-list .photo-img img {position:absolute; top:0; left:50%; height:100%; -ms-transform: translateX(-50%); transform:translateX(-50%); -webkit-transform: translateX(-50%); max-width:none;}
.photo-list .photo-img .hober-action {display:none;}
.photo-list > ul > li.wide-photo {width:50%;}
.photo-list > ul > li.wide-photo .photo-desc {display:none;}
.photo-list.square .photo-img {padding-bottom:100%;}

/*  opacity 추가 */
.photo-list .wide-photo .photo-con {position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #ddd; box-sizing: border-box; opacity:0.8;}

/* paging */
.paging-navi {margin:24px 0 0; text-align:center}
.paging-navi a {box-sizing:border-box; display:inline-block; width:32px; height:32px; border:1px solid #bbb; border-radius:1px; font-weight:300; color:#555; line-height:33px; text-align:center; vertical-align:top}
.paging-navi a.active, .paging-navi a:hover, .paging-navi a:active, .paging-navi a:focus {border-color:#005daa; background-color:#005daa; color:#fff}
.paging-navi a span {position:absolute; width:1px; font-size:0; line-height:0; text-align:left; text-indent:-999em; left:-9999px}
.paging-navi a i {display:inline-block; vertical-align:middle;}
.paging-navi .btn-paging-prev + a {margin-left:4px}
.paging-navi.only-mobile {margin-top:24px; text-align:center;}
.paging-navi.only-mobile > strong,
.paging-navi.only-mobile > span {display:inline-block; font-size:14px; line-height:32px}
.paging-navi.only-mobile > *:first-child:not(a) {margin-left:84px;}
.paging-navi.only-mobile > *:last-child:not(a) {margin-right:75px;}
.paging-navi.only-mobile > strong.active {color:#83003f; font-weight:700}
.paging-navi.only-mobile .btn-paging-next {margin-left:18px;}
.paging-navi.only-mobile .btn-paging-prev {margin-right:18px;}

/* mb_join */
.mb_join {max-width:840px;padding:20px;margin:0 auto;background-color:#fff;}
.mb_join dl {overflow:hidden;padding:10px 0;border-bottom:1px solid #e6e6e6;}
.mb_join dt {width:130px;float:left;height:36px;line-height:36px;font-size:15px;color:#787878;font-weight:600;}
.mb_join dt label {cursor:pointer;}
.mb_join .vital label {color:#787878;font-weight:600;}
.mb_join dd {margin-left:140px;font-size:14px;}
.mb_join dd .ct {position:relative;}
.mb_join dd input[type="email"], .mb_join dd input[type="text"], .mb_join dd input[type="password"] {width:100%;max-width:244px;height:36px;margin-right:10px;padding:0 10px;border:1px solid #cccccc;border-radius:2px;font-weight:300;color:#787878;background-color:#fff;}
.mb_join dd input[type="email"]:focus, .mb_join dd input[type="text"]:focus, .mb_join dd input[type="password"]:focus {border:1px solid #5998d0;outline:none;box-shadow:0 0 5px #BBE0FD;-webkit-box-shadow:0 0 5px #BBE0FD;-moz-box-shadow:0 0 5px #BBE0FD;}
.mb_join .c_btn {height:36px;line-height:36px;padding:0 20px;border-radius:2px;font-size:16px;font-weight:200;}
.mb_join .b_box .c_btn {width:100%;max-width:200px;}
.mb_join .guide {padding-bottom:10px;border-bottom:1px solid #e6e6e6;font-size:16px;color:#ee6868;}
.mb_join .rm {vertical-align:middle;margin-right:5px;color:#ee6868;}
.mb_join .note {position:absolute;bottom:0;left:260px;font-size:13px;font-weight:300;color:#848484;}
.mb_join .mail .note {left:370px;}
.mb_join .phone input[type="text"] {text-align:center;width:80px;margin-right:0;}
.mb_join .terms .group {padding:10px 5px;border-bottom:1px solid #e8e8e8;}
.mb_join .terms .group:first-child {border-top:1px solid #e8e8e8;}
.mb_join .terms .top {position:relative;}
.mb_join .terms .top label {font-size:16px;font-weight:300;letter-spacing:-1px;}
.mb_join .terms .top .all {font-weight:500;}
.mb_join .terms .top input[type="checkbox"] {margin:1px 5px 0 0;}
.mb_join .fold {position:absolute;right:0;top:-6px;}
.mb_join .fold .icc:before {line-height:36px;font-size:36px;color:#787878;}
.mb_join .terms .detail {display:none;margin-top:10px;}
.mb_join .terms .detail textarea {overflow-y:auto;padding:20px;height:250px;border-radius:3px;background-color:#efefef;}
.mb_join .pw_safety {position:relative;margin-top:10px;padding:0 0 10px 0px;}
.mb_join .pw_safety .mark {position:absolute;left:0;top:0;}
.mb_join .pw_safety .step {max-width:204px;}
.mb_join .pw_safety .bar {overflow:hidden;position:relative;height:10px;border-radius:5px;background:#efefef;}
.mb_join .pw_safety .gage {position:absolute;left:0;top:0;height:10px;border-radius:5px;}
.mb_join .pw_safety .alert {margin-top:7px;font-weight:300;}
.mb_join .icc.caution {background:#858585;}
.mb_join.find {max-width:480px;}
.mb_join.find dd input[type="email"], .mb_join.find dd input[type="text"], .mb_join.find dd input[type="password"] {max-width:none;margin-right:0;}

/* 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:#3f8edd;}
.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.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;}

@media screen and (max-width:480px) {
/* common */
#header .cj_logo {width:78px;margin:14px 0 0 0;}
#header .hive {width:61px;height:25px;margin:14px 0 0 5px;}
.foreword .path > span {display:none;}
.foreword .path > .home, .foreword .path > span:last-child {display:block;}
.foreword h2, .foreword h3, .foreword .location {float:none;}
.time .i_box .sort button, .time .i_box .group button {width:100%;margin:5px 0;}
.comm_group {padding:10px;}
.comm_list {margin-top:15px;}
.comm_write .head {padding-bottom:10px;}
.comm_write .c_title, .comm_write .head .count {font-size:16px;}
.comm_write .c_rating i {font-size:16px;}
.comm_write .c_rating .ave {font-size:14px;}
.c_rating input[type="radio"] + label {width:28px;height:28px;}
.c_rating input[type="radio"] + label:before {font-size:28px;}
.comm_list > li {padding:10px 0;}
.comm_list > li .photo {display:none;}
.comm_list .reply {margin-left:30px;}
.comm_list .reply:before {content:" ";position:absolute;left:-30px;width:24px;height:24px;background:url("../../images/www/common/ic_subdirectory_arrow_right.png") no-repeat 0 0;}
.c_tab li {display:block;border-top:1px solid #ebebeb;}
.c_tab li:first-child {border-top:0;}
.c_tab li a {height:40px;line-height:40px;}
.c_tab5:before {content:" ";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background-color:#ddd;}
.no_data a {padding-top:60px;font-size:14px;}
.no_data a:after {display:none;}
.no_data a:before {margin-left:-25px;font-size:50px;}
.no_data a span:after, .post_no a span:after {bottom:3px;}
.item_li .data li:nth-child(odd) {width:55%;padding:0 10px 0 0;}
.item_li.chk .data li:nth-child(odd) {width:45%;}
.item_li .data li:nth-child(even) {width:45%;padding:0 0 0 20px;}
.item_li.chk .data li:nth-child(even) {width:55%;padding:0 0 0 30px;}
.item_li .data li:nth-child(odd):after {display:none;}
.sq_box .b_select > li {padding:60px 10px 10px 10px;}
.sq_box .b_select > li > a {width:100%;padding:0 10px;font-size:13px;}
.page_frame .frm_top, .page_frame.st .frm_top {height:50px;}
.page_frame .frm_top .title {font-size:16px;}
.page_frame .fwd {top:50px;}
.page_frame {padding-top:90px;}
.page_frame.st {padding-top:60px;}
.page_frame .frm_ct {padding:10px;}
.nav_tabs > li {margin-bottom:0;margin:3px 2px;}
.nav_tabs > li.on a, .nav_tabs > .ui-state-active a {border-bottom-color:#ddd;}
.c_warn {padding-left:24px;font-size:13px;}
.c_warn .icc.caution {top:2px;width:20px;height:20px;}
.c_warn .icc.caution:before {line-height:20px;font-size:16px;}
.nav_tabs2 > li {float:none;}
.h_box .add {position:static;margin-top:8px;}

/* list */
.lct_list4 > li, .lct_list5 > li {width:100%;}
.lct_tbl > li {padding:5px;}
.lct_tbl > li .inner {height:auto;border:1px solid #e0dfdf;}
.lct_tbl > li .img {position:relative;width:100%;height:0;padding-bottom:56.25%;}
.lct_tbl > li .img img {position:absolute;}
.lct_tbl .con {height:75px;padding:15px;border-top:1px solid #dfdfdf;}
.lct_tbl .con p {-webkit-line-clamp:inherit;white-space:nowrap;display:block;height:auto;line-height:inherit;}
.lct_tbl .bar {position:static;border-top:1px solid #dfdfdf;}
.lct_tbl .bar:after {content:" ";clear:both;display:block;}
.lct_tbl .bar li {float:left;width:50%;padding:0;}
.lct_tbl .bar li + li {border-left:1px solid #dfdfdf;}
.lct_tbl .bar a {border:0;}
.lct_tbl .bar a:after {display:inline-block;}

/* rtbl */
table.rtbl {overflow-x:auto;white-space:nowrap;display:inline-block;vertical-align:top;max-width:100%;
-webkit-overflow-scrolling: touch;
background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background-size: 10px 100%, 10px 100%;
background-attachment: scroll, scroll;
background-repeat: no-repeat;
}

/* portal */
.lct_list1 > li {float:none;width:auto;}
.portal .section.mooc {padding:20px 0;}
.portal .mooc .top p {margin-bottom:30px;font-size:18px}
.portal .mooc .top .more {margin-bottom:20px;}
.portal .shortcut li {width:100%;}
.portal .action_img .hover .sub_tit {padding:0px 30px 30px 30px;font-size:16px;color:#fff;}
.portal .section.site li, .portal .section.site li.lg {float:none;width:auto;}
.portal .section.site .rows {padding:20px 0 0 0;}
.portal .section.site h3 {text-align:center;position:static;}
.portal .section.site ul {padding:15px 20px;}
.portal .section.site li, .portal .section.site li.lg {padding:10px 0;border-top:1px solid #ddd;}
.portal .section.site li img {position:static;}
.main_sch .word {display:block;}
.main_sch .word input[type="text"], .main_sch .detail button {width:100%;}
.wd_ban {display:table;width:100%;padding-top:0;}
.wd_ban .inner {vertical-align:middle;display:table-cell;}
.wd_ban:before, .wd_ban:after {display:none;}
.my_mile .unit {top:-10px;}
.auto_log .note {padding-top:0;font-size:20px;background:none;}
.auto_log .app a {padding:0 10px;}


/* d_sub */
.lct_con .info .box .setting li {padding:14px 0;}
.lct_con .info .box .setting .order {position:static;padding-bottom:10px;}
.lct_con .info .box .setting .comb {text-align:right;position:static;padding-top:10px;}
.i_box .group.fc .item, .i_box .group.fc .item + .item {display:block;margin:0 0 5px 0;}
.i_box .group.fc .item + .item:before {display:none;}
.d_box .data li {float:none;padding:0;}
.d_box .data li:after {display:none;}
.d_box .check {top:78px;}
.d_box .photo {position:static;margin:0 auto;}
.d_box .ind, .d_box.view .ind {padding-left:0;}
.list.attain li {padding-right:0;}
.list.attain .result {position:static;padding-top:5px;}
.d_fwd li {padding:15px 10px;}

/* .lct_view */
.lct_view .cl .group .c_btn {display:block;width:100%;margin:5px 0;}



@media screen and (max-width:980px) {
/* common */
#header .global .lang {display:none;}
#header .nav_toggle {display:block;}
#header .nav .menu {display:none;position:absolute;left:0;top:63px;z-index:100;float:none;width:100%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.16)}
#header .nav .menu li {text-align:left;float:none;}
#header .nav .menu li {border-bottom:1px solid #ddd;}
#header .nav .menu li a {height:auto;line-height:inherit;padding:10px 20px;}
#header .nav .menu .lang {display:block;padding:10px 20px;}
#header .nav .menu .lang a {display:inline-block;line-height:36px;padding:0 10px;border:1px solid #aaa;font-size:14px;}


#footer .rows .wrap {padding-bottom: 0px;}
#footer .other {position:absolute;right:10px;top:20px;padding-right:0px;}
#footer .other select {width:100%;}
#footer .menu {overflow:hidden;padding-bottom:10px;padding-left:0;}
#footer .menu li a {display:block;padding:0 7px;font-size:13px;font-weight:bold;color:#222222;}
#footer .logo {position:absolute;left:0;top:20px;height:41px;width:187px; padding:3px 0 0 15px;font-size:20px;font-weight:bold;letter-spacing:-0.5px;color:#e6e6e6;background:url("../../images/www/common/logo_footer.png") no-repeat 0 0;}
#footer .logo .tel {display:block;margin-top:6px;}
#footer address {clear:both;line-height:1.6;color:#494949;padding-left:0px;}
#content {padding:10px 0 20px 0;}


/* portal */
.portal .front .slogan {height:400px;padding-top:50px;}
.portal .front .slogan .ct {text-align:center;position:static;max-width:600px;margin:0 auto;}
.portal .front .slogan .img {text-align:center;}
.portal .banner {margin-right:0;}
.portal .service .notice {position:relative;width:100%;}
.portal .section.service, .portal .service .top {height:auto;}
.portal .section.service {padding-bottom:20px;}
.portal .banner {height:auto;}
.portal .banner .slick-slide img {width:100%;height:auto;}
.portal .shortcut li {height:auto;}
.portal .section.mooc {padding:40px 0;}
.portal .section.site {background-color:#fff;}
.portal .section.site li {width:33.33333333%;padding:5px 0 5px 40px;}
#link_service {padding:10px 40px;}
.portal .notice .post_no {height:100px;}

/* etc */
#header .menu .mb a, #header .menu .mb .my {padding-left:0;}
#header .menu .mb a span:after {display:none;}
.col_2 .cols .c_search select {width:100%;}
.col_2 .cols .c_search select + select {margin:5px 0 0 0;}
.course_detail .summary .enter a + a {margin:5px 0 0 0;}

}

@media screen and (max-width:900px) {
.col_2 .lct_list > li {width:calc(50% - 6px);margin:0 0 12px 12px;}
.col_2 .lct_list > li:nth-child(3n+1) {margin-left:12px;}
.col_2 .lct_list > li:nth-child(odd) {margin-left:0;}

.btn_wrap.both .left, .btn_wrap.both .right {float:none;}
.btn_wrap.both .left + .right {padding-top:10px;}
.b_box.both .left, .b_box.both .right {float:none;}
.b_box.both .left + .right {padding-top:10px;}
}

@media screen and (max-width:860px) {
/* common */
#footer > .rows {padding:20px;}
#footer .logo {display:none;}
.cm_tree .view {float:none;width:100%;}
.cm_tree .board {float:none;width:100%;margin:20px 0 0 0;}
.cm_tree .board .inner {margin-left:0;}

/* portal */
.portal .section.site ul {padding-left:120px;}

/* list */
.lct_list > li {width:calc(50% - 6px);margin:0 0 12px 12px;}
.lct_list > li:nth-child(odd) {margin-left:0;}
.lct_list2 > li {width:50%;}
.c_course .article {width:50%;}

}

@media (min-width : 769px) and (max-width : 980px){
	.portal .action_img .hover .sub_tit {font-size:16px;}
}

@media screen and (max-width:768px) { /* pad */
/* 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 {display:block;width:100%;}
dl.tbl dt, dl.tbl dd {padding:8px 0;}
dl.tbl dd {border-top:0;}
dl.tbl dt {padding-bottom:0;}
.tbl_row, .tbl_row tbody, .tbl_row tr, .tbl_row th, .tbl_row td, .tbl_row4, .tbl_row4 tbody, .tbl_row4 tr, .tbl_row4 th, .tbl_row4 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_tab2 li a {min-width:auto;}
.c_tab3 li a {min-width:auto;}
.c_tab4 li a {min-width:auto;padding:12px 15px;}

/* 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;}

/* c_list */
.c_list3 .top .sub {white-space:normal;float:none;max-width:none;line-height:1.4;}
.c_list3 .sub:after {display:none;}
.c_list3 .top .group {float:none;margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}

/* ex_set */
.quiz_view .ex.img li {width:50%;}
.ex_set .marker .detail dd {text-align:left;}
.quiz_frame .frm_ct {padding-top:120px;}
.quiz_frame .board {height:100px;padding:0;}
.quiz_frame .board .group {position:static;}
.quiz_frame .mark {clear:both;}
.quiz_frame .timer, .quiz_frame .submit {width:50%;}

/* portal */
.portal .shortcut li {width:50%;}
.portal .shortcut li img {width:100%;}
.lct_list1 > li {width:50%;}
.portal .front .more {height:30px;line-height:30px;padding:0 25px;}
.portal .shortcut li {width:50%;}

/* dash */
.style_ds .link {position:static;margin-top:10px;}
.style_ds .status .desc {margin-right:0;}
.d_box .ind {position:relative;left:0;top:0;}
.d_box .ct {padding-left:30px;}
.d_box.view .ct {padding:0;}
.d_box .result {margin-top:10px;}
.d_box .check {top:63px;}
.d_box .photo {left:0;}
.d_box .ind {padding-left:60px;}
.d_box .data li {word-wrap:break-word;white-space:normal;}
.lct_view.at .cl .order {display:block;}

/* board */
.c_detail .info .writer, .c_detail .info .mark {float:none;}
.c_detail .info .mark {text-align:right;}

/* d_sub */
.d_post > div {float:none;width:100%;margin:0;}

/* cqi */
.c_poll .result > li p, .c_poll .result > li .state {float:none;width:100%;}
.c_poll .result > li .state {padding-left:0;}
.c_poll .result > li.on, .c_poll .result > li.correct {padding-bottom:10px;}

/* lct_view */
.lct_view .cl .sub {width:auto;white-space:normal;float:none;line-height:1.4;}
.lct_view .cl .sub:after {display:none;}

/* job_info */
.job_info .ps .more {position:absolute;right:0;top:-23px;float:none;margin-bottom:0;}

/* mb_join */
.mb_join dt {float:none;width:100%;}
.mb_join dd {margin-left:0;}
.mb_join .note {position:static;margin-bottom:10px;}

/* cl_room2 */
.cl_room2 #header .top .rows {height:auto;padding:15px 55px 15px 15px;}
.cl_room2 #header .sub, .cl_room2 #header .info {float:none;}
.cl_room2 #header .sub {padding-top:0;}
.cl_room2 #header .sub h1 {display:block;max-width:none;height:auto;}
.cl_room2 #header .info {margin:0;}

/* ol_form*/
.ol_form dt {height:auto;}

/* etc */
#header .nav .side {display:block;}
.c_popup .cp_con {width:95%;}

.mbd .board {width:100%;margin:0 0 20px 0;}
.msv .desc {padding-bottom:50px;}
.msv .item li {width:50%;}
.msv .item li .con {padding-bottom:20px;}

.course_detail .summary .img, .course_detail .summary .item {float:none;width:auto;}
.course_detail .summary .item {min-height:auto;margin:30px 0 0 0;}
.course_detail .summary .enter {text-align:center;}
.course_detail .summary .enter a {float:none;}
.lct_v_list li {width:calc(50% - 6px);}
.lct_v_list li:nth-child(odd) {margin-left:0;}

.group_w .lct_list2 > li {width:calc(50% - 6px);margin:0 0 12px 12px;}
.group_w .lct_list2 > li:nth-child(odd) {margin-left:0;}
.classroom .aside {float:none;width:100%;}
.classroom .c_con {float:none;margin:20px 0  0 0;}
.classroom .c_con > .inner {margin:0;}
}

@media screen and (max-width:732px) {
.col_2 .lct_list > li {width:100%;margin:0 0 10px 0;}
.col_2 .lct_list > li:nth-child(3n+1) {margin-left:0;}

}

@media screen and (max-width:640px) { /* mobile */
/* common */
#header .cj_logo {width:128px;margin:11px 0 0 0;}
#header .global .user, #header .global .user + li:before, #header .global .my, #header .global .my + li:before {display:none;}
#header .global .menu > .guide > a {padding-right:0;}
.c_tab2 {border-bottom:0;}
.c_tab2 li {float:none;margin-right:0;border-bottom:1px solid #dfdfdf;}
.c_tab3 {border-bottom:0;}
.c_tab3 li {float:none;border-bottom:1px solid #dfdfdf;}
.c_tab4 li {float:none;margin-top:-1px;}
.c_tab4 li:first-child {margin-top:0;}
.c_tab4 li a {padding:10px;}
.c_alert > .ct {padding:25px;}
.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 {float:none;}
.c_popup2 .fixed.mid {width:auto;max-width:90%;}

/* q_menu */
.q_menu {top:auto;right:auto;bottom:0;width:100%;padding:0 10px;}
.q_menu .toggle, .q_menu .top {display:none;}
.q_menu ul, .q_menu.on ul {display:table;width:100%;}
.q_menu li {text-align:center;vertical-align:middle;display:table-cell;width:33.33333333%;height:50px;padding-top:4px;border-left:1px solid #fff;background:rgba(62, 141, 220, 0.9);}
.q_menu li:first-child {border-left:0;}
.q_menu li a, .q_menu li a span {width:auto;position:static;}
.q_menu li a, .q_menu li a:hover {width:auto;height:auto;border:0;background:none;}

.q_menu li a:before {position:static;display:block;margin:0 auto !important;}
.q_menu .push:before {background-position-x:-240px;}
.q_menu .lock:before {background-position-x:-280px;}
.q_menu .que:before {background-position-x:-320px;}
.q_menu li a span {opacity:1;line-height:inherit;padding-right:0;font-size:12px;}

table.rtbl_x2 {overflow-x:auto;white-space:nowrap;display:inline-block;vertical-align:top;max-width:100%;
-webkit-overflow-scrolling: touch;
background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background-size: 10px 100%, 10px 100%;
background-attachment: scroll, scroll;
background-repeat: no-repeat;
}

/* portal */
.portal .front .slogan {height:200px;padding-top:30px;}
.portal .front .item_2 .slogan {padding-top:30px;}
.portal .front .item_2 .ct {max-width:200px;}
.portal .front h2 {font-size:24px;}
.portal .front p {display:none;}
.portal .carousel .slick-arrow {width:30px;height:30px;margin-top:-15px;background-size:250px 150px;}
.portal .carousel .slick-next {background-position:-60px -30px;}
.portal .carousel .slick-prev {background-position:-30px -30px;}
.portal .section.site li, .portal .section.site li.lg {width:50%;}
.portal .section.link .top {text-align:center;position:static;padding:10px;}

.dash .d_banner {text-align:right;padding-top:0;}
.dash .d_banner .inner {padding-right:20px;}
.dash .d_banner:before {width:158px;height:158px;}
.dash .d_banner:after {width:270px;height:139px;}

/* dash */
.dash .capa_plan .target, .dash .capa_plan .graph {float:none;width:100%;padding:0;}
.dash .capa_plan .target {margin-top:10px;}
.dash .capa_plan .target .ct {text-align:center;padding-top:70px;}
.dash .d_banner .sub {font-size:24px;}
.prof_research {padding-top:80px;background-size:65px 65px;}
.prof_research p {font-size:14px;}
.prof_research .pw {margin-top:15px;}
.prof_research .pw input {width:100%;margin-top:7px;}
.prof_research .pw .enter {display:block;width:100%;margin-top:7px;}

/* d_sub */
.d_sub .sc a {float:none;width:100%;}
.d_sub .sc a + a {margin:5px 0 0 0;}
.at_list .top {padding-left:0;}
.at_list .stu {position:static;}
.at_list .result {padding-top:10px;}
.style_ds h2 {position:relative;float:none;}
.style_ds .status .desc, .dash .style_ds .status .desc {margin-left:0;padding:18px 15px;}
.style_ds .link {display:block;height:48px;line-height:48px;margin-top:0;}
.style_ds .status .desc {white-space:normal;height:auto;line-height:inherit;}
.member .item_bar .add {position:static;padding-top:5px;}
.member .item_bar .add .c_btn {margin:2px 0;}
.d_box .ind {width:auto;}
.d_box .ind .link {position:static;margin-top:5px;}

/* c_study */
.c_study .c_info h3 {font-size:20px;}
.c_study .c_info .inner {padding:15px;}
.c_study .c_info .link {position:static;padding:15px;border-bottom:1px solid #e1e1e1;}

/* portfolio */
.d_grade .profile {float:none;width:100%;}
.d_grade .stu .info {float:none;margin:0;padding:10px;}
.d_grade .stu .info ul {height:auto;}
.d_grade .study .img {position:static;margin:0 auto;}
.d_grade .study .info {margin-left:0;}

.c_group .sort {display:table;width:100%;}
.c_group .sort li {text-align:center;display:table-cell;float:none;}
.msv {min-height:auto;padding-top:30px;}
.msv .desc {padding-bottom:30px;}

.lct_list > li {width:100%;margin:0 0 10px 0;}
.lct_v_list li {width:100%;margin:0 0 10px 0;}
.col_2 .cols, .col_2 .cols > .inner {float:none;margin:0;}
.col_2 #aside {float:none;width:100%;}

/* OER */
.c_oer .col {padding-right:0;margin-bottom:20px;}
.c_oer .fix {position:static;width:100%;height:auto;}
.c_oer .main .fix .ct {padding:0;}
.c_oer .main .fix .title {position:static;}

/* list */
.lct_list2 > li {width:100%;}
.c_course .article {width:100%;}
.lct_view .cl .result li {padding:0;}
.lct_view .cl .result li:after {display:none;}
.c_list2 .result li {padding:0;}
.c_list2 .result li:after {display:none;}
.c_list3 .result li {padding:0;}
.c_list3 .result li:after {display:none;}

/* nav_tabs */
.nav_tabs.tb li a {letter-spacing:-1px;font-size:13px;}
.tb.lg li a {height:40px;line-height:40px;}

/* c_login */
.c_login .form {padding-top:30px;}
.c_login .help {padding-bottom:30px;}
.c_login .nav_tabs {margin-bottom:10px;}
.c_login .box {margin-top:10px;}
.c_login .enter {height:40px;line-height:40px;margin-top:10px;font-size:14px;}

/* attend_code */
.attend_code {height:auto;padding:20px 10px;}
.attend_code, .attend_code > div {display:block;width:100%;}
.attend_code table {margin-bottom:8px;}
.at_top {font-size:18px;}

/* intro_view */
.intro_view {padding-left:0;}
.intro_view .img {position:static;width:100%;}
.intro_view .sub {display:block;height:auto;padding-top:10px;font-size:16px;}

/* doc_oh */
.doc_oh * {font-size:16px;}
.doc_oh .head {padding:0;}
.doc_oh .head h1 {padding-bottom:10px;}
.doc_oh .head h1 span {font-size:32px;}
.doc_oh .head .charge {position:static;width:100%;}
.doc_oh dl {margin-bottom:15px;}
.doc_oh .ct {padding:20px;}
.doc_oh dt, .doc_oh dd {line-height:1.4;}
.doc_oh dt {float:none;}
.doc_oh dd {margin-left:0;padding-top:5px;}
.doc_oh .seal {font-size:28px;}

/* ex_set */
.ex_set .bd_box .mod input[type="text"] {width:100%;margin-bottom:5px;}

/* cert_part */
.cert_part .num {width:100%;line-height:1.4;}
.cert_part table, .cert_part tbody, .cert_part tr, .cert_part th, .cert_part td {text-align:left;display:block;max-width:100%;width:100%;}
.cert_part th {border:0;}

/* cqi */
.cqi_result .rate {width:350px;}
.cqi_result .rate li {padding:30px 15px 0 15px;}

/* u_guide */
.u_guide .cols > .inner {padding:20px;}

/* study_guide */
.study_guide .note {font-size:14px;}
.study_guide .note br {display:inline;}
.study_guide .icc.caution {width:24px;height:24px;}
.study_guide .icc.caution:before {line-height:24px;font-size:18px;}
.sign_off .desc {font-size:15px;}
.sign_off .desc:before {top:-4px;}
.sign_off .action {left:8px;top:6px;width:20px;height:20px;}
.sign_off .count {display:block;margin:10px auto 0 auto;height:32px;line-height:32px;width:80px;padding-left:35px;}
.sign_off .count .num {font-size:14px;}
}

@media screen and (max-width:480px) {
/* common */
#header .cj_logo {width:78px;margin:14px 0 0 0;}
#header .hive {width:61px;height:25px;margin:14px 0 0 5px;}
.foreword .path > span {display:none;}
.foreword .path > .home, .foreword .path > span:last-child {display:block;}
.foreword h2, .foreword h3, .foreword .location {float:none;}
.time .i_box .sort button, .time .i_box .group button {width:100%;margin:5px 0;}
.comm_group {padding:10px;}
.comm_list {margin-top:15px;}
.comm_write .head {padding-bottom:10px;}
.comm_write .c_title, .comm_write .head .count {font-size:16px;}
.c_rating .view i {line-height:16px;}
.comm_write .c_rating i {font-size:16px;}
.comm_write .c_rating .ave {font-size:14px;}
.c_rating input[type="radio"] + label {width:28px;height:28px;}
.c_rating input[type="radio"] + label:before {font-size:28px;}
.comm_list > li {padding:10px 0;}
.comm_list > li .photo {display:none;}
.comm_list .reply {margin-left:30px;}
.comm_list .reply:before {content:" ";position:absolute;left:-30px;width:24px;height:24px;background:url("../../images/www/common/ic_subdirectory_arrow_right.png") no-repeat 0 0;}
.c_tab li {display:block;border-top:1px solid #ebebeb;}
.c_tab li:first-child {border-top:0;}
.c_tab li a {height:40px;line-height:40px;}
.c_tab5:before {content:" ";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background-color:#ddd;}
.no_data a {padding-top:60px;font-size:14px;}
.no_data a:after {display:none;}
.no_data a:before {margin-left:-25px;font-size:50px;}
.no_data a span:after, .post_no a span:after {bottom:3px;}
.item_li .data li:nth-child(odd) {width:55%;padding:0 10px 0 0;}
.item_li.chk .data li:nth-child(odd) {width:45%;}
.item_li .data li:nth-child(even) {width:45%;padding:0 0 0 20px;}
.item_li.chk .data li:nth-child(even) {width:55%;padding:0 0 0 30px;}
.item_li .data li:nth-child(odd):after {display:none;}
.sq_box .b_select > li {padding:60px 10px 10px 10px;}
.sq_box .b_select > li > a {width:100%;padding:0 10px;font-size:13px;}
.page_frame .frm_top, .page_frame.st .frm_top {height:50px;}
.page_frame .frm_top .title {font-size:16px;}
.page_frame .fwd {top:50px;}
.page_frame {padding-top:90px;}
.page_frame.st {padding-top:60px;}
.page_frame .frm_ct {padding:10px;}
.nav_tabs > li {margin-bottom:0;margin:3px 2px;}
.nav_tabs > li.on a, .nav_tabs > .ui-state-active a {border-bottom-color:#ddd;}
.c_warn {padding-left:24px;font-size:13px;}
.c_warn .icc.caution {top:2px;width:20px;height:20px;}
.c_warn .icc.caution:before {line-height:20px;font-size:16px;}

/* rtbl */
table.rtbl {overflow-x:auto;white-space:nowrap;display:inline-block;vertical-align:top;max-width:100%;
-webkit-overflow-scrolling: touch;
background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background-size: 10px 100%, 10px 100%;
background-attachment: scroll, scroll;
background-repeat: no-repeat;
}

/* portal */
.lct_list1 > li {float:none;width:auto;}
.portal .section.mooc {padding:20px 0;}
.portal .mooc .top p {margin-bottom:30px;font-size:18px}
.portal .mooc .top .more {margin-bottom:20px;}
.portal .shortcut li {width:100%;}
.portal .action_img .hover .sub_tit {padding:0px 30px 30px 30px;font-size:16px;color:#fff;}
.portal .section.site li, .portal .section.site li.lg {float:none;width:auto;}
.portal .section.site .rows {padding:20px 0 0 0;}
.portal .section.site h3 {text-align:center;position:static;}
.portal .section.site ul {padding:15px 20px;}
.portal .section.site li, .portal .section.site li.lg {padding:10px 0;border-top:1px solid #ddd;}
.portal .section.site li img {position:static;}

/* .lct_view */
.lct_view .cl .group .c_btn {display:block;width:100%;margin:5px 0;}

/* mb_join */
.mb_join .mail .c_btn {display:block;width:100px;margin:5px auto 0 auto;}
.mb_join dd input[type="email"], .mb_join dd input[type="text"], .mb_join dd input[type="password"], .mb_join .phone input[type="text"] {width:100%;max-width:none;margin:2px 0;}

/* etc */
#header .menu .mb a, #header .menu .mb .my {padding-left:0;}
#header .menu .mb a span:after {display:none;}
.col_2 .cols .c_search select {width:100%;}
.col_2 .cols .c_search select + select {margin:5px 0 0 0;}
.course_detail .summary .enter a + a {margin:5px 0 0 0;}

.msv .item li {width:100%;}
.m_join .tbl_row .phone input {width:100%;}
.m_join .tbl_row .phone input + input {margin-top:5px;}
.m_join .tbl_row .e_mail input {width:100%;}
.m_join .tbl_row .e_mail .at {display:block;margin:5px 0;}

.c_course .article {width:100%;margin-left:0;}
.c_course .article:nth-child(3n+1) {margin-left:0;}

.study_list thead th {font-size:12px;}
.study_list .sub {font-size:13px;}
}

@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%;}
}

@keyframes ballScale1 {
	0% {transform:scale(.5);-webkit-transform:scale(.5);opacity:0;}
	40% {opacity:1;}
	100% {	transform:scale(1);-webkit-transform:scale(1);opacity:0;}
}

@-webkit-keyframes ballScale1{
	0% {transform:scale(.5);-webkit-transform:scale(.5);opacity:0;}
	40% {opacity:1;}
	100% {transform:scale(1);-webkit-transform:scale(1);opacity:0;}
}