@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 {display:block;overflow:hidden;position:absolute;top:-1000em;left:0;}
table caption {visibility:hidden;width:0;height:0;line-height:0;text-indent:-1000em;font-size:0;}
table {width:100%;table-layout:fixed;border-collapse:collapse;}
th, td, textarea {line-height:1.4;word-wrap:break-word;}
body, h1, h2, h3, h4, h5, h6, strong, table, th, td, input, select, textarea, button, a {font-family:'NanumSquare', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-size:15px;font-weight:normal;color:#666;}
.ctm_edu *, .top_pop *, #header2 *, #footer2 * {font-family:NanumSR, 'Malgun Gothic', sans-serif;}
html, body {height:100%;}
body {-webkit-overflow-scrolling:touch;background-color:#fff;}
hr {margin:5px 0;border-width:1px;}
input[type="password"], .ctm_edu input[type="password"], #header2 input[type="password"] {font-family:'Malgun Gothic', 'Apple SD 산돌고딕 Neo', sans-serif;}
input[type="password"]::placeholder {font-family:'NanumSquare', 'Apple SD Gothic Neo', 'Malgun Gothic';}

/* root */
:root {
--Ci-Blue:#2864d2;
--Ci-LightBlue:#0a5ab9;
--Ci-Orange:#e8562a;
--Ci-Navy:#111c45;

}

/* 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_edu {min-width:1412px;}
.rows {width:1412px;margin:0 auto;padding:0 10px;}
#container:after {content:" ";clear:both;display:block;}
#header {position:absolute;z-index:100;width:100%;min-width:1300px;}
#content {min-height:655px;}
#container #content {padding:30px 15px 40px 15px;}
#container #content:after {content:" ";display:block;clear:both;}
#container {width:1392px;margin:0 auto;}
.portal #container {width:100%;}
.portal #container #content {padding:0 0 40px 0;}
#footer {clear:both;}
body.p_frm {background-color:#eff6fb;}

/* skip */
#skip {position:relative;z-index:101;}
#skip a {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 */
#header > .top {border-bottom:1px solid #bebebe;background-color:#ededed;}
#header > .top .rows {overflow:hidden;position:relative;height:74px;}
#header .logo {overflow:hidden;display:flex;align-items:center;height:100%;}
#header .logo a {display:block;}
#header .global {position:absolute;right:20px;top:50%;transform:translateY(-50%);}
#header .global .form, #header .global .menu {float:left;}
#header .global .form label {margin-right:5px;font-size:14px;font-weight:700;}
#header .global .form input {width:170px;height:30px;line-height:30px;font-size:14px;}
#header .global .form .pw {margin-left:10px;}
#header .global .menu {margin-left:10px;}
#header .global .menu li {float:left;font-size:13px;}
#header .global .menu .member {line-height:30px;}
#header .global .menu li + li {margin-left:5px;}
#header .global .menu .btn {display:inline-block;height:30px;line-height:30px;padding:0 10px;border-radius:3px;font-family:NanumSL;font-size:13px;font-weight:bold;color:#fff;}
#header .global .menu .btn.navy {background-color:#11569b;}
#header .global .menu .btn.green {background-color:#4bbdb2;}
#header .global .menu .btn.gray {background-color:#989b9f;}
#header .global .menu .btn.bk {background-color:#000;}
#header .global .search {position:relative;}
#header .global .search input {width:500px;height:40px;padding:0 40px 0 10px;border:1px solid #004c98;border-radius:3px;}
#header .global .search .enter {position:absolute;right:0;top:0;width:40px;height:40px;background:url("../../images/www/common/total_search_enter.png") no-repeat 50% 50%;}
#header .frm {overflow:hidden;height:95px;}
#header .nav {position:relative;z-index:100;height:355px;background:#fff;}
#header .nav:before {content:" ";position:absolute;left:0;top:94px;width:100%;height:1px;background-color:#001c6b;}
#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;}
#header .nav .rows {position:relative;height:100%;}
#gnb {display:flex;justify-content:center;position:absolute;left:0;top:0;width:100%;}
#gnb > li {text-align:center;position:relative;width:25%;}
#gnb > li > a {text-align:center;display:block;position:relative;height:95px;line-height:95px;font-family:NanumSB;font-size:24px;font-weight:500;color:#212121;}
#gnb > li.on > a {color:#11569b;}
#gnb > li.on > a:before {content:" ";position:absolute;left:50%;bottom:1px;width:70px;height:4px;background-color:#11569b;transform:translateX(-50%);}
#gnb > li > ul {text-align:left;position:absolute;left:0;width:100%;height:260px;padding:25px 15px 0 20px;border-left:1px solid #e8e8e8;}
#gnb > li.last > ul {border-right:1px solid #e8e8e8;}
#gnb > li.on > ul {background-color:#eff6fb;}
#gnb ul li {margin-top:17px;}
#gnb ul li:first-child {margin-top:0;}
#gnb ul a {position:relative;display:block;letter-spacing:-0.25px;font-size:14px;letter-spacing:-0.5px;color:#333;}
#gnb ul a:hover {text-decoration:underline;color:#11569b;}
#gnb ul .sub {padding-top:8px;}
#gnb ul .sub a {padding-left:7px;font-size:14px;}
#gnb ul .sub a:before {content:" ";position:absolute;left:0;top:5px;width:3px;height:3px;border-radius:50%;background:#777;}
#gnb ul .sub li + li {margin-top:8px;}
#gnb ul .sub a:hover:before {background-color:#11569b;}
.hbg {display:none;position:fixed;z-index:20;width:100%;height:100%;left:0;top:72px;opacity:0.5;background-color:#000;}

/* footer */
#footer {position:relative;min-width:1300px;}
#footer .top {position:relative;border-bottom:1px solid #333335;background-color:#77787a;}
#footer .top .rows {display:flex;justify-content:space-between;}
#footer .top .rows:after {display:none;}
#footer .top .link {display:block;line-height:40px;padding-right:15px;font-family:NanumSR;font-size:13px;font-weight:bold;color:#ffefaf;background:url("../../images/www/common/footer_link_arrow.png") no-repeat 100% 50%;}
#footer .top .site {position:absolute;right:0;top:0;}
#footer .top .site select {float:left;height:42px;padding-right:35px;border:0;font-size:12px;color:#898c93;background:transparent url("../../images/www/common/select_site_deco.png") no-repeat 100% 50%;}
#footer .top .site .go {display:inline-block;height:42px;line-height:42px;padding:0 10px;font-size:12px;color:#898c93;background-color:#212112;}
#footer .menu li {display:inline-block;position:relative;}
#footer .menu li + li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#ababac;}
#footer .menu li a {display:block;height:40px;line-height:40px;padding:0 20px;font-weight:300;font-size:13px;color:#cdd1d9;}
#footer .menu li:first-child a {padding-left:0;}
#footer .menu li:last-child a {padding-right:0;}
#footer .menu .em a {font-family:NanumSR;font-weight:bold;color:#e4e6ec;}
#footer .ct {position:relative;padding:20px 0 20px 390px;}
#footer .logo {position:absolute;left:0;top:50%;transform:translateY(-50%);}
#footer address {line-height:1.6;font-size:14px;letter-spacing:-0.3px;color:#77787a;}
#footer address li {position:relative;float:left;margin-right:10px;padding-left:10px;}
#footer address li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#c7c7c8;transform:translateY(-50%);}
#footer address li:first-child, #footer address li.cb {padding-left:0;}
#footer address li:first-child:before, #footer address li.cb:before {display:none;}
#footer address .cb {clear:both;}
#footer .addr {overflow:hidden;}
#footer .copy {line-height:1.6;font-size:13px;color:#77787a;}

/* gb_search */
#header .gb_search {display:none;position:absolute;right:10px;top:50%;width:40px;height:40px;background:url("../../images/www/common/fic_glass_blue.png") no-repeat 50% 50%;transform:translateY(-50%);}
#gb_search {opacity:0;visibility:hidden;position:absolute;z-index:110;width:100%;min-width:1220px;height:1px;left:0;top:0;transition:all ease 0.6s;}
#gb_search .inner {text-align:center;position:relative;width:100%;height:80px;padding:10px 0;background-color:#fff;}
#gb_search .rows {display:flex;justify-content:center;align-items:center;height:100%;}
#gb_search .key {width:100px;height:50px;line-height:50px;padding:0 60px 0 25px;border:1px solid #000;border-radius:25px;font-size:23px;transition:width 0.6s ease;}
#gb_search .key::-webkit-input-placeholder {font-family:NanumSL;font-weight:bold;}
#gb_search .key::-moz-placeholder {font-family:NanumSL;font-weight:bold;}
#gb_search .key:-ms-input-placeholder {font-family:NanumSL;font-weight:bold;}
#gb_search .enter {position:absolute;top:0;right:0;width:60px;height:50px;background:url(../../images/www/common/m_sch_enter_bk.png) no-repeat 50% 50%;}
#gb_search .form, #gb_search .cls {vertical-align:middle;display:inline-block;position:relative;}
#gb_search .cls {opacity:0;margin-left:10px;transition:all ease 0.5s;}
#gb_search .cls i {width:32px;height:32px;background:url("../../images/www/common/gb_search_x.png") no-repeat 0 0;}
#gb_search.active .cls {opacity:1;}
#gb_search.active {opacity:1;visibility:visible;height:100%;}
#gb_search.active .key {width:700px;}

/* foreword */
.foreword {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.foreword .p_title {float:left;margin-bottom:0;}
.foreword .path {float:right;margin-top:-5px;}
.foreword .path > span, .foreword .path > a {vertical-align:middle;display:inline-block;position:relative;height:30px;line-height:30px;padding-left:20px;font-size:14px;letter-spacing:-0.5px;}
.foreword .path > span:before, .path_ind .path > a:before {content:"\e315";position:absolute;left:0;top:6px;font-family:'Material Icons';font-size:18px;line-height:1;font-weight:normal;color:#9fa3a6;}
.foreword .path .home {width:18px;margin-left:0;padding-left:0;font-size:0;}
.foreword .path .home:before {content:"\e88a";top:5px;}
.foreword .path span:last-child {font-weight:500;}

/* side_bar */
.side_bar {opacity:0;visibility:hidden;cursor:default;position:fixed;right:0;top:0;z-index:100;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);transition:all 0.3s ease;}
.side_bar .inner {visibility:hidden;overflow-y:auto;overflow-x:hidden;float:right;width:310px;height:100%;background-color:#fff;transform:translateX(310px);transition:all 0.3s ease;}
.side_bar.open {opacity:1;visibility:visible;}
.side_bar.open .inner {visibility:visible;transform:translateX(0);}
.side_bar .head {display:flex;justify-content:space-between;height:50px;background-color:#f5faff;}
.side_bar .head .tog {width:50px;color:#fff;background-color:var(--Ci-Blue);}
.side_bar .head .gl {flex-grow:1;display:flex;align-items:center;justify-content:center;height:100%;}
.side_bar .head .gl li + li {margin-left:10px;}
.side_bar .head .gl a {display:block;height:32px;line-height:32px;padding:0 10px;border:1px solid var(--Ci-Blue);border-radius:16px;font-size:13px;color:var(--Ci-Blue);background-color:#fff;}
.side_bar .head .gl .blue {background-color:var(--Ci-Blue);color:#fff;}
.side_bar .nav > li {border-bottom:1px solid #e7e7e7;}
.side_bar .nav > li > a {display:block;position:relative;line-height:60px;padding:0 60px 0 20px;font-size:16px;font-weight:700;color:#333;}
.side_bar .nav > li > .opener:before {content:"\e313";position:absolute;top:50%;right:10px;line-height:1;margin-top:-15px;font-family:'Material Icons';font-size:30px;font-weight:normal;color:#d8d8d8;transition:all ease 0.3s;}
.side_bar .nav ul {display:none;padding:15px 0;}
.side_bar .nav ul li:last-child {border-bottom:0;}
.side_bar .nav ul li + li {margin-top:15px;}
.side_bar .nav ul a {display:block;position:relative;padding:0 20px 0 30px;font-size:15px;color:#4f4f4f;}
.side_bar .nav ul a::before {content:" ";position:absolute;left:20px;top:6px;width:4px;height:4px;border-radius:50%;background-color:#d8d8d8;}
.side_bar .nav > .on > a {color:#fff;background-color:var(--Ci-Blue);}
.side_bar .nav > .on > .opener:before {transform:rotate(-180deg);color:#fff;}
.side_bar .foot {display:flex;margin-top:55px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.side_bar .foot li {flex:1 1 0;}
.side_bar .foot li a {display:flex;justify-content:center;align-items:center;height:42px;}
.side_bar .foot li + li {border-left:1px solid #e7e7e7;}

/* header2 */
.top_pop {min-width:1412px;background-color:var(--Ci-Blue);}
.top_pop .rows {position:relative;}
.top_pop .site_link {display:flex;align-items:center;height:40px;}
.top_pop .site_link a {display:block;padding:0 22px;font-family:NanumSL;font-weight:bold;font-size:15px;color:#fff;}
.top_pop .site_link li {font-size:15px;color:#fff;}
.top_pop .site_link .em {font-family:NanumSL;font-weight:bold;}
.top_pop .site_link li:first-child a {padding-left:10px;}
.top_pop .site_link li + li {margin-left:10px;}
.top_pop .x {position:absolute;right:0;top:0;width:30px;height:40px;}
.top_pop .x::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:#fff;transform:translate(-50%, -50%);}
#header2 {position:relative;min-width:1412px;border-bottom:1px solid #e6e6e6;background-color:#fff;}
.ctm_edu #header2 {border-bottom:0;}
#header2 .logo {flex-shrink:0;}
#header2 .frm .rows {display:flex;justify-content:space-between;align-items:center;height:90px;}
.ctm_edu #header2 .frm .rows {border-bottom:0;}
#header2 .frm .menu {display:flex;}
#header2 .quick {display:flex;align-items:center;margin-left:20px;}
#header2 .quick > li {position:relative;}
#header2 .quick > li + li {margin-left:20px;}
#header2 .quick > li > a {text-align:center;display:block;min-width:140px;height:40px;line-height:40px;padding:0 10px;border:1px solid var(--Ci-Blue);border-radius:20px;font-family:NanumSL;font-weight:bold;font-size:15px;color:var(--Ci-Blue);}
#header2 .quick > li > .blue {color:#fff;background-color:var(--Ci-Blue);}
#header2 .frm .nav {display:flex;}
#header2 .frm .nav a {display:block;height:90px;line-height:90px;padding:0 25px;font-size:18px;font-weight:600;color:#464646;}
#header2 .func {display:flex;align-items:center;margin-left:15px;}
#header2 .func button, #header2 .func a {width:36px;height:36px;}
#header2 .func .gb_search {background:url("../../images/www/icon/ic_gb_search.png") no-repeat 50% 50%;}
#header2 .func .tog_all {position:relative;margin-left:10px;}
#header2 .func .tog_all:before, #header2 .func .tog_all:after, #header2 .func .tog_all span:after {content:" ";position:absolute;right:6px;transition:all 0.3s ease;width:24px;height:2px;background:var(--Ci-Blue);}
#header2 .func .tog_all:before {top:7px}
#header2 .func .tog_all:after {top:27px;}
#header2 .func .tog_all span:after {right:13px;width:17px;top:17px;}
#header2 .func .tog_all.active:before {top: 50%;transform: rotate(-225deg);}
#header2 .func .tog_all.active:after {top: 50%;transform: rotate(-135deg);}
#header2 .func .tog_all.active span:after {display:none;}
#header2 .all_menu {display:none;position:absolute;top:100%;z-index:20;width:100%;background-color:#fff;}
#header2.active .all_menu {border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.all_menu .ct {display:flex;justify-content:center;padding:45px 170px 80px 170px;}
.all_menu .group {flex:1 1 0;}
.all_menu .group + .group {margin-left:25px;}
.all_menu .lab {position:relative;height:45px;line-height:1;margin-bottom:25px;padding-bottom:25px;font-size:20px;font-weight:600;color:#000;}
.all_menu .lab::before {content:" ";position:absolute;left:0;bottom:0;width:14px;height:2px;background-color:#000;}
.all_menu .group:not(.short):hover .lab {color:var(--Ci-Blue);}
.all_menu .group:not(.short):hover .lab::before {background-color:var(--Ci-Blue);}
.all_menu ul li + li {margin-top:10px;}
.all_menu ul a {display:block;line-height:22px;font-size:16px;color:#5a5a5a;}
.all_menu .group:not(.short) a:hover {color:var(--Ci-Blue);}
.all_menu .short li + li {margin-top:18px;}
.all_menu .short a {display:inline-block;position:relative;line-height:23px;padding-right:20px;font-weight:bold;color:#000;}
.all_menu .short a::after {content:" ";position:absolute;right:0;top:2px;width:12px;height:12px;background:url("../../images/www/icon/ic_menu_short.png") no-repeat 0 0;}
.all_menu2 {display:none;position:absolute;top:100%;z-index:20;width:100%;background-color:#fff;}
.all_menu2 {border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.all_menu2 .ct {display:flex;justify-content:center;padding:45px 170px 80px 170px;}
.all_menu2 .group {flex:1 1 0;}
.all_menu2 .group + .group {margin-left:25px;}
.all_menu2 .lab {position:relative;height:45px;line-height:1;margin-bottom:25px;padding-bottom:25px;font-size:20px;font-weight:600;color:#000;}
.all_menu2 .lab::before {content:" ";position:absolute;left:0;bottom:0;width:14px;height:2px;background-color:#000;}
.all_menu2 .group:not(.short):hover .lab {color:var(--Ci-Blue);}
.all_menu2 .group:not(.short):hover .lab::before {background-color:var(--Ci-Blue);}
.all_menu2 ul li + li {margin-top:10px;}
.all_menu2 ul a {display:block;line-height:22px;font-size:16px;color:#5a5a5a;}
.all_menu2 .group:not(.short) a:hover {color:var(--Ci-Blue);}
.all_menu2 .short li + li {margin-top:18px;}
.all_menu2 .short a {display:inline-block;position:relative;line-height:23px;padding-right:20px;font-weight:bold;color:#000;}
.all_menu2 .short a::after {content:" ";position:absolute;right:0;top:2px;width:12px;height:12px;background:url("../../images/www/icon/ic_menu_short.png") no-repeat 0 0;}
.log_pop {display:none;position:absolute;left:50%;top:65px;z-index:30;width:330px;padding:15px 35px 20px 35px;border:1px solid var(--Ci-Blue);border-radius:10px;background-color:#fff;transform:translateX(-50%);}
.log_pop .head {margin-bottom:8px;}
.log_pop .head p {text-align:center;line-height:1.4;font-family:NanumSL;font-weight:bold;font-size:16px;color:#010101;}
.log_pop .head span {font-family:NanumSL;font-weight:bold;color:var(--Ci-Blue);}
.log_pop .form {padding:15px 0 12px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.log_pop .box input {width:100%;height:40px;border:1px solid var(--Ci-Blue);border-radius:4px;font-size:14px;}
.log_pop .box input::placeholder {color:var(--Ci-Blue);}
.log_pop .box + .box {margin-top:10px;}
.log_pop .enter {text-align:center;display:block;line-height:40px;margin-top:10px;border-radius:18px;background-color:var(--Ci-Blue);font-size:14px;color:#fff;}
.log_pop .save {display:flex;align-items:center;margin-top:10px;font-size:14px;color:#787878;}
.log_pop .save label {margin-left:5px;font-family:NanumSL;font-weight:bold;}
.log_pop .help ul {display:flex;justify-content:space-between;padding-top:10px;}
.log_pop .help a {font-family:NanumSL;font-weight:bold;font-size:14px;color:#787878;}
.log_pop .help .em {color:var(--Ci-Blue);}
#header2 .nav_toggle {display:none;position:relative;z-index:100;margin-left:5px;}
#header2 .nav_toggle:before, #header2 .nav_toggle:after, #header2 .nav_toggle span:after {content:" ";position:absolute;right:6px;transition:all 0.3s ease;width:24px;height:2px;background:var(--Ci-Blue);}
#header2 .nav_toggle:before {top:7px}
#header2 .nav_toggle:after {top:27px;}
#header2 .nav_toggle span:after {right:13px;width:17px;top:17px;}

/* CRO */
#header2 .site_group {display:flex;align-items:center;}
#header2 .site_group .partner {margin-left:68px;}

/* ctm_edu */
.ctm_edu .visual {position:relative;height:690px;border-bottom:1px solid #e6e6e6;}
.ctm_edu .main_sd .viewer .rows {display:flex;align-items:center;justify-content:space-between;height:690px;}
.ctm_edu .img_group {display:flex;align-items:center;position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;}
.ctm_edu .img_group .rows {text-align:right;}
.ctm_edu .visual .wheel {position:absolute;left:50%;bottom:15px;z-index:10;padding-top:62px;font-size:17px;font-weight:bold;color:#000;letter-spacing:-1px;background:url("../../images/www/icon/ctm_edu_wheel.png") no-repeat 50% 0;}
.main_sd .viewer {opacity:0;visibility:hidden;transition:opacity 1s ease;z-index:10;}
.main_sd .viewer.slick-initialized {visibility:visible;opacity:1;}
/* fade: true 
.main_sd .slick-slide {opacity:0;transition:opacity 1s ease-out;}
.main_sd .slick-cloned {opacity:0.3;}
*/
.main_sd .control {position:relative;width:100%;bottom:0;z-index:10;}
.main_sd .control .rows {position:relative;}
.main_sd .slick-dots {text-align:center;position:absolute;left:300px;bottom:145px;z-index:10;}
.main_sd .slick-dots li {display:inline-block;margin:0 5px;}
.main_sd .slick-dots button {display:block;position:relative;width:40px;height:30px;font-size:0;}
.main_sd .slick-dots button::before {content:" ";position:absolute;left:0;top:50%;width:100%;height:4px;transform:translateY(-50%);background:#d2dce6;}
.main_sd .slick-dots .slick-active button::before {background:var(--Ci-Blue);}
.main_sd .ct {display:flex;flex-direction:column;justify-content:space-between;width:650px;height:335px;}
.k_health .main_sd .ct {width:700px;}
.main_sd .sub span {overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.3;font-family:Godo;font-size:60px;font-weight:700;color:#000;letter-spacing:-4px;}
.main_sd .sub .normal {white-space:nowrap;}
.main_sd .sub .em {word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:Godo;color:var(--Ci-Blue);}
.main_sd .desc {margin-top:20px;}
.main_sd .desc span {overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.5;font-family:NanumSL;font-weight:bold;font-size:19px;color:#284682;letter-spacing:-1px;}
.main_sd .desc .normal {word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.main_sd .desc .em {white-space:nowrap;font-family:NanumSR;font-weight:bold;}
/* .main_sd .bann {opacity:0;}
.main_sd .slick-active .bann {animation-delay:0.3s;animation-name:fadeInUp2;animation-duration:0.8s;animation-fill-mode:forwards;} */
.main_sd .bar {margin-top:30px;}
.main_sd .img {overflow:hidden;max-width:700px;max-height:80%;}
.ctm_edu .edu_link {padding:90px 0;}
.ctm_edu .edu_link.bg {background-color:#f5faff;}
.ctm_edu .edu_link .link {display:flex;justify-content:center;margin:0 -12px;}
.ctm_edu .edu_link .service .link {position:absolute;top:210px;left:50%;transform:translateX(-50%);}
.ctm_edu .edu_link .card {padding:0 12px;}
.ctm_edu .edu_link .card a {text-align:center;display:block;width:330px;height:330px;padding:35px 15px;border-radius:40px;background-color:#fff;box-shadow:0 0 25px rgba(200, 210, 230, 1);transition:all 0.3s ease;}
.ctm_edu .edu_link a:hover .lab, .ctm_edu .edu_link a:hover .title, .ctm_edu .edu_link a:hover .go, .ctm_edu .edu_link a:hover .go::before,
.ctm_edu .edu_link a:focus .lab, .ctm_edu .edu_link a:focus .title, .ctm_edu .edu_link a:focus .go, .ctm_edu .edu_link a:focus .go::before
{color:#fff;}
.ctm_edu .edu_link .card a:hover, .ctm_edu .edu_link .card a:focus {background-color:var(--Ci-Blue);}
.ctm_edu .edu_link a:hover .desc, .ctm_edu .edu_link a:focus .desc {color:#a0c8ff;}
.ctm_edu .section .sc_head {text-align:center;margin-bottom:40px;}
.ctm_edu .section .sc_head .title {font-family:Godo;font-size:48px;font-weight:700;color:#000;letter-spacing:-2px;}
.ctm_edu .section .sc_head .title span {font-family:Godo;color:var(--Ci-Blue);}
.ctm_edu .section .sc_head p {font-size:20px;font-weight:600;color:#000;}
.ctm_edu .section .sc_head .title + p, .ctm_edu .section .sc_head p + .title {margin-top:20px;}
.ctm_edu .section.board {padding:80px 0 85px 0;}
.ctm_edu.live .section.board, .ctm_edu.cro .section.board {padding-top:70px;}
.ctm_edu .edu_link .service {position:relative;width:730px;height:600px;margin:0 auto;padding-top:40px;border-radius:40px;background-color:#f5faff;box-shadow:0 0 15px rgba(210, 220, 230, 1);}
.ctm_edu .edu_link .lab {font-size:19px;font-weight:700;;color:#000;}
.ctm_edu .edu_link .card .title {display:flex;align-items:center;justify-content:center;height:120px;font-family:Godo;font-size:36px;font-weight:700;color:var(--Ci-Blue);letter-spacing:-2px;}
.ctm_edu .edu_link .desc {height:90px;line-height:1.5;font-size:15px;font-family:NanumSL;font-weight:bold;letter-spacing:-0.5px;color:#3c3c3c;}
.ctm_edu .edu_link .go {display:inline-block;position:relative;line-height:1;padding-right:25px;font-size:16px;font-weight:600;letter-spacing:-0.5px;color:var(--Ci-Blue);}
.ctm_edu .edu_link .go::before {content:"\e315";position:absolute;right:-6px;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;font-weight:normal;color:var(--Ci-Blue);transform:translateY(-50%);}
.ctm_edu .sub_sd {opacity:0;visibility:hidden;transition:opacity 1s ease;z-index:10;}
.ctm_edu .sub_sd.slick-initialized {visibility:visible;opacity:1;}
.ctm_edu .sub_ban {position:relative;height:400px;margin-top:30px;}
.ctm_edu .sub_ban::before {content:" ";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:300px;background-color:var(--Ci-Blue);}
.ctm_edu .sub_ban .control {position:absolute;width:100%;bottom:0;z-index:10;}
.sub_ban .control .holder {position:relative;width:1092px;margin:0 auto;}
.ctm_edu .sub_ban .slick-dots {text-align:center;position:absolute;left:290px;bottom:67px;}
.ctm_edu .sub_ban .slick-dots li {display:inline-block;margin:0 5px;}
.ctm_edu .sub_ban .slick-dots button {display:block;position:relative;width:40px;height:30px;font-size:0;}
.ctm_edu .sub_ban .slick-dots button::before {content:" ";position:absolute;left:0;top:50%;width:100%;height:4px;transform:translateY(-50%);background:#8296b4;}
.ctm_edu .sub_ban .slick-dots .slick-active button::before {background:#fff;}
.ctm_edu .sub_ban .sd {padding-top:100px;}
.ctm_edu .sub_ban .sd .rows {position:relative;}
.ctm_edu .sub_ban .sd .img {position:absolute;right:120px;top:-72px;background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.ctm_edu .sub_ban .sd.way .img {width:462px;height:309px;background-image:url("../../images/www/temp/sub_sd_deco_way.png");}
.ctm_edu .sub_ban .sd.learning .img {top:-100px;width:361px;height:340px;background-image:url("../../images/www/temp/sub_sd_deco_edu.png");}
.ctm_edu .sub_ban .sd .bann {display:flex;flex-direction:column;justify-content:center;height:300px;padding:0 150px;}
.ctm_edu .sub_ban .sd .ct {height:110px;}
.ctm_edu .sub_ban .sub {margin-bottom:30px;font-family:Godo;font-size:40px;font-weight:700;color:#fff;letter-spacing:-2px;}
.ctm_edu .sub_ban .sub .em {font-family:Godo;color:#78f0ff;}
.ctm_edu .sub_ban .desc {font-size:20px;font-weight:600;color:#fff;letter-spacing:-1px;}
.ctm_edu .sub_ban .bar {margin-top:25px;}
.ctm_edu .section.board .rows {padding:0 77px;}
.ctm_edu .section.board .tc_head {display:flex;align-items:center;justify-content:space-between;height:80px;margin-bottom:30px;border-top:2px solid #282828;border-bottom:1px solid #8c8c8c;padding:0 25px 0 60px;}
.ctm_edu .section.board .tc_head .title {font-size:22px;font-weight:bold;color:#000;}
.ctm_edu .section.board .tc_head .more {line-height:1;padding-right:15px;font-size:14px;font-weight:bold;color:#8c8c8c;background:url("../../images/www/icon/ctm_board_more.png") no-repeat 100% 0;}
.ctm_edu .tab_ct {position:relative;z-index:50;display:flex;border-radius:45px;background-color:#f5faff;box-shadow:0 0 15px rgba(210, 220, 230, 1);}
.ctm_edu .tab_ct .menu {flex-shrink:0;width:430px;padding:60px 0 50px 0;}
.ctm_edu .tab_ct .ct {flex-grow:1;padding:60px 45px;border-top-right-radius:45px;border-bottom-right-radius:45px;background-color:#fff;}
.ctm_edu .tab_ct .menu li + li {margin-top:25px;}
.ctm_edu .tab_ct .menu a {display:flex;align-items:center;width:385px;height:108px;margin-left:45px;border-top-left-radius:50px;border-bottom-left-radius:50px;background-color:#fff;box-shadow:0 0 15px rgba(210, 220, 230, 1);letter-spacing:-1px;word-break:keep-all;}
.ctm_edu .tab_ct .menu .lab {flex-shrink:0;width:175px;padding-left:25px;line-height:1;font-family:Godo;font-size:34px;font-weight:700;color:var(--Ci-Blue);letter-spacing:-1px;}
.ctm_edu .tab_ct .menu p {flex-grow:1;line-height:1.5;font-family:NanumSL;font-weight:bold;color:#3c3c3c;}
.ctm_edu .tab_ct .menu .on a, .ctm_edu .tab_ct .menu li:hover a {position:relative;width:490px;margin-left:-30px;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:var(--Ci-Blue);}
.ctm_edu .tab_ct .menu .on .lab, .ctm_edu .tab_ct .menu li:hover .lab {color:#fff;}
.ctm_edu .tab_ct .menu .on p, .ctm_edu .tab_ct .menu li:hover p {color:#a0c8ff;}
.ctm_edu .tab_ct .menu .on a::before, .ctm_edu .tab_ct .menu li:hover a:before {content:" ";position:absolute;right:30px;top:50%;width:24px;height:18px;background:url("../../images/www/icon/ctm_board_tab_on.png") no-repeat 0 0;transform:translateY(-50%);}
.ctm_edu .sha_ban {padding:85px 0 70px 0;}
.sha_ban .intro {position:relative;padding:45px 150px;border-radius:40px;background-color:var(--Ci-Navy);}
.sha_ban .title {margin-bottom:30px;font-family:Godo;font-size:40px;color:#fff;letter-spacing:-1px;}
.sha_ban .desc {line-height:1.5;font-size:20px;font-weight:600;color:#78f0ff;}
.sha_ban .link {margin-top:20px;}
.sha_ban .link a + a {margin-left:25px;}
.sha_ban .intro::before {content:" ";position:absolute;right:50px;top:-45px;width:582px;height:310px;background:url("../../images/www/icon/ctm_sha_ban_deco.png") no-repeat 0 0;}
.ctm_edu .section.partner {padding-top:70px;}
.ctm_edu .cl_li {display:flex;flex-wrap:wrap;}
.ctm_edu .cl_li a, .ctm_edu .cl_li .blank {display:flex;justify-content:center;align-items:center;width:16.6666%;height:80px;padding:0 20px;}
.ctm_edu .cl_li img {transition:all 0.3s ease;}
.ctm_edu .cl_li a:hover img {transform:scale(1.2);filter:grayscale(100%);}

/* ctm footer */
#footer2 {margin-top:100px;border-top:1px solid #e6e6e6;background-color:#f5faff;}
#footer2 .all_menu .rows {position:relative;}
#footer2 .site_menu {display:flex;justify-content:center;position:relative;min-height:360px;padding:45px 0;}
#footer2 .site_menu .group + .group {margin-left:70px;}
#footer2 .site_menu .lab {position:relative;line-height:1;margin-bottom:25px;padding-bottom:25px;font-size:20px;font-weight:600;color:#000;}
#footer2 .site_menu .lab::before {content:" ";position:absolute;left:0;bottom:0;width:14px;height:2px;background-color:#000;}
#footer2 .site_menu a {font-size:16px;color:#5a5a5a;}
#footer2 .site_menu li + li {margin-top:10px;}
#footer2 .p_top {position:absolute;right:0;bottom:60px;width:40px;height:40px;border-radius:50%;background:#c8c8c8 url("../../images/www/icon/ic_p_top.png") no-repeat 50% 50%;}
#footer2 .info {padding:20px 0 50px 0;border-top:1px solid #e6e6e6;}
#footer2 .info .top {display:flex;justify-content:space-between;align-items:flex-end;border-bottom:0;background:none;}
#footer2 .rel_link {display:flex;}
#footer2 .rel_link .sns {display:flex;}
#footer2 .rel_link .sns a, #footer2 .rel_link .tog {display:block;line-height:40px;font-family:NanumSL;font-weight:bold;font-size:14px;color:#787878;}
#footer2 .rel_link .sns li + li {margin-left:35px;}
#footer2 .rel_link .other {position:relative;margin-left:35px;}
#footer2 .rel_link .tog {text-align:left;position:relative;width:190px;line-height:38px;border:1px solid var(--Ci-Blue);border-radius:5px;padding-left:20px;color:#fff;background-color:var(--Ci-Blue);}
#footer2 .rel_link .tog::before {content:"\e145";position:absolute;right:12px;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:#fff;transform:translateY(-50%);}
#footer2 .rel_link .tog.on {border:1px solid var(--Ci-Blue);color:var(--Ci-Blue);background-color:#fff;}
#footer2 .rel_link .tog.on::before {content:"\e14c";color:var(--Ci-Blue);}
#footer2 .rel_link .site {display:none;position:absolute;left:0;bottom:51px;width:100%;padding:20px;border:1px solid var(--Ci-Blue);border-radius:5px;background-color:#fff;}
#footer2 .rel_link .tog.on + .site {display:block;}
#footer2 .rel_link .site li + li {margin-top:9px;}
#footer2 .rel_link .site a {font-size:14px;font-weight:500;color:#000;}
#footer2 .addr {padding-top:25px;}
#footer2 .addr::after {content:" ";clear:both;display:block;}
#footer2 .addr li {word-break:keep-all;float:left;position:relative;line-height:22px;font-size:13px;font-weight:300;color:#787878;}
#footer2 .addr li + li {margin-left:12px;padding-left:12px;}
#footer2 .addr li + li::before {content:" ";position:absolute;left:0;top:50%;width:1px;height:10px;background-color:#b6b9bb;transform:translateY(-50%);}
#footer2 .addr .cb {clear:both;margin:0;padding:0;}
#footer2 .addr .cb::before {display:none;}
#footer2 .info .bot {margin-top:15px;display:flex;justify-content:space-between;}
#footer2 .info .copy {font-size:14px;font-family:NanumSL;font-weight:bold;color:#5a5a5a;}
#footer2 .info .menu a {font-size:14px;font-weight:600;color:#5a5a5a;}
#footer2 .info .menu {display:flex;}
#footer2 .info .menu li + li {margin-left:25px;}

/* tbl_blank */
.tbl_blank td {text-align:center;height:32px;padding:0 10px;}
.tbl_blank td, .tbl_blank td a {font-family:NanumSL;font-size:16px;font-weight:bold;color:#000;}
.tbl_blank .t_red, .tbl_blank .t_blue {font-family:NanumSL;font-weight:bold;}
.tbl_blank .t_red {color:var(--Ci-Orange);}
.tbl_blank .t_blue {color:var(--Ci-LightBlue);}
.tbl_blank .attach_file {transform:rotate(45deg);}
.tbl_blank .attach_file::before {font-size:20px;}

/* round arrow buttn */
.ctm_edu .rd_aw_btn {min-width:260px;}
.rd_aw_btn {vertical-align:middle;display:inline-block;position:relative;height:70px;line-height:70px;border-radius:35px;padding:0 55px 0 35px;font-family:NanumSL;font-weight:bold;font-size:20px;color:#fff;background-color:var(--Ci-Blue);}
.rd_aw_btn::before {content:" ";position:absolute;right:30px;top:50%;width:13px;height:19px;background:url("../../images/www/icon/rd_aw_wt.png") no-repeat 0 0;transform:translateY(-50%);}
.rd_aw_btn.wt {color:var(--Ci-Blue);background-color:#fff;}
.rd_aw_btn.wt::before {background-image:url("../../images/www/icon/rd_aw_blue.png");}

/* portal */
.portal .section .sc_title {font-size:22px;font-weight:bold;color:#000;}
.portal .section .c_more {display:inline-block;padding-right:16px;line-height:16px;font-size:14px;font-weight:300;color:#666;background:url("../../images/www/common/mc_more.png") no-repeat 99% 50%;}
.portal .front {padding:30px 0;background-color:#e1f5f2;}
.portal .front .rows {display:flex;justify-content:space-between;}
.portal .front .rows > div {width:24.5%;}
.portal .front .rows > .login {width:26.5%;}
.portal .front .rows > div + div {margin-left:30px;}
.portal .front .group {height:420px;padding:30px;border-radius:10px;background-color:#256ab3;}
.portal .front .col .group {height:195px;background-color:#2394c3;}
.portal .front .col .group + .group {margin-top:30px;}
.portal .front .group .title {line-height:1;margin-bottom:20px;font-family:NanumSB;font-size:32px;font-weight:bold;color:#fefefe;}
.portal .front .link li {border-bottom:1px solid #5188c2;}
.portal .front .col .link li {border-bottom-color:#4fa9cf;}
.portal .front .link a {display:block;line-height:38px;font-size:18px;font-weight:300;color:#fff;background:url("../../images/www/bg/pt_front_link.png") no-repeat 100% 50%;}
.portal .front .login {height:420px;padding:20px 30px 25px 30px;border-radius:10px;background-color:#fff;}
.portal .front .login .head {text-align:center;height:55px;border-bottom:1px solid #cdd7e2;}
.portal .front .login .head p {text-align:center;line-height:1.3;font-size:18px;}
.portal .front .login .head span {font-family:NanumSR;font-weight:bold;letter-spacing:-1px;color:#2394c3;}
.portal .front .login .form {padding:15px 0;}
.portal .front .login input[type="text"], .portal .front .login input[type="password"] {width:100%;height:40px;border-radius:5px;border:1px solid #dbd9d9;font-size:14px;}
.portal .front .login .form .pw {margin-top:10px;}
.portal .front .login .box {margin-top:10px;}
.portal .front .login .enter {text-align:center;display:block;line-height:38px;border-radius:5px;font-family:NanumSL;font-size:14px;font-weight:bold;color:#fff;background-color:#f57300;}
.portal .front .login .bar {margin-top:10px;}
.portal .front .login .bar input[type="checkbox"] {border-color:#bbb;}
.portal .front .login .bar label {margin-left:5px;font-size:14px;font-weight:300;color:#000;}
.portal .front .login .help {display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #cdd7e2;}
.portal .front .login .help li {position:relative;}
.portal .front .login .help li + li:before {content:" ";position:absolute;left:-8px;top:50%;width:1px;height:13px;background-color:#dbd9d9;transform:translateY(-50%);}
.portal .front .login .help a {display:block;font-size:14px;color:#000;}
.portal .front .login .help .em {font-family:NanumSL;font-weight:bold;color:#03a25a;}
.portal .front .login.on .head {height:110px;}
.portal .front .login .info {padding-top:10px;font-size:14px;line-height:1.6;}
.portal .front .login .quick {padding:27px 0;}
.portal .front .login .quick .inner {display:flex;border:1px solid #dbd9d9;border-radius:5px;}
.portal .front .login .quick a {text-align:center;display:block;width:50%;padding:110px 0 28px 0;background-position:50% 28px;background-repeat:no-repeat;}
.portal .front .login .quick a:first-child {border-right:1px solid #dbd9d9;}
.portal .front .login .quick .room {background-image:url("../../images/www/common/mp_my_room.png");}
.portal .front .login .quick .acc {background-image:url("../../images/www/common/mp_my_acc.png");}
.front .onepass {padding-top:15px;}
.onepass .guide {line-height:1.3;word-break:keep-all;letter-spacing:-0.5px;font-size:12px;}
.onepass .btn_one {text-align:center;display:block;position:relative;line-height:38px;margin-top:10px;border-radius:5px;font-family:NanumSL;font-weight:bold;font-size:14px;color:#fff;background:#256ab3 url("../../images/www/icon/ic_one_pass_sm.png") no-repeat 10px 50%;}
.one_pass .agreement {text-align:center;}
.one_pass .agreement .img {margin-bottom:30px;}
.one_pass p {word-break:keep-all;line-height:1.4;font-size:14px;}
.one_pass .ag_info p + p {margin-top:10px;}
.one_pass .ag_info .em {font-weight:500;color:#256ab3;}
.one_pass .agreement .bar {display:flex;margin-top:15px;padding-top:15px;border-top:1px solid #c6c6c6;}
.one_pass .agreement .bar .c_btn {width:50%;height:50px;line-height:50px;border-radius:0;font-size:16px;font-weight:500;}
.one_pass .agreement .bar .c_btn + .c_btn {margin-left:5px;}
.one_pass .agreement .guide {margin:0;padding-top:15px;}

.portal .shortcuts li {float:left;width:14.2857%;height:160px;}
.portal .shortcuts li a {text-align:center;display:block;width:132px;margin:0 auto;}
.portal .shortcuts i {display:block;position:relative;height:132px;border:1px solid #77787a;border-radius:50%;box-shadow:0 5px 5px rgba(120, 120, 120, 0.25);}
.portal .shortcuts i:after {content:" ";position:absolute;left:50%;top:50%;width:67px;height:67px;background:url("../../images/www/common/img_shortcuts.png") no-repeat 0 0;transform:translate(-50%, -50%);}
.portal .shortcuts .calendar:after {width:67px;background-position-x:-69px;}
.portal .shortcuts .online:after {width:68px;height:65px;background-position-x:-139px;}
.portal .shortcuts .offline:after {width:64px;height:68px;background-position-x:-209px;}
.portal .shortcuts .certificate:after {width:68px;height:66px;background-position-x:-275px;}
.portal .shortcuts .faq:after {width:68px;background-position-x:-345px;}
.portal .shortcuts .join:after {width:67px;height:68px;background-position-x:-415px;}
.portal .shortcuts i:before {content:" ";display:none;position:absolute;width:130px;height:130px;background:url("../../images/www/common/img_shortcuts_on.png") no-repeat 50% 50%;}
.portal .shortcuts span {display:block;padding-top:10px;font-size:16px;font-family:"Malgun Gothic";font-weight:bold;letter-spacing:-2px;color:#333;}
.portal .shortcuts li a:hover i {box-shadow:0 5px 5px rgba(0, 44, 124, 0.35);}
.portal .shortcuts li a:hover i:before {display:block;}
.portal .shortcuts2 ul {display:flex;justify-content:space-between;}
.portal .shortcuts2 li a {text-align:center;display:block;}
.portal .shortcuts2 i {display:block;position:relative;width:130px;height:130px;margin:0 auto;border:1px solid #aaaaac;border-radius:9px;box-shadow:0 5px 5px rgba(120, 120, 120, 0.25);}
.portal .shortcuts2 i:after {content:" ";position:absolute;left:50%;top:50%;width:67px;height:67px;background:url("../../images/www/common/img_shortcuts_2.png") no-repeat 0 0;transform:translate(-50%, -50%);}
.portal .shortcuts2 .calendar:after {width:62px;}
.portal .shortcuts2 .inquiry:after {width:89px;height:61px;background-position-x:-64px;}
.portal .shortcuts2 .inquiry_check:after {width:95px;height:57px;background-position-x:-155px;}
.portal .shortcuts2 .credit:after {background-position-x:-252px;}
.portal .shortcuts2 .certificate:after {width:74px;background-position-x:-321px;}
.portal .shortcuts2 .test:after {background-position-x:-397px;}
.portal .shortcuts2 .license:after {width:80px;height:64px;background-position-x:-467px;}
.portal .shortcuts2 i:before {content:" ";display:none;position:absolute;width:130px;height:130px;background:url("../../images/www/common/img_shortcuts_on_2.png") no-repeat 50% 50%;}
.portal .shortcuts2 span {display:block;padding-top:15px;font-size:16px;font-family:NanumSR;font-weight:bold;letter-spacing:-1px;color:#333;}
.portal .shortcuts2 li a:hover i {box-shadow:0 5px 5px rgba(0, 44, 124, 0.35);}
.portal .shortcuts2 li a:hover i:before {display:block;}
.portal .link_ban {display:flex;margin-top:40px;}
.portal .img_ban {width:33.3333%;}
.portal .img_ban + .img_ban {margin-left:30px;}
.portal .post .rows {display:flex;}
.portal .post .head {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px;}
.portal .post .group {width:50%;}
.portal .post .group:last-child {margin-left:30px;}
.portal .post .list {position:relative;height:200px;}
.portal .post .list li a {display:block;position:relative;padding-right:90px;}
.portal .post .list .sub {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.portal .post .list .date {position:absolute;right:0;top:0;font-family:Roboto;font-size:16px;font-weight:300;}
.portal .post .list li + li {margin-top:17px;}

/* 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:#fff;}
.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 .front .bg {overflow:hidden;position:relative;}
.open_course .front .bg img {width:100%;}
.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:13px;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 .hd_box {position:relative;min-height:30px;margin-bottom:20px;}
.data_room .hd_box .sc_title {margin-bottom:0;}
.data_room .hd_box .add {position:absolute;right:0;bottom:5px;}
.data_room .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 .hd_box.sb .sc_title {float:left;}
.data_room .hd_box.sb .sub {float:left;margin:7px 0 0 10px;font-size:14px;font-weight:300;color:#212121;}

/* 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;} /* micro */
.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;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:56.25%;}
.edu_li .img img {position:absolute;left:0;top:0;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;font-weight:500;}
.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;} /* event, board */
.edu_li.data .con {border:0;box-shadow:none;}
.edu_li.data .con .top {height:60px;padding:10px 10px 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 .sub {outline:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:18px;letter-spacing:-0.3px;color:#212121;}
.edu_on_li .con {height:147px;background-color:#fff;}
.edu_on_li .con .top {padding-top:10px;}
.edu_on_li .con .type {height:26px;}
.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:56.25%;border-radius:4px;}
.edu_on_li .img img {position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1);transition:transform 0.3s ease, opacity 0.1s linear;}
.edu_on_li.scale .ct {display:none !important;}
.edu_on_li.scale .img:hover img {transform:scale(1.1);}
.edu_on_li .item {overflow:hidden;height:32px;}
.edu_on_li .item {padding-top:5px;font-size:14px;color:#3c3c3c;}
.edu_on_li .item li {line-height:1.3;}
.edu_on_li .item li + li {margin-top:5px;}
.edu_on_li .item .lab {text-align:center;vertical-align:middle;display:inline-block;min-width:70px;line-height:24px;margin-right:5px;padding:0 5px;border:1px solid #ccc;border-radius:2px;}
.edu_on_li .item .val {vertical-align:middle;display:inline-block;}
.edu_on_li .bar {overflow:hidden;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.wt {line-height:35px;border:1px solid #282728;color:#333;background-color:#fff;}
.edu_on_li .c_rating {display:flex;justify-content:space-between;height:24px;}
.edu_on_li .c_rating .favor.on .favorite:before {color:#fa7a62;}
.edu_on_li .c_rating .favor span {vertical-align:middle;display:inline-block;}
.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 .ct {display:none;cursor:default;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background-color:#fa7a62;} /* overflow-y:auto; */
.edu_on_li .ct > a {display:block;height:100%;padding:15px 15px 0 15px;}
.edu_on_li .ct .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;font-size:18px;font-weight:500;color:#fff;}
.edu_on_li .ct .info {font-size:13px;font-weight:300;color:#fff;}
.edu_on_li .ct .info .lab {text-align:center;width:60px;flex-shrink:0;height:30px;line-height:30px;margin-right:10px;padding:0 5px;border-radius:2px;background-color:#e56b57;}
.edu_on_li .ct .info li {display:flex;align-items:center;}
.edu_on_li .ct .info .wd {align-items:stretch;}
.edu_on_li .ct .info .wd .val {padding-top:5px;}
.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_on_li .cs_type {margin-right:3px;font-weight:400;}

/* edu_row_li */
.edu_row_li {border-top:1px solid #c6c6c6;}
.edu_row_li > li {border-bottom:1px solid #c6c6c6;}
.edu_row_li .inner {display:flex;align-items:center;position:relative;padding:10px 0;}
.edu_row_li .img {flex-shrink:0;overflow:hidden;position:relative;width:220px;height:165px;}
.edu_row_li .img img {position:absolute;width:100%;height:100%;}
.edu_row_li .type {margin-bottom:5px;}
.edu_row_li .sub {line-height:1.4;font-size:21px;font-weight:500;color:#3c3c3c;}
.edu_row_li .con {flex-grow:1;padding:0 20px;background-color:#fff;}
.edu_row_li .item {padding-top:10px;font-size:14px;color:#3c3c3c;}
.edu_row_li .item li {line-height:1.3;}
.edu_row_li .item li + li {margin-top:5px;}
.edu_row_li .item .lab {text-align:center;vertical-align:middle;display:inline-block;min-width:70px;line-height:24px;margin-right:5px;padding:0 5px;border:1px solid #ccc;border-radius:2px;}
.edu_row_li .item .val {vertical-align:middle;display:inline-block;}
.edu_row_li .btn {display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:150px;}
.edu_row_li .btn a + a {margin-top:10px;}
.edu_row_li .btn a {text-align:center;display:block;min-width:100px;height:36px;line-height:36px;padding:0 10px;letter-spacing:-0.23px;color:#fff;background-color:#282828;font-size:14px;color:#fff;}
.edu_row_li .btn .wt {line-height:35px;border:1px solid #282728;color:#333;background-color:#fff;}

/* edu_book_li */
.edu_book_li {margin:-15px;}
.edu_book_li:after {content:" ";display:block;clear:both;}
.edu_book_li > li {float:left;width:16.6666%;padding:15px;}
.edu_book_li .inner {position:relative;}
.edu_book_li .con {height:115px;padding-top:15px;background-color:#fff;}
.edu_book_li .sub {display:block;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:44px;line-height:22px;font-size:16px;letter-spacing:-0.3px;color:#212121;}
.edu_book_li .img {position:relative;margin:0 auto;width:150px;height:200px;}
.edu_book_li .img img {position:absolute;width:100%;height:100%;}
.edu_book_li .group {padding-top:10px;font-size:15px;}
.edu_book_li .price {font-size:14px;color:#f91f43;}
.edu_book_li a {display:block;}
.edu_book_li a:hover .sub, .edu_book_li a:hover .group, .edu_book_li a:hover .price {text-decoration:underline;}

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

/* edu_on_detail */
.edu_on_detail > .top {position:relative;padding:15px 10px;}
.edu_on_detail > .top .sub {vertical-align:middle;display:inline-block;line-height:1.3;font-size:22px;font-weight:500;color:#212121;}
.edu_on_detail > .top .cs_type {position:relative;top:2px;margin-right:5px;}
.edu_on_detail > .top .sns_li {position:absolute;right:10px;top:12px;}
.edu_on_detail {border-top:1px solid #282728;}
.edu_on_detail .cont {position:relative;min-height:196px;padding:0 0 0 350px;}
.edu_on_detail .info {padding-bottom:10px;}
.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 .c_rating {vertical-align:middle;display:inline-block;margin:0 0 0 5px;}
.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:10px;top:0;width:320px;height:180px;}
.edu_on_detail .img img {position:absolute;left:0;top:0;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 .bar {text-align:center;position:relative;padding:20px 0;}
.edu_on_detail .btn_chk {position:absolute;right:0;top:20px;}
.edu_on_detail .btn_chk .chk {vertical-align:middle;display:inline-block;position:relative;width:40px;height:40px;border:2px solid #eb7c7c;border-radius:50%;}
.edu_on_detail .btn_chk .chk i {line-height:37px;}
.edu_on_detail .btn_chk .chk:before {display:none;content:" ";text-align:center;position:absolute;left:50%;top:-41px;width:50px;height:32px;line-height:32px;margin-left:-25px;border-radius:4px;font-size:12px;color:#fff;background:#f45470;}
.edu_on_detail .btn_chk .chk:after {display:none;content:" ";position:absolute;left:50%;top:-9px;margin-left:-3px;border-top:6px solid #f45470;border-left:3px solid transparent;border-right:3px solid transparent;}
.edu_on_detail .btn_chk .chk.add:before {content:"즐겨찾기";}
.edu_on_detail .btn_chk .chk.favorite:before {content:"좋아요";}
.edu_on_detail .btn_chk .chk:hover:before, .edu_on_detail .btn_chk .chk:hover:after {display:block;}
.edu_on_detail .btn_chk .chk.add i:before {content:"\e145";color:#eb7c7c;}
.edu_on_detail .btn_chk .add.on i:before {content:"\e876";}
.edu_on_detail .btn_chk .chk.favorite i:before {content:"\e87e";color:#eb7c7c;}
.edu_on_detail .btn_chk .favorite.on i:before {content:"\e87d";}

.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 {overflow:hidden;position:relative;padding:20px 280px 0 0;}
.edu_detail .cont .info .sub {line-height:1.4;font-size:20px;font-weight:500;color:#212121;}
.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_li {position:absolute;right:0;top:20px;}
.edu_detail .side .c_title3 {display:none;}
.edu_detail .main.flex {margin-bottom:0;}
.edu_detail .info_item {clear:both;padding-top:40px;}

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

/* 여백 */
.dmr, .ip_gp.dmr {margin-right:15px;}
.neg_mg, .neg_rg {margin:0 -10px;} /* negative margin */
.neg_sm {margin: -5px;}
.ng_mt {margin-top:-10px;}
.ng_mt_10 {margin-top:-10px !important;}
.mt_0 {margin-top:0 !important;}
.mts, .mt, .mt_5 {margin-top:5px;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_30 {margin-top:30px !important;}
.mt_40 {margin-top:40px !important;}
.mt_50 {margin-top:50px !important;}
.mb_0 {margin-bottom:0 !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_50 {margin-bottom:50px !important;}
.ml_0 {margin-left:0 !important;}
.mls {margin-left:5px;}
.ml_10, .ml {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.mr_0 {margin-right:0 !important;}
.mrs, .mr_s {margin-right:5px;}
.mr_10, .mr {margin-right:10px !important;}
.mr_20 {margin-right:20px !important;}
.p_0 {padding:0 !important;}
.p_10 {padding:10px !important;}
.p_20 {padding:20px !important;}
.pt_0 {padding-top:0 !important;}
.pb_0 {padding-bottom:0 !important;}
.pl_0 {padding-left:0 !important;}
.pr_0 {padding-right:0 !important;}

/* common */
.vs_mo {display:none;}
.sr_only {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;}
.ff_mg {font-family:'Malgun Gothic' !important;}
.slash {background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');}
.back_slash {background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');}
.slash .col, .back_slash .col {display:block;}
.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:6px solid #f1f1f1;font-size:17px;font-weight:500;} /* empty box */
.e_box.img {padding:0 0 40px 0;border:0;}
.e_box.img .frm {display:inline-block;}
.e_box.img .frm + p {margin-top:10px;font-size:16px;}
.e_box2 {text-align:center;padding:25px 0;background-color:#f5f5f5;}
.e_box2 p {line-height:1.6;font-family:NanumSR;font-size:16px;font-weight:bold;color:#212121;}
.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;min-height:36px;}
.sb_top:before {content:" ";clear:both;display:block;}
.sb_top .right {position:absolute;right:0;bottom:0;}
.sb_top .p_title {display:none;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:#212121;}
.sb_top .url:after {display:none;content:" ";position:absolute;left:50%;top:-8px;margin-left:-3px;border-top:6px solid #212121;border-left:3px solid transparent;border-right:3px solid transparent;}
.sb_top .url:before {content:"URL 복사";}
td .tb_img {max-width:60%;margin:0 auto;}
.tb_group li {padding:10px 0;}
.tb_group li + li {border-top:1px solid #ccc;}
.tb_group .sub {font-weight:500;}
.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;}
.chk_li li {float:left;}
.chk_li li + li {margin-left:5px;}
.chk_li a {text-align:center;display:block;position:relative;width:40px;height:40px;border:2px solid #eb7c7c;border-radius:50%;}
.chk_li i {line-height:37px;}
.chk_li a:before {display:none;content:" ";text-align:center;position:absolute;left:50%;top:-41px;width:50px;height:32px;line-height:32px;margin-left:-25px;border-radius:4px;font-size:12px;color:#fff;background:#f45470;}
.chk_li a:after {display:none;content:" ";position:absolute;left:50%;top:-9px;margin-left:-3px;border-top:6px solid #f45470;border-left:3px solid transparent;border-right:3px solid transparent;}
.chk_li .url:before {content:"URL 복사";}
.chk_li .mark:before {content:"즐겨찾기";}
.chk_li .favorite:before {content:"좋아요";}
.chk_li a:hover:before, .chk_li a:hover:after {display:block;}
.chk_li .mark i:before {content:"\e145";color:#eb7c7c;}
.chk_li .mark.on i:before {content:"\e876";}
.chk_li .favorite i:before {content:"\e87e";color:#eb7c7c;}
.chk_li .favorite.on i:before {content:"\e87d";}
.chk_li .url i:before {content:" ";width:24px;height:24px;background:url(../../images/www/icon/fic_url.png) no-repeat 0 0;}
.chk_li .one:before {content:"1:1";}
.chk_li .one .text {height:38px;line-height:38px;font-size:18px;font-weight:500;color:#eb7c7c;}
.chk_li.gray a {border-color:#666;}
.chk_li.gray i:before, .chk_li.gray .one .text {color:#666;}
.chk_li.gray a:before {background:#000;}
.chk_li.gray a:after {border-top-color:#000;}
.chk_li.gray .url i:before {background-image:url(../../images/www/icon/fic_url_gray.png);}
.hd_box.sch {margin-bottom:20px;}
.hd_box.sch .sc_title {float:left;}
.hd_box.sch .t_search {float:right;width:400px;}
.t_search .input {position:relative;}
.t_search .input input[type="text"] {outline:none;height:46px;line-height:46px;border:0;padding-right:56px;border:2px solid #212121;}
.t_search .input .enter {overflow:hidden;position:absolute;right:0;top:0;width:56px;height:46px;font-size:0;background:#212121 url("../../images/www/common/t_search_enter_32.png") no-repeat 50% 50%;}
.note_li {padding-top:10px;font-size:14px;}
.note_li .em, .note_li.em {color:#f45470;}
.note_li li {position:relative;line-height:1.5;}
.note_li li.hypen, .note_li li.ref {padding-left:15px;}
.note_li li.hypen:before {content:"-";position:absolute;left:5px;top:0;}
.note_li li.ref:before {content:"※";position:absolute;left:0;top:0;}
.note_li.blue li {color:blue;}
.note_li.bot {padding:0 0 10px 0;}
.note_li.st {padding:0;}
.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;}
.pw_safety .icc.caution:before {color:#fff;}
.hd_box2 {display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.hd_box2 .cs_title, .hd_box2 .c_title3 {margin-bottom:0;}
.hd_box2.top {margin-top:20px;}
.hd_box2 .note {font-size:13px;}
.hd_box2 .note.em {color:red;}
.line_space {margin:6px 0 8px 0;height:1px;border-top:1px dashed #ccc;}
.fl_box {display:flex;align-items:center;}
.fl_box.sb {justify-content:space-between;}
.help_link {vertical-align:middle;display:inline-block;text-decoration:underline;line-height:16px;padding-right:30px;font-size:15px;color:#2b65dc;background:url("../../images/www/icon/fic_help_blue.png") no-repeat 100% 50%;}
.lect_note .lab {font-family:NanumSR;font-weight:bold;color:#212121;}
.lect_note .desc {margin-top:5px;}
.text_group {word-break:keep-all;padding:15px;background-color:#f8f8f8;}
.text_group li {font-size:15px;}
.text_group li + li {margin-top:15px;}
.text_group .link {display:flex;justify-content:center;padding-top:20px;}
.text_group .link a {text-align:center;min-width:160px;line-height:35px;padding:0 20px;border:1px solid #282828;color:#333;}
.text_group .link a + a {margin-left:10px;}
.text_group .link .nw {position:relative;top:2px;display:inline-block;width:16px;height:16px;margin-left:5px;background:url("../../images/www/icon/fic_nw_bk.png") no-repeat 0 0;}
.lc_guide {word-break:keep-all;text-align:center;font-size:22px;font-weight:bold;color:#212121;}

/* 온 오프 버튼 */
.onoff{display:inline-block; vertical-align: middle;}
.onoff label{display: block; position: relative; color:#999; font-size:10px;  width: 60px; height: 26px; border-radius: 17px; background-color: #ddd; transition-duration: 0.2s;}
.onoff input[type="checkbox"] { position: absolute; visibility: hidden;}
.onoff label span {position: absolute; left: 3px;top: 3px; z-index: 1; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; transition-duration: 0.2s;}
.onoff label:before,
.onoff label:after{position: absolute; top: 0; width: 30px; line-height: 26px; color: #fff; text-align: center;}
.onoff label:before {left: 0; content: 'ON';}
.onoff label:after {right: 0; content: 'OFF';}
.onoff input:checked + label {background:#0777ba ;}
.onoff input:checked + label span {transform: translateX(34px);}
.onoff.no_txt  label:before,
.onoff.no_txt  label:after{content:'';}

/* chat */
.edu_chat .frm::-webkit-scrollbar {width:7px;height:7px;}
.edu_chat .frm::-webkit-scrollbar-track {border-radius:20px;}
.edu_chat .frm::-webkit-scrollbar-thumb {background:#ddd;border-radius:20px;} /* scroll bar */
.edu_chat {position:absolute;right:0;top:0;width:260px;height:100%;padding-top:40px;}
.edu_chat .head {text-align:center;position:absolute;left:0;top:0;width:100%;height:40px;line-height:40px;font-family:NanumSR;font-weight:bold;color:#fff;background-color:#272727;}
.edu_chat .frm {overflow-y:auto;height:calc(100% - 80px);padding:10px;border-left:1px solid #ddd;}
.edu_chat .msg {clear:both;float:left;max-width:90%;}
.edu_chat .msg.my {float:right;}
.edu_chat .msg + .msg {margin-top:15px;}
.edu_chat .info span {vertical-align:middle;display:inline-block;font-size:13px;}
.edu_chat .info .name {margin-right:3px;font-family:NanumSR;font-weight:bold;color:#212121;}
.edu_chat .info .time {font-size:11px;color:#989898;}
.edu_chat .msg.my .info {text-align:right;}
.edu_chat .bubble {line-height:1.4;margin-top:5px;padding:10px;border-radius:8px;font-size:12px;color:#212121;background-color:#f5f6f8;}
.edu_chat .prof .bubble {background-color:#feebd4;}
.edu_chat .input_box {display: flex;align-items: center; width:100%;height:50px;border-top:1px solid #ddd;padding:10px;border-left:1px solid #ddd;}
.edu_chat .input_box .form {width:calc(100% - 20px);bottom:40px;padding:7px;border:1px solid #dbdbdb;border-radius:10px;background-color:#f0f2f5;}
.edu_chat .input_box textarea {height:18px;padding:0;border:0;font-size:13px;background:none;}
.edu_chat .input_box .menu {display:flex;justify-content:space-between;padding-left:5px;}
.edu_chat .menu li {float:left;}
.edu_chat .menu .attach li {margin-right:5px;}
.edu_chat .menu li a {display:block;width:24px;height:24px;background-repeat:no-repeat;background-position:0 0;}
.edu_chat .emoji {background-image:url("../../images/www/common/chat_emoji.png");}
.edu_chat .file {background-image:url("../../images/www/common/chat_file.png");}
.edu_chat .send {background-image:url("../../images/www/common/chat_send.png");}

/* custom color */
.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 */
.tb_note {display:block;position:relative;line-height:1.4;margin-top:5px;font-size:14px;letter-spacing:-0.5px;}
.tb_note.blue {font-weight:500;color:#2b65dc;}
.tb_note.red {font-weight:500;color:#d51500;}
.tb_note.ref {padding-left:15px;}
.tb_note.ref:before {content:"※";position:absolute;left:0;}
.tb_note.bot {margin:0 0 5px 0;}
.tb_note.line {vertical-align:middle;display:inline-block;margin: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;}
.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:150px;padding:15px;border:1px solid #b9b9b9;border-bottom:0;font-size:15px;background-color:#fff;}
.termbox.low {height:100px;}
.termbox .mL7 {margin-left:7px;}
.termbox .mL15 {margin-left:15px;}
.termbox .mL25 {margin-left:25px;}
.termbox .group + .group {margin-top:10px;}
.termbox b, .termbox strong {font-weight:500;}
.termbox .ch, .termbox .ch strong {font-size:16px;}
.termbox .group .title {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:16px;}
.ag_top li:before {content:" ";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background-color:#666;}
.ag_term {position:relative;padding:13px 13px 13px 40px;font-size:16px;color:#fff;background-color:#a4a4a4;} /* #a4a4a4 */
.ag_term input[type="checkbox"] {position:absolute;left:15px;top:14px;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_term.yn {text-align:right;padding:13px;}
.ag_all {text-align:center;margin-top:15px;padding:15px 0;border-top:1px solid #b9b9b9;}
.ag_all label {font-size:19px;font-weight:500;color:#000;}
.ag_all input[type="checkbox"] {position:relative;width:18px;height:18px;margin-right:5px;border-color:#212121;}
.mb_end {display:flex;align-items:center;justify-content:center;min-height:200px;border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.mb_end .frm {text-align:center;padding:60px 40px 60px 280px;background:url("../../images/www/common/logo_footer.png") no-repeat 20px 50%;}
.mb_end .title {font-size:30px;font-weight:500;color:#212121;}
.mb_end .desc {word-break:keep-all;line-height:1.4;margin-top:15px;padding-top:15px;border-top:1px solid #dedede;font-size:18px;}
.mb_end .desc p + p {margin-top:10px;}
.mb_end .em {color:#009c88;}
.acc_find {text-align:center;position:relative;padding:40px 0;}
.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 .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:10px;padding:13px;border-radius:5px;background-color:#f5f7f9;}
.ct_box_li.fx {display:flex;justify-content:space-between;align-items:center;}
.ct_box_li li, .ct_box_li .chk {position:relative;line-height:1.6;padding-left:28px;font-size:14px;}
.ct_box_li li + li {margin-top:5px;}
.ct_box_li li:before, .ct_box_li .chk:before {content:"\e5ca";position:absolute;left:0;top:-1px;line-height:1;font-family:'Material Icons';font-size:24px;color:#008bc4;}
.ct_box_li.st, .ct_box_li2.st {margin:0;}
.ct_box_li.top, .ct_box2.top {margin-top:15px;}
.ct_box_li2 {margin-bottom:10px;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;}
.ct_box2 {line-height:1.5;padding:15px;border-radius:5px;background-color:#f5f7f9;}
.ct_box2.st {padding:0;background:none;}
.ct_box2 * {font-family:NanumSL;font-weight:bold;}
.ct_box2 .ff_mg {font-weight:normal;}
.ct_box2 p {position:relative;}
.ct_box2 .desc {color:#212121;}
.ct_box2 .desc.ref, .ct_box2 .para.ref {padding-left:18px;}
.ct_box2 .desc.chk {padding-left:18px;}
.ct_box2 .desc.ref:before, .ct_box2 .para.ref:before, .ct_box2 li.ref:before {content:"※";position:absolute;left:0;top:0;}
.ct_box2 .desc.chk:before {content:"▶";position:absolute;left:0;top:0;}
.ct_box2 ul li {position:relative;padding-left:15px;font-size:14px;}
.ct_box2 ul li + li {margin-top:3px;}
.ct_box2 .counter {counter-reset:number 0;}
.ct_box2 .counter li:before {content:counter(number) '.';counter-increment: number 1;position:absolute;left:0;color:#212121;}
.ct_box2 .ord {display:none;position:absolute;left:0;}
.ct_box2 .hypen .ord {left:5px;}
.ct_box2 .hypen li:before {content:"-";position:absolute;left:0;top:0;}
.ct_box2 .line {text-decoration:underline;}
.ct_box2 .top {margin-top:20px;}
.ct_box2 .red {color:red;}
.ct_box2 .blue {color:#0059a3;}
.ct_box2.wt {padding:0;background:none;}
.ct_box2.wt .top {margin-top:10px;}
.ct_box2 .hypen li:before, .ct_box2 li.hypen:before {content:"-";position:absolute;left:4px;top:0;}
.ct_box2 .ref li:before, .ct_box2 li.ref:before {content:"※";position:absolute;left:0;top:0;}
.ct_box2 ul.dot li {padding-left:12px;}
.ct_box2 ul.dot li:before {content:" ";position:absolute;left:4px;top:9px;width:2px;height:2px;border-radius:50%;background-color:#666;}
.ct_box2 .star:before, .ct_box2 .hypen .star:before {content:"*";position:absolute;left:4px;top:0;}
.ct_box2 li.star2:before {content:"**";position:absolute;left:0;top:0;}
.ct_box2 ul + ul {margin-top:10px;}
.dtop,
.ct_box2.dtop {margin-top:30px;}

.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_type {vertical-align:middle;display:inline-block;height:26px;line-height:26px;padding:0 10px;border-radius:2px;font-size:14px;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;}
.cs_type.sm {height:20px;line-height:20px;padding:0 5px;font-size:13px;}
.adm_info {clear:both;overflow:hidden;padding:15px;border-radius:10px;background-color:#f8f8f9;}
.adm_info li {position:relative;line-height:1.6;padding-left:13px;color:#777;}
.adm_info li:before {content:" ";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#ba9d7f;}
.adm_info li span {display:inline-block;position:relative;}
.adm_info .lab {margin-right:5px;padding-right:10px;font-weight:500;}
.adm_info .lab:before {content:":";position:absolute;right:0;top:0;}
.adm_info .wd .val {display:block;}
.adm_info .half li {float:left;width:50%;}
.adm_info ul {clear:both;overflow:hidden;}
.adm_info ul + ul {margin-top:10px;padding-top:10px;border-top:1px solid #dedede;}
.adm_info ul + .st {margin:0;padding:0;border-top:0;}
.sns_li > li {float:left;}
.sns_li > li + li {margin-left:5px;}
.sns_li .url {background-image:url("../../images/www/icon/ic_url.png");}
.sns_li .insta {background-image:url("../../images/www/icon/ic_insta.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;}

/* 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.lg > table {min-width:980px;}
.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;min-height:32px;margin-bottom:10px;}
.h_box .c_title, .h_box .c_title1, .h_box .c_title3, .h_box .c_title3.top {margin-top:0;margin-bottom:0;}
.h_box .c_title {top:5px;}
.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;}
.h_box.cb {display:flex;justify-content:space-between;align-items:flex-end;}
.h_box.top {margin-top:30px;}

/* 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;}
.icmg.help {width:24px;height:24px;margin:0 -2px 0 2px;background-image:url("../../images/www/icon/fic_help.png")}

/* 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;}
.icmg.win_blue {width:16px;height:16px;background:url("../../images/www/icon/ic_new_window.png") no-repeat 0 0;}
.tb_link .win_blue {margin:-2px 0 0 5px;}

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

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

/* radio_sel */
.radio_sel li {position:relative;padding-left:40px;}
.radio_sel .sel {position:absolute;left:0;top:0;}
.radio_sel li + li {margin-top:5px;}

/* 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.red {color:#f45470;}
.hypen_li li {position:relative;padding-left:13px;}
.hypen_li li:before {content:" ";position:absolute;left:3px;top:10px;width:4px;height:1px;background-color:#666;}
.hypen_li.red li:before {background-color:#f45470;}
.hypen_li li.ref:before {content:"※";top:1px;left:-1px;width:auto;height:auto;border-radius:0;font-size:13px;font-weight:normal;background:none;}

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

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

/* form */
.form_box {margin-bottom:20px;padding:20px;background-color:#f6f6f6;}
.form_box .inner {display:flex;justify-content:end;align-items:center;}
.form_box .count {letter-spacing:var(--LetterSpacing);color:#424242;}
.form_box .count .num {color:var(--Ci-Blue);}
.form_box .key {width:340px;}
.form_box .otp {width:160px;}
.form_box .comb.wd_r {text-align:right;width:100%;}
.form_box select, .form_box input[type="text"] {height:45px;border-color:#c0c0c0;}
.form_box .c_btn {height:45px;line-height:45px;font-size:16px;}
.form_box .lab {vertical-align:middle;display:inline-block;margin-right:5px;font-weight:bold;color:#222;}
.form_box .cols + .cols {margin-left:20px;}
.form_box .cols + .comb {margin-left:3px;}
.form_box .sch_detail {margin-top:10px;}
.form_box .ctg_group {display:flex;align-items:center;}
.form_box .ctg_group .lab {display:block;margin-bottom:5px;font-size:15px;color:#999;}
.form_box .ctg_group select {width:100%;}
.form_box .ctg_group .ctg {flex:1 1 0;padding:0 10px;}
.form_box .ctg_group + .ctg_group, .form_box .ctg_group + .inner {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}
.form_box .ctg_box {display:flex;align-items:center;flex-grow:1;}
.form_box .ctg_box .ctg {padding:0 10px 5px 10px;}
.form_box .has_comb .comb {position:relative;padding-right:65px;}
.form_box .has_comb .comb .key {width:100%;}
.form_box .has_comb .comb .enter {position:absolute;right:0;bottom:0;width:60px;}
.form_box .ctg_col {display:flex;flex:1 1 0;}
.form_tbl .group + .group {margin-top:15px;}
.form_tbl .lab {margin-bottom:10px;font-size:16px;font-family:SpoqaL;font-weight:bold;color:#222;}
.form_tbl input[type="text"] {width:100%;height:50px;border:1px solid rgba(0, 0, 0, .2);border-radius:4px;}
.form_box .enter_bar {text-align:center;padding-top:10px;}
.form_box .enter_bar .c_btn {min-width:60px;}
.form_box .ctg_lab {width:100px;font-weight:bold;color:#222;}
.tab_set .btn {vertical-align:top;display:inline-block;padding:5px 3px 5px 0;}
.tab_set .btn button {display:block;line-height:45px;padding:0 15px;border:1px solid #fff;font-family:NanumSL;font-weight:bold;background-color:#fff;}
.tab_set .btn button:hover {border-color:var(--Ci-Blue);color:var(--Ci-Blue);}
.tab_set .btn button.selected {border-color:var(--Ci-Blue);color:#fff;background-color:var(--Ci-Blue);}

/* 교육신청 */
.form_box2 {margin-bottom:20px;padding:20px;border:1px solid #d2d2d2;background-color:#f6f6f6;}
.form_box2 .inner {display:flex;justify-content:end;align-items:center;}
.form_box2 .count {letter-spacing:var(--LetterSpacing);color:#424242;}
.form_box2 .count .num {color:var(--Ci-Blue);}
.form_box2 .key {width:340px;}
.form_box2 .otp {width:160px;}
.form_box2 .comb.wd_r {text-align:right;width:100%;}
.form_box2 .cols + .cols {margin-left:20px;}
.form_box2 .cols + .comb {margin-left:3px;}
.form_box2 .sch_detail {margin-top:10px;}
.form_box2 .ctg_group {display:flex;align-items:center;}
.form_box2 .ctg_group select {width:100%;}
.form_box2 .ctg_group .ctg {flex:1 1 0;padding:0 10px;}
.form_box2 .ctg_box {display:flex;align-items:center;flex-grow:1;}
.form_box2 .ctg_box .ctg {padding:0 10px 5px 10px;}
.form_box2 .has_comb .comb {position:relative;padding-right:65px;}
.form_box2 .has_comb .comb .key {width:100%;}
.form_box2 .has_comb .comb .enter {position:absolute;right:0;bottom:0;width:60px;}
.form_box2 .ctg_col {display:flex;flex:1 1 0;}
.form_tbl .group + .group {margin-top:15px;}
.form_tbl .lab {margin-bottom:10px;font-size:16px;font-family:SpoqaL;font-weight:bold;color:#222;}
.form_tbl input[type="text"] {width:100%;height:50px;border:1px solid rgba(0, 0, 0, .2);border-radius:4px;}
.form_box2 .enter_bar {text-align:center;padding-top:10px;}
.form_box2 .enter_bar .c_btn {min-width:60px;}
.form_box2.my {margin-top:-10px;padding:0 20px 10px 20px;border:0;background:none;}
.form_box2 select, .form_box2 input[type="text"] {border-color:#c0c0c0;}
.form_box2 .ctg_row {display:flex;}
.form_box2 .ctg_row + .ctg_row {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}
.form_box2 .ctg {display:flex;align-items:center;}
.form_box2 .ctg .lab {line-height:30px;margin-right:15px;font-family:NanumSR;font-weight:bold;font-size:14px;color:#222;}
.form_box2 .ctg + .ctg {margin-left:20px;}
.form_box2 .sel .btn {position:relative;display:inline-block;height:32px;line-height:30px;margin:2px 2px 2px 0;padding:0 10px;border:1px solid #fff;font-size:14px;background-color:#fff;}
.form_box2.my .sel .btn {height:26px;line-height:24px;padding:0 20px 0 5px;font-size:13px;}
.form_box2.my .sel .btn::before {content:"\e5cd";position:absolute;right:1px;top:3px;line-height:1;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#fff;}
.form_box2 .sel .btn:hover {border-color:#676c71;color:#676c71;}
.form_box2 .sel .btn.selected {border-color:#676c71;color:#fff;background-color:#676c71;}
.form_box2 .sel .date {vertical-align:middle;display:inline-block;}
.form_box2 .sel .act {width:300px;}

/* 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 {display:flex;justify-content:center;align-items:center;border:6px solid #f1f1f1;padding:10px;background-color:#fff;}
.ds_box > .inner.sb {justify-content:space-between;} */
.ds_box > .inner {text-align:center;border:6px solid #f1f1f1;padding:10px;background-color:#fff;}
.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:36px;border-radius:0;font-size:14px;}
.ds_box .lab {vertical-align:middle;margin-right:8px;letter-spacing:-0.25px;font-family:NanumSR;font-weight:bold;color:#222;}
.ds_box .comb {position:relative;vertical-align:middle;display:inline-block;margin:2px;}
.ds_box .comb input[type="text"] {width:250px;}
.ds_box .comb input[type="text"], .ds_box .c_btn {height:36px;line-height:36px;padding:0 15px;border-radius:0;font-size:14px;}
.ds_box .prop {display:inline-block;vertical-align:middle;}
.ds_box .word, .ds_box .c_date {display:inline-block;}
.ds_box .word {margin-right:20px;}
.ds_box .keyword {width:300px;margin-right:2px;}
.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;}
.ds_box.list .inner {position:relative;padding-right:115px;}
.ds_box .align_li {position:absolute;right:15px;top:13px;}
.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:17px;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;}
.bd_box .sc_url {vertical-align:middle;display:inline-block;margin-right:5px;font-size:13px;color:#666;}
.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 {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;}
.t_bar.right {justify-content:flex-end;}
.t_bar .left {float:left;}
.t_bar .right {float:right;}
.t_bar.top {margin-top:20px;}
.t_bar.dbot {margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #cacaca;}
.t_bar .count {color:#424242;}
.t_bar .count .num {color:var(--Ci-Blue);}
.t_bar .sel_count select {height:32px;border-color:#c0c0c0;}
.t_bar .lab {vertical-align:middle;display:inline-block;margin-right:5px;font-weight:bold;color:#222;}
.t_bar.ar {display:block;}
.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%;}

/* content box */
.note_box {margin-bottom:20px;padding:15px;border:1px solid #dfdfdf;border-radius:8px;}
.note_box .st_text {font-family:SpoqaL;font-weight:bold;font-size:18px;color:#222;}
.note_box .st_text .num {color:var(--Ci-Red);}
.note_box .em {color:var(--Ci-Sky);font-family:SpoqaR;font-weight:bold;}
.note_box .tb_link {font-family:SpoqaR;font-weight:bold;}
.note_box .flex {display:flex;}
.note_box .tab {width:80px;}
.note_box .badge {display:inline-block;height:30px;line-height:30px;padding:0 15px;border-radius:15px;font-size:14px;color:#fff;background-color:#72869b;}
.note_box.st {margin-bottom:0;}
.note_box.top {margin-top:30px;}
.note_box.stop {margin-top:20px;}
.note_box.bot {margin-bottom:30px;}
.note_box.sbot {margin-bottom:20px;}
.note_box.bot_s {margin-bottom:10px;}
.note_box .dl_head {padding:10px 15px;border-radius:8px;background-color:#f5f7f9;}
.note_box .dl_head + .item_li, .note_box .dl_head + dl {margin-top:10px;}
.note_box dl {display:flex;}
.note_box dl + dl {margin-top:3px;}
.note_box dt {position:relative;flex-shrink:0;width:100px;color:var(--Ci-Sky);font-size:15px;font-weight:bold;}
.note_box dd {flex-grow:1;font-size:15px;}
.note_box .item_li > li, .note_box .radio_li > li {font-size:15px;}
.note_box .item_li > li::before {top:8px;}
.note_box .radio_li > li:before {top:0;}
.note_box .badge + .dt {margin-top:10px;}
.edu_guide {margin-bottom:40px;padding:35px 35px 35px 130px;border-radius:20px;background:#f7f7f7 url("../../images/www/icon/ic_edu_guide.png") no-repeat 50px 50%;}
.edu_guide .desc {font-weight:bold;}

/* combo bar */
.cb_bar {clear:both;position:relative;min-height:40px;margin-bottom:15px;}
.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;font-weight:500;}
.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;}
.cb_bar.tab .nav_tabs, .cb_bar.tab .nav_tabs3 {margin-bottom:0;}
.cb_bar .nav_tabs + .add {bottom:7px;}
.cb_bar .nav_tabs3 + .add {bottom:8px;}
.align_li {overflow:hidden;vertical-align:middle;display:inline-block;}
.align_li li {float:left;}
.align_li li + li {margin-left:5px;}
.align_li a {display:block;width:40px;height:40px;background-image:url("../../images/www/icon/ic_sel_list.png");background-repeat:no-repeat;}
.align_li .grid {background-position:0 0;}
.align_li .list {background-position:-41px 0;}
.align_li .on .grid {background-position-y:-40px;}
.align_li .on .list {background-position-y:-40px;}

/* data bar(item_bar) */
.dt_bar, .item_bar {display:flex;justify-content:space-between;align-items:flex-end;position:relative;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e9e9e9;}
.dt_bar .info {margin-right:35px;letter-spacing:-0.25px;font-size:14px;color:#282728;}
.dt_bar .info .count {font-weight:500;color:#f45470;}
.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:500;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 23px 0 8px;border:1px solid #c6c6c6;background:#fff url("../../images/www/common/select_deco.png") no-repeat 100% 50%;}
input[type=number].wide, input[type="text"].wide, input[type="password"].wide, select.wide {width:100% !important;max-width:none !important;}
input[type=number], 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:#3264c8;}
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:3px;}
label.sp + input[type="radio"] {margin-left:10px;}
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;}
input[readonly], input[readonly="readonly"] {background-color:#ececec;}

/* 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;}
.k_date .k-picker-wrap {height:30px;}
.k_date .k-picker-wrap .k_date.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;position:relative;margin:2px;}
.ip_gp label {margin-right:3px;font-weight:500;}
.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;}
.ip_ph.top {margin-top:10px;}
.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_mail .input {vertical-align:middle;display:inline-block;}
.ip_ph input[type="text"] {text-align:center;width:80px;}
.fx .ip_gp.dmr + .ip_gp, .fx .ip_gp.dmr + .comb {margin-left:10px;} /* search flex */
.fx .ip_gp.dmr + .ip_gp:before, .fx .ip_gp.dmr + .comb:before {content:" ";position:absolute;left:-15px;top:50%;width:1px;height:24px;background-color:#c6c6c6;transform:translateY(-50%);}
.cb_gp {margin-bottom:15px;} /* combo group */
.cb_gp .lab {vertical-align:middle;margin-right:8px;letter-spacing:-0.25px;font-weight:500;color:#222;}
.cb_gp .ip_gp.dmr + .ip_gp {margin-left:10px;}
.cb_gp .ip_gp.dmr + .ip_gp:before {content:" ";position:absolute;left:-12px;top:50%;width:1px;height:24px;background-color:#c6c6c6;transform:translateY(-50%);}

/* input, width */
.wd_xs {width:50px;}
.wd_s {width:70px;}
.wd_sm {width:100%;max-width:150px;}
.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;font-weight:300;letter-spacing:-0.3px;color:#fff;}
/* border-radius:4px; */
.c_btn.bk {background-color:#282828;}
.c_btn.gray, .a_btn.gray {background-color:#989b9f;} /* #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:var(--Ci-Blue);}
.c_btn.d_blue {background-color:var(--Ci-Blue);}
.c_btn.st_blue {background-color:#0450b0;}
.c_btn.green {background-color:#4bbdb2;}
.ds_box .c_btn.green {background-color:#282828;}
.c_btn.orange {background-color:#fa7a62;}
.c_btn.red {background-color:#f45470;}
.c_btn.navy {background-color:#11569b;}
.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 15px;font-size:16px;}
.c_btn.md {height:36px;line-height:36px;padding:0 15px;font-size:15px;}
.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;}
.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;}
.url_copy {vertical-align:middle;display:inline-block;position:relative;width:36px;height:36px;font-size:0;background:url("../../images/www/icon/ic_url.png") no-repeat;}
.url_copy:hover:before, .url_copy:hover:after {display:block;}
.url_copy:before {display:none;content:" ";text-align:center;position:absolute;left:50%;top:-38px;width:56px;height:32px;line-height:32px;margin-left:-28px;border-radius:4px;font-size:12px;color:#fff;background:#212121;}
.url_copy:after {display:none;content:" ";position:absolute;left:50%;top:-8px;margin-left:-3px;border-top:6px solid #212121;border-left:3px solid transparent;border-right:3px solid transparent;}
.url_copy:before {content:"URL 복사";}

/* 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;position:relative;padding-top:15px;}
.b_box .left {float:left;}
.b_box .right {float:right;}
.b_box.right {text-align:right;}
.b_box .sg {position:absolute;right:0;bottom:0;}
.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.dtop {margin-top: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, .cs_title.top {margin-top:30px;}
.c_title2.dtop {margin-top:40px;}
.c_title1 {position:relative;margin-bottom:10px;font-size:18px;font-weight:500;color:#212121;}
.c_title2 {position:relative;margin-bottom:10px;padding-left:28px;font-family:NanumSR;font-size:18px;font-weight:bold;letter-spacing:-0.5px;color:#212121;}
.c_title2:before {content:" ";position:absolute;left:0;top:0;width:22px;height:17px;background:url(../../images/www/common/bl_circle.png) no-repeat 0 0;}
.c_title3 {position:relative;margin-bottom:10px;padding-left:28px;font-family:NanumSR;font-size:18px;font-weight:bold;letter-spacing:-0.5px;color:#212121;}
.c_title3:before {content:"\e80c";position:absolute;left:0;top:-3px;line-height:1;font-family:'Material Icons Outlined';font-size:24px;font-weight:normal;color:var(--Ci-Blue);}
.c_title3 .em {color:#008bc4;}
.cs_title {position:relative;margin-bottom:10px;padding-left:30px;font-size:18px;font-weight:500;letter-spacing:-0.5px;color:#11569b;}
.cs_title:before {content:" ";position:absolute;left:0;top:-3px;width:24px;height:24px;background:url("../../images/www/icon/ic_fl_book.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;}
.ct_desc2 {margin-bottom:10px;font-size:15px;} /* notice */
.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:7px;width:6px;height:6px;border-radius:50%;background-color:#11569b;}
.bl_title.dtop, .c_title3.dtop {margin-top:40px;}
.p_title {margin-bottom:15px;font-family:NanumSR;font-size:24px;font-weight:bold;letter-spacing:-0.25px;color:#282728;}
.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;}
.c_title3 .period {margin-left:10px;font-family:NanumSL;font-weight:bold;color:#11569b;}

/* snippet */
.item_li {text-align:left;width:100%;}
.item_li > li {position:relative;line-height:1.5;padding-left:15px;word-break:keep-all;}
.item_li > li::before {content:" ";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.item_li li .em {font-family:SpoqaL;font-weight:bold;}
.item_li.lab > li {display:flex;justify-content:space-between;}
.item_li.lab > li + li {margin-top:10px;}
.item_li.lab .val {font-weight:500;color:#222;}
.item_li ul {padding-top:5px;}
.item_li_fl {text-align:left;width:100%;}
.item_li_fl > li {position:relative;line-height:1.5;padding-left:15px;word-break:keep-all;}
.item_li_fl > li::before {content:" ";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.item_li_fl > li + li {margin-top:5px;}
.item_li_fl .name {margin-right:12px;font-weight:500;color:#222;}

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

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

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

/* c_rating */
.c_rating .view, .c_rating .edit {overflow:hidden;vertical-align:middle;position:relative;display:inline-block;}
.c_rating input[type="radio"] {position:absolute;visibility:hidden;}
.c_rating input[type="radio"] + label {float:right;width: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 {vertical-align:middle;display:inline-block;}
.c_rating .view i + i {margin-left:-4px;}
.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:#fb7b62;}
.c_rating .num {vertical-align:middle;display:inline-block;}

/* 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-family:NanumSR;font-size:16px;color:#939393;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;font-weight:bold;color:#212121;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_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;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:52px;padding:0 15px;font-family:NanumSR;font-size:18px;font-weight:bold;color:#9a9a9a;background-color:#f6f6f8;}
.nav_tabs3 > li.on > a {height:52px;color:#000;background-color:#fff;}
.nav_tabs3 a i {position:relative;top:-2px;line-height:1;margin-right:5px;}
.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-size:18px;font-weight:500;}
.nav_tabs4 > li.on > a {height:43px;color:#212121;}
.nav_tabs4 .count {margin-left:3px;}
.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 {display:flex;align-items:center;position:absolute;right:0;bottom:0;padding-bottom:10px;font-size:16px;letter-spacing:-0.5px;}
.cb_box .period .lab + .sel {margin-left:10px;}

/* c_tab */
.c_tab {margin-bottom:10px;}
.c_tab:after {content:" ";clear:both;display:block;}
.c_tab li {float:left;border:1px solid #282828;}
.c_tab li a {text-align:center;display:block;min-width:90px;height:32px;line-height:32px;padding:0 20px;font-weight:500;color:#212121;background-color:#fff;}
.c_tab li + li {margin-left:-1px;}
.c_tab li.on a {color:#fff;background:#282828;}


/* 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 {display:flex;align-items:center;justify-content:space-between;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;}
.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_hd {display:inline-block;margin:4px 0;}
.c_search .ip_hd select {margin-right:0;}
.c_search .ip_gp {padding:0;}
.c_search .comb {vertical-align:middle;display:inline-block;margin:4px 0;}
.c_search .ip_hd + .comb, .c_search .ip_hd .ip_gp + .ip_gp {margin-left:2px;}

/* 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 {float:left;width:32px;height:32px;line-height:32px;border:1px solid #dfdfdf;margin:0 4px;font-size:15px;}
.paginate .on {color:#fff;border-color:#212121;background-color:#212121;}
.paginate .img {border:0;}
.paginate .img img {vertical-align:top;}
.paginate.top {padding-top:0;}

/* terms */
.terms_li * {word-break:keep-all;line-height:1.5;}
.terms_li .c_title3 {line-height:1.2;}
.terms_li .group {padding:10px;background-color:#f9f9f9;}
.terms_li .txt_title {line-height:1.3;margin-top:30px;margin-bottom:10px;font-size:17px;font-weight:500;color:#212121;}
.terms_li .txt_title.st {margin-top:0;}
.terms_li .txt_title2 {margin-bottom:10px;font-family:NanumSL;font-weight:bold;font-size:16px;}
.terms_li p, .terms_li li {font-size:15px;}
.terms_li ol ul, .terms_li ul ul {padding:3px 0 0 15px;}
.terms_li ol + ol, .terms_li .dep1 > li + li {margin-top:5px;}
.terms_li .dep1.top, .terms_li p.top {margin-top:20px;}
.terms_li .dep1 ul li + li {margin-top:2px;}
.terms_li p + p {margin-top:15px;}
.terms_li table {margin-top:5px;}
.terms_li th, .terms_li td {text-align:center;padding:5px;border:1px solid #000;color:#000;}
.terms_li th {font-family:NanumSR;font-weight:bold;background-color:#f5f5f5;}
.terms_li .link {color:#2b65dc;}
.m_email {margin-bottom:20px;}
.m_email .desc {padding:30px 30px 30px 140px;border:2px solid #ccc;background:url("../../images/www/icon/fic_spam.png") no-repeat 40px 50%;}
.m_email .desc p {line-height:1.6;font-size:17px;color:#212121;}
.m_email .desc .note {margin-top:10px;padding-top:10px;border-top:1px solid #dedede;}
.m_email .em {font-weight:500;color:#009c88;}

/* 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 */
.at_file li {vertical-align:middle;display:inline-block;padding:5px;}
.at_file li a {display:block;position:relative;padding-left:20px;color:#2b65dc;}
.at_file li a:before {content:" ";position:absolute;left:0;top:2px;width:16px;height:16px;background:url("../../images/www/icon/ic_f_diskette.png") no-repeat 0 0;background-size:cover;}
.at_ed_file li {position:relative;margin-right:5px;padding:5px 5px 5px 18px;}
.at_ed_file li .del {position:absolute;left:0;top:4px;}
.at_ed_file li a {display:block;font-size:14px;color:#2b65dc;}
.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;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:#989898;}
.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:#989898;}
.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:19px;font-weight:500;color:#333;}
.c_detail .top .sort {vertical-align:middle;display:inline-block;line-height:28px;margin-bottom:8px;padding:0 15px;border-radius:2px;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:3px;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;}
.c_detail .add_file a {position:relative;display:block;padding:15px 15px 15px 40px;border:1px solid #ddd;border-radius:5px;color:#2b65dc;background-color:#f8f8f8;}
.c_detail .add_file a:before {content:" ";position:absolute;left:15px;top:16px;width:16px;height:16px;background:url("../../images/www/icon/ic_f_diskette.png");background-size:cover;}
.c_detail .add_file a + a {margin-top:10px;}
.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;}
.up_pimg {position:relative;display:inline-block;max-width:135px;margin:10px 0;} /* 135 * 180 */
.up_pimg .img {display:block;}
.up_pimg .del {text-align:center;overflow:hidden;position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:2px;font-size:0;background-color:#212121;}
.up_pimg .del:before {content:"\e5cd";line-height:20px;font-family:'Material Icons';font-size:18px;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:500;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_rps */
.tbl_rps .th {display:none;}

/* table column */
.tbl_col3.q_exam .year {width:10%;}
.tbl_col3.q_exam .ord {width:10%;}
.tbl_col3.q_exam .period {width:20%;}
.tbl_col3.q_exam .date {width:10%;}
.tbl_col3.q_exam .btn {width:15%;}
.cl_debate .type {width:10%;}
.cl_debate .writer {width:10%;}
.cl_debate .date {width:10%;}
.cl_debate .count {width:10%;}
.tbl_col.notice .num {width:7%;}
.tbl_col.notice .writer {width:10%;}
.tbl_col.notice .date {width:10%;}
.tbl_col.notice .count {width:10%;}
.tbl_col.qna .num {width:7%;}
.tbl_col.qna .writer {width:10%;}
.tbl_col.qna .date {width:10%;}
.tbl_col.qna .state {width:10%;}
.tbl_col .ic_file, .tbl_col .ic_secret, .tbl_col .ic_new {margin-left:3px;}
.tbl_col.cl_survey .num {width:10%;}
.tbl_col.cl_survey .state {width:15%;}
.tbl_col.cl_survey .btn {width:15%;}

/* 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;}
.line_link {text-decoration:underline;color:#2b65dc;}
.tbl_col.top {margin-top:20px;}
.tbl_col thead {border-top:1px solid #000;border-bottom:1px solid #000;}
.tbl_col th, .tbl_col td {text-align:center;height:42px;line-height:1.4;padding:6px 8px;}
.tbl_col th {font-family:NanumSR;font-size:15px;font-weight:bold;color:#212121;}
.tbl_col td {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 tfoot .total {font-weight:500;}
.tbl_col + .e_box {margin-top:20px;} /* 개발소스에 분리되어 있는 경우 */
/* .tbl_col tr:nth-child(odd) td {background-color:#f9f9f9;} */
.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;}
.tbl_col2 th, .tbl_col2 td {text-align:center;line-height:1.4;padding:5px 10px;}
.tbl_col2 th {font-family:NanumSR;height:50px;font-size:15px;font-weight:bold;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_col3 {border-top:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;}
.tbl_col3.top {margin-top:20px}
.tbl_col3 th, .tbl_col3 td {text-align:center;line-height:1.4;padding:6px 8px;border-right:1px solid #dbdbdb;}
.tbl_col3 th {height:42px;border-bottom:1px solid #d2d2d2;font-size:15px;font-family:NanumSR;font-weight:bold;color:#4a4a4a;background-color:#f8f8f8;}
.tbl_col3 td {height:42px;border-bottom:1px solid #d2d2d2;letter-spacing:-0.5px;background-color:#fff;}
/*.tbl_col3 tr:nth-child(even) td {background-color:#f9f9f9;}*/
.tbl_col3 th:last-child, .tbl_col3 td:last-child {border-right:0;}
.tbl_col3.sm th, .tbl_col3.sm td {height:36px;padding:5px;font-size:13px;}
.tbl_col3.sm .tb_link {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_col4.sm .tb_link {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:6px 8px;border-bottom:1px solid #d2d2d2;}
.tbl_row tr:first-child th {border-top:0;} /* .tbl_row tr:first-child td */
.tbl_row th {text-align:center;font-family:NanumSR;font-size:15px;font-weight:bold;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.td_cen td{text-align: center;}
.tbl_row .note {margin-top:10px;}
.tbl_row.top {margin-top:30px;}
.tbl_row.sm th, .tbl_row.sm td {height:36px;font-size:14px;}
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:5px solid #e2eaf2;}
.tbl_row2.top {margin-top:20px;}
.tbl_row2 th, .tbl_row2 td {text-align:center;height:60px;padding:10px 15px;border:1px solid #d9d9d9;border-top:0;}
.tbl_row2 th {font-size:16px;font-family:SpoqaL;font-weight:bold;color:#222;background-color:#f6f9fb;}
.tbl_row2 td {letter-spacing:var(--LetterSpacing);}
.tbl_row2.sm th, .tbl_row2.sm td {height:40px;padding:5px;}
.tbl_row2.sm th {font-size:14px;}
.tbl_row2.sm td {font-size:14px;}
/* .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 #212121;}
.faq_menu dl {border-bottom:1px solid #ddd;background-color:#fff;}
.faq_menu dl:last-child {border-bottom:1px solid #212121;}
.faq_menu dt > a {display:block;position:relative;padding:20px 50px 20px 65px;}
.faq_menu .name {text-align:center;position:absolute;left:15px;top:14px;width:36px;height:36px;line-height:36px;border-radius:50%;font-size:24px;color:#fff;background-color:#009c88;}
.faq_menu .name .num {vertical-align:top;display:inline-block;margin-left:3px;font-size:20px;line-height:36px;}
.faq_menu .categori {display:block;margin-bottom:5px;letter-spacing:-0.4px;font-weight:bold;color:#989898;}
.faq_menu .sub {line-height:1.4;font-size:16px;letter-spacing:-0.6px;color:#212121;}
.faq_menu dd {display:none;line-height:1.6;padding:15px;border-top:1px solid #ddd;font-size:16px;letter-spacing:-0.5px;background-color:#f7f7f7;}
.faq_menu dt > a:hover .sub, .faq_menu .on .sub {color:#0663c3;}
.faq_menu dd .em {color:#222;font-weight:700;}
.faq_menu dt > a:before {content:"\e313";position:absolute;right:10px;top:13px;line-height:1;font-family:'Material Icons';font-size:36px;color:#009c88;}
.faq_menu .on dt > a:before {transform:rotate(180deg);}

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

/* landing login */
.ct_dialog.landing .outer {position:relative;max-width:970px;}
.ct_dialog.landing .p_close {position:absolute;right:30px;top:30px;width:26px;height:26px;font-size:0;background:url("../../images/www/common/p_close_landing.png") no-repeat 0 0;}
.ct_dialog.landing .h_login {overflow:hidden;padding-right:490px;border-radius:5px;background:#8cd4c9 url("../../images/www/common/landing_login_deco.png") no-repeat 100% 100%;}
.h_login .frm {min-height:490px;padding:70px 80px 0 80px;background-color:#fff;}
.h_login .head {text-align:center;margin-bottom:40px;}
.h_login .head strong {display:block;line-height:1;margin-bottom:10px;font-size:28px;font-weight:bold;letter-spacing:-0.3px;color:#000;}
.h_login .head p {font-size:18px;}
.h_login .box {position:relative;}
.h_login .box label {position:absolute;left:10px;top:50%;padding-left:23px;font-size:14px;background-repeat:no-repeat;background-position:0 50%;transform:translateY(-50%);}
.h_login .box input[type="text"], .h_login .box input[type="password"] {width:100%;height:40px;padding:0 20px 0 100px;border:0;border-radius:10px;font-size:16px;color:#212121;background-color:#f5f5f5;}
.h_login .id label {background-image:url("../../images/www/icon/ic_counsel_name.png");}
.h_login .pw label {background-image:url("../../images/www/icon/ic_login_lock.png");}
.h_login .box + .box {margin-top:10px;}
.h_login .enter {text-align:center;display:block;height:40px;line-height:40px;margin-top:25px;border-radius:8px;padding:0 10px;font-size:14px;font-weight:bold;color:#eee;background-color:#245ded;}
.h_login .agree {margin-top:20px;font-size:14px;}
.h_login .agree input[type="checkbox"] {width:20px;height:20px;border:2px solid #adadad;}
.h_login .agree .lab {vertical-align:middle;display:inline-block;margin-left:5px;}
.h_login .agree .lab a {text-decoration:underline;font-size:14px;}
.h_login .help {padding-top:15px;}
.h_login .help ul:after {content:" ";clear:both;display:block;}
.h_login .help li {float:right;}
.h_login .help li:first-child {float:left;}
.h_login .help a {display:block;position:relative;padding-right:15px;font-size:14px;color:#000;background:url("../../images/www/icon/ic_login_arrow.png") no-repeat 100% 50%;}

/* 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;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;background-color:#0663c3;}
.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:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.ct_dialog > .tb > .inner {width:100%;padding:10px;}
.ct_dialog .outer {margin:0 auto;}
.ct_dialog .outer > .top {position:relative;height:50px;padding:0 50px 0 20px;background-color:var(--Ci-Blue);}
.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;font-weight:500;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 {max-height:80vh;overflow-y:auto;padding:20px;background-color:#fff;}

/* 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 {position:relative;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:#212121;}
.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;font-family:NanumSR;font-weight:bold;}
.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-family:NanumSL;font-size:18px;font-weight:bold;color:#fff;background-color:#212121;}
.quiz_frame .submit:hover {background-color:#00BF96;}
.quiz_frame .submit .arrow_forward {line-height:1;margin:-4px 0 0 3px;}
.quiz_frame .frm_top .bar {position:relative;height:32px;padding:0 40px 0 20px;background-color:#8da4c4;}
.quiz_frame .frm_top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;font-family:NanumSL;font-weight:bold;color:#fff;}
.quiz_frame .frm_top .toggle {display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.quiz_frame .frm_top .toggle .icc {vertical-align:top;color:#fff;}
.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;line-height:50px;font-size:24px;font-weight:500;}
.quiz_frame .nav .total {color:#a0abbf;}
.quiz_frame .nav .current {color:#fff;}
.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:-2px;font-size:20px;font-weight:500;letter-spacing:-0.5px;color:#31384b;}
.quiz_li .que {font-size:17px;font-weight:500;color:#31384b;}
.quiz_li .que .sort {margin-right:5px;font-weight:500;color:#505050;}
.quiz_li.view .que {margin-bottom:10px;}
.quiz_li .msg {margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px;}
.quiz_li .msg p {line-height:1.4;font-size:14px;}
.quiz_li .msg p + .thumb {margin-top:10px;}
.quiz_li .ex > strong {display:block;padding-bottom:5px;color:#1d9ced;}
.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:6px;top:8px;width:24px;height:24px;line-height:24px;border-radius:3px;font-size:16px;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:#11569b;}
.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;font-size:14px;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:17px;font-weight:500;color:#212121;}
.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:NanumSR;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:NanumSL;font-size:16px;font-weight:bold;color:#212121;}
.sv_info {display:flex;align-items:center;} /* survey */
.sv_info li {float:left;position:relative;float:left;}
.sv_info li + li {margin-left:10px;padding-left:10px;}
.sv_info li + li:before {content:" ";position:absolute;left:0;top:0;width:1px;height:20px;background-color:#ccc;}
.sv_info .lab, .sv_info .val {font-size:20px;font-weight:500;color:#000;}
.sv_info .val {margin-left:5px;color:#008bc4;}
.sv_info .red {color:#f45470;}
.sv_view {display:flex;justify-content:center;padding-top:20px;} /* 설문통계 */
.sv_view .item + .item .ct {padding-left:20px;border-left:1px solid #000;}
.sv_view .head {margin-bottom:20px;}
.sv_view .head .c_title3 {display:inline-block;margin-bottom:0;}
.sv_view .ct {display:flex;justify-content:center;}
.sv_view .ct.md {align-items:center;}
.sv_view .data {width:250px;}
.sv_view .chart {margin-left:30px;}
.sv_view .ct1 {width:200px;height:200px;margin:0 auto;}
.sv_view .ct2 {width:360px;height:360px;margin:0 auto;}
.page_frame.state {padding-top:120px;}
.page_frame.state .fwd {height:50px;}
.page_frame .fwd .prog {max-width:1300px;margin:0 auto;}
.page_frame .fwd .prog .bar {height:10px;border-radius:5px;background-color:#e0e0e0;}
.page_frame .fwd .prog .mark {display:block;height:100%;border-radius:5px;background-color:#256ab3;}

/* 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-family:NanumSR;font-weight:bold;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;}
.quiz_frame .qz_group .tab {display:inline-block;padding:10px;font-size:20px;font-family:NanumSR;font-weight:bold;color:#fff;background-color:#000;}

/* omr scroll */
.quiz_frame.omr .side .sheet::-webkit-scrollbar {width:7px;}
.quiz_frame.omr .side .sheet::-webkit-scrollbar-thumb,
.quiz_frame.omr .side .sheet::-webkit-scrollbar-thumb {background: #ddd; border-radius: 20px;}
.quiz_frame.omr .side .sheet::-webkit-scrollbar-track,
.quiz_frame.omr .side .sheet::-webkit-scrollbar-track{background: #f6f6f8;}
.quiz_frame.omr .side .sheet::-webkit-scrollbar {width:10px;}

/* 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 {padding:100px 0 10px 0;}
.page_frame.st {padding-top:70px;}
.page_frame .frm_top {position:fixed;top:0;z-index:100;width:100%;height:60px;border-bottom:1px solid #ccc;background:#fff;}
.page_frame .frm_top .inner {position:relative;}
.page_frame .frm_top .head {text-align:center;}
.page_frame .frm_top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:800px;height:60px;line-height:60px;margin:0 auto;padding:0 20px;font-size:24px;font-weight:500;letter-spacing:-0.5px;color:#212121;}
.page_frame .frm_top .menu {display:flex;align-items:center;position:absolute;right:0;top:0;}
.page_frame .frm_top .menu ul {margin-right:20px;}
.page_frame .frm_top .menu li {float:left;margin-left:5px;}
.page_frame .frm_top .menu .x {text-align:center;display:block;position:relative;width:70px;height:59px;line-height:59px;border-left:1px solid #ddd;background-color:#fff;}
.page_frame .frm_top .close {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.page_frame .frm_top .close:before {color:#000;}
.page_frame .frm_ct {max-width:1300px;margin:0 auto;padding:20px;border-radius:4px;background-color:#fff;}
.page_frame .fwd {position:fixed;top:60px;z-index:100;width:100%;height:30px;padding:0 10px;border-bottom:1px solid #ccc;background-color:#f5f5f5;}
.page_frame .fwd ul {overflow-x:auto;white-space:nowrap;max-width:1300px;margin:0 auto;}
.page_frame .fwd ul:after {content:" ";clear:both;display:block;}
.page_frame .fwd li {position:relative;float:left;line-height:29px;padding:0 10px;font-size:13px;color:#212121;}
.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:before {display:none;}
.page_frame .fwd .info {display:flex;justify-content:space-between;max-width:1300px;margin:0 auto;}
.page_frame .fwd .info span {display:inline-block;line-height:30px;font-family:NanumSL;font-size:13px;font-weight:bold;color:#000;}
.page_frame .fwd span:not(:last-of-type):after {content:'∙';margin:0 0 0 3px;}
.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;}

/* 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 {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:after {content:" ";clear:both;display:block;}
.tc_yearly .cyan {background-color:#50b4b6;}
.tc_yearly .green {background-color:#88c053;}
.tc_yearly .orange {background-color:#fa7a62;}
.tc_yearly .red {background-color:#f45470;}
.tc_yearly .gray {background-color:#989b9f;}
.tc_yearly .blue {background-color:#008bc4;}
.tc_yearly .active {color:#212121;background-color:#eff7ff;}
.tc_yearly td:not(.subj) {vertical-align:top;}
.tc_yearly td.link a {color:#212121;}
.tc_yearly td.link a:hover {text-decoration:underline;}
.tc_yearly td.link {vertical-align:middle;text-align:left;background-color:#f8f8f8;}
.tc_yearly .subj {text-align:left;font-size:14px;}
.tc_yearly td .tb_link {font-size:13px;}
.tc_yearly .current {text-align:center;margin-bottom:15px;font-family:NanumSR;font-size:28px;font-weight:bold;color:#212121;}
.tc_yearly .edu + .edu {margin-top:10px;}
.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 */
/* edu_intro */
.edu_intro .list {display:flex;flex-wrap:wrap;margin:-10px;}
.edu_intro .list > li {width:25%;padding:10px;}
.edu_intro .card {text-align:center;height:100%;padding:18px;border-radius:8px;border:1px solid #d8d8d8;box-shadow:0 5px 5px rgb(120 120 120 / 25%);}
.edu_intro .card .sub {display:flex;justify-content:center;align-items:center;line-height:1.3;min-height:55px;font-family:NanumSR;font-size:19px;font-weight:bold;color:#333;word-break:keep-all;}
.edu_intro .card .info {margin-top:10px;padding:10px 0;background-color:#fafafa;}
.edu_intro .card .info span {vertical-align:middle;display:Inline-block;font-family:NanumSL;font-size:14px;font-weight:bold;}
.edu_intro .card .info span:not(:last-of-type):after {content:':';margin:0 1px 0 5px;color:#333;}
.edu_intro .card .val {color:#333;}
.edu_intro .card .red {color:#f45470;}
.edu_intro .menu {display:flex;padding-top:15px;}
.edu_intro .menu a {width:50%;height:40px;line-height:40px;border-radius:4px;padding:0 10px;font-weight:300;color:#fff;}
.edu_intro .menu a + a {margin-left:15px;}
.edu_intro .menu .d_blue {background-color:var(--Ci-Blue);}
.edu_intro .menu .blue {background-color:#5290eb;}
.edu_intro .group + .group{margin-top:30px;}
.edu_intro .list + .group{margin-top:50px;}
.guide_edu .group + .group {margin-top:40px;}
.guide_edu table th, .guide_edu table td {text-align:center;height:40px;padding:5px 10px;border:1px solid #d2d2d2;font-size:14px;}
.guide_edu table th {font-family:NanumSR;font-weight:bold;color:#333;background-color:#f8f8f8;}
.guide_edu table.top {margin-top:20px;}
.guide_edu .pink {background-color:#f9edf5;}
.guide_edu .purple {background-color:#dfdef7;}
.guide_edu .yellow {background-color:#fff4d2;}
.guide_edu .green {background-color:#e8f3db;}
.guide_edu .blue{background-color:#d2e7ff;}
.guide_edu .sky {background-color:#e0ffff;}
.guide_edu .gold {background-color:#fafad2;}
.guide_edu .white {background-color:#fff;}
.guide_edu .dot li {text-align: left;position:relative;padding-left:8px;}
.guide_edu .dot li:before {content:" ";position:absolute;left:0;top:7px;width:2px;height:2px;background-color:#666;}
.guide_edu .img {text-align:center;}
.guide_edu .rg_step {display:flex;justify-content:space-between;padding-top:10px;}
.guide_edu .rg_step .inner {text-align:center;position:relative;width:220px;height:220px;padding:30px 20px 0 20px;border-radius:50%;background-color:var(--Ci-Blue);}
.guide_edu .rg_step .line .inner {border:2px solid var(--Ci-Blue);;background-color:#fff;}
/* .guide_edu .rg_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;} */
.guide_edu .rg_step li:first-child .inner:before {display:none;}
.guide_edu .rg_step .ord {display:inline-block;font-size:24px;font-weight:500;padding:0 5px 5px 5px;border-bottom:3px solid #fff;color:#fff;}
.guide_edu .rg_step .lab {font-size:26px;font-weight:500;letter-spacing:-0.25px;color:#fff;}
.guide_edu .rg_step .ord + .lab {margin-top:25px;}
.guide_edu .rg_step .line .ord {color:#2b65dc;border-bottom-color:#2b65dc;}
.guide_edu .rg_step .line .lab {color:#282828;}
.guide_edu .rg_step .desc {margin-top:10px;word-break:keep-all;line-height:1.4;font-size:13px;color:#fff;}
.guide_edu .rg_step .line .desc {color:#2b65dc;}
.guide_edu .sub {text-align:center;}
.guide_edu .curri_li {display:flex;justify-content:space-between;padding-top:10px;}
.guide_edu .curri_li .inner {display:flex;align-items:center;justify-content:center;width:220px;height:100px;padding:20px;border-radius:30px;background-color:var(--Ci-Blue);}
.guide_edu .curri_li .lab {font-size:24px;font-weight:500;letter-spacing:-0.25px;color:#fff;}
.guide_edu .curri_li .line .inner {border:2px solid var(--Ci-Blue);background-color:#fff;}
.guide_edu .curri_li .line .lab {color:#282828;}
.edu_cs {padding:10px 0;}
.edu_cs .group {display:flex;justify-content:center;}
.edu_cs .group + .group {margin-top:10px;}
.edu_cs .edu {position:relative;width:100px;min-height:140px;padding:0 5px;background:none;}
.edu_cs .inner {position:relative;height:100%;padding-top:35px;}
.edu_cs .tab {text-align:center;position:absolute;left:0;top:0;width:100%;height:30px;line-height:30px;margin-bottom:10px;border-radius:6px;font-family:NanumSR;font-weight:bold;}
.edu_cs .tab {text-align:center;position:absolute;left:0;top:0;width:100%;height:30px;line-height:30px;margin-bottom:10px;border-radius:6px;font-family:NanumSR;font-weight:bold;}
.edu_cs .edu .info {word-break:keep-all;height:100%;padding:15px 10px;border:1px solid #dfdfdf;font-size:13px;border-radius:6px;}
.edu_cs .edu.green .tab {background-color:#e8f3db;}
.edu_cs .edu.yellow .tab {background-color:#fff4d2;}
.edu_cs .edu.pink .tab {background-color:#f9edf5;}
.edu_cs .edu.blue .tab {background-color:#d2e7ff;}
.edu_cs .edu.purple .tab {background-color:#d2e7ff;}
.edu_cs.v2 .edu {min-height:110px;}
.edu_cs.v2 .inner {padding-top:0;}
.edu_cs.v2 .edu .info {display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;}
.edu_cs .group.fix_3 .edu {width:33.3333%;}

/* app_guide */
.app_guide {text-align:center;margin-bottom:40px;padding:30px 0;border-top:2px solid #000;border-bottom:2px solid #000;}
.app_guide.top {margin-top:40px;}
.app_guide .title {font-size:30px;font-weight:500;color:#212121;}
.app_guide .desc {line-height:1.4;margin-top:15px;padding-top:15px;border-top:1px solid #dedede;font-size:18px;}
.app_guide .desc p + p {margin-top:10px;}

/* edu_info */
.edu_info {margin-bottom:25px;padding:15px;border:1px solid #ccc;background-color:#f9f9f9;}
.edu_info .category a {vertical-align:middle;display:inline-block;line-height:26px;font-size:17px;color:#989898;}
.edu_info .category a:not(:last-of-type):after {content:"";vertical-align:middle;display:inline-block;width:1px;height:18px;margin:0 5px 0 8px;background-color:#989898;}
.edu_info .category .on {font-family:NanumSR;font-weight:bold;color:#11569b;}
.edu_info .desc {line-height:1.4;margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
.edu_info .desc .em {font-weight:500;color:#212121;}

/* licen_num */
.licen_num li {position:relative;line-height:24px;padding-left:22px;}
.licen_num li input[type="checkbox"] {position:absolute;left:0;top:4px;}
.licen_num li + li {margin-top:5px;}
.licen_num .input {vertical-align:middle;display:inline-block;margin-left:10px;}
.licen_num .input input[type="text"] {height:24px;}

/* pay_comp */
.pay_comp {text-align:center;margin-top:15px;padding:30px;background-color:#f5f5f5;}
.pay_comp .end {line-height:1.4;margin-bottom:10px;font-size:25px;font-weight:500;color:#212121;}
.pay_comp .guide {line-height:1.4;padding-top:10px;}
.pay_comp .guide .link {text-decoration:underline;color:blue;}
.pay_comp .guide .em {font-family:NanumSR;font-size:16px;font-weight:bold;color:#11569b;}
.pay_comp .guide .line {text-decoration:underline;}

/* ask_link */
.ask_link {position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:10px;background-color:#4bbdb2;box-shadow:rgb(0 0 0 / 20%) 0px 0.2em 0.8em;}
.ask_link a {text-align:center;display:block;height:100%;padding-top:35px;font-size:10px;font-weight:bold;color:#000;background:url("../../images/www/icon/fic_bubble.png") no-repeat 50% 10px;}

/* mypage */
.dash .front {overflow:hidden;padding-top:25px;background:url("../../images/www/common/d_front.png") no-repeat 50% 0;background-size:cover;}
.dash .d_data {position:relative;padding:30px 0;}
.dash .section.no {padding-top:0;}
.dash .section.md {padding-top:10px;}
.dash .front .colg {position:relative;float:left;width:32.33333333%;height:270px;transition:all 0.25s ease;}
.dash .front .colg .ct {overflow:hidden;height:100%;padding-top:52px;border:1px solid #d2d2d2;background-color:#fff;}
.dash .colg > .top {position:absolute;width:100%;height:52px;padding:0 30px;}
.dash .colg > .top.blue {background-color:#0076c0;}
.dash .colg > .top.navy {background-color:#2d4b7a;}
.dash .colg > .top.green {background-color:#32b432;}
.dash .colg > .top.bg {background-color:#009774;}
.dash .colg > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:52px;line-height:52px;font-size:19px;letter-spacing:-0.25px;color:#fff;}
.dash .colg >.top .more {overflow:hidden;text-indent:-9999px;position:absolute;right:20px;top:20px;width:12px;height:12px;background:url("../../images/www/common/img_merge.png") no-repeat 0 0;}
.dash .front .board .inner {padding:15px 15px 0 15px;}
.dash .front .board li {position:relative;border-top:1px solid #eaeaea;}
.dash .front .board li:first-child {border-top:0;}
.dash .front .board li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:46px;line-height:46px;padding:0 65px 0 15px;letter-spacing:-1px;color:#595959;}
.dash .front .board .new {text-align:center;position:absolute;right:-10px;top:10px;width:16px;height:16px;line-height:16px;border-radius:50%;font-size:10px;color:#fff;background-color:#ef5656;}
.dash .front .board .date {position:absolute;right:10px;top:0;color:#686868;}
.dash .front .msg, .dash .front .profile {margin-right:1.5%;}
.dash .front .calendar .inner {padding:0 10px;}
.dash .front .calendar .control {position:absolute;right:15px;top:0;height:52px;line-height:52px;}
.dash .front .calendar .date {vertical-align:top;display:inline-block;margin:0 5px;font-size:22px;color:#fff;}
.dash .front .calendar .control .icc {line-height:1;}
.dash .front .calendar .control .icc:before {font-size:36px;color:#98d1b3;}
.dash .front .calendar th, .dash .front .calendar td {text-align:center;}
.dash .front .calendar th {padding:8px 0;font-size:12px;font-weight:bold;color:#2f2f2f;}
.dash .front .calendar td {height:30px;color:#000;}
.dash .front .calendar td a {position:relative;display:inline-block;min-width:24px;padding:2px;font-size:13px;}
.dash .front .calendar .add {text-align:center;position:absolute;right:-11px;top:-11px;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:10px;color:#fff;background-color:#ef5656;}
.dash .front .calendar .sun, .dash .front .calendar .sun a {color:#ef5656;}
.dash .front .calendar .event1 {color:#fff;background-color:#60bba6;}
.dash .front .calendar .event2 {color:#fff;background-color:#62af42;}
.dash .front .calendar .event3 {color:#fff;background-color:#009774;}
.dash .front .calendar .today {color:#fff;background-color:#2271cb;}
.dash .front .calendar .info {display:none;position:absolute;left:50%;bottom:23px;z-index:20;margin-left:-50px;padding:5px 0;}
.dash .front .calendar .info .arrow {position:absolute;width:0;height:0;bottom:0;left:50%;margin-left:-5px;border-style:solid;border-color:transparent;border-width:5px 5px 0 5px;border-top-color:#9ea7ba;}
.dash .front .calendar .info .inner {text-align:center;width:100px;padding:4px;line-height:1.4;font-size:11px;color:#fff;background-color:#9ea7ba;}
.dash .my_profile {position:relative;margin-bottom:20px;padding:10px 100px 10px 10px;background-color:#3264c8;}
.dash .my_profile .user {position:relative;padding-left:33px;font-size:15px;letter-spacing:-0.8px;color:#fff;}
.dash .my_profile .user:before {content:" ";position:absolute;left:0;top:0;width:29px;height:29px;background:url("../../images/www/common/img_merge.png") no-repeat 0 -40px;}
.dash .my_profile .user span {vertical-align:middle;display:inline-block;height:29px;line-height:29px;font-size:15px;letter-spacing:-0.5px;color:#fff;}
.dash .my_profile .user .name {font-size:15px;font-weight:500;letter-spacing:-0.8px;color:#afd0f9;}
.dash .my_profile .edit {position:absolute;right:10px;top:10px;}
.dash .my_profile .pen, .dash .my_profile .msg {margin-left:5px;}
.dash .profile.colg > .top {padding:0 25px;}

.dash .front .profile .inner {height:100%;padding:25px;}
.dash .profile .user {position:relative;padding-left:33px;font-size:17px;letter-spacing:-0.8px;color:#fff;}
.dash .profile .user:before {content:" ";position:absolute;left:0;top:12px;width:29px;height:29px;background:url("../../images/www/common/img_merge.png") no-repeat 0 0;}
.dash .profile .user span {vertical-align:middle;display:inline-block;height:52px;line-height:52px;font-size:17px;letter-spacing:-0.5px;color:#fff;}
.dash .profile .user .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:56px;font-size:18px;font-weight:bold;letter-spacing:-0.8px;color:#afd0f9;}
.dash .profile .edit {position:absolute;right:10px;top:9px;height:30px;line-height:30px;}
.dash .profile .edit .icmg {margin-left:5px;}
.dash .profile .ct, .dash .front .msg .ct {background:url("../../images/www/common/colg_profile_ct.gif") repeat 0 0;}
.dash .profile .info {overflow-y:auto;height:100%;}
.dash .profile .info li {overflow:hidden;margin-top:12px;letter-spacing:-0.5px;}
.dash .profile .info span {float:left;width:50%;}
.dash .profile .info .lab {position:relative;padding:0 10px;font-weight:500;color:#0b4da1;}
.dash .profile .info .lab:before {content:" ";position:absolute;left:0;top:50%;width:2px;height:2px;margin-top:-1px;background-color:#2f2f2f;}
.dash .profile .info .val {color:#3d3d3d;}
.dash .profile .info.lg li {margin-top:25px;font-size:18px;}
.dash .profile .info li:first-child, .dash .profile .info.lg li:first-child {margin-top:0;}
.dash .front .msg .inner {padding:15px 15px 0 15px;}
.dash .front .msg li {position:relative;border-top:1px dashed #fff;}
.dash .front .msg li:first-child {border-top:0;}
.dash .front .msg li a {display:block;height:46px;line-height:46px;padding:0 125px 0 35px;color:#686868;}
.dash .front .msg .num {position:absolute;left:10px;top:0;}
.dash .front .msg .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;letter-spacing:-0.5px;color:#222;}
.dash .front .msg .add {position:absolute;right:10px;top:-1px;}
.dash .front .msg .date {vertical-align:middle;letter-spacing:-0.75px;}
.dash .front .msg .name {vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:50px;}
.dash .front .msg .new {text-align:center;position:absolute;right:-10px;top:16px;width:16px;height:16px;line-height:16px;border-radius:50%;font-size:10px;color:#fff;background:#ef5656;}
.my_status {margin-bottom:30px;}
.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;color:#fff;}
.my_status .lecture {display:flex;  overflow:hidden;padding:15px;border:1px solid #dcdcdc;border-top:0;}
.my_status .group {position:relative;float:left;width:40%;padding-left:150px;}
.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 .group.quarter {padding-left:140px;}
.my_status .group.quarter .title {text-align:center;left:0;width:140px;}
.my_status .group.third {width:25%;}
.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 li.wd {width:100%;}
.my_status .item .count {text-decoration:underline;font-size:20px;font-weight:500;color:#197a99;}
.my_status .item .lab {display:block;font-size:16px;}
.my_status .item.one .val {display:block;padding-top:15px;}
.dash .section + .section {margin-top:40px;}
.dash .section .cont {padding-top:10px;}
.h_box2 {position:relative;background-color:#f8f8f8;}
.h_box2 .title {display:block;position:relative;line-height:1;padding:18px 15px 18px 40px;font-family:NanumSR;font-size:20px;font-weight:bold;color:#212121;}
.h_box2 .title:before {content:"\e80c";position:absolute;left:10px;top:50%;font-family:'Material Icons Outlined';font-weight:normal;font-size:24px;transform:translateY(-50%);}
.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:50%;font-family:'Material Icons';font-size:24px;color:var(--Ci-Blue);transform:translateY(-50%);}
.h_box2.hd + .cont, .h_box3.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;}
.h_box3.tog .title {display:inline-block;position:relative;padding:0 25px 0 25px;font-size:17px;letter-spacing:-0.5px;color:#212121;}
.h_box3.tog .title:before {content:"\e85d";position:absolute;left:0;top:3px;line-height:1;font-family:'Material Icons';font-size:22px;color:#212121;}
.h_box3.tog .title:after {content:"\e5c7";position:absolute;right:0;top:2px;font-family:'Material Icons';font-size:24px;color:#212121;}
.h_box3.hd .title:after {content:"\e5c5";}
.dash .cont + .h_box3 {margin-top:15px;}
.off_state .lab {display:block;font-weight:500;}
.off_state .lab + .c_btn {margin-top:3px;}
.tbl_col3.cs_tbl {border-top:0;}
.cs_tbl thead th {border-top:2px solid #d2d2d2;}
.cs_tbl thead .score {border-top:2px solid #999;border-bottom:2px solid #999;}
.cs_tbl .line_l {border-left:2px solid #999;}
.cs_tbl .line_b {border-bottom:2px solid #999;}
.cs_tbl .line_r {border-right:2px solid #999;}
.cs_tbl .high {background-color:#fefedf;}
/*.cs_tbl .tog:after {content:"펼쳐보기";color:#2b65dc;}*/
.cs_tbl .tog {display:inline-block;position:relative;width:32px;height:18px;}
.cs_tbl .tog:after {color:#2b65dc;}
.cs_tbl .tog i {position:absolute;left:0;top:-5px;color:#2b65dc;}
.cs_tbl .tog i:before {font-size:32px;}
/*.cs_tbl .tog.on:after {content:"접기";}*/
.cs_tbl .tog.on .expand_more {transform:rotate(180deg);}
.cs_tbl .type {vertical-align:middle;display:inline-block;position:relative;}
.cs_tbl .low1 td {background-color:#E0FFFF;}
.cs_tbl .low2 td {background-color:#fefedf;}
.cs_tbl .low1 .type:before {content:"↘";margin-right:5px;}
.cs_tbl .low2 .type:before {content:"┗";margin-right:5px;}
.cs_tbl .low > td {padding:0;border-bottom:0;}
.cs_tbl .low > td .cs_tbl {border-bottom:0;}
.cs_tbl .cs_blue td {background-color:#E0FFFF;}
.cs_tbl .cs_yellow td {background-color:#fefedf;}

/* basket_li */
.basket_li .pay {font-weight:500;color:#50b4b6;}
.basket_li .total {margin-top:30px;padding-top:20px;border-top:2px dashed #ccc;}
.basket_li .total .detail {overflow:hidden;text-align:center;padding:15px;font-size:16px;color:#212121;background-color:#eee;}
.basket_li .total .detail p {display:inline-block;}
.basket_li .total .cost {margin-right:20px;}
.basket_li .total .order {font-size:18px;}
.basket_li .total .order .val {color:#fa5456;}
.basket_li .total .alert {margin-bottom:5px;font-weight:500;color:#d51500;}
.basket_li .total .payment {overflow:hidden;padding:15px;font-size:16px;color:#212121;background-color:#eee;}
.h_box .ord_edit {position:absolute;right:0;top:4px;}
.h_box .ord_edit label {color:#212121;font-weight:500;}
.ip_card .group {margin-bottom:10px;}
.ip_card .group:last-child {margin-bottom:0;}

/* classroom */
.cl_room .header {position:fixed;z-index:100;width:100%;background-color:#fed388;}
.cl_room #content {padding-top:80px;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 .num {line-height:68px;padding-top:0;font-size:16px;letter-spacing:-0.5px;background-color:#000;}
.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:0;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:65px;border-bottom:1px solid #ccc;background-color:#f5f5f5;}
.cl_header .nav > .inner {position:relative;max-width:1200px;margin:0 auto;padding-right:360px;}
.cl_header .nav .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:64px;line-height:64px;padding:0 15px;font-size:24px;font-weight:500;letter-spacing:-0.5px;color:#212121;}
.cl_header .nav .sub span {display:block;}
.cl_header .global {position:absolute;right:15px;top:50%;transform:translateY(-50%);}
.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:0 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:32px;line-height:32px;padding:0 10px;border-radius:2px;font-size:13px;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, .cl_header .global .act {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_header .global .back {width:32px;height:32px;margin:0;background-image:url("../../images/www/icon/fic_left_arrow.png");}
.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);}
.study_win .state {padding:10px 15px;color:#777;}
.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:2px;}
.cl_room .gauge .period .lab, .cl_room .gauge .period .val {vertical-align:middle;display:inline-block;line-height:28px;padding:0 10px;font-family:NanumSL;font-weight:bold;color:#212121;}
.cl_room .gauge .period .lab {color:#fff;background-color:#212121;}
.cl_room .gauge .group {display:inline-block;margin-right:50px;}
.cl_room .gauge .title {height:35px;margin-bottom:15px;font-size:30px;font-weight:500;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:50%;left:0;font-size:32px;font-weight:500;letter-spacing:-0.3px;color:#00093b;transform:translateY(-50%);}
.cl_room .gauge .circle {position:relative;	width:120px;height:120px;border-radius:50%;background-color:#e7e7e8;}
.cl_room .gauge .circle.done {background-color:#11569b;}
.cl_room .gauge .circle.done .result {color:#fff;}
.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 .panel .total .left {float:left;}
.cl_room .panel .total .right {float:right;}
.cl_room .panel .total .play {padding:0 25px 0 20px;font-size:17px;}
.cl_room .panel .total .play .icc {position:relative;top:-1px;margin-right:5px;}
.cl_room .panel .total .play .icc:before {font-size:28px;}
.cl_room .panel .score {vertical-align:middle;display:inline-block;margin-right:25px;font-family:NanumSR;font-size:20px;font-weight:bold;color:#212121;}
.cl_room .panel .score .num {font-size:24px;color:#f45470;}
.cl_room .p_bar .c_btn {padding:0 15px;}
.cl_room .p_bar .play i {margin:-1px 5px 0 -3px;}
.cl_room .task {padding-top:30px;}
.cl_room .task .c_btn {min-width:80px;}
.cl_room .task table .ord, .cl_room_02 .task table .ord {width:10%;}
.cl_room .task table .task, .cl_room_02 .task table .task {width:15%;}
.cl_room .task table .btns, .cl_room_02 .task table .btns {width:15%;}
.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 {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, .st_list .off, .st_list .finish {position:relative;width:46px;height:46px;margin:0 auto;}
.st_list .progress .count, .st_list .off .count, .st_list .finish .count {text-align:center;position:absolute;left:0;top:50%;width:100%;font-weight:500;color:#212121;transform:translateY(-50%);}
.st_list .finish {border:4px solid #11569b;border-radius:50%;}
.st_list .off {border:4px solid #acabb1;border-radius:50%;}
.tbl_item.st_list td.state {padding:0;}
.tbl_item.st_list .head td {font-family:NanumSR;font-size:15px;font-weight:bold;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;}

/* 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 {margin-left:5px;color:#191918;}
.lct_view .bar .order {color:#1d9ced;}
.lct_view .bar .date {font-weight:400;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;}
.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 .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-bottom:1px solid #b9b9b9;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;}
.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 .sub .name {margin-left:5px;}
.lct_view .detail .com .top {padding:0;}
.lct_view .detail .com .top:after {content:" ";display:block;clear:both;}
.lct_view .detail .com:first-child {border-top:1px solid #b9b9b9;;}
.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_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:10px;top:3px;}
.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 {width:100%;height:100%;}
.study_win2 > .inner {vertical-align:middle;}
.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;}

/* zone player */
.z_player {width:100%;height:100%;background:#000 url("../../images/www/bg/bg_z_player.gif") repeat 0 0;}
.z_player .viewer {width:1080px;height:680px;margin:0 auto;padding:80px 50px 100px 50px;}
.z_player .viewer > .ct {overflow:hidden;position:relative;height:100%;padding-left:225px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.z_player .viewer > .ct.wide {padding-left:0;}
.z_player .media {display:flex;justify-content:center;align-items:center;height:100%;background-color:#000;}
.z_player .play_txt {padding:10px 20px;font-size:13px;}
.z_player .play_txt .time {margin-right:20px;color:#ffff00;}
.z_player .play_txt .red {color:#ff0000;}
.zp_bar {position:absolute;width:100%;background-color:#000;}
.zp_bar .inner {position:relative;max-width:1080px;height:45px;margin:0 auto;padding:0 210px 0 260px;}
.zp_bar .global {position:absolute;left:0;top:0;}
.zp_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;}
.zp_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%) rotate(180deg);}
.zp_bar .tog.on:before {transform:translateY(-50%) rotate(0deg);}
.zp_bar .tog br {display:none;}
.zp_bar .logo {position:absolute;width:127px;right:10px;top:3px;}
.zp_bar .page {float:left;margin-left:10px;}
.zp_bar .page a {vertical-align:middle;display:inline-block;line-height:32px;margin:0 5px;padding:0 5px;border-radius:4px;color:#fff;background-color:#989b9f}
.zp_bar .page a .icc:before {font-size:24px;color:#fff;}
.zp_bar .page span {vertical-align:middle;display:inline-block;height:45px;line-height:45px;font-size:18px;font-weight:700;color:#fff;}
.zp_bar .page .on {display:inline-block;padding-right:10px;margin-right:5px;position:relative;color:#fff200;}
.zp_bar .page .on:before {content:" ";position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#eee;}
.zp_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;}
.zp_bar .info .sub .epi {display:block;padding-top:5px;font-size:16px;font-weight:normal;}
.zp_bar .info .rate {vertical-align:top;display:inline-block;position:relative;margin-left:7px;padding-left:10px;color:#f45470;}
.zp_bar .info .rate:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#666;}
.z_player .nav {position:absolute;z-index:10;width:225px;top:0;left:0;height:100%;padding-top:50px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.z_player .nav .idx {position:absolute;left:0;top:40px;width:200px;background-color:#46a496;}
.z_player .nav .current {display:block;padding:0 40px 0 10px;}
.z_player .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;}
.z_player .nav .idx .tog {position:absolute;right:10px;top:8px;font-size:15px;font-weight:700;color:#fff;}
.z_player .nav .tree {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f6f6f8;}
.z_player .nav .tree .inner {height:100%;overflow-x:hidden;overflow-y:auto;padding:12px;}
.z_player .nav .head {position:relative;}
.z_player .nav .head .close {position:absolute;right:-5px;top:0;}
.z_player .nav .head .close .icc:before {font-size:36px;}
.z_player .nav.off {-moz-transform:translateX(-225px);-webkit-transform:translateX(-225px);-ms-transform:translateX(-225px);transform:translateX(-225px);}
.z_player .nav .lab {margin-bottom:5px;font-size:18px;font-weight:500;color:#212121;}
.z_player .nav .info .title {text-align:center;display:inline-block;font-size:14px;font-weight:500;color:#46a496;}
.z_player .nav .info .val {display:block;font-size:13px;}
.z_player .nav .list {padding-left:5px;}
.z_player .nav .list .top {margin-bottom:5px;color:#333;}
.z_player .nav .list .ord {margin-right:5px;font-weight:500;color:#46a496;}
.z_player .nav .list li a {position:relative;display:block;line-height:1.3;padding:4px 5px 4px 8px;font-size:14px;}
.z_player .nav .list li a:before {content:" ";position:absolute;left:0;top:13px;width:3px;height:3px;border-radius:50%;background-color:#666;}
.z_player .nav .list li.on a {font-weight:500;color:#46a496;}
.z_player .nav .list li a:hover {color:#46a496;}
.z_player .nav .list li.on a:before, .z_player .nav .list li a:hover:before {background-color:#46a496;}
.z_player .nav .list ul + ul {margin-top:10px;padding-top:10px;border-top:1px solid #212121;}
.z_player .nav .group {padding:10px 0;}
.z_player .nav .group.intro {padding-top:0;}
.z_player .nav .group + .group {border-top:1px solid #ccc;}

/* 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 {word-break:keep-all;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-family:'Spoqa Han SansL';font-size:22px;font-weight:bold;color:#fff;}
.deb_li .top .name {display:block;padding-top:4px;font-size:16px;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;}
.deb_li .sta{position:absolute;display:inline-block;right:15px;top:15px;height:32px;line-height:32px;padding:0 10px;color:#fff;font-size:13px;border-radius: 4px;font-family: 'Material Icons';}
.deb_li .sta.waiting{background:#00589e;}
.deb_li .sta.correction{background:#f45470;}
.deb_li .sta.approval{background:#3da316; }
.deb_li .sta.waiting::before{content:'\e425'}
.deb_li .sta.approval::before{content:'\e5ca'}
.deb_li .sta.correction::before{content:'\e5d5';}
.deb_li .sta::before{font-size:16px; font-weight: normal; vertical-align: middle; margin-right:5px;}
.comm_list .sns_li {overflow:hidden;padding-top:5px;}
.comm_list .sns_li ul {float:right;}

/* deb_view */
.deb_view {margin-bottom:20px;padding:20px;border:1px solid #d2d2d2;}
.deb_view .top {position:relative;display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:1px solid #212121;background:none;}
.deb_view h1, .deb_view .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:52px;line-height:52px;font-family:'Spoqa Han SansR';font-size:20px;font-weight:bold;letter-spacing:-0.5px;color:#000;}
.deb_view .top .add {position:static;right:10px;top:10px;}
.deb_view .info {padding:10px 0;}
.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 20px 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;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-family:'Spoqa Han SansL';font-weight:bold;}
.deb_view .bar .vote .yes {color:#fff;background-color:#00589e;}
.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 20px;color:#2b65dc;}
.deb_view .file a:before {content:" ";position:absolute;left:0;top:9px;width:15px;height:16px;background:url("../../images/www/icon/ic_file.png");}

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

/* ess, step_table */
.step_table {display:flex;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:var(--Ci-Blue);}
.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_type2 {width:840px;margin:0 auto;}
.member_type2 .title {text-align:center;margin-bottom:20px;font-size:34px;font-weight:500;color:#282828;}
.member_type2 .title .em {color:#009c88;}
.member_type2 .guide {text-align:center;margin-bottom:30px;}
.member_type2 .guide p {word-break:keep-all;line-height:1.6;font-size:19px;}
.member_type2 .guide p +p {margin-top:10px;}
.member_type2 .guide .em {font-size:23px;font-weight:500;color:#212121;}
.member_type2 .guide2 {text-align:center;padding:20px;border-bottom:2px solid #ccc;}
.member_type2 .guide2 p {word-break:keep-all;line-height:1.6;font-size:19px;}
.member_type2 .guide2 p +p {margin-top:10px;}
.member_type2 .guide2 .em {font-size:23px;font-weight:500;color:#212121;}
.member_type2 .chk {display:inline-block;position:relative;padding-left:30px;}
.member_type2 .chk::before {content:" ";position:absolute;left:0;top:1px;width:26px;height:26px;background:url("../../images/www/icon/ic_member_check.png") no-repeat 0 0;}
.member_type2 .lab {font-size:24px;font-weight:500;color:#000;}
.member_type2 .type .desc {display:flex;justify-content:center;align-items:center;height:130px;line-height:1.5;letter-spacing:-0.5px;font-size:16px;}
.mb_info .ct {padding:10px 0 10px 110px;background: url("../../images/www/icon/ic_mb_lock.png") no-repeat 20px 50%;}
.mb_info .title {font-size:18px;font-weight:500;color:#212121;}
.mb_info .desc {word-break:keep-all;line-height:1.4;margin-top:15px;padding-top:15px;border-top:1px solid #dedede;}
.mb_info .input {margin-top:15px;padding-top:15px;border-top:1px solid #dedede;}
.mb_info .input label {margin-right:10px;font-size:16px;font-weight:500;}
.mb_info .input input {border:2px solid #8e8e8e;}
.cert_type {display:flex;justify-content:center;}
.cert_type.fix {width:840px;margin:0 auto;}
.cert_type li {width:50%;text-align:center;padding:100px 30px 30px 30px;border:2px solid #ccc;background-color:#f9f9fa;background-repeat:no-repeat;background-position-x:50%;}
.cert_type li + li {margin-left:20px;}
.cert_type .lab {font-size:24px;font-weight:500;color:#000;}
.cert_type .desc {word-break:keep-all;display:flex;justify-content:center;align-items:center;height:80px;line-height:1.5;font-size:16px;}
.cert_type .phone {background-image:url("../../images/www/icon/ic_cert_type_phone.png");background-position-y:30px;}
.cert_type .ipin {background-image:url("../../images/www/icon/ic_cert_type_ipin.png");background-position-y:35px;}
.cert_type .card {background-image:url("../../images/www/icon/ic_cert_type_card.png");background-position-y:35px;}
.cert_type .bar a {text-align:center;display:block;color:#fff;height:50px;line-height:50px;border-radius:25px;font-size:19px;background-color:#212121;}
.cert_type2 {display:flex;justify-content:space-between;} /* 팝업, 작은 디자인 */
.cert_type2 li {flex:1;text-align:center;padding:80px 15px 15px 15px;border:2px solid #ccc;background-color:#f9f9fa;background-repeat:no-repeat;background-position-x:50%;}
.cert_type2 li + li {margin-left:15px;}
.cert_type2 .lab {font-size:18px;font-weight:500;color:#000;}
.cert_type2 .desc {display:flex;justify-content:center;align-items:center;height:70px;line-height:1.5;font-size:15px;}
.cert_type2 .phone {background-image:url("../../images/www/icon/ic_cert_type_phone.png");background-position-y:15px;}
.cert_type2 .ipin {background-image:url("../../images/www/icon/ic_cert_type_ipin.png");background-position-y:20px;}
.cert_type2 .card {background-image:url("../../images/www/icon/ic_cert_type_card.png");background-position-y:20px;}
.cert_type2 .bar a {text-align:center;display:inline-block;padding:0 40px;color:#fff;height:40px;line-height:40px;border-radius:20px;font-size:16px;background-color:#212121;}

/* 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;}
.ip_form .pw_safety {position:relative;margin-top:20px;padding:0 0 10px 40px;}
.ip_form .pw_safety .mark {position:absolute;left:0;top:0;}
.ip_form .pw_safety .step {max-width:204px;}
.ip_form .pw_safety .bar {overflow:hidden;position:relative;height:10px;border-radius:5px;background:#efefef;}
.ip_form .pw_safety .gage {position:absolute;left:0;top:0;height:10px;border-radius:5px;}
.ip_form .pw_safety .alert {margin-top:7px;font-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;}

/* 파일 업로드 */
.lx_photo {overflow:hidden;text-align:center;display:inline-block;vertical-align:middle;position:relative;margin-bottom:5px;padding:8px;border:1px solid #cdcdcd;background-color:#fff;}
.lx_photo .delete {cursor:pointer;position:absolute;right:4px;top:4px;width:15px;height:15px;background:url("../../images/adm/icon/icons_util.gif") no-repeat -37px -0px;}
.lx_photo.p_3x4 img {width:90px;height:120px;}

/* 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 */
.frm_cert {padding:10px 0;}
.cert_frm {position:relative;width:757px;height:1060px;}
.cert_frm .img {position:absolute;left:0;top:0;width:100%;height:100%;}
.cert_frm .bg {position:absolute;left:0;top:0;width:100%;height:100%;}
.cert_frm .water {display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;}
.cert_frm * {font-family:'궁서', Gungsuh;color:#212121;}
.cert_frm .em {margin:0 5px;font-weight:500;}
.cert_frm .head {position:relative;padding:120px 70px 0 70px;height:270px;}
.cert_frm .head .num {position:absolute;left:70px;top:60px;font-size:17px;}
.cert_frm .head h1 {text-align:center;line-height:1;font-weight:bold;font-size:50px;}
.cert_frm .head h1 span {display:inline-block;width:50px;}
.cert_frm .head .sub {padding-top:5px;font-size:24px;font-weight:bold;}
.cert_frm .body {position:relative;padding:0 60px;font-size:22px;}
.cert_frm .body .desc {padding:60px 0;}
.cert_frm .body .desc p {word-break:keep-all;clear:both;text-align:center;line-height:1.6;font-size:24px;}
.cert_frm .body .desc .en {font-size:18px;letter-spacing:-0.5px;}
.cert_frm .body.fix {height:400px;}
.cert_frm .body.fix .desc {position:absolute;bottom:0;left:0;width:100%;padding:0;}
.cert_frm .body .info {overflow:hidden;}
.cert_frm .body .info.right {float:right;}
.cert_frm .user li {position:relative;min-height:33px;padding-left:110px;}
.cert_frm .user li + li {margin-top:8px;}
.cert_frm .user .wide {padding-left:0;font-weight:300;}
.cert_frm .user .lab {position:absolute;left:0;}
.cert_frm .user .val {font-weight:300;}
.cert_frm .user .sp_1 {display:inline-block;width:11px;}
.cert_frm .user .sp_2 {display:inline-block;width:44px;}
.cert_frm .user .sp_3 {display:inline-block;width:10.1px;}
.cert_frm .foot {text-align:center;position:absolute;bottom:0;left:0;width:100%;height:290px;padding:0 70px;}
.cert_frm .foot .date span {font-size:22px;}
.cert_frm .foot .date span + span {margin-left:10px;}
.cert_frm .foot .info {position:absolute;left:0;width:100%;top:100px;}
.cert_frm .foot .corp {display:inline-block;position:relative;font-size:32px;font-weight:bold;}
.cert_frm .foot .sign {position:absolute;right:-27px;top:50%;width:90px;height:90px;transform:translateY(-50%);}
.cert_frm.grade .head {height:230px;}

/* 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_step2 .head {text-align:center;margin-bottom:30px;}
.edu_step2 .head .title {display:inline-block;line-height:50px;padding:0 40px;border-radius:25px;font-family:NanumSL;font-weight:bold;font-size:20px;color:#fff;background-color:#2394c3;}
.edu_step2 .cont {display:flex;justify-content:space-around;}
.edu_step2 .circle {overflow:hidden;width:30%;border-radius:20px;background-color:#f5f7f9;}
.edu_step2 .top {display:flex;align-items:center;justify-content:center;padding:15px 0;background-color:#256ab3;}
.edu_step2 .step {margin-right:10px;font-family:NanumSL;font-weight:bold;font-size:17px;color:#fff;}
.edu_step2 .lab {font-weight:300;color:#fff;}
.edu_step2 ul {padding:20px;}
.edu_step2 li {position:relative;padding-left:60px;}
.edu_step2 li .type {position:absolute;left:0;top:1px;font-family:NanumSR;font-size:14px;font-weight:bold;color:#212121;}
.edu_step2 li .val {line-height:1.5;font-size:13px;}
.edu_step2 li + li {margin-top:10px;}

/* 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 */
.cw #content {padding-top:60px;}
.cm_type {padding:15px 0 0 10px;}
.cm_type label {font-size:18px;}
.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 .tbl_row > tbody > tr > th, .cs_wd .wizard .tbl_row > tbody > tr > td, .cs_wd .wizard select, .cs_wd .wizard input[type="text"] {font-size:14px;}
.cs_wd .wizard .tbl_row > tbody > tr > th, .cs_wd .wizard .tbl_row > tbody > tr > td {border:1px solid #d2d2d2;}
.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:50px;}
.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;}

/* admin popup */
.pop_area {position:fixed;top:0;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;padding-bottom:40px;border:1px solid #282828;background-color:#fff;}
.pop_area .popup .weditor {padding:15px 15px 57px 15px;}
.pop_area .top {background-color:#0663c4;}
.pop_area .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:42px;padding:0 10px;font-size:17px;font-weight:500;color:#fff;}
.pop_area .bar {position:absolute;width:100%;left:0;bottom:0;height:40px;line-height:40px;padding:0 40px 0 10px;background-color:#0663c4;color:#fff;}
.pop_area .bar input[type="checkbox"] {border:0;}
.pop_area .bar label {margin-left:8px;font-size:13px;}
.pop_area .bar .close {position:absolute;right:10px;top:12px;width:19px;height:19px;}
.pop_area .bar .close img {display:block;}
.pop_area .popup {top:var(--pop-area-top)}
.pop_area .popup .cont {overflow-y:auto;}

/* admin window */
.pop_ad1 .weditor * {font-family:NanumSR;}
.pop_ad1 {overflow:hidden;height:100%;background:#fff;}
.pop_ad1.img > .ct {padding:0;}
.pop_ad1 > .top {height:45px;background-color:var(--Ci-Blue);}
.pop_ad1 > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:45px;line-height:45px;padding:0 15px;font-size:17px;font-weight:500;color:#fff;}
.pop_ad1 > .ct {overflow-y:auto;height:calc(100% - 90px);padding:20px;}
.pop_ad1.img .ct a {display:block;}
.pop_ad1.img .weditor img {max-width:100%;}
/*.pop_ad1.img .ct img {object-fit:cover;position:absolute;width:100%;height:100%;}*/
.pop_ad1 .bar {position:relative;height:45px;padding:0 15px;background-color:var(--Ci-Blue);}
.pop_ad1 .bar label {margin-left:5px;line-height:45px;font-size:13px;font-weight:300;color:#fff;}
.pop_ad1 .bar .close {position:absolute;right:15px;top:50%;width:20px;height:20px;font-size:0;background:url("../../images/www/common/popup_close.png") no-repeat 50% 50%;transform:translateY(-50%);}
.pop_ad1 .bar input[type="checkbox"] {border:0;}
.pop_ad2 {background:#fff;}
.pop_ad2 > .top {position:relative;background-color:var(--Ci-Blue);}
.pop_ad2 > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:45px;line-height:45px;padding:0 15px;font-size:17px;font-weight:500;color:#fff;}
.pop_ad2 > .top .close {text-indent:-9999px;overflow:hidden;position:absolute;right:15px;top:12px;width:22px;height:22px;background:url(../../images/www/common/p_close_wt_64@2x.png) no-repeat 0 0;background-size:cover;}
.pop_ad2 > .ct {padding:20px;}
.pop_ad2 .bar {position:relative;height:45px;padding:0 15px;background-color:var(--Ci-Blue);}
.pop_ad2 .bar label {margin-left:5px;line-height:45px;font-size:13px;font-weight:300;color:#fff;}
.pop_ad2 .bar .close {position:absolute;right:15px;top:12px;width:20px;height:20px;font-size:0;background: url("../../images/www/common/popup_close.png") no-repeat 50% 50%;}

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

/* login */
.p_login {width:480px;margin:40px auto;box-shadow:5px 5px 15px 0 rgba(138, 138, 138, 0.2), -5px 5px 15px 0 rgba(138, 138, 138, 0.2);}
.p_login .flex {overflow:hidden;display:flex;width:980px;margin:0 auto;border-radius:5px;background-color:#fff;box-shadow:5px 5px 15px 0 rgba(138, 138, 138, 0.2), -5px 5px 15px 0 rgba(138, 138, 138, 0.2);}
.p_login .ct {position:relative;padding:60px 80px;}
.p_login .bg {flex-shrink:0;width:494px;height:498px;background:url("../../images/www/common/img_login.png") no-repeat 0 0;background-size:cover;}
.p_login .head {text-align:center;margin-bottom:40px;}
.p_login .head p {line-height:1.7;font-size:14px;color:#666;}
.p_login .head .em {line-height:1;margin-bottom:15px;font-size:24px;font-weight:bold;color:#000;}
.p_login .head .sub {padding-top:15px;opacity:0.8;}
.p_login .box {position:relative;}
.p_login .box label {position:absolute;left:0;top:20px;font-size:18px;font-weight:700;color:#212121;}
.p_login .box input[type="text"], .p_login .box input[type="password"] {width:100%;height:46px;padding:0 30px 0 40px;border:0;font-size:14px;font-family:"Malgun Gothic";color:#666;background-color:#f5f5f5;background-repeat:no-repeat;background-position:10px 50%;}
.p_login .box:before {position:absolute;left:10px;top:13px;line-height:1;font-size:22px;color:#555;}
/* .p_login .id input {background-image:url("../../images/www/icon/ic_login_id.png");}
.p_login .pw input {background-image:url("../../images/www/icon/ic_login_pw.png");} */
.p_login .id:before {content:"\e853";font-family:'Material Icons';}
.p_login .pw:before {content:"\e897";font-family:'Material Icons';}

.p_login .box + .box {margin-top:15px;}
.p_login .save {margin-top:10px;font-size:14px;}
.p_login .save label {margin-left:3px;}
.p_login .enter {text-align:center;display:block;line-height:60px;margin-top:20px;padding:0 10px;font-size:20px;color:#fff;background-color:#256ab3;}
.p_login .help {padding-top:15px;}
.p_login .help ul {display:flex;justify-content:space-between;}
.p_login .help a {border-bottom:1px solid #7c7c7c;color:#7c7c7c;}
.p_login .guide {text-align:center;padding-bottom:15px;}
.p_login .guide p {font-size:15px;}
.p_login .nav_tabs2 {margin-bottom:0;}
.p_login .test_link {display:flex;justify-content:space-between;margin-top:20px;}
.p_login .test_link a {font-size:13px;color:#428bca;}
.log_wrap {display:flex;justify-content:center;}
.log_wrap .p_login {width:420px;min-height:440px;margin:0 10px;border:1px solid #d9d9d9;}
.log_wrap .p_login .ct {padding:60px 40px;}
.log_wrap .note {margin-top:20px;padding-top:20px;border-top:1px solid #eee;}
.log_wrap .note li {font-size:14px;}
.log_wrap .note .em {font-weight:500;color:#f05400;}
.log_wrap .one_pass {display:flex;align-items:center;}
.log_wrap .one_pass input[type="text"] {width:100%;height:46px;}
.log_wrap .btn_one {text-align:center;display:block;margin-top:20px;background-color:#256ab3;}
.log_wrap .btn_one span {display:inline-block;position:relative;line-height:60px;padding-left:50px;font-size:20px;color:#fff;}
.log_wrap .btn_one span:before {content:" ";position:absolute;left:0;top:50%;width:37px;height:33px;margin-top:-16px;background:url("../../images/www/icon/ic_one_pass.png") no-repeat 0 0;}

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

/* 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 .note.no_img {padding-top:0;background:none;}
.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 {text-align:center;}
.ts_form .top {margin-bottom:20px;}
.ts_form .top .title {font-family:NanumSR;font-weight:bold;font-size:32px;color:#212121;}
.ts_form .tag {margin-top:15px;}
.ts_form .tag a {display:inline-block;line-height:40px;margin:4px;padding:0 20px;border-radius:20px;font-family:NanumSL;font-weight:bold;font-size:18px;color:#fff;background-color:#2394c3;}
.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 {margin-top:30px;padding-top:30px;border-top:1px solid #ccc;}
.ts_result .section {margin-top:40px;}
.ts_result .desc {text-align:center;font-family:NanumSL;font-weight:bold;font-size:29px;color:#212121;}
.ts_result .desc .key, .ts_result .desc .count {color:#f45470;}
.ts_result .top_bar {position:relative;margin-bottom:10px;}
.ts_result .top_bar .c_title3, .ts_result .top_bar .count {vertical-align:middle;display:inline-block;}
.ts_result .top_bar .count {font-family:NanumSR;font-weight:bold;color:#212121;}
.ts_result .top_bar .c_title3 {margin-right:5px;margin-bottom:0;}
.ts_result .top_bar .add {position:absolute;right:0;bottom:10px;}
.ts_result .top_bar .more {font-weight:500;color:#212121;}
.ts_result .result {padding:20px;border-radius:5px;background-color:#f5f6f7;}
.ts_li + .ts_li {margin-top:20px;}
.ts_li .key {text-decoration:underline;text-underline-position:under;line-height:1.4;font-size:17px;color:#256ab3;}
.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 .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;}

/* main search */
.m_sch .inner {position:relative;max-width:700px;margin:0 auto;}
.m_sch .key {width:100%;height:60px;border-radius:10px;padding:0 56px 0 20px;border:2px solid #ccc;font-size:26px;outline:none;}
.m_sch .key::placeholder {color:#bcbcbc;}
.m_sch .enter {overflow:hidden;position:absolute;right:7px;top:7px;width:46px;height:46px;}
.m_sch .enter:before {content:" ";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background:#256ab3 url("../../images/www/common/m_sch_enter.png") no-repeat 50% 50%;}
.m_sch .auto {display:none;box-sizing:border-box;position:absolute;left:0;top:95px;z-index:10;width:100%;border:1px solid #0f3946;border-top:0;background-color:#fff;}
.m_sch .auto .word li {text-align:left;position:relative;}
.m_sch .auto .word .text {display:block;padding:15px;font-size:16px;color:#212121;}
.m_sch .auto .word li:hover {background-color:#f5f5f5;}
.m_sch .auto .word .del {position:absolute;z-index:10;right:15px;top:14px;}
.ent_c .m_sch .inner {width:50%;margin:0 auto;}
.ent_c .m_sch .key {height:60px;padding:0 66px 0 10px;font-size:24px;}
.ent_c .m_sch .enter {right:2px;top:2px;width:66px;height:56px;}
.ent_c .m_sch .enter:before {width:44px;height:44px;}
.ent_c .m_sch .auto {top:60px;}
.edu_on_li.thumb .slick-slide, .edu_off_li.thumb .slick-slide, .edu_on_li.thumb > li, .edu_on_li.st > li {padding:15px 5px;}
.edu_on_li.thumb, .edu_on_li.st {margin:-15px -5px;}
.edu_on_li.st .con {height:auto;}

/* contents */
/* job_expo */
.job_expo {max-width:700px;margin:0 auto;}
.job_expo .img {text-align:center;}
.job_expo .info {margin-top:20px;}

.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;}
.k-datepicker.k-widget .k-picker-wrap:before {height:auto;}

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

/* editor */
.edt_frm {color:#333;font:12px/1.2 ng, 'NanumGothic', '나눔고딕', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;line-height:1.4em;}
.edt_frm table {width:auto;}
.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 ol {list-style-type:decimal;list-style-position:inside;}
.weditor ul {list-style-type:disc;list-style-position:inside;}
.weditor dl, .weditor menu, .weditor li {list-style:inherit;}
.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;}

/* footer */
.e_terms, .privacy .PI_contents {padding:20px;border-radius:10px;border:1px solid #eee;}
.privacy .PI_title {height:27px; background:#4996cb; text-align:center; font-weight:bold; color:#fafafa; padding-top:8px; font-size:14px;}
.privacy .PI_title1 {height:27px; background:#4f82a5; text-align:center; font-weight:bold; color:#fafafa; padding-top:8px; font-size:14px;}
.privacy .PI_title1 span {font-size:11px; font-weight:normal;}
.privacy .PI_contentsinfo {margin-bottom:20px;padding:15px;border-radius:10px;font-weight:300;background:#f9f9f9;}
.privacy .PI_contentsbox + .PI_contentsbox {margin-top:20px;}
.privacy .PI_ctxt {padding:5px 10px;}
.privacy .PI_ctxt p {padding-left:16px;}
.privacy .linktxt {border:1px solid #949494; padding:3px 4px 3px 4px; font-size:1em;color:#3c5dbf; font-size:11px;}
.privacy .linktxt:hover {text-decoration:none; border:1px solid #6e85ca; padding:3px 4px 3px 4px; font-size:1em; background:#fff; color:#3c5dbf; font-size:11px;}
.privacy .PI_ctitle1 {margin-bottom:10px; color:#3072a5}
.privacy .PI_contentsbox:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0;}
.privacy .group {padding:15px;border-radius:10px;font-weight:300;background-color:#f9f9f9;}
.e_terms .ts_title {margin-bottom:10px;letter-spacing:-0.5px;font-size:19px;font-weight:500;color:#0662c3;}
.privacy .PI_ctitle, .e_terms .Text_boldRoot {margin-bottom:10px;padding-left:20px;font-size:16px;font-weight:500;color:#000;background:url("../../images/www/icon/fic_terms_sub.png") no-repeat 0 5px;}
.e_terms .infotest_t + .infotest_t {margin-top:20px;}
.e_terms .ts_title + .infotest_t {margin-top:10px;}
.infotest_t + .ts_title {margin-top:20px;margin-bottom:0;}
.e_terms .infotest_t dd {padding:15px;border-radius:10px;font-weight:300;background-color:#f9f9f9;}
.e_terms .infotest_t:last-child {padding-bottom:0;border-bottom:0;}
.m_email .desc {padding:30px 30px 30px 130px;border:1px solid #ccc;border-radius:10px;background:url("../../images/www/icon/spam.png") no-repeat 40px 50%;}
.m_email .desc p {line-height:1.6;font-weight:300;}
.m_email .desc .note {margin-top:10px;padding-top:10px;border-top:1px solid #dedede;}
.m_email .em {font-weight:400;color:#212121;}
.m_email .desc .date {font-size:14px;font-weight:400;color:#0663c3;}

/* template */
/* nt_board */
.nt_board .box {display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border:1px solid #d8d8d8;border-radius:8px;background-color:#fafafa;}
.nt_board .box + .box {margin-top:20px;}
.nt_board .type, .nt_board .lab {display:block;padding-bottom:5px;font-family:NanumSL;font-size:18px;font-weight:bold;color:#333;}
.nt_board .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-family:NanumSR;font-weight:bold;color:#333;}
.nt_board .val {font-family:Roboto;font-size:17px;font-weight:300;}
.nt_board .sub {width:800px;}
.nt_board .period {width:18%;}
.nt_board .date {width:15%;}

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

/* application */
.app_lecturer .ct_box2 + .c_title3{margin-top:40px;}
.app_lecturer .state_box {margin-top:40px;padding-bottom:20px;}
.app_lecturer .state_box{text-align: center;}
.app_lecturer .state_box ul {display:flex;}
.app_lecturer .state_box ul li {flex:1 1 0;position: relative;}
.app_lecturer .state_box ul li > a {display:block;}
.app_lecturer .state_box ul li div{display:inline-block; width:200px; height:200px;  padding-top:30px; vertical-align: middle; text-align: center; border:8px solid #cbd2d8; border-radius:50%;font-size:18px; font-weight: bold; color:#cbd2d8;}
.app_lecturer .state_box ul li div::before{display:block; content:''; width:80px; height:85px; margin:0 auto; margin-bottom:10px; background-image: url(../../images/www/icon/ic_state.png); background-repeat: no-repeat;}
.app_lecturer .state_box ul li .c_btn{display: block; width:80px; margin:0 auto; margin-top:10px;}
.app_lecturer .state_box ul li + li::before{content:" ";position:absolute;left:-17px;top:50%;width:37px; height:21px;background:url(../../images/www/icon/arr_right_03.png) no-repeat;transform:translateY(-50%);}
.app_lecturer .state_box ul li.on::before {background-position-y: -24px;}
.app_lecturer .state_box ul li.on div{color:#0052a4; border-color: #0052a4;}
.app_lecturer .state_box ul li.on div::before{background-position-y: -100px;}
.app_lecturer .state_box ul li:nth-child(2) div::before{background-position-x: -120px;}
.app_lecturer .state_box ul li:nth-child(3) div::before{background-position-x: -235px;}
.app_lecturer .state_box ul li:nth-child(4) div::before{width:82px;background-position-x: -490px;}
.app_lecturer .state_box ul li:nth-child(5) div::before{width:85px;background-position-x: -355px;}
.app_lecturer .state_box ul li span {display:block;padding-top:3px;font-family:NanumSR;font-size:16px;}
.app_lecturer .p_guide{margin-top:30px;}
.app_lecturer .state_btn {margin-top:30px;}
.app_lecturer .state_btn .c_btn {margin:4px;}
.ct_dialog .s_title{font-size:17px; color:#000; margin-bottom:15px; font-weight: bold; text-align: center;}
.ct_dialog .text_box{border:2px solid #ededed; padding:15px; counter-reset: section;}
.ct_dialog .text_box li{position: relative; font-family: 'NanumSL'; font-weight: bold; padding-left:15px;}
.ct_dialog .text_box li::before{position: absolute; left:0; counter-increment: section; content: counter(section) ".";}
.ct_dialog .text_box li + li{margin-top:10px;}
.ct_dialog .co_txt{border:1px solid #ddd; padding:20px;}
.ct_dialog .co_txt .tit{color:#000; text-align: center; font-size:24px;}
.ct_dialog .co_txt .txt_box{margin-top:20px;}
.ct_dialog .co_txt .txt_box p{color:#333;font-size:16px;font-weight: bold;font-family: 'NanumSL';text-align: center;line-height: 140%;border:1px solid #ddd; padding:10px;}
.ct_dialog .co_txt .txt_box ul{margin-top:20px;}
.ct_dialog .co_txt .txt_box li{position: relative; color:#666; font-size:14px; padding-left:15px;font-family: 'NanumSL'; font-weight: bold;}
.ct_dialog .co_txt .txt_box li + li{margin-top:10px;}
.ct_dialog .co_txt .txt_box li > span{position: absolute; left:0;}
.ct_dialog .ag_bx{text-align: center; margin:20px 0;}
.ct_dialog .ag_bx label{color:#000;font-weight: bold;}


/* syllabus */
.syllabus .sy_pre + .c_btn{margin-left:5px;}
.syllabus .sy_pre{color:#00479d; border-bottom:1px solid #00479d;}

/* rw */
/* 1400, 1200, 992, 768, 576~ */
@media screen and (max-width:1400px) {
.pop_area .popup {left:0 !important;}
}

@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:1024px) {
}

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

/* rw */
/* print */
.print_frm {width:780px;margin:0 auto;padding:10px;}
.print_frm .menu_bar {text-align:right;padding:10px 0;}
.print_frm .ct_title {font-size:24px;}
.print_frm .cs_bl_title {font-size:18px;}
.print_frm .cs_bl_title::before {top:-2px;}
.print_frm .cs_bl_title.top {margin-top:20px;}

@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%;}
table caption {display:none;}
.print_frm {padding:10px 0;}
.print_frm .menu_bar {display:none;}
.frm_cert {padding:0;}
.frm_cert .bar {display:none;}
}

/* bootstrap grid */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }

}
@media (min-width: 769px) {
  .col-mds-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-mds-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-mds-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-mds-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-mds-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-mds-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-mds-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-mds-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-mds-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-mds-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-mds-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-mds-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 2rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 2rem;
}

@media (max-width: 575px) { /* 575이하, xs추가 */
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
	--bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

/* c3 */
table.c3-tooltip {table-layout:auto;}

/* fc_calendar */
.fc_calendar .sche_menu {display:flex;position:relative;margin-bottom:20px;border:1px solid #d8d5d5;padding:0 50px;}
.fc_calendar .sche_menu .arrow {position:absolute;top:50%;height:30px;transform:translateY(-50%);}
.fc_calendar .sche_menu .arrow::before {line-height:1;font-family:'Material Icons';font-size:30px;color:#000;}
.fc_calendar .sche_menu .prev {left:10px;}
.fc_calendar .sche_menu .next {right:10px;}
.fc_calendar .sche_menu .prev::before {content:"\e408";}
.fc_calendar .sche_menu .next::before {content:"\e409";}
.fc_calendar .sche_menu .year {flex-shrink:0;text-align:center;width:100px;line-height:50px;font-size:22px;color:var(--Ci-Blue);}
.fc_calendar .sche_menu .month {display:flex;flex-grow:1;text-align:center;}
.fc_calendar .sche_menu .month li {flex:1 1 0;position:relative;height:50px;}
.fc_calendar .sche_menu .month li a {color: #333; letter-spacing:-1px;display:block;position:absolute;top:-5px;right:10%;bottom:-5px;left:10%;line-height:60px;}
.fc_calendar .sche_menu .month li .on {color:#fff;background-color:var(--Ci-Blue);}
.fc_calendar .sche_bar {display:flex;justify-content:flex-end;margin-bottom:10px;}
.fc_calendar .sche_bar .tab li {float:left;}
.fc_calendar .sche_bar .tab a {position:relative;display:block;padding:0 10px;font-size:15px;}
.fc_calendar .sche_bar .tab a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#888;transform:translateY(-50%);}
.fc_calendar .sche_bar .tab li:first-child a:before {display:none;}
.fc_calendar .sche_bar .tab .on a {padding-right:25px;color:#000;}
.fc_calendar .sche_bar .tab .on a:after {content:"\e5c5";}
.fc_calendar .sche_bar .tab a:after {position:absolute;right:0;top:0;line-height:1;font-family:'Material Icons';font-size:24px;color:#000;}
.fc_calendar .calendar {position:relative;}
.fc_calendar .legend {display:flex;position:absolute;top:-30px;margin-bottom:10px;}
.fc_calendar .legend li {position:relative;line-height:18px;margin-right:10px;padding-left:35px;font-size:14px;}
.fc_calendar .legend li:before {content:" ";position:absolute;left:0;top:0;width:30px;height:18px;}
.fc_calendar .legend .gray::before {background-color:#909090;}
.fc_calendar .legend .blue::before {background-color:var(--Ci-Sky);}

/* fullcallendar */
.fc-toolbar, .fc-listMonth-view .fc-list-item-time, .fc-day-grid-event .fc-time {display:none;}
.fc-toolbar .fc-center {font-size:0;}
.fc-month-view .fc-head .fc-head-container {border-color:#4d4d4d;}
.fc-unthemed th {text-align:center;line-height:42px;height:42px;border-bottom:none;border-right:none;padding:0;border:none !important;font-size:16px;color:#fff;background:#4d4d4d;}
.fc-other-month {background:#fafafa;}
/* .fc-other-month .fc-day-number {display:none !important}*/
.fc-scroller {height:auto !important;height:auto !important;}
.fc-day-grid-event {border-radius:5px;color:#fff;font-size:13px;}
.fc-day-grid-event.fc-event:hover {color:#fff;}
.fc-day-grid-event .fc-content {padding:3px;}
.fc-event-container a {color:#fff}
.fc-view .fc-event {border-color:var(--Ci-Sky);}
.fc-view .fc-event, .fc-view .fc-event-dot {background-color:var(--Ci-Sky);}

/* keyframes */
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40%, 0);
		transform: translate3d(0, 40%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-webkit-keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%, 0, 0);
		transform: translate3d(20%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

/* rw */
@media screen and (max-width:768px) { /* mobile */
/* common */
.hd_mo {display:none !important;}
.vs_mo {display:block;}
.md_vs {display:block !important;}
.md_wide, .mo_wide {width:100%;}

/* new layout */
.ctm_edu {min-width:auto;}
#header2 {position:fixed;top:40px;width:100%;z-index:100;}
#header2 .frm .nav, #header2 .quick, #header2 .func .tog_all {display:none;}
#header2 .nav_toggle {display:block;}
#header2 .site_group .partner {margin-left:15px;}
.top_pop {position:fixed;top:0;left:0;z-index:100;width:100%;}
.top_pop .rows {position:relative;}
.top_pop .site_link {overflow-x:scroll;padding-right:100px;}
.top_pop .site_link a {white-space:nowrap;padding:0;}
.top_pop .site_link li:first-child a {padding:0;}
.top_pop .site_link li + li {margin-left:20px;}
.top_pop .x {display:none;right:5px;}
.top_pop .rows::after {content:" ";display:block;position:absolute;right:0;top:0;width:60px;height:100%;background:linear-gradient(90deg,rgba(40,100,210,0) 30%,rgba(40,100,210,.5) 75%,#2864d2 100%);}
#header2 .frm .rows {height:60px;}
#header2 .logo img {height:40px;}
.cro #header2 .logo, .k_health #header2 .logo {width:auto;}
.cro #header2 .logo a, .k_health #header2 .logo a {display:block;width:39px;height:40px;background:url("../../images/www/common/logo_mo.png") no-repeat 0 0;background-size:cover;}
.cro #header2 .logo img, .k_health #header2 .logo img {display:none;}
.all_menu .ct {flex-wrap:wrap;padding:20px 0;}
.all_menu .group, .all_menu .group + .group {text-align:center;flex-basis:33.3333%;margin:10px 0;}
.all_menu .lab {height:30px;margin-bottom:10px;padding-bottom:10px;font-size:16px;}
.all_menu .lab::before {left:50%;transform:translateX(-50%);}
.all_menu ul a {font-size:14px;}
.all_menu ul li + li {margin-top:5px;}
.all_menu .short li + li {margin-top:7px;}
#footer2 {margin-top:50px;}
#footer2 .info {padding:20px 0 30px 0;}
#footer2 .info .top {display:block;}
#footer2 .info .logo {text-align:center;}
#footer2 .info .logo img {height:40px;}
#footer2 .rel_link {justify-content:center;margin-top:10px;}
#footer2 .rel_link .tog {width:160px;}
#footer2 .addr {text-align:center;padding-top:15px;}
#footer2 .addr li, #footer2 .addr li + li {float:none;display:inline-block;margin:0 5px;padding:0;}
#footer2 .addr li + li::before {display:none;}
#footer2 .info .bot {text-align:center;display:block;}
#footer2 .info .menu {justify-content:center;margin-top:15px;padding-top:15px;border-top:1px solid #e6e6e6;}
#footer2 .info .menu a {font-size:13px;}
#footer2 .p_top {bottom:10px;right:10px;}

/* main */
.ctm_edu .visual {height:auto;padding:20px 10px 10px 10px;border-bottom:0;}
.ctm_edu .main_sd .viewer .rows {display:block;height:auto;}
.main_sd .ct, .k_health .main_sd .ct {width:auto;height:auto;}
.main_sd .sub {text-align:center;}
.main_sd .sub span {font-size:32px;letter-spacing:-2px;}
.main_sd .desc {text-align:center;margin-top:10px;}
.main_sd .desc span {font-size:16px;}
.main_sd .bar {text-align:center;margin-top:15px;}
.main_sd .img {position:relative;width:80%;margin:20px auto 0 auto;}
.main_sd .slick-dots {position:static;}
.ctm_edu .visual .wheel {display:none;}
.ctm_edu .section .sc_head {margin-bottom:30px;}
.ctm_edu .section .sc_head p {font-size:16px;}
.ctm_edu .section .sc_head .title {font-size:32px;}
.ctm_edu .section .sc_head .title span {display:block;}
.ctm_edu .edu_link {padding:20px 10px 40px 10px;}
.ctm_edu .edu_link .service {width:100%;height:auto;padding:40px 0 10px 0;}
.ctm_edu .edu_link .link {display:block;margin:0;}
.ctm_edu .edu_link .service .link  {position:static;padding:0 20px 20px 20px;transform:none;}
.ctm_edu .edu_link .service + .link {margin-top:0;}
.ctm_edu .edu_link .card {padding:0;}
.ctm_edu .edu_link .card + .card {margin-top:20px;}
.ctm_edu .edu_link .card a, .ctm_edu .edu_link .card .title, .ctm_edu .edu_link .desc {height:auto;}
.ctm_edu .edu_link .card a {width:100%;}
.ctm_edu .edu_link .lab {margin-bottom:20px;}
.ctm_edu .edu_link .card .title {margin-bottom:20px;}
.ctm_edu .edu_link .desc {margin-bottom:20px;}
.ctm_edu .edu_link.bg {margin-top:20px;padding-top:40px;}
.ctm_edu .sub_ban {height:250px;margin-top:0;}
.ctm_edu .sub_ban .sd {padding-top:0;}
.ctm_edu .sub_ban .sd .bann {text-align:center;position:relative;z-index:10;height:250px;padding:0 20px 30px 20px;}
.ctm_edu .sub_ban .sub {margin-bottom:20px;font-size:26px;}
.ctm_edu .sub_ban .sd .ct {height:auto;}
.ctm_edu .sub_ban .desc {font-size:16px;}
.ctm_edu .sub_ban .bar {margin-top:15px;}
.ctm_edu .sub_ban .sd .img {display:none;}
.sub_ban .control .holder {width:100%;}
.ctm_edu .sub_ban .control {bottom:30px;}
.ctm_edu .sub_ban .slick-dots {position:static;}
.ctm_edu .sub_ban::before {height:250px;}
.ctm_edu .section.board, .ctm_edu.live .section.board, .ctm_edu.cro .section.board {padding:40px 0;}
.ctm_edu .section.board .rows {padding:0 20px;}
.ctm_edu .section.board .tc_head {margin-bottom:10px;padding:0 20px;}
.ctm_edu .tab_ct {display:block;}
.ctm_edu .tab_ct .menu {width:100%;padding:30px 20px 0 20px;}
.ctm_edu .tab_ct .menu ul {display:flex;align-items:flex-end;padding:0;}
.ctm_edu .tab_ct .menu li {flex:1 1 0;}
.ctm_edu .tab_ct .menu li + li {margin:0 0 0 0;}
.ctm_edu .tab_ct .menu a, .ctm_edu .tab_ct .menu .on a, .ctm_edu .tab_ct .menu li:hover a, .ctm_edu .tab_ct .menu .lab {width:auto;margin:0;}
.ctm_edu .tab_ct .menu a, .ctm_edu .tab_ct .menu .on a, .ctm_edu .tab_ct .menu li:hover a {display:block;height:auto;padding:0;border-radius:25px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.ctm_edu .tab_ct .menu .on a::before, .ctm_edu .tab_ct .menu li:hover a:before {display:none;}
.ctm_edu .tab_ct .menu .lab {text-align:center;display:block;height:50px;padding:17px 0 0 0;font-size:20px;}
.ctm_edu .tab_ct .menu .on .lab {height:55px;padding-top:20px;}
.ctm_edu .tab_ct .menu p {display:none;}
.ctm_edu .tab_ct .ct {padding:30px;border-top:1px solid #e6e6e6;border-radius:45px;border-top-left-radius:0;border-top-right-radius:0;}
.ctm_edu .sha_ban {padding:60px 0 30px 0;}
.sha_ban .title {margin-bottom:20px;font-size:28px;}
.sha_ban .desc {font-size:16px;}
.sha_ban .intro {text-align:center;padding:145px 20px 45px 20px;}
.sha_ban .intro::before {left:50%;right:auto;width:320px;height:170px;background-size:cover;transform:translateX(-50%);}
.ctm_edu .section.partner {padding:30px 0;}
.ctm_edu .cl_li a, .ctm_edu .cl_li .blank {width:33.3333%;}

/* ess, layout */
.rd_aw_btn {height:50px;line-height:50px;padding:0 40px 0 20px;font-size:16px;}
.rd_aw_btn::before {right:15px;}
.ctm_edu .rd_aw_btn {min-width:auto;}
#header {position:fixed;min-width:auto;}
.rows {min-width:auto;width:100%;}
#header .logo {justify-content:center;}
#header .frm {display:none;}
#header .frm .nav .menu {display:none;}
#header .global {display:none;}
#content {min-height:auto;padding:100px 0 30px 0;}
.path_ind {padding-top:85px;}
#container {width:100%;padding-top:100px;}
#container .lnb {display:none;}
#container .page_ct {padding-left:0;}
#container #content {padding-top:15px;}
#quickmenu {display:none;}
#footer {min-width:auto;}
#footer .ct {text-align:center;padding:20px;}
#footer .logo {position:static;transform:none;}
#footer address {margin-top:15px;}
#footer .addr {display:flex;flex-wrap:wrap;justify-content:center;}
#footer address li:before {display:none;}

/* table */
.tbl_rps > .tbl_col {display:block;border-top:2px solid #000;}
.tbl_rps > .tbl_col td.no, .tbl_rps > .tbl_col > thead, .tbl_rps > .tbl_col .hidden {display:none;}
.tbl_rps > .tbl_col > tbody {display:block;}
.tbl_rps > .tbl_col tr {display:flex;flex-wrap:wrap;position:relative;padding:15px 10px;border-bottom:1px solid #e7e7e7;}
.tbl_rps > .has_img tr {padding-right:45px;}
.tbl_rps > .tbl_col td {display:inline-block;height:auto;padding:0;border-bottom:0;font-size:13px;}
.tbl_rps > .tbl_col td .weditor {font-size:13px;}
.tbl_rps > .tbl_col td[colspan]:not(.tb_blank) {display:block;padding-bottom:20px;}
.tbl_rps > .tbl_col td.blank {display:block;width:100%;padding-bottom:0;}
.tbl_rps > .tbl_col .tb_link {font-size:14px;}
.tbl_rps > .tbl_col td.title {width:100%;padding-bottom:3px;}
.tbl_rps > .tbl_col td.title .lock::before {font-size:20px;}
.tbl_rps > .tbl_col td:not(.title) {vertical-align:middle;}
.tbl_rps > .tbl_col td:not(.title):not(.img):not(.org):not(:last-child):not(.last) {position:relative;padding-right:15px;}
.tbl_rps > .tbl_col td:not(.title):not(.img):not(.org):not(:last-child):not(.last)::before {content:" ";display:block;position:absolute;right:7px;top:50%;width:1px;height:12px;background-color:#666;transform:translateY(-50%);}
.tbl_rps > .tbl_col td.img {position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.tbl_rps > .tbl_col td.img ~ td::before {display:none;}
.tbl_rps > .order .ord_1 {order:1;}
.tbl_rps > .order .ord_2 {order:2;}
.tbl_rps > .order .ord_3 {order:3;}
.tbl_rps > .order .ord_4 {order:4;}
.tbl_rps > .order .ord_5 {order:5;}
.tbl_rps .tbl_col .tb_blank {display:block;width:100%;text-align:center;}

.tbl_rps > .tbl_blank {display:block;}
.tbl_rps > .tbl_blank td.no, .tbl_rps > .tbl_blank > thead, .tbl_rps > .tbl_blank .hidden {display:none;}
.tbl_rps > .tbl_blank > tbody {display:block;}
.tbl_rps > .tbl_blank tr {display:flex;flex-wrap:wrap;position:relative;padding:15px 10px;border-bottom:1px solid #e7e7e7;}
.tbl_rps > .has_img tr {padding-right:45px;}
.tbl_rps > .tbl_blank td {display:inline-block;height:auto;padding:0;border-bottom:0;font-size:13px;}
.tbl_rps > .tbl_blank td[colspan]:not(.tb_blank) {display:block;padding-bottom:20px;}
.tbl_rps > .tbl_blank td.blank {display:block;width:100%;padding-bottom:0;}
.tbl_rps > .tbl_blank .tb_link {font-size:14px;}
.tbl_rps > .tbl_blank td.title {width:100%;padding-bottom:3px;}
.tbl_rps > .tbl_blank td.title .lock::before {font-size:20px;}
.tbl_rps > .tbl_blank td:not(.title) {vertical-align:middle;}
.tbl_rps > .tbl_blank td:not(.title):not(.img):not(.org):not(:last-child):not(.last) {position:relative;padding-right:15px;}
.tbl_rps > .tbl_blank td:not(.title):not(.img):not(.org):not(:last-child):not(.last)::before {content:" ";display:block;position:absolute;right:7px;top:50%;width:1px;height:12px;background-color:#666;transform:translateY(-50%);}
.tbl_rps > .tbl_blank td.img {position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.tbl_rps > .tbl_blank td.img ~ td::before {display:none;}
.tbl_rps > .order .ord_1 {order:1;}
.tbl_rps > .order .ord_2 {order:2;}
.tbl_rps > .order .ord_3 {order:3;}
.tbl_rps > .order .ord_4 {order:4;}
.tbl_rps > .order .ord_5 {order:5;}
.tbl_rps .tbl_blank .tb_blank {display:block;width:100%;text-align:center;}

/* data(dev) */
.tbl_rps .fx_box.sm > table, .tbl_rps .fx_box.md > table, .tbl_rps .fx_box.lg > table {min-width:0;}
.tbl_rps .tbl_data > thead, .tbl_rps .tbl_data .hidden {display:none;}
.tbl_rps .tbl_data, .tbl_rps .tbl_data > tbody, .tbl_rps .tbl_data > tbody > tr, .tbl_rps .tbl_data > thead > tr {display:block;}
.tbl_rps .tbl_data > tbody > tr > td, .tbl_rps .tbl_data > tbody > tr > th {display:flex;height:auto;padding:0;border-bottom:0;}
.tbl_rps .tbl_data > tbody > tr, .tbl_rps .tbl_data > thead > tr {border-bottom:1px solid #d9d9d9;}
.tbl_rps .tbl_data .th, .tbl_rps .tbl_data .td {padding:10px;}
.tbl_rps .tbl_data .th {flex-shrink:0;text-align:left;display:block;width:30%;font-family:SpoqaL;font-weight:bold;color:#222;background-color:#edf2f7;}
.tbl_rps .tbl_data .row_th {padding:10px;border-right:0;border-bottom:1px solid #d9d9d9;}
.tbl_rps .tbl_data .td {text-align:left;flex-grow:1;}
.tbl_rps .tbl_data .tb_blank {display:block;text-align:center;width:100%;padding:10px;}

/* tbl_col3, guide_edu */
.tbl_rps .tbl_col3 {border-bottom-width:1px;border-top-width:1px;}
.tbl_rps .tbl_col3 > thead, .tbl_rps .tbl_col3 .hidden {display:none;}
.tbl_rps .tbl_col3, .tbl_rps .tbl_col3 > tbody, .tbl_rps .tbl_col3 > tbody > tr, .tbl_rps .tbl_col3 > thead > tr {display:block;}
.tbl_rps .tbl_col3 > tbody > tr > td, .tbl_rps .tbl_col3 > tbody > tr > th {display:flex;height:auto;padding:0;border-bottom:0;border-right:0;}
.tbl_rps .tbl_col3 > tbody > tr, .tbl_rps .tbl_col3 > thead > tr {border-bottom:1px solid #d2d2d2;}
.tbl_rps .tbl_col3 > tbody > tr + tr {margin-top:15px;}
.tbl_rps .tbl_col3 .th, .tbl_rps .tbl_col3 .td {padding:10px;}
.tbl_rps .tbl_col3 .th {flex-shrink:0;text-align:left;display:block;width:30%;font-weight:500;color:#222;background-color:#f8f8f8;}
.tbl_rps .tbl_col3 .row_th {padding:10px;border-right:0;border-bottom:1px solid #d9d9d9;}
.tbl_rps .tbl_col3 .td {text-align:left;flex-grow:1;}
.tbl_rps .tbl_col3 .tb_blank {display:block;text-align:center;width:100%;padding:10px;}
.tbl_rps .tbl_col3 th {background:none;}
.tbl_rps .tbl_col3 > tbody > tr > td {border-top:1px solid #ddd;}
.tbl_rps .edu_diag > thead, .tbl_rps .edu_diag .hidden {display:none;}
.tbl_rps .edu_diag, .tbl_rps .edu_diag > tbody, .tbl_rps .edu_diag > tbody > tr, .tbl_rps .edu_diag > thead > tr {display:block;}
.tbl_rps .edu_diag > tbody > tr > td, .tbl_rps .edu_diag > tbody > tr > th {display:block;height:auto;padding:0;border-bottom:0;}
.tbl_rps .edu_diag > tbody > tr, .tbl_rps .edu_diag > thead > tr {border-bottom:1px solid #d2d2d2;}
.tbl_rps .edu_diag > tbody > tr + tr {margin-top:10px;}
.tbl_rps .edu_diag .th, .tbl_rps .edu_diag .td {padding:10px;}
.tbl_rps .edu_diag .th {text-align:center;display:block;font-weight:500;color:#222;background-color:#f8f8f8;}
.tbl_rps .edu_diag .row_th {text-align:center;display:block;padding:10px;}
.tbl_rps .edu_diag .td {border-top:1px solid #ddd;}
.tbl_rps .edu_diag .tb_blank {display:block;text-align:center;width:100%;padding:10px;}
.tbl_rps .edu_diag > tbody > tr > td {border-top:1px solid #ddd;}

/* 2단 레이아웃 */
.tbl_rps.col_2 .tbl_data > tbody > tr {display:flex;flex-wrap:wrap;}
.tbl_rps.col_2 .tbl_data > tbody > tr > td {width:50%;}
.tbl_rps.col_2 .tbl_data .th {width:45%;}

/* gosha table */
.tbl_col tr:nth-child(odd) td {background:none;}
.tbl_col .con {font-size:14px;font-weight:500;}
.tbl_rps > .tbl_col td[colspan].answer {padding-bottom:0;background-color:#f8f8f8;}
.tbl_col.faq tr.on {background-color:#f8f8f8;}
.tbl_col.faq .f-open-number {display:none;}

/* page frame */
.page_frame .frm_top, .page_frame.st .frm_top {height:45px;} /* page_frame */
.page_frame .frm_top .title {height:44px;line-height:44px;font-size:15px;}
.page_frame .fwd {top:45px;}
.page_frame {padding-top:85px;}
.page_frame.st {padding-top:55px;}
.page_frame .frm_ct {padding:10px;}
.page_frame .frm_top .menu .x {width:44px;height:44px;}
.page_frame.state {padding-top:115px;}

/* admin popup */
.pop_area {top:10px;left:10px;width:calc(100% - 20px);}
/* .pop_area {top:55px;} */

/* main */
.portal .front {padding:10px 0;}
.portal .front .rows {flex-wrap:wrap;}
.portal .front .rows > div {width:calc(50% - 5px);}
.portal .front .rows > .login {width:100%;height:auto;}
.portal .front .rows > div + div {margin:0;}
.portal .front .rows .col, .portal .front .rows .login {margin-top:10px;}
.portal .front .group {height:auto;}
.portal .front .col .group {height:205px;}
.portal .front .col .group + .group {margin-top:10px;}
.portal .front .login .help li + li:before {display:none;}
.portal .section {padding-top:30px;}
.portal .shortcuts2 ul {flex-wrap:wrap;justify-content:space-around;margin:-10px;}
.portal .shortcuts2 li {padding:10px;}
.portal .shortcuts2 i:before {display:none;}
.nt_board .sub {width:53%;padding-right:10px;}
.nt_board .period {width:32%;}
.portal .link_ban {margin-top:20px;}
.portal .img_ban + .img_ban {margin-left:10px;}
.portal .post .group {width:calc(50% - 10px)}
.portal .post .group:last-child {margin-left:20px;}
/*.portal .img_ban {text-align:center;display:block;width:100%;}
.portal .img_ban + .img_ban {margin:10px 0 0 0;}*/

/* login */
.p_login {padding:10px; box-shadow: none;}
.p_login .ct {padding:40px;}
.log_wrap {display:block;}
.log_wrap .p_login {min-height:auto;margin:0 auto;}
.log_wrap .p_login + .p_login {margin-top:10px;}
.log_wrap .p_login .ct {padding:40px;}
.member_type2 {width:100%;}
.member_type2 .guide {margin-bottom:15px;}
.cert_type li {padding:80px 10px 20px 10px;}
.cert_type li + li {margin-left:10px;}
.cert_type .phone {background-position-y:15px;}
.cert_type .ipin, .cert_type .card {background-position-y:20px;}
.cert_type .lab {font-size:19px;}
.cert_type .desc {height:70px;font-size:15px;}
.cert_type .bar a {height:40px;line-height:40px;border-radius:18px;font-size:15px;}

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

/* 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;}
.my_status .lecture {flex-wrap: wrap;}

/* ess, classroom */
.cl_room #content {padding-top:60px;}
.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;}

/* 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, .tbl_row.sm th, .tbl_row.sm td {height:auto;font-size:13px;}
/* .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;}
.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%;}

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

/* ess, box */
.h_box.cb {display:block;}
.h_box.cb .menu {margin-top:10px;}
.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:var(--Ci-Blue);}
.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;}
.open_course .nav_tabs3 {margin-bottom:20px;}
.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:24px;font-weight:normal;color:var(--Ci-Blue);}
.nav_tabs3 > li > a, .nav_tabs3 > li.on > a {position:relative;height:40px;line-height:40px;padding:0 10px;font-size:15px;}
.nav_tabs3 > li.on a {padding-left:22px;}
.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, bar */
.tab_plus .more {text-align:right;position:static;}

/* 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%;}
.ip_mail .input {display:block;margin-top:10px;}
.acc_find .col {float:none;width:100%;padding:0;}
.acc_find .p_body {min-height:auto;}
.dmr {margin-right:0;margin-bottom:5px;}
.ip_gp.dmr {margin-right:2px;margin-bottom:5px;}

/* ess, form box */
.ip_gp label {display:none;}
.ip_gp, .ip_hd {overflow:hidden;display:block;}
.ip_hd.col2 .ip_gp {float:left;width:50%;}
.ip_hd.col3 .ip_gp {float:left;width:33.3333%;}
.ip_hd.col4 .ip_gp {float:left;width:25%;}
.ip_gp select, .ds_box .ip_gp input[type="text"] {width:100%;}
.c_search .comb, .ds_box .comb {display:block;position:relative;padding-right:63px;}
.ds_box .comb .keyword, .ds_box .comb input[type="text"] {width:100%;margin-right:0;}
.ds_box .comb .c_btn {position:absolute;right:0;top:0;width:64px;}
.ds_box .prop {position:relative;display:block;margin:2px;padding-right:44px;}
.ds_box .ip_gp + .prop {margin-top:4px;}
.ds_box .prop .comb {margin:0;}
.ds_box .prop .reset {display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:40px;padding:0;font-size:0;}
.ds_box .prop .reset:before {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;}
.ip_gp.col3 {display:flex;}
.ip_gp select + select {margin-left:5px;}
.fx .ip_gp.dmr + .comb {margin-left:2px;}
.fx .ip_gp.dmr + .ip_gp:before, .fx .ip_gp.dmr + .comb:before {display:none;}
.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;}

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

/* quiz_frame */
.quiz_frame .mark {clear:both;}
.quiz_frame .nav {float:left;width:22%;}
.quiz_frame .board .group {float:right;width:78%;}

/* join finish */
.mb_end {min-height:auto;}
.mb_end .frm {padding:100px 0 30px 0;background-position:50% 20px;}

/* app_lecturer */
.lc_guide {font-size:18px;}
.app_lecturer .state_box {padding-bottom:0;}
.app_lecturer .state_box ul {flex-wrap:wrap;}
.app_lecturer .state_box ul li {flex-basis:50%;padding:0 20px 20px 20px;}
.app_lecturer .state_box ul li + li::before {display:none;}

/* edu_info, guide_edu */
.edu_info {padding:10px;}
.edu_info .category {display:none;}
.guide_edu .rg_step {flex-wrap:wrap;justify-content:space-around;padding-top:0;}
.guide_edu .rg_step li {margin:10px;}
.guide_edu .curri_li {flex-wrap:wrap;justify-content:space-around;padding-top:0;}
.guide_edu .curri_li li {margin:10px;}

/* 교육검색 */
.form_box2 {padding:15px;}
.form_box2 .ctg_row {display:block;}
.form_box2 .ctg {display:block;}
.form_box2 .ctg + .ctg {margin:10px 0 0 0;}
.form_box2 .sel .date {display:block;margin-top:10px;}
.form_box2 .sel .act {width:170px;}
.form_box2.my {padding:0 0 10px 0;}

/* 교육소개 */
.edu_intro .list > li {width:50%;}
}

@media screen and (max-width:767px) {
/* layout */
#footer .top .rows {text-align:center;display:block;}
#footer .menu li a {padding:0 10px;}
#footer .top .link {display:inline-block;}

/* portal */
.portal .front .rows .col {display:flex;width:100%;}
.portal .front .col .group {width:50%;height:auto;}
.portal .front .col .group + .group {margin:0 0 0 10px;}
.portal .front .group .title {margin-bottom:15px;font-size:24px;}
.portal .front .link a {font-size:15px;}
.portal .front .login {height:auto;}
.portal .front .login .head {height:70px;}
.portal .front .login .head p {font-size:20px;}
.portal .front .login .form {padding:15px 0;}
.portal .front .login .form .pw, .portal .front .login .box {margin-top:10px;}
.portal .front .login .help {padding-top:20px;}
.nt_board .box {padding:20px;}
.nt_board .type, .nt_board .lab {font-size:16px;}
.nt_board .name {font-size:20px;}
.nt_board .box + .box, .portal .link_ban {margin-top:10px;}
.portal .post .rows {display:block;}
.portal .post .list {height:auto;}
.portal .post .group {width:100%;}
.portal .post .group:last-child {margin:20px 0 0 0;}
.portal .post .list .sub, .portal .post .list .date {font-size:15px;}

/* course detail */
.edu_detail .cont .info {padding-right:0;}
.edu_detail .cont .sns_li {position:static;padding-top:10px;}

/* login2 */
.p_login2 {padding:0 40px;}
.p_login2 .flex{width:100%; padding-top:150px; position: relative;}
.p_login2 .ct{height: 480px;}
.p_login2 .bg{position: absolute; top:0; width:100%; height: 150px; background-position: center;}

/* find idpw */
.p_login2 .ct2,
.acc_find .cert table,
.acc_find table{width:100%;}
.acc_find table colgroup col:nth-child(3){ width:80px !important;}
.acc_find th, .acc_find td{font-size:15px;}
.acc_find .result{padding:20px 0;}
.acc_find .desc{font-size:15px; word-break: keep-all;}
.acc_find td input[type="text"]{height:35px;}
.acc_find td .enter{font-size:16px; width:80px; height: 80px; line-height: 80px;}
.acc_find .cert colgroup col:nth-child(3){width:120px !important;}
.acc_find .cert .c_btn.xl{height: 35px; line-height: 35px; padding:0;}

/* enterprise */
.edu_book_li > li{width:33.333%;}
.edu_on_detail > .top{padding:10px;}
.edu_book_detail > .top .sub,
.edu_on_detail > .top .sub{display: block; padding-top:10px;}
.edu_book_detail > .top{margin-bottom:20px; border-bottom:1px solid #ddd;}

}

@media screen and (max-width:640px) {
/* layout */
#header .rows {padding:0;}
#footer address {font-size:13px;}
#footer .menu li a {height:36px;line-height:36px;}
#footer .top .link {line-height:36px;}

/* ess, common */
.hd_rg {display:none;}
.vs_rg {display:block;}
.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;}

/* button */
.url_copy {width:32px;height:32px;background-size:cover;}

/* login */
.p_login .ct {padding:30px 20px;}
.cert_type {flex-wrap:wrap;}
.cert_type li {width:calc(50% - 5px);}
.cert_type li:nth-child(3) {width:100%;margin:10px 0 0 0;}

/* ess, box */
.ds_box > .inner {padding:5px;border-width:4px;}

/* ess, title, btn */
.cs_title {padding-left:20px;font-size:15px;}
.cs_title:before {top:3px;width:16px;height:16px;background-image:url("../../images/www/icon/ic_fl_book_m.png");}
.c_btn.lg {height:36px;line-height:36px;padding:0 15px;font-size:15px;}

/* portal */
.portal .front .group .title {margin-bottom:10px;font-size:20px;}
.portal .front .link a {line-height:32px;font-size:13px;}
.portal .front .login .head {height:64px;}
.portal .front .login .head p, .nt_board .name {font-size:17px;}
.portal .front .login .help a {font-size:13px;}
.portal .section .sc_title {font-size:20px;}
.nt_board .type, .nt_board .lab, .nt_board .val {font-size:15px;}
.portal .post .list .sub, .portal .post .list .date {font-size:14px;}
.portal .post .list li + li {margin-top:12px;}
.portal .section .c_more {font-weight:500;}
.portal .shortcuts2 li {padding:0 0 15px 0;}
.portal .shortcuts2 i {width:115px;height:115px;}

/* 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;}
.nav_tabs3, .open_course .nav_tabs3 {margin-bottom:10px;border-bottom:0;}
.nav_tabs3 > li, .nav_tabs3 > li.on {border:0;}
.nav_tabs3 > li a {background:none;}
/* .nav_tabs3 > li.on a {background-color:#f6f6f8;} */
.cb_bar .nav_tabs3 + .add {text-align:right;position:static;padding:10px;background-color:#f6f6f6;}

/* 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 .sub .icc {line-height:1;}
.edu_li .sub .lock:before {font-size:18px;}
.edu_li .con .top {padding:10px 10px 0 10px;}
.edu_li .con .top.multi {height:55px;padding:10px 10px 0 10px;}
.edu_li.data .con .top {padding:10px 0 0 0;}
.edu_li .info2 {padding:0 10px;}
.edu_li .info2 li {padding:0 5px;}
.edu_li .con .bar a {font-size:14px;}
.edu_li .info {padding:0;}
.edu_li .info ul {text-align:center;}
.edu_li .info li {display:inline-block;float:none;padding:0 5px;font-size:13px;}
.data_li > li {width:50%;}

/* 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 {padding:10px 0 0 0;}
.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%;}
.paging {margin-top:15px;}

/* 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, .cl_header .global .act {width:20px;height:20px;margin-top:15px;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, .cl_room_02 .task table .ord {width:10%;}
.cl_room .task table .task, .cl_room_02 .task table .task {width:22%;}
.cl_room .task table .btns, .cl_room_02 .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, 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;}

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

/* quiz_frame */
.quiz_frame .board {height:38px;}
.quiz_frame .timer {font-size:14px;}
.quiz_frame .timer .count {line-height:38px;}
.quiz_frame .timer .count:before {font-size:20px;margin-top:-10px;}
.quiz_frame .submit {line-height:38px;padding:0 10px;font-size:14px;}
.quiz_frame .submit .arrow_forward:before {font-size:18px;}
.quiz_frame .frm_ct {padding:80px 10px 10px 10px;}
.quiz_frame.nt .frm_ct {padding-top:48px;}
.quiz_frame .timer {padding:0 10px;}
.quiz_frame .timer .count {padding-left:20px;}
.quiz_frame .nav {height:38px;line-height:35px;}
.quiz_frame .nav span {font-size:12px;}
.quiz_frame .nav .total, .quiz_frame .nav .current {min-width:0;font-size:15px;}
.quiz_frame .frm_top .bar {padding-left:10px;}
.quiz_frame .frm_top .toggle {display:block;}
.quiz_frame.omr .frm_ct {padding-right:10px;}
.quiz_frame.omr .side {position: absolute; top:70px;right:-200px;}
.quiz_frame.omr .side.on {right:0;}

/* favorite */
.c_title3{font-size:16px;}
.ct_box_li {padding:10px;}
.ct_box_li li {font-size:13px;}
.ct_box_li li, .ct_box_li .chk {line-height:1.4;}
.ct_box_li li:before, .ct_box_li .chk:before {top:-4px;}
.termbox .mL7,
.ag_all label,
.ag_term label{font-size:14px;}

.c_btn.xl{font-size:15px; padding:0 20px;}
}

@media screen and (max-width:600px) {
/* list */
.paginate {padding-top:15px;}
.paginate .inner {display:flex;justify-content:center;}
.paginate a, .paginate span {width:24px;height:24px;line-height:24px;margin:0 2px;padding:0 5px;font-size:13px;border:0;}
.paginate .on {border-radius:50%;background:var(--Ci-Blue);color:#fff;}
.paginate .img {position:relative;}
.paginate .img img {display:none;}
.paginate .img:before {position:absolute;left:0;top:50%;line-height:1;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#777;transform:translateY(-50%);}
.paginate .start:before {content:"\eac3";}
.paginate .prev:before {content:"\e314";}
.paginate .next:before {content:"\e315";}
.paginate .end:before {content:"\eac9";}

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

/* login2 */
.p_login2 .ct {padding:0 40px;}

/* identification */
.acc_find .link{font-size:15px;height: 35px; line-height: 35px; }

/* enterprise */
.hd_box.sch .t_search{width:100%; margin:20px 0;}
.edu_book_li > li{width:50%;}
.edu_book_detail > .top .sns_li{top:16px;}
.sns_li .url{background-size: 100%;}
.sns_li .twitter{background-position-x: -26px;}
.sns_li .insta{background-size:100%;}
.sns_li a{width:26px; height:26px; background-size: 156px;}
.edu_book_detail > .top .cs_type,
.edu_on_detail > .top .cs_type{font-size:12px;}
.edu_book_detail > .top .sub{font-size:18px;}
.edu_book_detail .cont{padding:0;}
.edu_book_detail .img{position: relative; margin:0 auto; margin-bottom:20px;}

/* course detail */
.edu_on_detail .btn_chk{position: relative; top:auto; margin-top:20px;}
.edu_on_detail .btn_chk .chk{width:35px; height:35px;}
.edu_on_detail .btn_chk .chk i{line-height: 33px;}
.edu_on_detail .btn_chk .chk i::before{font-size:22px;}
}

@media screen and (max-width:576px) {
/* header2 */
/* #header2 .logo {width:160px;} */

/* 로그인 */
.member_type2 .guide p {font-size:15px;}
.member_type2 .chk::before {top:-2px;}

/* 교육소개 */
.guide_edu .curri_li {display:block;}
.guide_edu .curri_li .inner {width:100%;}
.edu_intro .list > li {width:100%;}
}

/* 480 이하 */
@media screen and (max-width:480px) {
/* layout */
#footer .ct {padding:20px 0;}
.all_menu .group, .all_menu .group + .group {flex-basis:50%;}

/* main */
.main_sd .sub span {font-size:26px;}
.main_sd .desc span {font-size:15px;}
.sha_ban .link a {width:300px;}
.sha_ban .link a + a {margin:10px 0 0 0;}
.ctm_edu .tab_ct .menu .lab {font-size:16px;}
.ctm_edu .cl_li a, .ctm_edu .cl_li .blank {width:50%;justify-content:flex-start;}

/* ess, common */
.hd_sm {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 .head h1 {font-size:38px;}
.ds_box {margin-bottom:15px;}
.ds_box .desc {font-size:14px;}
.sort_tab li {text-align:center;width:50%;}
.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;}

/* login */
.p_login .head {margin-bottom:20px;}
.log_wrap .p_login {width:100%;}
.log_wrap .p_login .ct {padding:20px;}

/* portal */
.portal .front .rows, .portal .front .rows .col {display:block;}
.portal .front .rows > div, .portal .front .col .group {width:100%;}
.portal .front .rows .free {margin-top:10px;}
.portal .front .col .group + .group {margin:10px 0 0 0;}
.portal .shortcuts2 span {font-size:14px;}
.nt_board .box {flex-wrap:wrap;}
.nt_board .sub {width:100%;margin-bottom:10px;padding:0 0 10px 0;border-bottom:1px dashed #d8d8d8;}
.nt_board .period {width:75%;}
.nt_board .date {width:25%;}
.portal .link_ban {display:block;}
.portal .img_ban {text-align:center;display:block;width:100%;}
.portal .img_ban img {width:100%;}
.portal .img_ban + .img_ban {margin:10px 0 0 0;}

/* table column */
.tbl_col.notice .num, .tbl_col.qna .num {width:10%;}
.tbl_col.notice .writer, .tbl_col.qna .writer {width:15%;}
.tbl_col.notice .date {width:15%;}
.tbl_col.notice .count {width:15%;}
.tbl_col.qna .date {width:20%;}
.tbl_col.qna .state {width:18%;}

/* ess, title, btn */
.c_btn.lg {height:32px;line-height:32px;font-size:14px;}

/* 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 .sub {font-size:15px;}
.edu_on_li .con .type {overflow:hidden;}
.edu_on_li .cs_type {margin-right:2px;padding:0 5px;font-size:12px;}
.edu_on_li .c_rating i:before {font-size:16px;}
.edu_on_li .c_rating .favor span, .c_rating .num {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 {height:42px;}
.edu_on_li .bar li {width:calc(50% - 3px);}
.edu_on_li .bar li:first-child {margin-right:6px;}
.edu_on_li .bar a {height:32px;line-height:32px;padding:0;font-size:12px;}
.edu_on_li .bar a.wt {line-height:30px;}
.edu_li.data .img {border-radius:10px;}
.edu_li .info li:first-child, .edu_li .info li:nth-child(2):before {display:none;}
.st_list .c_btn {font-size:13px;}

/* ess, detail */
.edu_detail .cont .info .sub {font-size:17px;}
.c_detail.edit .group {padding:10px 0;}
.c_detail .top, .c_detail .con {padding:10px 0;}
.c_detail .top .sort {line-height:24px;padding:0 10px;margin-bottom:0;font-size:13px;}
.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%; min-height: 45px;}

/* 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;}
.e_terms, .privacy .PI_contents {padding:10px;}
.e_terms .infotest_t dd, .privacy .group, .privacy .PI_contentsinfo, .privacy .PI_ctxt p {font-size:14px;}
.m_email .desc, .m_copyright .desc {padding:20px;background:none;}

/* login2 */
.p_login2{padding:0 20px;}
.p_login2 .ct {padding:0 15px;}
.p_login2 .guide p{font-size:12px;}

/* form */
.tbl_row .c_btn{font-size:13px;}

/* join finish */
.mb_end .title{font-size:22px;}
.mb_end .desc {font-size:14px;}
.acc_find .result p{font-size:14px;}
.acc_find .result{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.acc_find th, .acc_find td {font-size:13px;}
.acc_find .desc{font-size:13px;}
.acc_find{padding:15px;}
.c_btn.xl{font-size:13px;}
.acc_find .cert colgroup col:nth-child(3){width:90px !important;}

/* course detail */
.edu_li > li{width:100%;}
.edu_on_detail > .top .sub{font-size:18px;}
.adm_info .half li{width:100%;}

/* basket_li */
.basket_li .total .cost {margin-right:0; font-size:15px;}

/* app_lecturer */
.lc_guide {font-size:16px;}
.app_lecturer .state_btn {margin-top:0;}
.app_lecturer .state_btn .c_btn {display:block;margin:0 auto;width:60%;height:36px;line-height:36px;font-size:15px;}
.app_lecturer .state_btn .c_btn + .c_btn {margin-top:10px;}
}

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

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

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

  @keyframes eMIuxp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(25%, 0, 0);
    -ms-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ffKMkT {
  from {
    opacity: 0;
    -webkit-transform: translate3d(18%, 0, 0);
    -ms-transform: translate3d(18%, 0, 0);
    transform: translate3d(18%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}