@charset "utf-8";

/* css */
@import url("template.css");
@import url("lms.css");
@import url("design.css");

/* 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;}
textarea {resize:none;}
img, video {max-width:100%;}
input[type=text]::-ms-clear {display: none;}
input[type=text], input[type=radio], input[type=password], input[type=number], input[type=date], input[type=tel], input[type=email], select, textarea {-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, table caption {position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path: inset(50%);margin:-1px;}
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:'Noto Sans KR', sans-serif;font-size:15px;font-weight:normal;letter-spacing:-0.25px;color:#666;}
input[type="password"] {font-family:dotum;}
input[type="password"]::-webkit-input-placeholder {font-family:"Noto Sans KR";}
input[type="password"]::-moz-placeholder {font-family:"Noto Sans KR";}
input[type="password"]:-ms-input-placeholder {font-family:"Noto Sans KR";}
html, body {height:100%;}
body {webkit-overflow-scrolling:touch;background-color:#fff;}
hr {margin:5px 0;border-width:1px;}

/* test */
.ev_box {padding:20px;background-color:#24a9e1;}
.ev_btn {overflow:hidden;display:inline-block;border:3px solid #fff;border-radius:25px;background-color:#ffbc1d;}
.ev_btn > span {display:block;position:relative;height:70px;line-height:70px;padding:0 20px 0 30px;font-size:20px;color:#fff;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 35%, rgba(255,161,28,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 35%,rgba(255,161,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 35%,rgba(255,161,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */text-shadow:-2px -2px 4px rgba(255, 151, 24, 0.45);}
.ev_btn > span:before {content:" ";position:absolute;right:5%;top:10%;width:13px;height:11px;background:url("../../images/www/bg/k_event_go.png") no-repeat 0 0;}
.ev_btn .icc {line-height:1;margin:-3px 0 0 0;}
.ev_btn .icc:before {font-size:36px;}

/* layout */
/*.ctm, .ctm2, .ctm3 {min-width:1200px;}*/
.rows {width:1200px;margin:0 auto;}
.rows:after, #container:after {content:" ";clear:both;display:block;}
#header {position:fixed; top:0; width:100%; z-index:100;}
#content {min-height:617px; padding-top:188px;}
.ctm2 #content {min-height:606px;padding-top:122px;}
.ctm3 #content {min-height:400px;padding-top:0;}
#container #content {padding:40px 15px 40px 15px;}
#container #content:after {content:" ";display:block;clear:both;}
#container {max-width:1200px;margin:0 auto;}
#footer {clear:both;}
body.p_frm {background-color:#e7ecf2;}

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

/* layout */
/* header ctm */
.ctm #header > .top {position:relative;height:110px; background:url("../../images/www/temp/img_p_sd_01.png") top no-repeat; border-bottom: 1px solid #ededed;}
.ctm #header > .top .rows {position: relative; height:100%;}
.ctm #header .global {display: inline-block; vertical-align: middle;}
.ctm #header .global li {position:relative;float:left;}
.ctm #header .global li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:9px;margin-top:-4px;background-color:#714a3b;}
.ctm #header .global li:first-child:before {display:none;}
.ctm #header .global li a, .ctm #header .global .user {position:relative;display:block;padding:0 10px;height:32px;line-height:32px;font-size:15px;color:#000;}
.ctm #header .frm {overflow:hidden;height:78px;}

.ctm #header .mid > .rows {position:relative;height:78px;}
.ctm #header .head_right {position: absolute; top:25px; right:0;}
.ctm #header .head_right .menu{display: inline-block;}
.ctm #header .head_right .menu .hamburger{color:#333;}
.ctm #header .m_menu{display:none; position: absolute; top:50%; transform: translateY(-50%);}

.ctm #header .logo {position: absolute; top:50%; transform: translateY(-50%); line-height: 1;}
.ctm #header .logo a{display:block;}
.ctm #header .nav {position:relative;z-index:100;height:78px;  border-bottom: 1px solid #ddd;}
.ctm #header .frm{background:#fff;}
.ctm #header .frm.on{background:#fff; border-bottom:2px solid #50b4b6;}
.ctm #header .frm.on .nav{border-bottom: 1px solid #ddd;}
/* .ctm #header .nav:before {content:" ";position:absolute;left:-50%;top:0;width:100%;height:100%;margin-left:-400px;background:#eee;} */
/* .ctm #header .nav:after {content:" ";position:absolute;left:0;bottom:-10px;width:100%;height:10px;background:url("../../images/www/common/gnb_shadow.png") repeat-x 0 0;} */
.ctm #header .nav .rows {position:relative;height:100%;}
.ctm #header .nav .slogan {position:absolute; top:78px; right:0; width:350px; padding:15px 10px 0 70px;font-size:12px;letter-spacing:-0.75px;color:#777;}
.ctm #header .nav .slogan img{margin-bottom:10px;}
.ctm #header .nav .slogan .name {color:#333; letter-spacing:-0.5px;font-size:15px; font-weight: bold;}
.ctm #header .nav .slogan  h5 {color:#000; font-size:25px;font-weight:500; margin-bottom:5px;}
.ctm #header .nav .slogan  h5 em {color:#b16025;}
.ctm #header .nav .slogan  h5 em:nth-child(2) {color:#388082;}
.ctm #header .nav .slogan .desc {font-size:15px; word-break:keep-all;}
.ctm #gnb {position:absolute;left:0;}
.ctm #gnb > li {text-align:center;position:relative;float:left;}
.ctm #gnb  li:first-child a,
.ctm #gnb  li:first-child ul{padding-left:0;}
.ctm #gnb > li > a {display:block;position:relative;height:78px;line-height:78px;padding:0 28px;font-size:20px;font-weight:bold;color:#212121;}
.ctm #gnb > li.on > a {color:#f35370;}
.ctm #gnb > li > ul {height:200px; text-align:left; margin-top:20px;padding:0 28px; border-right:1px solid #ededed;}
.ctm #gnb ul li {margin-top:10px;}
.ctm #gnb ul li:first-child {margin-top:0;}
.ctm #gnb ul a {position:relative;display:block; color:#666; font-weight: 500; font-size:14px; letter-spacing:-0.25px;letter-spacing:-0.5px; }
.ctm #gnb ul a:hover {text-decoration:underline;color:#f35370;}
.ctm #gnb ul .sub {padding-top:5px;}
.ctm #gnb ul .sub a {padding-left:7px;font-size:12px;}
.ctm #gnb ul .sub a:before {content:" ";position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background:#777;}
.ctm #gnb ul .sub li + li {margin-top:3px;}
.ctm #gnb ul .sub a:hover {text-decoration:none;color:#f96c51;}
.ctm #gnb ul .sub a:hover:before {background-color:#f96c51;}
.ctm #header .nav_toggle {width:40px;height:36px;padding:6px 0 0 8px;}

/* footer ctm */
.ctm #footer {position:relative;min-width:1200px;background-color:#fff; border-top:1px solid #d8d8d8;}
/* .ctm #footer:before {content:" ";position:absolute;left:0;top:42px;width:100%;height:1px;background-color:#434447;} */
.ctm #footer .rows {padding:30px 0;}
.ctm #footer .top {position:relative;}
.ctm #footer .site {position:absolute;right:0;bottom:0;}
.ctm #footer .site select {height:35px;padding:4px 35px 5px 15px;border:0;font-size:13px;color:#7e7e7e;background:transparent url("../../images/www/common/select_site_deco.png") no-repeat right 10px center; border:1px solid #7e7e7e;}
.ctm #footer .site .c_btn {height:35px;line-height:35px;}
.ctm #footer .menu {overflow:hidden;}
.ctm #footer .menu li {float:left;position:relative;}
.ctm #footer .menu li + li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#8a8f9b;}
.ctm #footer .menu li a {display:block;height:42px;line-height:42px; padding:0 10px;font-weight:400;font-size:12px;}
.ctm #footer .ct {position:relative;padding:20px 0 0 310px;}
.ctm #footer .logo {display:flex;align-items:center;position:absolute;left:10px;top:15px;}
.ctm #footer .logo .ko {margin-right:10px;}
.ctm #footer address {line-height:1.6;font-size:14px;font-weight:100;letter-spacing:-0.3px;color:#000;}
.ctm #footer address li {float:left;margin-right:10px;}
.ctm #footer address .cb {clear:both;}
.ctm #footer .addr {overflow:hidden;}
.ctm #footer .copy { font-size:13px;color:#000;}


/* header ctm2 */
.ctm2 #header {position:fixed;} /* box-shadow:0 1px 5px rgba(0,0,0,0.16); */
.ctm2 #header > .top {position:relative;height:32px;background:#fed388;}
.ctm2 #header > .top .rows {overflow:hidden;}
.ctm2 #header .site {float:left;}
.ctm2 #header .site li {position:relative;float:left;}
.ctm2 #header .site li:before {content:" ";position:absolute;right:-1px;top:50%;width:1px;height:9px;margin-top:-4px;background-color:#c7a671;}
.ctm2 #header .site li:last-child:before {display:none;}
.ctm2 #header .site li a {position:relative;display:block;padding:0 20px;height:32px;line-height:32px;font-size:12px;color:#483f3b;}
.ctm2 #header .site .on:before {display:none;}
.ctm2 #header .site .on:after {content:" ";position:absolute;left:0;bottom:0;width:100%;height:27px;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#fff;}
.ctm2 #header .site .on a {z-index:10;font-weight:bold;color:#666;}
.ctm2 #header .global {float:right;}
.ctm2 #header .global li {position:relative;float:left;}
.ctm2 #header .global li:before {content:" ";position:absolute;right:-1px;top:50%;width:1px;height:9px;margin-top:-4px;background-color:#c7a671;}
.ctm2 #header .global li:last-child:before {display:none;}
.ctm2 #header .global li a, .ctm2 #header .global .user {position:relative;display:block;padding:0 20px;height:32px;line-height:32px;font-size:12px;color:#483f3b;}
.ctm2 #header .frm {overflow:hidden;height:90px; }
.ctm2 #header .mid {background-color:#fff;}
.ctm2 #header .mid > .rows {position:relative;}
.ctm2 #header .mid .menu {float:left;padding-left:315px;}
.gb_search2 {position:absolute;right:10px;top:21px;z-index:10;}
.gb_search2 .form {position:relative;width:315px;}
.gb_search2 input[type="text"] {outline:none;width:100%;height:50px;padding:0 60px 0 30px;border:0;border-radius:20px;font-size:18px;font-weight:300;color:#828080;background-color:#f8f8f9;}
.gb_search2 .enter {overflow:hidden;position:absolute;width:60px;height:50px;right:0;top:0;font-size:0;}
.gb_search2 .enter:before {content:" ";position:absolute;width:21px;height:21px;left:50%;top:50%;transform:translate(-50%, -50%);background:url("../../images/www/common/img_main.png") no-repeat -13px 0;}
.gb_search2 .cls {display:none;position:absolute;right:15px;top:9px;}
.gb_search2 .cls .close:before {font-size:32px;}
.ctm2 #header .logo {position:absolute;left:15px;top:24px;z-index:10;}
.ctm2 #header .logo a {display:block;}
.ctm2 #header .nav {position:relative;background:#fff;}
.ctm2 #gnb {padding-left:315px;}
.ctm2 #gnb:after {content:" ";clear:both;display:block;}
.ctm2 #gnb > li {text-align:center;float:left;}
.ctm2 #gnb > li > a {display:block;position:relative;height:90px;line-height:92px;padding:0 60px;font-size:22px;font-family:NanumSquareRound;font-weight:800;color:#212121;}
.ctm2 #gnb > li > a span {display:inline-block;position:relative;z-index:1;}
.ctm2 #gnb > li.on > a span:before {content:" ";position:absolute;z-index:-1;width:100%;height:13px;bottom:33px;border-radius:6px;background-color:#fec20c;}
.ctm2 #gnb > li > a:before {content:" ";position:absolute;top:30px;height:30px;background:url("../../images/www/common/img_kids_main.png") no-repeat 0 0;}
.ctm2 #gnb > li > .conts:before {left:18px;width:32px;height:30px;}
.ctm2 #gnb > li > .notice:before {left:22px;width:29px;height:31px;background-position-x:-33px;}
.ctm2 #gnb > li > ul {overflow:hidden;}
.ctm2 #gnb > li li {float:left;min-width:200px;}
.ctm2 #gnb .sub {position:absolute;left:0;right:0;top:90px;background-color:#f8f8f9;}
.ctm2 #gnb .sub:after {content:" ";position:absolute;left:0;bottom:-10px;width:100%;height:10px;background:url("../../images/www/common/gnb_shadow.png") repeat-x 0 0;}
.ctm2 #gnb .sub .inner {max-width:1200px;margin:0 auto;padding-left:300px;}
.ctm2 #gnb .sub li {position:relative;}
.ctm2 #gnb .sub li + li:before {content:" ";position:absolute;left:0;top:15px;width:1px;height:60px;background-color:#e6e6e6;}
.ctm2 #gnb .sub a {text-align:center;display:block;position:relative;height:90px;padding-top:56px;font-size:16px;color:#212121;}
.ctm2 #gnb .sub a:before {content:" ";position:absolute;left:50%;transform:translateX(-50%);background-repeat:no-repeat;background-position:0 0;}
.ctm2 #gnb .sub .video:before {top:12px;width:35px;height:36px;background-image:url("../../images/www/common/kids_gnb_video.png");}
.ctm2 #gnb .sub .song:before {top:17px;width:39px;height:33px;background-image:url("../../images/www/common/kids_gnb_song.png");}
.ctm2 #gnb .sub .play:before {top:12px;width:37px;height:39px;background-image:url("../../images/www/common/kids_gnb_play.png");}
.ctm2 #gnb .sub .learning:before {top:14px;width:30px;height:33px;background-image:url("../../images/www/common/kids_gnb_learning.png");}
.ctm2 #header .nav_toggle {display:none;position:absolute;z-index:100;left:10px;top:50%;width:40px;height:36px;margin-top:-18px;padding:6px 0 0 8px;}

/* footer ctm2 */
.ctm2 #footer {background-color:#f8f8f8;}
.ctm2 #footer .ct {position:relative;padding:55px 240px 55px 310px;}
.ctm2 #footer .top {text-align:center;position:absolute;left:50%;top:-40px;width:114px;height:40px;padding-top:12px;font-size:15px;font-weight:bold;color:#333;background:url("../../images/www/common/kids_footer_top.png") no-repeat 0 0;transform:translateX(-50%);}
.ctm2 #footer .logo {position:absolute;left:0;top:55px;}
.ctm2 #footer address {line-height:1.6;font-size:15px;font-weight:300;color:#828080;}
.ctm2 #footer address li {float:left;margin-right:10px;}
.ctm2 #footer address .cb {clear:both;}
.ctm2 #footer .addr {overflow:hidden;}
.ctm2 #footer .copy {margin-top:18px;font-size:14px;color:#8a8a8a;}
.ctm2 #footer .site {position:absolute;right:0;top:55px;}
.ctm2 #footer .site select {float:left;height:37px;padding-right:60px;border:1px solid #d4d4d4;border-right:0;font-size:15px;color:#828080;}
.ctm2 #footer .site .go {float:left;height:37px;line-height:37px;padding:0 10px;font-size:14px;color:#fff;background-color:#50b4b6;}

/* ctm3 */
.ctm3 * {font-family:'SF Pro Display';}
.ctm3 #header > .top {position:relative;height:32px;background:#fff;}
.ctm3 #header > .top .rows {overflow:hidden;}
.ctm3 #header .site {float:left;}
.ctm3 #header .site li {position:relative;float:left;}
.ctm3 #header .site li:before {content:" ";position:absolute;right:-1px;top:50%;width:1px;height:9px;margin-top:-4px;background-color:#c7a671;}
.ctm3 #header .site li:last-child:before {display:none;}
.ctm3 #header .site li a {position:relative;display:block;padding:0 20px;height:32px;line-height:32px;font-size:12px;color:#483f3b;}
.ctm3 #header .site .on:before {display:none;}
.ctm3 #header .site .on:after {content:" ";position:absolute;left:0;bottom:0;width:100%;height:27px;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#3c55d0;}
.ctm3 #header .site .on a {z-index:10;color:#fff;}
.ctm3 #header .global {float:right;}
.ctm3 #header .global li {position:relative;float:left;}
.ctm3 #header .global li:before {content:" ";position:absolute;right:-1px;top:50%;width:1px;height:9px;margin-top:-4px;background-color:#c7a671;}
.ctm3 #header .global li:last-child:before {display:none;}
.ctm3 #header .global li a, .ctm3 #header .global .user {position:relative;display:block;padding:0 20px;height:32px;line-height:32px;font-size:12px;color:#483f3b;}
.ctm3 #header .frm {position:absolute;z-index:10;width:100%;background:url("../../images/www/common/img_frm_foreigner.png") no-repeat 0 0;background-size:cover;}
.ctm3.foreigner #header .frm {background:#3c55d0;}
.ctm3 #header .mid > .rows {position:relative;z-index:10;}
.gb_search3 {position:absolute;right:0;top:28px;z-index:10;}
.gb_search3 input[type="text"] {outline:none;float:left;width:185px;height:26px;line-height:26px;padding:0 10px;border:0;border-radius:0;font-size:16px;color:#fff;background-color:#617dd5;}
.gb_search3 .enter {overflow:hidden;position:relative;float:left;width:26px;height:26px;margin-left:4px;font-size:0;background-color:#fff;}
.gb_search3 .enter:before {content:" ";position:absolute;width:15px;height:15px;left:50%;top:50%;transform:translate(-50%, -50%);background:url("../../images/www/common/img_foreigner_main.png") no-repeat 0 0;}
.gb_search3 .cls {display:none;position:absolute;right:17px;top:9px;}
.gb_search3 .cls .icc:before {color:#fff;}
.mo_btn {display:none;position:absolute;top:0;right:0;width:100%;height:53px;}
.mo_btn .open {overflow:hidden;position:absolute;right:15px;top:50%;width:21px;height:21px;font-size:0;background:url("../../images/www/common/img_main.png") no-repeat -13px 0;transform:translateY(-50%);}
.ctm3 .mo_btn .open {background:url("../../images/www/common/ic_glass_x32_wt.png") no-repeat 0 0;background-size:cover;}
.ctm3 .mo_btn .open.off {display:none;}
.mo_btn .nav_toggle {position:absolute;z-index:100;left:10px;top:50%;width:40px;height:36px;margin-top:-18px;padding:7px 0 0 8px;}
.mo_btn .nav_toggle .icc:before {color:#fff;}
.ctm2 .mo_btn .nav_toggle .icc:before {color:#777;}
.ctm2 .mo_btn .open {right:15px;top:50%;transform:translateY(-50%);}
.ctm3 #header .logo {position:absolute;left:15px;top:21px;z-index:10;}
.ctm3 #header .logo a {display:block;}
.ctm3 #header .nav {position:relative;background:#fff;}
.ctm3 #gnb {padding-left:315px;}
.ctm3 #gnb:after {content:" ";clear:both;display:block;}
.ctm3 #gnb > li {text-align:center;float:left;}
.ctm3 #gnb > li > a {display:block;position:relative;height:80px;line-height:80px;padding:0 34px;letter-spacing:0.5px;font-size:16px;font-weight:700;color:#ffd44e;}
.ctm3 .path_ind {padding-top:80px;}
.ctm3 #footer {border-top:1px solid #d8d8d8;margin-top:20px;}
.ctm3 #footer .menu {border-bottom:1px solid #d8d8d8;background-color:#f2f2f2;}
.ctm3 #footer .menu .link {position:relative;float:left;padding-right:15px;}
.ctm3 #footer .menu .link:before {content:" ";position:absolute;right:0;top:18px;width:2px;height:14px;background-color:#bcbcbc;}
.ctm3 #footer .menu .link a {display:block;height:49px;line-height:49px;padding:0 15px;font-size:20px;font-weight:600;color:#333;}
.ctm3 #footer .menu .desc {float:left;line-height:49px;padding-left:30px;font-size:14px;color:#5c5b5b;}
.ctm3 #footer .logo {position:absolute;left:10px;top:40px;}
.ctm3 #footer .ct {position:relative;padding:40px 0 35px 310px;}
.ctm3 #footer .addr {overflow:hidden;}
.ctm3 #footer address {line-height:1.6;font-size:14px;font-weight:300;letter-spacing:0.5px;color:#8a8a8a;}
.ctm3 #footer address li {float:left;margin-right:10px;}
.ctm3 #footer address .cb {clear:both;}
.ctm3 #footer .copy {margin-top:15px;font-size:12px;font-weight:300;color:#777;}
.ctm3 #footer .origin {position:absolute;right:0;bottom:30px;font-size:10px;font-weight:300;color:#8d8d8d;}
.ctm3 #footer .site {position:absolute;right:0;top:30px;}
.ctm3 #footer .site select {float:left;height:42px;padding:0 35px 0 18px;border:1px solid #d4d4d4;border-radius:0;font-size:14px;font-weight:300;color:#8a8a8a;background:transparent url("../../images/www/common/select_site_deco.png") no-repeat 100% 50%;}
.ctm3 #footer .site .go {display:inline-block;height:42px;line-height:42px;padding:0 10px;border:1px solid #d4d4d4;border-left:0;font-size:12px;color:#8a8a8a;background-color:#f2f2f2;}
.ctm3 .p_title {font-weight:600;}

/* gb_search */
.gb_search {position:absolute;top:15px;right:0;}
.gb_search .rows {position:relative;}
.gb_search .form {z-index:110; padding-top:15px; }
.gb_search .form .input_bx{display:inline-block; position: relative; line-height:50px; border-radius:12px; border:3px solid #606376; overflow: hidden;}
.gb_search input, .gb_search select{display:block; height:44px;}
.gb_search select{width:150px; border:0;}
.gb_search input[type="text"] {outline:none; width:420px; height:44px; border:0; font-weight:300;}
.gb_search input[type="text"]::-webkit-input-placeholder {font-family:"Noto Sans KR";}
.gb_search input[type="text"]::-moz-placeholder {font-family:"Noto Sans KR";}
.gb_search input[type="text"]:-ms-input-placeholder {font-family:"Noto Sans KR";}
.gb_search .enter {overflow:hidden;position:absolute;right:0;top:0;width:44px;height:44px;line-height:500px;font-size:0;color:transparent;}
.gb_search .enter:before {content:" ";position:absolute;left:50%;top:50%;width:24px;height:24px;background:url("../../images/www/common/total_search_enter.png") no-repeat 0 0;background-size:cover;transform:translate(-50%, -50%);}
.gb_search .m_search {display:none;width:24px;height:24px;background:url("../../images/www/icon/fic_glass_32w.png") no-repeat 0 0;background-size:cover;transform:translate(-50%, -50%); text-indent: -9999px;}

/* foreword */
/*.path_ind {margin-top:188px;background-color:#f2f2f2;}*/
.path_ind {background-color:#f2f2f2;}
.ctm2 .path_ind {padding-top:121px;}
.path_ind .path {height:40px;padding-left:15px;}
.path_ind .path > span, .path_ind .path > a {vertical-align:middle;display:inline-block;position:relative;height:40px;line-height:40px;font-size:13px;font-weight:300;letter-spacing:-0.5px;color:#5f5f61;}
/* .path_ind .path > span:before, .path_ind .path > a:before {content:" ";position:absolute;left:0;top:50%;width:5px;height:9px;margin-top:-4px;background:url("../../images/www/common/path_arrow.gif") no-repeat 0 0;} */
.path_ind .path .home {overflow:hidden;display:inline-block;width:16px;height:16px;margin-top:-3px;margin-left:0;padding-left:0;font-size:0;background:url("../../images/www/common/path_home.gif") no-repeat 0 0;}
.path_ind .path .home:before {display:none;}

/* sidr */
#sidr {position:fixed;left:0;top:0;z-index:150;width:100%;height:100%;cursor:default;background:rgba(0, 0, 0,.4);
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -moz-transition: opacity 0.5s ease, visibility 0.5s;
    -webkit-transition: opacity 0.5s ease, visibility 0.5s;
    -ms-transition: opacity 0.5s ease, visibility 0.5s;
    transition: opacity 0.5s ease, visibility 0.5s;
    opacity:0;
    visibility:hidden;
}
#sidr > .inner {overflow-y:auto;overflow-x:hidden;position:relative;z-index:140;width:320px;height:100%;background-color:#fff;
    -moz-transform:translateX(-320px);
    -webkit-transform:translateX(-320px);
    -ms-transform:translateX(-320px);
    transform:translateX(-320px);
    -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;
}
/*
#sidr > .inner {float:right;overflow-y:auto;overflow-x:hidden;position:relative;z-index:140;width:320px;height:100%;background-color:#fff;
    -moz-transform:translateX(320px);
    -webkit-transform:translateX(320px);
    -ms-transform:translateX(320px);
    transform:translateX(320px);
    -moz-transition:-moz-transform 0.5s ease, visibility 0.5s;
    -webkit-transition:-webkit-transform 0.5s ease, visibility 0.5s;
    -ms-transition:-ms-transform 0.5s ease, visibility 0.5s;
    transition:transform 0.5s ease, visibility 0.5s;
    -webkit-overflow-scrolling: touch;
    visibility:hidden;
}
*/
body.menu_visible #sidr {
    visibility:visible;
    opacity:1;
}
body.menu_visible #sidr .inner {
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    visibility:visible;
}
/*.side_bar .nav {padding:10px 15px;}*/
.side_bar .nav a {display:block;position:relative;padding:15px;border-bottom:1px solid #efefef;font-size:16px;color:#393939;}
.side_bar .nav > li > a:hover, .side_bar .nav > li.on > a, .side_bar .nav > li > a:hover:before {color:#fff;border-bottom-color:#50b4b6;background-color:#50b4b6;}
.side_bar .nav .opener:before {content:"\e313";vertical-align:middle;position:absolute;right:10px;top:50%;display:inline-block;line-height:1;margin-top:-9px;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#9fa3a6;
    -moz-transition:color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
    -webkit-transition:color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -ms-transition:color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
    transition:color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.side_bar .nav .on .opener:before {color:#fff;-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.side_bar .nav > li li a:hover {color:#2b65dc;}
.side_bar .nav > li > ul {display:none;background:#f5f5f5;}
.side_bar .nav > li > ul a {position:relative;padding:10px 10px 10px 20px;border-bottom:0;font-size:14px;}
.side_bar .nav > li > ul > li:last-child a {border-bottom:0;}
.side_bar .nav > li > ul a:before {content:" ";position:absolute;left:13px;top:20px;width:2px;height:2px;background-color:#666;}
.side_bar .nav > li > ul ul a {padding-left:25px;border-bottom:0;font-size:13px;font-weight:normal;}
.side_bar .nav > li > ul ul a:before {display:none;}
.side_bar .close {position:absolute;right:5px;top:50%;transform:translateY(-50%);}
.side_bar .close .icc {width:36px;height:36px;}
.side_bar .close i:before {content:"\e14c";position:absolute;top:0;left:0;font-family:'Material Icons';font-size:36px;color:#9fa3a6;}
.side_bar h2 {text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;border-bottom:1px solid #dedede;font-size:16px;font-weight:bold;color:#222;background-color:#f5f5f5;}
.side_bar .head {position:relative;padding:10px 40px 10px 10px;border-bottom:1px solid #ccc;background-color:#f5f5f5;}
.side_bar .head .guide {display:block;text-align:center;position:relative;margin-bottom:10px;color:#989898;}
.side_bar .link {overflow:hidden;}
.side_bar .link li {vertical-align:middle;display:inline-block;position:relative;margin-right:5px;padding-left:28px;}
.side_bar .link li a {display:block;height:40px;line-height:40px;color:#282828;}
.side_bar .head span {vertical-align:middle;display:inline-block;}
.side_bar .head .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;margin-right:5px;font-weight:500;}
.side_bar .head .link .icc {position:absolute;left:0;top:8px;width:24px;height:24px;line-height:1;}
.side_bar .head .link .icc:before {color:#50b4b6;}
.side_bar .head .link .go {padding-left:38px;}
.side_bar .head .link .go:before {content:" ";position:absolute;right:2px;top:50%;width:1px;height:18px;background-color:#ccc;transform:translateY(-50%);}
.side_bar .head .c_btn {margin-right:5px;}
.side_bar .inner * {font-family:'Noto Sans KR', sans-serif;}

/* portal */
/* .portal #header{position: absolute;} */
.portal #header .top{background:rgba(0,0,0,0.2); border-bottom:0;}
.portal #header .nav{border-bottom:0;}
.portal #header .frm{background: none;}
.portal #header.hr_on .top{background:url("../../images/www/temp/img_p_sd_01.png") top no-repeat; border-bottom: 1px solid #ddd; transition: background 0.5s ease;}
.portal #header.hr_on .nav{background:#fff; border-bottom: 1px solid #ddd; transition: background 0.5s ease;}
.portal #content{padding-top:0;}
.portal .visual {position:relative;}
.portal .visual {z-index:10;}
.portal .visual .img {min-width:1200px;}
.portal .visual .img img {width:100%;}
.portal .visual .ct {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.portal .visual .text {max-width:1200px;text-align:center; padding-top:150px; margin:0 auto; color:#fff; }
.portal .visual .ct .sub {line-height:1.2;font-size:43px;font-weight:500;letter-spacing:-2px;color:#1857a6; font-weight: bold;}
.portal .visual .ct .title {line-height:1.4;margin-top:10px;font-size:20px;letter-spacing:-1px;color:#2f1515;}
.portal .visual .bar {position:absolute;max-width:1200px;left:0;right:0;bottom:12%;margin:0 auto;padding-left:110px;}
.portal .visual .bar .dot {position:relative;display:inline-block;z-index:10;padding:0 25px 0 0;}
.portal .visual .slick-slide {position:relative;}
.portal .slick-dots li {display:inline-block;margin:0 5px;line-height:18px;}
.portal .slick-dots button {position:relative;width:14px;height:14px;margin-top:-5px;border-radius:100%;background:#966d41;}
.portal .slick-dots .slick-active button {background:#fff;}
.portal .control {position:absolute;right:0;top:-3px;}
.portal .visual .pause, .portal .visual .play {float:left;width:18px;height:18px;}
.portal .control .icc:before {color:#966d41;}
.portal .control .icc.on:before {color:#fff;}
.portal .play {margin-left:4px;}
.portal .section .rows {padding:0 15px;}
.portal .section .rows > .group {overflow:hidden;}
.portal .etc .group {float:left; padding-right:30px;}
.portal .section.lc{padding:60px 0;}
.portal .section.etc{padding-bottom:60px;}


/* 메인링크 */
.portal .main_link {display:flex;flex-wrap:wrap;}
.portal .main_link li{width:calc(50% - 25px); height:250px; margin-bottom:30px; border-radius:60px 30px 30px 60px;}
.portal .main_link li:nth-child(even){margin-left: 30px; border-radius:30px 60px 60px 30px;}
.portal .main_link li:nth-child(1){background:url("../../images/www/main/main_link_01.png") #AE650C right bottom no-repeat; box-shadow: 10px 10px 10px rgba(174, 101, 12, 0.4);}
.portal .main_link li:nth-child(2){background:url("../../images/www/main/main_link_02.png") #3d5aa8 right bottom no-repeat; box-shadow: 10px 10px 10px rgba(61, 90, 168, 0.4);}
.portal .main_link li:nth-child(3){background:url("../../images/www/main/main_link_03.png") #4E7F7F right bottom no-repeat; box-shadow: 10px 10px 10px rgba(78, 127, 127, 0.4);}
.portal .main_link li:nth-child(4){background:url("../../images/www/main/main_link_04.png") #CA5010 right bottom no-repeat; box-shadow: 10px 10px 10px rgba(202, 80, 16, 0.4);}
.portal .main_link li a {display:block;height:100%; z-index: 10;padding:40px; }
/*.portal .main_link li:hover {transform: scale(0.9); transition: all 1s ease;}*/
.portal .main_link li h4,
.portal .main_link li p{color:#fff; }
.portal .main_link li h4{font-size:35px; font-weight: 500; margin-bottom: 15px;}
.portal .main_link li p{font-size:19px; font-weight: 200;}

/* main banner */
.portal .banner{position: relative;padding:40px 0 40px 90px;margin-top:60px; background: url(../../images/www/main/bg_banner.png) no-repeat 0 0; overflow: hidden; border-radius: 40px;background-size:cover;}
.portal .banner .logo{width:130px; height: 130px; text-align: center; padding-top:45px; background: #373ca6; }
.portal .banner .ban_con{display:flex; align-items: flex-start;}
.portal .banner .ban_con .b_txt{width:calc(100% - 140px); padding-left:40px;}
.portal .banner .b_txt > ul{width:100%;}
.portal .banner .b_txt > ul li{position: relative; color:#000; font-size:16px; padding-left:10px;}
.portal .banner .b_txt > ul li::before{display:block; content: ''; width:3px; height:3px; position: absolute;top:12px; left:0; background:#373ca6;}
.portal .banner .b_txt > ul .em {font-family:NotoSR;font-weight:bold;color:#d60429;}
.portal .banner .b_txt > ul .em::before {background-color:#d60429;}
.portal .banner .btn_bx{margin-top:20px;}
.portal .banner .btn_bx a{display:inline-block; padding:0 40px; line-height: 40px; border-radius:10px; border:1px solid #373ca6;}
.portal .banner .btn_bx a + a{margin-left:10px;}
.portal .banner .btn_bx a strong::before{content: ''; display:inline-block; width:24px; height: 21px; vertical-align: middle; margin-right:5px;}
.portal .banner .btn_bx a strong{font-weight: bold;}
.portal .banner .btn_bx a:nth-child(1) strong{color:#373ca6; }
.portal .banner .btn_bx a:nth-child(2) strong{color:#fff; font-weight: bold;}
.portal .banner .btn_bx a:nth-child(1) strong::before{background: url(../../images/www/main/i_banner_01.png) center left no-repeat;}
.portal .banner .btn_bx a:nth-child(2) strong::before{ background: url(../../images/www/main/i_banner_02.png) center left no-repeat;}
.portal .banner .btn_bx a:nth-child(1){color:#373ca6; background:#fff;}
.portal .banner .btn_bx a:nth-child(2){color:#fff; background:#373ca6;}
.portal .banner .btn_bx a:nth-child(3){color:#fff; background:#373ca6;}
.portal .banner .btn_bx a:nth-child(3) strong{color:#fff; font-weight: bold;}
.portal .banner .btn_bx a:nth-child(3) strong::before{ background: url(../../images/www/main/i_banner_03.png) center left no-repeat;}


/*.portal .etc .faq .title:before {content:" ";position:absolute;right:0;top:9px;width:7px;height:11px;background:url("../../images/www/common/img_main.png") no-repeat -36px 0;}*/
.portal .etc .group{width:100%; font-size:0; padding:30px; background:#f5f5f5; border-radius: 30px;}
.portal .etc .board{display: inline-block; width:calc(50% - 15px); vertical-align: top;}
.portal .etc .board.notice{margin-right:30px;}
.portal .etc .board .title_bx{position: relative;}
.portal .etc .board .title_bx a{position: absolute; top:6px; right:0; font-size:13px; padding-right: 12px}
.portal .etc .board .title_bx a::after{position:absolute; top:-11px; right:0; content: '\203A'; font-size:25px;}
.portal .etc .board li{position: relative;}
.portal .etc .board li + li {margin-top:9px;}
.portal .etc .board li a {display:block; position:relative; width:70%; color:#717171;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:14px;}
.portal .etc .board li a:hover{color:#000; font-weight:600; transition: 0.5s color ease}
.portal .etc .board li a strong{font-size:14px; font-weight: 600; margin-right:5px;}
/* .portal .etc .board a:before {content:" ";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background-color:#666;} */
.portal .etc .board span{position: absolute; top:3px; right:0; font-size:12px;}

.portal .etc .board > a {padding-left:0;}
.portal .etc .board > a:before {display:none;}
.portal .etc .board .title {position:relative;display:inline-block;margin-bottom:10px;padding-right:16px;font-size:19px;font-weight:bold;color:#333;}

.edu_sd {position:relative;}
.edu_sd .arrows {position:absolute;right:0;top:-31px;}
.edu_on_li.slide .slick-slide, .edu_off_li.slide .slick-slide {padding:15px;}
.edu_sd .slick-arrow {width:28px;height:26px;background:url("../../images/www/common/edu_sd_arrows.png") no-repeat 0 0;}
.edu_sd .slick-arrow.slick-next {margin-left:-1px;background-position:-28px;}

/* kids main */
/*.ctm2.kids .visual {content:" ";width:100%;background:url("../../images/www/temp/kids_sd_deco.png") no-repeat 0 0;background-size:cover;}*/
.ctm2.kids .visual {position:relative;}
.ctm2.kids .visual {z-index:10;}
.ctm2.kids .visual .img img {width:100%;}
.ctm2.kids .visual .ct {position:absolute;top:20%;left:0;width:100%;color:#fff;}
.ctm2.kids .visual .ct .text {max-width:1200px;margin:0 auto;padding-left:15px;}
.ctm2.kids .visual .ct .sub {font-size:20px;font-weight:300;letter-spacing:-0.3px;}
.ctm2.kids .visual .ct .title {line-height:1.2;margin-top:20px;font-size:40px;font-family:NanumSquareRound;font-weight:800;}
.ctm2.kids .visual .ct .event {margin-top:30px;}
.ctm2.kids .visual .ct .event .go {overflow:hidden;display:inline-block;border:3px solid #fff;border-radius:25px;background-color:#ffbc1d;}
.ctm2.kids .visual .ct .event .go > span {display:block;position:relative;height:70px;line-height:70px;padding:0 20px 0 30px;font-size:20px;color:#fff;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 35%, rgba(255,161,28,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 35%,rgba(255,161,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 35%,rgba(255,161,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */text-shadow:-2px -2px 4px rgba(255, 151, 24, 0.45);}
.ctm2.kids .visual .ct .event .go > span:before {content:" ";position:absolute;right:5%;top:10%;width:13px;height:11px;background:url("../../images/www/bg/k_event_go.png") no-repeat 0 0;}
.ctm2.kids .visual .ct .event .icc {line-height:1;margin:-3px 0 0 0;}
.ctm2.kids .visual .ct .event .icc:before {font-size:36px;}
.ctm2.kids .visual .bar {position:absolute;max-width:1200px;left:0;right:0;top:10%;margin:0 auto;}
.ctm2.kids .visual .bar .dot {position:relative;display:inline-block;z-index:10;padding:0 60px 0 12px;}
.ctm2.kids .visual .slick-slide {position:relative;}
.ctm2.kids .slick-dots li {display:inline-block;margin:0 5px;}
.ctm2.kids .slick-dots button {position:relative;width:24px;height:24px;border-radius:100%;background:#fff;}
.ctm2.kids .slick-dots .slick-active button {width:48px;border-radius:4px;background:#fec20c;}
.ctm2.kids .control {position:absolute;right:0;top:1px;}
.ctm2.kids .visual .pause, .ctm2.kids .visual .play {float:left;width:24px;height:24px;margin:0 2px;border-radius:50%;background-color:#fff;}
.ctm2.kids .control .icc:before {font-size:18px;color:#fec20c;}
.ctm2.kids .control .icc.on:before {color:#fec20c;}
/*.ctm2.kids .play {margin-left:4px;}*/
.ctm2.kids .visual .bg {position:absolute;bottom:0;}
.ctm2.kids .section {padding:50px 0 80px 0;}
.ctm2.kids .section .rows {padding:0 15px;}
.ctm2.kids .section.recom {padding-top:35px;}
.ctm2.kids .section.popular {padding:80px 0 110px 0;background:#b7e485 url("../../images/www/bg/kids_popular_deco.png") repeat-x 0 0;}


.ctm2 .sc_title {margin-bottom:10px;font-size:28px;font-family:NanumSquareRound;font-weight:800;color:#212121;}
.ctm2 .sc_title .high {position:relative;z-index:1;}
.ctm2 .sc_title .high:before {content:" ";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:10px;border-radius:6px;}
.ctm2 .sc_title .high.blue:before {background-color:#26eef9;}
.ctm2 .sc_title .high.green:before {background-color:#12cf43;}

/* foreigner */
.ctm3 .tw {font-family:'Titillium Web';}
.foreigner .front {position:relative;}
.foreigner .front .slogan {position:absolute;top:46%;width:100%;transform:translateY(-50%);}
.foreigner .front .inner {max-width:1200px;margin:0 auto;padding-left:15px;}
.foreigner .front p {line-height:1.5;font-size:14px;color:#f1f7ff;}
.foreigner .front .em {line-height:1;margin-bottom:10px;font-size:56px;font-weight:600;color:#fff;}
.foreigner .container {width:1200px;margin:0 auto;padding-top:35px;}
.foreigner .container:after {content:" ";display:block;clear:both;}
.foreigner .cont {float:left;width:calc(100% - 345px);}
.foreigner .side {float:left;width:345px;padding:30px 0 0 60px;}
.foreigner .cont .section .head {padding-bottom:25px;}
.foreigner .cont .title {position:relative;margin-bottom:5px;line-height:1;font-size:36px;color:#262a3d;}
.foreigner .cont .title span {font-weight:600;}
.foreigner .cont .title:before {content:" ";position:absolute;left:-42px;bottom:7px;width:30px;height:3px;background-color:#666;}
.foreigner .cont .desc {font-size:14px;font-weight:300;color:#919191;}
.foreigner .section.pop {margin-top:50px;}
.foreigner .side .link a {display:block;position:relative;padding:28px 0 28px 92px;border-radius:20px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.foreigner .side .link a:before {content:" ";position:absolute;left:18px;top:28px;width:67px;height:60px;background:url("../../images/www/common/fg_link_class.png") no-repeat 0 0;}
.foreigner .side .link .ex:before {left:18px;top:20px;width:61px;height:62px;background-image:url("../../images/www/common/fg_link_ex.png");}
.foreigner .side .link .lab {display:block;font-size:18px;letter-spacing:0.5px;color:#2452d0;}
.foreigner .side .link p {padding-top:5px;font-size:12px;letter-spacing:0.5px;color:#777;}
.foreigner .side .link .ex {margin-top:15px;}
.side .board {padding-top:60px;}
.side .board .tab {overflow:hidden;margin-bottom:15px;}
.side .board .tab li {float:left;position:relative;margin-right:20px;}
.side .board .tab a {display:block;line-height:1;font-size:20px;font-family:'Titillium Web';font-weight:600;color:#919191;}
.side .board .tab .on a {color:#333;}
.side .board .tab li + li:before {content:" ";position:absolute;left:-10px;top:4px;width:2px;height:14px;background-color:#bcbcbc;}
.side .board .frm {clear:both;}
.side .board .frm li + li {margin-top:25px;}
.side .board .frm li a {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:18px;height:36px;font-size:14px;color:#5c5b5b;font-size:14px;}

/* open_course */
.open_course .front {position:relative;}
.open_course .front .slogan {position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);}
.open_course .front .slogan .inner {max-width:1200px;margin:0 auto;padding-left:80px;}
.open_course .front .slogan p {font-size:18px;font-weight:300;color:#000;}
.open_course .front .slogan .em {line-height:1.2;padding-bottom:8px;font-size:36px;letter-spacing:-2px;}
.open_course .front .slogan .em span {font-weight:500;}
.open_course .front .rows {height:280px;}
.open_course .section {padding:50px 0;}
.open_course .section .e_box {font-size:18px;}
.open_course .section.gray {background:#f2f2f2 url("../../images/www/bg/ocm_gray.png") no-repeat 0 0;background-size:cover;}
.open_course .section.wt {background-color:#fff;}
.open_course .section.sky {background-color:#e5f6f6;}
.open_course .section.last {padding-bottom:80px;}
.open_course .section .group + .group {padding-top:50px;}
.open_course .ct_tab {margin-top:-10px;}
.open_course .nav_tabs3 {margin-bottom:35px;}
.open_course .sc_title {margin-bottom:15px;font-size:25px;font-weight:bold;color:#212121;}
.open_course .sky .sc_title {color:#2fb7d0;}
.open_course .hd_box {position:relative;min-height:30px;margin-bottom:15px;}
.open_course .hd_box .sc_title {margin-bottom:0;}
.open_course .hd_box .add {position:absolute;right:0;bottom:5px;}
.open_course .hd_box .more {vertical-align:middle;display:inline-block;padding-right:12px;font-size:12px;color:#212121;background:url("../../images/www/common/hd_box_more.png") no-repeat 100% 50%;}


/* data_room */
.data_room .front {background:url("../../images/www/bg/mv_open_course.png") no-repeat 0 0;background-size:cover;}
.data_room .front .slogan {position:absolute;width:100%;top:50%;padding:0 340px 0 80px;transform:translateY(-50%);}
.data_room .front .slogan p {font-size:18px;font-weight:300;color:#fff;}
.data_room .front .slogan .em {padding-bottom:4px;font-size:36px;letter-spacing:-2px;}
.data_room .front .slogan .em span {font-weight:500;}
.data_room .front .rows {position:relative;height:280px;padding-right:310px;}
.data_room .category {position:absolute;right:0;top:-1px;width:310px;height:100%;background-color:#032a50;}
.data_room .category ul {overflow:hidden;padding-top:50px;}
.data_room .category li {text-align:center;float:left;width:33.3333%;height:100px;}
.data_room .category .label {font-size:18px;color:#767e92;}
.data_room .category .label span {display:block;font-weight:bold;}
.data_room .category a {display:block;width:56px;margin:0 auto;font-size:12px;color:#f2f2f2;}
.data_room .category a i {display:block;height:56px;margin-bottom:10px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;}
.data_room .category .record i {background-image:url("../../images/www/icon/ic_data_record.png");}
.data_room .category .book i {background-image:url("../../images/www/icon/ic_data_book.png");}
.data_room .category .sound i {background-image:url("../../images/www/icon/ic_data_sound.png");}
.data_room .category .score i {background-image:url("../../images/www/icon/ic_data_score.png");}
.data_room .category .lecture i {background-image:url("../../images/www/icon/ic_data_lecture.png");}
.data_room .section {padding:50px 0 55px 0;}
.data_room .section .e_box {font-size:18px;}
.data_room .section.gray {background:#f2f2f2 url("../../images/www/bg/ocm_gray.png") no-repeat 0 0;background-size:cover;}
.data_room .section.wt {background-color:#fff;}
.data_room .section.sky {background-color:#e5f6f6;}
.data_room .section.last {padding-bottom:80px;}
.data_room .section .group + .group {padding-top:50px;}
.data_room .ct_tab {margin-top:-10px;}
.data_room .nav_tabs3 {margin-bottom:35px;}
.data_room .sc_title {line-height:1;margin-bottom:20px;font-size:25px;font-weight:bold;color:#212121;}
.data_room .sky .sc_title {color:#2fb7d0;}



.data_room.ko .front {background:url("../../images/www/bg/mv_open_course_ko.png") no-repeat 0 0;background-size:cover;}
.data_room.ko .front .rows {height:300px;}
.data_room.ko .front .slogan .em {font-size:38px;}
.data_room.ko .front .slogan p {font-size:20px;}
.data_room.ko .category ul {padding-top:55px;}
.data_room.ko .category li {height:110px;}

/* data_li */
.data_li {margin:-15px -15px 0 -15px;}
.data_li:after {content:" ";display:block;clear:both;}
.data_li > li {float:left;width:20%;padding:15px 15px 0 15px;}
.data_li .inner {position:relative;border-radius:5px;}
.data_li .inner:after {opacity:0.5;content:" ";position:absolute;left:0;bottom:0;width:100%;height:99px;background-repeat:repeat-x;background-position:0 0;}
.data_li .inner:before {display:none;content:" ";position:absolute;left:10px;top:10px;z-index:1;width:100%;height:100%;border-radius:20%;background:rgba(0,0,0,0.2);filter:blur(8px);}
.data_li .title {position:absolute;top:37px;left:50%;z-index:11;line-height:1;padding-bottom:8px;font-size:18px;font-weight:bold;transform:translateX(-50%);}
.data_li .bg {height:270px;background-repeat:no-repeat;background-position:100% 100%;}
.data_li .ct {display:none;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;border:1px solid #e8e8e8;border-radius:5px;background-color:#fff;box-shadow:2px 4px 5px rgba(0,0,0,0.12);}
.data_li .ct ul {padding:95px 30px 0 30px;}
.data_li .ct li + li {margin-top:12px;}
.data_li .ct li a {display:block;position:relative;height:20px;line-height:18px;padding-left:40px;}
.data_li .ct li a:hover {text-decoration:underline;}
.data_li .ct .ord {text-align:center;position:absolute;left:0;top:0;width:24px;height:20px;line-height:20px;border-radius:5px;font-size:11px;color:#fff;background-color:#777;}
.data_li .ct .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:14px;color:#333;}
.data_li .record .title {border-bottom:3px solid #e05d5d;color:#e05d5d;}
.data_li .record .inner {background-color:#fbd1d1;}
.data_li .record .inner:after {background-image:url("../../images/www/bg/sd_data_record.png");}
.data_li .record .bg {background-image:url("../../images/www/bg/bg_data_record.png");}
.data_li .record .ct .ord {background-color:#e05d5d;}
.data_li .book .title {border-bottom:3px solid #f2b140;color:#f2b140;}
.data_li .book .inner {background-color:#f9dca9;}
.data_li .book .inner:after {background-image:url("../../images/www/bg/sd_data_book.png");}
.data_li .book .bg {background-image:url("../../images/www/bg/bg_data_book.png");}
.data_li .book .ct .ord {background-color:#f2b140;}
.data_li .sound .title {border-bottom:3px solid #6fb14f;color:#6fb14f;}
.data_li .sound .inner {background-color:#d2e9c7;}
.data_li .sound .inner:after {background-image:url("../../images/www/bg/sd_data_sound.png");}
.data_li .sound .bg {background-image:url("../../images/www/bg/bg_data_sound.png");}
.data_li .sound .ct .ord {background-color:#6fb14f;}
.data_li .score .title {border-bottom:3px solid #4ea7cb;color:#4ea7cb;}
.data_li .score .inner {background-color:#c5e5f2;}
.data_li .score .inner:after {background-image:url("../../images/www/bg/sd_data_score.png");}
.data_li .score .bg {background-image:url("../../images/www/bg/bg_data_score.png");}
.data_li .score .ct .ord {background-color:#4ea7cb;}
.data_li .lecture .title {border-bottom:3px solid #3ba6a8;color:#3ba6a8;}
.data_li .lecture .inner {background-color:#b0ddde;}
.data_li .lecture .inner:after {background-image:url("../../images/www/bg/sd_data_lecture.png");}
.data_li .lecture .bg {background-image:url("../../images/www/bg/bg_data_lecture.png");}
.data_li .lecture .ct .ord {background-color:#3ba6a8;}
.data_li li .inner:hover .ct, .data_li li .inner:hover:before {display:block;}

/* edu_list */
.edu_li {margin:-15px;}
.edu_li:after {content:" ";display:block;clear:both;}
.edu_li > li {float:left;width:25%;padding:15px;}
.edu_li .inner {position:relative;}
.edu_li .sub {display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:44px;line-height:22px;font-size:16px;font-weight:500;color:#212121;}
.edu_li .con {border:1px solid #e9e9e9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#fff;box-shadow:0 2px 1px rgba(186,186,186,0.21);}
.edu_li .con .top {height:65px;padding:10px 15px 0 15px;}
.edu_li .img {overflow:hidden;display:block;position:relative;width:100%;height:0;border-top-left-radius:10px;border-top-right-radius:10px;padding-bottom:75%;}
.edu_li .img img {position:absolute;width:100%;height:100%;}
.edu_li .type {text-align:center;position:absolute;left:0;top:20px;z-index:2;min-width:50px;height:28px;line-height:28px;padding:0 8px 0 4px;border-top-right-radius:15px;border-bottom-right-radius:15px;font-size:13px;color:#fff;background-color:#f45470;}
.edu_li .type.green {background-color:#8dc979;}
.edu_li .type.red {background-color:#f45470;}
.edu_li .type.cyan {background-color:#50b4b6;}
.edu_li .type.yellow {background-color:#f2b140;}
.edu_li .type.blue {background-color:#4ea7cb;}
.edu_li.series .con {border:none;background:none;box-shadow:none;}
.edu_li.series .con .top {height:auto;padding:15px 20px 0 15px;}
.edu_li.series .sub {height:inherit;line-height:inherit;}
.edu_li.series .sub p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:20px;}
.edu_li.series .con .btn {position:relative;display:inline-block;padding-right:15px;font-size:13px;}
.edu_li.series .con .btn:before {content:" ";position:absolute;right:0;top:5px;width:7px;height:11px;background:url("../../images/www/common/img_main.png") no-repeat -36px 0;}
.edu_li .item {height:80px;padding:0 20px;}
.edu_li .item li {position:relative;font-size:14px;font-weight:300;letter-spacing:-0.3px;color:#af7b3d;}
.edu_li .item li .val {font-weight:300;}
.edu_li .item li .icc {position:absolute;left:0;top:0;}
.edu_li .item li .icc:before {font-size:22px;}
.edu_li .item li + li {margin-top:3px;}
.edu_vt_li li + li {margin-top:10px;}
.edu_vt_li .top {padding:5px 5px 0 5px;}
.edu_vt_li .sub {-webkit-line-clamp:2;height:36px;line-height:18px;font-size:14px;color:#212121;}
.edu_vt_li .img {overflow:hidden;display:block;position:relative;width:100%;height:0;border-radius:10px;padding-bottom:56.25%;}
.edu_vt_li .img img {position:absolute;width:100%;height:100%;}
.edu_vt_li .item {overflow:hidden;padding-top:3px;}
.edu_vt_li .item li {float:left;line-height:20px;margin-right:10px;}
.edu_vt_li .item .ic {position:relative;padding-left:25px;font-size:13px;}
.edu_vt_li .item .icc {position:absolute;left:0;top:0;}
.edu_vt_li .item .icc:before {font-size:18px;color:#fa7a62;}
.edu_vt_li .item .play_b {top:-2px;}
.portal .edu_li .img {border-radius:0;}
.half .edu_li > li {width:50%;}
.edu_li.data .img {border-radius:20px;}
.edu_li.data .con {border:0;box-shadow:none;}
.edu_li.data .con .top {padding:0 10px;}
.edu_li .sub .icc {line-height:24px;margin:-4px 5px 0 0;}
.edu_li .info {overflow:hidden;height:25px;padding:0 10px 0 10px;font-size:14px;font-weight:300;letter-spacing:-0.3px;color:#af7b3d;}
.edu_li .info ul {overflow:hidden;}
.edu_li .info li {position:relative;float:left;padding:0 10px;}
.edu_li .info li + li:before {content:" ";position:absolute;left:0;top:5px;width:1px;height:11px;background-color:#ba9d7f;}
.edu_li .info li:first-child {padding-left:0;}
.edu_li .info2 {overflow:hidden;height:35px;padding:0 15px;font-size:14px;font-weight:300;letter-spacing:-0.3px;color:#af7b3d;}
.edu_li .info2 ul {overflow:hidden;}
.edu_li .info2 li {position:relative;float:left;padding:0 10px;}
.edu_li .info2 li + li:before {content:" ";position:absolute;left:0;top:5px;width:1px;height:11px;background-color:#ba9d7f;}
.edu_li .info2 li:first-child {padding-left:0;}
.evt_ban {margin-bottom:10px;}
.evt_ban .head {padding:15px;background-color:#197a99;}
.evt_ban .head .tog {position:relative;display:block;padding-left:40px;font-size:16px;color:#fff;}
.evt_ban .head .tog:before {content:"\e5c5";position:absolute;left:0;top:-5px;font-family:"Material Icons";line-height:1;font-size:36px;color:#fff;}
.evt_ban .head.on .tog:before {content:"\e5c7";top:-4px;}
.evt_ban .ct {display:none;}
.evt_ban .head.on + .ct {display:block;}
.evt_ban .ct {padding:15px;border:1px solid #dcdcdc;border-top:0;}
.evt_ban dl {overflow:hidden;}
.evt_ban dt, .evt_ban dd {float:left;}
.evt_ban dt {width:120px;color:#212112;}
.evt_ban dd {width:calc(100% - 120px);padding-left:10px;}
.evt_ban .que {margin-top:10px;}
.evt_ban .que .group {padding:10px;border-radius:5px;background-color:#f5f7f9;}
.evt_ban .que .group + .group {margin-top:10px;}
.evt_ban .que .lab {position:relative;padding-left:25px;}
.evt_ban .que .ord {text-align:center;position:absolute;left:0;top:1px;width:20px;height:20px;line-height:20px;border-radius:2px;font-size:13px;color:#fff;background-color:#197a99;}
.evt_ban .que .ex {padding-top:8px;}
.evt_ban .que .ex li {position:relative;padding-left:20px;}
.evt_ban .que .ex.col li {display:inline-block;margin-right:10px;}
.evt_ban .que .ex .num {position:absolute;left:0;top:0;}

/* edu_fg_list */
.edu_fg_li {margin:-15px;}
.edu_fg_li:after {content:" ";display:block;clear:both;}
.edu_fg_li > li {float:left;width:25%;padding:15px;}
.edu_fg_li .inner {position:relative;}
.edu_fg_li .con {height:116px;padding:15px 5px 0 5px;}
.edu_fg_li .sub {overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:24px;height:48px;font-size:20px;color:#333;}
.edu_fg_li .frm {position:relative;}
.edu_fg_li .frm:before {content:" ";position:absolute;left:2px;top:2px;width:100%;height:100%;background-color:#aeacad;}
.edu_fg_li .img {overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;}
.edu_fg_li .img img {position:absolute;width:100%;height:100%;}
.edu_fg_li .video:before {content:" ";position:absolute;z-index:1;width:100%;height:100%;background:url("../../images/www/common/dim_2x_40p.png") repeat 0 0;}
.edu_fg_li .video:after {content:" ";position:absolute;z-index:2;left:50%;top:50%;width:52px;height:52px;border-radius:50%;font-size:0;background:#262932 url("../../images/www/common/edu_fg_li_play.png") no-repeat 60% 50%;transform:translate(-50%, -50%);}
.edu_fg_li .type {position:absolute;left:0;top:20px;z-index:2;min-width:36px;height:18px;line-height:18px;padding-left:4px;text-transform:uppercase;font-size:8px;color:#fff;background-color:#f45470;box-shadow:0 2px 2px rgba(0, 0, 0, 0.35);}
.edu_fg_li .type.green {background-color:#00b06f;}
.edu_fg_li .type.red {background-color:#ef767a;}
.edu_fg_li .type.cyan {background-color:#8dc979;}
.edu_fg_li .type.orange {background-color:#ff8448;}
.edu_fg_li .date {display:block;height:18px;font-size:12px;font-weight:300;color:#919191;}
.edu_fg_li .item {height:35px;padding-top:15px;}
.edu_fg_li .item li {position:relative;font-size:12px;font-weight:300;color:#919191;}
.edu_fg_li .item li span {vertical-align:middle;display:inline-block;}
.edu_fg_li .item li .lab {margin-right:2px;height:16px;}
.edu_fg_li .item li .val {font-weight:300;}
.edu_fg_li .item li .icc:before {font-size:16px;}

/* edu_on_li */
.edu_on_li {margin:-15px;}
.edu_on_li:after {content:" ";display:block;clear:both;}
.edu_on_li > li {float:left;width:25%;padding:15px;}
.edu_on_li .inner {position:relative;}
.edu_on_li .inner:focus + .ct {display:block;} /* 2023 a11y */
.edu_on_li .sub {outline:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;font-weight:500;letter-spacing:-0.3px;color:#212121;}
.edu_on_li .con {height:130px;padding:10px;background-color:#fff;}
.edu_on_li .multi .sub {white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;line-height:20px;}
.edu_on_li .con .top.multi {height:62px;padding-top:15px;}
.edu_on_li .img {overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:75%;}
.edu_on_li .img img {position:absolute;width:100%;height:100%;}
.edu_on_li .item {height:80px;padding:0 20px;}
.edu_on_li .item li {position:relative;font-size:14px;font-weight:300;letter-spacing:-0.3px;color:#af7b3d;}
.edu_on_li .item li .val {font-weight:300;}
.edu_on_li .item li .icc {position:absolute;left:0;top:0;}
.edu_on_li .item li .icc:before {font-size:22px;}
.edu_on_li .item li + li {margin-top:3px;}
.edu_on_li .bar {overflow:hidden;position:relative;z-index:10;height:46px;padding-top:10px;}
.edu_on_li .bar li {float:left;width:calc(50% - 7px);}
.edu_on_li .bar li:first-child {margin-right:14px;}
.edu_on_li .bar a {text-align:center;display:block;height:36px;line-height:36px;padding:0 10px;letter-spacing:-0.23px;color:#fff;background-color:#282828;font-size:14px;color:#fff;}
.edu_on_li .bar a:focus {opacity:0.5;}
.edu_on_li .bar a.wt {line-height:35px;border:1px solid #282728;color:#333;background-color:#fff;}
.edu_on_li .c_rating {height:24px;}
.edu_on_li .group {position:absolute;left:10px;top:10px;z-index:10;border-radius:2px;}
.edu_on_li .group li {position:relative;float:left;line-height:24px;padding:0 7px;font-size:12px;font-weight:300;color:#fff;background-color:#4d4141;}
.edu_on_li .group li + li:before {content:" ";position:absolute;left:0;top:8px;width:1px;height:8px;background-color:#8b8381;}
.edu_on_li .group .bk {background-color:#4d4141;}
.edu_on_li .group .gray {background-color:#989b9f;}
.edu_on_li .group .d_gray {background-color:#676c71;}
.edu_on_li .group .l_gray {background-color:#a4a4a4;}
.edu_on_li .group .blue {background-color:#008bc4;}
.edu_on_li .group .st_blue {background-color:#0450b0;}
.edu_on_li .group .d_blue {background-color:#2b65dc;}
.edu_on_li .group .green {background-color:#50b4b6;}
.edu_on_li .group .orange {background-color:#fa7a62;}
.edu_on_li .group .bk {background-color:#212121;}
.edu_on_li .group .turq {background-color:#1f9ab9;}
.edu_on_li .ct {display:none;cursor:default;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;padding-bottom:70px;background-color:#C0573A;} /* overflow-y:auto; */
.edu_on_li .ct > a {display:block;overflow-x:hidden;overflow-y:auto;height:100%;padding:15px 15px 0 15px;}
.edu_on_li .ct.on {display:block;}
.edu_on_li .ct .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;font-size:16px;font-weight:500;color:#fff;}
.edu_on_li .ct .info {font-size:12px;font-weight:300;color:#fff;}
.edu_on_li .ct .info .lab {height:20px;line-height:20px;padding:0 5px;border-radius:2px;background-color:#000;}
.edu_on_li .ct .info .val {display:block;}
.edu_on_li .ct .info li + li {margin-top:10px;}
.edu_on_li .ct .bar {position:absolute;width:calc(100% - 30px);left:15px;bottom:15px;}
.edu_on_li .slick-list {overflow:visible;}

/* edu_off_li */
.edu_off_li {margin:-15px;}
.edu_off_li:after {content:" ";display:block;clear:both;}
.edu_off_li > li {float:left;width:25%;padding:15px;}
.edu_off_li .inner {position:relative;}
.edu_off_li .sub {outline:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;font-weight:500;letter-spacing:-0.3px;color:#212121;}
.edu_off_li .con {height:100px;background-color:#fff;}
.edu_off_li .multi .sub {white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;line-height:20px;}
.edu_off_li .con .top.multi {height:62px;padding-top:15px;}
.edu_off_li .img {outline:none;overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:75%;}
.edu_off_li .img img {position:absolute;width:100%;height:100%;}
.edu_off_li .type {text-align:center;position:absolute;left:0;top:20px;z-index:2;min-width:60px;height:28px;line-height:28px;padding:0 8px 0 4px;border-top-right-radius: 15px;border-bottom-right-radius:15px;font-size:13px;color:#fff;background-color:#f45470;}
.edu_off_li .type.green {background-color:#8dc979;}
.edu_off_li .type.red {background-color:#f45470;}
.edu_off_li .type.cyan {background-color:#50b4b6;}
.edu_off_li .type.gray {background-color:#989b9f;}
.edu_off_li .bar {overflow:hidden;height:34px;padding-top:10px;}
.edu_off_li .bar span {overflow:hidden;text-align:center;float:left;height:24px;line-height:24px;margin-left:6px;padding:0 10px;border-radius:2px;letter-spacing:-0.23px;color:#fff;background-color:#282828;font-size:12px;color:#fff;}
.edu_off_li .bar span:first-child {margin-left:0;}
.edu_off_li .bar span.cyan {background-color:#50b4b6;}
.edu_off_li .bar span.green {background-color:#88c053;}
.edu_off_li .bar span.orange {background-color:#fa7a62;}
.edu_off_li .bar span.red {background-color:#f45470;}
.edu_off_li .bar span.gray {background-color:#989b9f;}
.edu_off_li .bar span.blue {background-color:#008bc4;}
.edu_off_li .c_rating {height:24px;}
.edu_off_li .group {position:absolute;left:10px;bottom:10px;z-index:10;border-radius:2px;background-color:#4d4141;}
.edu_off_li .group li {position:relative;float:left;line-height:24px;padding:0 7px;font-size:12px;font-weight:300;color:#fff;}
.edu_off_li .group li + li:before {content:" ";position:absolute;left:0;top:8px;width:1px;height:8px;background-color:#8b8381;}
.edu_off_li .ct {display:none;cursor:default;overflow-y:auto;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;padding:15px 15px 0 15px;background-color:#fa7a62;}
.edu_off_li .ct.on {display:block;}
.edu_off_li .ct .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;font-size:16px;font-weight:500;color:#fff;}
.edu_off_li .ct .info {font-size:12px;font-weight:300;color:#fff;}
.edu_off_li .ct .info .lab {height:20px;line-height:20px;padding:0 5px;border-radius:2px;background-color:#e56b57;}
.edu_off_li .ct .info .val {display:block;}
.edu_off_li .ct .info li + li {margin-top:10px;}

/* data_detail */
.data_detail {border-top:1px solid #282728;}
.data_detail .info {position:relative;padding:20px 190px 20px 15px;}
.data_detail .cont {margin-bottom:20px;border-bottom:1px solid #dfdfdf;}
.data_detail .info .sort {vertical-align:middle;display:inline-block;line-height:28px;margin:4px 4px 4px 0;padding:0 15px;border-radius:15px;color:#fff;background-color:#f45470;}
.data_detail .info .sort.cyan {background-color:#50b4b6;}
.data_detail .info .sort.green {background-color:#88c053;}
.data_detail .info .sort.orange {background-color:#fa7a62;}
.data_detail .info .sort.red {background-color:#f45470;}
.data_detail .info .sort.gray {background-color:#989b9f;}
.data_detail .info .sort.blue {background-color:#008bc4;}
.data_detail .info .sub {vertical-align:middle;display:inline-block;line-height:1.3;font-size:22px;font-weight:500;color:#212121;}
.data_detail .info .lecture {margin-bottom:10px;}
.data_detail .info .lecture .sort {margin:0 5px 0 0;}
.data_detail .info .lecture .name {vertical-align:middle;display:inline-block;font-size:20px;font-weight:500;}
.data_detail .group {padding:0 15px;}
.data_detail .group + .group {margin-top:20px;}
.data_detail .group .desc {min-height:100px;padding:15px;border-radius:10px;background-color:#f8f8f8;}
/* border:1px solid #ddd; */
.data_detail .info .item {padding-top:35px;}
.data_detail .info .item li {position:relative;padding-left:30px;font-size:16px;font-weight:300;color:#212121;}
.data_detail .info .item li + li {margin-top:10px;}
.data_detail .info .item i {position:absolute;left:0;top:2px;}
.data_detail.thumb .cont {position:relative;min-height:248px;padding-left:238px;border-bottom:1px solid #dfdfdf;}
.data_detail.thumb .img {overflow:hidden;display:block;position:absolute;left:15px;top:20px;width:213px;height:202px;}
.data_detail.thumb img {position:absolute;width:100%;height:100%;}
.data_detail .add_file {position:relative;}
.data_detail .add_file a {position:relative;display:block;padding:15px 15px 15px 40px;border:1px solid #ddd;border-radius:10px;color:#212121;background-color:#f8f8f8;}
.data_detail .add_file a:before {content:"\e226";position:absolute;left:10px;top:15px;font-family:'Material Icons';font-size:24px;color:#fa503f;transform:rotate(45deg);}
.data_detail .add_file a + a {margin-top:10px;}
.data_detail .group .desc a {color:#2b65dc;}
.tbl_item thead {border-bottom:1px solid #000;}
.tbl_item thead th {height:50px;font-size:15px;font-weight:500;color:#212121;background-color:#f8f8f9;}
.tbl_item th, .tbl_item td {padding:5px 10px;}
.tbl_item {background-color:#f0f0f0;}
.tbl_item .group {font-weight:500;color:#212121;}
.tbl_item tr:nth-child(odd) {background-color:#f8f8f8;}
.tbl_item td {text-align:center;height:50px;}
.tbl_item .sub {padding-left:25px;}
.tbl_item .group .sub {padding-left:10px;}
.tbl_item .btn {display:inline-block;padding:0 5px;}
.tbl_item .btn .icc:before {color:#212121;}
.tbl_item .btn:hover .icc:before {color:#f45470;}
.tbl_item .radio_button_checked:before {color:#777;}
.tbl_item.course .check {width:7%;}
.tbl_item.course .step {width:10%;}
.tbl_item.course .play {width:15%;}
.tbl_item.data .down {width:15%;}
.tbl_item.data .listen {width:15%;}
.tbl_item.data .view {width:15%;}
.audio_box .title {margin-bottom:10px;font-size:18px;color:#212121;}
.audio_box audio {width:100%;outline:none;}
.sns_like .like {display:inline-block;position:relative;height:40px;line-height:37px;padding:0 15px 0 45px;border:2px solid #c7c7c7;border-radius:40px;font-size:16px;}
.sns_like .like .favor {position:absolute;left:18px;top:7px;width:24px;height:24px;}
.sns_like .like .favor:before {vertical-align:top;color:#c7c7c7;}
.sns_like .like.on {color:#f45470;border-color:#f45470;}
.sns_like .like.on .favor:before {color:#f45470;}
.data_detail .sns_like {position:absolute;right:0;bottom:18px;}
.study_win .sns_like {text-align:right;padding-top:15px;}

/* edu_on_detail */
.edu_on_detail {border-top:1px solid #282728;}
.edu_on_detail .cont {position:relative;min-height:196px;padding:20px 0 0 276px;}
.edu_on_detail .info {position:relative;min-height:75px;padding:0 190px 20px 0;}
.edu_on_detail .info .sort {vertical-align:middle;display:inline-block;line-height:28px;margin-bottom:10px;padding:0 15px;border-radius:15px;color:#fff;background-color:#f45470;}
.edu_on_detail .info .green {background-color:#88c053;}
.edu_on_detail .info .sub {line-height:1.3;font-size:22px;font-weight:500;color:#212121;}
.edu_on_detail .info .lecture {margin-bottom:10px;}
.edu_on_detail .info .lecture .sort {margin:0 5px 0 0;}
.edu_on_detail .info .lecture .name {vertical-align:middle;display:inline-block;font-size:20px;font-weight:500;}
.edu_on_detail .group + .group {margin-top:20px;}
.edu_on_detail .info .item {padding-top:35px;}
.edu_on_detail .info .item li {position:relative;padding-left:30px;font-size:16px;font-weight:300;color:#212121;}
.edu_on_detail .info .item li + li {margin-top:10px;}
.edu_on_detail .info .item i {position:absolute;left:0;top:2px;}
.edu_on_detail .img {overflow:hidden;display:block;position:absolute;left:15px;top:20px;width:236px;height:177px;}
.edu_on_detail .img img {position:absolute;width:100%;height:100%;}
.edu_on_detail .cont .sns {position:absolute;right:0;top:0;}
.edu_on_detail .cont .sns:after {content:" ";clear:both;display:block;}
.edu_on_detail .cont .sns li {float:left;margin:0 7px 5px 0;}
.edu_on_detail .cont .sns a {display:block;position:relative;width:36px;height:36px;font-size:0;background:url("../../images/www/icon/ic_sns.png") no-repeat 0 0;}
.edu_on_detail .cont .sns .url {background-image:url("../../images/www/icon/ic_url.png");}
.edu_on_detail .cont .sns .insta {background-image:url("../../images/www/icon/ic_insta.png");}
.edu_on_detail .cont .sns .twitter {background-position-x:-36px;}
.edu_on_detail .cont .sns .wish {background-position-x:-72px;}
.edu_on_detail .cont .sns .wish.on {background-position-x:-108px;}
.edu_on_detail .cont .sns .like {background-position-x:-144px;}
.edu_on_detail .cont .sns .like.on {background-position-x:-180px;}
.edu_on_detail .cont .sns a:before {display:none;content:" ";text-align:center;position:absolute;left:50%;top:-38px;width:50px;height:32px;line-height:32px;margin-left:-25px;border-radius:4px;font-size:12px;color:#fff;background:#f45470;}
.edu_on_detail .cont .sns .insta:before {width:60px;margin-left:-30px;}
.edu_on_detail .cont .sns a:after {display:none;content:" ";position:absolute;left:50%;top:-8px;margin-left:-3px;border-top:6px solid #f45470;border-left:3px solid transparent;border-right:3px solid transparent;}
.edu_on_detail .cont .sns .facebook:before {content:"페이스북";}
.edu_on_detail .cont .sns .twitter:before {content:"트위터";}
.edu_on_detail .cont .sns .wish:before {content:"찜하기";}
.edu_on_detail .cont .sns .like:before {content:"좋아요";}
.edu_on_detail .cont .sns .url:before {content:"URL 복사";}
.edu_on_detail .cont .sns .insta:before {content:"인스타그램";}
.edu_on_detail .cont .sns a:hover:before, .edu_on_detail .cont .sns a:hover:after {display:block;}
.edu_on_detail .c_rating {margin-top:5px;}
.edu_on_detail .btn {text-align:center;padding:20px 0;}
.edu_on_detail .adm_info {clear:both;overflow:hidden;padding:15px;border-radius:10px;background-color:#f8f8f9;}
.edu_on_detail .adm_info li {position:relative;line-height:1.6;padding-left:13px;}
.edu_on_detail .adm_info li:before {content:" ";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#ba9d7f;}
.edu_on_detail .adm_info li span {display:inline-block;position:relative;}
.edu_on_detail .adm_info .lab {margin-right:5px;padding-right:10px;font-weight:500;}
.edu_on_detail .adm_info .lab:before {content:":";position:absolute;right:0;top:0;}
.edu_on_detail .adm_info .wd .val {display:block;}
.edu_on_detail .tab {padding-bottom:10px;}
.edu_on_detail .tab .sort {margin-bottom:0;}
.edu_on_detail .tab .cyan {background-color:#50b4b6;}
.edu_on_detail .tab .green {background-color:#88c053;}
.edu_on_detail .tab .orange {background-color:#fa7a62;}
.edu_on_detail .tab .red {background-color:#f45470;}
.edu_on_detail .tab .gray {background-color:#989b9f;}
.edu_on_detail .tab .blue {background-color:#008bc4;}
.edu_on_detail.off .adm_info {padding:20px 15px;}
.edu_on_detail.off .adm_info li {float:left;width:50%;}

/* edu_detail */
.edu_detail .main {overflow:hidden;position:relative;margin-bottom:40px;}
.edu_detail .cont {float:left;width:calc(100% - 270px);}
.edu_detail .side {float:right;width:215px;}
.edu_detail .cont .viewer {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;border-radius:10px;}
.edu_detail .cont .viewer iframe, .edu_detail .cont .viewer > div {position:absolute;left:0;top:0;width:100%;height:100%;}
.edu_detail .cont .viewer .img {position:absolute;left:50%;top:46%;width:472px;height:354px;transform:translate(-50%, -50%);}
.edu_detail .cont .viewer .img img {display:block;}
.edu_detail .cont .viewer video {outline:none;}
.edu_detail .cont .info {position:relative;padding:20px 245px 0 15px;}
.edu_detail .cont .info .sub {line-height:1.4;font-size:20px;font-weight:500;color:#212121;}
.ctm2 .edu_detail .cont .info .sub {font-family:NanumSquareRound;font-weight:800;}
.edu_detail .cont .info .item {overflow:hidden;margin-top:10px;}
.edu_detail .cont .info .item li {float:left;line-height:24px;margin-right:10px;}
.edu_detail .cont .info .item .ic {position:relative;padding-left:27px;}
.edu_detail .cont .info .item .icc {position:absolute;left:0;top:0;}
.edu_detail .cont .info .item .icc:before {color:#fa7a62;}
.edu_detail .cont .info .item .play_b {top:-2px;}
.edu_detail .cont .sns {position:absolute;right:0;top:20px;}
.edu_detail .cont .sns li {float:left;}
.edu_detail .cont .sns li + li {margin-left:10px;}
.edu_detail .cont .sns a {display:block;position:relative;width:36px;height:36px;font-size:0;background:url("../../images/www/icon/ic_sns.png") no-repeat 0 0;}
.edu_detail .cont .sns .insta {background-image:url("../../images/www/icon/ic_insta.png");}
.edu_detail .cont .sns .url {background-image:url("../../images/www/icon/ic_url.png");}
.edu_detail .cont .sns .twitter {background-position-x:-36px;}
.edu_detail .cont .sns .wish {background-position-x:-72px;}
.edu_detail .cont .sns .wish.on {background-position-x:-108px;}
.edu_detail .cont .sns .like {background-position-x:-144px;}
.edu_detail .cont .sns .like.on {background-position-x:-180px;}
.edu_detail .cont .sns a:before {display:none;content:" ";text-align:center;position:absolute;left:50%;top:-38px;width:50px;height:32px;line-height:32px;margin-left:-25px;border-radius:4px;font-size:12px;color:#fff;background:#f45470;}
.edu_detail .cont .sns .insta:before {width:60px;margin-left:-30px;}
.edu_detail .cont .sns a:after {display:none;content:" ";position:absolute;left:50%;top:-8px;margin-left:-3px;border-top:6px solid #f45470;border-left:3px solid transparent;border-right:3px solid transparent;}
.edu_detail .cont .sns .facebook:before {content:"페이스북";}
.edu_detail .cont .sns .twitter:before {content:"트위터";}
.edu_detail .cont .sns .wish:before {content:"찜하기";}
.edu_detail .cont .sns .like:before {content:"좋아요";}
.edu_detail .cont .sns .url:before {content:"URL 복사";}
.edu_detail .cont .sns .insta:before {content:"인스타그램";}
.edu_detail .cont .sns a:hover:before, .edu_detail .cont .sns a:hover:after {display:block;}
.edu_detail .side .c_title3 {display:none;}
.edu_detail .main.flex {margin-bottom:0;}
.edu_detail .info_item {clear:both;padding-top:40px;}
.ctm3 .edu_detail .cont .sns .facebook:before {content:"Facebook";}
.ctm3 .edu_detail .cont .sns .twitter:before {content:"Twitter";}
.ctm3 .edu_detail .cont .sns .wish:before {content:"Wish";}
.ctm3 .edu_detail .cont .sns .like:before {content:"Like";}
.ctm3 .edu_detail .cont .sns .url:before {content:"Copy url";}
.ctm3 .edu_detail .cont .sns .insta:before {content:"Instagram";}

/* edu_kid_li */
.edu_kid_li {margin:-15px -15px 0 -15px;}
.edu_kid_li:after {content:" ";display:block;clear:both;}
.edu_kid_li > li {float:left;width:25%;padding:15px 15px 0 15px;}
.edu_kid_li .inner {position:relative;}
.edu_kid_li .sub {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-family:NanumSquareRound;font-weight:800;letter-spacing:-0.3px;color:#212121;}
.edu_kid_li .con .top {height:42px;padding-top:15px;}
.edu_kid_li .con .desc {overflow:hidden;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;line-height:20px;font-size:14px;font-weight:300;letter-spacing:-0.3px;color:#212121;}
.edu_kid_li .info {height:56px;padding-top:10px;font-size:14px;font-weight:300;letter-spacing:-0.3px;color:#af7b3d;}
.edu_kid_li .info ul {overflow:hidden;}
.edu_kid_li .info li {position:relative;float:left;padding:0 10px;}
.edu_kid_li .info li + li:before {content:" ";position:absolute;left:0;top:5px;width:1px;height:11px;background-color:#ba9d7f;}
.edu_kid_li .info li:first-child {padding-left:0;}
.edu_kid_li .info .tag {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.edu_kid_li .info .tag span {margin-right:3px;}
.edu_kid_li .img {display:block;position:relative;width:100%;height:0;padding-bottom:75%;}
.edu_kid_li .img img {position:absolute;width:100%;height:100%;border-radius:20px;}
.edu_kid_li .video:before {content:" ";position:absolute;z-index:1;width:100%;height:100%;border-radius:20px;background:url("../../images/www/common/dim_2x_40p.png") repeat 0 0;}
.edu_kid_li .video:after {content:" ";position:absolute;z-index:2;left:50%;top:50%;width:47px;height:61px;transform:translate(-50%, -50%);font-size:0;background:url("../../images/www/common/edu_kid_li_play.png") no-repeat 0 0;}
.edu_kid_li .type {text-align:center;position:absolute;left:0;bottom:0;z-index:2;min-width:65px;height:28px;line-height:28px;padding-right:8px;border-top-right-radius:30px;font-size:13px;color:#fff;background-color:#fff;}
.edu_kid_li .type.green {color:#8dc979;}
.edu_kid_li .type.red {color:#f45470;}
.edu_kid_li .type.cyan {color:#50b4b6;}
.edu_kid_li.bg .info {color:#666;}
.edu_kid_li.bg .img {overflow:hidden;border:3px solid #fff;border-radius:20px;}

/* edu_kid_li */
.edu_kid_li {margin:-15px -15px 0 -15px;}
.edu_kid_li:after {content:" ";display:block;clear:both;}
.edu_kid_li > li {float:left;width:25%;padding:15px 15px 0 15px;}
.edu_kid_li .inner {position:relative;}
.edu_kid_li .sub {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-family:NanumSquareRound;font-weight:800;letter-spacing:-0.3px;color:#212121;}
.edu_kid_li .con .top {height:42px;padding-top:15px;}
.edu_kid_li .con .desc {overflow:hidden;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;line-height:20px;font-size:14px;font-weight:300;letter-spacing:-0.3px;color:#212121;}
.edu_kid_li .info {height:56px;padding-top:10px;font-size:14px;font-weight:300;letter-spacing:-0.3px;color:#af7b3d;}
.edu_kid_li .info ul {overflow:hidden;}
.edu_kid_li .info li {position:relative;float:left;padding:0 10px;}
.edu_kid_li .info li + li:before {content:" ";position:absolute;left:0;top:5px;width:1px;height:11px;background-color:#ba9d7f;}
.edu_kid_li .info li:first-child {padding-left:0;}
.edu_kid_li .info .tag {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.edu_kid_li .info .tag span {margin-right:3px;}
.edu_kid_li .img {display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;}
.edu_kid_li .img img {position:absolute;width:100%;height:100%;border-radius:20px;}
.edu_kid_li .video:before {content:" ";position:absolute;z-index:1;width:100%;height:100%;border-radius:20px;background:url("../../images/www/common/dim_2x_40p.png") repeat 0 0;}
.edu_kid_li .video:after {content:" ";position:absolute;z-index:2;left:50%;top:50%;width:47px;height:61px;transform:translate(-50%, -50%);font-size:0;background:url("../../images/www/common/edu_kid_li_play.png") no-repeat 0 0;}
.edu_kid_li .type {text-align:center;position:absolute;left:0;bottom:0;z-index:2;min-width:65px;height:28px;line-height:28px;padding-right:8px;border-top-right-radius:30px;font-size:13px;color:#fff;background-color:#fff;}
.edu_kid_li .type.green {color:#8dc979;}
.edu_kid_li .type.red {color:#f45470;}
.edu_kid_li .type.cyan {color:#50b4b6;}
.edu_kid_li.bg .info {color:#666;}
.edu_kid_li.bg .img {overflow:hidden;border:3px solid #fff;border-radius:20px;}

/* common */
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.al {text-align:left !important;}
.acc {font-weight:bold;} /* accent */
a.line {text-decoration:underline;} /* underline */
.ast {color:#f45470;font-weight:bold;} /* asterisk */
.blind {overflow:hidden;display:block;position:absolute;left:-9999px;width:1px;height:1px;}
.bold {font-weight:500 !important;}
.ds_ib {vertical-align:middle;display:inline-block;}
.els {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;} /* ellipsis */
.els_cl {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;} /* line-clamp */
.e_box {text-align:center;padding:25px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} /* empty box */
.e_box.img {padding:0 0 40px 0;border:0;}
.e_box.img .frm {display:inline-block;width:236px;height:177px;}
.e_box.img .frm + p {margin-top:-15px;font-size:16px;}
.fl {float:left;}
.fr {float:right;}
.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;}
.vs_rg {display:none;} /* 640 */
.sb_top {position:relative;margin-bottom:15px;padding-right:50px;}
.sb_top:before {content:" ";clear:both;display:block;}
.sb_top .right {position:absolute;right:0;bottom:0;}
.sb_top .p_title {margin-bottom:0;}
.sb_top .url {display:block;position:relative;width:36px;height:36px;font-size:0;background:url("../../images/www/icon/ic_url.png") no-repeat;}
.sb_top .url:before {content:"URL 복사";}
.sb_top .url:hover:before, .sb_top .url:hover:after {display:block;}
.sb_top .url:before {display:none;content:" ";text-align:center;position:absolute;left:50%;top:-38px;width:50px;height:32px;line-height:32px;margin-left:-25px;border-radius:4px;font-size:12px;color:#fff;background:#f45470;}
.sb_top .url:after {display:none;content:" ";position:absolute;left:50%;top:-8px;margin-left:-3px;border-top:6px solid #f45470;border-left:3px solid transparent;border-right:3px solid transparent;}
.sb_top .url:before {content:"URL 복사";}
.sr_only {
    /* Remove the item from normal flow */
    position: absolute;
    /* Workaround for falsely pronounced, smushed text */
    white-space: nowrap;
    /* Set it to the smallest possible size (some screen readers ignore elements with zero height and width) */
    width: 1px;
    height: 1px;
    /* Hide overflowing content after resizing */
    overflow: hidden;
    /* Reset any property that may change the elements size */
    border: 0;
    padding: 0;
    /* Clipping defines what part of an element should be displayed. */
    /* Deprecated clip property for older browsers */
    clip: rect(0 0 0 0);
    /* clip-path for newer browsers. inset(50%) defines an inset rectangle that makes the content disappear. */
    clip-path: inset(50%);
    /* It seems like at the moment nobody is quite sure why margin: -1px is there. On top of that it seems to cause issues (see: https://github.com/h5bp/html5-boilerplate/issues/1985). */
    margin: -1px;
}
.sns_li {padding:0;}
.sns_li li {float:left;}
.sns_li li + li {margin-left:10px;}
.sns_li a {display:block;position:relative;width:36px;height:36px;font-size:0;background:url("../../images/www/icon/ic_sns.png") no-repeat 0 0;}
.sns_li .insta {background-image:url("../../images/www/icon/ic_insta.png");}
.sns_li .url {background-image:url("../../images/www/icon/ic_url.png");}
.sns_li .twitter {background-position-x:-36px;}
.sns_li .wish {background-position-x:-72px;}
.sns_li .wish.on {background-position-x:-108px;}
.sns_li .like {background-position-x:-144px;}
.sns_li .like.on {background-position-x:-180px;}
.sns_li a:before {display:none;content:" ";text-align:center;position:absolute;left:50%;top:-38px;width:50px;height:32px;line-height:32px;margin-left:-25px;border-radius:4px;font-size:12px;color:#fff;background:#f45470;}
.sns_li .insta:before {width:60px;margin-left:-30px;}
.sns_li a:after {display:none;content:" ";position:absolute;left:50%;top:-8px;margin-left:-3px;border-top:6px solid #f45470;border-left:3px solid transparent;border-right:3px solid transparent;}
.sns_li .facebook:before {content:"페이스북";}
.sns_li .twitter:before {content:"트위터";}
.sns_li .wish:before {content:"찜하기";}
.sns_li .like:before {content:"좋아요";}
.sns_li .url:before {content:"URL 복사";}
.sns_li .insta:before {content:"인스타그램";}
.sns_li a:hover:before, .sns_li a:hover:after {display:block;}
.c_green {font-weight:500;color:#50b4b6;}
.c_orange {font-weight:500;color:#fa503f;}
.c_blue {font-weight:500;color:#008bc4;}

/* favorite */
button.fold .m_icon:before {content:"\e5cf";}
button.fold.on .m_icon:before {content:"\e5ce";}
.b_file {display:inline-block;line-height:32px;padding:0 10px;border:1px solid #d1d1d1;font-size:13px;background-color:#fff;}
.b_file:hover {border-color:#adadad;background-color:#f5f6f7;}
.b_file .file {margin:-2px 5px 0 0;}
.b_file:hover .file:before {color:#5e6b9e;}
.b_file .file_download {margin:0 5px 0 0;}
.b_file:hover .file_download:before {color:#5e6b9e;}
.file_dw {position:relative;display:block;padding:10px 10px 10px 38px;font-weight:bold;color:#3399ff;background-color:#f5f5f5;}
.file_dw:before {position:absolute;content:"\e2bc";left:8px;top:8px;font-family:"Material Icons";font-size:24px;font-weight:normal;line-height:1;color: #3399ff;}
.itemz {margin-top:20px;} /* group, itemized */
.itemz.top {margin-top:0;} /* first */
.mr {margin-right:10px;}
.ml {margin-left:10px;}
.mt {margin-top:5px;}
.neg_mg, .neg_rg {margin:0 -10px;} /* negative margin */
.neg_sm {margin: -5px;}
.tb_note {display:block;position:relative;line-height:1.4;margin-top:5px;font-size:14px;letter-spacing:-0.5px;}
.tb_note.ref {padding-left:15px;}
.tb_note.ref:before {content:"※";position:absolute;left:0;}
td .sub_ar {margin-top:-8px;} /* reply */
td .sub_ar:before {color:#494949;}
.fdw_li a {position:relative;display:block;padding:10px 10px 10px 38px;font-weight:bold;color:#3399ff;background-color:#f5f5f5;}
.fdw_li a:before {position:absolute;content:"\e2bc";left:8px;top:8px;font-family:"Material Icons";font-size:24px;font-weight:normal;line-height:1;color: #3399ff;}
.fdw_li li {margin-top:5px;}
.fdw_li li:first-child:before {display:none;}
.ic_new {text-align:center;display:inline-block;width:18px;height:18px;line-height:19px;margin-right:3px;border-radius:2px;font-size:12px;font-weight:500;color:#fff;background-color:#f45470;}
.p_caution {position:relative;margin-bottom:7px;padding:10px 10px 10px 37px;border-radius:5px;background-color:#f5f7f9;}
.p_caution .error_outline {position:absolute;left:10px;top:9px;}
.p_caution .error_outline:before {color:#50b4b6;}
.termbox {overflow-y:auto;height:200px;padding:15px;border:1px solid #b9b9b9;border-bottom:0;font-size:15px;font-weight:300;background-color:#fff;}
.termbox strong {font-weight:500;}
.ag_top {padding:15px;border:1px solid #b9b9b9;border-bottom:0;background-color:#f8f8f8;}
.ag_top li {display:inline-block;position:relative;margin-right:10px;padding-left:14px;font-size:15px;}
.ag_top li:before {content:" ";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background-color:#50b4b6;}
.ag_term {position:relative;padding:15px 15px 15px 40px;font-size:16px;color:#fff;background-color:#727780;}
.ag_term input[type="checkbox"] {position:absolute;left:15px;top:19px;border-color:#fff;}
.ag_term label {vertical-align:inherit;}
.ag_term.wt {color:#777;background-color:#fff;}
.ag_term.wt input[type="checkbox"] {border-color:#a5a5a5;}
.ag_all {text-align:center;margin-top:15px;padding:15px 0;border-top:1px solid #b9b9b9;}
.ag_all label {font-size:18px;}
.ag_all input[type="checkbox"] {position:relative;top:1px;width:18px;height:18px;margin-right:5px;border-color:#212121;}
.mb_end {text-align:center;width:768px;margin:0 auto;padding:60px 40px 60px 220px;border-top:2px solid #ccc;border-bottom:2px solid #ccc;background:#f9f9f9 url("../../images/www/icon/ic_join_complete.png") no-repeat 40px 50%;}
.mb_end .title {font-size:30px;color:#212121;}
.mb_end .desc {line-height:1.4;margin-top:15px;padding-top:15px;border-top:1px solid #dedede;font-size:18px;font-weight:300;}
.mb_end .desc p + p {margin-top:10px;}
.acc_find {text-align:center;position:relative;padding:40px;border:1px solid #ccc;}
.acc_find .desc {line-height:1.4;margin-bottom:20px;font-size:18px;color:#212121;}
.acc_find .em {color:#008bc4;}
.acc_find .link {display:inline-block;position:relative;height:50px;line-height:50px;padding:0 30px;font-size:20px;font-weight:300;color:#fff;background-color:#000;}
.acc_find .cert {margin-top:20px;padding-top:20px;border-top:1px solid #ccc;}
.acc_find table {width:500px;margin:0 auto; margin-bottom:20px;}
.acc_find th, .acc_find td {font-size:20px;font-weight:bold;padding:5px;color:#212121;}
.acc_find td input[type="text"] {width:100%;height:48px;border:2px solid #8e8e8e;font-size:16px;color:#212121;}
.acc_find td .enter {display:inline-block;width:100px;height:105px;line-height:105px;color:#fff;font-size:18px;background-color:#008bc4;}
.acc_find .cert table {width:360px;}
.acc_find .result {padding:30px 0;border-top:2px solid #000;border-bottom:2px solid #000;font-size:18px;background-color:#eee;}
.acc_find .result .em {color:#008bc4;}
.ct_box {position:relative;margin-bottom:20px;padding:15px 15px 15px 45px;border-radius:5px;background-color:#f5f7f9;}
.ct_box:before {content:"\e85f";position:absolute;left:15px;top:15px;font-family:'Material Icons';font-size:24px;color:#50b4b6;}
.ct_box_li {margin-bottom:20px;padding:15px;border-radius:5px;background-color:#f5f7f9;}
.ct_box_li li {position:relative;line-height:1.6;padding-left:30px;}
.ct_box_li li + li {margin-top:5px;}
.ct_box_li li:before {content:"\e5ca";position:absolute;left:0;top:0;line-height:1;font-family:'Material Icons';font-size:24px;color:#50b4b6;}
.ct_box_li.st {margin:0;}
.ct_box_li2 {margin-bottom:20px;padding:15px;border-radius:5px;background-color:#f5f7f9;}
.ct_box_li2 li {position:relative;line-height:1.6;padding-left:18px;}
.ct_box_li2 li + li {margin-top:5px;}
.ct_box_li2 li:before {content:" ";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background-color:#50b4b6;}
.ic_box {position:relative;margin-bottom:20px;padding:15px 15px 15px 45px;border-radius:5px;background-color:#f5f7f9;}
.ic_box.green {color:#fff;background-color:#50b4b6;}
.ic_box .icc {position:absolute;left:15px;top:15px;}
.ic_box .icc:before {font-size:24px;color:#50b4b6;}
.ic_box.green .icc:before {color:#212121;}
.ic_box_li {margin-bottom:30px;padding:15px;border-radius:5px;background-color:#f5f7f9;}
.ic_box_li li {position:relative;padding-left:30px;}
.ic_box_li li .icc {position:absolute;left:0;top:0;}
.ic_box_li li .icc:before {font-size:24px;color:#50b4b6;}
.ic_box_li li + li {margin-top:10px;}
.ic_box_li.green {background-color:#50b4b6;}
.ic_box_li.green li {color:#fff;}
.ic_box_li.green li .icc:before {color:#212121;}
.cs_ban {display:flex;margin-top:100px;}
.cs_ban .frm {position:relative;width:50%;padding:20px 20px 20px 150px;border:2px solid #ccc;}
.cs_ban .frm + .frm {margin-left:20px;}
.cs_ban .img {position:absolute;left:30px;top:50%;width:90px;height:90px;border-radius:50%;background-color:#eaeaea;transform:translateY(-50%);}
.cs_ban .img:before {content:" ";position:absolute;left:50%;top:50%;width:64px;height:64px;background-repeat:no-repeat;background-position:0 0;background-size:cover;transform:translate(-50%, -50%);}
.cs_ban .title {font-size:22px;font-weight:500;color:#212121;}
.cs_ban .desc {line-height:1.5;margin-top:10px;padding-top:10px;border-top:1px solid #dedede;font-size:15px;}
.cs_ban .desc p + p {margin-top:10px;}
.cs_ban .em {color:#009c88;}
.cs_ban .customer .img:before {background-image:url("../../images/www/icon/ic_customer.png");}
.cs_ban .support .img:before {background-image:url("../../images/www/icon/ic_remote.png");}
.cs_ban .support .c_btn {margin-top:10px;}
.cs_type {vertical-align:middle;display:inline-block;height:26px;line-height:26px;padding:0 10px;border-radius:2px;font-size:15px;color:#fff;background-color:#f45470;}
.cs_type.bk {background-color:#4d4141;}
.cs_type.green {background-color:#8ec168;}
.cs_type.d_green {background-color:#3da316;}
.cs_type.lime {background-color:#98b027;}
.cs_type.blue {background-color:#32a1f6;}
.cs_type.brown {background-color:#cda400;}
.cs_type.d_brown {background-color:#56513c;}
.tbl_item .cs_type {height:24px;line-height:24px;margin:0 5px 2px 2px;padding:0 5px;font-size:13px;}
.tbl_item .cs_type.bk {background-color:#282828;}
.tbl_item.st_list td.state {padding:0;}
.tbl_item.st_list .head td {font-weight:500;color:#212121;}
.tbl_item.st_list td.ord {text-align:left;padding:0;}
.tbl_item.st_list td.sub {text-align:left;padding-left:0;}

/* learning window */
.lwd_bar {overflow:hidden;position:relative;height:45px;padding:0 210px 0 260px;background-color:#000;}
.lwd_bar .global {position:absolute;left:0;top:0;}
.lwd_bar .tog {position:relative;float:left;height:45px;line-height:45px;padding:0 25px 0 10px;font-size:16px;font-weight:500;color:#fff;background-color:#46a496;}
.lwd_bar .tog:before {content:"\e315";position:absolute;right:0;top:50%;font-family:"Material Icons";font-size:24px;font-weight:normal;line-height:1;color:#fff;transform:translateY(-50%);}
.lwd_bar .tog br {display:none;}
.lwd_bar .logo {position:absolute;width:127px;right:0;top:1px;}
.lwd_bar .logo img{padding:5px;}
.lwd_bar .prev, .lwd_bar .next, .lwd_bar .x {vertical-align:middle;display:inline-block;position:relative;height:32px;line-height:32px;padding:0 10px;font-weight:500;color:#fff;}
.lwd_bar .left, .lwd_bar .right {position:absolute;top:11px;}
.lwd_bar .left {left:15px;}
.lwd_bar .right {right:15px;}
.lwd_bar .prev {padding-left:30px;}
.lwd_bar .next {padding-right:30px;}
.lwd_bar .prev:before, .lwd_bar .next:before {content:"\e31c";position:absolute;top:0;font-family:"Material Icons";font-size:24px;font-weight:normal;color:#fff;}
.lwd_bar .prev:before {left:0;transform:rotate(180deg);}
.lwd_bar .next:before {right:0;}
.lwd_bar .menu {float:left;}
.lwd_bar .menu li {float:left;padding:0 10px;}
.lwd_bar .menu .idx span {vertical-align:middle;display:inline-block;height:45px;padding-top:10px;font-size:18px;font-weight:500;color:#fff;}
.lwd_bar .menu .idx .on {padding-right:10px;margin-right:5px;position:relative;color:#fff200;}
.lwd_bar .menu .idx .on:before {content:" ";position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#eee;}
.lwd_bar .menu .down {padding:5px 0 0 5px;}
.lwd_bar .menu .down a {display:inline-block;border-radius:2px;background-color:#888;}
.lwd_bar .menu .down .txt {height:34px;line-height:34px;padding:0 10px;font-size:16px;color:#fff;}
.lwd_bar .menu .down .icc {display:none;}
.lwd_bar .menu .down .icc:before {color:#fff;font-size:24px;}
.lwd_bar .menu .control {padding:8px 10px 0 0;}
.lwd_bar .page a {vertical-align:middle;display:inline-block;margin:0 5px;padding:5px;border-radius:50%;background-color:#888}
.lwd_bar .page a .icc:before {font-size:24px;color:#fff;}
.lwd_bar .x {border-radius:4px;color:#fff;background-color:#111;}
.lwd_bar .x i {margin:-3px 0 0 5px;}
.lwd_bar .info .sub {text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:45px;line-height:45px;font-size:18px;font-weight:500;color:#fff;}
.lwd_bar .info .sub .epi {display:block;padding-top:5px;font-size:16px;font-weight:normal;}
.lwd_bar .info .rate {vertical-align:top;display:inline-block;position:relative;margin-left:7px;padding-left:10px;color:#f45470;}
.lwd_bar .info .rate:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#666;}
.lwd .list {text-align:left;background-color:#fff;}
.lwd .list .head {position:relative;padding:0 100px 0 10px;background-color:#111;}
.lwd .list .head p {height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff;}
.lwd .list .close {position:absolute;right:5px;top:6px;width:24px;height:24px;}
.lwd .list .del:before {color:#fff;}
.lwd .list .group p {padding:10px;font-size:13px;color:#494949;background-color:#f0f0f0;}
.lwd .list .group li {position:relative;padding:0 20px 0 50px;}
.lwd .list .group a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:28px;line-height:28px;font-size:12px;}
.lwd .list .group .state {overflow:hidden;position:absolute;left:28px;top:5px;z-index:1;width:18px;height:18px;border:2px solid #cacaca;border-radius:50%;font-size:0;}
.lwd .list .group .state:before {content:" ";z-index: -1;position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background-color:#cacaca;}
.lwd .list .group .done {border-color:#1d9ced;}
.lwd .list .group .done:before {left:3px;top:3px;width:10px;height:8px;background:url(../../images/www/bg/checkbox_set.png) no-repeat 50% 50%;}
.study_win2 {display:table;width:100%;height:100%;}
.study_win2 > .inner {vertical-align:middle;display:table-cell;}
.study_win2 > .inner > .ct {overflow:hidden;position:relative;max-width:1200px;margin:0 auto;}
.study_win2 .viewer {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.study_win2 .viewer > iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.study_win2 .nav {position:absolute;z-index:10;width:260px;top:0;left:0;height:100%;padding-top:50px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.study_win2 .nav .idx {position:absolute;left:0;top:40px;width:200px;background-color:#46a496;}
.study_win2 .nav .current {display:block;padding:0 40px 0 10px;}
.study_win2 .nav .current .val {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:relative;line-height:33px;font-size:15px;font-weight:700;color:#fff;}
.study_win2 .nav .idx .tog {position:absolute;right:10px;top:8px;font-size:15px;font-weight:700;color:#fff;}
.study_win2 .nav .tree {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f6f6f8;}
.study_win2 .nav .tree .inner {height:100%;overflow-x:hidden;overflow-y:auto;padding:15px;}
.study_win2 .nav .head {position:relative;}
.study_win2 .nav .head .close {position:absolute;right:-5px;top:0;}
.study_win2 .nav .head .close .icc:before {font-size:36px;}
.study_win2 .nav.off {-moz-transform:translateX(-260px);-webkit-transform:translateX(-260px);-ms-transform:translateX(-260px);transform:translateX(-260px);}
.study_win2 .nav .tree li a {position:relative;display:block;line-height:1.3;padding:5px 5px 5px 8px;color:#212121;}
.study_win2 .nav .tree li a:before {content:" ";position:absolute;left:0;top:11px;width:3px;height:3px;border-radius:50%;background-color:#666;}
.study_win2 .nav .tree li.on a {font-weight:500;color:#46a496;}
.study_win2 .nav .tree li a:hover {color:#46a496;}
.study_win2 .nav .tree li.on a:before, .study_win2 .nav .tree li a:hover:before {background-color:#46a496;}
.study_win2 .nav .tree ul + ul {margin-top:10px;padding-top:10px;border-top:1px solid #212121;}
.study_win2 .nav .lab {font-size:18px;font-weight:500;color:#212121;}
.study_win2 .nav .list {padding-left:5px;}
.study_win2 .nav .group {padding:10px 0;}
.study_win2 .nav .group + .group {border-top:1px solid #ccc;}

/* loader */
.loader {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;background:rgba(255, 255, 255, 0.6);}
.loader img {position:absolute;left:50%;top:50%;z-index:210;transform:translate(-50%, -50%);}

/* fixed box, table */
.fx_box {overflow-x:auto;overflow-y:hidden;position:relative;}
.fx_box.bot {margin-bottom:20px;}
.fx_box.xs > table, .fx_box.xs .c_blank {min-width:320px;}
.fx_box.sm > table, .fx_box.sm .c_blank {min-width:480px;}
.fx_box.mid > table, .fx_box.mid .c_blank,  .fx_box.mid > .tbl_hd {min-width:959px;}
.page_frame .fx_box.lg > table {min-width:984px;}
.fx_box.mid_s > table, .page_ct .fx_box.mid > table {min-width:860px;} /* subpage */
.fx_box .arrow {display:none;position:absolute;right:30px;top:80px;width:34px;height:35px;background:url("../../images/www/common/icon_touch_2.png") no-repeat 0 0;
    animation:blink 1.3s ease-out infinite;-webkit-animation:blink 1.3s ease-out infinite;}

/* heading box */
.h_box {position:relative;margin-bottom:10px;}
.h_box .c_title1 {margin-bottom:0;}
.h_box .add {position:absolute;right:0;top:0;min-height:30px;}
.h_box .add.plus {padding-right:65px;}
.h_box .add .more {position:absolute;right:0;bottom:0;}
.h_box .add .gp, .t_bar .add .gp {position:relative;display:inline-block;margin-right:5px;}
.h_box .add .gp:before, .t_bar .add .gp:before {content:" ";position:absolute;right:-5px;top:50%;width:1px;height:30px;margin-top:-15px;background-color:#2d4b7a;}
.h_box.top {margin-top:20px;}
.h_box .icmg, .t_bar .icmg, .dt_bar .icmg {margin-left:5px;}
.h_box .down, .h_box .pen_rc, .t_bar .down, .t_bar .pen_rc {margin-top:-3px;}

/* well, blank old */
.well {min-height:20px;line-height:1.4;padding:20px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#f5f5f5;}
.well.naw {padding:10px;}
.well.white {background-color:#fff;}
.well.sm {margin:0 5px;} /* col_md */

/* scroll box, table */
.sc_tb {overflow-x:scroll;}
.sc_tb.lg table {width:2000px;}
.sc_tb.md table {width:1400px;}
.sc_box.y {overflow-y:scroll;height:300px;}
.sc_box.y.lg {height:600px;}

/* icon image, for IR */
.icmg {vertical-align:middle;overflow:hidden;display:inline-block;text-indent:-9999px;margin-top:-3px;font-size:0;background:url("../../images/www/common/img_merge.png") no-repeat 0 0;}
.icmg.win {width:14px;height:14px;background-position:-56px -360px;}
.icmg.glass {width:18px;height:15px;background-position:-235px -360px;}
.icmg.bk_view {width:18px;height:22px;background-position:-149px -360px;}
.icmg.open {width:20px;height:20px;background-position:-186px 0;}
.icmg.home {width:16px;height:16px;background-position:-103px 0;}
.icmg.user_wt {width:15px;height:17px;background-position:-125px -62px;}
.icmg.aw_down {width:18px;height:10px;margin-left:8px;background-position:-39px -30px;}
.icmg.close {width:14px;height:14px;background-position:-18px -380px;}
.icmg.vote_y {width:20px;height:17px;margin:-2px 10px 0 0;background-position:-110px -240px;}
.icmg.vote_n {width:20px;height:17px;margin:-2px 10px 0 0;background-position:-132px -240px;}
.icmg.grid {width:24px;height:24px;margin-top:0;background:url("../../images/www/icon/ic_grid_x32.png") no-repeat 0 0;background-size:cover;}
.icmg.list {width:24px;height:24px;margin-top:0;background:url("../../images/www/icon/ic_list_x32.png") no-repeat 0 0;background-size:cover;}
.icl .icmg {margin-right:5px;}

/* button */
.icmg.check {width:14px;height:10px;background-position:0 -360px;}
.icmg.stand {width:14px;height:13px;margin-top:-1px;background-position:-72px -360px;}
.icmg.pen {width:16px;height:17px;background-position:-72px -375px;}
.icmg.pen_rc {width:18px;height:18px;background-position:-18px -360px;}
.icmg.del {width:14px;height:14px;background-position:-18px -380px;}
.icmg.down {width:16px;height:18px;background-position:0 -372px;}
.icmg.sms {width:14px;height:12px;background-position:-38px -375px;}
.icmg.print {width:16px;height:13px;background-position:-38px -360px;}
.icmg.lock {width:14px;height:15px;background-position:-276px -40px;}
.icmg.plus {width:16px;height:16px;background-position:-169px -378px;}
.icmg.minus {width:16px;height:16px;background-position:-187px -378px;}
.icmg.check_circle {width:16px;height:16px;background-position:-133px -377px;}
.icmg.upload {width:16px;height:18px;background-position:-255px -360px;}
.icmg.return {width:16px;height:12px;background-position:-88px -380px;}
.icmg.set {width:14px;height:14px;background-position:-229px -378px;}
.icmg.excel {width:16px;height:15px;background-position:-245px -378px;}
.icmg.inq {width:19px;height:13px;background-position:-199px -360px;} /* detail */
.icmg.online {width:18px;height:17px;background-position:-273px -360px;} /* detail */
.icmg.offline {width:19px;height:16px;background-position:-293px -360px;} /* detail */
.icmg.msg {width:14px;height:12px;background-position:-38px -375px;}
.icmg.wand {width:16px;height:16px;background-position:-328px -360px;}

/* custom color */
.c_bk {font-weight:500;color:#212121;}
.c_red {font-weight:500;color:#f45470 !important;}
.c_green {font-weight:500;color:#50b4b6;}
.c_gray {font-weight:500;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:30px;height:30px;border-radius:4px;background-color:#282828;} /* blue 4e80e3 */
.icc.circle {width:30px;height:30px;border-radius:50%;background-color:#4e80e3;}
/*.icc.red {background-color:#eb7c7c;}*/
.icc.red {background-color:#282828} /* dark gray #676c71 */
.icc.bk {background-color:#282828;}
.icc.gray {background-color:#989b9f;}
.icc.lt_gray {background-color:#eee;}
.icc.yellow {background-color:#faa519;}
.icc.orange {background-color:#fa7a62;}
.icc.green {background-color:#50b4b6;}
.icc.d_blue {background-color:#2b65dc;}
.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:30px;color:#fff;}
.icc.yellow:before {color:#00093b;}
.sq.sm:before, .circle.sm:before {line-height:24px;font-size:18px;}
.sq.lg:before, .circle.lg:before {line-height:40px;font-size:30px;}

/* 재정의 */
.icc.circle_b:before {content:"\e191";} /* e40c */
.icc.play_b:before {content:"\e3c8";transform:rotate(150deg);}
.icc.smile:before {content:"\e420";}
.circle.set:before {vertical-align:baseline;line-height:22px;font-size:18px;color:#eb7c7c;}
.icc.caution {width:30px;height:30px;border-radius:50%;background-color:#eb7c7c;}
.icc.caution:before {line-height:30px;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:30px;font-size:28px;}
.icc.play_circle_filled:before {line-height:30px;font-size:28px;}
.icc.crop_original:before {line-height:30px;font-size:28px;}
.icc.favorite:before {color:#eb7c7c;}
.icc.favor:before {line-height:24px;font-size:24px;}
.icc.grade:before {line-height:30px;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.excel:before {margin:-2px 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;}
.icc.wand:before {content:" ";width:24px;height:24px;margin:3px auto 0 auto;background:url("../../images/www/common/img_merge.png") no-repeat -43px -320px;}
.c_btn .icc {line-height:1;margin-top:-2px;}
.c_btn .icc.print, .c_btn .icc.pdf {margin:-2px 4px 0 0;}
.c_btn .done {margin:-4px 3px 0 0;}
.c_btn .done:before {font-size:16px;}
a .min.set, button .min.set {margin-top:-4px;}
a .icc.play_c_out, button .icc.play_c_out {margin-top:-4px;}
button.fold .icc:before {content:"\e5cf";line-height:30px;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;}

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

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

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

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

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

/* input li */
.radio_li li {vertical-align:middle;display:inline-block;padding:2px 10px 2px 0;}
.radio_li li label, .radio_li li input {float:left;}
.radio_li li input {margin-right:5px;}
.radio_li .one input + label {margin-right:15px;}
.ck_li li {overflow:hidden;vertical-align:middle;display:inline-block;padding:2px 10px 2px 0;}
.ck_li li label, .ck_li li input {float:left;}
.ck_li li input {margin-right:5px;}
.ck_li.fix {overflow:hidden;}
.ck_li.fix li {position:relative;float:left;margin:2px 0;padding-left:21px;}
.ck_li.fix li input {position:absolute;left:0;top:3px;}
.ck_li.three li {width:33.3333%;}
.ck_li.four li {width:25%;}
.ck_li li.wide {display:block;width:100%;}

/* design box */
/*.ds_box {margin-bottom:20px;padding:6px;background:url("../../images/www/bg/bg_ds_box.png") repeat 0 0;}*/
.ds_box {margin-bottom:20px;}
.ds_box.nb {padding:0;background:none;}
.ds_box.top {margin-bottom:0;}
.ds_box.sm {margin-bottom:10px;}
.ds_box > .inner {text-align:center;border:6px solid #f1f1f1;padding:10px;background-color:#fff;}
.ds_box.wt > .inner, .ds_box.wt > .search {background-color:#fff;}
.ds_box.al > .inner {text-align:left;}
.ds_box > .inner > p {line-height:1.4;}
.ds_box.form > .inner {padding:15px;}
.ds_box .ip_hd {display:inline-block;}
.ds_box .ip_gp select {height:40px;border-radius:0;padding: 0px 20px 0px 10px;}
.ds_box .lab {vertical-align:middle;margin-right:8px;letter-spacing:-0.25px;font-weight:500;color:#222;}
.ds_box .comb {display:inline-block;margin:4px;}
.ds_box .comb input[type="text"], .ds_box .c_btn {height:40px;line-height:40px;padding:0 15px;border-radius:0;font-size:16px;}
.ds_box .prop {display:inline-block;}
.ds_box .word, .ds_box .c_date {display:inline-block;}
.ds_box .word {margin-right:20px;}
.ds_box .keyword {width:300px;margin-right:4px;}
.ds_box .desc {line-height:1.6;font-size:15px;letter-spacing:-0.25px;color:#494949;}
.ds_box .desc .em {font-weight:bold;color:#0450b0;}
.ds_box .subtitle {display:block;margin-bottom:10px;font-size:18px;font-weight:bold;letter-spacing:-0.25px;color:#0450b0;}
.ds_box .enter {clear:both;padding-top:10px;}
.ds_box .enter .c_btn {margin:0 3px;}
.ds_box .neg_sm:after {content:" ";clear:both;display:block;}
.ds_box .col_wd_3, .ds_box .col_wd_4, .ds_box .col_wd_6 {padding:5px;}
.ds_box .neg_sm select, .ds_box .neg_sm input[type="text"] {width:100%;}
.ds_box .detail {display:none;margin-top:10px;padding-top:10px;border-top:1px dashed #d1d1d1;}
.ds_box .dt .tog, .ds_box .enter .glass, .ds_box .glass {margin-left:5px;}
.ds_box > .search {padding:10px;background-color:#f3f3f3;}
.ds_box .stair {text-align:left;overflow:hidden;padding:5px 0;border-top:1px solid #ccc;}
.ds_box .stair:first-child {border-top:0;}
.ds_box .stair .col {float:left;width:33.33333333%;padding:4px;}
.ds_box .stair .ip_gp {position:relative;padding-left:15px;}
.ds_box .stair .ip_gp:before {content:" ";position:absolute;left:0;top:0;top:50%;width:1px;height:24px;margin-top:-12px;background-color:#ccc;}
.ds_box .stair .ip_gp:first-child {padding-left:0;}
.ds_box .stair .ip_gp:first-child:before {display:none;}
.ds_box > .search .bar  {text-align:center;}
.ds_box > .search .bar .glass {margin-left:5px;}
.ds_box.ud {margin-top:20px;}
.ds_box .cate {text-align:center;margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
.ds_box .cate ul {display:inline-block;}
.ds_box .cate li {display:inline-block;padding:2px 5px;}
.ds_box .cate li input[type="checkbox"] {width:20px;height:20px;}
.ds_box .cate li label {line-height:19px;font-size:16px;}
.sq_box {margin-bottom:10px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.sq_box.last, .sq_box.one {margin-bottom:0;}
.sq_box.nl {border:0;} /* no line */
.sq_box.sm {padding:5px;} /* small */
.sq_box.gray {background-color:#f5f5f5;}
.sq_box .head {position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:2px dotted #e1e1e1;}
.sq_box .head .title {font-size:15px;font-weight:bold;color:#222;}
.sq_box .title.sm {font-size:14px;font-weight:400;}
.sq_box .sq_box .title {font-size:15px;font-weight:400;}
.sq_box .head .attach {padding-top:5px;color:#898989;}
.sq_box .head .guide {padding-bottom:10px;}
.sq_box .head .add {position:absolute;right:0;top:-5px;}
.sq_box .head.ft .title {padding-right:200px;} /* floating */
.sq_box .list li {border-bottom:1px solid #e1e1e1;padding:8px 10px;}
.sq_box .list .item span {display:inline-block;position:relative;padding:0 10px 0 10px;}
.sq_box .list .item span:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#b9b9b9;}
.sq_box .list .item span:first-child {padding-left:0;}
.sq_box .list .item span:first-child:before {display:none;}
.sq_box .list .write {position:relative;padding-top:5px;}
.sq_box .list .write input[type="text"] {width:100%;}
.sq_box .list .write .caution:before {position:absolute;left:-10px;top:0;}
.sq_box .list li.add {position:relative;padding-right:35px;}
.sq_box .list li.add button {position:absolute;right:5px;top:5px;}
.sq_box .list .column .col {padding-top:5px;}
.sq_box .list .note {font-weight:300;color:#898989;}
.bd_box {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #b9b9b9;}
.bd_box > .input {clear:both;}
.bd_box > .lab {margin-bottom:10px;font-size:15px;font-weight:500;color:#222;}
.bd_box .top {overflow:hidden;position:relative;margin-bottom:10px;}
.bd_box .top .lab {float:left;font-size:15px;font-weight:bold;color:#222;}
.bd_box .top > .add {float:right;}
.bd_box.last {margin-bottom:0;padding-bottom:0;border-bottom:0;}
.bd_box .p_note {margin-top:10px;}
.gd_box {margin-bottom:20px;padding:15px;border-radius:10px;background-color:#f5f5f5;} /* guide */
.gd_box p {line-height:1.5;}
.gd_box.gray {border-color:#b9b9b9;}
.gd_box.bg {padding:6px;border:0;border-radius:0;background:url("../../images/www/bg/bg_ds_box.png") repeat 0 0;}
.gd_box.bg .inner {padding:15px;background:#f3f3f3;}
.gd_box .list li {position:relative;line-height:1.5;margin-top:5px;padding-left:8px;}
.gd_box .list li:first-child {margin-top:0;}
.gd_box .list li:before {content:" ";position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#666;}
.gd_box.none {margin-bottom:0;}
.gd_box .list li .link {color:#3f8edd;}
.gd_box.sm {padding:10px;}
.gd_box.sm p {font-size:13px;}

.list.attain li {position:relative;padding:10px 120px 10px 10px;}
.list.attain .result {position:absolute;right:10px;top:6px;}
.list.attain .lab, .list.attain .grade {vertical-align:middle;display:inline-block;padding:0 10px;}
.list.attain .lab {padding-left:0;font-weight:500;color:#333;}
.list.attain .grade {text-align:right;position:relative;min-width:70px;color:#3f8edd;}
.list.attain .grade:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.sq_box .b_select > li {position:relative;padding:10px 10px 10px 200px;}
.sq_box .b_select > li > a {text-align:center;position:absolute;left:0;top:10px;width:180px;height:40px;line-height:40px;padding:0 20px;border-radius:4px;color:#fff;background-color:#cacaca;}
.sq_box .b_select .desc {vertical-align:middle;display:table-cell;height:40px;}
.sq_box .b_select .desc li {border:0;}
.sq_box .b_select > li .tooltip {top:-60px;}
.sq_box .bx .c_btn {margin:2px;}
.spc {font-size:18px;font-weight:bold;}

/* attend_code */
.attend_code {display:table;width:100%;height:380px;padding:0 10px;background:#b6b9c3 url("../../images/www/common/qr_bg.png") repeat 0 0;}
.attend_code > div {text-align:center;vertical-align:middle;display:table-cell;width:50%;padding:5px;}
.attend_code .num .code {width:320px;height:70px;line-height:70px;border-width:3px;letter-spacing:-0.1px;font-size:32px;font-weight:bold;}
.attend_code .qr .code {display:inline-block;padding:14px;border:6px solid #1f2b70;background-color:#eee;}
.attend_code .qr .code img {display:block;width:100%;height:100%;}
.call_roll .check_circle {margin:-3px 5px 0 0;}
.attend_code table {max-width:320px;margin:0 auto 20px auto;}
.attend_code th, .attend_code td {text-align:center;height:48px;padding:7px 10px;border:2px solid #dbdbdb;font-size:16px;}
.attend_code th {font-size:18px;color:#fff;background-color:#3462b4;}
.attend_code td {background-color:#fff;}
.attend_code .logo {margin-top:10px;}
.attend_code .num {color:#3462b4;}
.attend_code .info .tch {display:block;padding-top:3px;}
.at_top {text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px;line-height:60px;padding:0 10px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:24px;color:#fff;background-color:#1b1d83;}
.at_bot {height:60px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:#1b1d83;}

/* text box */
.tx_box {margin-bottom:15px;padding:15px;border:2px dotted #ccc;border-radius:10px;background-color:#f5f5f5;}
.tx_box.bk {background-color:#fff;}
.tx_box li {position:relative;line-height:1.5;margin-top:4px;padding-left:10px;}
.tx_box.bk li {color:#222;}
.tx_box li:first-child {margin-top:0;}
.tx_box li:before {content: " ";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background-color:#ba9d7f;}
.tx_box li.ref:before {content:"※";top:0;left:-3px;width:auto;height:auto;border-radius:0;font-weight:bold;background:none;}
.tx_box li.hypen:before {content:" ";top:8px;left:-1px;width:6px;height:3px;border-radius:0;background:#4a8fdd;}
.tx_box li.em, .tx_box .em, .tx_box .red {font-weight:bold;color:#ef5656;}
.tx_box .blue {font-weight:bold;color:#1a0dab;}
.tx_box .link {font-size:13px;font-weight:bold;color:#3399ff;}
.tx_box.top {margin:15px 0 0 0;}
.tx_box.no, .tx_box.st {margin:0;}
.tx_box .title {padding-bottom:5px;font-weight:500;}
.tx_box .title.blue {color:#008bc4;}
.mj_title {margin-bottom:10px;font-size:18px;color:#212121;}

/* top bar, search */
.t_bar {margin-bottom:10px;}
.t_bar:after {content:" ";clear:both;display:block;}
.t_bar .left {float:left;}
.t_bar .right {float:right;}
.t_bar.top {margin-top:20px;}
.list_type li {float:left;margin-left:10px;}
.list_type li:first-child {margin-left:0;}
.list_type button {padding:2px;border-radius:4px;background-color:#cacaca;}
.list_type .lab {vertical-align:middle;display:inline-block;}
.list_type button + button {margin-left:5px;}
.list_type button .icc:before {color:#fff;}
.list_type .icc:before {color:#fff;}
.list_type .icc {padding:2px;border-radius:4px;background-color:#cacaca;}
.list_type .on .lab, .list_type li:hover .lab {font-weight:bold;}
.list_type .on .icc, .list_type li:hover .icc {background-color:#83858c;}
.top_sch {overflow:hidden;min-height:44px;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e9e9e9;}
.top_sch .sort {float:left;}
.top_sch .search {float:right;}
.top_sch .sort .c_btn {height:36px;line-height:36px;color:#858585;background-color:#f2f2f2;}
.top_sch .sort .c_btn.on {color:#fff;background-color:#3b4a91;}
.top_sch .word {position:relative;padding-right:52px;}
.top_sch .word input[type="text"] {width:260px;height:37px;line-height:37px;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:15px;color:#898989;}
.top_sch .word .enter {position:absolute;right:0;top:0;width:52px;height:37px;border-top-right-radius:4px;border-bottom-right-radius:4px;font-size:0;color:transparent;border:1px solid #d1d1d1;border-left:0;background:#e5e6e6 url("../../images/www/icon/top_sch_glass.png") no-repeat 50% 50%;}

/* combo bar */
.cb_bar {overflow:hidden;clear:both;position:relative;min-height:40px;margin-bottom:10px;}
.cb_bar.tb {margin-bottom:10px;padding-bottom:0;border-bottom:0;} /* no line */
.cb_bar .add {position:absolute;right:0;bottom:0;}
.cb_bar.tb .add {bottom:0;}
.cb_bar .left {float:left;}
.cb_bar .right {float:right;}
.cb_bar .data {padding-top:13px;}
.cb_bar .add:after, .cb_bar .data:after {content:" ";clear:both;display:block;}
.cb_bar .info {float:left;margin-right:20px;font-size:15px;color:#494949;}
.cb_bar .info .count {color:#f45470;}
.cb_bar .align {overflow:hidden;float:left;}
.cb_bar .align li {float:left;}
.cb_bar .align a {position:relative;display:block;padding:0 10px;font-size:16px;}
.cb_bar .align a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#777;transform:translateY(-50%);}
.cb_bar .align .desc a, .cb_bar .align .asc a {padding-right:22px;font-weight:500;color:#212112;}
.cb_bar .align .desc a:after, .cb_bar .align .asc a:after {content:" ";position:absolute;right:9px;top:50%;width:7px;height:4px;margin-top:-2px;background:url("../../images/www/common/img_merge.png") no-repeat 0 -240px;}
.cb_bar .align .asc a:after {background-position-y:-244px;}
.cb_bar .align li:first-child a:before {display:none;}
.cb_bar .align .on .icmg.list {background-image:url("../../images/www/icon/ic_list_x32_on.png");}
.cb_bar .align2 {overflow:hidden;float:left;}
.cb_bar .align2 li {float:left;}
.cb_bar .align2 li + li {margin-left:20px;}
.cb_bar .align2 a {position:relative;display:block;font-size:16px;}
.cb_bar .align2 a:before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:14px;background-color:#777;transform:translateY(-50%);}
.cb_bar .align2 li:first-child a:before {display:none;}
.cb_bar .align2 .icmg {vertical-align:top;}
.cb_bar .align2 .on .icmg.grid {background-image:url("../../images/www/icon/ic_grid_x32_on.png");}
.cb_bar .align2 .on .icmg.list {background-image:url("../../images/www/icon/ic_list_x32_on.png");}
.cb_bar .left .align, .cb_bar .left .info, .cb_bar .right .align, .cb_bar .right .info {padding-top:17px;}
.cb_bar .left .align2, .cb_bar .right .align2 {padding-top:16px;}

.cb_bar .add .ds_ib {vertical-align:top;}
.cb_bar .add .ds_ib.first {margin-right:30px;}
.cb_bar .sort {position:absolute;right:0;bottom:8px;}
.cb_bar .lab {display:inline-block;margin-right:10px;}
.cb_bar.blank {margin-bottom:0;border-bottom:0;}
.cb_bar.menu, .cb_bar.comb {margin-bottom:0;padding-bottom:0;border-bottom:0;}
.cb_bar.menu .add, .cb_bar.comb .add {top:14px;}
.cb_bar.menu .align {float:none;}
.cb_bar.issue {min-height:46px;margin-bottom:0;border-bottom:0;}
.cb_bar.issue .btn {float:left;margin-top:-10px;}

/* data bar(item_bar) */
.dt_bar, .item_bar {overflow:hidden;position:relative;min-height:38px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e9e9e9;}
.dt_bar.fx {min-height:auto;}
.dt_bar .info {float:left;margin-right:35px;padding-top:10px;font-size:16px;letter-spacing:-0.25px;font-weight:bold;color:#282728;}
.dt_bar .info .count {margin-left:5px;color:#387ce4;}
.dt_bar .add, .item_bar .add {position:absolute;right:0;top:0;}
.dt_bar .add .gp {position:relative;display:inline-block;margin-right:5px;}
.dt_bar .add .gp:before {content:" ";position:absolute;right:-5px;top:50%;width:1px;height:30px;margin-top:-15px;background-color:#2d4b7a;}
.dt_bar .item_li li {position:relative;float:left;margin-right:10px;padding-left:10px;font-weight:bold;color:#494949;}
.dt_bar .item_li li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#b9b9b9;}
.dt_bar .item_li li:first-child {padding-left:0;}
.dt_bar .item_li li:first-child:before {display:none;}
.dt_bar .item_li .count {color:#f64450;}
.dt_bar input[type="checkbox"] + label, .item_bar input[type="checkbox"] + label {font-weight:500;color:#353535;}
.ics_li {overflow:hidden;} /* icon course */
.dt_bar .ics_li {float:left;padding-top:10px;}
.dt_bar .ics_cb .ics_li {padding-right:10px;}
.ics_li li {float:left;margin-left:10px;}
.ics_li .ics {margin-right:5px;}
.ics_li .val {font-size:12px;}
.ics {text-align:center;display:inline-block;width:18px;height:18px;line-height:18px;border-radius:2px;font-size:12px;color:#fff;}
.ics.sw {background-color:#f58129;}
.ics.ld {background-color:#2e6eff;}
.dt_bar .align {overflow:hidden;float:left;padding-top:6px;}
.dt_bar .align li {float:left;}
.dt_bar .align a {position:relative;display:block;padding:0 10px;font-size:14px;color:#777;}
.dt_bar .align a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-4px;background-color:#777;}
.dt_bar .align .desc a, .dt_bar .align .asc a {padding-right:22px;font-weight:500;}
.dt_bar .align .desc a:after, .dt_bar .align .asc a:after {content:" ";position:absolute;right:9px;top:50%;width:7px;height:4px;margin-top:-2px;background:url("../../images/www/common/img_merge.png") no-repeat 0 -240px;}
.dt_bar .align .asc a:after {background-position-y:-244px;}
.dt_bar .align li:first-child a:before {display:none;}
.dt_bar.st {padding-bottom:0;border-bottom:0;}
.dt_bar.st .nav_tabs {margin-bottom:0;}

/* form */
textarea {width:100%;height:100px;padding:10px;border:1px solid #c6c6c6;border-radius:0;background-color:#f4f4f4;}
select {height:32px;padding:0 28px 0 8px;border:1px solid #c6c6c6;background:#fff url("../../images/www/common/select_deco.png") no-repeat 100% 50%;}
input[type="text"].wide, input[type="password"].wide, select.wide {width:100% !important;max-width:none !important;}
input[type="text"], input[type="password"] {height:32px;line-height:32px;padding:0 10px;border:1px solid #c6c6c6;}
.tbl_col.sm input[type="text"], .tbl_col.sm input[type="password"] {height:20px;line-height:20px;}
input[type="radio"] {border:1px solid #a5a5a5;border-radius:50%;height:18px;width:18px;background:#fff;}
input[type="radio"]:checked:after {display:block;content:" ";position:relative;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background-color:#f45470;}
input[type="radio"].chk, input[type="checkbox"].chk, input[type="text"].chk {margin-right:5px;}
input[type="radio"].chk + label, input[type="checkbox"].chk + label, input[type="text"].chk + label {margin-right:10px;}
input.sp, select.sp, label.sp {margin-left:5px;}
input[type="radio"] + label ~ .sp {margin-left:15px;}
input + label ~ input.wide {margin:5px 0 0 0;}
input.read {background-color:#edeef0;}
select.sm {height:27px;font-size:13px;}
input[type="text"].act {border-color:#1d9ced;}
input[type="checkbox"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid #a5a5a5;border-radius:0;background-color:#fff;}
input[type="checkbox"]:checked {background:#fff url("../../images/www/bg/bg_checkbox.png") no-repeat 50% 50%;background-size:8px auto;}
input[type="checkbox"]:disabled {opacity:0.8;background-color:#eee;}
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;}

/* form custom */
.ip_mail .text, .ip_mail .at {vertical-align:middle;display:inline-block;}
.ip_mail input[type="text"] {width:170px;margin:2px 0;}
.ip_mail .at {height:36px;line-height:36px;}
.ip_mail select {margin:2px 0;}
.ip_ph input[type="text"] {text-align:center;width:80px;}

/* form kendo, custom */
.c_date {display:inline-block;} /* combo, single */
.c_date.k-datepicker {width:auto !important;margin:2px;}
.k_date.k-datepicker, .ip_form .datepicker.k-datepicker {width:auto;}
.c_date .k-picker-wrap, .k_date .k-picker-wrap {width:100px;}
.datepicker .k-picker-wrap {width:120px;}
.c_date .k-picker-wrap .k-input {text-align:center;height:30px;line-height:30px;padding:0;}
.datepicker .k-picker-wrap .k-input {text-align:center;}
.c_date.min .k-picker-wrap, .k_date.min .k-picker-wrap {width:80px;}
.c_date.min .k-picker-wrap .k-input {font-size:13px;}
.c_date .wave, .c_time .wave {margin:0 5px;}
.ip_post input.wide, .ip_msg input[type="text"] {margin-top:5px;} /* input address */
.ip_nt {padding-top:5px;font-size:13px;}
.ip_cm {padding-top:5px;color:#ff7417;}
.ip_cm .link {color:#3399ff;}
.ip_gp {vertical-align:middle;display:inline-block;padding:4px 2px;}
.ip_gp label {margin-right:3px;font-weight:bold;}
.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;}
.ip_addr .addr, .ip_addr .add {margin-top:5px;}

/* input, width */
.wd_xs {width:50px;}
.wd_s {width:70px;}
.wd_m {width:100%;max-width:250px;}
.wd_lg {width:100%;max-width:400px;}

/* date_picker */
.date_picker {display:inline-block;}
.date_picker input[type="text"] {text-align:center;max-width:180px;padding:0 40px 0 10px;background:#fff url("../../images/www/icon/icon_date_picker@2x.png") no-repeat 95% 50%;background-size:24px 24px;}
.date_picker input[type="text"], .date_picker select {margin:3px 0;}

/* radio */
.d_radio {position:relative;display:inline-block;margin-right:5px;}
.d_radio input[type=radio] {position:absolute;visibility:hidden;}
.d_radio input[type=radio] + label {cursor:pointer;display:inline-block;position:relative;line-height:26px;padding-left:35px;font-size:16px;font-weight:bold;}
.d_radio input[type=radio] + label:before, .d_radio input[type=radio] + label:after {content:" ";position:absolute;border-radius:100%;}
.d_radio input[type=radio] + label:before {left:0;top:0;width:24px;height:24px;border:2px solid #cacaca;background:#fff;}
.d_radio input[type=radio] + label:after {left:4px;top:4px;width:20px;height:20px;background:#cacaca;}
.d_radio input[type=radio]:checked + label:before {border-color:#50b4b6;}
.d_radio input[type=radio]:checked + label:after {background:#50b4b6 url("../../images/www/bg/checkbox_set_lg.png") no-repeat 50% 50%;}

/* c_btn, custom button */
.c_btn {text-align:center;vertical-align:middle;display:inline-block;padding:0 10px;height:32px;line-height:32px;border-radius:2px;font-size:14px;letter-spacing:-0.3px;color:#fff;}
/*.c_btn:hover, .c_btn:focus {color:#fff;opacity:0.5;}*/
/* border-radius:4px; */
.c_btn.bk {background-color:#282828;}
.c_btn.gray, .a_btn.gray {background-color:#727780;} /* #666 */
.c_btn.yellow {background-color:#fed388;}
.c_btn.d_gray {background-color:#676c71;}
.c_btn.l_gray {background-color:#a4a4a4;}
.c_btn.blue {background-color:#1857a6;}
.c_btn.d_blue {background-color:#2b65dc;}
.c_btn.st_blue {background-color:#0450b0;}
.c_btn.green {background-color:#29828C;}
.c_btn.orange {background-color:#29828C;}
.c_btn.red {background-color:#f45470;}
.c_btn.navy {background-color:#1f2b70;}
.c_btn.turq {background-color:#1f9ab9;}
.c_btn.l_turq {background-color:#52b0b5;}
.x .c_btn.blue {background-color:#1d9ced;}

.c_btn.rd {border-radius:2px;}
.c_btn.blank {border:1px solid #dbdbdb;color:#4e4e4e;background-color:#fff;}
.c_btn.xl {height:48px;line-height:48px;padding:0 35px;font-size:18px;font-weight:300;}
.c_btn.lg {height:40px;line-height:40px;padding:0 20px;font-size:16px;}
.c_btn.md {height:36px;line-height:36px;font-size:14px;}
.c_btn.sm {height:27px;line-height:28px;padding:0 8px;font-size:13px;}
.c_btn.xs {height:23px;line-height:23px;padding:0 5px;font-size:12px;}
.c_btn.xxs {height:18px;line-height:18px;padding:0 5px;font-size:11px;letter-spacing:-1px}
.c_btn.st {border-radius:0;}
.c_btn .text {margin-right:7px;}
.c_btn .icc + .text {margin-right:0;}
.c_btn.no {background-color:#cacaca;}
.no.on {background-color:#408fde !important;}
.c_btn.wd {padding:0 20px;}
.c_btn.wide {width:100%;}
.sm.fxd {width:75px;}
.c_btn[disabled] {cursor:default;opacity:0.5;}
.ct_dialog .b_box .c_btn, .c_dialog .b_box .c_btn {border-radius:0;}
.cc_btn {display:inline-block;width:30px;height:30px;border-radius:50%;color:#fff;}
.cc_btn.gray {background-color:#989b9f;}
.cc_btn.red {background-color:#eb7c7c;}

/* r_btn */
.r_btn {text-align:center;vertical-align:middle;display:inline-block;min-width:50px;height:30px;line-height:30px;padding:0 10px;border:1px solid #a5accd;border-radius:15px;font-size:12px;letter-spacing:-0.5px;color:#3f3f3f;background-color:#fff;}
.r_btn.gray {border-color:#eceff1;color:#3b4a91;background-color:#eceff1;}
.r_btn.navy {border:0;color:#fff;background-color:#3b4a91;}
.r_btn.blue {border:0;color:#fff;background-color:#3e8ddc;}
.r_btn.red {border:0;color:#fff;background-color:#ef5656;}

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

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

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

/* button box */
.b_box {text-align:center;clear:both;overflow:hidden;padding-top:20px;}
.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;} /* exam_info */
.bw_box a {display:block;height:64px;line-height:64px;font-size:22px;font-weight:bold;letter-spacing:-0.3px;color:#333;}
.bw_box a + a {border-left:1px solid #e8e8e8;}
.bw_box a.on {color:#1f2b70;}
.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-top:0;}
.b_box.bot {padding-top:0;padding-bottom:20px;}
.b_box .link {color:#3399ff;}
.b_box .icmg.doc {margin-right:10px}
.b_box .lg .icmg {margin:-4px 0 0 8px;}

/* title */
.c_title {position:relative;margin-bottom:10px;font-size:18px;letter-spacing:-0.5px;font-weight:500;color:#191919;}
.c_title:before {content:" ";vertical-align:middle;display:inline-block;width:8px;height:11px;margin:-4px 5px 0 0;background:url(../../images/www/common/img_merge.png) no-repeat 0 -80px;}
.c_title.top, .c_title1.top, .c_title2.top, .c_title3.top, .p_title.top, .bl_title.top {margin-top:20px;}
.c_title1 {position:relative;margin-bottom:10px;font-size:18px;font-weight:500;color:#212121;}
.c_title2 {position:relative;margin-bottom:10px;font-size:16px;font-weight:500;color:#212121;}
/*.c_title2:before {content:"\e39e";position:absolute;left:0;top:2px;font-family:'Material Icons';font-size:22px;}*/
.c_title3 {position:relative;margin-bottom:10px;padding-left:30px;font-size:20px;letter-spacing:-0.5px;color:#212121;}
.c_title3:before {content:" ";position:absolute;left:0;top:6px;width:22px;height:17px;background:url(../../images/www/common/bl_circle.png) no-repeat 0 0;}
.ct_title {text-align:center;margin-bottom:15px;font-size:24px;font-weight:bold;letter-spacing:-0.25px;}
.ct_desc {text-align:center;margin-bottom:35px;font-size:16px;}
.bl_title {position:relative;margin-bottom:10px;padding-left:14px;font-size:18px;font-weight:500;color:#212121;}
.bl_title:before {content:" ";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background-color:#50b4b6;}
.bl_title.dtop, .c_title3.dtop {margin-top:40px;}
.p_title {margin-bottom:15px;font-size:24px;font-weight:bold;letter-spacing:-0.25px;color:#282728;}
.ctm2 .p_title {font-family:NanumSquareRound;font-weight:800;}
.p_title2 {margin-bottom:10px;font-size:16px;font-weight:bold;letter-spacing:-0.4px;color:#282728;}
.pg_head {text-align:center;height:120px;margin-bottom:20px;border-bottom:1px solid #d2d2d2;}
.pg_head h3 {font-size:34px;font-weight:bold;color:#000;}
.pg_head p {line-height:1.4;margin-top:15px;font-size:16px;color:#333;}

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

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

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

/* c_rating */
/*2023 a11y*/
.c_rating .view, .c_rating .edit {overflow:visible;vertical-align:middle;position:relative;display:inline-block;}
.c_rating input[type="radio"] {position:absolute;visibility:visible;width:32px;height:32px}
.c_rating #i_a_01{left:0}
.c_rating #i_a_02{left:32px}
.c_rating #i_a_03{left:64px}
.c_rating #i_a_04{left:96px}
.c_rating #i_a_05{left:128px}
.c_rating input[type="radio"] + label {float:right;width:32px;height:32px;position:relative;background-color:#fff;border:1px solid #fff}
.c_rating input[type="radio"] + label:before {content:"\e83a";font-size:32px;color:#dd2404;}
.c_rating input[type="radio"]:checked ~ label:before {content:"\e838";}
.c_rating input[type="radio"]:checked.half+label:before {content:"\e839";}
.c_rating .view i {float:left;}
.c_rating .view i:before {vertical-align:top;}
.c_rating .ave {vertical-align:middle;display:inline-block;margin-left:5px;font-size:16px;}
.c_rating .ave .grade {color:#dd2404;}
/* .c_rating .view, .c_rating .edit {overflow:hidden;vertical-align:middle;position:relative;display:inline-block;}
.c_rating input[type="radio"] {position:absolute;visibility:hidden;}
.c_rating input[type="radio"] + label {float:right;width:32px;height:32px;}
.c_rating input[type="radio"] + label:before {content:"\e83a";font-size:32px;color:#fa7a62;}
.c_rating input[type="radio"]:checked ~ label:before {content:"\e838";}
.c_rating input[type="radio"]:checked.half+label:before {content:"\e839";}
.c_rating .view i {float:left;}
.c_rating .view i:before {vertical-align:top;}
.c_rating .ave {vertical-align:middle;display:inline-block;margin-left:5px;font-size:16px;}
.c_rating .ave .grade {color:#dd2404;} */

/* nav_tabs */
.nav_tb {overflow:hidden;margin-bottom:40px;}
.nav_tb > li {text-align:center;float:left;width:25%;}
.nav_tb > li a {display:block;position:relative;height:58px;line-height:58px;border-top:1px solid #f1f1f1;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;font-size:18px;background-color:#f9f9f9;}
.nav_tb > li:first-child a {border-left:1px solid #f1f1f1;}
.nav_tb > .on a {border-color:#2b65dc;font-weight:500;color:#fff;background-color:#2b65dc;}
.nav_tb > .on a:before {opacity:0.15;content:" ";position:absolute;right:-14px;bottom:-1px;z-index:10;width:0;height:0;border-bottom:58px solid #000;border-right:13px solid transparent;}
.nav_tb > li:last-child.on a:before {right:auto;left:-13px;border-right:0;border-left:13px solid transparent;}
.nav_tabs {margin-bottom:15px;border-bottom:1px solid #d2d2d2;}
.nav_tabs:after {content:" ";clear:both;display:block;}
.nav_tabs.top {margin-top:15px;}
.nav_tabs.dtop {margin-top:30px;}
.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 #d2d2d2;font-weight:500;color:#666;background-color:#f9f9f9;}
.nav_tabs > li > a:hover {background-color:#f5f5f5;}
.nav_tabs > li.on {z-index:10;}
.nav_tabs > li.on a, .nav_tabs > .ui-state-active a {border-bottom-color:transparent;color:#000;background-color:#fff;}
.nav_tabs.third > li, .c_login .nav_tabs.third li {width:33.33333333%;}
.nav_tabs .caution {position:absolute;right:-10px;top:-10px;background-color:#faa519;}
.nav_tabs .caution:before {color:#00093b;}
.nav_tabs1 {margin-bottom:15px;border-bottom:1px solid #d2d2d2;} /* count */
.nav_tabs1:after {content:" ";clear:both;display:block;}
.nav_tabs1.top {margin-top:15px;}
.nav_tabs1.dtop {margin-top:30px;}
.nav_tabs1 > li {position:relative;float:left;margin-bottom:-1px;margin-right:3px;}
.nav_tabs1 > li > a {text-align:center;display:block;height:60px;padding:8px 15px 0 15px;border:1px solid #d2d2d2;font-weight:500;background-color:#f9f9f9;}
.nav_tabs1 > li > a:hover {background-color:#f5f5f5;}
.nav_tabs1 > li > a span {display:block;font-size:13px;color:#989898;}
.nav_tabs1 > li.on {z-index:10;}
.nav_tabs1 > li.on a, .nav_tabs1 > .ui-state-active a {border-bottom-color:transparent;color:#50b4b6;background-color:#fff;}
.nav_tabs1.third > li, .c_login .nav_tabs1.third li {width:33.33333333%;}
.nav_tabs1 .caution {position:absolute;right:-10px;top:-10px;background-color:#faa519;}
.nav_tabs1 .caution:before {color:#00093b;}
.nav_tabs1 .out {border-top-color:#3c55d0;border-right-color:#3c55d0;border-left-color:#3c55d0;color:#3c55d0;}
.nav_tabs1 .out span {color:#3c55d0;}
.nav_tabs1 .on .out span {color:#989898;}
/*.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;}
.nav_tabs .num {margin-left:5px;color:#ef5656;}
.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:15px;border-bottom:1px solid #d2d2d2;}
.nav_tabs2:after {content:" ";clear:both;display:block;}
.nav_tabs2.top {margin-top:15px;}
.nav_tabs2.dtop {margin-top:30px;}
.nav_tabs2 > li {position:relative;float:left;margin-bottom:-1px;margin-right:3px;}
.nav_tabs2 > li > a {display:block;padding:10px 15px;border:1px solid #d2d2d2;font-weight:500;color:#939393;background-color:#f9f9f9;}
.nav_tabs2 > li > a:hover {background-color:#f5f5f5;}
.nav_tabs2 > li.on {z-index:10;}
.nav_tabs2 > li.on a, .nav_tabs2 > .ui-state-active a {border-bottom-color:transparent;color:#212121;background-color:#fff;}
.nav_tabs3 {margin-bottom:20px;border-bottom:1px solid #cacaca;}
.nav_tabs3.top {margin-top:20px;}
.nav_tabs3:after {content:" ";clear:both;display:block;}
.nav_tabs3 > li {text-align:center;position:relative;top:1px;float:left;margin-left:-1px;border:1px solid #fff;border-bottom:0;background-color:#fff;}
.nav_tabs3 > li:first-child {margin-left:0;}
.nav_tabs3 > li.on {z-index:10;border-color:#cacaca;border-left:1px solid #cacaca;border-right:1px solid #cacaca;}
.nav_tabs3 > li > a {display:block;height:51px;line-height:51px;padding:0 35px;font-size:18px;font-weight:500;color:#666;}
.nav_tabs3 > li.on > a {height:53px;color:#000;}
.nav_tabs3 > li > a:focus {z-index:11;position: relative;}
.nav_tabs4 {margin-bottom:20px;border-bottom:1px solid #cacaca;}
.nav_tabs4.top {margin-top:20px;}
.nav_tabs4:after {content:" ";clear:both;display:block;}
.nav_tabs4 > li {text-align:center;position:relative;top:1px;float:left;margin-left:-1px;border:1px solid #fff;border-bottom:0;background-color:#fff;}
.nav_tabs4 > li:first-child {margin-left:0;}
.nav_tabs4 > li.on {z-index:10;border-color:#cacaca;border-left:1px solid #cacaca;border-right:1px solid #cacaca;}
.nav_tabs4 > li > a {display:block;height:41px;line-height:41px;padding:0 25px;font-weight:500;color:#666;}
.nav_tabs4 > li.on > a {height:43px;color:#000;}
.cb_box {position:relative;min-height:30px;margin-bottom:15px;}
.cb_box .nav_tabs, .cb_box .nav_tabs2 {margin-bottom:0;}
.cb_box .add {position:absolute;right:0;bottom:0;}
.cb_box .add .icmg {margin:-3px 0 0 5px;}
.cb_box .period {position:absolute;right:0;bottom:0;padding:0 0 10px 28px;font-size:16px;letter-spacing:-0.5px;}
.cb_box .period i {position:absolute;left:0;top:0;}

/* c_tab */
.c_tab {margin-bottom:10px;}
.c_tab:after {content:" ";clear:both;display:block;}
.c_tab li {float:left;margin-left:-1px;}
.c_tab li:first-child {margin-left:0;}
.c_tab li a {text-align:center;display:block;min-width:90px;height:36px;line-height:35px;padding:0 40px;border:1px solid #d2d2d2;font-weight:bold;color:#858585;background-color:#fff;}
.c_tab li a:hover, .c_tab li.on a {border-color:#0c4da2;color:#fff;background:#0c4da2;}

/* ct_tab */
.ct_tab {overflow:hidden;margin-bottom:15px;}
.ct_tab li {float:left;position:relative;}
.ct_tab li:before {content:" ";position:absolute;left:0;top:9px;width:1px;height:24px;background-color:#b4b4b4;}
.ct_tab li a {display:block;height:40px;line-height:40px;padding:0 15px;font-size:25px;font-weight:bold;color:#212121;}
.ct_tab li.on a {color:#f35370;}
.ct_tab li:first-child:before {display:none;}
.ct_tab li:first-child a {padding-left:0;}

/* tab_plus */
.tab_plus {position:relative;margin-bottom:10px;}
.tab_plus .more {position:absolute;right:0;top:0;}

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

/* c_search */
.c_search {overflow:hidden;margin-bottom:10px;}
.c_search .left {float:left;}
.c_search .right {float:right;}
.c_search select, .c_search .word {float:left;}
.c_search select, .c_search select + .word {margin-right:5px;}
.c_search .word {position:relative;}
.c_search .enter {vertical-align:middle;display:inline-block;height:32px;line-height:32px;padding:0 10px;color:#fff;background-color:#212121;}
.c_search .word + .c_btn  {float:left;margin-left:5px;}
.c_search .word + select {margin-left:5px;}
.c_search .text {width:240px;border-right:0;}
.c_search .word.wide {float:none;margin-left:0;}
.c_search .word.wide .text {width:100%;}
.c_search .word.one {padding-right:0;}
.c_search .word .text {border-right:1px solid #d1d1d1;}
.c_search .word .enter.gray {background-color:#676c71;}
.c_search .word .enter.d_gray {background-color:#545557;}
.c_search .word .enter.red {background-color:#eb7c7c;}
.c_search.bot {margin-top:10px;}
.c_search .word + .c_date {float:left;margin-left:20px;}
.c_search .word + .c_date .lab {vertical-align:middle;margin-right:5px;font-weight:bold;}
.c_search .c_date + .enter {margin-left:20px;padding:0 20px;}
.c_search .sel {overflow:hidden;clear:both;padding-top:7px;}
.c_search .sel select {margin:3px 5px 3px 0;}
.c_search .group {float:left;margin-left:10px;}
.c_search fieldset {float:left;}
.c_search .list {float:right;}
.c_search .list select {float:none;width:auto;margin:0;}
.c_search .list .lab {vertical-align:middle;display:inline-block;line-height:30px;font-weight:bold;}
.c_search .ip_gp {float:left;}
.c_search .ip_gp + .word {margin:4px;}

/* sch_cb, text + search */
.sch_cb {position:relative;}
.sch_cb input[type="text"] {width:300px;}
.sch_cb .enter {vertical-align:middle;display:inline-block;height:30px;line-height:30px;padding:0 10px;font-size:13px;color:#fff;background-color:#1f2b70;}
.sch_cb.wd_s .text {width:100px;}

/* search box */
.ds_box.srch .inner {background-color:#fff;}
.ds_box.srch .bar {text-align:center;padding-top:10px;}
.ds_box.srch .bar .c_btn {height:36px;line-height:36px;padding:0 15px;border-radius:0;font-size:15px;background-color:#666;}
.ds_box.srch .bar .glass {margin:-4px 0 0 5px;}
.ds_box.srch th, .ds_box.srch td {padding:5px 10px;}
.ip_del {position:relative;padding-right:30px;}
.ip_del input[type="text"] {width:100%;}
.ip_del button {position:absolute;right:0;top:3px;}

/* sch_box */
.sch_box {margin-bottom:20px;padding:6px;background:url("../../images/www/bg/bg_ds_box.png") repeat 0 0;}
.sch_box > .inner {padding:10px;background-color:#fff;}
.sch_box .stair:after {content:" ";clear:both;display:block;}
.sch_box .col {float:left;width:33.33333333%;padding:5px;}
.sch_box .bar  {text-align:center;padding-top:5px;}
.sch_box .bar .c_btn {height:36px;line-height:36px;padding:0 15px;border-radius:0;font-size:15px;background-color:#989b9f;}
.sch_box .bar .glass {margin:-4px 0 0 5px;}

.sch_box input[type="checkbox"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:0;background:url("../../images/www/common/img_form.png") no-repeat 0 -24px;}
.sch_box input:checked {background-position-x:-24px;}
.sch_box input.circle {background-position:0 0;}
.sch_box input.circle:checked {background-position:-24px 0;}
.sch_box .basic .group {border-bottom:1px solid #e2e2e2;}
.sch_box .group {position:relative;border:1px solid #e2e2e2;border-bottom:0;padding:15px 15px 5px 15px;}
.sch_box .group .row {margin-bottom:10px;}
.sch_box .group .row:after {content:" ";clear:both;display:block;}
.sch_box .group .del {position:absolute;right:0;top:0;}
.sch_box .group .del i {overflow:hidden;display:block;width:30px;height:30px;font-size:0;background-color:#f15c59;}
.sch_box .group .del i:before {content:" ";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;font-size:0;background:url("../../images/www/common/img_form.png") no-repeat -79px 0;}
.sch_box .input, .sch_box .select, .sch_box .sent {float:left;position:relative;margin-right:10px;}
.sch_box .input.join, .sch_box .select.join {margin-right:0;}
.sch_box .input.join + .input, .sch_box .input.join + .select, .sch_box .select.join + .input, .sch_box .select.join + .select {margin-left:-1px;}
.sch_box .input {width:160px;height:52px;background-color:#fff;}
.sch_box .input.readonly {border:1px solid #e2e2e2;background-color:#f2f4f7;}
.sch_box .essen {overflow:hidden;position:absolute;left:0;top:0;z-index:20;width:8px;height:8px;font-size:0;background-color:#f15c59;}
.sch_box .input.readonly .essen {left:-1px;top:-1px;}
.sch_box .textarea {position:relative;border:1px solid #e2e2e2;}
.sch_box .textarea.is_lab {padding-top:30px;}
.sch_box textarea {outline:none;resize:none;width:100%;height:60px;padding:0 10px;font-size:16px;color:#333;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.sch_box .focus textarea {height:200px;}
.sch_box .input input[type="text"] {outline:none;display:block;position:relative;width:100%;height:60px;padding:0 10px;border:1px solid #e2e2e2;font-size:16px;letter-spacing:-0.5px;color:#333;background:transparent;}
.sch_box .input.is_lab input[type="text"] {padding-top:20px;}
.sch_box .input input[type="text"]:focus, .sch_box textarea:focus {z-index:10;border-color:#15a4fa;}
.sch_box .input label, .sch_box .input .lab, .sch_box .textarea .lab, .sch_box .ck_li .lab {position:absolute;z-index:10;left:10px;top:9px;font-size:12px;font-weight:bold;color:#222;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.sch_box .input .val {font-size:16px;letter-spacing:-0.5px;color:#333;}
.sch_box .input.readonly {padding-top:20px;}
.sch_box .input.readonly .val {height:38px;padding:10px 10px 0 10px;color:#999;}
.sch_box .input .lab {top:9px;font-size:12px;color:#a8a8a8;}
.sch_box .sent {height:60px;line-height:60px;padding:0 10px;font-size:16px;color: #333;}
.sch_box .ck_li {position:relative;padding:30px 10px 10px 10px;border:1px solid #e2e2e2;}
.sch_box .ck_li ul:after {content:" ";clear:both;display:block;}
.sch_box .ck_li li {position:relative;float:left;width:25%;padding-left:30px;}
.sch_box .ck_li li input[type="checkbox"] {position:absolute;left:0;top:3px;}
.sch_box .ck_li li label {display:inline-block;padding:6px 0;}
.sch_box .ck_li .etc {float:none;width:300px;margin-top:10px;}
.sch_box .select {position:relative;width:100%;height:60px;border:1px solid #e2e2e2;}
.sch_box .select select {width:100%;height:38px;padding:0 30px 0 10px;border:0;font-size:16px;color:#333;background: url(../../images/www/common/d_select_deco.gif) no-repeat 100% 50%;}
.sch_box .select.is_lab {padding-top:20px;}
.sch_box .select.is_lab .lab, .sch_box .select.is_lab label {position:absolute;left:11px;top:8px;font-size:12px;font-weight:bold;color:#222;}
.d_select .val {display:block;position:relative;width:100%;height:100%;border:1px solid #e2e2e2;}
.d_select .val span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;display:block;height:100%;padding:20px 20px 0 10px;font-size:14px;color:#333;}
.d_select.is_lab .val span {padding-top:27px;}
.d_select .val:before {content:" ";position:absolute;right:10px;top:27px;width:11px;height:6px;background:url("../../images/www/common/img_form.png") no-repeat -48px 0;}
.d_select .val:focus {z-index:10;border-color:1px solid #15a4fa;}
.d_select .list {display:none;position:absolute;width:100%;left:0;top:51px;border:1px solid #666;background-color:#fff;}
.d_select .list a {display:block;line-height:1.4;padding:5px 10px;font-size:13px;color:#333;}
.d_select .list .hover a {background-color:#f5f7f8;}
.d_select.open .list {display:block;z-index:20;}
.sch_box .help {font-size:12px;font-weight:bold;color:#3399ff;}
.sch_box .help.top {padding-top:10px;}
.sch_box .input.wide, .sch_box .d_select.wide {float:none;width:100%;}
.sch_box .textarea.intro {border-top:0;}
.sch_box .textarea.intro textarea {height:260px;padding:10px;}
.sch_box .wd_xs {width:80px;}
.sch_box .wd_s {width:105px;}
.sch_box .wd_m {width:330px;}
.sch_box .field {width:210px;}

/* paginate */
.paginate {text-align:center;padding-top:30px;}
.paginate li {display:inline;}
.paginate .inner {vertical-align:top;display:inline-block;}
.paginate a, .paginate span, .paginate button {float:left;width:32px;height:32px;line-height:32px;border:1px solid #dfdfdf;margin:0 4px;font-size:15px;font-weight:300;}
.paginate .on {color:#fff;border-color:#1857a6;background-color:#1857a6;}
.paginate .img {border:0;}
.paginate .img img {vertical-align:top;}
.paginate.top {padding-top:0;}

/* c_term */
.c_term {line-height:1.6;letter-spacing:-0.25px;}
.c_term .ds_box {margin-bottom:10px;}
.c_term.box {overflow-y:auto;height:200px;padding:15px;border:1px solid #b9b9b9;border-radius:10px;background-color:#fff;}
.c_term.long {height:450px;}
.c_term .t_title {font-size:16px;font-weight:bold;}
.c_term .article {padding:5px 0 10px 0;}
.c_term .article.one, .c_term .article.last {padding-bottom:0;}
.c_term h3 {position:relative;margin-bottom:5px;padding-left:14px;font-size:16px;font-weight:bold;color:#111;}
.c_term h3:before {content:" ";position:absolute;left:0;top:11px;width:8px;height:4px;background:#4a8fdd;}
.c_term .em {font-weight:bold;color:#1f4bb4 !important;}
.c_term .guide {text-align:center;margin-bottom:15px;padding:15px 30px;border:1px dashed #b9b9b9;border-radius:6px;background-color:#fff;}
.c_term .guide .slogan {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;font-size:16px;font-weight:bold;color:#222;}
.c_term .article .title {font-size:15px;font-weight:500;}
.c_term .article p + ul, .c_term .article p + ol {padding-top:5px;}
.c_term .article .cont {padding-top:5px;}
.c_term .article ul > li {margin-top:3px;}
.c_term .article ul > li:first-child {margin-top:0;}
.c_term .article .li_num > li, .c_term .article .li_num2 > li {margin-top:7px;}
.c_term .article .li_num > li:first-child, .c_term .article .li_num2 > li:first-child {margin-top:0;}
.c_term .article .note {margin-top:10px;color:#989898;}
.c_term .li_ko li {padding-left:18px;}
.c_term .li_ko .ord {display:inline-block;min-width:18px;margin-left:-18px;}
.c_term .li_num li {padding-left:18px;}
.c_term .li_num > li > strong, .c_term .article .li_num > li > .ord {font-weight:bold;}
.c_term .li_num > li > strong {display:inline-block;padding-bottom:3px;}
.c_term .li_num .ord {display:inline-block;min-width:18px;margin-left:-18px;}
.c_term .li_num .ord.star {text-align:center;font-weight:bold;}
.c_term .li_num2 > li {padding-left:28px;}
.c_term .li_num2 > li > .ord {display:inline-block;min-width:28px;margin-left:-28px;font-weight:bold;}
.c_term .li_circle li {margin-top:3px;padding-left:15px;}
.c_term .li_circle li:first-child, .c_term .li_circle2 li:first-child {margin-top:0;}
.c_term .li_circle .ord {display:inline-block;min-width:15px;margin-left:-15px;}
.c_term .li_circle > li > .ord {position:relative;top:-2px;}
.c_term .li_circle2 li {margin-top:3px;padding-left:20px;}
.c_term .li_circle2 .ord {display:inline-block;min-width:20px;margin-left:-20px;}
.c_term .li_hypen li {position:relative;padding-left:15px;}
.c_term .li_hypen li:before {content:" ";position:absolute;left:5px;top:10px;width:4px;height:1px;background-color:#666;}
.c_term table, .c_term .fx_box {margin:10px 0;}
.c_term .fx_box > table {margin:0;}
.c_term .dot_li {padding-top:5px;}
.c_term .link {letter-spacing:-0.3px;font-size:13px;color:#0085b6;}
.c_term .dot_li li:before {top:9px;}
.c_term .tbl_hd {text-align:center;line-height:1.6;margin-top:20px;padding:10px 0;border-top:2px solid #222;letter-spacing:-0.25px;font-size:13px;font-weight:bold;color:#333;background-color:#f5f6f7;}
.c_term .tbl_hd.top {margin-top:0;}
.c_term .top {margin-bottom:5px;}
.c_term .tbl_col2 th, .c_term .tbl_col2 td {padding:8px;font-size:13px;}
.c_term .gd_term {text-align:left;}
.c_term.pg .group {margin-bottom:20px;}
.c_term.pg h2 {position:relative;margin-bottom:5px;padding-left:14px;font-size:16px;font-weight:bold;color:#111;}
.c_term.pg h2:before {content:" ";position:absolute;left:0;top:11px;width:8px;height:4px;background:#4a8fdd;}
.pl_link {margin-bottom:20px;}
.pl_link .gd_box {margin-bottom:0;}
.pl_link .guide {text-align:right;margin-bottom:5px;font-size:13px;}
.pl_link .case {overflow:hidden;padding:16px 18px;border:1px dashed #959595;}
.pl_link ul {float:left;width:50%;}
.pl_link a {display:block;position:relative;line-height:1.7;padding:5px 10px;color:#787878;}
.pl_link a:before {content:" ";position:absolute;left:3px;top:15px;width:3px;height:3px;border-radius:50%;background-color:#699ee3;}
.pl_link .lab {font-weight:bold;color:#222;}
.edu_app .bl_title {margin-bottom:5px;}
.edu_app .c_term.box {height:180px;}
.edu_app .c_term .ds_box {margin-bottom:10px;}
.edu_app .c_term.box * {font-size:13px;}
.edu_app .bar {padding-top:5px;}
.edu_app .bar label {font-weight:bold;}

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

/* step_li, step_tab */
.step_li {overflow:hidden;position:relative;margin-bottom:10px;}
.step_li > li {text-align:center;float:left;margin:2px 2px 10px 2px;}
.step_li li {position:relative;border:2px solid #dedede;letter-spacing:-0.5px;color:#636363;font-weight:bold;background-color:#f2f2f2;}
.step_li li:after {display:none;content:" ";position:absolute;bottom:-11px;left:50%;width:0;height:0;margin-left:-3px;border:solid transparent;border-top-color:#3462b4;border-width:5px;}
.step_li li > a, .step_li li > span {display:block;height:48px;line-height:48px;padding:0 12px;font-size:16px;}
.step_li.multi li {padding:10px;}
.step_li.multi li > span {height:auto;line-height:inherit;padding:0;font-size:12px;}
.step_li.multi li .lab {padding-top:5px;font-size:14px;}
.step_li li.on:after {display:block;}
.step_li li.on {border-color:#3462b4;background-color:#6274ba;}
.step_li li.on > a, .step_li li.on span {color:#fff;}
.step_tab {margin-bottom:20px;border-bottom:3px solid #606060;}
.step_tab:after {content:" ";clear:both;display:block;}
.step_tab li {text-align:center;position:relative;top:3px;float:left;width:33.3333%;margin-left:-2px;border:1px solid #d2d2d2;border-bottom:0;background-color:#f5f5f5;} /* two */
.step_tab li:first-child {margin-left:0;}
.step_tab li:last-child {width:calc(33.3333% + 4px);}
.step_tab li .inner {display:block;height:53px;line-height:50px;}
.step_tab li span {vertical-align:middle;display:inline-block;}
.step_tab li .lab {font-size:16px;font-weight:bold;letter-spacing:-0.3px;color:#7f7f7f;}
.step_tab li.on {z-index:10;border-width:3px;border-color:#606060;}
.step_tab li.on .inner {height:54px;border-bottom:3px solid #fff;background-color:#fff;}
.step_tab li.on .lab {color:#4f4f4f;}
.step_tab li .step {height:27px;line-height:27px;margin-right:5px;padding:0 8px;border-radius:2px;color:#fff;background-color:#cacdd2;}
.step_tab li.on .step {background-color:#1053a3;}
.step_tab li.on:before {content:" ";position:absolute;right:15px;top:18px;width:20px;height:20px;background:url("../../images/www/common/img_d_merge.png") no-repeat -145px -60px;}

/* post_no */
.post_no {text-align:center;display:table;height:100%;margin:0 auto;padding:0 10px;}
.post_no p {vertical-align:middle;display:table-cell;height:100%;font-size:15px;}
.cl_top .board .post_no {height:80px;}

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

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

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

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

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

/* tb_sort */
/*.tb_sort {overflow:hidden;vertical-align:top;display:inline-block;}
.tb_sort a {float:left;color:#6666ff;}
.tb_sort .on {color:#eb7c7c;}*/
.tb_sort .text {vertical-align:middle;display:inline-block;}
.tb_sort .btn {overflow:hidden;vertical-align:middle;display:inline-block;margin-left:5px;}
.tb_sort .btn a {display:block;height:18px;color:#777;}
.tb_sort .btn .icc {vertical-align:top;}
.tb_sort .btn .icc:before {font-size:18px;}
.tb_sort .btn .on {color:#eb7c7c;}

/* file_li */
.file_li > li {float:left;width:25%;padding:5px;}
.file_li > li .inner {position:relative;background:#fff;}
.file_li li:after {content:" ";clear:both;display:block;}
.file_li .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;}
.file_li .sort .m_icon:before {font-size:36px;color:#fff;}
.file_li .con {height:auto;padding:20px 10px;border-top:0;}
.file_li .item {overflow:hidden;min-height:38px;padding:0 10px;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#698ec3;}
.file_li .cate li {position:relative;float:left;line-height:37px;padding:0 5px;font-size:15px;font-weight:bold;color:#fff;}
.file_li .cate li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:8px;margin-top:-4px;background-color:#fff;}
.file_li .cate li:first-child {padding-left:0;}
.file_li .cate li:first-child:before {display:none;}
.file_li .cate .type .icc:before {line-height:24px;color:#fff;}
.file_li .date {position:absolute;right:10px;top:0;line-height:37px;font-size:13px;color:#fff;}
.file_li .sub {font-weight:bold;}
.file_li .down {text-align:center;display:block;height:42px;line-height:41px;border-top:1px solid #dfdfdf;background-color:#f6f7f8;}
.file_li .down:hover {color:#fff;background-color:#455667;}
.file_li .down .file_download {margin-top:-2px;}
.file_li .down .size {display:inline-block;margin-left:3px;font-size:12px;}
.file_li2 {overflow:hidden;margin-bottom:10px;}
.file_li2 > li {position:relative;padding:3px 0 3px 15px;}
.file_li2 .del {overflow:hidden;position:absolute;left:0;top:7px;width:11px;height:11px;font-size:0;background:url("../../images/www/icon/icon_del.gif") no-repeat 0 0;}
.img_frm {position:relative;padding-left:20px;margin-top:10px;}
.img_frm .del {overflow:hidden;position:absolute;left:0;top:0;width:11px;height:11px;font-size:0;background:url("../../images/www/icon/icon_del.gif") no-repeat 0 0;}

/* del_li */
.del_li {overflow:hidden;}
.del_li li {float:left;padding:2px 5px 2px 0;}
.del_li li a {display:block;line-height:30px;height:30px;padding:0 10px 0 27px;border:1px solid #a5a5a5;border-radius:3px;font-size:13px;background:#fff url("../../images/www/icon/k_icon_del.png") no-repeat 8px 50%;}
.del_li li:hover a {background-color:#f5f6f7;}

/* list */
/* tree_li */
.tree_li {padding:15px;border:2px dotted #ccc;border-radius:10px;}
.tree_li .guide {margin-bottom:15px;font-weight:bold;color:#222;}
.tree_li li {position:relative;padding-left:20px;line-height:1.4;color:#222;}
.tree_li ul ul {margin:0 0 0 -3px;}
.tree_li button {position:absolute;left:0;top:3px;width:18px;height:18px;border:0;font-size:0;cursor:pointer;color:#fff;background:transparent url("../../images/www/common/tree_li_btn.png") no-repeat 0 0;}
.tree_li .plus {background-position:0 -18px;}
.tree_li li a {text-decoration:underline;display:block;padding:3px;font-weight:bold;color:#3264c8;}
.tree_li li li li li:before {content:" ";position:absolute;left:15px;top:10px;width:2px;height:2px;background-color:#666;}

/* course_detail */
.course_detail {word-break:break-word;}
.course_detail .summary {overflow:hidden;position:relative;min-height:230px;margin-bottom:20px;padding:25px 25px 25px 285px;border:1px solid #d2d2d2;}
.course_detail .summary:after {content:" ";clear:both;display:block;}
.course_detail .summary .img {overflow:hidden;position:absolute;top:25px;left:25px;width:236px;height:177px;}
.course_detail .summary .img .type {text-align:center;position:absolute;z-index:10;left:0;top:0;line-height:1.2;padding:10px 15px;font-size:14px;color:#fff;background-color:#2b65dc;}
.course_detail .summary .img .type.green {color:#fff;background-color:#0da25a;}
.course_detail .summary .img .type.blue {color:#fff;background-color:#2b65dc;}
.course_detail .summary .img img {position:absolute;left:0;top:0;width:100%;height:100%;}
.course_detail .c_sub h2 {font-size:20px;font-weight:500;color:#000;}
.course_detail .c_sub .desc {line-height:1.5;color:#898989;}
.course_detail .summary .item.qr {position:relative;padding-right:185px;}
.course_detail .summary .code {position:absolute;right:0;top:0;}
.course_detail .summary .code .inner {display:inline-block;width:168px;height:168px;padding:5px;border:5px solid #1f2b70;background-color:#eee;}
.course_detail .summary .info {margin-top:10px;padding:10px 0;border-top:1px solid #e9e8e8;}
.course_detail .summary dl {overflow:hidden;margin-top:8px;}
.course_detail .summary dl:first-child {margin-top:0;}
.course_detail .summary dt, .course_detail .summary dd {line-height:1.4;}
.course_detail .summary dt {position:relative;float:left;width:100px;padding-left:10px;font-weight:500;color:#494949;}
.course_detail .summary dt:after {content:" ";position:absolute;left:0;top:8px;width:3px;height:3px;background-color:#2b65dc;}
.course_detail .summary dd {margin-left:100px;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 {vertical-align:middle;overflow:hidden;display:inline-block;margin-right:5px;}
.course_detail .summary .enter li {float:left;width:25%;padding:2px;}
.course_detail .summary .enter a, .course_detail .summary .enter button {vertical-align:top;overflow:hidden;text-align:center;display:inline-block;height:42px;line-height:42px;margin:2px 0;padding:0 25px;border-radius:0;font-size:16px;color:#fff;}
.course_detail .summary .enter .gray {background-color:#858585;}
.course_detail .summary .enter .red {color:#00093b;background-color:#faa519;}
.course_detail .summary .enter .orange {background-color:#ff6600;}
.course_detail .summary .enter .blue {background-color:#1f2b70;}
.course_detail .summary .enter .like {padding-left:15px;border:1px solid #d2d2d2;color:#222;background-color:#eee;}
.course_detail .summary .enter .icc {line-height:1;margin:-6px 4px 0 0;}
.course_detail .summary .enter .favor:before {line-height:1;color:#cacaca;}
/*.course_detail .summary .enter .like.on {color:#fff;border-color:#52b0b5;background-color:#52b0b5;}*/
.course_detail .summary .enter .on .favor:before {color:#e74c3c;}
.course_detail .summary .sns {vertical-align:middle;display:inline-block;}
.course_detail .summary .sns a {margin:2px;}
.cd_intro .group .desc {line-height:1.6;padding:15px;border-radius:10px;background-color:#f8f8f8;}
.cd_intro .group + .group {margin-top:20px;}
.cd_intro .other {margin-bottom:15px;font-weight:bold;color:#222;}
.cd_intro .group .head {position:relative;margin-bottom:12px;}
.cd_intro .group .head .add {position:absolute;right:0;bottom:0;}
.cd_intro .head .c_title {margin-bottom:0;}
.cd_intro .group .tbl_col th {padding:10px 5px;border-left:0;border-right:0;font-size:14px;color:#333;}
.cd_intro .group .tbl_col td {padding:15px 5px;border:0;color:#686868;background-color:#f8f8f8;}
.cd_intro .group .tbl_col tr:nth-child(odd) td {background-color:#f0f0f0;}
.cd_intro .adm_info {padding:15px;border-radius:10px;background-color:#f8f8f9;}
.cd_intro .adm_info {padding-left:20px;}
.cd_intro .adm_info li {position:relative;line-height:1.6;padding-left:13px;}
.cd_intro .adm_info li:before {content:" ";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#ba9d7f;}
.cd_intro .adm_info li span {display:inline-block;position:relative;}
.cd_intro .adm_info .lab {margin-right:5px;padding-right:10px;font-weight:500;}
.cd_intro .adm_info .lab:before {content:":";position:absolute;right:0;top:0;}
.cd_intro .adm_info .wd .val {display:block;}
.cd_intro .f_link {text-align:center;}
.cd_intro .f_link a {vertical-align:middle;display:inline-block;position:relative;height:40px;line-height:40px;margin:2px;padding:0 35px 0 20px;border:1px solid #727272;}
.cd_intro .f_link .down:after, .cd_intro .f_link .subtitle:after {position:absolute;right:10px;top:50%;font-family:'Material Icons';font-size:24px;transform:translateY(-50%);}
.cd_intro .f_link .subtitle {padding-right:40px;}
.cd_intro .f_link .down:after {content:"\e906";}
.cd_intro .f_link .subtitle:after {content:"\e3f5";}
.cnt_li > li .line {overflow:hidden;background-color:#f8f8f8;}
.cnt_li > li:nth-child(odd) .line {background-color:#f0f0f0;}
.cnt_li .col {float:left;width:50%;}
.cnt_li .col .no, .cnt_li .col .sub {float:left;min-height:50px;padding:17px;}
.cnt_li .col .add {text-align:right;float:left;width:80%;padding:12px 50px 0 10px;}
.cnt_li .col .no {text-align:center;width:20%;}
.cnt_li .col .sub {width:80%;}
.cnt_li .col .add a {vertical-align:middle;display:inline-block;height:26px;line-height:26px;padding:0 15px;border-radius:2px;font-size:12px;color:#fff;}
.cnt_li .col .add a +a {margin-left:10px;}
.cnt_li .col .add .navy {background-color:#424c66;}
.cnt_li .col .add .purple {background-color:#5e6b9e;}
.cnt_li .col .add .bk_more {position:relative;padding-right:30px;}
.cnt_li .col .bk_more:before {content:" ";position:absolute;right:10px;top:50%;width:14px;height:8px;margin-top:-4px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -339px -428px;}
.cnt_li .col .bk_more.on:before {background-position-y:-420px;}
.bk_detail {display:none;padding:3px 0;}
.bk_detail .name {font-weight:bold;color:#222;}
.bk_detail .info {font-size:13px;color:#898989;}
.bk_detail .blank {text-align:center;height:46px;line-height:46px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#eaeae8;}
.tbl_dv {overflow:hidden;border-top:1px solid #d2d2d2;}
.tbl_dv dl {float:left;width:12%;border-left:1px solid #d2d2d2;}
.tbl_dv .sub {width:50%;border-left:0;}
.tbl_dv .etc {width:26%;}
.tbl_dv dt, .tbl_dv dd {text-align:center;height:46px;line-height:46px;}
.tbl_dv dt {font-size:16px;font-weight:bold;color:#fff;background-color:#858585}
.tbl_dv dd {padding:0 10px;border-bottom:1px solid #d2d2d2;font-size:15px;letter-spacing:-0.25px;color:#494949;background-color:#eaeae8;}
.cd_use .categ {margin-bottom:25px;padding:5px 0 0 20px;}
.cd_use .categ .lab {position:relative;display:block;font-weight:bold;color:#222;margin-bottom:15px;padding-left:17px;}
.cd_use .categ .lab:before {content:" ";position:absolute;left:0px;top:1px;width:13px;height:12px;background:url("../../images/www/icon/icon_merge2.png") no-repeat -347px -450px;}
.cd_use .guide li {position:relative;line-height:1.6;padding-left:10px;color:#686868;}
.cd_use .guide li:before {content:" ";position:absolute;left:0;top:9px;width:2px;height:2px;background-color:#686868;}

.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;}
.study_tb .lct + .lct {margin-top:10px;}
.study_tb .top {position:relative;display:block;padding:12px 35px 12px 15px;border-bottom:1px solid #d2d2d2;color:#333;background-color:#f0f0f0;}
.study_tb .fold {position:absolute;right:12px;top:7px;width:30px;height:30px;border-radius:50%;background-color:#989b9f;}
.study_tb .fold:before {content:"\e5cf";line-height:30px;font-family:'Material Icons';font-size:30px;color:#fff;}
.study_tb .top.on .fold:before {content:"\e5ce";}
.study_tb .detail {background-color:#f0f0f0;}
.study_tb .detail li {position:relative;padding:12px 15px;color:#666;}
.study_tb .detail li:nth-child(odd) {background-color:#f8f8f8;}
.study_tb .detail.ord .num {position:absolute;left:15px;top:12px;}
.study_tb .detail.ord li {padding-left:65px;}
.study_tb .name {font-weight:500;}
.cd_intro .group .note {position:relative;margin-bottom:5px;padding-left:17px;font-size:14px;color:#898989;}
.cd_intro .group .note:before {content:"※";position:absolute;left:0;top:0;}
.cd_intro .group .note.em {color:#2b65dc;}

/* comm_write */
.comm_group {padding:20px;}
.comm_write .head {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e9e9e9;}
.comm_write .head .count {font-size:18px;color:#212121;}
.comm_write .head .count .num {color:#f45470;}
.comm_write .c_title {display:inline-block;margin-bottom:0;}
.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;}
.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_write .vote {padding-bottom:15px;}

/* comm_list */
.comm_list {margin-top:30px;border-bottom:1px solid #9a9a9a;}
.comm_list .head {margin-bottom:10px;}
.comm_list .head .count {font-size:18px;color:#212121;}
.comm_list .head .count .num {color:#f45470;}
.comm_list > ul > li {position:relative;padding:20px 0;border-top:1px solid #e1e1e1;}
.comm_list > ul > li .photo {display:none;text-align:center;position:absolute;width:80px;left:0;top:15px;}
.comm_list > ul > li .photo .frm {overflow:hidden;width:60px;height:60px;margin:0 auto;border-radius:50%;border:1px solid #bcbcbc;}
.comm_list > ul > li .photo img {width:100%;height:100%;}
.comm_list > ul > li .photo .level {max-width:80px;display:inline-block;margin-top:5px;padding:5px;border-radius:4px;font-size:11px;color:#fff;background-color:#3264c8;}
.comm_list > ul > li .top {padding-bottom:5px;}
.comm_list > ul > li .top .info {margin-bottom:3px;color:#222;}
.comm_list > ul > li .top .vote {display:block;font-weight:bold;color:#50b4b6;}
.comm_list > ul > li .top .vote.no {color:#f45470;}
.comm_list > ul > li .top .name, .comm_list > ul > li .top .date {vertical-align:middle;display:inline-block;}
.comm_list > ul > li .top .name {font-size:15px;font-weight:500;color:#222;}
.comm_list > ul > li .top .date {margin:0 0 0 10px;font-weight:300;color:#898989;}
.comm_list > ul > li .ct {line-height:1.5;font-weight:300;}
.comm_list .c_rating .material-icons:before {font-size:18px;}
.comm_list .post {text-decoration:underline;}
.comm_list .reply {padding:20px 20px 20px 50px;background-color:#fbfcfd;}
.comm_list .reply:before {content:" ";position:absolute;left:20px;top:25px;width:15px;height:16px;background:url("../../images/www/common/cl_list_depth.png") no-repeat 0 0;}
.comm_list .reply .enter {text-align:right;margin-top:10px;}
.comm_list .reply.write {border-top:0;}
.comm_list .c_rating {padding-bottom:5px;}
.comm_list .add {overflow:hidden;padding-top:5px;}
.comm_list .add .like {float:right;border:1px solid #dbd8d8;height:32px;line-height:31px;border-radius:4px;padding:0 8px;}
.comm_list .add .like .m_icon {font-size:14px;color:#111;}
.comm_list .add .like .m_icon:before {content:"\e87d";vertical-align:middle;display:inline-block;margin:-3px 4px 0 0;font-size:14px;color:#f45470;}
.comm_list .add .like .count {margin-left:2px;font-size:14px;color:#111;}
.comm_list .edit {margin-top:5px;}
.comm_list .edit:after {clear:both;display:block;content:" ";}
.comm_list .edit li {position:relative;float:left;}
.comm_list .edit li a {display:block;line-height:24px;padding:0 10px;font-size:14px;}
.comm_list .edit li a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.comm_list .edit li:first-child a {padding-left:0;}
.comm_list .edit li:first-child a:before {display:none;}
.comm_list .edit .tog_reply {padding-right:5px;}
.comm_list .tog_reply .icc, .comm_list .tog_reply .m_icon {margin-top:-1px;}
.comm_list .tog_reply .icc:before, .comm_list .tog_reply .m_icon:before {content:"\e313";}
.comm_list .tog_reply.on .icc:before {content:"\e316";}
.m_icon.keyboard_arrow_down:before, .icc.arrow_down:before {content:"\e313";}
.m_icon.keyboard_arrow_left:before, .icc.arrow_left:before {content:"\e314";}
.m_icon.keyboard_arrow_right:before, .icc.arrow_right:before {content:"\e315";}
.m_icon.keyboard_arrow_up:before, .icc.arrow_up:before {content:"\e316";}
.comm_list.memo {margin-top:0;}
.comm_list.memo > li {position:relative;padding:20px;border:1px solid #dfdfdf;border-radius:4px;background-color:#fff;}
.comm_list.edit > li {padding-left:50px;}
.comm_list.memo > li + li {margin-top:10px;}
.comm_list.memo .top input[type="checkbox"] {margin-right:10px;}
.comm_list.edit .check {position:absolute;left:20px;top:50%;margin-top:-9px;}
.comm_list .msg {display:inline-block;position:relative;}
.comm_list .msg .hd {display:none;position:absolute;right:-65px;bottom:0;}
.comm_list .msg .hd a {display:inline-block;text-align:center;width:60px;height:24px;line-height:24px;border-radius:2px;font-size:12px;font-weight:bold;color:#fff;background-color:#ff7417;}

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

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

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

/* cl_list, classroom */
.cl_list > li {padding:15px 20px;border-bottom:1px solid #ddd;background-color:#fff;}
.cl_list > li:not(.low):hover {background-color:#fafafa;}
.cl_list .con {display:block;position:relative;padding:0 50px 0 58px;}
.cl_list.nolog .con {padding-left:0;}
.cl_list .con:before {content:" ";position:absolute;left:3px;top:50%;width:6px;height:6px;margin-top:-7px;border:4px solid #b2babf;border-radius:50%;}
.cl_list .low .con {padding:5px 0;}
.cl_list .low .con:before {display:none;}
.cl_list .edit {position:absolute;right:0;top:50%;width:120px;margin-top:-17px;}
.cl_list .edit a, .cl_list.add .edit span {text-align:center;display:block;height:34px;line-height:34px;font-size:13px;color: #fff;}
.cl_list .edit .icmg {margin: -2px 0 0 8px;}
.cl_list .edit .navy {background-color:#141450;}
.cl_list .edit .gray {background-color:#989b9f;}
.cl_list .sub {font-weight:500;color:#212121;}
.cl_list .info {overflow:hidden;padding-top:5px;color:#898989;}
.cl_list .info:after {clear:both;display:block;content:" ";}
.cl_list .info span {position:relative;float:left;padding:0 10px;}
.cl_list .info span:first-child {padding-left:0;}
.cl_list .info span:after {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.cl_list .info span:first-child:after {display:none;}
.cl_list .item {overflow:hidden;padding-top:5px;}
.cl_list .item {margin-left:-10px;}
.cl_list .item li {position:relative;display:inline-block;padding:2px 10px;}
.cl_list .item li:before {content:" ";position:absolute;left:-1px;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.cl_list .item li:first-child:before {display:none;}
.cl_list .item .lab {color:#212121;}
.cl_list .item .val {margin-left:5px;color:#898989;}
.cl_list.reg > li > .con {padding-right:200px;}
.cl_list.reg .enter {position:absolute;right:0;top:6px;}
.cl_list > li .new:before {color:#ef5656;}
.cl_list.add .con {padding-right:90px;}
.cl_list.add .con .group {position:absolute;right:0;top:50%;margin-top:-15px;}
.cl_list.add .con .group .c_btn {padding:0 15px;}

/* c_detail(row board) */
.c_detail {padding-bottom:20px;border-top:1px solid #282728;border-bottom:1px solid #282728;background-color:#fff;}
.c_detail .top {padding:20px;border-bottom:1px solid #dfdfdf;}
.c_detail .sub {display:block;font-size:18px;color:#333;}
.c_detail .top .sort {vertical-align:middle;display:inline-block;line-height:28px;margin-bottom:8px;padding:0 15px;border-radius:15px;font-size:16px;color:#fff;background-color:#f45470;}
.c_detail .top .sort.green {background-color:#50b4b6;}
.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-top:8px;}
.c_detail .info:after {clear:both;display:block;content:" ";}
.c_detail .info li {position:relative;float:left;padding:0 10px;}
.c_detail .info li + li:before {content:" ";position:absolute;left:0;top:7px;width:1px;height:10px;background-color:#282728;}
.c_detail .info li:first-child {padding-left:0;}
.c_detail .info li span {display:inline-block;line-height:24px;padding:0 6px 0 7px;font-size:13px;font-weight:bold;}
.c_detail .info .writer, .c_detail .info .left {float:left;}
.c_detail .info .left li {display:inline-block;}
.c_detail .info .mark {float:right;}
.c_detail .info .mark label {min-width:auto;height:24px;line-height:24px;padding-left:22px;background:none;}
.c_detail .info .mark .count {color:#fe8042;}
.c_detail .info .mark button {padding:2px 5px;color:#989898;border:1px solid #dbd8d8;font-size:12px;}
.c_detail .info .mark .favorite:before {margin:-3px 0 0 3px;font-size:14px;}
.c_detail .info .part {position:relative;color:#989898;}
.c_detail .info .writer span:first-child {padding-left:0;}
.c_detail .info .part:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#989898;}
.c_detail .con {line-height:1.6;min-height:240px;padding:30px 20px;}
.c_detail .con textarea {min-height:300px;}
.c_detail .con .editor p {padding-bottom:0.3em;}
.c_detail .add_file {position:relative;padding-right:95px;border:1px solid #ddd;border-radius:10px;background-color:#f8f8f8;}
.c_detail .add_file a:not(.view) {position:relative;display:block;padding:15px 15px 15px 40px;color:#212121;}
.c_detail .add_file a:not(.view):before {content:"\e226";position:absolute;left:10px;top:15px;font-family:'Material Icons';font-size:24px;color:#fa503f;transform:rotate(45deg);}
.c_detail .add_file a + a {margin-top:10px;}
.c_detail .add_file + .add_file {margin-top:10px;}
.c_detail .add_file .view {position:absolute;right:20px;top:16px;margin:0;color:#212121;}
.c_detail .attach {display:flex;padding:20px 20px 0 20px;border-top:1px solid #dfdfdf;}
.c_detail .attach .lab {flex-shrink:0;position:relative;width:90px;font-size:16px;color:#333;}
.c_detail .attach .lab:after {content:" ";position:absolute;right:14px;top:5px;width:1px;height:16px;background-color:#ccc;}
.c_detail .attach .val {flex-grow:1;}
.c_detail .attach .file {vertical-align:middle;display:inline-block;margin-right:10px;line-height:1.4;color:#50b4b6;}
.c_detail .attach .icc:before {margin:-1px 5px 0 0;font-size:16px;}
.c_detail .attach li + li {margin-top:10px;}
.c_detail .attach .view {display:inline-block;}
.c_detail.write .sort {margin-bottom:10px;}
.c_detail.write .sort select {width:100%;}
.c_detail.write .sub {position:relative;}
.c_detail.write .sub .name {position:absolute;left:20px;top:18px;}
.c_detail.write .sub input {border-radius:4px;font-size:16px;color:#333;}
.c_detail.write .con {padding:10px 0;}
.c_detail.edit {padding-bottom:0;}
.c_detail.edit .top {padding:10px;}
.c_detail.edit .top input[type="text"] {height:40px;line-height:40px;font-size:18px;}
.c_detail.edit .con {padding:10px;}
.c_detail.edit .add {padding:10px;border:0;background-color:#fff;}
.c_detail .add .note {margin-top:10px;}
.c_detail.edit .group {padding:15px;}
.c_detail.edit .group .lab {padding-bottom:10px;font-weight:500;color:#212121;}
.c_detail.edit .group + .group {border-top:1px solid #ddd;}
.c_detail.edit .group .note_li {padding-top:10px;}
.c_detail.edit .group .note_li li {color:#f45470;}
.c_detail.edit .group select {height:36px;}
.c_detail.edit .group input[type="text"]:not(.k-input), .c_detail.edit .group .c_btn {height:36px;line-height:36px;}
.c_detail.edit .email input[type="text"] {width:160px;}
.c_detail.edit .group label {font-weight:500;}
.c_detail.edit .entry li {display:inline-block;position:relative;padding:0 25px;}
.c_detail.edit .entry li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:40px;background-color:#ccc;transform:translateY(-50%);}
.c_detail.edit .entry li:first-child {padding-left:0;}
.c_detail.edit .entry li:first-child:before {display:none;}
.c_detail.edit .entry label {display:block;margin-bottom:5px;}
.c_detail.edit .entry input[type="text"] {text-align:right;width:60px;}
.c_detail.edit .entry_total {padding-top:10px;margin-top:10px;border-top:1px dashed #ccc;}
.c_detail.edit .entry_total .title {vertical-align:middle;display:inline-block;margin-right:10px;color:#212121;}
.c_detail.edit .entry_total .info {vertical-align:middle;display:inline-block;padding:10px 15px;color:#212121;background-color:#eee;}
.c_detail.top {margin-top:30px;}
.up_img {position:relative;display:inline-block;max-width:270px;margin:10px 0;}
.up_img .del {overflow:hidden;position:absolute;right:10px;top:10px;border-radius:2px;font-size:0;background-color:#f45470;}
.up_img .del:before {content:"\e5cd";font-family:'Material Icons';font-size:24px;color:#fff;}

/* table UI */
.c_detail2 {padding-bottom:20px;border-top:1px solid #282728;border-bottom:1px solid #282728;background-color:#fff;}
.c_detail2 .top {padding:20px;border-bottom:1px solid #dfdfdf;}
.c_detail2 .sub {display:block;font-size:18px;color:#333;}
.c_detail2 .top .sort {vertical-align:middle;display:inline-block;line-height:28px;margin-bottom:8px;padding:0 15px;border-radius:15px;font-size:16px;color:#fff;background-color:#f45470;}
.c_detail2 .top .sort.green {background-color:#50b4b6;}
.c_detail2 .lock {margin-bottom:10px;}
.c_detail2 .lock {font-weight:300;color:#222;}
.c_detail2 .lock input[type="checkbox"] {margin-right:3px;}
.c_detail2 .lock input[type="checkbox"]:checked + label {color:#1d9ced;}
.c_detail2 .info {padding-top:8px;}
.c_detail2 .info:after {clear:both;display:block;content:" ";}
.c_detail2 .info li {position:relative;float:left;padding:0 10px;}
.c_detail2 .info li + li:before {content:" ";position:absolute;left:0;top:7px;width:1px;height:10px;background-color:#282728;}
.c_detail2 .info li:first-child {padding-left:0;}
.c_detail2 .info li span {display:inline-block;line-height:24px;padding:0 6px 0 7px;font-size:13px;font-weight:bold;}
.c_detail2 .info .writer, .c_detail2 .info .left {float:left;}
.c_detail2 .info .left li {display:inline-block;}
.c_detail2 .info .mark {float:right;}
.c_detail2 .info .mark label {min-width:auto;height:24px;line-height:24px;padding-left:22px;background:none;}
.c_detail2 .info .mark .count {color:#fe8042;}
.c_detail2 .info .mark button {padding:2px 5px;color:#989898;border:1px solid #dbd8d8;font-size:12px;}
.c_detail2 .info .mark .favorite:before {margin:-3px 0 0 3px;font-size:14px;}
.c_detail2 .info .part {position:relative;color:#989898;}
.c_detail2 .info .writer span:first-child {padding-left:0;}
.c_detail2 .info .part:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#989898;}
.c_detail2 .con {line-height:1.6;min-height:240px;padding:30px 20px;}
.c_detail2 .con textarea {min-height:300px;}
.c_detail2 .con .editor p {padding-bottom:0.3em;}
.c_detail2 .add_file {position:relative;}
.c_detail2 .add_file a {position:relative;display:block;padding:15px 15px 15px 40px;border:1px solid #ddd;border-radius:10px;color:#212121;background-color:#f8f8f8;}
.c_detail2 .add_file a:before {content:"\e226";position:absolute;left:10px;top:15px;font-family:'Material Icons';font-size:24px;color:#fa503f;transform:rotate(45deg);}
.c_detail2 .add_file a + a {margin-top:10px;}
.c_detail2.write .sort {margin-bottom:10px;}
.c_detail2.write .sort select {width:100%;}
.c_detail2.write .sub {position:relative;}
.c_detail2.write .sub .name {position:absolute;left:20px;top:18px;}
.c_detail2.write .sub input {border-radius:4px;font-size:16px;color:#333;}
.c_detail2.write .con {padding:10px 0;}
.c_detail2.edit {padding-bottom:0;}
.c_detail2.edit .top {padding:10px;}
.c_detail2.edit .top input[type="text"] {height:40px;line-height:40px;font-size:18px;}
.c_detail2.edit .con {padding:10px;}
.c_detail2.edit .add {padding:10px;border:0;background-color:#fff;}
.c_detail2 .add .note {margin-top:10px;}
.c_detail2.edit .group {display:table;width:100%;}
.c_detail2.edit .group .lab, .c_detail2.edit .group .input {vertical-align:middle;display:table-cell;}
.c_detail2.edit .group .lab {width:20%;padding:10px;font-weight:500;color:#212121;background-color:#f8f8f8;}
.c_detail2.edit .group .input {width:80%;padding:10px;}
.c_detail2.edit .group + .group {border-top:1px solid #ddd;}
.c_detail2.edit .group .note_li {padding-top:10px;}
.c_detail2.edit .group .note_li li {color:#f45470;}
.c_detail2.edit .group select {height:36px;}
.c_detail2.edit .group input[type="text"]:not(.k-input), .c_detail2.edit .group .c_btn {height:36px;line-height:36px;}
.c_detail2.edit .email input[type="text"], .c_detail2.edit .phone input[type="text"] {width:100px;}
.c_detail2.edit .group label {font-weight:500;}
.c_detail2.edit .entry li {display:inline-block;position:relative;padding:0 25px;}
.c_detail2.edit .entry li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:40px;background-color:#ccc;transform:translateY(-50%);}
.c_detail2.edit .entry li:first-child {padding-left:0;}
.c_detail2.edit .entry li:first-child:before {display:none;}
.c_detail2.edit .entry label {display:block;margin-bottom:5px;}
.c_detail2.edit .entry input[type="text"] {text-align:right;width:60px;}
.c_detail2.edit .entry_total {padding-top:10px;margin-top:10px;border-top:1px dashed #ccc;}
.c_detail2.edit .entry_total .title {vertical-align:middle;display:inline-block;margin-right:10px;color:#212121;}
.c_detail2.edit .entry_total .info {vertical-align:middle;display:inline-block;padding:10px 15px;color:#212121;background-color:#eee;}
.c_detail2.top {margin-top:30px;}

/* prev, next paging */
.paging {margin-top:30px;border-top:1px solid #282728;border-bottom:1px solid #282728;background-color:#fff;}
.paging li {position:relative;}
.paging li:first-child {border-bottom:1px solid #e3dcd9;}
.paging li > span {position:absolute;left:6px;top:12px;color:#898989;}
.paging li > span .icc:before {margin-top:-3px;font-size:18px;}
.paging li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:46px;line-height:46px;padding:0 20px 0 80px;}
.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;height:48px;line-height:1.4;padding:8px;border-top:1px solid #ddd;}
dl.tbl dt {width:18%;padding-left:0;font-weight:bold;color:#333;}
dl.tbl dd {width:82%;padding-left:5px;}
dl.tbl dd.edit {position:relative;padding-right:100px;}
dl.tbl dd.edit .comb {position:absolute;right:7px;top:7px;}
.tbl.first > dt, .tbl.first > dd {border-top:0;}
.tbl.wide > dt, .tbl.wide > dd {display:block;width:100%;padding-right:0;padding-left:0;}
.tbl.wide > dd {padding-top:0;border-top:0;}
dl.tbl.ft {display:block;}
dl.tbl.ft:after {content:" ";clear:both;display:block;}
dl.tbl.ft dt, dl.tbl.ft dd {float:left;}
dl.tbl.gray dt {padding-left:8px;background-color:#f5f5f5;}
.tbl_h {padding:8px 0;font-size:16px;}
.tbl_h .date {color:#1d9ced;}
.tbl_h .hour {margin-left:5px;color:#898989;}
dl.tbl .writing {line-height:1.6;padding:10px;}

/* tbl_col */
.tb_sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight:500;letter-spacing:-0.25px;color:#494949;} /* tbl sub */
.tb_link {vertical-align:middle;color:#2b65dc;} /* link only */
.in_link {color:#2b65dc;}
.tbl_col thead {border-top:1px solid #000;border-bottom:1px solid #000;}
.tbl_col th, .tbl_col td {text-align:center;line-height:1.4;padding:5px 10px;}
.tbl_col th {height:50px;font-size:15px;font-weight:500;color:#212121;}
.tbl_col td {height:50px;border-bottom:1px solid #e5e5e5;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col th:first-child, .tbl_col td:first-child {border-left:0;}
.tbl_col tr:hover td {background-color:#f8f8f8;}
.tbl_col .mg {background-color:#f8f8f8;}
.tbl_col tfoot td {font-weight:500;color:#212121;background-color:#f8f8f9;}
.tbl_col td .lock {margin:-2px 0 0 -3px;}
.tbl_col td .lock:before {color:#212121;}
.tbl_col td .icc.file:before {color:#212121;transform:rotate(-45deg);}
.tbl_col.line td {border-right:1px solid #e5e5e5;}
.tbl_col.line td:last-child {border-right:0;}
.tbl_col.line td[rowspan], .tbl_col .mg {background-color:#f8f8f8;}
.tbl_col1 {border-top:2px solid #282728;}
.tbl_col1 th, .tbl_col1 td {text-align:center;line-height:1.4;padding:5px 10px;}
.tbl_col1 th {height:50px;border-bottom:1px solid #dbdbdb;font-size:16px;font-weight:500;background-color:#f1f1f1;}
.tbl_col1 td {height:50px;border-bottom:1px solid #dbdbdb;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col1.line th, .tbl_col1.line td {border-left:1px solid #282728;}
.tbl_col1.line thead th {border-bottom:1px solid #282828;color:#212121;}
.tbl_col1 th:first-child, .tbl_col1 td:first-child {border-left:0;}
.tbl_col1 tbody tr:last-child th, .tbl_col1 tbody tr:last-child td {border-bottom-color:#282728;}
.tbl_col1 th.mg {border-top:1px solid #dbdbdb;}
.tbl_col1.bs td {padding:5px 10px;} /* basic */
.tbl_col1.row {border-top:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;}
.tbl_col1.row th {background-color:#f5f5f5;}
.tbl_col1.sm th, .tbl_col1.sm td {height:36px;padding:5px;font-size:13px;}
.tbl_col2 thead {border-top:1px solid #000;border-bottom:1px solid #000;} /* training_schedule */
.tbl_col2 th, .tbl_col2 td {text-align:center;line-height:1.4;padding:5px 10px;}
.tbl_col2 th {height:50px;font-size:15px;font-weight:500;color:#212121;}
.tbl_col2 td {height:50px;border-bottom:1px solid #bbbecd;border-left:1px solid #bbbecd;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col2 th:first-child, .tbl_col2 td:first-child {border-left:0;}
.tbl_col2 .mg {background-color:#f8f8f8;}
.tbl_col2 tfoot td {font-weight:500;color:#212121;background-color:#f8f8f9;}
.tbl_col2 td .lock {margin:-2px 0 0 -3px;}
.tbl_col2 td .lock:before {color:#212121;}
.tbl_col2 td .icc.file:before {color:#212121;transform:rotate(-45deg);}

.tbl_info th, .tbl_info td {text-align:left;padding:15px;border-bottom:1px solid #e5e5e5;}
.tbl_info th {position:relative;font-weight:500;color:#212121;}
.tbl_info th:before {content:" ";position:absolute;right:10px;top:50%;width:1px;height:14px;background-color:#ccc;transform:translateY(-50%);}
.tbl_info {border-top:2px solid #2d2d2d;}
.tbl_info .em {font-weight:500;color:#50b4b6;}
.tbl_info col.fx {width:150px;}

.tbl_grid {border-top:2px solid #00093b;}
.tbl_grid th, .tbl_grid td {text-align:center;line-height:1.4;padding:5px 7px;border-left:1px solid #dbdbdb;}
.tbl_grid thead th {height:36px;border-bottom:1px solid #dbdbdb;font-weight:500;color:#4a4a4a;background-color:#ebeaea;}
.tbl_grid td {height:36px;border-bottom:1px solid #dbdbdb;letter-spacing:-0.5px;color:#494949;}
.tbl_grid th:first-child, .tbl_grid td:first-child {border-left:0;}
.tbl_grid th.mg {border-top:1px solid #dbdbdb;}
.tbl_grid.bs td {padding:5px 10px;} /* basic */
.tbl_grid.row {border-top:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;}
.tbl_grid.row th {background-color:#ebeaea;}
.tbl_grid tr:nth-child(even) {background-color:#f5f5f5;}
.tbl_col3 {border-top:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;}
.tbl_col3 th, .tbl_col3 td {text-align:center;line-height:1.4;padding:5px 10px;border-left:1px solid #dbdbdb;}
.tbl_col3 th {height:42px;border-bottom:1px solid #dbdbdb;font-size:15px;font-weight:500;color:#4a4a4a;background-color:#f5f5f5;}
.tbl_col3 td {height:42px;border-bottom:1px solid #dbdbdb;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col3 th:first-child, .tbl_col3 td:first-child {border-left:0;}
.tbl_col3.sm th, .tbl_col3.sm td {height:36px;padding:5px;font-size:13px;}

.tbl_col4 {border-top:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;}
.tbl_col4 th, .tbl_col4 td {text-align:center;line-height:1.4;padding:5px 10px;border-left:1px solid #dbdbdb;}
.tbl_col4 th {height:42px;border-bottom:1px solid #dbdbdb;font-size:15px;font-weight:500;color:#4a4a4a;background-color:#f5f5f5;}
.tbl_col4 td {height:42px;border-bottom:1px solid #dbdbdb;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col4 th:first-child, .tbl_col4 td:first-child {border-left:0;}
.tbl_col4.sm th, .tbl_col4.sm td {height:36px;padding:5px;font-size:13px;}

/* tbl_row */
.tbl_row {border-top:1px solid #000;border-bottom:1px solid #000;}
.tbl_row th, .tbl_row td {height:42px;padding:10px;border-top:1px solid #d2d2d2;}
.tbl_row tr:first-child th, .tbl_row tr:first-child td {border-top:0;}
.tbl_row th {text-align:center;font-weight:500;color:#333;background-color:#f8f8f8;}
.tbl_row td {text-align:left;letter-spacing:-0.25px;color:#494949;}
.tbl_row.left th {text-align:left;}
.tbl_row .note {margin-top:10px;}
th.mg_l {border-left:1px solid #d2d2d2;} /* merge */
.app_off col.lab {width:18%;}
.app_off input[type="text"], .app_off input[type="text"] {width:100px;}
.app_off .note_li {padding-top:10px;}
.app_off .note_li li {color:#f45470;}
.app_off .entry li {display:inline-block;position:relative;padding:0 25px;}
.app_off .entry li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:40px;background-color:#ccc;transform:translateY(-50%);}
.app_off .entry li:first-child {padding-left:0;}
.app_off .entry li:first-child:before {display:none;}
.app_off .entry label {display:block;margin-bottom:5px;}
.app_off .entry input[type="text"] {text-align:right;width:60px;}
.app_off .entry_total {padding-top:10px;margin-top:10px;border-top:1px dashed #ccc;}
.app_off .entry_total .title {vertical-align:middle;display:inline-block;margin-right:10px;color:#212121;}
.app_off .entry_total .info {vertical-align:middle;display:inline-block;padding:10px 15px;color:#212121;background-color:#eee;}
.app_off .up_img {position:relative;display:inline-block;max-width:270px;margin:10px 0;}
.app_off .up_img .del {overflow:hidden;position:absolute;right:10px;top:10px;border-radius:2px;font-size:0;background-color:#f45470;}
.app_off .up_img .del:before {content:"\e5cd";font-family:'Material Icons';font-size:24px;color:#fff;}

.tbl_row1 {border-top:2px solid #000;border-bottom:1px solid #d7d7d7;}
.tbl_row1 th, .tbl_row1 td {text-align:center;height:36px;padding:5px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}
.tbl_row1 th {color:#222;font-weight:bold;background-color:#f6f6f6;}
.tbl_row1 td {border-left:1px solid #dfdfdf;font-size:13px;color:#242424;background-color:#fff;}
.tbl_row1 td a {font-size:13px;color:#242424;}
.tbl_row1 thead > tr:first-child th {border-top:0;}
.tbl_row1 tbody tr:first-child th, .tbl_row1 tbody tr:first-child td {border-top:1px solid #999;}
.tbl_row1 th:first-child, .tbl_row1 td:first-child {border-left:0;}

.tbl_row2 {border:1px solid #212121;}
.tbl_row2 th, .tbl_row2 td {text-align:left;padding:15px;background-color:#212121;}
.tbl_row2 th {border-bottom:1px solid #666;color:#fff;}
.tbl_row2 td {border-bottom:1px solid #212121;background-color:#f5f7f9;}
.tbl_row2 tr:last-child th {border-bottom-color:#212121;}

/* faq */
.faq_menu {border-top:1px solid #ddd;}
.faq_menu dl {border-bottom:1px solid #ddd;background-color:#fff;}
.faq_menu dt > a {display:block;position:relative;padding:20px 15px 20px 65px;}
.faq_menu .name {text-align:center;position:absolute;left:15px;top:17px;width:30px;height:30px;line-height:27px;border-radius:50%;font-size:20px;color:#fff;background-color:#009c88;}
.faq_menu .name .num {vertical-align:top;display:inline-block;margin-left:3px;font-size:20px;line-height:36px; text-indent: -9999px;}
.faq_menu .categori {display:block;margin-bottom:5px;letter-spacing:-0.4px;font-weight:bold;color:#989898;}
.faq_menu .sub {font-size:18px;letter-spacing:-0.6px;}
.faq_menu dd {position:relative; display:none;line-height:1.6;padding:15px 65px;border-top:1px solid #ddd;font-size:16px;letter-spacing:-0.5px;background-color:#f7f7f7;}
.faq_menu dd .name{background:#f45470;}
.faq_menu dt > a:hover .sub, .faq_menu .on .sub {font-weight:bold;color:#2d4b7a;}
.faq_menu dd .em {color:#222;font-weight:bold;}

/* exam_info */
.exam_info {background-color:#fff;}
.exam_info .guide .top {text-align:center;padding:20px 0;background-color:#1f2b70;}
.exam_info h1 {letter-spacing:-1.4px;;font-size:32px;color:#fff;}
.exam_info .note {text-align:left;max-width:640px;margin:0 auto;padding:20px 10px;}
.exam_info .note li {position:relative;line-height:1.6;padding-left:10px;font-size:15px;color:#222;}
.exam_info .note li:before {content:" ";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#1f2b70;}
.exam_info .note .em {position:relative;margin-top:10px;padding-left:28px;font-size:16px;font-weight:bold;color:#faa519;}
.exam_info .note .em .icc {position:absolute;left:0;top:-1px;}
.exam_info .detail {text-align:left;width:300px;margin:0 auto;padding:45px 0;border-bottom:1px solid #e8e8e8;}
.exam_info .check {text-align:center;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;background-color:#e7e7e8;}
.exam_info .check input[type="checkbox"] {margin-right:5px;}

/* custom dialog */
.c_dialog {display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:110;}
.c_dialog .mask {position:fixed;z-index:200;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.c_dialog .outer {position:fixed;left:0;top:0;right:0;bottom:0;z-index:210;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:50px;}
.c_dialog .outer > .top {position:absolute;left:0;top:0;z-index:10;width:100%;height:50px;line-height:50px;padding:0 50px 0 20px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#f45470;}
.c_dialog .outer > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-size:20px;font-weight:300;color:#fff;}
.c_dialog .outer > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:20px;top:12px;width:25px;height:25px;background:url("../../images/www/common/p_close_wt_thin.png") no-repeat 0 0;background-size:cover;}
.c_dialog .outer > .ct {overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding:15px;background-color:#fff;}
.c_dialog .cp_title {padding-bottom:15px;font-size:22px;font-weight:400;color:#333;}
.c_dialog .pack {padding:28px 20px;background-color:#ecf0f2;}
.c_dialog .pack p {line-height:1.7;letter-spacing:-0.3px;}
.c_dialog .foot_bar {margin-top:-10px;padding:18px 39px;background-color:#ecf0f2;}
.c_dialog .foot_bar input[type=checkbox] + label {margin-left:5px;font-size:12px;}
.c_dialog .outer.note {width:400px;height:250px;}
.c_dialog .outer.msg {width:600px;}
.c_dialog .outer.non {display:block;position:static;padding:20px;padding-top:0px;}
.c_dialog .outer.non .cp_con {border:none;}
.c_dialog .ct.tight {padding:0;}
.c_dialog .note .b_box .c_btn {padding:0 15px;}

/* ct_dialog, center */
.ct_dialog {position:fixed;left:0;top:0;z-index:110;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.ct_dialog.bx {background:none;}
.ct_dialog > .tb {display:table;width:100%;height:100%;}
.ct_dialog > .tb > .inner {display:table-cell;vertical-align:middle;padding:10px;}
.ct_dialog .outer {margin:0 auto;}
.ct_dialog .outer > .top {position:relative;height:50px;padding:0 50px 0 20px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#f45470;}
.ct_dialog.red .outer > .top {background-color:#ee6868;}
.ct_dialog .outer > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;line-height:50px;font-size:20px;color:#fff;}
.ct_dialog .outer > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:20px;top:12px;width:25px;height:25px;background:url("../../images/www/common/p_close_wt_thin.png") no-repeat 0 0;background-size:cover;}
.ct_dialog .outer > .ct {padding:20px;background-color:#fff;}
.ctm2.ct_dialog .outer > .top .title {font-family:NanumSquareRound;font-weight:800;}

/* custom dialog2, fixed */
.c_dialog2 {position:fixed;left:0;top:0;z-index:900;display:table;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.c_dialog2 > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:10px;top:14px;width:22px;height:22px;background:url("../../images/www/common/p_close_wt_64@2x.png") no-repeat 0 0;background-size:cover;}
.c_dialog2 .outer {display:table-cell;vertical-align:middle;}
.c_dialog2 .alert {text-align:center;width:290px;margin:0 auto;padding:20px 10px;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.c_dialog2 .fixed {position:relative;margin:0 auto;padding:0;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.c_dialog2 .fixed.mid {width:640px;}
.c_dialog2 .fixed.lg {width:768px;}

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

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

/* quiz_frame */
.quiz_frame {max-width:1024px;min-width:303px;margin:0 auto;}
.page_frame .quiz_frame {max-width:none;min-width:auto;}
.quiz_frame .frm_ct {padding:102px 20px 20px 20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:#fff;}
.quiz_frame.survey .frm_ct {padding-top:0;}
.quiz_frame .frm_top {position:fixed;top:0;z-index:100;max-width:1024px;width:100%;background-color:#fff;}
.quiz_frame .board {position:relative;height:50px;background-color:#293241;}
.quiz_frame .board .group {float:right;width:50%;}
.quiz_frame .mark {clear:both;overflow-x:scroll;white-space:nowrap;padding:10px;}
.quiz_frame .mark:after {content:" ";clear:both;display:block;}
.quiz_frame .mark li {display:inline-block;margin-left:5px;}
.quiz_frame .mark li:first-child {margin-left:0;}
.quiz_frame .mark li a {text-align:center;display:block;width:30px;height:30px;line-height:27px;border:2px solid #a0abbf;border-radius:50%;font-weight:300;color:#a0abbf;}
.quiz_frame .mark .check {color:#15a4fa;border-color:#15a4fa;}
.quiz_frame .mark .submit {display:block;box-sizing:border-box;position:absolute;left:0;bottom:0;width:100%;height:70px;line-height:70px;padding:0 0 0 30px;letter-spacing:-1.4px;
    font-size:20px;color:#65748d;background:#1b1e2a url("../../images/www/bg/m_exam_submit.png") no-repeat 89% 50%;}
.quiz_frame .timer {text-align:center;float:left;width:50%;padding:0 15px;font-size:28px;font-weight:100;color:#fff;background-color:#00816A;}
.quiz_frame .timer .count {position:relative;display:block;line-height:50px;padding-left:30px;}
.quiz_frame .timer .count:before {content:"\e855";position:absolute;left:-3px;top:50%;line-height:1;margin-top:-14px;font-family:'Material Icons';font-size:28px;color:#00BF96;}
.quiz_frame .submit {text-align:center;float:left;width:50%;line-height:50px;padding:0 20px;font-size:18px;color:#fff;background-color:#1b1e2a;}
.quiz_frame .submit:hover {background-color:#00BF96;}
.quiz_frame .submit .arrow_forward {line-height:1;margin:-4px 0 0 3px;}
.quiz_frame .frm_top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;line-height:32px;padding:0 20px;color:#fff;background-color:#8da4c4;}
.quiz_frame .nav {float:left;width:50%;height:50px;line-height:46px;padding-left:15px;}
.quiz_frame .nav span {text-align:center;vertical-align:middle;display:inline-block;font-size:16px;color:#fff;}
.quiz_frame .nav .total, .quiz_frame .nav .current {min-width:36px;font-size:24px;font-weight:500;}
.quiz_frame .nav .total {color:#a0abbf;}
.quiz_frame .nav .current {color:#15a4fa;}
.quiz_li {padding:10px;border:1px solid #b9b9b9;border-radius:4px;}
.quiz_li > .ct {margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;}
.quiz_li + .quiz_li {margin-top:10px;}
.quiz_li > .top {position:relative;padding-left:35px;}
.quiz_li > .top .order, .quiz_li > .top .num {position:absolute;left:0;top:-4px;font-size:20px;font-weight:bold;color:#31384b;}
.quiz_li .que {font-size:16px;font-weight:bold;color:#31384b;}
.quiz_li .que .sort {margin-right:5px;font-weight:bold;color:#505050;}
.quiz_li.view .que {margin-bottom:10px;}
.quiz_li .msg {margin-bottom:10px;padding:10px;border:1px solid #b9b9b9;background-color:#f5f5f5;}
.quiz_li .msg p {line-height:1.4;}
.quiz_li .msg p + .thumb {margin-top:10px;}
.quiz_li .ex ul {overflow:hidden;}
.quiz_li .ex .as {display:block;position:relative;padding:5px 5px 5px 38px;}
.quiz_li .ex .order {text-align:center;position:absolute;left:5px;top:6px;width:28px;height:28px;line-height:28px;border-radius:3px;color:#fff;background-color:#bebebe;}
.quiz_li .ex li.on .as, .quiz_frame.survey .quiz_li .ex .on {background-color:#e3eff9;}
.quiz_li .ex li.on .order, .quiz_frame.survey .quiz_li .ex .on .order {background-color:#1d9ced;}
.quiz_li .ex .correct .order {background-color:#eb7c7c;}
.quiz_li .ex .correct p span {margin-right:5px;font-weight:500;color:#eb7c7c;}
.quiz_li .ex li.on.correct .order {background-color:#eb7c7c;}
.quiz_li .ex .as p {line-height:30px;color:#686868;}
.quiz_li .ex.img .as p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;line-height:20px;margin-top:5px;padding:0;}
.quiz_li .ex .thumb {display:block;}
.quiz_li .ex textarea {background-color:#fff;}
.quiz_li .set {position:relative;padding:5px 10px;margin-bottom:10px;background-color:#f5f6f7;}
.quiz_li .set:after {content:" ";clear:both;display:block;}
.quiz_li .score {float:right;}
.quiz_li .score span {vertical-align:middle;}
.quiz_li .score .lab {color:#1d9ced;}
.quiz_li .score input[type="text"] {width:50px;}
.quiz_li .editing {margin-top:10px;padding-top:5px;border-top:1px solid #b9b9b9;}
.quiz_li .editing p {margin-bottom:5px;}
.quiz_li.add .top {padding-right:120px;}
.quiz_li.add .top .type {position:absolute;right:0;top:0;font-size:16px;font-weight:bold;color:#31384b;}
.quiz_frame.page {max-width:100%;}
.i_box .ct .quiz_li {padding:0;border:0;}
.quiz_li .ct .ex + .ex {margin-top:10px;padding-top:10px;border-top:1px dashed #e1e1e1;}
.quiz_li .result .info {margin-bottom:5px;padding:10px;background-color:#eee;}
.quiz_li .result .info span {font-family:NotoSR;font-weight:bold;color:#31384b;}
.quiz_li .result .info span:not(:last-of-type):after {content:"|";margin:0 3px 0 6px;font-weight:normal;}
.quiz_fwd {padding:20px;border:1px solid #b9b9b9;border-radius:4px;}
.quiz_fwd p {line-height:1.5;font-family:NotoSL;font-size:16px;font-weight:bold;color:#212121;}

/* omr */
.quiz_frame.omr {max-width:1300px;}
.quiz_frame.omr .frm_top {max-width:1300px;}
.quiz_frame.omr .frm_ct {overflow:hidden;padding-right:220px;}
.quiz_frame.omr .side {position:fixed;right:0;top:82px;width:200px;height:calc(100% - 82px);padding-top:38px;border:2px solid #000;background-color:#fff;transition:right 0.3s ease-out;}
.quiz_frame.omr .side .top {position:absolute;left:0;top:0;width:100%;height:40px;border-bottom:2px solid #000;}
.quiz_frame.omr .side .top .title {text-align:center;line-height:38px;padding:0 10px;font-weight:500;color:#000;}
.quiz_frame.omr .side .sheet {overflow-y:auto;height:100%;}
.quiz_frame.omr .sheet .ord {width:32px;}
.quiz_frame.omr .sheet td {padding:4px;border-top:1px solid #000;border-bottom:1px solid #000;}
.quiz_frame.omr .sheet .num {text-align:center;border-right:1px solid #000;font-size:14px;font-weight:500;color:#000;}
.quiz_frame.omr .sheet .multi {display:flex;justify-content:space-around;}
.quiz_frame.omr .sheet .multi span {text-align:center;display:inline-block;width:16px;line-height:14px;border-radius:50%;border:1px solid #000;font-size:12px;color:#000;}
.quiz_frame.omr .sheet .multi .selected span {border-color:#000;color:#fff;background-color:#000;}
.quiz_frame.omr .sheet .text {font-size:12px;color:#000;}
.quiz_frame.omr .sheet .on {background-color:#b6b6b6;}

/* c_poll */
.c_poll .ex.result li {overflow:hidden;position:relative;padding:5px 5px 5px 38px;}
.c_poll .ex.result li p {word-break:break-all;float:left;width:45%;line-height:30px;color:#686868;}
.c_poll .state {float:left;position:relative;width:55%;margin-top:12px;padding:0 90px 0 20px;}
.c_poll .progress {height:8px;border-radius:4px;background-color:#ddd;}
.c_poll .gage {display:block;height:8px;width:0;border-radius:4px;animation:scaleX 1s ease;-webkit-animation:scaleX 1s ease;background-color:#1d9ced;}
.c_poll .state .count {position:absolute;right:0;bottom:-5px;font-size:13px;font-weight:300;}

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

/* p_frame */
body.frm {background-color:#f2f2f2;}
.page_frame {max-width:1136px;min-width:303px;margin:0 auto;padding:100px 0 10px 0;}
.page_frame.st {padding-top:70px;}
.page_frame .frm_top {position:fixed;top:0;z-index:100;max-width:1136px;width:100%;height:60px;padding:0 80px 0 15px;background:#fed388;}
.page_frame .frm_top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px;line-height:60px;font-family:NanumSquareRound;font-size:20px;font-weight:800;letter-spacing:-0.5px;color:#212121;}
.page_frame .frm_top .x {position:absolute;right:15px;top:50%;margin-top:-16px;}
.page_frame .frm_top .close:before {line-height:inherit;color:#fff;}
.page_frame .frm_ct {padding:20px;border-radius:4px;background-color:#fff;}
.page_frame .fwd {position:fixed;top:60px;z-index:100;max-width:1136px;width:100%;height:30px;padding:0 10px;background-color:#212121;}
.page_frame .fwd ul {overflow-x:auto;white-space:nowrap;}
.page_frame .fwd ul:after {content:" ";clear:both;display:block;}
.page_frame .fwd li {position:relative;display:inline-block;padding:5px 8px 5px 10px;color:#fff;font-size:13px;}
.page_frame .fwd li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#fff;}
.page_frame .fwd li:first-child {padding-left:0;}
.page_frame .fwd li:first-child:before {display:none;}
.frm_btn {text-align:center;display:block;height:60px;line-height:60px;margin-top:40px;border-radius:4px;font-size:16px;font-weight:bold;color:#fff;}
.frm_btn.gray {background:#b9b9b9;}
.frm_btn.blue {background:#8db8e8;}

/* app_frame */
.app_frame {max-width:1024px;min-width:303px;margin:0 auto;padding:41px 0 10px 0;background:#fff;}
.app_frame .frm_top {position:fixed;top:0;z-index:10;max-width:1024px;width:100%;height:41px;padding:0 40px 0 40px;border-bottom:1px solid #e5e5e5;background-color:#fff;}
.app_frame .frm_top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;font-size:18px;font-weight:500;color:#000;}
.app_frame .frm_top .x {position:absolute;left:10px;top:50%;margin-top:-12px;}
.app_frame .frm_top .app_x:before {color:#3e8ddc;}
.app_frame .frm_top .add {position:absolute;right:10px;top:50%;margin-top:-12px;}
.app_frame .frm_top .more_vert:before {color:#3e8ddc;}
.app_frame .frm_top .menu {display:none;position:absolute;width:160px;right:0;top:32px;padding:5px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.app_frame .frm_top .menu li {padding:5px 10px;border-top:1px solid #ddd;}
.app_frame .frm_top .menu li:first-child {border-top:0;}
.app_frame .frm_top .menu a {font-size:13px;color:#3e8ddc;}
.app_frame .frm_top .menu .icc:before {margin:-3px 5px 0 0;font-size:18px;}
.app_frame .frm_ct {padding:20px;}

/* ds_info, scheduler */
.scheduler {margin-bottom:20px;}
.scheduler .k-event-actions {display:none;}
.sche_menu {position:relative;padding-bottom:20px;}
.sche_menu .date {text-align:center;padding:10px;}
.sche_menu .date .btn {display:inline-block;}
.sche_menu .date .btn a, .sche_menu .date .btn .current {vertical-align:middle;display:inline-block;}
.sche_menu .date .btn .current {margin:0 15px;font-size:32px;font-weight:500;color:#50b4b6;}
.sche_menu .date .btn a {border-radius:50%;padding:2px;border:1px solid #212121;}
.sche_menu .date .btn .icc:before {color:#777;}
.sche_menu .month {overflow:hidden;}
.sche_menu .month li {float:left;width:8.3333%;border:1px solid #212121;border-left:0;}
.sche_menu .month li:first-child {border-left:1px solid #212121;}
.sche_menu .month li a {text-align:center;display:block;height:50px;line-height:50px;font-size:16px;color:#212121;}
.sche_menu .month .on a {font-weight:500;color:#fff;background-color:#212121;}
.sche_menu .sel {overflow:hidden;position:absolute;z-index:10;right:0;top:140px;}
.sche_menu .sel li {float:left;}
.sche_menu .sel a {position:relative;display:block;padding:0 10px;font-size:18px;}
.sche_menu .sel a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#777;transform:translateY(-50%);}
.sche_menu .sel .on a {padding-right:22px;color:#212112;}
.sche_menu .sel .on a:after {content:" ";position:absolute;right:9px;top:50%;width:7px;height:4px;margin-top:-2px;background:url("../../images/www/common/img_merge.png") no-repeat 0 -240px;}
.sche_menu .sel li:first-child a:before {display:none;}
.sche_bar .sel {overflow:hidden;position:absolute;right:0;top:0;}
.sche_bar .sel li {float:left;}
.sche_bar .sel a {position:relative;display:block;padding:0 10px;font-size:18px;}
.sche_bar .sel a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#777;transform:translateY(-50%);}
.sche_bar .sel .on a {padding-right:22px;color:#212112;}
.sche_bar .sel .on a:after {content:" ";position:absolute;right:9px;top:50%;width:7px;height:4px;margin-top:-2px;background:url("../../images/www/common/img_merge.png") no-repeat 0 -240px;}
.sche_bar .sel li:first-child a:before {display:none;}
.sche_bar {overflow:hidden;position:relative;padding-bottom:10px;}
.sche_bar .lab {float:left;}
.sche_bar .lab li {float:left;height:24px;line-height:24px;margin:2px 5px 2px 0;padding:0 10px;border-radius:2px;font-size:14px;color:#fff;background-color:#eee;}
.sche_bar .lab .c_01 {background-color:#de97c3;}
.sche_bar .lab .c_02 {background-color:#f45470;}
.sche_bar .lab .c_03 {background-color:#4b72e3;}
.sche_bar .lab .c_04 {background-color:#50b4b6;}
.sche_bar .lab .c_05 {background-color:#787878;}
.sche_bar .k-event {cursor:pointer;}
.tb_sche {padding-top:35px;}
.sche_li {border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:15px 10px 10px 10px;}
.sche_li + .sche_li {margin-top:-1px;}
.sche_li:hover {background-color:#f8f8f8;}
.sche_li .sort span {overflow:hidden;text-align:center;display:inline-block;min-width:50px;height:24px;line-height:24px;margin:0 auto;padding:0 5px;border-radius:2px;letter-spacing:-0.23px;color:#fff;background-color:#282828;font-size:12px;color:#fff;}
.sche_li .sort span:after {content:" ";clear:both;display:block;}
.sche_li .sort .cyan {background-color:#50b4b6;}
.sche_li .sort .green {background-color:#88c053;}
.sche_li .sort .orange {background-color:#fa7a62;}
.sche_li .sort .red {background-color:#f45470;}
.sche_li .sort .gray {background-color:#989b9f;}
.sche_li .sort .blue {background-color:#008bc4;}
.sche_li .sub {font-size:16px;font-weight:500;color:#212121;}
.sche_li .info {overflow:hidden;padding-top:5px;}
.sche_li .info li {position:relative;float:left;width:33.3333%;margin:2px 0;padding-left:8px;font-size:14px;}
.sche_li .info li:before {content:" ";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background-color:#ba9d7f;}
.sche_li .info .lab, .sche_li .info .val {position:relative;display:inline-block;}
.sche_li .info .lab {margin-right:3px;padding-right:8px;font-weight:500;}
.sche_li .info .lab:before {content:":";position:absolute;right:0;top:0;}
.sche_li .info .state .val {font-weight:500;color:#212121;}
.sche_li .info .state .on {color:#f45470;}
.tc_yearly .sort span {overflow:hidden;text-align:center;display:inline-block;min-width:50px;height:24px;line-height:24px;margin:0 auto;padding:0 5px;border-radius:2px;letter-spacing:-0.23px;color:#fff;background-color:#282828;font-size:12px;color:#fff;}
.tc_yearly .sort span:after {content:" ";clear:both;display:block;}
.tc_yearly .sort .cyan {background-color:#50b4b6;}
.tc_yearly .sort .green {background-color:#88c053;}
.tc_yearly .sort .orange {background-color:#fa7a62;}
.tc_yearly .sort .red {background-color:#f45470;}
.tc_yearly .sort .gray {background-color:#989b9f;}
.tc_yearly .sort .blue {background-color:#008bc4;}
.tc_yearly .active {color:#212121;background-color:#eff7ff;}
.tc_yearly .link {text-align:left;background-color:#f8f8f8;}
.tc_yearly .link a {color:#212121;}
.tc_yearly .link a:hover {text-decoration:underline;}

.ds_info {margin-bottom:10px;padding:15px;border:2px dotted #ccc;border-radius:10px;background-color:#f5f5f5;}
.ds_info li {position:relative;min-height:18px;line-height:1.4;padding-left:100px;}
.ds_info .wide {padding-left:0;}
.ds_info .wide strong {position:static;}
.ds_info .wide span {display:block;padding:2px 0 0 12px;}
.ds_info li + li {margin-top:10px;}
.ds_info strong {position:absolute;left:0;top:0;display:block;padding-left:12px;font-weight:500;color:#191919;}
.ds_info strong:before {content:" ";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background-color:#0c4da2;}
.ds_info .note p {line-height:1.6;font-size:18px;font-weight:bold;color:#191919;}
.ds_info .note p + p {margin-top:10px;}
.ds_info .note .em {color:#0450b0;}
.ds_note {position:relative;margin-bottom:5px;padding-left:15px;font-size:16px;color:#222;font-weight:bold;}
.ds_note:before {content:"※";position:absolute;left:0;top:0;}
.rep_desc {position:relative;margin-top:10px;padding-left:20px;}
.rep_desc:before {content:"※";position:absolute;left:0;}

/* sch_info */
.sch_info {position:relative;margin-bottom:10px;padding:15px 15px 15px 105px;border:2px dotted #ccc;border-radius:10px;background-color:#f5f5f5;}
.sch_info .lab {position:absolute;left:15px;padding-left:12px;font-weight:500;}
.sch_info .lab:before {content:" ";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background-color:#2b65dc;}
.sch_info.line {padding-left:15px;}
.sch_info.line .lab {position:relative;display:block;}
.edu_place2 {overflow:hidden;}
.edu_place2 .guide {margin-bottom:20px;}
.edu_place2 .guide .lab {font-weight:500;color:#282728;}
.edu_place2 .guide .info {font-weight:300;color:#767676;}
.edu_place2 .map {border:1px solid #c6c6c6;}
.edu_place2 .map img {width:100%;height:100%;}
.edu_place2 .title {position:relative;margin-bottom:20px;padding-left:42px;font-size:30px;font-weight:500;letter-spacing:-0.5px;color:#fff;}
.edu_place2 .title:before {content:" ";position:absolute;left:0;top:0;width:30px;height:44px;background:url("../../images/www/common/img_main.png") -130px -147px;}
.edu_place2 .addr {letter-spacing:-0.2px;}
.edu_place2 .on a:before, .edu_place2 a:hover:before {content:" ";position:absolute;right:2px;top:50%;width:10px;height:15px;margin-top:-7px;background:url("../../images/www/common/img_main.png") no-repeat -161px -147px;}

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

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

/* quickmenu */
#quickmenu {position:fixed;z-index:20;top:114px;right:0;width:95px;}
#quickmenu .head {position:relative;background-color:#333;}
#quickmenu .head a {display:block;position:relative;height:54px;padding:9px 0 0 38px;font-size:12px;font-weight:300;color:#fff;}
#quickmenu .head a:before {position:absolute;left:4px;top:11px;content:"\e5cc";font-family:"Material Icons"; line-height:1;font-size:32px;color:#fff;}
#quickmenu.off .head a:before {-webkit-transform:rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
#quickmenu li {border-left:1px solid #f5f6f8;border-right:1px solid #f5f6f8;}
#quickmenu li + li {border-top:1px solid #e9e9e9;}
#quickmenu li a {position:relative;display:block;height:55px;line-height:1.4;padding:13px 0 0 40px;font-size:11px;color:#212121;background-color:#fff;}
#quickmenu li a:before {content:" ";position:absolute;left:11px;top:16px;background:url("../../images/www/common/ic_quick.png") no-repeat 0 0;}
#quickmenu li a:hover {font-weight:500;color:#ff7e4b;}
#quickmenu li a:hover:before {background-position-y:-27px;}
#quickmenu li .room:before {left:10px;width:24px;height:23px;}
#quickmenu li .off:before {width:24px;height:23px;background-position-x:-26px;}
#quickmenu li .guide:before {width:24px;height:22px;background-position-x:-51px;}
#quickmenu li .data:before {width:22px;height:23px;background-position-x:-77px;}
#quickmenu li .manual:before {left:13px;width:17px;height:25px;background-position-x:-102px;}
#quickmenu .top {text-align:center;display:block;height:28px;line-height:28px;font-size:11px;font-weight:300;color:#f2f2f2;background-color:#929292;}
#quickmenu .top i {vertical-align:middle;position:relative;display:inline-block;top:-2px;width:11px;height:7px;margin-left:7px;background:url("../../images/www/common/ic_quick.png") no-repeat -121px 0;}
/*#quickmenu .toggle {position:absolute;left:-20px;top:50%;width:20px;height:60px;margin-top:-30px;border-radius:8px 0 0 8px;background-color:#6f588d;}
#quickmenu .toggle span {overflow:hidden;position:absolute;left:5px;bottom:25px;width:8px;height:8px;margin-top:10px;border:2px solid #fff;border-bottom:transparent;border-left:transparent;font-size:0;color:transparent;-webkit-transform:rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#quickmenu.off .toggle span {left:9px;-webkit-transform:rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}*/

/* receiver, in_list(old, ad_set) */
.in_list:after {content:" ";display:block;clear:both;}
.in_list li {position:relative;float:left;margin:2px;padding:0 34px 0 10px;border-radius:4px;background:#8db8e8;}
.in_list li a {display:block;line-height:30px;height:30px;font-size:13px;color:#fff;}
.in_list li a:hover {text-decoration:underline;}
.in_list li button {overflow:hidden;position:absolute;right:10px;top:50%;margin-top:-7px;width:14px;height:14px;font-size:0;background:url("../../images/www/icon/icon_cancel.png") no-repeat 0 0;}
.receiver {overflow-y:scroll;max-height:80px;}
.receiver li {float:left;}
.receiver li button {line-height:28px;height:28px;margin:2px 5px 2px 0;padding:0 10px 0 30px;border-radius:3px;font-size:13px;color:#fff;background:#8db8e8 url("../../images/www/icon/icon_cancel.png") no-repeat 10px 50%;}
.receiver .cancel img {width:12px;height:12px;}
.sms_word {padding-top:5px;font-size:13px;color:#989898;}
.sms_word .byte {font-weight:bold;color:#3f8edd;}
.send_sms .temp {margin-bottom:10px;}

/* st_ban */
.st_ban {margin-bottom:10px;}
.st_ban .sns_li {position:absolute;right:20px;top:50%;transform:translateY(-50%);}
.st_ban .view {overflow:hidden;position:relative;height:120px;}
.st_ban .title {position:absolute;left:20px;top:50%;font-size:24px;letter-spacing:-0.3px;font-weight:500;color:#fff;transform:translateY(-50%);}
.st_desc {clear:both;overflow:hidden;line-height:1.5;padding:15px;font-size:15px;font-weight:300;background-color:#f1f1f1;}

/* slick */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select: none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position:relative;top:0;left:0;display:block;}
.slick-track:before, .slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;} /* cursor:-webkit-grab; */
.slick-slide:focus {outline:none;}
[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;z-index:10;}
.slick-prev {left:0;}
.slick-next {right:0;}

/* content */
/* mypage */
.my_status {margin-bottom:40px;}
.my_status .head {position:relative;height:52px;padding:0 225px 0 15px;background-color:#197a99;}
.my_status .my {line-height:52px;font-size:16px;color:#fff;}
.my_status .link {position:absolute;right:15px;top:10px;}
.my_status .btn {vertical-align:middle;display:inline-block;height:32px;line-height:31px;padding:0 15px;border:1px solid #fff;font-size:14px;font-weight:300;color:#fff;}
.my_status .lecture {overflow:hidden;padding:15px;border:1px solid #dcdcdc;border-top:0;}
.my_status .group {position:relative;float:left;width:50%;padding-left:180px;}
.my_status .group:first-child {padding-right:15px;}
.my_status .group .title {position:absolute;left:10px;top:25px;font-size:18px;font-weight:500;color:#212121;}
.my_status .group .title span {color:#197a99;}
.my_status .item {overflow:hidden;border-radius:5px;background-color:#f5f7f9;}
.my_status .item li {text-align:center;float:left;height:80px;padding-top:12px;width:33.3333%;}
.my_status .item .count {font-size:20px;font-weight:500;color:#197a99;}
.my_status .item .lab {display:block;font-size:16px;}
.dash .section + .section {margin-top:30px;}
.dash .section .cont {padding-top:10px;}
.h_box2 {position:relative;background-color:#f8f8f8;}
.h_box2 .title {display:block;position:relative;padding:15px 15px 15px 40px;font-size:18px;font-weight:500;color:#212121;}
.h_box2 .title:before {content:"\e164";position:absolute;left:10px;top:16px;font-family:'Material Icons';font-size:24px;}
.h_box2.tog .title span {position:relative;display:inline-block;padding-right:27px;}
.h_box2.tog .title span:before {content:"\e5c7";position:absolute;right:0;top:3px;font-family:'Material Icons';font-size:24px;color:#197a99;}
.h_box2.hd + .cont {display:none;}
.h_box2.hd .title span:before {content:"\e5c5";}
.h_box2 .add {position:absolute;right:10px;top:9px;}
.h_box2 .add .icmg {margin-left:5px;}
.off_state .lab {display:block;font-weight:500;}
.off_state .lab + .c_btn {margin-top:3px;}

/* classroom */
.cl_room #header {position:fixed;z-index:100;background-color:#fed388;}
.cl_room #content {padding-top:20px;padding-bottom:30px;}
.cl_room #header .sub {padding:0 120px 0 0;}
.cl_room #header .sub h1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height:66px;line-height:66px;padding:0 15px;font-family:'NanumSquareRound';font-size:24px;font-weight:800;color:#212121;}
.cl_room #header .out {position:absolute;right:12px;top:50%;margin-top:-16px;}
.cl_room #header .bar {position:absolute;right:12px;top:50%;margin-top:-16px;}
.cl_room #header .bar .out {position:static;margin-top:0;}
.cl_room .fwd {height:30px;padding:0 10px;background-color:#989b9f;}
.cl_room .fwd ul {overflow-x:auto;white-space:nowrap;}
.cl_room .fwd ul:after {content:" ";clear:both;display:block;}
.cl_room .fwd li {position:relative;display:inline-block;padding:5px 8px 5px 10px;color:#fff;font-size:13px;}
.cl_room .fwd li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#fff;}
.cl_room .fwd li:first-child {padding-left:0;}
.cl_room .fwd li:first-child:before {display:none;}
.cl_top {position:relative;margin-bottom:30px;}
.cl_top .board:after {content:" ";clear:both;display:block;}
/*.cl_top .board > div {position:relative;float:left;width:calc((100% - 29px) / 3);height:145px;margin:0 0 0 14px;background-color:#fff;}*/
.cl_top .board > div {position:relative;float:left;width:32.6%;height:185px;margin-left:1.1%;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.cl_top .board .notice {margin-left:0;}
.cl_top .board .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 40px 0 20px;font-size:16px;font-weight:500;color:#fff;}
.cl_top .board .top {position:absolute;width:100%;height:42px;line-height:42px;}
.cl_top .notice .top {background-color:#282828;}
.cl_top .qna .top {background-color:#282828;}
.cl_top .data .top {background-color:#282828;}
.cl_top .board .more {overflow:hidden;text-indent:-9999px;position:absolute;right:20px;top:15px;width:12px;height:12px;background:url("../../images/www/common/img_merge.png") no-repeat 0 0;}
.cl_top .board .inner {padding:55px 20px 0 20px;}
.cl_top .board li {position:relative;margin-top:10px;border-bottom:1px solid #e8e8e8;}
.cl_top .board li:first-child {margin-top:0;}
.cl_top .board li a {display:block;padding:8px 40px 7px 0;}
.cl_top .board .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:16px;color:#686868;letter-spacing:-0.5px;}
.cl_top .board .date {position:absolute;right:0;top:8px;font-size:12px;color:#00479d;}
.cl_top .board .new {text-align:center;position:absolute;left:-22px;top:7px;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:12px;color:#fff;background-color:#f45470}
.cl_top .member:after {content:" ";display:block;clear:both;}
.cl_top .member .em {color:#fd0b0b;}
.cl_top .member .green {color:#00ac4f;}
.cl_top .member .d_box.view .inner {height:420px;padding:0;}
.cl_top .member .link {text-align:center;padding-top:20px;}
.cl_top .member .link a {display:inline-block;height:38px;line-height:38px;padding:0 20px;border-radius:4px;color:#fff;}
.cl_top .member .link .d_blue {background-color:#3264c8;}
.cl_top .view .state table {border-top:1px solid #a0a0a0;}
.cl_top .view .state th, .cl_top .member .state td {text-align:center;padding:5px;border:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;font-size:12px;}
.cl_top .view .state th {font-weight:bold;color:#fff;background-color:#75859b;}
.cl_top .view .state th:first-child, .cl_top .member .state td:first-child {border-left:0;}
.cl_top .view .state thead th {color:#ddd;}
.cl_top .member .d_box .ind {position:relative;width:auto;}
.cl_top .member .d_box .data {text-align:center;padding-top:10px;}
.cl_top .member .d_box .data2 {text-align:center;}
.cl_top .member .d_box .data2 li {line-height:1.6;font-size:13px;color:#898989;}
.cl_top .member .d_box .data li {float:none;display:inline-block;}
.cl_top .member .d_box .ct {text-align:center;padding:15px 20px;}
.cl_top .member .d_box.view .ind {padding:0 0 10px 0;border-bottom:1px solid #e8e8e8;}
.cl_top .member .d_box .photo {position:static;top:0;left:0;width:75px;height:75px;margin:0 auto;background-color:#e6edf8;}
.cl_top .member .d_box .photo img {width:100%;height:100%;}
.cl_top .member .study_info {overflow:hidden;margin-top:40px;}
.cl_top .member .study_info .hours {text-align:left;height:25px;padding:0 5px;font-size:13px;color:#898989;}
.cl_top .member .exam .hours {font-weight:bold;}
.cl_top .member .study_info .count {margin-left:5px;color:#1d9ced;}
.cl_top .member .study_info .hours .icc {margin:-3px 2px 0 0;}
.cl_top .member .study_info .total, .cl_top .member .study_info .exam {padding:0 10px;}
.cl_top .member .progress .graph {height:14px;background-color:#ddd;}
.cl_top .member .progress .gage {display:block;position:relative;height:14px;width:0;animation:scaleX 0.9s linear;background-color:#1d9ced;}
.cl_top .member .progress {position:relative;padding-right:85px;}
.cl_top .member .exam .progress {padding-right:95px;}
.cl_top .member .progress .val {position:absolute;right:0;top:2px;letter-spacing:-0.5px;font-size:13px;color:#898989;}
.cl_top .member .progress .val em {font-weight:bold;color:#00ac4f;}
.cl_top .member .group {position:relative;float:left;width:32.6%;margin-left:1.1%;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.cl_top .member .group:first-child {margin-left:0;}
.cl_top .member .group .ct {height:400px;padding:20px;}
.cl_top .member .group.quick .ct {padding:15px;}
.cl_top .member .group.lct .link {margin-top:10px;}
.cl_top .member .group.lct .more {overflow:hidden;position:absolute;right:15px;top:9px;width:18px;height:18px;font-size:0;background:url("../../images/www/icon/icon_merge2.png") no-repeat -420px -600px;}
.cl_top .member .group.quick {height:178px;}
.cl_top .member .d_box.sche .inner {height:118px;}
.cl_top .member .d_box.guide {margin-top:19px;}
.cl_top .member .d_box.guide .inner {height:74px;}
.cl_top .member .group .title {height:36px;line-height:36px;padding:0 15px;border-top-left-radius:4px;border-top-right-radius:4px;letter-spacing:-0.25px;font-size:15px;font-weight:500;color:#222;background-color:#eee;}
.cl_top .member .group .intro {overflow-y:auto;position:relative;height:255px;padding-left:75px;}
.cl_top .member .group .intro .photo {overflow:hidden;position:absolute;top:0;left:0;width:60px;height:60px;border:1px solid #b9b9b9;border-radius:50%;}
.cl_top .member .group .photo img {width:100%;height:100%;}
.cl_top .member .group .info {margin-top:7px;}
.cl_top .member .group .info .lab {position:relative;margin-bottom:5px;padding-left:5px;letter-spacing:-0.25px;font-weight:500;color:#000;}
.cl_top .member .group .info .lab:before {content:" ";position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#222;}
.cl_top .member .group .info li {position:relative;line-height:1.4;padding:0 4px;letter-spacing:-0.5px;font-size:13px;color:#898989;}
.cl_top .member .group .info li:first-child:before {display:none;}
.cl_top .member .group .info .em {color:#fd0b0b;}
.cl_top .member .lct .info .item {color:#505050;font-weight:500;}
.cl_top .member .d_box.view .title {height:36px;line-height:36px;padding:0 15px;border-top-left-radius:4px;border-top-right-radius:4px;letter-spacing:-0.25px;font-size:15px;font-weight:bold;color:#222;background-color:#eee;}
.cl_top .view .state {margin-top:15px;}
.cl_top .view .state .tab {text-align:center;display:inline-block;min-width:48px;padding:2px 10px;border-radius:2px;font-size:11px;font-weight:bold;color:#fff;}
.cl_top .view .state .tab.red {background-color:#c60000;}
.cl_top .view .state .tab.blue {background-color:#2252a6;}

.study_plan {padding:0 35px 15px 35px;}
.study_plan .stand {position:relative;height:30px;margin-bottom:12px;}
.study_plan .stand > span {position:absolute;top:-2px;line-height:24px;font-weight:500;letter-spacing:-0.5px;color:#6d6e71;}
.study_plan .stand .start {left:0;margin-left:-30px;}
.study_plan .stand .icc {margin-top:-4px;}
.study_plan .stand .end {right:0;margin-right:-44px;}
.study_plan .stand .half {left:50%;margin-left:-12px;}
.study_plan .stand .count {color:#1d9ced;}
.study_plan .stand .val {font-size:13px;color:#898989;}
.study_plan .lab {position:relative;margin-top:3px;}
.study_plan .lab span, .cl_top .member .gage .rate {position:absolute;font-size:13px;font-weight:500;letter-spacing:-0.5px;color:#00ac4f;}
.study_plan .lab .start {left:-9px;}
.study_plan .lab .end {right:0;margin-right:-20px;}
.group.lct .study_plan {margin-bottom:15px;padding-bottom:30px;border-bottom:1px dashed #e8e8e8;}
.cl_top .member {padding:15px 0 20px 0;}
.cl_top .member .study_plan .progress {padding-right:0;}
.cl_top .member .gage .rate {text-align:center;position:absolute;top:-18px;right:0;width:50px;margin-right:-25px;color:#fc3030;}
.cl_top .member .gage .rate.day {width:115px;margin-right:-60px;}
.cl_top .member .gage .rate.day span {font-size:11px;color:#898989;}
.cl_top .member .guide {text-align:center;line-height:1.6;margin-top:10px;letter-spacing:-0.5px;font-size:13px;color:#292929;}
.cl_top .member .guide span {font-weight:bold;}
.cl_top .member .guide .red {color:#fd0b0b;}
.cl_top .member .app {overflow-y:auto;height:438px;padding:10px 20px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.cl_top .member .article {border-top:1px dashed #b9b9b9;}
.cl_top .member .article .inner {position:relative;padding:10px 10px 10px 100px;}
.cl_top .member .article:first-child {border-top:0;}
.cl_top .member .article .top {position:absolute;left:0;top:33px;}
.cl_top .member .article .lab {float:left;line-height:32px;font-weight:500;color:#222;}
.cl_top .member .article .lab .icc {margin-right:5px;}
.cl_top .member .article .lab .icc:before {color:#8db8e8;}
.cl_top .member .article .sche {float:right;line-height:32px;letter-spacing:-0.5px;color:#999;}
.cl_top .member .article .sche .date {color:#1d9ced;}
.cl_top .member .article.mode .top {padding-right:35px;}
.cl_top .member .article.mode .top .edit {position:absolute;right:0;top:0;}
.cl_top .member .article .state {text-align:center;}
.cl_top .member .article .item {vertical-align:middle;text-align:center;display:inline-block;width:68px;height:68px;padding-top:13px;margin:5px;border-radius:50%;font-size:12px;font-weight:500;color:#fff;}
.cl_top .member .article .item .icc {display:block;margin-bottom:3px;}
.cl_top .member .article .d_day {line-height:68px;padding-top:0;font-size:16px;letter-spacing:-0.5px;color:#fff;background-color:#000;}
.cl_top .member .article .take {background-color:#eb7c7c;}
.cl_top .member .article .grade {font-size:19px;letter-spacing:-0.5px;color:#fff;background-color:#00ac4f;}
.cl_top .member .article .result {background-color:#6d6e71;}
.cl_top .member .article .result.num {line-height:68px;padding-top:0;font-size:16px;letter-spacing:-0.5px;}
.cl_top .member .article.exam .result {font-size:18px;letter-spacing:-0.5px;}
.cl_top .member .article .join {background-color:#eb7c7c;}
.cl_top .member .article .item.off {border:1px solid #ddd;color:#8a95a5;background-color:#e7ecf2;}
.cl_top .member .member {margin-bottom:10px;}
.cl_top .member .d_box .ind {position:relative;top:0;}
.cl_top .member .d_box.view .detail {display:none;}
.cl_top .member .d_box .fold {top:8px;margin:0;}
.cl_top .member.wide .app {float:none;width:100%;height:auto;padding:10px;}
.cl_top .member.wide .article {float:left;width:25%;margin:2px 0;border-top:0;border-left:1px dashed #b9b9b9;}
.cl_top .member.wide .article:nth-child(4n+1){border-left:0;}
.cl_top .member.wide .article .top {overflow:hidden;position:static;}
.cl_top .member.wide .article .inner {padding:0 10px;}
.cl_room .lct_view {position:relative;padding:10px;border:2px solid #b9b9b9;border-radius:4px;background-color:#f5f6f7;}
.cl_room .lct_view .title {position:relative;font-size:16px;font-weight:500;color:#191918;}
.cl_room .lct_view + .lct_view {margin-top:10px;}
.lct_head {position:relative;margin-bottom:10px;}
.lct_head .title {position:relative;padding-left:28px;font-size:18px;font-weight:500;color:#2a2a2a;}
.lct_head .title:before {content:" ";position:absolute;left:0;top:4px;width:20px;height:20px;background:url("../../images/www/common/img_d_merge.png") no-repeat 0 -60px;}
.lct_head .add {position:absolute;right:0;bottom:-2px;}

/* cl_room new2 */
.cl_header {position:relative;z-index:20;left:0;top:0;width:100%;height:66px;background-color:#fed388;}
.cl_header .nav > .inner {position:relative;max-width:1200px;margin:0 auto;padding-right:535px;}
.cl_header .nav .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:66px;line-height:66px;padding:0 15px;font-family:NanumSquareRound;font-size:24px;font-weight:800;letter-spacing:-0.5px;color:#212121;}
.cl_header .global {position:absolute;right:0;top:0;}
.cl_header .global .menu {padding:14px 40px 0 0;}
.cl_header .global .menu, .cl_header .global .menu li {float:left;}
.global .menu li + li {margin-left:15px;}
.cl_header .global .menu a {position:relative;display:block;height:36px;line-height:36px;}
.cl_header .global .menu .icc {vertical-align:top;}
.cl_header .global .menu .icc:before {font-size:36px;color:#212121;}
.cl_header .global .menu .new {text-align:center;position:absolute;right:-3px;top:-3px;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:12px;font-weight:bold;letter-spacing:-0.3px;color:#fff;background-color:#f45470;}
.cl_header .global .menu2 {padding:14px 20px 0 0;}
.cl_header .global .menu2, .cl_header .global .menu2 li {float:left;}
.cl_header .global .menu2 li + li {margin-left:10px;}
.cl_header .global .menu2 a {display:block;position:relative;}
.cl_header .global .menu2 .btn {vertical-align:middle;display:inline-block;height:36px;line-height:36px;padding:0 10px;border-radius:2px;font-size:15px;color:#fff;background-color:#282828;}
.cl_header .global .menu2 .gray .btn {background-color:#676c71;}
.cl_header .global .menu2 .new {text-align:center;position:absolute;right:-6px;top:-6px;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:12px;font-weight:500;letter-spacing:-0.3px;color:#fff;background-color:#f45470;}
.cl_header .global .menu2 i {display:none;}
.cl_header .global .out {overflow:hidden;float:left;line-height:32px;margin:17px 10px 0 0;color:#212121;}
.cl_header .global .out .icc {margin:-2px 0 0 3px;}
.cl_header .global .out .icc:before {content:"\e8ac";font-size:32px;}
.cl_header .global .close {overflow:hidden;float:left;width:24px;height:24px;margin:21px 15px 0 0;font-size:0;background:url("../../images/www/common/ic_cl_close_bk.png") no-repeat 0 0;}
.cl_room .study_win {position:relative;max-width:1200px;margin:0 auto;padding:0 0 100px 0;}
.cl_room .st_bar {position:fixed;left:0;top:65px;z-index:100;width:420px;height:calc(100% - 65px);-webkit-transition:all .5s ease;transition:all .5s ease;background-color:#fff;}
.cl_room .st_bar > .inner {height:100%;overflow-y:scroll;border-right:1px solid #212121;}
.wide .study_win .st_bar {-moz-transform:translateX(-420px);-webkit-transform:translateX(-420px);-ms-transform:translateX(-420px);transform:translateX(-420px);}
.cl_room .st_bar .head {border-bottom:2px solid #212121;}
.cl_room .st_bar .head .title {position:relative;height:58px;line-height:60px;padding:0 10px 0 40px;font-family:NanumSquareRound;font-size:20px;font-weight:bold;color:#282828;}
.cl_room .st_bar .head .icc {position:absolute;left:10px;top:17px;}
.cl_room .st_bar .head .icc:before {color:#212121;}
.st_wide {outline:none;position:absolute;right:-65px;top:0;z-index:100;line-height:1.3;width:65px;padding:10px 25px 10px 5px;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:16px;color:#fff;background-color:#fa503f;}
.st_wide:before {content:"\e315";position:absolute;right:0;top:15px;font-family:"Material Icons"; line-height:1;font-size:32px;color:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.st_wide.on:before {transform:rotate(180deg);}
.cl_room .panel .total {text-align:center; background-color:#f5f7f9;}
.cl_room .panel .score {vertical-align:middle;display:inline-block;margin-right:25px;font-family:NanumSquareRound;font-size:20px;font-weight:800;color:#212121;}
.cl_room .panel .score .num {font-size:24px;color:#f45470;}
.cl_room .gauge {text-align:center;position:relative;padding:50px 0;}
.cl_room .gauge .group {display:inline-block;}
.cl_room .gauge .group {margin-right:50px;}
.cl_room .gauge .title {height:35px;margin-bottom:15px;font-family:NanumSquareRound;font-size:30px;font-weight:800;letter-spacing:-0.3px;color:#222;}
.cl_room .gauge .chart {position:relative;width:120px;height:120px;margin:0 auto;}
.cl_room .gauge .stand {position:absolute;left:25px;top:25px;}
.cl_room .gauge .result {position:absolute;width:100%;top:35px;left:0;font-size:32px;font-weight:500;letter-spacing:-0.3px;color:#00093b;}
.cl_room .gauge .circle {position:relative;	width:120px;height:120px;border-radius:50%;background-color:#e7e7e8;}
.cl_room .gauge .circle.done {background-color:#fed388;}
.cl_room .gauge .info {padding:20px 0 30px 0;}
.cl_room .gauge .info .lab {text-align:left;margin-bottom:5px;font-size:18px;font-weight:bold;letter-spacing:-0.3px;color:#000f3b;}
.cl_room .gauge .info .bar {position:relative;border-radius:5px;background-color:#e7e7e8;}
.cl_room .gauge .info .val {display:block;position:relative;height:10px;border-radius:5px;background-color:#008bc4;}
.cl_room .gauge .info .point {position:absolute;right:0;bottom:-23px;min-width:20px;font-weight:bold;letter-spacing:-0.3px;color:#595959;}
.cl_room .gauge .info .end {top:-28px;}
.cl_room .p_bar {display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f5f7f9;}
.cl_room .p_bar .c_btn {padding:0 15px;}
.cl_room .p_bar .play i {margin:-5px 5px 0 -3px;}
.cl_room .task {padding-top:30px;}
.cl_room .task .c_btn {min-width:80px;}
.cl_room .task table .ord {width:10%;}
.cl_room .task table .task {width:15%;}
.cl_room .task table .btns {width:15%;}
.cl_room .gauge {text-align:center;position:relative;padding:20px 0 40px 0;}
.cl_room .gauge .period {text-align:center;margin-bottom:30px;}
.cl_room .gauge .period .inner {overflow:hidden;vertical-align:middle;display:inline-block;border:1px solid #212121;border-radius:4px;}
.cl_room .gauge .period .lab, .cl_room .gauge .period .val {vertical-align:middle;display:inline-block;line-height:34px;padding:0 10px;color:#212121;}
.cl_room .gauge .period .lab {color:#fff;background-color:#212121;}

.study_list .cl_list > li {padding:15px 10px;}
.study_list .cl_list .con:before {display:none;}
.study_list .cl_list .low .con {padding-left:0;}
.study_list .cl_list .progress {position:absolute;left:0;top:50%;width:46px;height:46px;margin-top:-23px;}
.study_list .cl_list .progress .count {text-align:center;position:absolute;top:12px;width:100%;font-weight:500;color:#212121;}
.study_list .cl_list .progress.finish .count, .study_list .cl_list .progress.off .count {top:8px;}
.study_list .cl_list .progress.finish {border:4px solid #faa519;border-radius:50%;}
.study_list .cl_list .progress.off {border:4px solid #e7e7e8;border-radius:50%;}
.study_list .cl_list .gray {background-color:#b2babf;}
.cl_room .cd_cont {padding-top:40px;}
.cl_room .viewer {text-align:center;position:relative;margin-top:10px;}
.cl_room .viewer {overflow:hidden;position:relative;height:0;padding-bottom:calc(56.25% + 45px);}
.cl_room .viewer > iframe {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.cl_room .viewer > video {position:absolute;left:0;top:0;width:100%;height:100%;}
.cl_room .lwd_bar {padding:0 170px 0 160px;}
.cl_room .lwd_bar .page {right:11px;}
.cl_room .study_win .viewer {overflow:hidden;margin-top:0;background-color:#000;}
.study_win.off .section + .section {margin-top:20px;}
.off_board {padding:30px 0;}
.off_board table {border:1px solid #212121;}
.off_board th, .off_board td {text-align:center;padding:12px;font-size:18px;font-family:NanumSquareRound;font-weight:800;}
.off_board th {border-bottom:1px solid #666;font-weight:300;color:#fff;background-color:#212121;}
.off_board td {border-bottom:1px solid #212121;color:#212121;background-color:#f5f7f9;}
.off_board .info {background-color:#50b4b6;}
.off_board .info li {display:inline-block;position:relative;font-size:20px;color:#fff;}
.off_board .info li + li {margin-left:6px;padding-left:10px;}
.off_board .info li + li:before {content:" ";position:absolute;left:0;top:2px;width:1px;height:24px;background-color:#eee;}
.off_board .state {font-size:20px;}
.off_board .state .count {color:#50b4b6;}
.style_ds {position:relative;}
.style_ds + .style_ds {margin-top:10px;}
.style_ds h2 {overflow:hidden;position:relative;float:left;min-width:155px;height:55px;line-height:55px;padding:0 80px 0 37px;font-size:20px;font-weight:300;color:#fff;background-color:#3e8ddc;}
.style_ds h2:after {content: " ";position:absolute;right:12px;top:9px;width:38px;height:38px;background:url(../../images/www/icon/icon_merge2.png) no-repeat -300px -180px;}
.style_ds .status {position:relative;border:1px solid #212121;background-color:#fff;}
.style_ds .status .desc {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height:55px;line-height:55px;margin-left:178px;margin-right:138px;padding: 0 20px;letter-spacing:-0.25px;font-size:16px;font-weight:300;color:#212121;}
.style_ds .status .desc {margin-left:155px;}
.style_ds .status .em {color:#197a99;font-size:16px;}
.style_ds .link {position:absolute;right:1px;top:1px;
    display: inline-block;
    min-width: 140px;
    height: 55px;
    line-height: 55px;
    padding: 0 13px 0 13px;
    font-size: 16px;
    letter-spacing: -0.25px;
    color: #fff;
    background-color: #2563ad;
}
.style_ds .link:after {
    content: " ";
    vertical-align: middle;
    display: inline-block;
    width: 31px;
    height: 22px;
    margin: -5px 0 0 15px;
    background: url(../../images/www/icon/icon_merge2.png) no-repeat -360px -120px;
}
.survey .style_ds h2 {
    background-color: #ff9000;
}
.survey .style_ds h2:after {
    right: 7px;
    width: 43px;
    height: 38px;
    background-position: -300px -120px;
}
.survey .style_ds .status .date {
    margin-left: 10px;
    letter-spacing: -0.5px;
}
.survey .style_ds .link {
    background-color: #ff9000;
}
.st_list .progress {position:relative;width:46px;height:46px;margin:0 auto;}
.st_list .progress .count {text-align:center;position:absolute;left:0;top:12px;width:100%;font-weight:500;color:#212121;}
.st_list .progress.finish .count, .st_list .progress.off .count {top:8px;}
.st_list .progress.finish {border:4px solid #faa519;border-radius:50%;}
.st_list .progress.off {border:4px solid #e7e7e8;border-radius:50%;}
.tbl_item.st_list td.sub {text-align:left;padding-left:0;}

/* oer */
.study_win2 {overflow:hidden;position:relative;}
.study_win2 .viewer2 {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.study_win2 .viewer2 > iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.study_win2 .nav {position:absolute;z-index:10;width:240px;top:0;left:0;height:100%;padding-top:50px;-webkit-transition:all .5s ease;transition:all .5s ease;}

.study_win2 .idx .tog {text-align:center;display:block;width:40px;height:70px;line-height:1.2;padding-top:16px;font-size:16px;color:#fff;background-color:#f45470;}
.study_win2 .idx .current {display:block;}
.study_win2 .idx .current .val {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:relative;line-height:33px;font-size:15px;font-weight:700;color:#fff;}
.study_win2 .nav .tree {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f6f6f8;}
.study_win2 .nav .tree .inner {height:100%;overflow-x:hidden;overflow-y:auto;}
.study_win2 .nav .head {position:relative;padding-top:20px;}
.study_win2 .nav .head .close {position:absolute;right:5px;top:10px;}
.study_win2 .nav .head .close .icc:before {font-size:36px;}
.study_win2 .nav.off {-moz-transform:translateX(-240px);-webkit-transform:translateX(-240px);-ms-transform:translateX(-240px);transform:translateX(-240px);}
.study_win2 .nav .tree li a {position:relative;display:block;line-height:1.3;padding:5px 5px 5px 8px;color:#212121;}
.study_win2 .nav .tree li a:before {content:" ";position:absolute;left:0;top:11px;width:3px;height:3px;border-radius:50%;background-color:#666;}
.study_win2 .nav .tree li.on a {font-weight:500;color:#46a496;}
.study_win2 .nav .tree li a:hover {color:#46a496;}
.study_win2 .nav .tree li.on a:before, .study_win2 .nav .tree li a:hover:before {background-color:#46a496;}
.study_win2 .nav .tree ul + ul {margin-top:10px;padding-top:10px;border-top:1px solid #212121;}
.study_win2 .nav .lab {font-size:18px;font-weight:700;color:#212121;}
.study_win2 .nav .list {padding-left:5px;}
.study_win2 .nav .group {padding:10px 15px;}
.lwd_bar2 {position:relative;height:70px;padding:0 270px 0 220px;border-bottom:1px solid #1b1b1b;background-color:#000;}
.lwd_bar2 .logo {position:absolute;left:45px;top:14px;}
.lwd_bar2 .prev, .lwd_bar2 .next, .lwd_bar2 .x {vertical-align:middle;display:inline-block;position:relative;height:32px;line-height:32px;padding:0 10px;font-weight:500;color:#fff;}
.lwd_bar2 .left, .lwd_bar2 .right {position:absolute;top:11px;}
.lwd_bar2 .left {left:15px;}
.lwd_bar2 .right {right:15px;}
.lwd_bar2 .prev {padding-left:30px;}
.lwd_bar2 .next {padding-right:30px;}
.lwd_bar2 .prev:before, .lwd_bar2 .next:before {content:"\e31c";position:absolute;top:0;font-family:'Material Icons';font-size:24px;font-weight:normal;color:#fff;}
.lwd_bar2 .prev:before {left:0;transform:rotate(180deg);}
.lwd_bar2 .next:before {right:0;}
.lwd_bar2 .menu {position:absolute;right:0;top:0;height:50px;padding:18px 15px 0 0;}
.lwd_bar2 .menu .down, .lwd_bar2 .menu .page {float:left;}
.lwd_bar2 .menu .control {padding:8px 10px 0 0;}
.lwd_bar2 .menu .down {margin-right:10px;border-radius:4px;background-color:#989b9f;}
.lwd_bar2 .menu .down .txt {height:34px;line-height:34px;padding:0 10px;color:#fff;}
.lwd_bar2 .menu .down .icc {display:none;}
.lwd_bar2 .menu .down .icc:before {color:#fff;font-size:24px;}
.lwd_bar2 .page a {vertical-align:middle;display:inline-block;margin:0 5px;padding:5px;border-radius:50%;background-color:#989b9f}
.lwd_bar2 .page a .icc:before {font-size:24px;color:#fff;}
.lwd_bar2 .x {border-radius:4px;color:#fff;background-color:#111;}
.lwd_bar2 .x i {margin:-3px 0 0 5px;}
.lwd_bar2 .page span {vertical-align:middle;display:inline-block;height:34px;line-height:34px;font-size:18px;font-weight:700;color:#fff;}
.lwd_bar2 .page .on {display:inline-block;padding-right:10px;margin-right:5px;position:relative;font-size:22px;color:#f45470;}
.lwd_bar2 .page .on:before {content:" ";position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#eee;}
.lwd_bar2 .info .sub {text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:8px;font-size:18px;font-weight:700;color:#fff;}
.lwd_bar2 .info .sub .epi {display:block;padding-top:3px;font-size:16px;font-weight:normal;}
.lwd_bar2 .info .rate {vertical-align:top;display:inline-block;position:relative;margin-left:7px;padding-left:10px;color:#f45470;}
.lwd_bar2 .info .rate:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#666;}

/* mobile */
.cl_header .task {display:none;}
.cl_room.mo .gauge {padding:20px 0;}
.cl_room.mo .gauge .group {padding:5px;}
.cl_room.mo .gauge .progress, .cl_room.mo .gauge .score {width:155px;}
.cl_room.mo .gauge .chart {width:70px;height:70px;}
.cl_room.mo .gauge .circle {width:70px;height:70px;}
.cl_room.mo .gauge .stand {left:16px;top:16px;}
.cl_room.mo .gauge .title {height:24px;margin-bottom:5px;font-size:20px;}
.cl_room.mo .gauge .result {top:20px;font-size:20px;}
.cl_room.mo .gauge .info .lab {font-size:16px;}
.cl_room.mo .gauge .info .point {font-size:13px;}
.cl_room.mo .gauge .info .end {top:-25px;}

/* stu, course list */
.cl_room .c_list2 {margin-top:10px;}
.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 {position:relative;padding-right:100px;}
.c_list2 .top .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-height:20px;line-height:20px;font-size:15px;font-weight:500;}
.c_list2 .top .group {position:absolute;right:0;top:-1px;}
.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 .detail {margin-top:5px;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 .finish {font-weight:bold;color:#222;}
.c_list2 .result .finish .icc {margin:-3px 1px 0 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;}

/* classroom, prof */
.lct_con {padding:20px;border:1px solid #dcdada;background-color:#fff;}
.lct_con .info .box {padding:10px;border:1px solid #b9b9b9;}
.lct_con .info .box + .box {margin-top:10px;}
.lct_con .info .box .head {position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:2px dotted #e1e1e1;}
.lct_con .info .box .title {font-size:15px;font-weight:bold;color:#222;}
.lct_con .info .box .head .add {position:absolute;right:0;top:-5px;}
.lct_con .info .box .desc {line-height:1.6;}
.lct_con .info .box .list li {border-bottom:1px solid #e1e1e1;line-height:1.4;padding:8px 10px;}
.lct_con .info .box .list .item span {display:inline-block;position:relative;padding:0 10px 0 10px;}
.lct_con .info .box .list .item span:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#b9b9b9;}
.lct_con .info .box .list .item span:first-child {padding-left:0;}
.lct_con .info .box .list .item span:first-child:before {display:none;}
.lct_con .info .box .setting li {position:relative;min-height:32px;line-height:1.4;padding:14px 60px 14px 90px;border-bottom:1px solid #e1e1e1;}
.lct_con .info .box .setting li:before {display:none;}
.lct_con .info .box .setting .comb {position:absolute;right:0;top:11px;}
.lct_con .info .box .setting .edit {padding-top:0;}
.lct_con .info .box .setting .edit:before {display:none;}
/* .lct_con .info .box .setting .edit .icc {top:4px;} */
.lct_con .info .box .setting .order {position:absolute;left:0;top:8px;}
.lct_con .info .target .add {position:absolute;right:0;top:-2px;}
.lct_con .info .target .add i:before {font-size:36px;color:#eb7c7c;}
.lct_con .info .target .enter {padding-right:50px;}
.lct_con .info .target .enter:before {display:none;}
.lct_con .info .target .enter input[type="text"] {width:100%;}
.lct_con .info .target .enter .c_btn {position:absolute;right:0;top:5px;}
.lct_con .tbl_row th, .lct_con .tbl_row td {padding:8px;}

.lct_con .val .tbl_col td {padding:2px;}
.lct_con .val .rate {text-align:right;width:60px;}
.lct_con .val .rate2 {text-align:right;width:100px;}
.lct_con .val .mem .m_icon:before {border-radius:50%;padding:4px;color:#fff;background-color:#8db8e8;}
/* .lct_con .val .fold, .lct_con .val .set {position:absolute;right:0;top:50%;margin-top:-16px;} */
.lct_con .val button {margin-left:3px;}
.lct_con .val .fold .m_icon:before, .lct_con .val .set .m_icon:before {border-radius:4px;font-size:32px;color:#fff;background-color:#408fde;}
.lct_con .val .sum {overflow:hidden;margin-top:15px;padding-top:10px;border-top:1px solid #b9b9b9;}
.lct_con .val .sum .lab {float:left;line-height:32px;padding-left:10px;font-size:16px;}
.lct_con .val .sum .result {float:right;}
.lct_con .val .type {padding-bottom:10px;}
.lct_con .val .type label {font-weight:bold;}
.lct_con .val .type input:checked + label {color:#3f8edd;}
.lct_con .val .b_box {padding:10px 0 0 0;}
.lct_con .val .lab .m_icon {margin-right:5px;}
.lct_con .val .lab .m_icon:before {margin-top:-4px;color:#212121}
.lct_con .val .i_group {position:relative;margin-top:10px;padding:10px 50px 10px 10px;border:2px solid #e1e1e1;border-radius:4px;background-color:#f5f6f7;}
.lct_con .val .i_group .add {position:absolute;right:10px;bottom:20px;}
.lct_con .val .i_group .add .m_icon:before {font-size:36px;color:#eb7c7c;}

.lct_view {text-align:left;position:relative;padding:10px;border:2px solid #b9b9b9;border-radius:4px;background-color:#f5f6f7;}
.lct_view .bar {position:relative;min-height:32px;padding:0 115px 0 0;}
.lct_view .bar .name, .lct_view .bar .order, .lct_view .bar .date {vertical-align:middle;display:inline-block;line-height:32px;font-size:15px;font-weight:bold;}
.lct_view .bar .name {color:#191918;}
.lct_view .bar .order {color:#1d9ced;}
.lct_view .bar .date {color:#898989;}
.lct_view .bar .edit {position:absolute;right:0;top:0;}
.lct_view .top {position:relative;padding:5px 0;font-size:15px;color:#191918;}
.lct_view .top .order {color:#1d9ced;}
.lct_view .top .date {color:#898989;}
.lct_view .top .edit {position:absolute;right:3px;top:4px;}
.lct_view .bar .sub {position:relative;padding-left:40px;}
.lct_view .bar .sub .ord {text-align:center;position:absolute;left:0;width:30px;height:32px;line-height:32px;padding:0 10px;color:#fff;background-color:#676c71;}
.lct_view + .lct_view {margin-top:10px;}
.lct_view .com + .com {margin-top:10px;}
.lct_view .add {position:absolute;right:10px;bottom:12px}
.lct_view .add .m_icon:before {font-size:36px;color:#eb7c7c;}
.lct_view .i_box .sort span {vertical-align:middle;display:inline-block;}
.lct_view .i_box .sort .lab {min-width:50px;}
.lct_view .i_box .sort .period {font-weight:bold;}
.lct_view .detail {display:none;position:relative;padding-top:10px;} /* tg, toggle */
.lct_view .cl .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;float:left;max-width:450px;line-height:32px;padding:0 20px 0 60px;font-size:15px;}
.lct_view .cl .sub .order {text-align:center;position:absolute;left:0;width:50px;font-size:14px;color:#fff;background:#eb7c7c;}
.lct_view .cl .sub:after {content:" ";position:absolute;top:50%;right:0;width:1px;height:16px;margin-top:-7px;background-color:#b9b9b9;}
.lct_view .cl .detail {margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;}
.lct_view .cl .result {overflow:hidden;}
.lct_view .cl .result li {display:inline-block;position:relative;margin:2px 3px;padding:0 5px;color:#1d9ced;}
.lct_view .cl .result li:after {content:" ";position:absolute;top:50%;left:-5px;width:1px;height:16px;margin-top:-7px;background-color:#b9b9b9;}
.lct_view .cl .result li:first-child {padding-left:0;}
.lct_view .cl .result li:first-child:after {display:none;}
.lct_view .cl .result .lab {color:#222;}
.lct_view.at .cl .order {text-align:center;vertical-align:middle;display:inline-block;width:60px;padding:2px 0;font-size:14px;color:#fff;background:#eb7c7c;}
.lct_view.at .cl .result {vertical-align:middle;display:inline-block;}
.lct_view.at .cl .i_box .edit {position:absolute;right:10px;top:10px;}
.lct_view .i_box .edit .icc.list:before {font-size:20px;}
.ex_info {margin-bottom:10px;padding:10px;border:1px solid #dbdbdb;background-color:#f5f5f5;}
.ex_info .count, .ex_info .date {font-weight:bold;color:#1f4bb4;}
.ex_info li {position:relative;padding-left:10px;}
.ex_info li:before {content:" ";position:absolute;left:0;top:9px;width:2px;height:2px;border-radius:50%;background-color:#3e8ddc;}
.lct_view .detail .com {position: relative;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;} /* component */
.lct_view .detail .com .info {margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;}
.lct_view .detail .com .sort, .lct_view .detail .com .sub {float:left;}
.lct_view .detail .com .group {float:right;}
.lct_view .detail .com .sort span {line-height:30px;color:#222;}
.lct_view .detail .com .sub {position:relative;padding-left:35px;}
.lct_view .detail .com .sub span {vertical-align:middle;display:inline-block;line-height:30px;color:#222;}
.lct_view .detail .com .sub .ord {text-align:center;position:absolute;left:0;width:30px;padding:0 5px;color:#fff;background-color:#1f2b70;}
.lct_view .detail .com .top {padding:0;}
.lct_view .detail .com .top:after {content:" ";display:block;clear:both;}
.lct_view .com .item {overflow:hidden;vertical-align:middle;display:inline-block;}
.lct_view .com .order {text-align:center;vertical-align:middle;display:inline-block;min-width:60px;padding:2px 0;font-size:13px;color:#fff;background:#eb7c7c;}
.lct_view .com .item li {display:inline-block;position:relative;margin:2px 3px;padding:0 5px;color:#1d9ced;}
.lct_view .com .item li:after {content:" ";position:absolute;top:50%;left:-5px;width:1px;height:16px;margin-top:-7px;background-color:#b9b9b9;}
.lct_view .com .item li:first-child {padding-left:0;}
.lct_view .com .item .finish {font-weight:bold;color:#222;}
.lct_view .com .item .finish .icc {margin:-3px 1px 0 0;}
.lct_view .com .item .lab {color:#222;}
.lct_view .c_list2 .detail {display:block;}

/* my_status, stu */
.my_status .c_list2 .top {padding-right:100px;}

/* learning window */
.lwd .frm {position:absolute;width:1008px;}
.lwd.oer .frm {position:static;max-width:1024px;width:auto;margin:0 auto;}
.lwd.oer .viewer {position:relative;padding-bottom:56.25%;}
.lwd.oer .viewer iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.lwd.jw .frm {position:static;width:100%;margin:0 auto;}
.lwd.jw .viewer {position:relative;padding-bottom:56.25%;}
.lwd.jw .viewer iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.lwd .bar {position:relative;height:32px;margin-top:10px;}
.lwd .bar .prev, .lwd .bar .next {display:inline-block;height:32px;line-height:32px;padding:0 10px;border-radius:4px;color:#fff;background-color:#0c4da2;}
.lwd .bar .prev {float:left;}
.lwd .bar .next {float:right;}
.lwd .bar.cb .nav {position:absolute;right:0;top:0;}
.lwd .bar.cb .prev, .lwd .bar.cb .next {float:none;}
.lwd .bar .icc {margin:-3px 0 0 0;}
.lwd .bar .close {margin:-2px 0 0 3px;}
.lwd .bar .close:before {font-size:18px;}
.lwd .frm .pop-title {position:relative;height:50px;padding-left:60px;border-bottom:1px solid #4e4e4e;background:#727272;}
.lwd .frm .pop-title h1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:50px;font-size:16px;font-weight:bold;color:#fff;}
.lwd .frm .logo {position:absolute;left:18px;top:13px;}
.lwd .bar .count {display:inline-block;line-height:32px;font-weight:bold;color:#cacaca;}
.lwd .bar .count span {text-align:center;display:inline-block;font-size:16px;font-weight:bold;color:#7c7c7c;}
.lwd .bar .count .em {width:28px;height:28px;line-height:28px;border-radius:50%;color:#fff;background-color:#0c4da2;}
.lwd .viewer img {width:100%;}

.lwd_bar .prev, .lwd_bar .next, .lwd_bar .x {vertical-align:middle;display:inline-block;position:relative;height:32px;line-height:32px;padding:0 10px;font-weight:500;color:#fff;}
.lwd_bar .left, .lwd_bar .right {position:absolute;top:11px;}
.lwd_bar .left {left:15px;}
.lwd_bar .right {right:15px;}
.lwd_bar .prev {padding-left:30px;}
.lwd_bar .next {padding-right:30px;}
.lwd_bar .prev:before, .lwd_bar .next:before {content:"\e31c";position:absolute;top:0;font-family:'Material Icons';font-size:24px;font-weight:normal;color:#fff;}
.lwd_bar .prev:before {left:0;transform:rotate(180deg);}
.lwd_bar .next:before {right:0;}
.lwd_bar .page {position:absolute;right:95px;top:11px;}
.lwd_bar .page a {vertical-align:middle;display:inline-block;width:32px;height:32px;margin:0 5px;border-radius:100%;background-color:#000}
.lwd_bar .page a .icc {vertical-align:top;line-height:32px;}
.lwd_bar .page a .icc:before {line-height:32px;color:#fff;}
.lwd_bar .x {border-radius:4px;color:#fff;background-color:#111;}
.lwd_bar .x i {margin:-3px 0 0 5px;}
.lwd_bar .page {font-size:16px;color:#212121;}
.lwd_bar .page span {vertical-align:middle;display:inline-block;height:32px;line-height:32px;color:#fff;}
.lwd_bar .page .on {display:inline-block;padding-right:10px;margin-right:5px;position:relative;font-weight:500;color:#f45470;}
.lwd_bar .page .on:before {content:" ";position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#666;}
.lwd_bar .info .type {vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:360px;color:#fff;}
.lwd_bar .info .rate {vertical-align:top;display:inline-block;position:relative;margin-left:7px;padding-left:10px;color:#f45470;}
.lwd_bar .info .rate:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#666;}
.lwd .list {text-align:left;background-color:#fff;}
.lwd .list .head {position:relative;padding:0 100px 0 10px;background-color:#111;}
.lwd .list .head p {height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff;}
.lwd .list .close {position:absolute;right:5px;top:6px;width:24px;height:24px;}
.lwd .list .del:before {color:#fff;}
.lwd .list .group p {padding:10px;font-size:13px;color:#494949;background-color:#f0f0f0;}
.lwd .list .group li {position:relative;padding:0 20px 0 50px;}
.lwd .list .group a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:28px;line-height:28px;font-size:12px;}
.lwd .list .group .state {overflow:hidden;position:absolute;left:28px;top:5px;z-index:1;width:18px;height:18px;border:2px solid #cacaca;border-radius:50%;font-size:0;}
.lwd .list .group .state:before {content:" ";z-index: -1;position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background-color:#cacaca;}
.lwd .list .group .done {border-color:#1d9ced;}
.lwd .list .group .done:before {left:3px;top:3px;width:10px;height:8px;background:url(../../images/www/bg/checkbox_set.png) no-repeat 50% 50%;}



/* c-calendar */
.c-calendar .year {text-align:center;margin-bottom:20px;}
.c-calendar .year .inner {position:relative;display:inline-block;padding:0 40px;}
.c-calendar .year strong {font-size:30px;font-weight:700;letter-spacing:-0.5px;color:#454545;}
.c-calendar .year a {overflow:hidden;position:absolute;top:12px;display:block;width:13px;height:20px;font-size:0;background:url("../../images/www/common/img_d_merge.png") no-repeat 0 0;}
.c-calendar .year .prev {left:0;background-position:-94px 0;}
.c-calendar .year .next {right:0;background-position:-109px 0;}
.c-calendar .month {overflow:hidden;margin-bottom:13px;}
.c-calendar .month li {text-align:center;float:left;width:8.3%;}
.c-calendar .month li:first-child {width:8.4%;}
.c-calendar .month li a {display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;color:#444;}
.c-calendar .month .on a {color:#fff;background-color:#f6a600;}
.c-calendar th, .c-calendar td {border:1px solid #d0d0d0;}
.c-calendar th {padding:7px 0;font-size:16px;font-weight:bold;color:#4a4a4a;background-color:#e2edf5;}
.c-calendar td > a {text-align:center;position:relative;display:block;height:100px;padding:0 10px;}
.c-calendar td > a div {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:100px;font-weight:bold;color:#626c7b;}
.c-calendar .today a div {color:#fff;}
.c-calendar td > .event {background-color:#faffe4;}
.c-calendar .today a {background-color:#b9ca6d;}
.c-calendar .past a {background-color:#f7f6f6;}
.c-calendar td .em {color:#ff7417;}
.c-calendar td .day {position:absolute;top:7px;right:10px;color:#333;}
.c-calendar .sun .day {color:#ef5103;}
.c-calendar .past .day {color:#a6a6a6;}
.c-calendar .today .day {color:#fff;}
.tb_detail td {padding:20px 10px;background-color:#f5f5f5;}

/* issue tracking */
.deb_con {position:relative;}
.deb_con .paginate {border-bottom:0;}
.deb_li {margin:-10px;}
.deb_li:after {content:" ";clear:both;display:block;}
.deb_li > li {float:left;width:25%;padding:10px;}
.deb_li > li > .inner {position:relative;background-color:#fff;}
.deb_li > li .top {overflow:hidden;display:block;position:relative;height:0;padding-bottom:100%;border-top-left-radius:20px;border-top-right-radius:20px;}
.deb_li .cover {position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.3);}
.deb_li .btm {overflow:hidden;position:relative;height:64px;padding:15px 15px 0 15px;border:1px solid #e9e9e9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#fff;box-shadow:0 2px 1px rgba(186,186,186,0.21);}
.deb_li .tbl {display:table;width:100%;height:100%;}
.deb_li .tbl .text {text-align:center;vertical-align:bottom;display:table-cell;position:relative;padding:10px 10px 50px 10px;}
.deb_li .img {position:absolute;left:0;top:0;right:0;bottom:0;}
.deb_li .img img {width:100%;height:100%;}
.deb_li .tab {position:absolute;left:0;top:0;}
.deb_li .tab span {display:block;width:46px;height:44px;padding-top:10px;font-size:12px;letter-spacing:-0.5px;color:#fff;}
.deb_li .tab .orange {background:url("../../images/www/bg/list3_tab_orange.png") no-repeat 0 0;}
.deb_li .tab .gray {background:url("../../images/www/bg/list3_tab_gray.png") no-repeat 0 0;}
.deb_li .top .sub {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;max-height:2.8em;font-size:20px;font-weight:500;color:#fff;}
.deb_li .top .name {display:block;padding-top:4px;font-size:14px;color:#fff;}
.deb_li .info {max-height:55px;padding:8px;}
.deb_li .info li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;line-height:1.6;padding-left:8px;font-size:12px;letter-spacing:-0.25px;}
.deb_li .info li:before {content:" ";position:absolute;left:0;top:8px;width:3px;height:3px;background-color:#ff7417;}
.deb_li .info .lab {font-weight:bold;}
.deb_li .sns_li {overflow:hidden;height:32px;}
.deb_li .sns_li li {position:relative;float:left;margin-right:10px;padding-left:30px;color:#af7b3d;}
.deb_li .sns_li .icc {position:absolute;left:0;top:4px;}
.deb_li .sns_li .count {display:inline-block;line-height:32px;font-size:15px;color:#777;}
.deb_li .add {text-align:center;padding-top:6px;}
.deb_li .dl_btn {height:25px;line-height:26px;font-size:12px;}
.deb_li .enter {position:absolute;display:inline-block;right:15px;top:15px;height:32px;line-height:32px;padding:0 10px;font-size:13px;color:#fff;background-color:#282828;}
.comm_list .sns_li {overflow:hidden;padding-top:5px;}
.comm_list .sns_li ul {float:right;}
.deb_view {margin-bottom:20px;padding:20px;border:1px solid #d2d2d2;}
.deb_view .top {position:relative;padding:0 120px 0 20px;background-color:#fed388;}
.deb_view h1, .deb_view .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:52px;line-height:52px;font-size:20px;font-weight:500;letter-spacing:-0.5px;color:#000;}
.deb_view .top .add {position:absolute;right:10px;top:10px;}
.deb_view .info {padding:10px 20px;}
.deb_view .info li {display:inline-block;position:relative;padding:0 7px 0 10px;font-size:15px;color:#898989;}
.deb_view .info li:before {content:" ";position:absolute;left:0;top:6px;width:1px;height:10px;background-color:#000;}
.deb_view .info li:first-child {padding-left:0;}
.deb_view .info li:first-child:before {display:none;}
.deb_view .ct {position:relative;min-height:200px;padding:20px 0 0 230px;}
.deb_view .img {position:absolute;top:20px;left:20px;width:180px;height:180px;}
.deb_view .img img {width:100%;height:100%;}
.deb_view .desc {padding-bottom:10px;}
.deb_view .desc p {min-height:180px;line-height:1.6;font-size:16px;letter-spacing:-0.3px;color:#494949;}
/*.deb_view .desc {height:140px;}
.deb_view .desc p {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;min-height:8em;line-height:1.6;font-size:16px;letter-spacing:-0.3px;color:#494949;}*/
.deb_view .bar {overflow:hidden;}
.deb_view .bar .enter {float:left;display:inline-block;height:40px;line-height:40px;padding:0 20px;font-weight:bold;color:#fff;background-color:#5881d2;}
.deb_view .bar .vote {float:right;}
.deb_view .bar .vote span {float:left;height:40px;line-height:40px;padding:0 40px;font-weight:bold;}
.deb_view .bar .vote .yes {color:#fff;background-color:#50b4b6;}
.deb_view .bar .vote .no {color:#222;background-color:#b2cde6;}
.deb_report .b_box {text-align:right;padding-top:10px;}
.deb_view .file li {display:inline-block;}
.deb_view .file a {position:relative;display:block;padding:5px 5px 5px 25px;color:#2b65dc;}
.deb_view .file a:before {position:absolute;content:"\e226";left:0;top:2px;font-family:"Material Icons";font-size:24px;font-weight:normal;line-height:1;transform:rotate(45deg);}

/* trouble shooting */
.url_link {display:block;width:400px;}
.url_link .img {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.url_link .img img {position:absolute;width:100%;height:100%;}
.url_link .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-top:10px;font-size:18px;font-weight:bold;letter-spacing:-0.3px;color:#292929;}
.url_link .desc {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:16px;color:#686868;}

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

/* login2 */
.p_login2 {display:table;width:100%;height:100%;background-color:#f7f7f7;}
.p_login2 .inner {vertical-align:middle;display:table-cell;}
.p_login2 .flex {overflow:hidden;display:flex;width:980px;margin:0 auto;border-radius:5px;background-color:#fff;box-shadow:5px 5px 15px 0 rgb(138 138 138 / 20%), -5px 5px 15px 0 rgb(138 138 138 / 20%);}
.p_login2 .ct {display:flex;flex-direction:column;justify-content:center;flex-grow:1;position:relative;padding:0 80px;}
.p_login2 .bg {flex-shrink:0;width:494px;height:498px;background:url("../../images/www/common/img_login.png") no-repeat 0 0;background-size:cover;}
.p_login2 .head {text-align:center;margin-bottom:30px;}
.p_login2 .head p {line-height:1.7;font-size:14px;color:#666;}
.p_login2 .head .em {line-height:1;margin-bottom:15px;font-size:24px;font-weight:bold;color:#000;}
.p_login2 .head .sub {padding-top:15px;opacity:0.8;}
.p_login2 .box {position:relative;}
.p_login2 .box label {position:absolute;left:0;top:20px;font-size:18px;font-weight:700;color:#212121;}
.p_login2 .box input[type="text"], .p_login2 .box input[type="password"] {width:100%;height:40px;padding:0 30px;border:0;font-size:14px;font-family:"Malgun Gothic";color:#666;background-color:#f5f5f5;background-repeat:no-repeat;background-position:10px 50%;}
.p_login2 .id input {background-image:url("../../images/www/icon/ic_login_id.png");}
.p_login2 .pw input {background-image:url("../../images/www/icon/ic_login_pw.png");}
.p_login2 .pwOnOff {display:flex; flex-direction: row-reverse;}
.p_login2 .pwOnOff .eyeOn {background-image:url("../../images/www/icon/ic_login_eyeOn.png");background-size:22px 18px;background-repeat:no-repeat;margin:3px 0 3px 3px;border: none;width: 22px;height: 18px;}
.p_login2 .pwOnOff .eyeOff {background-image:url("../../images/www/icon/ic_login_eyeOff.png"); background-size: 22px 18px; background-repeat: no-repeat;margin:3px 0 3px 3px;border: none;width: 22px;height: 18px;}
.p_login2 .box + .box {margin-top:15px;}
.p_login2 .enter {text-align:center;display:block;height:40px;line-height:40px;margin-top:15px;padding:0 10px;font-size:16px;color:#fff;background-color:#245ded;}
.p_login2 .help {padding-top:15px;}
.p_login2 .help ul {display:flex;justify-content:space-between;}
.p_login2 .help a {display:block;font-size:14px;color:#7c7c7c;}
.p_login2 .guide {text-align:center;height:90px;display:flex;align-items:center;padding:0 15px;}
.p_login2 .guide p {width:100%; font-size:14px;}
.p_login2 .nav_tabs2 {margin-bottom:0;}
.p_login2 .test_link {display:flex;justify-content:space-between;margin-top:20px;}
.p_login2 .test_link a {font-size:13px;color:#428bca;}
.p_login2 .ct2 {width:980px;margin:0 auto;padding:10px;border-radius:5px;background-color:#fff;box-shadow:5px 5px 15px 0 rgb(138 138 138 / 20%), -5px 5px 15px 0 rgb(138 138 138 / 20%);}
.p_login2 .acc_find {border:0;}
.p_login2 .nav_tabs3 {margin-bottom:0;}

/* ess, step_table */
.step_table {overflow:hidden;padding:50px 0;}
.step_table li {text-align:center;position:relative;float:left;width:25%;}
.step_table li:before, .step_table li:after {content:" ";position:absolute;top:20px;height:2px;}
.step_table li:before {left:0;width:100%;background-color:#eaeaea;}
.step_table li:first-child:after {left:0;width:calc(50% - 20px);background-color:#fff;}
.step_table li:last-child:after {right:0;width:calc(50% - 20px);background-color:#fff;}
.step_table span {display:block;}
.step_table .circle {position:relative;width:40px;height:40px;margin:0 auto 20px auto;border-radius:50%;background-color:#eaeaea;}
.step_table .step {font-size:18px;font-weight:500;color:#000;}
.step_table .state {font-size:16px;font-weight:300;color:#000;}
.step_table .on .circle {background-color:#35ba9b;}
.step_table .on .circle:after {transform:translate(-50%, -50%);content:" ";position:absolute;left:50%;top:50%;width:25px;height:25px;border-radius:50%;background-color:#fff;}
.info_li {padding:15px;border-radius:10px;background-color:#f8f8f9;}
.info_li {padding-left:20px;}
.info_li li {position:relative;line-height:1.6;padding-left:13px;font-size:16px;}
.info_li li + li {margin-top:5px;}
.info_li li:before {content:" ";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#ba9d7f;}
.info_li li span {display:inline-block;position:relative;}
.info_li .lab {min-width:70px;margin-right:5px;padding-right:10px;color:#212121;font-weight:500;}
.info_li .lab:before {content:":";position:absolute;right:0;top:0;}
.info_li .wd .val {display:block;}

/* join_mb */
.member_type {padding:35px 10px;background:#c1c6c9;}
.member_type .guide {text-align:center;margin-bottom:50px;line-height:1.4;letter-spacing:-0.3px;font-size:22px;color:#222;}
.member_type .guide strong {font-size:22px;font-weight:bold;color:#222;}
.member_type .type {text-align:center;}
.member_type .type a {display:block;width:170px;height:155px;padding:20px 5px 0 5px;border-radius:4px;font-size:24px;letter-spacing:-0.3px;color:#000;background-color:#fff;background-repeat:no-repeat;background-position:50% 100%;}
.member_type .type li {vertical-align:top;display:inline-block;margin:10px;}
.member_type .learner a {background-image:url("../../images/www/icon/ic_join_learner.png");}
.member_type .teacher a {background-image:url("../../images/www/icon/ic_join_teacher.png");}
.join_mb .member_type {background:none;}
.join_mb .member_type .type a {font-size:16px;font-weight:bold;background-color:#eee;background-position:80% 100%;}
.join_mb .member_type .staff a {background-image:url("../../images/www/icon/ic_join_staff.png");}
.join_mb .member_type .agent a {background-image:url("../../images/www/icon/ic_join_agent.png");}
.join_mb .member_type .app_shop a {background-position-x:50%;background-image:url("../../images/www/icon/ic_join_app_shop.png");}
.join_mb .member_type .shop a {background-position-x:50%;background-image:url("../../images/www/icon/ic_join_shop.png");}
.join_mb .member_type .partners a {background-image:url("../../images/www/icon/ic_join_partners.png");}
.join_mb .member_type .fleet a {background-position-x:50%;background-image:url("../../images/www/icon/ic_join_fleet.png");}
.join_mb .member_type .equipment a {background-image:url("../../images/www/icon/ic_join_equipment.png");}
.join_mb .member_type .general a {background-position-x:50%;background-image:url("../../images/www/icon/ic_join_general.png");}
.join_mb .member_type .staff_t a {background-image:url("../../images/www/icon/ic_join_staff_t.png");}
.join_mb .member_type .outside_t a {background-image:url("../../images/www/icon/ic_join_outside_t.png");}
.join_mb .member_type .global_t a {background-image:url("../../images/www/icon/ic_join_global_t.png");}
.join_mb .member_type .agent_t a {background-image:url("../../images/www/icon/ic_join_agent_t.png");}
.member_type .logo {text-align:center;margin-bottom:30px;}
.member_type .title {text-align:center;margin-bottom:20px;letter-spacing:-0.5px;font-size:28px;font-weight:bold;color:#222;}
#lang_sel .type a {padding-top:60px;}
#lang_sel .member_type {height:360px;}
#lang_sel .outer > .ct {padding:0;}
.join_mb .group textarea {overflow-y:auto;height:250px;}
.join_mb .group .bar {text-align:right;margin-top:10px;}
.join_mb .ag_end {text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #b9b9b9;font-size:15px;font-weight:500;}
.join_mb .result {text-align:center;}
.join_mb .result p {line-height:1.5;}
.join_mb .result .em {font-weight:bold;color:#eb7c7c;}
.join_mb .result .close {font-size:18px;font-weight:bold;color:#3d3d3d;}
.join_mb .result.cs .close {margin-bottom:20px;}
.cert_type {overflow:hidden;margin-left:-10px;margin-right:-10px;}
.cert_type li {text-align:center;float:left;width:50%;padding:0 10px;}
.cert_type .c_panel {margin:0;}
.cert_type .c_panel .p_head {font-size:16px;}
.cert_type .p_body {min-height:260px;padding-bottom:20px;}
.cert_type p {margin-bottom:10px;padding-top:100px;font-size:15px;color:#494949;}
.cert_type .pin p {background:url("../../images/www/icon/cert_pin.png") no-repeat 50% 10px;}
.cert_type .ph p {background:url("../../images/www/icon/cert_phone.png") no-repeat 50% 10px;}
.cert_end {text-align:center;padding-top:20px;font-size:15px;font-weight:bold;}
.join_mb .welcome {text-align:center;padding:180px 0 30px 0;font-size:24px;color:#2a2a2a;background:url("../../images/www/bg/join_mb_welcome.gif") no-repeat 50% 30px;}
.join_mb .welcome .em {color:#3264c8;}
.join_mb .welcome .guide {padding-top:10px;font-size:20px;color:#898989;}

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

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

/* link */
.wd_link a {display:block;line-height:1.4;padding-left:20px;color:#3264c8;font-weight:bold;background:url("../../images/www/icon/ic_new_window.png") no-repeat 0 2px;}
.wd_link li + li {margin-top:7px;}

/* center */
.sb_desc {margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #1b4692;font-size:13px;color:#00093b;}
.center_vision {padding-top:20px;}
.center_vision h4 {text-align:center;position:relative;margin-bottom:60px;font-size:24px;color:#f6ab00;}
.center_vision .slogan {text-align:center;position:relative;height:0;margin-bottom:30px;padding-bottom:30%;background:url("../../images/www/bg/vision_slogan.png") no-repeat 50% 50%;background-size:cover;}
.center_vision .slogan:before {content:" ";position:absolute;left:50%;bottom:90%;width:1px;height:70px;background-color:#f6ab00;}
.center_vision .slogan strong {position:absolute;width:100%;left:0;top:15%;font-size:32px;font-weight:bold;color:#fff;}
.center_vision .slogan ul {overflow:hidden;position:absolute;width:100%;bottom:15%;}
.center_vision .slogan li {float:left;width:33.3333%;padding-top:80px;font-size:18px;color:#fff;background-repeat:no-repeat;background-position:50% 0;}
.center_vision .slogan .cs {background-image:url("../../images/www/icon/vision_sg_01.png");}
.center_vision .slogan .brand {background-image:url("../../images/www/icon/vision_sg_02.png");}
.center_vision .slogan .mp {background-image:url("../../images/www/icon/vision_sg_03.png");}
.center_vision .edu {text-align:center;}
.center_vision .edu strong {display:block;position:relative;margin-bottom:20px;padding-top:50px;font-size:32px;color:#222;}
.center_vision .edu strong:before {content:" ";position:absolute;left:50%;top:0;width:1px;height:30px;background-color:#f6ab00;}
.center_vision .edu p {margin-bottom:50px;font-size:24px;letter-spacing:-0.5px;color:#f6ab00;}
.center_vision .edu ul {overflow:hidden;}
.center_vision .edu li {float:left;width:16.6666%;font-size:16px;letter-spacing:-0.2px;color:#494949;}
.center_vision .edu li:before {content:" ";display:block;width:120px;height:120px;margin:0 auto 15px auto;border-radius:100%;background-position:50% 50%;background-repeat:no-repeat;background-color:#efefef;}
.center_vision .edu .skill:before {background-image:url("../../images/www/icon/vision_skill.png");}
.center_vision .edu .eq:before {background-image:url("../../images/www/icon/vision_equipment.png");}
.center_vision .edu .expert:before {background-image:url("../../images/www/icon/vision_expert.png");}
.center_vision .edu .quality:before {background-image:url("../../images/www/icon/vision_quality.png");}
.center_vision .edu .trouble:before {background-image:url("../../images/www/icon/vision_trouble.png");}
.center_vision .edu .repair:before {background-image:url("../../images/www/icon/vision_repair.png");}
.center_organ {text-align:center;padding-top:30px;}
.center_organ h4 {display:inline-block;position:relative;height:60px;line-height:60px;padding:0 60px;font-size:24px;color:#fff;background:url("../../images/www/bg/bg_subj.png") no-repeat 0 0;background-size:cover;}
.center_organ h4:before {content:" ";position:absolute;left:50%;top:60px;width:1px;height:60px;background-color:#b9bdcf;}
.center_organ .diagram {overflow:hidden;position:relative;margin-top:60px;padding-top:30px;}
.center_organ .diagram:before {content:" ";position:absolute;left:129px;top:0;width:777px;height:1px;background-color:#b9bdcf;}
.center_organ .diagram .group {float:left;width:25%;padding:0 5px;}
.center_organ .diagram h5 {display:table;position:relative;width:150px;height:150px;margin:0 auto 20px auto;border-radius:100%;font-size:18px;font-weight:bold;color:#fff;background:url("../../images/www/bg/organ_circle.png") no-repeat 50% 50%;background-size:cover;}
.center_organ .diagram h5:before {content:" ";position:absolute;left:50%;top:-30px;width:1px;height:30px;background-color:#b9bdcf;}
.center_organ .diagram .cell {vertical-align:middle;display:table-cell;}
.center_organ .diagram ul {position:relative;height:220px;padding:20px 5px;border:1px solid #b9bdcf;}
.center_organ .diagram ul:after, .center_organ .diagram ul:before {content:" ";position:absolute;z-index:10;left:50%;}
.center_organ .diagram ul:after {top:-11px;width:21px;height:21px;margin:0 0 0 -11px;background:url("../../images/www/bg/organ_point.png") no-repeat 0 0;}
.center_organ .diagram ul:before {top:-20px;width:1px;height:20px;margin-left:-1px;background-color:#b9bdcf;}
.center_organ .diagram li {font-size:15px;letter-spacing:-0.5px;color:#494949;}
.center_organ .diagram li + li {margin-top:10px;}
.center_facility {padding-top:50px;}
.center_facility.top {padding-top:0;}
.center_facility .head {text-align:center;padding-bottom:50px;}
.center_facility h4 {display:inline-block;position:relative;padding-bottom:50px;font-size:24px;font-weight:bold;color:#222;}
.center_facility h4:before {content:" ";position:absolute;left:50%;bottom:15px;width:1px;height:25px;background-color:#f6ab00;}
.center_facility .head .guide {font-size:18px;color:#686868;}
.center_facility .item {position:relative;padding-left:300px;}
.center_facility .item {margin-bottom:30px;}
.center_facility .item.last {margin-bottom:0;}
.center_facility .thumb {position:absolute;left:0;top:0;width:280px;}
.center_facility .thumb img {display:block;width:100%;}
.center_facility .thumb img + img {margin-top:5px;}
.center_facility .info {min-height:345px;border-bottom:1px solid #d2d2d2;}
.center_facility .info strong {display:block;margin-bottom:15px;font-size:20px;font-weight:bold;color:#f6ab00;}
.center_facility .info .top {margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed #d2d2d2;}
.center_facility .info li, .center_facility .info p {line-height:1.4;font-size:16px;color:#494949;}
.center_facility .info .par {margin-bottom:20px;}
.center_facility .hypen li {position:relative;padding-left:12px;}
.center_facility .hypen li:before {content:"-";position:absolute;left:0;top:0;}
.center_facility .frame {position:relative;margin-bottom:15px;padding:20px 10px 20px 280px;background:url("../../images/www/bg/bg_facility_frame.png") repeat 0 0;}
.center_facility .frame .lab {text-align:center;position:absolute;left:0;top:50%;width:280px;margin-top:-14px;font-size:21px;color:#fff;}
.center_facility .frame ul {overflow:hidden;}
.center_facility .frame li {float:left;width:33.3333%;padding:0 2px;}
.center_facility .frame.img {padding-left:10px;}
.center_facility .frame.img li {width:25%;}
.center_facility .frm_li {overflow:hidden;margin-top:20px;}
.center_facility .frm_li > li {float:left;width:32.6666%;margin-left:1%;}
.center_facility .frm_li > li:first-child {margin-left:0;}
.center_facility .frm_li p {text-align:center;line-height:44px;margin-bottom:5px;font-size:16px;color:#fff;background-color:#00043a;}
.center_facility .holder {overflow:hidden;padding:10px;background:url("../../images/www/bg/bg_facility_frame.png") repeat 0 0;}
.center_facility .holder img {width:100%;}
.center_facility .holder.hori {padding:5px;}
.center_facility .holder.hori li {float:left;width:33.3333%;padding:5px;}
.center_facility .holder.two li {width:50%;}
.center_facility .holder.top {margin-top:20px;}
.center_facility .frm_li ul li {margin-top:10px;}
.center_facility .frm_li ul li:first-child {margin-top:0;}
.center_facility .desc li {position:relative;line-height:1.4;margin-top:5px;padding-left:15px;font-size:18px;}
.center_facility .desc li:before {content:" ";position:absolute;left:0;top:12px;width:6px;height:1px;background-color:#666;}
.center_facility .desc li:first-child {margin-top:0;}
.center_facility .hori_li {overflow:hidden;margin:0 -10px;}
.center_facility .hori_li li {float:left;width:25%;padding:0 10px 10px 10px;}
.center_facility .hori_li span {text-align:center;display:block;height:30px;line-height:30px;font-size:18px;font-weight:bold;color:#00043a;}
.center_facility .hori_li .img {position:relative;padding-bottom:100%;}
.center_facility .hori_li .img img {position:absolute;width:100%;height:100%;}
.center_facility.cn .tbl_col3 th {font-size:16px;}
.center_facility.cn .c_tab1 li a {font-size:18px;}
.center_entering {padding-top:50px;}
.center_entering h4 {margin-bottom:20px;font-size:24px;color:#222;}
.center_entering .map {position:relative;}
.center_entering .addr .logo {overflow:hidden;position:absolute;left:40px;top:50%;width:175px;height:30px;margin-top:-15px;font-size:0;background:url("../../images/www/common/center_logo.png") no-repeat 0 0;background-size:cover;}
.center_entering .addr {position:absolute;left:0;bottom:0;width:100%;padding:30px 20px 30px 250px;background:url("../../images/www/bg/center_map_addr.png") repeat 0 0;}
.center_entering .addr li {position:relative;padding-left:50px;font-size:16px;letter-spacing:-0.5px;color:#fff;}
.center_entering .addr li + li {margin-top:10px;}
.center_entering .addr .lab {position:absolute;left:0;}
.it_title {text-align:left;position:relative;margin-bottom:20px;padding-top:15px;font-size:22px;font-weight:bold;color:#222;}
.it_title:before {content:" ";position:absolute;left:0;top:0;width:46px;height:1px;background-color:#1b4692;}

/* cs_lc */
.cs_lc .info {margin-bottom:20px;padding:15px;border-radius:10px;background-color:#f5f5f5;}
.cs_lc .info li {position:relative;line-height:1.5;padding-left:130px;color:#686868;}
.cs_lc .info li + li {margin-top:10px;}
.cs_lc .info .lab {position:absolute;left:0;padding-left:15px;font-weight:bold;}
.cs_lc .info .lab:before {content:" ";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#4a8fdd;}
.cs_lc tfoot td {background-color:#e5edf5;}
.cs_lc td.ph {font-weight:bold;}

/* conf_frm */
.frm_cert {padding:20px;}
.frm_cert .bar {text-align:right;padding-bottom:10px;}
.conf_frm {position:relative;width:780px;height:1080px;padding:40px;}
.conf_frm * {font-family:'궁서', Gungsuh;color:#212121;}
.conf_frm .bg {position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
.conf_frm .head {position:relative;}
.conf_frm .logo {overflow:hidden;position:absolute;right:110px;top:75px;width:149px;height:36px;margin:0 0 0 0;font-size:0;background:url("../../images/www/common/logo.png") no-repeat 0 0;}
.conf_frm h1 {text-align:center;line-height:1;margin-bottom:40px;font-weight:bold;font-size:50px;}
.conf_frm .head .num {padding-bottom:20px;font-size:20px;}
.conf_frm .head .sub {padding-top:5px;font-size:24px;font-weight:bold;}
.conf_frm .body {min-height:350px;font-size:18px;}
.conf_frm .group .title {text-align:center;display:inline-block;width:110px;height:36px;line-height:36px;padding:0 10px;font-size:18px;background-color:#eee;}
.conf_frm .body .info {overflow:hidden;position:relative;height:240px;}
.conf_frm .group .ct {padding:10px;}
.conf_frm .group + .group {margin-top:10px;}
.conf_frm .user li {position:relative;margin-top:5px;padding-left:85px;}
.conf_frm .user li:first-child {margin-top:0;}
.conf_frm .user .lab {position:absolute;left:0;top:0;}
.conf_frm .user .val {font-weight:300;}
.conf_frm .user .sp, .conf_frm .user .sp2 {display:inline-block;}
.conf_frm .user .sp {width:9px;}
.conf_frm .user .sp2 {width:36px;}
.conf_frm .activity > li {position:relative;padding-left:16px;}
.conf_frm .activity > li:before {content:" ";position:absolute;left:0;top:6px;width:6px;height:6px;border:1px solid;border-radius:50%;}
.conf_frm .activity > li ul {padding-top:5px;}
.conf_frm .activity > li li {position:relative;padding-left:12px;font-size:17px;}
.conf_frm .activity > li li:before {content:"-";position:absolute;left:0;top:0;}
.conf_frm .activity li + li {margin-top:5px;}
.conf_frm .foot {text-align:center;position:absolute;bottom:0;left:0;width:100%;height:325px;padding:0 40px;}
.conf_frm .foot .desc {text-align:center;line-height:1.6;font-size:22px;}
.conf_frm .foot .info {position:relative;z-index:1;padding-top:40px;}
.conf_frm .foot .info .date {padding-bottom:10px;font-size:20px;}
.conf_frm .foot .info .corp {display:inline-block;width:360px;line-height:1;font-size:38px;font-weight:500;}
.conf_frm .foot .info .name {line-height:1.4;margin-top:30px;padding-right:100px;}
.conf_frm .foot .seal, .conf_frm .foot .sign {position:absolute;}
.conf_frm .foot .seal {left:110px;top:10px;width:176px;height:176px;background:url("../../images/www/common/cert_hce_seal.png") no-repeat 0 0;}
.conf_frm .foot .sign {z-index:-1;right:150px;top:50px;width:100px;height:100px;}
.conf_frm .foot .sign img {max-width:100%;}
.conf_frm .foot .end {overflow:hidden;padding-top:10px;}
.conf_frm .manager {float:right;width:220px;}
.conf_frm .manager table {border:2px solid #212121;}
.conf_frm .manager th, .conf_frm .manager td {padding:5px;border:1px solid #212121;}
.conf_frm .manager td {text-align:left;}

/* certificate */
.cert_frm {position:relative;width:800px;height:1080px;background:url("../../images/www/common/cert_paper.png") no-repeat;}
.cert_frm * {font-family:'궁서', Gungsuh;color:#282828;}
.cert_frm .head {position:relative;padding:50px 70px 0 70px;height:310px;}
.cert_frm .logo {position:absolute;left:100px;top:60px;}
.cert_frm h1 {text-align:center;line-height:1;font-weight:500;font-size:50px;}
.cert_frm .head .num {padding-bottom:80px;font-size:18px;}
.cert_frm .head .sub {padding-top:5px;font-size:24px;font-weight:bold;}
.cert_frm .body {position:relative;height:380px;padding:0 70px;font-size:20px;}
.cert_frm.en .body {padding:0 130px;}
.cert_frm .body .desc {text-align:center;position:absolute;bottom:0;left:0;width:100%;line-height:1.7;font-size:22px;}
.cert_frm .body .info {overflow:hidden;position:relative;}
.cert_frm .user li {position:relative;margin-top:15px;padding-left:120px;}
.cert_frm .user li:first-child {margin-top:0;}
.cert_frm .user .lab {position:absolute;left:0;}
.cert_frm .user .val {font-weight:300;}
.cert_frm .user .sp_2 {display:inline-block;width:60px;}
.cert_frm .user .sp_3 {display:inline-block;width:20px;}
.cert_frm .user .sp_4 {display:inline-block;width:6.5px;}
.cert_frm .foot {text-align:center;position:absolute;bottom:0;left:0;width:100%;height:260px;padding:0 70px;}
.cert_frm .foot .date {font-size:20px;}
.cert_frm .foot .info {position:absolute;left:0;bottom:110px;width:100%;}
.cert_frm .foot .corp {display:inline-block;position:relative;font-size:32px;font-weight:500;}
.cert_frm .foot .sign {position:absolute;right:-90px;top:-15px;}
.cert_frm.en .head {height:390px;}
.cert_frm.en .user {float:none;width:100%;}
.cert_frm.en .user li {padding-left:100px;}
.cert_frm.en .user .lab {width:94px;}
.cert_frm.en .body {height:380px;}
.cert_frm.en .body .desc {line-height:1.4;}
.cert_frm.en .body .info {height:140px;}

/* learning_guide */
.learning_guide .head {position:relative;margin-bottom:40px;padding-right:220px;}
.learning_guide .head p {vertical-align:middle;display:table-cell;height:120px;line-height:1.6;font-size:18px;letter-spacing:-0.3px;}
.learning_guide .head:before {content:" ";position:absolute;right:0;top:50%;width:191px;height:116px;margin-top:-58px;background:url("../../images/www/bg/bg_learning_guide.png") no-repeat 0 0;background-size:cover;}
.learning_guide .step li {position:relative;margin-bottom:20px;padding:0 80px;background-color:#efefef;}
.learning_guide .step li:before {content:" ";position:absolute;right:24px;top:50%;height:33px;margin-top:-16px;background:url("../../images/www/icon/icon_learning_guide.png") no-repeat 0 0;}
.learning_guide .step .ord {text-align:center;position:absolute;left:0;top:0;width:60px;line-height:60px;font-size:18px;font-weight:bold;letter-spacing:-0.3px;color:#fff;background-color:#030736;}
.learning_guide .step .one:before {width:30px;}
.learning_guide .step .two:before {width:29px;background-position-x:-50px;}
.learning_guide .step .three:before {width:33px;height:36px;margin-top:-18px;background-position-x:-100px;}
.learning_guide .step .four:before {width:33px;background-position-x:-150px;}
.learning_guide .step .five:before {width:33px;background-position-x:-200px;}
.learning_guide .step .six:before {width:32px;background-position-x:-250px;}
.learning_guide .step p {vertical-align:middle;display:table-cell;height:60px;font-size:16px;font-weight:bold;color:#222;}

/* manual_download */
.manual_download {margin:0 90px 0 60px;}
.manual_download .head {position:relative;margin-bottom:30px;padding-right:200px;}
.manual_download p {vertical-align:middle;display:table-cell;height:140px;line-height:1.6;font-size:18px;letter-spacing:-0.3px;}
.manual_download .head:before {content:" ";position:absolute;right:0;top:50%;width:145px;height:125px;margin-top:-63px;background:url("../../images/www/bg/bg_manual_download.png") no-repeat 0 0;background-size:cover;}
.manual_download .manual li {text-align:center;float:left;width:33.3333%;padding:0 10px;}
.manual_download .manual .img {margin-bottom:20px;}
.manual_download .manual a {display:inline-block;position:relative;height:37px;line-height:37px;padding:0 15px 0 45px;letter-spacing:-0.3px;font-weight:bold;color:#fff;background-color:#313131;}
.manual_download .manual a:before {content:" ";position:absolute;left:16px;top:50%;width:20px;height:22px;margin-top:-11px;background:url("../../images/www/common/img_d_merge.png") no-repeat -124px 0;}

/* edu_guide */
.edu_guide .group {padding:50px 0;}
.edu_guide .group.top {padding-top:0;}
.edu_guide .point, .edu_guide .target, .edu_guide .cont {overflow:hidden;}
.edu_guide .point li {float:left;width:calc(50% - 10px);height:300px;padding:30px 40px;border:1px solid #c6c6c6;}
.edu_guide .point li:first-child {margin-right:20px;}
.edu_guide .point .title {display:block;height:90px;line-height:90px;padding-left:67px;border-bottom:1px solid #2b65dc;font-size:36px;letter-spacing:-0.25px;color:#2b65dc;background-repeat:no-repeat;background-position:0 50%;}
.edu_guide .summary .title {background-image:url("../../images/www/icon/ic_edu_guide_sum.png");}
.edu_guide .comp .title {background-image:url("../../images/www/icon/ic_edu_guide_com.png");}
.edu_guide .desc {padding-top:20px;font-size:16px;letter-spacing:-0.25px;}
.edu_guide .target {background-color:#f9f9f9;}
.edu_guide .target .ct_title {margin-bottom:35px;}
.edu_guide .list ul {float:left;width:50%;padding:0 65px;}
.edu_guide .list ul:first-child {border-right:1px solid #dfdfdf;}
.edu_guide .list li {position:relative;}
.edu_guide .list li .ord {position:absolute;left:0;}
.edu_guide .list ul > li {margin-top:20px;padding-left:38px;font-size:20px;letter-spacing:-0.25px;color:#2b65dc;}
.edu_guide .list ul > li:first-child {margin-top:0;}
.edu_guide .list ul > li:before {content:" ";position:absolute;left:0;top:0;width:27px;height:27px;background:url("../../images/www/common/img_merge.png") no-repeat -12px -120px;}
.edu_guide .list li ol {padding-top:13px;}
.edu_guide .list li li {margin-top:8px;padding-left:16px;font-size:16px;letter-spacing:-0.25px;color:#282828;}
.edu_guide .list li li:first-child {margin-top:0;}
.edu_guide .cont {text-align:center;}
.edu_guide .cont li {float:left;width:20%;}
.edu_guide .cont .inner {text-align:center;width:225px;height:225px;padding:30px 20px 0 20px;border-radius:50%;background-color:#2b65dc;}
.edu_guide .cont .line .inner {border:2px solid #2b65dc;background-color:#fff;}
.edu_guide .cont .ord {display:inline-block;font-size:24px;font-weight:500;padding:0 5px 5px 5px;border-bottom:3px solid #fff;color:#fff;}
.edu_guide .cont p {margin-top:25px;font-size:16px;letter-spacing:-0.25px;color:#fff;}
.edu_guide .cont .line .ord {color:#2b65dc;border-bottom-color:#2b65dc;}
.edu_guide .cont .line p {color:#282828;}

/* edu_step */
.edu_step .ct_title {margin-bottom:40px;}
.edu_step .step {position:relative;margin-bottom:50px;padding:40px 40px 40px 300px;border:1px solid #c6c6c6;}
.edu_step .step:before {content:" ";position:absolute;left:50%;bottom:-37px;width:76px;height:20px;margin-left:-38px;background:url("../../images/www/bg/edu_step_arrow.png") no-repeat 0 0;}
.edu_step .last:before {display:none;}
.edu_step .step .lab {position:absolute;left:45px;top:22px;}
.edu_step .step .num {display:block;font-size:16px;color:#50b4b6;}
.edu_step .step em {font-size:22px;font-weight:500;color:#282828;}
.edu_step .head.sp {padding-right:250px;}
.edu_step .head.at {margin-bottom:50px;}
.edu_step .head p {font-size:17px;font-weight:300;letter-spacing:-0.5px;color:#282828;}
.edu_step .head .btn {text-align:center;display:block;min-width:170px;height:38px;line-height:38px;padding:0 15px;font-size:14px;color:#fff;background-color:#282728;}
.edu_step .head .btn.wt {line-height:36px;border:2px solid #282728;color:#282728;background-color:#fff;}
.edu_step .link {position:absolute;right:45px;top:40px;}
.edu_step .sub {margin-bottom:20px;font-size:20px;letter-spacing:-0.5px;}
.edu_step .type {position:relative;padding:40px 170px 40px 40px;background-color:#f9f9f9;}
.edu_step .type.free {background-color:#edf9ff;}
.edu_step .type.pay {margin-top:10px;padding-top:50px;padding-bottom:50px;}
.edu_step .type:before {content:" ";position:absolute;top:50%;right:60px;height:88px;margin-top:-44px;background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.edu_step .free:before {width:79px;background-image:url("../../images/www/bg/edu_step_online.png");}
.edu_step .pay:before {width:92px;background-image:url("../../images/www/bg/edu_step_off.png");}
.edu_step .payment:before {right:53px;width:88px;background-image:url("../../images/www/bg/edu_step_pay.png");}
.edu_step .type .title {display:block;line-height:1;margin-bottom:15px;font-size:32px;letter-spacing:-0.5px;color:#212121;}
.edu_step .type li {position:relative;padding-left:20px;font-size:16px;letter-spacing:-0.5px;font-weight:300;}
.edu_step .type.high {border:1px solid #c6c6c6;}
.edu_step .type .ord {position:absolute;left:0;}
.edu_step .type .desc {position:relative;font-size:16px;letter-spacing:-0.5px;font-weight:300;color:#212121;}
.edu_step .em {font-weight:400;}
.edu_step .type .desc.top {margin-top:20px;}
.edu_step .type .ref {padding-left:18px;}
.edu_step .type .ref:before {content:"※";position:absolute;left:0;}
.edu_step .note {position:relative;margin-bottom:10px;padding-left:18px;font-size:16px;letter-spacing:-0.5px;color:#f45470;}
.edu_step .note.ref:before {content:"※";position:absolute;left:0;}
.edu_step .in_link {font-size:16px;}

/* payt_guide */
.pay_guide .group {padding-bottom:50px;}
.pay_guide .tuition {position:relative;padding:40px 40px 40px 470px;border:1px solid #c6c6c6;}
.pay_guide .sum {position:absolute;left:200px;top:42px;padding-right:40px;border-right:1px solid #e2e2e2;}
.pay_guide .sum .lab {display:block;line-height:1;margin-bottom:4px;font-size:18px;}
.pay_guide .sum .won {line-height:1;font-size:48px;color:#2b65dc;}
.pay_guide .pay li {position:relative;margin-top:3px;padding-left:15px;}
.pay_guide .pay li:before {content:" ";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background-color:#2b65dc;}
.pay_guide .pay .blue {color:#2b65dc;}
.pay_guide .refund {overflow:hidden;margin:0 -7px;}
.pay_guide .refund li {float:left;width:33.3333%;padding:0 7px;}
.pay_guide .refund .inner {min-height:220px;padding:25px 20px 0 20px;border-top:2px solid #282728;border-bottom:1px solid #c6c6c6;}
.pay_guide .refund .lab {display:block;margin-bottom:15px;font-size:24px;color:#2b65dc;}
.pay_guide .refund p {line-height:1.4;font-size:18px;}
.pay_guide .refund .note {position:relative;margin-top:10px;padding-left:15px;font-size:15px;color:#767676;}
.pay_guide .refund .note:before {content:"※";position:absolute;left:0;}
.pay_guide .refund .bg .inner {border:0;background-color:#f9f9f9;}
.pay_guide .step {padding-top:30px;}
.pay_guide .step .inner {text-align:center;position:relative;width:225px;height:225px;padding:30px 20px 0 20px;border-radius:50%;background-color:#2b65dc;}
.pay_guide .step li {float:left;width:25%;}
.pay_guide .step .line .inner {border:2px solid #2b65dc;background-color:#fff;}
.pay_guide .step .inner:before {content:" ";position:absolute;left:-45px;top:50%;width:18px;height:33px;margin-top:-16px;background:url("../../images/www/icon/ic_guide_arrow.png") no-repeat 0 0;}
.pay_guide .step li:first-child .inner:before {display:none;}
.pay_guide .step .ord {display:inline-block;font-size:24px;font-weight:500;padding:0 5px 5px 5px;border-bottom:3px solid #fff;color:#fff;}
.pay_guide .step p {margin-top:25px;font-size:20px;letter-spacing:-0.25px;color:#fff;}
.pay_guide .step .line .ord {color:#2b65dc;border-bottom-color:#2b65dc;}
.pay_guide .step .line p {color:#282828;}
.pay_guide .sub {text-align:center;}

/* cs_wizard */
.cs_wd {padding:30px 0;}
.cs_wd > .head {margin-bottom:20px;}
.cs_wd > .head .menu {border-bottom:1px solid #dcdada;}
.cs_wd > .head .menu:after {content:" ";clear:both;display:block;}
.cs_wd > .head .menu li {float:left;margin-left:10px;}
.cs_wd > .head .menu li:first-child {margin-left:0;}
.cs_wd > .head .menu a {display:block;position:relative;height:60px;line-height:60px;padding:0 20px;font-size:26px;letter-spacing:-0.5px;}
.cs_wd > .head .menu .on a {font-weight:bold;color:#1f2b70;}
.cs_wd > .head .menu .on a:before {content:" ";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:#1f2b70;}
.cs_wd .wizard {position:relative;padding-left:168px;}
.cs_wd .wizard .step {position:absolute;left:0;top:0;width:170px;}
.cs_wd .wizard .step li {margin-top:10px;}
.cs_wd .wizard .step li:first-child {margin-top:0;}
.cs_wd .wizard .step .stand a {opacity:0.4;cursor:default;}
.cs_wd .wizard .step a {display:block;position:relative;height:90px;line-height:90px;padding:0 10px 0 55px;border:2px solid #dcdada;border-radius:10px 0 0 10px;font-size:22px;font-weight:bold;letter-spacing:-0.5px;background-color:#f5f5f5;}
.cs_wd .wizard .step .on a {opacity:1;cursor:pointer;border-right:0;color:#00093b;background-color:#fff;}
.cs_wd .wizard .step .num {text-align:center;position:absolute;left:15px;top:27px;width:34px;height:34px;line-height:32px;border-radius:50%;font-size:18px;color:#fff;background-color:#faa519;}
.cs_wd .wizard .step .stand .num {background-color:#b2babf;}
.cs_wd .wizard .step .on .num {background-color:#faa519;}
.cs_wd .frm {min-height:600px;padding:15px;border:2px solid #dcdada;border-radius:10px;background-color:#fff;}
.cs_wd .wizard .frm {border-radius:0 10px 10px 0;}
.cs_wd .tbl_row th, .cs_wd .tbl_row td, .cs_wd .tbl_row select, .cs_wd .tbl_row input[type="text"] {font-size:13px;}
.cs_wd .tbl_row th {border-left:1px solid #d2d2d2;}
.cs_wd .b_box.bot {padding-bottom:10px;}

.cs_wd .i_box .tbl_col td {padding:2px;}
.cs_wd .i_box .rate {text-align:right;width:60px;}
.cs_wd .i_box .rate2 {text-align:right;width:100px;}
.cs_wd .i_box .mem .m_icon:before {border-radius:50%;padding:4px;color:#fff;background-color:#8db8e8;}
.cs_wd .i_box button, .cs_wd .i_box .group.fc .item + a {margin-left:3px;}
.cs_wd .i_box .lab .m_icon {margin-right:5px;}
.cs_wd .i_box .fold .m_icon:before, .cs_wd .i_box .set .m_icon:before {border-radius:4px;font-size:32px;color:#fff;background-color:#408fde;}
.cs_wd .i_box .lab .m_icon:before {margin-top:-4px;color:#1f4bb4;}
.cs_wd .i_box .sort .count {font-weight:bold;color:#1f4bb4;}
.cs_wd .sum {overflow:hidden;margin-top:15px;padding-top:10px;border-top:1px solid #b9b9b9;}
.cs_wd .sum .lab {float:left;line-height:32px;padding-left:10px;font-size:16px;}
.cs_wd .sum .result {float:right;}
.cs_wd .sum .rate {text-align:right;width:60px;}
.cs_wd .ip_cb {position:relative;padding-right:80px;}
.cs_wd .ip_cb .c_btn {position:absolute;right:0;top:0;}
.cs_wd .cs_thumb {overflow:hidden;position:relative;width:480px;height:270px;border-radius:6px;}
.cs_wd .cs_thumb img {position:absolute;left:0;top:0;width:100%;height:100%;}
.tch_li {overflow:hidden;vertical-align:middle;display:inline-block;margin-left:10px;}
.tch_li li {float:left;padding:5px 5px 5px 0;}
.tch_li li a {display:block;line-height:30px;height:30px;padding:0 10px 0 27px;border:1px solid #a5a5a5;border-radius:3px;font-size:13px;background:#fff url("../../images/www/icon/k_icon_del.png") no-repeat 8px 50%;}
.sco_mod {padding:10px;border:2px solid #b9b9b9;border-radius:4px;background-color:#f5f6f7;}
.sco_mod .lo {position:relative;margin-bottom:10px;padding-bottom:10px;padding-left:40px;border-bottom:1px solid #b9b9b9;}
.sco_mod .lo .title {vertical-align:middle;display:inline-block;line-height:30px;font-size:18px;font-weight:bold;color:#191918;}
.sco_mod .lo .btn {position:absolute;left:0;top:0;}
.cs_wd .item_bar {min-height:30px;padding-bottom:0;border-bottom:0;}
.cs_wd .item_bar .icmg {margin:-4px 3px 0 0;}
.cs_wd .item_bar .icmg.check {margin:-4px 0 0 3px;}
.sco_li {padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.sco_li + .sco_li {margin-top:10px;}
.sco_li .top {position:relative;padding-left:40px;padding-right:160px;}
.sco_li .top .sort {position:absolute;left:0;top:0;}
.sco_li .top .sort select {font-weight:bold;color:#333;}
.sco_li .top .ord {text-align:center;position:absolute;left:0;top:0;width:30px;line-height:30px;padding:0 5px;font-size:15px;font-weight:bold;color:#fff;background-color:#1f2b70;}
.sco_li .top .name {vertical-align:middle;display:inline-block;line-height:30px;font-size:15px;font-weight:bold;color:#222;}
.sco_li .top .group {position:absolute;right:0;top:0;}
.sco_li .info {margin-top:10px;padding-top:10px;border-top:1px solid #b9b9b9;}
.sco_li .info > ul {overflow:hidden;}
.sco_li .info > ul > li {position:relative;display:inline-block;margin:2px 10px 2px 0;padding-right:5px;}
.sco_li .info > ul > li:first-child {padding-left:0;}
.sco_li .info > ul > li:before {content:" ";position:absolute;top:50%;left:-10px;width:1px;height:24px;margin-top:-12px;background-color:#666;}
.sco_li .info .lab, .sco_li .info .val {vertical-align:middle;display:inline-block;line-height:30px;font-weight:bold;}
.sco_li .info .lab {color:#000;}
.sco_li .info .time input[type="text"] {width:60px;padding:0 5px;}
.sco_li .info .url input[type="text"] {width:500px;}
.sco_mod.edit .lo {margin:0;padding:0;border-bottom:0;}
.sco_li.edit .top {padding-right:0;}
.sco_li.edit .info > ul > li {display:block;position:relative;margin:0;padding:0;}
.sco_li.edit .info > ul > li + li {margin-top:8px;}
.sco_li.edit .info .url {position:relative;padding-left:40px;}
.sco_li.edit .info .url .lab {position:absolute;left:0;top:0;}
.sco_li.edit .info .url input[type="text"] {width:100%;}
.sco_li.edit .top {padding-left:42px;}
.sco_li.edit .top .lab {position:absolute;left:0;top:0;line-height:30px;font-weight:bold;color:#000;}
.ord_sco li {position:relative;padding:10px 60px 10px 10px;border-radius:4px;border:1px solid #b9b9b9;background-color:#fff;}
.ord_sco .sub {line-height:30px;font-weight:bold;color:#222;}
.ord_sco input[type="text"] {position:absolute;right:10px;top:0;}

/* pop_area */
.pop_area {position:fixed;top:108px;left:0;width:100%;z-index:101;}
.pop_area .inner {position:relative;max-width:1320px;margin:0 auto;}
.pop_area .popup {position:absolute;left:0;top:0;border:1px solid #00093c;background-color:#00093c;}
.pop_area .bar {position:relative;height:42px;line-height:42px;padding:0 10px;color:#fff;}
.pop_area .bar label {margin-left:8px;}
.pop_area .bar .close {position:absolute;right:10px;top:12px;width:19px;height:19px;}
.pop_area .bar .close img {display:block;}

/* reg_guide */
.icmg.caution {vertical-align:middle;display:inline-block;width:23px;height:21px;margin-top:-2px;font-size:0;background:url("../../images/www/common/img_merge.png") no-repeat -172px -40px;}
.reg_guide {padding:20px;}
.reg_guide h1 {text-align:center;font-size:32px;font-weight:bold;letter-spacing:-0.3px;color:#615bef;}
.reg_guide .notice {box-sizing:border-box;position:relative;line-height:2;min-height:165px;padding:50px 210px 30px 0;font-size:14px;font-weight:bold;letter-spacing:-0.5px;color:#cb3636;}
.reg_guide .notice:before {content:" ";position:absolute;right:-10px;top:-10px;width:218px;height:169px;background-repeat:no-repeat;background-position:0 0;}
.reg_guide.stu .notice:before {background-image:url("../../images/www/bg/reg_guide_stu_noti.png");}
.reg_guide.teacher .notice:before {background-image:url("../../images/www/bg/reg_guide_teacher_noti.png");}
.reg_guide p {line-height:1.6;font-size:14px;letter-spacing:-0.5px;font-weight:bold;}
.reg_guide .bk {color:#222;}
.reg_guide .link {text-align:center;padding:25px 0 20px 0;}
.reg_guide .link a {vertical-align:middle;display:inline-block;height:32px;line-height:32px;padding:0 20px;border-radius:2px;font-size:15px;color:#fff;background-color:#f15525;}

/* ap_waiting */
.ap_waiting {width:500px;margin:0 auto;}
.ap_waiting .guide {padding:15px;border:2px dotted #ccc;border-radius:10px;background-color:#f5f5f5;}
.ap_waiting .guide li {word-break:keep-all;position:relative;line-height:1.5;margin-top:15px;padding-left:18px;font-size:15px;}
.ap_waiting .guide li:first-child {margin-top:0;}
.ap_waiting .guide .ord {position:absolute;left:0;font-weight:bold;}
.ap_waiting .title {height:169px;padding-top:80px;margin-bottom:20px;font-size:32px;font-weight:bold;letter-spacing:-0.3px;color:#191919;background:url("../../images/www/bg/reg_guide_teacher_noti.png") no-repeat 100% 0;}

/* p_agree */
.p_agree {margin-top:20px;padding-bottom:20px;}
.p_agree .c_term {padding:15px;border:1px solid #b9b9b9;background-color:#f8f8f8;}
.p_agree .c_term .intro {margin-bottom:5px;padding-bottom:7px;border-bottom:1px dashed #b9b9b9;}
.p_agree .ag_bar {text-align:center;margin-top:10px;font-size:17px;}
.p_agree .ag_bar p {vertical-align:middle;display:inline-block;margin-right:10px;}
.p_agree .ag_bar label {font-weight:500;}
.p_agree .ag_bar input[type="checkbox"] {width:20px;height:20px;margin:1px 2px 0 0;}

/* doc_tuition */
.doc_tuition .gd {margin-top:10px;font-size:14px;font-weight:normal;}
.doc_tuition .high {color:#008bc4;}
.doc_tuition th .gd {margin-top:5px;}
.doc_tuition .acc li {position:relative;padding-left:80px;}
.doc_tuition .acc .lab {position:absolute;left:0;top:5px;font-weight:normal;}
.doc_tuition .acc li + li {margin-top:10px;padding-top:10px;border-top:1px dashed #dedede;}
.doc_tuition .acc li + li .lab {top:15px;}
.doc_tuition .acc input[type="text"] {width:400px;}

/* guide registration number */
.gd_num {position:relative;display:inline-block;margin-left:5px;}
.gd_num .help .icc:before {font-size:30px;color:#008bc4;}
.t_pop {display:none;position:absolute;left:50%;bottom:40px;width:260px;margin-left:-130px;border-radius:5px;background-color:#fafafa;box-shadow:0 3px 15px rgba(0,0,0,.4), 0 0 5px rgba(0,0,0,.4);}
.t_pop .ct {padding:15px;}
.t_pop .guide.ord li {position:relative;line-height:1.6;padding-left:20px;word-break:keep-all;font-size:14px;}
.t_pop .guide.ord .num {position:absolute;left:0;}

/* page intro */
.p_intro {position:fixed;left:0;top:0;width:100%;height:100%;background:url("../../images/www/bg/sv_intro.png") no-repeat 0 0;background-size:cover;}
.p_intro > .tb {display:table;width:100%;height:100%;}
.p_intro > .tb > .inner {display:table-cell;vertical-align:middle;padding:10px;}
.p_intro .outer {position:relative;max-width:720px;margin:0 auto;}
.p_intro .outer_ct {padding:40px 50px 50px 50px;border:1px solid #9bc9ea;background-color:#fff;box-shadow:8px 0 29px rgba(120,165,192,0.26);}
.p_intro .title {text-align:center;position:relative;line-height:1;margin-bottom:30px;padding-bottom:15px;font-size:26px;font-weight:500;color:#000;}
.p_intro .title:before {content:" ";position:absolute;left:50%;bottom:0;width:30px;height:1px;margin-left:-15px;background:#000;}
.p_intro .head {text-align:center;padding-bottom:30px;}
.p_intro .head .sub {word-break:keep-all;line-height:1.4;font-size:20px;font-weight:300;color:#000;}
.p_intro .head .sub .em {color:#2b65dc;font-weight:500;}
.p_intro .head .add {margin-top:10px;font-size:16px;color:#000;opacity:0.63;}
.p_intro .board {padding:45px 50px;background-color:#f6f6f6;}
.p_intro .board .list li {position:relative;padding-left:160px;font-size:18px;color:#000;}
.p_intro .board .list .lab {position:absolute;left:0;padding-left:15px;}
.p_intro .board .list .lab:before {content:" ";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background-color:#1b45af;}
.p_intro .board .list li + li {margin-top:12px;}
.p_intro .board .list li.wd {padding-left:0;}
.p_intro .board .list li p {font-weight:300;}
.p_intro .end {position:relative;margin-top:40px;padding-right:190px;}
.p_intro .end .desc {font-size:16px;color:#000;}
.p_intro .end .add {position:absolute;right:0;top:-2px;}
.p_intro .end .btn {display:inline-block;height:52px;line-height:52px;padding:0 40px;border-radius:26px;font-size:21px;font-weight:500;color:#fff;}
.p_intro .end .btn.blue {background-color:#3875c7;}
.p_intro .logo {margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #ccc;}

/* cs_sel */
.cs_sel .desc {padding-bottom:5px;font-weight:300;color:#767676;}
.cs_sel .link {overflow:hidden;margin:0 -9px;}
.cs_sel .link li {float:left;width:50%;padding:18px 9px 0 9px;}
.cs_sel .link li a {position:relative;display:block;height:189px;line-height:1.3;padding:25px 20px;border:1px solid #c6c6c6;font-size:24px;color:#2a2a2a;}
.cs_sel .link li a:before {content:" ";position:absolute;left:25px;bottom:30px;z-index:10;width:50px;height:14px;background:url("../../images/www/common/img_cs_sel.png") no-repeat 0 0;}
.cs_sel .link li a:after {content:" ";position:absolute;right:15px;bottom:15px;background:url("../../images/www/common/img_cs_sel.png") no-repeat 0 0;}
.cs_sel .link li.manager a:after {width:72px;height:60px;background-position-x:-51px;}
.cs_sel .link li.soap a:after {width:75px;height:69px;background-position-x:-125px;}
.cs_sel .link li.wisher a:after {bottom:25px;width:67px;height:54px;background-position-x:-202px;}
.cs_sel .link li.target a:after {bottom:25px;width:67px;height:57px;background-position-x:-271px;}
.cs_sel .link li a:hover {color:#387ce4;background:#f7faff;}

/* sel_tab */
.sel_tab {overflow:hidden;margin-bottom:10px;}
.sel_tab .right {float:right;}
.sel_tab select {min-width:280px;height:48px;font-size:16px;}
.sel_tab .go {vertical-align:middle;display:inline-block;height:48px;line-height:48px;padding:0 15px;color:#fff;background-color:#212121;}
.sel_tab .go .icc {vertical-align:top;line-height:48px;}

/* auto log */
.auto_log {text-align:center;padding:10px;}
.auto_log p {line-height:1.4;font-size:15px;color:#0f0f0f;}
.auto_log .note {margin-bottom:10px;padding-top:140px;font-size:24px;font-weight:500;background:url("../../images/www/bg/auto_log_deco.png") no-repeat 50% 0;}
.auto_log .note .em {color:#e34f0e;}
.auto_log .app {position:relative;margin-top:25px;padding-top:20px;border-top:1px solid #9b9b9b;}
.auto_log .app:before {content:" ";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#ebeaea;}
.auto_log .app .c_btn {margin:0 4px;}

/* error page */
.p_error {max-width:600px;margin:100px auto 0 auto;padding:20px;color:#282728;}
.p_error h1 {margin-bottom:20px;}
.p_error h1 a {display:inline-block;}
.p_error .desc {padding:50px 0;border-top:1px solid #ccc;}
.p_error h2 {line-height:1;margin-bottom:20px;font-size:32px;color:#212121;}
.p_error p {font-size:22px;font-weight:300;}
.p_error .help {text-align:center;}
.p_error .home {display:inline-block;height:60px;line-height:60px;padding:0 30px;font-size:20px;font-weight:300;color:#fff;background-color:#2b65dc;}

/* withdraw */
.w_warning {position:relative;padding:20px 20px 20px 80px;border:2px dotted #ccc;font-size:16px;font-weight:300;background-color:#f5f5f5;}
.w_warning .icc {position:absolute;left:15px;top:50%;width:50px;height:50px;margin-top:-25px;padding-top:1px;background-color:#ef5656;}
.w_warning .icc:before {line-height:48px;font-size:48px;}

/* total search */
.ts_form {margin-bottom:20px;padding:15px;border:6px solid #f1f1f1;}
.ts_form .top {position:relative;padding:0 50px 0 150px;}
.ts_form .top .title {position:absolute;left:40px;top:6px;font-size:22px;font-weight:500;color:#212121;}
.ts_form .search {position:relative;padding-right:130px;}
.ts_form .top .tog {text-align:center;position:absolute;right:0;top:0;height:48px;line-height:48px;padding:0 40px 0 20px;font-size:16px;color:#fff;background-color:#212121;}
.ts_form .top .tog .icc {position:absolute;top:14px;line-height:1;}
.ts_form .top .tog.on .icc {top:12px}
.ts_form .top .tog.on .icc:before {transform:rotate(180deg);}
.ts_form .input {position:relative;}
.ts_form .input input[type="text"] {outline:none;height:48px;line-height:48px;border:0;padding-right:56px;border:2px solid #212121;}
.ts_form .input .enter {overflow:hidden;position:absolute;right:0;top:0;width:56px;height:48px;font-size:0;background:#212121 url("../../images/www/common/t_search_enter_32.png") no-repeat 50% 50%;}
.ts_form .popular {position:relative;padding:10px 10px 0 90px;}
.ts_form .popular .lab {position:absolute;left:0;top:12px;height:32px;line-height:32px;padding:0 10px;font-size:13px;font-weight:300;color:#fff;background-color:#f45470;}
.ts_form .popular .word span, .ts_form .popular .word a {vertical-align:middle;display:inline-block;height:32px;line-height:32px;margin:2px;padding:0 10px;border:1px solid #727272;border-radius:15px;}
.ts_form .resch {padding-top:10px;}
.ts_form .resch input[type="checkbox"] {outline:none;width:20px;height:20px;border-color:#212121;}
.ts_form .resch label {color:#676c71;}
.ts_form .detail {display:none;margin-top:15px;padding-top:10px;border-top:1px solid #989b9f;}
.ts_form .detail .group {position:relative;padding-left:165px;}
.ts_form .detail .group + .group {margin-top:10px;}
.ts_form .detail .head {position:absolute;left:60px;top:1px;}
.ts_form .detail .head .lab {line-height:32px;color:#212121;}
.ts_form .detail .sel {position:relative;width:85%;}
.ts_form .detail .sel:before {content:" ";position:absolute;left:-15px;top:9px;width:1px;height:16px;background-color:#ccc;}
.ts_form .detail .chk {display:inline-block;margin:2px;}
.ts_form .detail .chk li {position:relative;display:inline-block;margin-right:15px;padding-left:28px;}
.ts_form .detail .chk label {line-height:32px;}
.ts_form .detail .chk input[type="checkbox"] {position:absolute;left:0;top:7px;width:20px;height:20px;}
.ts_form .detail .date, .ts_form .detail .btn {vertical-align:middle;display:inline-block;}
.ts_form .detail .date, .ts_form .detail .btn a {margin:2px 0;}
.ts_result {overflow:hidden;}
.ts_result > .ct {float:left;width:calc(100% - 240px);}
.ts_result .result {text-align:center;font-size:28px;font-weight:500;color:#212121;}
.ts_result .result .count {color:#8d0e39;}
.ts_result .key, .ts_result .count {color:#f45470 !important;}
.ts_result .top_bar {position:relative;padding-bottom:10px;border-bottom:1px solid #b9b9b9;}
.ts_result .top_bar .c_title3, .ts_result .top_bar .count {vertical-align:middle;display:inline-block;}
.ts_result .top_bar .c_title3 {margin-right:5px;margin-bottom:0;}
.ts_result .top_bar .count {color:#f45470;}
.ts_result .top_bar .add {position:absolute;right:0;bottom:10px;}
.ts_result .top_bar .more {font-weight:500;color:#212121;}
.ts_result .section {padding-top:30px;}
.ts_li {padding:15px;border-bottom:1px solid #b9b9b9;}
.ts_li .top .sub {font-weight:500;color:#212121;}
.ts_li .top .date {vertical-align:middle;display:inline-block;margin-left:10px;font-size:13px;}
.ts_li .info {padding-top:5px;}
.ts_li .info:after {clear:both;display:block;content:" ";}
.ts_li .info li {font-size:14px;color:#777;}
.ts_li .item {margin-top:10px;padding:10px;font-size:13px;background-color:#f5f7f9;}
.ts_li .item .sorting, .ts_li .item .file {position:relative;padding-left:12px;}
.ts_li .item .sorting:before, .ts_li .item .file:before {content:" ";position:absolute;left:4px;top:8px;width:4px;height:4px;border-radius:50%;background-color:#50b4b6;}
.ts_result {padding-top:20px;}
.ts_result .side {float:right;width:220px;border:1px solid #bbbecd;}
.ts_result .side .title {padding:10px 15px;border-bottom:1px solid #bbbecd;color:#212121;font-size:16px;font-weight:500;background-color:#fafbfb;}
.ts_result .side .list {padding:15px;}
.ts_result .side .my .list {padding:15px 20px;}
.ts_result .side .list li {position:relative;padding-right:45px;}
.ts_result .side .list li + li {margin-top:8px;}
.ts_result .side .list a {color:#212121;}
.ts_result .side .list a:hover {text-decoration:underline;}
.ts_result .side .list .new {text-align:center;position:absolute;right:0;top:1px;height:20px;line-height:20px;padding:0 10px;font-size:10px;color:#fff;background-color:#f45470;}
.ts_result .side .my .title {border-top:1px solid #bbbecd;}
.ts_result .side .my .word {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;}
.ts_result .side .my .del {overflow:hidden;position:absolute;right:0;top:0;font-size:0;color:#f45470;}

/* contents */
.online_intro .guide .ct_box_li2 {margin-bottom:0;}
.online_intro .guide + .guide {margin-top:20px;}
.online_intro .edu {margin-top:20px;}
.online_intro .edu .type {display:inline-block;padding:10px 15px;font-size:16px;color:#fff;background-color:#50b4b6;}
.off_intro .fwd {overflow:hidden;position:relative;min-height:268px;padding-left:250px;}
.off_intro .fwd .img {position:absolute;left:0;top:0;width:220px;border:2px solid #ba9d7f;}
.off_intro .fwd_row .img {height:264px;}
.off_intro .fwd_row .ic_box_li {border-top-left-radius:0;border-top-right-radius:0;}
.off_intro .item a {font-size:14px;}
.off_intro .item li {position:relative;line-height:1.6;padding-left:10px;font-size:14px;}
.off_intro .item li:before {position:absolute;left:0;}
.off_intro .item > li:before {content:" ";top:9px;width:4px;height:4px;border-radius:50%;background-color:#777;}
.off_intro .item > li li:before {content:"-";}
.sitemap .menu {display:table;width:100%;border-bottom:1px solid #ccc;}
.sitemap .menu > li {display:table-cell;position:relative;width:12.5%;}
.sitemap .menu > li:before, .sitemap .menu > li:last-child:after {content:" ";position:absolute;top:0;width:1px;height:100%;background-color:#ccc;}}
.sitemap .menu > li:before {left:0;}
.sitemap .menu > li:last-child:after {right:0;}
.sitemap .menu > li > a {text-align:center;display:block;position:relative;z-index:1;padding:15px;font-size:18px;font-weight:500;color:#fff;background-color:#50b4b6;}
.sitemap .menu > li > ul {padding:10px;}
.sitemap .menu > li li a {display:block;padding:5px;}
.sitemap .menu > li li a:hover {color:#50b4b6;}
.sitemap .menu > li .sub {padding:5px;background-color:#f5f5f5;}
.sitemap .menu > li .sub a {position:relative;padding-left:12px;font-size:14px;color:#777;}
.sitemap .menu > li .sub a:before {content:"-";position:absolute;left:2px;top:4px;}

/* aca_intro */
.aca_int {max-width:900px;margin:0 auto;}
.aca_int.intro .head {text-align:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e9e9e9;}
.aca_int.intro .head .title {margin-bottom:30px;font-size:34px;font-weight:700;color:#1b45af;}
.aca_int.intro .head .title span {color:#1b2345;}
.aca_int.intro .head .slogan {font-size:18px;color:#494949;}
.aca_int.intro .group {overflow:hidden;display:table;width:100%;}
.aca_int.intro .group .col {vertical-align:middle;display:table-cell;}
.aca_int.intro .group .col.img {width:55%;}
.aca_int.intro .group + .group {margin-top:40px;}
.aca_int.intro .group .desc {padding:0 40px;}
.aca_int.intro .group .desc p {word-break:keep-all;font-size:18px;letter-spacing:-0.3px;color:#212121;}
.aca_int.intro .group .desc .em {font-size:24px;color:#50b4b6;}
.aca_int.history .title {text-align:center;margin-bottom:30px;font-size:34px;font-weight:700;color:#1b45af;}
.aca_int.history .title span {color:#1b2345;}
.aca_int.history .tb {border-top:1px solid #d9d9d9;}
.aca_int.history .group {overflow:hidden;position:relative;padding-top:60px;}
.aca_int.history .group:before {content:" ";position:absolute;left:40%;top:0;width:1px;height:100%;background-color:#d9d9d9;}
.aca_int.history .tb .lab {text-align:right;float:left;width:40%;}
.aca_int.history .tb .year {position:relative;display:inline-block;padding-right:65px;font-size:26px;font-weight:700;color:#1a9790;}
.aca_int.history .tb .year:before {content:" ";position:absolute;right:-20px;top:0;width:66px;height:39px;background:url("../../images/www/common/aca_history_deco.png") no-repeat 0 0;}
.aca_int.history .tb .info {float:right;width:60%;padding:10px 0 0 60px;}
.aca_int.history .tb .info li {word-break:keep-all;position:relative;padding-left:10px;font-size:14px;color:#292929;}
.aca_int.history .tb .info li + li {margin-top:7px;}
.aca_int.history .tb .info li:before {content:"-";position:absolute;left:0;}
.aca_int.history .even .lab {text-align:left;float:right;width:60%;}
.aca_int.history .even .year {padding:0 0 0 65px;}
.aca_int.history .even .year:before {content:" ";position:absolute;left:-20px;background-image:url("../../images/www/common/aca_history_deco_even.png");}
.aca_int.history .even .info {text-align:right;float:left;width:40%;padding:10px 60px 0 0;}
.aca_int.history .even .info li {padding:0 10px 0 0;}
.aca_int.history .even .info li:before {left:auto;right:0;}
.aca_int.video .frm {position:relative;height:0;padding-bottom:56.25%;}
.aca_int.video .frm iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.aca_int.video .desc {margin-bottom:10px;border:1px solid #c6c6c6;border-top:0;padding:20px;background-color:#f5f5f5;}
.aca_int.video .desc p {word-break:keep-all;font-size:14px;font-weight:300;color:#282828;}
.aca_int.video .desc p + p {margin-top:5px;}
.aca_int.video .info {position:relative;}
.aca_int.video .info .mo {display:none;width:100%;}
.aca_int.video .staff {position:absolute;bottom:20px;left:0;width:100%;}
.aca_int.video .staff .inner {max-width:90%;margin:0 auto;}
.aca_int.video .staff th, .aca_int.video .staff td {border-bottom:1px solid #dedee1;padding:15px;font-size:14px;}
.aca_int.video .staff th {font-weight:500;background-color:#eef9f7;}
.aca_int.video .staff td {border-left:1px solid #dedee1;background:#f8f8f9;}
.aca_int.video .staff li {position:relative;padding-left:12px;}
.aca_int.video .staff li + li {margin-top:3px;}
.aca_int.video .staff li:before {content:" ";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background-color:#ba9d7f;}

/* kendo */
.k-editable-area {box-sizing:border-box !important;}
.k-editor .k-content {min-height:250px;}
.k-scheduler .k-scheduler-views, div.k-more-events {display:none;}
.k-scheduler-table .k-other-month {background-color:#f5f5f5;}
.k-scheduler-table .k-other-month .k-nav-day {font-weight:normal;color:#999;}
.sche_lab {text-align:right;margin-bottom:10px;}
.sche_lab li {position:relative;display:inline-block;padding-left:10px;}
.sche_lab label {display:inline-block;height:24px;line-height:24px;padding:0 10px;border-radius:2px;font-size:13px;color:#fff;font-weight:bold;}
.sche_lab .c_01 label {background-color:#00093c;}
.sche_lab .c_02 label {color:#00093b;background-color:#fba51a;}
.sche_lab .c_03 label {background-color:#676c70;}
.k-event, .k-task-complete {border-color:#fff;background-color:#fff;} /* .k-scheduler */
.k_sche .k-event-template {padding:0 10px;line-height:20px;font-size:13px;}
.k_sche .k-event-actions {top:-1px;}
.k-webkit .k_sche  .k-event-actions:first-child {margin:-1px 2px 0 0;}
.k_sche .k-scheduler-toolbar {display:none;}
.k_sche .k-scheduler-table .k-today {background-color:#eff7ff;}
.k_sche .k-scheduler-table th {font-weight:500;color:#212121;}
.k_sche .k-nav-day {font-size:16px;color:#212121;}
.k-window .k-window-titlebar {height:34px;padding:0;}
.k-window .k-window-title {height:34px;line-height:34px;font-size:18px;}
.k-window .k-window-titlebar .k-window-actions {top:-4px;}

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

/* editor */
.weditor {overflow-x:auto;word-wrap:break-word;font-size:15px;color:#777;}
.weditor strong {color:inherit;font-size:inherit;font-weight:bold;}
.weditor td {padding:.2em .3em;border:1px solid #ccc;color:#000;font-size:15px;}
.weditor strong * {font-weight:bold;}
.weditor em {font-style:italic;}
.weditor h1, .weditor h2, .weditor h3, .weditor h4, .weditor h5, .weditor h6 {font-weight:bold;color:#000;}
.weditor h1 {font-size:2em;margin:0.67em 0;}
.weditor h2 {font-size:1.5em;margin:0.83em 0;}
.weditor h3 {font-size:1.16em;margin:0.67em 0;}
.weditor h4 {font-size:1em;margin:1.33em 0;}
.weditor h5 {font-size:0.83em;margin:1.67em 0;}
.weditor h6 {font-size:0.7em;margin:2.33em 0;}
.weditor a {text-decoration:underline;color:#00a;}
.weditor table {margin-bottom:1em;border:1px solid #ccc;}
.weditor dl, .weditor ul, .weditor menu, .weditor li {list-style:inherit;}
.weditor ol {list-style-type:decimal;}
.weditor img {max-width:none;}
.weditor p {padding-bottom:1em;}

/* amchart */
.ch_sy_pie {width:100%;height:500px;}
.ch_gd_pie {width:100%;height:400px;}
.testing {display:block;max-width:1920px;margin:0 auto;}

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

@media screen and (max-width:1200px) {
    /* ess, viewer */
    .cl_room .viewer {height:0;padding-bottom:calc(56.25% + 70px);}
    /*.cl_room .viewer {height:0;padding-bottom:56.25%;}*/
    .cl_room .viewer > iframe {position:absolute;left:0;top:0;width:100% !important;height:100% !important;}
    .cl_room .study_win {padding-left:15px;padding-right:15px;}

    /* main */
    .main .quick .menu {margin-right:0;}
    .main .visual .desc {left:10px;top:50%;}

    /* ess, list */
    .lct_list4 > li {width:33.3333%;}
    .lct_list4 .c_rating .view i:before {font-size:16px;}
    .lct_list4 .c_rating .ave {font-size:12px;}

    /* ess, ip_form */
    .ip_form .ast_line {display:block;margin-left:0;padding-top:5px;}
}

@media screen and (max-width:1100px) {
    /* ess, cl_room new */
    .cl_room .panel .state, .cl_room .panel .study_list {float:none;width:100%;}
    .cl_room .panel .study_list {padding-top:30px;}
    .cl_room .panel > .rows {padding-top:20px;}
}

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

@media screen and (max-width:880px) {
    /* st_ban */
    .st_ban .view {height:auto;}
}

@media screen and (max-width:768px) {
    /* ess, common */
    .ctm, .ctm2, .ctm3, .rows {min-width:auto;width:100%;}
    #header .frm {height:53px !important;}
    .ctm #header .global li a, .ctm #header .global .user, .ctm #header .site li a,
    .ctm3 #header .global li a, .ctm3 #header .global .user, .ctm3 #header .site li a,
    .ctm2 #header .site li a, .ctm2 #header .global li a, .ctm2 #header .global .user
    {padding:0 10px;}
    #header .frm .nav .menu {display:none;}
    .ctm #header .nav_toggle {display:block;}
    .ctm #header .mid .search {position:absolute;right:15px;top:50%;transform:translateY(-50%);}
    .ctm #header .mid > .rows {height:52px;}
    .ctm #header > .top{height:60px;}
    .ctm #header .logo {left:50%;transform:translate(-50%, -50%);}
    .ctm #header .logo img{width:250px;}
    .ctm #header .m_menu{display:block;}

    .gb_search {padding-right:8px; height: 100%; top:0;}
    .gb_search .form {max-width:280px;padding-top:6px;padding-right:40px;}
    .gb_search .form .input_bx{position: relative; line-height:50px; border-radius:12px; border:3px solid #606376; overflow: hidden;}
    .gb_search input[type="text"] {height:40px;line-height:40px;padding:0 40px 0 20px;font-size:15px;}
    .gb_search input[type="text"] {outline:none; width:220px; height:44px; border:0; font-weight:300;}
    .gb_search .form {display:none;}
    .gb_search .enter {width:40px;height:40px;line-height:40px;/*top:6px;right:40px;*/padding-right:40px;}
    .gb_search .m_search{display:block; margin-top:30px;}
    .gb_search .enter:before {left:40%;}
    .gb_search .cls {top:10px;}
    .gb_search i {display:none;position:absolute;top:12px;right:50px;}
    .gb_search i:before {content:"\e14c";position:absolute;top:0;left:0;font-family:'Material Icons';font-size:36px;color:#606376;}
    #content {padding-top:85px;}
    .path_ind, .ctm2 .path_ind {padding-top:0;}
    .path_ind{margin-top:20px;}
    #header .frm{display:none;}
    .ctm3 .path_ind {padding-top:0;}
    #container .lnb {display:none;}
    #container .page_ct {padding-left:0;}
    #container #content {padding-top:15px;}
    #quickmenu {display:none;}
    .ctm #footer {min-width:auto;}
    .ctm #footer .ct {clear:both;padding:0 15px 15px 15px;}
    .ctm #footer address li, .ctm3 #footer address li {display:inline-block;float:none;}
    #footer address {text-align:center;}
    .ctm #footer .logo {justify-content:center;position:static;padding-top:10px;}
    .ctm #header .global {display:none;}
    .ctm #footer .addr, .ctm #footer .menu li a,
    .ctm3 #footer address li, .ctm2 #footer address li, .ctm2 #footer .copy
    {font-size:12px;}
    .ctm #footer .copy {margin-top:5px;font-size:12px;}
    .ctm #footer .rows {padding:0;}
    .ctm #footer .menu {display:flex;flex-wrap:wrap;justify-content:center;padding:15px 15px 0 15px;}
    .ctm #footer .menu li {float:none;margin-bottom:10px;}
    .ctm #footer .menu li + li:before {display:none;}
    .ctm #footer .menu li a {height:auto;line-height:inherit;}
    .ctm #footer .site {overflow:hidden;position:relative;padding-right:50px;margin-top:10px;}
    .ctm #footer .site select {width:100%;}
    .ctm #footer .site .c_btn {position:absolute;right:0;top:0;}

    /* FAQ table */
    .fx_box.mid.faq > table, .fx_box.mid .c_blank,  .fx_box.mid > .tbl_hd {min-width:auto;}

    /* main */
    .portal .mban {height:auto;background:none;}
    .portal .mban .ban {width:100%;}
    .portal .mban .one, .portal .mban .two {padding-left:0;}
    .portal .mban .one {background-color:#35ba9b;}
    .portal .mban .two {background-color:#88c053;}
    .portal .mban:before {display:none;}
    .portal .mban .two .img {left:auto;right:0;}
    .portal .mban .ban .text {text-align:center;position:relative;left:0;}
    .portal .mban .img {display:none;}
    .portal .etc .group {float:none;width:100%;}
    .portal .etc .video {float:none;width:100%;padding-top:40px;}

    /* main_link */
    .portal .main_link li h4{font-size:25px;}
    .portal .main_link li p{font-size:16px;}
    .portal .main_link li p br{display: none;}
    .portal .main_link li{height:auto; background-size:cover !important;}

    /* foreigner */
    .ctm3 #header {height:85px;}
    .ctm3 #header .logo {top:8px;left:50%;transform:translateX(-50%);}
    .ctm3 #header .global, .ctm3 .mid .menu {display:none;}
    .foreigner .front .em {font-size:44px;}
    .foreigner .front p {font-size:12px;}
    .foreigner .container {width:100%;padding:0 15px;}
    .foreigner .cont, .foreigner .side {float:none;width:100%;}
    .foreigner .side {padding-left:0;}
    .side .board {padding-top:30px;}
    .side .board .frm li a {display:block;height:auto;line-height:inherit;-webkit-line-clamp:none;-webkit-box-orient:inherit;}
    .side .board .frm li + li {margin-top:15px;}
    .foreigner .cont .title:before {display:none;}
    .ctm3 #footer .ct {padding:20px;}
    .ctm3 #footer .site {position:relative;margin-bottom:10px;top:0;padding-right:48px;}
    .ctm3 #footer .site select {float:none;width:100%;}
    .ctm3 #footer .site .go {position:absolute;right:0;top:0;width:48px;}
    .ctm3 #footer .origin {bottom:0;}
    .mo_btn {display:block;}
    .gb_search3 {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
    .gb_search3 .inner {overflow:hidden;padding:8px 0;background-color:#3c55d0;box-shadow:0 5px 5px rgba(0,0,0,0.5);}
    .gb_search3 .inner .form {float:right;padding-right:45px;}
    .gb_search3 .cls {display:block;}

    /* kids */
    .ctm2 #header .frm {background-color:#fff;border-bottom:1px solid #ccc;}
    .ctm2 #header .global {display:none;}
    .ctm2 #header .logo {top:5px;left:50%;transform:translateX(-50%);}
    .ctm2 #footer .ct {padding:20px;}
    .ctm2 #footer address li {display:inline-block;float:none;}
    .ctm2 #footer .copy {margin-top:5px;}
    .ctm2 #footer .site {overflow:hidden;position:relative;margin-top:10px;top:0;padding-right:48px;}
    .ctm2 #footer .site select {float:none;width:100%;}
    .ctm2 #footer .site .go {position:absolute;right:0;top:0;width:48px;}
    .ctm2 #content {padding-top:81px;}
    .ctm2 #header .nav_toggle {display:block;}
    .gb_search2 {display:none;left:0;top:0;width:100%;}
    .gb_search2 .inner {padding-top:6px;}
    .gb_search2 .inner .form {float:right;width:185px;margin-right:43px;}
    .gb_search2 .cls {display:block;right:10px;top:10px;background-color:#fff;}
    .gb_search2 input[type="text"] {padding:0 35px 0 15px;height:40px;font-size:14px;}
    .gb_search2 .enter {width:40px;height:40px;}
    .ctm2.kids .visual .ct .title {margin-top:10px;font-size:32px;}
    .ctm2.kids .visual .bar {top:8%;}
    .ctm2.kids .visual .ct .event {margin-top:10px;}
    .ctm2.kids .visual .ct .event .go > span {height:56px;line-height:56px;padding:0 15px 0 25px;font-size:18px;}
    .ctm2 .sc_title {font-size:24px;}
    .ctm2.kids .visual .bar {text-align:right;right:20px;}

    /* open course, data room */
    .open_course .front .slogan p {font-size:15px;}
    .open_course .front .slogan .em {line-height:1;font-size:28px;}
    .open_course .section, .data_room .section {padding:30px 15px;}
    .open_course .section .group + .group {padding-top:30px;}
    .data_room .front .slogan {padding-left:30px;}
    .data_li .ct li a {padding-left:30px;}

    /* ess, list */
    .edu_on_li > li {width:33.3333%;}
    .deb_li > li {width:33.3333%;}
    .deb_li .top .sub {font-size:16px;}
    .deb_li .enter {position:static;float:right;height:36px;line-height:36px;margin-top:5px;font-size:15px;}
    .deb_li .btm {height:105px;}
    .data_li .title {top:18px;}
    .data_li .bg {height:216px;}
    .data_li .ct ul {padding:65px 15px 0 15px;}
    .data_li .ct li + li {margin-top:8px;}

    /* ess, box */
    .h_box .add .c_btn, .h_box .add select {margin:2px;}

    /* ess, tab */
    .nav_tabs4 > li > a {padding:0 10px;}

    /* ess, tbl_col */
    .tbl_col th, .tbl_col td, .tbl_col1 th, .tbl_col1 td, .tbl_col2 th, .tbl_col2 td, .tbl_col3 th, .tbl_col3 td {padding:5px;font-size:13px;}
    .tbl_col td a, .tbl_col1 td a, .tbl_col2 td a, .tb_link {font-size:13px;}
    /*.tbl_col .on td:first-child {display:none;}*/

    /* ess, detail */
    .edu_detail .cont, .edu_detail .side {clear:both;float:none;width:100%;}
    .edu_detail .cont {padding-bottom:30px;}
    .edu_detail .cont .info {padding-left:0;}
    .side .edu_vt_li {overflow:hidden;margin:-10px;}
    .side .edu_vt_li > li {float:left;width:33.3333%;padding:10px;}
    .side .edu_vt_li li + li {margin:0;}
    .edu_detail .side .c_title3 {display:block;}
    .data_detail.thumb .info {padding:20px;}
    .data_detail.thumb .sns_like {text-align:right;position:static;padding-top:10px;}
    .edu_detail .flex {display:flex;flex-direction:column;}
    .edu_detail .flex .info_item {padding-top:0;}
    .edu_detail .flex .side {order:1;padding-top:20px;}

    /* ess, mypage */
    .my_status .group:first-child {padding-right:0;}
    .my_status .group {float:none;width:100%;}
    .my_status .group + .group {margin-top:10px;}
    .my_status .group .title {top:19px;}
    .my_status .item li {height:64px;padding-top:4px;}
    .dash .front {padding-top:10px;}
    .dash .front .colg {float:none;width:100%;}
    .dash .front .colg + .colg {margin-top:10px;}
    .surv_li h2 {position:relative;float:none;width:100%;}
    .surv_li .status {padding:0;}
    .surv_li .add {text-align:center;position:static;padding:10px 0;border-top:1px solid #dbdbdb;}

    /* ess, classroom */
    .cl_room #content {padding-top:0;}
    .cl_top {margin-bottom:10px;padding:15px;}
    .cl_top .member .group {float:none;width:100%;margin:0;}
    .cl_top .member .group + .group {margin-top:10px;}
    .cl_top .member .group .ct {height:auto;}
    .cl_top .member .app {height:auto;}
    .cl_top .member.wide .article .top {position:absolute;}
    .cl_top .member.wide .article .inner {padding:10px 10px 10px 100px;}
    .cl_top .member.wide .article, .cl_top .member.wide .article:nth-child(4n+1) {float:none;width:100%;border-left:0;border-top:1px dashed #b9b9b9;}
    .cl_top .member.wide .article:first-child {border-top:0;}
    .cl_menu {padding:0 15px;}
    .lct_con {margin:0 15px;padding:10px;}
    .cl_top .board > div {float:none;width:100%;margin:0;}
    .cl_top .board > div + div {margin-top:10px;}

    /* ess, classroom new */
    .cl_room .st_bar > .inner {height:auto;border-right:0;}
    .cl_room .cd_cont {padding-top:30px;}
    .cl_room .gauge {padding:30px 0;}
    .cl_room .gauge .group {margin:0;padding:10px;}
    .cl_room .main .dash .top .gp {display:block;}
    .cl_room .main .top .graph {margin:10px auto;}
    .cl_room .task .c_btn {min-width:auto;}
    .cl_room .main .study .gp.course {margin:10px;}
    .cl_room .main .study .gp.work {margin-left:0;}
    .cl_room .main .dash {height:auto;}
    .cl_room .gauge .enter {position:static;padding:20px 0;}
    .cl_room .gauge .progress {margin-right:30px;}
    .cl_room .panel .study_list {padding-top:15px;}

    /* ess, oer */
    .cl_room .viewer {padding-bottom:calc(56.25% + 44px);}
    .lwd_bar2 {height:44px;padding:0 170px 0 0;}
    .lwd_bar2 .info, .lwd_bar2 .logo {display:none;}
    .lwd_bar2 .page a {vertical-align:top;}
    .lwd_bar2 .page span {height:28px;line-height:28px;}
    .lwd_bar2 .menu {height:44px;padding:7px 5px 0 0;}
    .lwd_bar2 .menu .down {padding:5px;border-radius:50%;}
    .lwd_bar2 .menu .down .txt {display:none;}
    .lwd_bar2 .menu .down .icc {display:block;}
    .lwd_bar2 .menu .down .icc:before, .lwd_bar2 .page a .icc:before {font-size:18px;}
    .study_win2 .idx .current:before {right:5px;}
    .study_win2 .idx .tog {top:13px;height:44px;line-height:44px;width:80px;padding-top:0;}
    .study_win2 .idx .tog br {display:none;}
    .study_win2 .idx .current .val {line-height:44px;}
    .study_win2 .nav {padding-top:0;}
    .study_win2 .nav.off .tree {-moz-transform:translateX(-200px);-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);}
    .study_win2 .nav .lab {font-size:16px;}
    .study_win2 .nav .tree li a {font-size:14px;}

    /* ess, wizard */
    .cs_wd .wizard {padding-left:0;}
    .cs_wd .wizard .step {position:relative;width:auto;}
    .cs_wd .wizard .frm {border-radius:0 0 10px 10px;}
    .cs_wd .wizard .step {overflow:hidden;}
    .cs_wd .wizard .step li {float:left;margin:0 5px 0 0;}
    .cs_wd .wizard .step a {height:60px;line-height:60px;padding-left:40px;border-radius:10px 10px 0 0;border-bottom:0;font-size:18px;}
    .cs_wd .wizard .step .on a {border-right:2px solid #dcdada;}
    .cs_wd .wizard .step .num {width:26px;height:26px;line-height:26px;top:16px;left:10px;}

    /* etc design */
    .pop_area {top:96px;}

    /* etc, edu guide */
    .edu_guide .point li {width:100%;height:auto;}
    .edu_guide .point li:first-child {margin:0 0 10px 0;}
    .edu_guide .list ul {width:100%;}
    .edu_guide .list ul:first-child {margin-bottom:20px;}
    .edu_guide .cont li {display:inline-block;vertical-align:middle;float:none;width:auto;margin:5px;}
    .edu_step .step {padding-left:200px;}
    .edu_step .head {padding-right:0;}
    .edu_step .link {display:inline-block;position:static;margin-top:10px;}
    .pay_guide .sum {left:40px;}
    .pay_guide .tuition {padding-left:310px;}
    .pay_guide .refund li {float:none;width:100%;}
    .pay_guide .refund .inner {border-top:0;}
    .pay_guide .refund li:first-child .inner {border-top:2px solid #282728;}
    .pay_guide .step {text-align:center;}
    .pay_guide .step li {display:inline-block;vertical-align:middle;float:none;width:auto;margin:5px;}
    .pay_guide .step .inner:before {display:none;}
    .edu_step .step {padding:40px;}
    .edu_step .step .lab {position:static;}
    .edu_step .type:before {display:none;}

    /* ess, common */
    .tbl_li, .tbl_li tbody, .tbl_li tr, .tbl_li th, .tbl_li td {display:block;max-width:100%;width:100%;}
    .tbl_li th, .tbl_li td {padding:8px 0;}
    .tbl_li, .tbl_li td {border-top:0;}
    .tbl_li th {padding-bottom:0;}
    dl.tbl, dl.tbl dt, dl.tbl dd, .cnt_search dl.tbl dt, .ud_sum dl.tbl dt, .ip_form:not(.sm) dt, .ip_form:not(.sm) dd {display:block;width:100%;}
    dl.tbl dt, dl.tbl dd, .ud_sum .tbl dt, .ud_sum .tbl dd, .ip_form:not(.sm) dt, .ip_form:not(.sm) dd {height:auto;padding:8px;}
    dl.tbl dd {border-top:0;}
    dl.tbl dt {padding-bottom:0;}
    dl.tbl.gray dt {padding-bottom:8px;}
    /*.sq_box .tbl:last-child dd {padding-bottom:0;}*/
    .tbl_row, .tbl_row tbody, .tbl_row tr, .tbl_row th, .tbl_row td, .tbl_row, .tbl_row1 tbody, .tbl_row1 tr, .tbl_row1 th, .tbl_row1 td, .tbl_row2, .tbl_row2 tbody, .tbl_row2 tr, .tbl_row2 th, .tbl_row2 td {text-align:left;display:block;max-width:100%;width:100%;}
    .tbl_row th, .tbl_row td {height:auto;}
    .tbl_row th {border-top:1px solid #d2d2d2;}
    .tbl_row th.mg_l {border-left:0;} /* (ex) rowspan + th */
    .tbl_row.basic {display:table;}
    .tbl_row.basic th, .tbl_row.basic td {display:table-cell;}
    table.ac th, table.ac td {text-align:center;}
    .c_tab li a {font-size:14px;}
    .c_tab3 li a {min-width:auto;}
    .ip_form.blank {padding:0;}
    .cb_bar .left {float:none;}
    .p_login {width:auto;padding:20px;} /* login page */
    .p_login .head {height:auto;}
    .p_login .head .guide {position:static;padding:10px 0;}
    .lct_bar .info {float:none;}
    .lct_bar .align {margin-top:10px;}
    .lct_bar .add {position:static;padding-top:10px;}
    .lct_bar .view_type {margin-left:10px;}
    .ds_info.half li {width:100%;}

    /* main */
    .ctm #header .site li a, .ctm #header .site .on a {font-size:14px;}
    .ctm2 #header .site li a, .ctm2 #header .site .on a {font-size:14px;}
    .ctm3 #header .site li a, .ctm3 #header .site .on a {font-size:14px;}
    .portal .visual .img {min-width:auto;}
    .portal .visual .text {padding-left:50px;}
    .portal .visual .ct .sub {font-size:26px;}
    .portal .visual .ct .title {font-size:15px;}
    .portal .visual .bar {text-align:right;bottom:auto;top:10%;right:20px;}
    .portal .front .board, .portal .front .board .slide {height:40px;}
    .portal .front .board .desc, .portal .front .board .date {line-height:39px;}
    .portal .front .board .desc {font-size:14px;font-weight:normal;}
    .portal .front .board .date {font-size:14px;}
    .portal .front .board {padding-left:60px;}
    .portal .front .board .title {left:10px;padding-right:12px;font-size:16px;}
    .portal .front .board .title:before {top:7px;}
    .portal .front .board .date {right:10px;}
    .portal .front .board .slide {padding-right:80px;}
    .portal .front .notice {bottom:-20px;}
    .portal .section .half {width:100%;}
    .portal .section .half:first-child, .portal .section .half:nth-child(2) {padding:0;}
    .portal .etc .faq .title {font-size:22px;}
    .portal .banner{height:auto;margin-top:20px;padding:20px;  background-size: cover;}
    .portal .banner .ban_con{flex-direction: column; align-items: center}
    .portal .banner .ban_con .b_txt{width:100%; margin-top: 20px; padding:0; background:rgba(255,255,255,0.4); padding:20px; border-radius: 20px;}
    .portal .banner .btn_bx{display:flex;}
    .portal .banner .btn_bx a{width:33%; padding:0; text-align: center;}


    /* title */
    .p_title {font-size:22px;}
    .c_title3 {font-size:18px;}
    .c_title3:before {top:4px;}

    /* foreigner */
    .foreigner .front .em {font-size:32px;}
    .edu_kid_li > li {width:50%;}

    /* klds */
    .ctm2.kids .visual .ct .sub {font-size:14px;}
    .ctm2.kids .visual .ct .title {margin-top:5px;font-size:24px;}
    .ctm2.kids .visual .ct .event .go {border-radius:15px;border-width:2px;}
    .ctm2.kids .visual .ct .event .go > span {height:40px;line-height:40px;padding:0 5px 0 15px;font-size:14px;}
    .ctm2.kids .visual .ct .event .icc:before {font-size:24px;}

    /* open course, data room */
    .open_course .front .slogan .inner {padding:0 20px;}
    .open_course .front .slogan p {display:none;}
    .open_course .front .slogan .em {text-align:center;display:block;padding:0;font-size:24px;}
    .data_room .front .rows {height:195px;}
    .data_room .front .slogan p {font-size:14px;}
    .data_room .front .slogan .em {font-size:24px;}
    .data_room .category .label {font-size:16px;}
    .data_room .category ul {padding-top:20px;}
    .data_room .category li {height:85px;}
    .data_room .category a {width:50px;}
    .data_room .category a i {height:50px;margin-bottom:5px;}

    /* ess, box */
    .dt_bar .align {float:none;}
    .dt_bar .info {float:none;padding-bottom:5px;}
    .dt_bar .add {position:relative;padding-top:10px;}
    .dt_bar .add .c_btn, .dt_bar .add select {margin:2px;}

    /* ess, tab */
    .nav_tabs {margin-bottom:5px;border-bottom:0;}
    .nav_tabs > li.on a:before {content:"\e313";position:absolute;left:0;top:8px;line-height:1;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#50b4b6;}
    .nav_tabs > li > a, .nav_tabs > li.on > a {position:relative;height:32px;line-height:32px;padding:0 10px;border:0;font-size:14px;background:none;}
    .nav_tabs > li.on a {padding-left:18px;}
    .nav_tabs1 {margin-bottom:5px;border-bottom:0;}
    .nav_tabs1 > li {margin:2px;}
    .nav_tabs1 > li > a {height:44px;}
    .nav_tabs1 > li.on a:before {content:"\e313";position:absolute;left:0;top:3px;line-height:1;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#50b4b6;}
    .nav_tabs1 > li > a, .nav_tabs1 > li.on > a {position:relative;padding:0 10px;border:0;font-size:14px;background:none;}
    .nav_tabs1 > li.on a {padding-left:18px;border-bottom:1px solid #50b4b6;}
    .nav_tabs2 {margin-bottom:5px;border-bottom:0;}
    .nav_tabs2 > li.on a:before {content:"\e313";position:absolute;left:0;top:8px;line-height:1;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#50b4b6;}
    .nav_tabs2 > li > a, .nav_tabs2 > li.on > a {position:relative;height:32px;line-height:32px;padding:0 10px;border:0;font-size:14px;background:none;}
    .nav_tabs2 > li.on a {padding-left:18px;}
    .nav_tabs3 > li > a {padding:0 20px;}
    .nav_tabs3 {margin-bottom:10px;}
    .nav_tabs3 > li {border-bottom:1px solid #cacaca;}
    .nav_tabs3 > li.on {border-bottom-color:#fff;}
    .nav_tabs3 > li.on a:before {content:"\e313";position:absolute;left:0;top:8px;line-height:1;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#50b4b6;}
    .nav_tabs3 > li > a, .nav_tabs3 > li.on > a {position:relative;height:32px;line-height:32px;padding:0 10px;font-size:15px;}
    .nav_tabs3 > li.on a {padding-left:18px;}
    .nav_tabs4 {margin-bottom:10px;border-bottom:0;}
    .nav_tabs4 > li, .nav_tabs4 > li.on {border:0;}
    .nav_tabs4 > li.on a:before {content:"\e313";position:absolute;left:0;top:8px;line-height:1;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#50b4b6;}
    .nav_tabs4 > li > a, .nav_tabs4 > li.on > a {position:relative;height:32px;line-height:32px;padding:0 10px;font-size:14px;}
    .nav_tabs4 > li.on a {padding-left:18px;}
    .c_tab4 {margin-left:0;}
    .c_tab4 li {display:inline-block;float:none;margin:0 2px 2px 0;}
    .c_tab4 li a {min-width:auto;padding:0 10px;border-radius:4px;}
    .c_tab4 li.on + li a {border-left-color:#d2d2d2;}
    .step_tab li .inner {height:43px;line-height:40px;padding:0 10px;}
    .step_tab li.on .inner {height:44px;}
    .step_tab li.on:before {display:none;}
    .step_tab li .step {height:24px;line-height:24px;margin-right:5px;font-size:13px;}
    .step_tab li .lab {font-size:14px;}

    /* ess, list */
    .edu_li  {margin:-10px;}
    .edu_li > li {width:50%;padding:10px;}
    .edu_on_li {margin:-10px;}
    .edu_on_li > li {width:50%;padding:10px;}
    .edu_on_li.slide .slick-slide, .edu_off_li.slide .slick-slide {padding:10px;}
    .edu_off_li {margin:-10px;}
    .edu_off_li > li {width:50%;padding:10px;}
    .deb_li > li {width:50%;}
    .data_li {margin:-10px;}
    .data_li > li {width:33.3333%;padding:10px;}
    .wd_li > li {width:50%;}
    .lct_list.album > li {width:50%;}
    .lct_list4 > li {width:50%;}
    .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;}

    /* ess, scheduler */
    .sche_li .info li {width:50%;}

    /* ess, form box */
    .ip_form {padding:10px;}
    .ip_form dl {padding:5px 0;}
    .ip_form:not(.sm) dt, .ip_form:not(.sm) dd {float:none;width:100%;}
    .acc_find .col {float:none;width:100%;padding:0;}
    .acc_find .p_body {min-height:auto;}

    /* ess, lwd */
    .oer .lwd_bar, .cl_room .lwd_bar {height:100px;padding:46px 10px 0 10px;}
    .oer .lwd_bar .info, .cl_room .lwd_bar .info {display:block;}
    .oer .lwd_bar .info .sub, .cl_room .lwd_bar .info .sub {text-align:left;padding-right:70px;}
    .oer .lwd_bar .info .type, .cl_room .lwd_bar .info .type {display:block;max-width:100%;}
    .oer .lwd_bar .info .rate, .cl_room .lwd_bar .info .rate {position:absolute;right:0;top:0;}
    .oer .lwd_bar .left, .cl_room .lwd_bar .left {left:10px;}
    .oer .lwd_bar .right, .cl_room .lwd_bar .right {right:10px;top:57px;}
    .oer .lwd_bar .page, .cl_room .lwd_bar .page {right:5px;}

    /* ess, dash */
    .surv_li .info {padding:10px;}
    .surv_li .info li, .surv_li .info .sub, .surv_li .info .state {text-align:center;float:none;width:100%;height:auto;}
    .surv_li .info .sub {padding-top:0;}
    .surv_li .info .count {display:none;}
    .surv_li .info .lab, .surv_li .info .val {white-space:normal;}
    .dash .survey .top {min-height:auto;}
    .dash .survey .top .note {position:static;padding:10px;font-size:13px;}

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

    /* ess, detail */
    .edu_detail .cont .viewer .img {width:auto;height:auto;}
    .edu_on_detail .cont {min-height:auto;padding:20px 0 0 0;}
    .edu_on_detail .info {float:left;width:calc(100% - 150px);padding-right:0;}
    .edu_on_detail .img {position:relative;left:0;top:0;float:right;width:140px;height:105px;}
    .edu_on_detail .cont .sns {position:static;padding-top:10px;}
    .course_detail .summary {padding:15px;}
    .course_detail .summary .img {position:relative;left:0;top:0;width:100%;height:0;padding-bottom:56.25%;}
    .course_detail .summary .item {padding-top:10px;}
    .course_detail .c_sub {text-align:center;}
    .course_detail .summary .info {min-height:auto;}
    .course_detail .summary .enter {text-align:center;display:block;margin-right:0;}

    /* etc, design */
    .center_vision h4, .center_vision .edu p {font-size:18px;}
    .center_vision .edu p {margin-bottom:20px;}
    .center_vision .slogan strong {font-size:24px;}
    .center_vision .slogan li {padding-top:50px;font-size:16px;}
    .center_vision .slogan .cs {background-size:38px 33px;}
    .center_vision .slogan .brand {background-size:19px 31px;}
    .center_vision .slogan .mp {background-size:28px 32px;}
    .center_vision .edu li {width:33.3333%;padding:10px;font-size:14px;}
    .center_vision .edu strong {font-size:24px;}
    .center_entering .addr {position:relative;padding:15px 15px 15px 130px;}
    .center_entering .addr li {padding-left:55px;font-size:13px;}
    .center_entering .addr .logo {left:20px;width:87px;height:15px;margin-top:-8px;}
    .learning_guide .head {margin-bottom:20px;padding-right:0;}
    .learning_guide .head p {height:auto;font-size:13px;font-weight:bold;}
    .learning_guide .head:before {display:none;}
    .learning_guide .step li {padding:0 50px;}
    .learning_guide .step .ord {width:40px;font-size:16px;}
    .learning_guide .step li:before {right:14px;}
    .learning_guide .step p {font-size:13px;}
    .manual_download .head {margin-bottom:20px;padding-right:0;}
    .manual_download .head p {height:auto;font-size:13px;}
    .manual_download .head:before {display:none;}
    .manual_download .manual .img {margin-bottom:10px;}
    .manual_download .manual a {text-align:center;display:block;padding:0;font-size:12px;}
    .manual_download .manual a:before, .manual_download .manual a span {display:none;}
    .off_intro .fwd {padding-left:0;}
    .off_intro .fwd .img {display:none;}
    .aca_int.intro .head .title {font-size:26px;font-weight:500;}
    .aca_int.intro .group .desc .em {font-size:18px;}
    .aca_int.intro .head .slogan, .aca_int.intro .group .desc p {font-size:15px;}

    /* p_login2 */
    .p_login2{background:#fff;}
    .p_login2 .bg{display:none;}
    .p_login2 .ct{padding:20px;}
    .p_login2 .flex{position: relative; width:100%; background:none; box-shadow: none;}

}

/* join member */
.acc_find .cert table {width:auto;}

@media screen and (max-width:640px) {
    /* ess, common */
    #header .rows {padding:0;}
    .hd_rg {display:none;}
    .vs_rg {display:block;}
    #header .global .menu > .guide > a {padding-right:0;}
    .ctm #header .site li a, .ctm #header .site .on a {font-size:12px;}
    .ctm2 #header .site li a, .ctm2 #header .site .on a {font-size:12px;}
    .ctm3 #header .site li a, .ctm3 #header .site .on a {font-size:12px;}
    .path_ind .path {padding-left:5px;}
    .path_ind .head {height:auto;padding-top:6px;}
    .path_ind .head h2 {line-height:1;padding-bottom:10px;font-size:24px;}
    .path_ind .head p {font-size:14px;}
    .path_ind .rows:before, .path_ind .rows:after {opacity:0.3;}
    .path_ind .rows:after {display:none;}
    .foreword .top {height:auto;padding:15px 10px;} /* foreword */
    .foreword strong {font-size:18px;}
    .foreword h2 {font-size:18px;}
    .foreword .slogan {font-size:12px;}
    .c_tab2 {display:block;margin-bottom:10px;border-bottom-color:#d2d2d2;}
    .c_tab2 li, .c_tab2.two li, .c_tab2.three li, .c_tab2.five li {display:inline-block;width:auto;margin:0 1px 4px 0;}
    .c_tab2 li a {border-radius:4px;}
    .c_tab2 li a, .c_tab2 li:hover + li a, .c_tab2 li.on + li a {padding:0 10px;border:1px solid #d2d2d2;font-size:14px;}
    .c_tab2 li:hover a {border-color:#1f2b70 !important;}
    .cover_mid .c_tab4 {display:block;}
    .c_alert > .ct {padding:25px;}
    .c_popup2 .fixed.mid, .c_popup2 .fixed.lg {width:auto;max-width:90%;}
    .item_bar .add {position:static;padding-top:5px;}
    .item_bar .add .c_btn {margin:2px 0;}
    .top_sch .sort {float:none;}
    .top_sch .search {clear:both;float:none;padding-top:10px;}
    .top_sch .word, .top_sch .word input[type="text"] {width:100%;}
    .cnt_search .word, .cnt_search .app {margin-left:0;margin-right:0;}
    .cnt_search .category {padding-right:0;}
    .cnt_search .detail .group {width:100%;}
    .c_search fieldset {float:none;}
    .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 .list {padding-top:10px;}
    .c_search .text {width:100%;}
    .c_search .right, .c_search .left {float:none;}
    .c_search .left  {margin-bottom:5px;}
    .c_search .right .last {margin-bottom:0;}
    .c_search .word {padding-right:45px;}
    .c_search .word .enter {position:absolute;right:0;top:0;}
    .pg_head {height:auto;padding-bottom:15px;}
    .pg_head h3 {font-size:18px;}
    .pg_head p {margin-top:5px;font-size:13px;}
    .rs_step .c_title2, .c_title2 {margin-bottom:10px;}
    .c_title2 {font-size:15px;}
    .c_title2:before {top:2px;width:17px;height:17px;background-position:-80px -23px;}
    .fx_box .arrow {display:block;}
    .nav_tb > li a {font-size:16px;}

    /* main */
    .portal .visual .ct br {display:none;}
    .portal .visual .ct .sub {text-align:center;}
    .portal .visual .ct .title {text-align:center;}
    .portal .visual .text {padding:0 20px;}
    .portal .visual .img {min-width:1200px;height:250px;background:url("../../images/www/temp/img_p_sd_01.png") right top no-repeat;background-size:cover;}
    .portal .visual .img img {display:none;}
    .portal .front .board {float:none;width:90%;margin:0 auto;}
    .portal .banner .logo{width:100px; height: 100px; padding:10px;}
    .portal .banner .b_txt > ul li{font-size:14px;}
    .portal .banner .logo img{padding-top:24px;}
    .portal .section.lc {padding:20px 0 0 0;}
    .portal .main_link li {width:calc(50% - 10px);margin-bottom:20px;box-shadow:none;}
    .portal .main_link li:nth-child(even) {margin-left:20px;}
    .portal .main_link li, .portal .main_link li:nth-child(even) {border-radius:30px;}
    .portal .main_link li:nth-child(1), .portal .main_link li:nth-child(2), .portal .main_link li:nth-child(3), .portal .main_link li:nth-child(4) {box-shadow:none;}
    .portal .main_link li a {padding:25px;}
    .portal .etc .group {padding:0;background:none;}
    .portal .etc .board {display:block;width:100%;border-radius:20px;padding:20px;background-color:#f5f5f5;}
    .portal .etc .board + .board {margin-top:10px;}

    /* foreigner */
    .foreigner .front .em {margin-bottom:5px;font-size:26px;}
    .edu_fg_li {margin:-10px;}
    .edu_fg_li > li {width:50%;padding:10px;}
    .foreigner .front {margin-bottom:10px;}
    .foreigner .section.pop {margin-top:30px;}
    .foreigner .cont .title {font-size:24px;}
    .ctm3 #footer .ct {padding:15px;}
    .ctm3 #footer .copy {margin-top:5px;}

    /* kids */
    .ctm2.kids .visual .ct .event {position:absolute;right:20px;bottom:0;margin-top:0;}

    /* open course, data room */
    .data_room .front .rows {height:auto;padding:0;}
    .data_room .front .slogan {position:static;padding:30px;transform:none;}
    .data_room .category {position:static;width:100%;height:auto;}
    .data_room .front .slogan .em {font-size:20px;}
    .data_room .front .slogan p {font-size:13px;}
    .data_room .category ul {padding:20px 0 10px 0;}

    /* ess, popup */
    .ct_dialog {position:absolute;}
    .ct_dialog > .tb > .inner {vertical-align:top;}

    /* ess, tab */
    .step_tab {margin-bottom:15px;border-bottom:0;}
    .step_tab li, .step_tab li:last-child {display:inline-block;top:0;float:none;width:auto;margin:4px 0;border-bottom:1px solid #d2d2d2;}
    .step_tab li.on {border:1px solid #606060;}
    .step_tab li .inner, .step_tab li.on .inner {height:auto;line-height:inherit;border-bottom:0;}
    .step_tab li .inner {padding:10px;}
    .c_tab1 li {display:inline-block;float:none;width:auto;}
    .c_tab1 li a, .center_facility.cn .c_tab1 li a {height:auto;line-height:inherit;padding:10px;font-size:14px;}
    .cb_box .add {display:none;}
    .cb_box .period {position:relative;margin-top:10px;padding-bottom:0;}

    /* ess, bar */
    .tab_plus .more {text-align:right;position:static;}

    /* ess, form box */
    .ds_box .ip_gp label {display:none;}
    .ds_box .ip_gp {display:block;}
    .ds_box .ip_hd {overflow:hidden;display:block;}
    .ds_box .ip_hd.col2 .ip_gp {float:left;width:50%;}
    .ds_box .ip_hd.col3 .ip_gp {float:left;width:33.3333%;}
    .ds_box .ip_hd.col4 .ip_gp {float:left;width:25%;}
    .ds_box .ip_gp select, .ds_box .ip_gp input[type="text"] {width:100%;}
    .ds_box .comb {display:block;position:relative;padding-right:69px;}
    .ds_box .comb .keyword {width:100%;}
    .ds_box .comb .c_btn {position:absolute;right:0;top:0;width:70px;}
    .ds_box .prop {position:relative;display:block;margin:4px 2px;padding-right:44px;}
    .ds_box .prop .comb {margin:0;}
    .ds_box .prop .reset {position:absolute;right:0;top:0;width:40px;padding:0;font-size:0;}
    .ds_box .prop .reset:before {vertical-align:top;content:"\e028";line-height:40px;font-family:'Material Icons';font-size:24px;}
    .ds_box .cate {text-align:left;}
    .ds_box .comb input[type="text"] {padding:0 10px;}
    .ds_box .stair {padding:0;}
    .ds_box .stair .sp {padding-right:0;}
    .ds_box .stair .ip_gp:before {display:none;}
    .ds_box .stair .ip_gp {padding-left:0;}
    .ds_box .stair .ip_gp select {margin:2px 0;}
    .i_box .group, .i_box .sort {float:none;}
    .i_box .group {margin-top:5px;padding-top:5px;border-top:1px solid #d1d1d1;}
    .i_box .group .c_btn {margin:2px 0;}
    .c_search .ip_gp {display:block;float:none;}
    .c_search .ip_gp select, .c_search .ip_gp input[type="text"] {width:100%;}

    /* ess, search */
    .cnt_search .ct {padding:10px;}
    .cnt_search .detail {margin-top:10px;padding-top:5px;}
    .sch_cb {padding-right:45px;}
    .sch_cb .text, .sch_cb.wd_s .text {width:100%;}
    .sch_cb .enter {position:absolute;right:0;top:0;}

    /* ess, list */
    .c_list1.reg > li > .con {padding-right:0;}
    .c_list1.reg .enter {text-align:center;position:static;padding-top:10px;}
    .c_list3 .result li {padding:0;}
    .c_list3 .result li:after {display:none;}
    .lct_list1 > li {width:50%;}
    .ck_li.three li:not(.wide) {width:50%;}
    .edu_li .sub {font-size:15px;}
    .edu_li .con .top {padding:10px 10px 0 10px;}
    .edu_li .info2 {padding:0 10px;}
    .edu_li .info2 li {padding:0 5px;}
    .edu_li .con .bar a {font-size:14px;}
    .data_li > li {width:50%;}
    .paginate a, .paginate span {width:auto;height:18px;line-height:18px;margin:0 2px;padding:0 5px;font-size:13px;border:0;}
    .paginate .on {background:none;color:#50b4b6;}
    .paginate .img {position:relative;width:18px;}
    .paginate .img img {display:none;}
    .paginate .img:before {position:absolute;left:0;top:0;line-height:1;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#777;}
    .paginate .start:before {content:"\e318";transform:rotate(-90deg)}
    .paginate .prev:before {content:"\e314";}
    .paginate .next:before {content:"\e315";}
    .paginate .end:before {content:"\e318";transform:rotate(90deg);}

    /* ess, scheduler */
    .sche_bar .lab {overflow:hidden;float:none;}
    .sche_menu .date {padding:0 0 10px 0;}
    .sche_menu .sel {position:static;}
    .tb_sche {padding-top:0;}
    .sche_bar .sel {position:static;margin-top:5px;}
    .sche_menu .date .btn {display:block;}
    .sche_menu .month li a {height:40px;line-height:40px;font-size:14px;}
    .sche_li .info li {float:none;width:100%;}

    /* ess, lct_view community */
    .lct_view .bar {padding-right:0;}
    .lct_view .bar .edit {position:relative;margin-top:10px;padding-top:10px;border-top:1px solid #b9b9b9;}
    .deb_view {padding:10px;}
    .deb_view h1, .deb_view .title {font-size:16px;}
    .deb_view .img {position:static;margin:0 auto 10px auto;}
    .deb_view .ct {min-height:auto;padding:0;}
    .deb_view .desc p {min-height:auto;font-size:15px;}
    .deb_view .desc .file {margin-top:10px;}
    .deb_view .bar {text-align:right;}
    .deb_view .bar .vote {display:inline-block;float:none;}
    .deb_view .bar .vote span {padding:0 20px;}

    /* ess, detail */
    .edu_on_detail .cont .sns {position:static;padding-top:10px;}
    .edu_on_detail .info {min-height:125px;}
    .edu_on_detail .info .sub {font-size:18px;}
    .tbl_item td {padding:5px;}
    .tbl_item.course .check {width:12%;}
    .tbl_item.course .step {width:15%;}
    .tbl_item.course .play {width:25%;}
    .edu_detail .cont .info {overflow:hidden;padding:10px;}
    .edu_detail .cont .sns {position:static;float:left;padding-top:10px;}
    .edu_detail .cont .sns:after {content:" ";display:block;clear:both;}
    .data_detail .info {padding:20px 0;}
    .data_detail .group {padding:0;}
    .data_detail .sns_like {text-align:right;position:static;padding-top:10px;}
    .tbl_item td, .tbl_item th {padding:5px;}
    .tbl_item.data .down {width:20%;}
    .tbl_item.data .listen {width:16%;}
    .tbl_item.data .view {width:22%;}
    .data_detail .info .lecture .name {font-size:15px;}
    .my_status .item .count {font-size:16px;}
    .my_status .item .lab {font-size:14px;}
    .c_detail2.edit .group {display:block;}
    .c_detail2.edit .group .lab {display:block;width:100%;border-bottom:1px solid #d2d2d2;}
    .c_detail2.edit .group .input {display:block;width:100%;}

    /* ess, mypage */
    .my_status .my {line-height:1.3;font-size:15px;}
    .my_status .head {height:auto;padding:15px;}
    .my_status .link {text-align:right;position:static;margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
    .my_status .lecture {padding:10px;}
    .my_status .group {padding-left:128px;}
    .my_status .group .title {top:14px;left:0;font-size:15px;}
    .my_status {margin-bottom:20px;}
    .my_status .item li {height:55px;}
    .dash .section + .section {margin-top:15px;}
    .dash .front .colg {width:100%;}
    .dash .my_profile {margin-bottom:0;}
    .dash .my_profile .user span, .dash .my_profile .user .name {font-size:13px;}
    .style_ds {margin-bottom:0;}
    .style_ds h2 {position:relative;float:none;padding-left:15px;}
    .style_ds .status .desc {height:auto;line-height:inherit;margin:0;padding:15px;}
    .style_ds .link {text-align:center;display:block;position:static;height:48px;line-height:48px;margin-top:0;border:1px solid #212121;border-top:0;}

    /* ess, classroom */
    .cl_room #header .sub h1 {font-size:16px;}
    .c_list2 .top .sub {font-size:13px;}
    .bd_box .top > .add {float:none;padding-top:15px;}
    .bd_box .top > .add .c_note2 {display:block;margin-bottom:10px;}

    /* ess, classroom new */
    .cl_header {height:50px;}
    .cl_room .study_win {padding:0 15px;}
    .cl_header .nav .sub {height:50px;line-height:50px;font-size:20px;}
    .cl_header .global .menu2 {padding:13px 12px 0 0;}
    .cl_header .global .menu2 a {height:24px;line-height:24px;}
    .cl_header .global .menu2 .btn {display:none;}
    .cl_header .global .menu2 .icc {display:block;font-size:24px;color:#212121;}
    .cl_header .global .menu2 .gray .icc {color:#676c71;}
    .cl_header .global .menu2 .new {right:-3px;top:-3px;width:14px;height:14px;line-height:14px;font-size:10px;}
    .cl_header .global .close {margin-top:12px;}
    .cl_room .st_bar {position:static;width:auto;height:auto;padding-top:10px;transform:none;}
    .wide .study_win .st_bar {display:none;transform:none;}
    .st_bar .st_wide {display:none;}
    .cl_room .main .dash {padding:20px 10px 50px 10px;}
    .cl_room .main .dash .top {font-size:16px;}
    .cl_room .main .study {padding-top:30px;}
    .cl_room .main .study .title {margin-bottom:10px;font-size:16px;font-weight:bold;}
    .cl_room .main .study .gp.work {margin-left:0;}
    .cl_room .panel .score {display:block;margin:0 0 10px 0;}
    .cl_header .nav > .inner {padding-right:210px;}
    .cl_header .nav .sub {font-size:16px;}
    .cl_header .global .menu {padding:20px 12px 0 0;}
    .cl_header .global .menu a {height:24px;line-height:24px;}
    .cl_header .global .menu .icc:before {font-size:24px;}
    .cl_header .global .menu li + li {margin-left:5px;}
    .cl_header .global .out {margin-top:15px;}
    .cl_header .global .close {width:20px;height:20px;background-size:cover;}
    .cl_header .global .menu .new {overflow:hidden;right:2px;top:-1px;width:10px;height:10px;font-size:0;}
    .cl_room .task table .ord {width:10%;}
    .cl_room .task table .task {width:22%;}
    .cl_room .task table .btns {width:28%;}
    .cl_list.add .con {padding-right:65px;}
    .cl_list .sub {font-size:14px;}
    .cl_list .item .lab, .cl_list .item .val {font-size:13px;}
    .off_board .info li, .off_board .state {font-size:16px;}
    .off_board .info li + li:before {display:none;}
    .off_board th, .off_board td {font-size:14px;}
    .off_board .val {width:20%;}

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

    /* ess, lwd */
    .lwd .list {display:none;}

    /* ess, wizard */
    .cs_wd {padding:20px 0;}
    .cs_wd > .head .menu a {height:40px;line-height:40px;padding:0 5px;font-size:20px;}
    .cs_wd .wizard .step li, .cs_wd .wizard .step li:first-child {margin:0 5px 5px 0;}
    .cs_wd .wizard .step a {border-bottom:2px solid #dcdada;border-radius:10px;font-size:16px;}
    .cs_wd .cs_thumb {width:100%;height:0;padding-bottom:56.25%;}
    .tch_li {display:block;margin:10px 0 0 0;}

    /* ess, ts_form */
    .ts_form .top {padding:0 0 0 80px;}
    .ts_form .top .title {left:0;top:10px;font-size:18px;}
    .ts_form .top .tog {padding:0 25px 0 10px;}
    .ts_form .top .tog .icc {right:2px;}
    .ts_form .search {padding-right:98px;}
    .ts_form .detail .group {padding-left:80px;}
    .ts_form .detail .head {left:0;}
    .ts_result > .ct {float:none;width:100%;}
    .ts_result .result {font-size:22px;}
    .ts_result .side {float:none;width:100%;margin-top:15px;}

    /* etc, design */
    .member_type {padding:20px 10px;}
    .member_type .logo, .en .member_type .logo {width:104px;margin:0 auto 10px auto;}
    .member_type .guide, .en .member_type .guide {margin-bottom:15px;}
    .member_type .guide, .member_type .guide strong {font-size:16px;}
    .member_type .type li {margin:5px;}
    .member_type .type a {width:120px;height:140px;font-size:15px;font-weight:bold;}
    .join_mb .member_type .type a {width:140px;height:155px;font-size:14px;}
    .member_type .title {font-size:20px;}
    #lang_sel .type a {height:100px;padding-top:40px;}
    #lang_sel .member_type {height:230px;}
    #lang_sel .outer {height:273px !important;}
    .reg_guide h1 {font-size:26px;}
    .reg_guide .notice {min-height:auto;line-height:1.8;padding:20px 0;}
    .reg_guide .notice:before {display:none;}
    .pay_guide .tuition {padding:25px;}
    .pay_guide .sum {text-align:center;position:static;padding:0 0 10px 0;border-right:0;}
    .pay_guide .refund .inner {min-height:auto;padding:25px;}
    .p_error {text-align:center;margin-top:50px;}
    .p_error h1 a {width:170px;}
    .p_error .desc {padding:20px 0;}
    .p_error h2 {font-size:18px;}
    .p_error p {font-size:14px;}
    .p_error .home {height:40px;line-height:40px;padding:0 15px;font-size:15px;}
    .online_intro .edu {margin-top:0;}
    .aca_int.video .desc p {font-size:13px;}
    .aca_int.video .info .pc {display:none;}
    .aca_int.video .info .mo {display:block;}
    .aca_int.video .staff {position:static;padding-top:10px;}
    .aca_int.video .staff .inner {max-width:none;}
    .st_ban .title {font-size:18px;font-weight:normal;}
    .st_desc {font-size:15px;}

    /* page intro */
    .p_intro > .tb > .inner {vertical-align:top;}
    .p_intro .outer_ct {padding:25px;}
    .p_intro .title {margin-bottom:20px;font-size:22px;}
    .p_intro .head {padding-bottom:25px;}
    .p_intro .head .add {font-size:15px;}
    .p_intro .head .sub {font-size:18px;}
    .p_intro .board {padding:30px;}
    .p_intro .board .list li {font-size:17px;}
    .p_intro .board .list .lab {position:static;display:block;}
    .p_intro .board .list li {padding-left:0;}
    .p_intro .end {margin-top:25px;padding-right:140px;}
    .p_intro .end .desc {font-size:15px;}
    .p_intro .end .add {top:50%;margin-top:-19px;}
    .p_intro .end .btn {height:38px;line-height:38px;padding:0 25px;font-size:18px;}
}

@media screen and (max-width:600px) {
    /* ess, form */
    .ip_mail .text {display:block;}
    .ip_mail .text input[type="text"] {float:left;width:calc(50% - 10px);font-size:14px;}
    .ip_mail .text .at {text-align:center;float:left;width:20px;}
    /* .portal  */
    .portal .banner .btn_bx{flex-direction: column;}
    .portal .banner .btn_bx a{width:100%;}
    .portal .banner .btn_bx a + a{margin-left:0; margin-top:5px;}
}

@media screen and (max-width:480px) {
    /* ess, common */
    .hd_sm {display:none;}
    #header .frm > .rows {height:50px;}
    #header > .top {border-bottom:0;}
    #header > .top {height:40px;}
    #header .global .menu > li > a {height:40px;line-height:40px;padding:0 5px;font-size:11px;}
    #header .global .lang {top:9px;}
    #header .global .lang button {padding-right:10px;font-size:11px;}
    #header .global .lang button:after {display:none;}
    #header .global .auto {margin-top:6px;}
    #footer .menu, .ctm #footer:before {display:none;}
    #content {min-height:400px;}
    .foreword .path > span {display:none;}
    .foreword .path > .home, .foreword .path > span:last-child {display:inline-block;margin-top:0;}
    .foreword h2, .foreword h3, .foreword .location {float:none;}
    .foreword h2 {font-size:20px;}
    .foreword .path > .home:before {font-size:18px;}
    .foreword .path > span:last-child {font-size:12px;}
    .p_login .head .guide {font-size:12px;} /* login page */
    .p_login .form {width:100%;}
    .p_login .help a {padding:0 10px;}
    .p_login .head h1 {font-size:38px;}
    .ds_box {margin-bottom:15px;}
    .ds_box .desc {font-size:14px;}
    .sort_tab li {text-align:center;width:50%;}
    .page_frame .frm_top, .page_frame.st .frm_top {height:50px;} /* page_frame */
    .page_frame .frm_top .title {height:50px;line-height:50px;font-size:15px;}
    .page_frame .fwd {top:50px;}
    .page_frame {padding-top:90px;}
    .page_frame.st {padding-top:60px;}
    .page_frame .frm_ct {padding:10px;}
    .p_title {margin-bottom:10px;font-size:20px;}
    .path_ind .path > span {font-size:12px;}
    .nav_tb {text-align:center;margin-bottom:20px;}
    .nav_tb > li {display:inline-block;float:none;width:auto;margin:0 2px 4px 0;}
    .nav_tb > li a {height:48px;line-height:48px;padding:0 15px;border-left:1px solid #f1f1f1;font-size:14px;}
    .weditor img {max-width:100%;height:auto !important;}

    /* main */
    .main .visual .desc {top:16%;}
    .main .visual .desc .title {font-size:15px;}
    .main .visual .bar {bottom:10px;}
    .main .quick .rows {padding:1px 2px;}
    .main .quick li > div {padding:1px;}
    .main .quick .guide:before {top:10px;}
    .main .quick .app:before {top:12px;}
    .main .quick .cert:before {top:11px;}
    .main .quick a {height:75px;padding-top:42px;}


    .ctm2.kids .section {padding:30px 0 40px 0;}

    .portal .visual .ct .sub {font-size:20px;}

    /* foreigner */
    .foreigner .front .em {font-size:22px;}
    .foreigner .front p {display:none;font-size:11px;}
    .foreigner .front .slogan {transform:none;top:auto;bottom:20%;}

    /* kids */
    .ctm2.kids .visual .ct .sub {font-size:12px;}
    .ctm2.kids .visual .ct .title {font-size:15px;}
    .edu_kid_li > li {width:100%;}
    .ctm2.kids .section.recom {padding-top:20px;}
    .ctm2.kids .control {top:3px;}
    .ctm2.kids .visual .pause, .ctm2.kids .visual .play {width:20px;height:20px;}
    .ctm2.kids .slick-dots button {width:20px;height:20px;}
    .ctm2.kids .slick-dots .slick-active button {width:40px;}
    .ctm2.kids .visual .bar .dot {padding-right:50px;}

    /* open couse */
    .open_course .front .slogan .em {letter-spacing:0;font-size:15px;}

    /* ess, search */
    .cnt_search .app {padding:0 12px;font-size:13px;}
    .cnt_search .detail {margin-top:10px;padding-top:5px;}
    .nav_tb > .on a:before {display:none;}

    /* ess, ip_form */
    .ds_box.stair .ip_gp {display:block;}
    .ds_box.stair select {width:100%;}
    .ds_box.stair select + select {margin-top:5px;}
    .ip_form.sm dt, .ip_form.sm dd {display:block;float:none;width:100%;height:auto;padding:8px;}
    .ip_mail .addr {max-width:140px;}
    .ip_mail .domain {max-width:120px;}
    .ip_mail .sep {vertical-align:middle;display:inline-block;}
    .ip_mail .wave {display:block;}

    /* ess, list */
    .deb_li > li {width:100%;}
    .deb_li .top .sub {font-size:14px;}
    .lct_list1 > li, .lct_list4 > li {width:100%;}
    .wd_li .tbl .title {font-size:16px;}
    .step_table {padding:20px 0;}
    .step_table .circle {margin:0 auto 10px auto;}
    .step_table .step {font-size:16px;}
    .step_table .state {font-size:14px;}
    .tbl_item .subj {font-size:13px;}
    .edu_on_li .ct .title {margin-bottom:10px;font-size:14px;}
    .edu_on_li .ct > a {padding:10px 10px 0 10px;}
    .edu_on_li .ct .bar {width:calc(100% - 20px);left:10px;bottom:10px;}
    .edu_on_li .bar li {width:calc(50% - 3px);}
    .edu_on_li .bar li:first-child {margin-right:6px;}
    .edu_on_li .bar a {padding:0;font-size:12px;}
    .edu_li .info li:nth-child(2) {display:none;}
    .st_list .c_btn {font-size:13px;}

    /* ess, detail */
    .c_detail {padding-bottom:10px;}
    .c_detail .top, .c_detail .con {padding:10px 0;}
    .c_detail .attach {padding:10px 0 0 0;}
    .c_detail .attach .view {display:block;margin-top:5px;}

    /* ess, scheduler */
    .sche_li {padding:15px 0 10px 0;}
    .sche_menu .sel {margin-bottom:5px;}
    .tb_sche {display:block;}
    .sche_menu .month li a {height:32px;line-height:32px;}
    .sche_li .info li {font-size:13px;}

    /* ess, community */
    .deb_view .top {padding:10px;border-bottom:1px solid #ccc;background:none;}
    .deb_view .top .add {text-align:right;position:static;}
    .deb_view h1, .deb_view .title {height:auto;line-height:1.4;white-space:normal;}
    .deb_view .desc p {font-size:14px;}
    .deb_view .bar .vote {display:block;}
    .deb_view .bar .vote span {text-align:center;width:50%;padding:0 10px;font-size:12px;}
    .deb_view h1 {font-size:18px;}
    .deb_view .info {padding:10px;border-bottom:1px solid #ccc;}
    .deb_view .info li {padding:0 5px 0 8px;font-size:12px;}
    .deb_view .info li:before {top:4px;}
    .deb_view .img {width:100%;height:auto;padding:15px 10px;border-bottom:1px solid #ccc;}

    /* ess, quiz_li */
    .c_poll .ex.result li p {width:100%;line-height:1.6;}
    .c_poll .state {width:100%;padding-left:0;}
    .quiz_li.add .top {padding:25px 0 0 35px;}
    .quiz_li.add > .top .order, .quiz_li.add > .top .num {top:21px;}

    /* ess, lwd */
    .lwd_bar .list {height:300px;bottom:-300px;}

    /* ess, tab */
    .nav_tabs1 > li > a, .nav_tabs1 > li.on > a {padding-right:5px;}
    .sel_tab .right {position:relative;float:none;width:100%;padding-right:48px;}
    .sel_tab .sel_url {width:100%;}
    .sel_tab .go {text-align:center;position:absolute;right:0;top:0;width:48px;padding:0;}

    /* ess, dash */
    .dash .d_group {padding:10px 0;}

    /* ess, classroom */
    .study_list .cl_list>li {padding:10px 5px;}
    .cl_list.add .con .group .c_btn {padding:0 5px;font-size:13px;}

    /* ess, detail */
    .edu_on_detail.off .adm_info li {float:none;width:100%;}
    .edu_on_detail .tab .sort {line-height:22px;padding:0 10px;border-radius:10px;font-size:13px;}
    .side .edu_vt_li {overflow:hidden;margin:-5px;}
    .side .edu_vt_li > li {padding:5px;}
    .course_detail .c_sub h2 {font-size:18px;}
    .course_detail .summary .info {padding:15px 0 10px 0;}
    .course_detail .summary .enter a, .course_detail .summary .enter button {display:block;margin:4px 0;}
    .comm_list > li .photo {width:auto;}
    .c_detail.edit .entry li, .app_off .entry li {padding:0 10px;}
    .c_detail.edit .phone .ph, .app_off .phone .ph {margin-top:10px;}
    .c_detail.edit .phone .ph select, .c_detail.edit .phone .ph input[type="text"],
    .app_off .phone .ph select, .app_off .phone .ph input[type="text"]
    {width:100%;margin:4px 0;}
    .c_detail .up_img, .app_off .up_img {display:block;width:100%;max-width:none;}
    .c_detail .up_img img, .app_off .up_img img {width:100%;}
    .edu_on_detail .img {float:none;width:100%;height:0;padding-bottom:75%;margin-bottom:20px;}
    .data_detail.thumb .img {position:relative;left:0;top:0;margin:0 auto;}
    .data_detail.thumb .cont {min-height:auto;padding:20px 0 0 0;}
    .data_detail .info .item {margin-top:10px;padding-top:10px;border-top:1px solid #eee;}
    .edu_detail .cont .viewer .img {top:38%;}
    .edu_on_detail .info {float:none;width:100%;}

    /* ess, exam */
    .exam_info .guide .top {padding:15px 0;}
    .exam_info h1 {font-size:18px;}
    .exam_info .note {padding:10px;}
    .exam_info .note li, .exam_info .note .em {font-size:12px;}
    .exam_info .note li:before {top:7px;}
    .exam_info .note .em .icc {top:-3px;}
    .exam_info .check {text-align:left;position:relative;padding-left:35px;}
    .exam_info .check input[type="checkbox"] {position:absolute;left:15px;top:13px;}
    .exam_info .check label {font-size:12px;}
    .exam_info .bw_box a {height:46px;line-height:46px;font-size:15px;}

    /* ess, table */
    .tbl_info col.fx {width:30%;}

    /* ess, ts_form */
    .ts_result {padding-top:0;}
    .ts_form {margin-bottom:10px;padding:10px;}
    .ts_form .top .title {display:none;}
    .ts_form .top {padding:0;}
    .ts_result .result {text-align:left;padding:10px;font-size:16px;background-color:#eee;}
    .ts_result .section {padding-top:20px;}
    .ts_form .popular {padding:0;}
    .ts_form .popular .lab {display:none;}
    .ts_form .popular .word {padding-top:10px;}
    .ts_form .popular .word span, .ts_form .popular .word a {height:26px;line-height:26px;font-size:13px;}
    .ts_form .input .enter {width:40px;height:40px;background-size:16px 16px;}
    .ts_form .input input[type="text"] {height:40px;line-height:40px;padding-right:38px;}
    .ts_form .top .tog {height:40px;line-height:40px;}
    .ts_form .top .tog .icc {top:9px;}

    /* ess, page intro */
    .p_intro .outer_ct {padding:20px;}
    .p_intro .logo {margin-bottom:25px;}

    /* etc, design */
    .pop_area {position:absolute;top:0;}
    .edu_guide .point li {padding:25px;}
    .edu_guide .list ul {padding:0 30px;}
    .edu_step .step {padding:25px;}
    .edu_step .step .lab {text-align:center;position:static;margin-bottom:5px;}
    .edu_step .head {text-align:center;}
    .edu_step .type {padding:25px;}
    .edu_step .type:before {opacity:0.2;}
    .edu_step .step.last {margin-bottom:0;}
    .aca_int.intro .head {margin-bottom:20px;padding-bottom:20px;}
    .aca_int.intro .head .title {margin-bottom:15px;font-size:20px;}
    .aca_int.intro .group + .group {margin-top:20px;}
    .aca_int.intro .group .desc .em {font-size:16px;}
    .aca_int.intro .head .slogan, .aca_int.intro .group .desc p {font-size:14px;}
    .aca_int.intro .group .desc {padding:0 15px;}
    .aca_int.history .title {margin-bottom:15px;font-size:20px;}
    .aca_int.history .group {padding-top:30px;}
    .aca_int.history .tb .lab {width:35%;}
    .aca_int.history .group:before {left:35%;}
    .aca_int.history .tb .year {font-size:18px;}
    .aca_int.history .tb .year:before {top:-7px;right:-1px;}
    .aca_int.history .tb .info {width:65%;padding:3px 0 0 30px;}
    .aca_int.history .tb .info li {font-size:13px;}
    .aca_int.history .even .lab {text-align:left;float:left;}
    .aca_int.history .even .year {padding:0 65px 0 0;}
    .aca_int.history .even .year:before {left:auto;background-image:url("../../images/www/common/aca_history_deco.png");}
    .aca_int.history .even .info {text-align:left;}
    .aca_int.history .even .info li {padding:0 0 0 10px;}
    .aca_int.history .even .info li:before {right:auto;left:0;}
}

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

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

@keyframes blink {
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:0;}
}

@media print{
    /* page_frame */
    thead {display:table-row-group;}
    .page_frame, .page_frame.st {max-width:100%;padding:10px;}
    .frm_top, .pr_hd {display:none;} /* print hidden */
    .fx_box {overflow-x:visible;}
    .fx_box.mid > table, .fx_box.mid .c_blank, .fx_box.mid > .tbl_hd {min-width:100%;}
    .frm_cert {padding:0;}
    .frm_cert .bar {display:none;}
}