@charset "UTF-8";
/* font */
@font-face { font-family: 'notosanskr'; font-style: normal; font-weight: 400; src: url("../font/NotoSansKR-Regular.eot"); src: url("../font/NotoSansKR-Regular.woff2") format("woff2"), url("../font/NotoSansKR-Regular.woff") format("woff"); }

@font-face { font-family: 'notosanskr'; font-style: normal; font-weight: 700; src: url("../font/NotoSansKR-Bold.eot"); src: url("../font/NotoSansKR-Bold.woff2") format("woff2"), url("../font/NotoSansKR-Bold.woff") format("woff"); }

/* reset */
html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, button { margin: 0; padding: 0; border: 0; font: inherit; }

html, body { height: 100%; font-size: 16px !important; }

body { -webkit-text-size-adjust: none; font-family: 'notosanskr','Apple SD Gothic Neo','AppleGothic','Apple Gothic','-apple-system',sans-serif; font-weight: 400; color: #323232; word-break: keep-all; }

input, textarea, select, button { font: inherit; vertical-align: middle; padding: 0; margin: 0; color: #222; font-family: 'notosanskr','Apple SD Gothic Neo','AppleGothic','Apple Gothic','-apple-system',sans-serif; }

input[type="button"], input[type="text"], input[type="image"], input[type="submit"], input[type="password"], textarea { outline: none; -webkit-appearance: none; }

input[type="button"]:hover, input[type="submit"]:hover { cursor: pointer; }

button:focus, a:focus { outline: none; }

textarea { resize: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

ul, ol, li { list-style-type: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }

img, fieldset, iframe { border: none; }

address, cite, code, dfn, em, var, th, strong { font-style: normal; font-weight: 400; }

a, a:active, a:hover { text-decoration: none; color: inherit; font-weight: 400; }

a:hover { cursor: pointer !important; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

caption, legend { height: 0; width: 0; line-height: 0; font-size: 0; overflow: hidden; visibility: hidden; display: none; -webkit-padding-start: 0; -webkit-padding-end: 0; }

button { background: transparent; cursor: pointer; }

iframe { border: 0; }

input::-ms-reveal, input::-ms-clear { display: none; }

::placeholder { color: #999 !important; opacity: 1 !important; font-weight: 400; font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

:-ms-input-placeholder { color: #999 !important; opacity: 1 !important; font-weight: 400; font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

img { border: none; }

select { background: transparent; }

.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }

.ui.modal > .header, .ui.steps .step .title, .ui.list .list > .item .header, .ui.list > .item .header, .ui.accordion .title:not(.ui), .ui.statistic > .label, .ui.statistics .statistic > .label, .button.ui { font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] { font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; font-size: 0.875rem; }

.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text { color: #999; }

.error.input.ui > input:-ms-input-placeholder { color: #999 !important; opacity: 1 !important; font-weight: 400; font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

.ui.selection.active.dropdown { border-color: #6ea6ec !important; }

.ui.selection.active.dropdown .menu { border-color: #6ea6ec !important; }

.ui.selection.dropdown:focus { border-color: #6ea6ec !important; }

.ui.selection.dropdown .menu > .item { border-top: 0; }

.ui.dropdown.selection .menu { max-height: 15rem; }

.ui.form textarea { line-height: 1.71; }

.ui.checkbox label, .ui.checkbox + label { color: #222; }

.ui.checkbox label:hover, .ui.checkbox + label:hover { opacity: 1; }

.ui.menu { font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

body.white { background: #fff; }

body.main { background: #eff0f1; }

body.main > .content { padding-bottom: 6.25rem; }

/* semantic-ui override */
.ui { /* &.steps{ &.create{ border:0; .step{ border:0; padding:rem(0 0 0 0); margin:rem(0 0 0 0); background:transparent; &:last-of-type{ &::after{ display:none; } } &::after{ content:''; position:relative; top:auto; right:auto; border:0; transform:none; display:inline-block; width:rem(72px); height:rem(1px); margin:rem(0 10px); vertical-align:middle; background:#c9d3e6; } &.active{ .icon{ background:#282e3a; color:#fff; } .content{ .title{ font-weight:700; color:#282e3b; border-color:#282e3b; } } } .icon{ display:inline-block; margin:rem(0 3px 0 0); width:rem(24px); height:rem(24px); line-height:rem(21px); text-align:center; font-size:rem(14px); font-weight:700; color:#6c788f; box-sizing:border-box; border:rem(1px) solid #6c788f; border-radius:100%; } .content{ .title{ font-size:rem(14px); letter-spacing:rem(-0.2px); color:#6c788f; } } } } } */ }

.ui.wait { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; }

.ui.wait::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); }

.ui.wait div { position: absolute; left: 50%; top: 50%; margin: -3.75rem 0 0 -3.75rem; display: block; width: 7.5rem; font-size: 1.25rem; font-weight: 700; color: #222; text-align: center; z-index: 2; }

.ui.wait div::before { content: ''; display: block; width: 7.5rem; height: 7.5rem; background: url(../img/loading.png) no-repeat 0 0; }

.ui.wait.s1 div::before { background-position: -7.5rem 0; }

.ui.wait.s2 div::before { background-position: -15rem 0; }

.ui.wait.s3 div::before { background-position: -22.5rem 0; }

.ui.wait.s4 div::before { background-position: -30rem 0; }

.ui.wait.s5 div::before { background-position: -37.5rem 0; }

.ui.wait.s6 div::before { background-position: -45rem 0; }

.ui.wait.s7 div::before { background-position: -52.5rem 0; }

.ui.wait.s8 div::before { background-position: -60rem 0; }

.ui.wait.s9 div::before { background-position: -67.5rem 0; }

.ui.wait.s10 div::before { background-position: -75rem 0; }

.ui.wait.s11 div::before { background-position: -82.5rem 0; }

.ui.wait.s12 div::before { background-position: -90rem 0; }

.ui.wait.s13 div::before { background-position: -97.5rem 0; }

.ui.wait.s14 div::before { background-position: -105rem 0; }

.ui.wait.s15 div::before { background-position: -112.5rem 0; }

.ui.wait.s16 div::before { background-position: -120rem 0; }

.ui.label.tag { display: inline-block; padding: 0 0.75rem; font-size: 0.75rem; line-height: 1.375rem; color: #6c788f; font-weight: 400; background: #fff; border: 1px solid #d1d6e2; border-radius: 3.125rem; }

.ui.label.tag::before { display: none; }

.ui.label.tag::after { display: none; }

.ui.label.color { margin: 0; padding: 0 0.8125rem; font-size: 0.75rem; line-height: 1.5rem; font-weight: 700; }

.ui.label.color.navy { background-color: #01297a; border-color: #01297a; color: #fff; }

.ui.label.color.marine { background-color: #4b6bcc; border-color: #4b6bcc; color: #fff; }

.ui.label.color.orange2 { background-color: #ea6957; border-color: #ea6957; color: #fff; }

.ui.label.stamp { background: transparent; padding: 0; margin: 0 auto; text-align: left; }

.ui.label.stamp .text1 { display: block; margin: 0 0 0.5rem 0; padding: 0 0 0 0.1875rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #666; }

.ui.label.stamp .text2 { margin: 0 0.125rem; font-size: 1.25rem; font-weight: 700; color: #ea644d; }

.ui.label.stamp .text3 { font-size: 2rem; font-weight: 700; color: #ea644d; }

.ui.label.stamp .icon { position: relative; top: -0.125rem; }

.ui.label.stamp2 { background: transparent; padding: 0; margin: 0 auto; text-align: center; }

.ui.label.stamp2 .text1 { margin: 0 0 0 0.375rem; font-size: 1.75rem; font-weight: 700; color: #ea644d; }

.ui.label.stamp2 .text2 { font-size: 2.25rem; font-weight: 700; color: #ea644d; }

.ui.label.stamp2 .text3 { display: block; margin-top: -0.25rem; font-size: 0.75rem; font-weight: 700; line-height: 1.5; color: #222; }

.ui.label.stamp2 .icon { position: relative; top: -0.625rem; }

.ui.label.ribbon2 { position: relative; min-width: 4.375rem; box-sizing: border-box; padding: 0 5px; margin-left: 0.375rem; color: #fff; background: #515a6b; box-shadow: -0.125rem 0.125rem 0 0 rgba(0, 0, 0, 0.1); border-radius: 0; font-size: 0.75rem; line-height: 2rem; text-align: center; font-weight: 700; }

.ui.label.ribbon2::after { content: ''; position: absolute; top: 0; left: -6px; background-color: transparent !important; border-style: solid; border-width: 8px 6px 0 0; border-color: #232636; border-right-color: inherit; width: 0; height: 0; transform: rotate(180deg); }

.ui.label.user { position: relative; width: 100% !important; height: 2.375rem; padding: 0 3.125rem 0 0; top: 1rem; background: transparent; text-align: right; }

.ui.label.user img { position: absolute; right: 0; top: 0; width: 2.375rem !important; height: 2.375rem !important; margin: 0; border-radius: 100%; border: 0.0625rem solid #ddd; }

.ui.label.user span { display: block; }

.ui.label.user span.name { font-size: 0.75rem; font-weight: 700; line-height: 1.33; color: #4c4c4c; }

.ui.label.user span.affiliation { font-size: 0.75rem; font-weight: 400; line-height: 1.33; color: #6c788f; }

.ui.label.onlytext { padding: 0; font-size: 0.875rem; vertical-align: middle; color: #4c4c4c; font-weight: normal; background: none; margin-left: 0; }

.ui.label.onlytext.bold { font-weight: 700; }

.ui.label.onlytext .icon { width: 1.125rem; height: 1.125rem; margin-right: 0.375rem; vertical-align: middle; }

.ui.label.onlytext .icon.video2 { background: url("../img/icon-learningtype-video-16-px.svg") 0 0.125rem no-repeat; }

.ui.label.onlytext .icon.classroom { background: url("../img/icon-learningtype-classroom-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.community { background: url("../img/icon-learningtype-community-16-px.svg") 0 0.125rem no-repeat; }

.ui.label.onlytext .icon.e-learning { background: url("../img/icon-learningtype-e-learning-16-px.svg") 0 0.125rem no-repeat; }

.ui.label.onlytext .icon.course { background: url("../img/icon-learningtype-course-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.audio { background: url("../img/icon-learningtype-audio-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.stamp { background: url("../img/icon-stamp-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.webpage { background: url("../img/icon-learningtype-webpage-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.time2 { background: url("../img/icon-card-time-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.complete { background: url("../img/icon-card-completed-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.experiential { background: url("../img/icon-learningtype-experiential-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.documents { background: url("../img/icon-learningtype-test-16-px.svg") 0 0.0625rem no-repeat; }

.ui.label.onlytext .icon.price { background: url("../img/icon-card-price-x-18.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.state { background: url("../img/icon-check-18-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.date { background: url("../img/icon-date-16-px.svg") 0 50% no-repeat; }

.ui.label.onlytext .icon.file2 { background: url("../img/icon-down-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.category { background: url("../img/icon-category-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.doument24 { background: url("../img/icon-documnet-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.period { background: url("../img/icon-period-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.cancellation { background: url("../img/icon-cancel-x-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.goal { background: url("../img/icon-goal-24-px@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.label.onlytext .icon.target { background: url("../img/icon-target-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.target:before { display: none; }

.ui.label.onlytext .icon.host { background: url("../img/icon-host-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.tag2 { background: url("../img/icon-tag-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.series { background: url("../img/icon-series-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.url { background: url("../img/icon-url-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.require { background: url("../img/icon-requirements-24-px.svg") 0 0 no-repeat; }

.ui.label.onlytext .icon.total-time { width: 1rem; height: 1rem; background: url("../img/icon-total-time-16-px.svg") 0 0 no-repeat; }

.ui.label.onlytext span { vertical-align: middle; line-height: 1.125rem; }

.ui.label.onlytext.size24 .icon { width: 1.5rem; height: 1.5rem; }

.ui.label.onlytext.size24 span { line-height: 1.5rem; }

.ui.label.channel { font-size: 0.75rem; letter-spacing: -0.01063rem; color: #6c788f; padding: 0 0.75rem; height: 1.375rem; line-height: 1.25rem; border-radius: 16px; border: 1px solid #d1d6e2; background: #fff; font-weight: 400; }

.ui.input.h30.focus input { border-color: #6ea6ec; }

.ui.input.h30.focus i.clear::before { background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.h30.error input { border-color: #db1111; }

.ui.input.h30.error .validation { display: block; }

.ui.input.h30.right input { text-align: right; padding: 0 1.125rem 0 2.375rem; }

.ui.input.h30.right i.clear { right: auto; left: 0.1875rem; }

.ui.input.h30 input { box-sizing: border-box; height: 1.875rem; line-height: 1.75rem; padding: 0 2.375rem 0 1.125rem; border-radius: 0.25rem; border: 0.0625rem solid #7f7f7f; background: #fff; font-size: 0.75rem; letter-spacing: -0.0125rem; color: #222; }

.ui.input.h30 input:disabled { border-color: #b7c0d1; background: #dae0eb; opacity: 1; }

.ui.input.h30 input::placeholder { color: #999 !important; }

.ui.input.h30 i.clear { display: none; position: absolute; right: 0.1875rem; top: 0.1875rem; width: 1.375rem; height: 1.375rem; }

.ui.input.h30 i.clear::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/btn-clear-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.h38.focus input { border-color: #6ea6ec; }

.ui.input.h38.focus i.clear::before { background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.h38.error input { border-color: #db1111; }

.ui.input.h38.error .validation { display: block; }

.ui.input.h38.right input { text-align: right; padding: 0 1.125rem 0 2.375rem; }

.ui.input.h38.right i.clear { right: auto; left: 0.1875rem; }

.ui.input.h38 input { box-sizing: border-box; height: 2.375rem; line-height: 2.25rem; padding: 0 2.375rem 0 1.125rem; border-radius: 0.25rem; border: 0.0625rem solid #7f7f7f; background: #fff; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #222; }

.ui.input.h38 input:disabled { border-color: #b7c0d1; background: #dae0eb; opacity: 1; }

.ui.input.h38 input::placeholder { color: #999 !important; }

.ui.input.h38 i.clear { display: none; position: absolute; right: 0.4375rem; top: 0.4375rem; width: 1.5rem; height: 1.5rem; }

.ui.input.h38 i.clear::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/btn-clear-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.h48 { position: relative; }

.ui.input.h48.focus input { border-color: #6ea6ec; }

.ui.input.h48.focus i.clear::before { background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.h48.error input { border-color: #db1111; }

.ui.input.h48.error .validation { display: block; }

.ui.input.h48.right input { text-align: right; padding: 0 1.125rem 0 2.375rem; }

.ui.input.h48.right i.clear { right: auto; left: 0.1875rem; }

.ui.input.h48 input { box-sizing: border-box; width: 100%; height: 3rem; line-height: 2.875rem; padding: 0 2.375rem 0 1.125rem; border-radius: 0.25rem; border: 0.0625rem solid #7f7f7f; background: #fff; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #222; }

.ui.input.h48 input:disabled { border-color: #b7c0d1; background: #dae0eb; opacity: 1; }

.ui.input.h48 input::placeholder { color: #999 !important; }

.ui.input.h48 i.clear { display: none; position: absolute; right: 0.4375rem; top: 0.75rem; width: 1.5rem; height: 1.5rem; }

.ui.input.h48 i.clear::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/btn-clear-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.h48 .remain { position: absolute; right: 2.5rem; top: 0; font-size: 0.75rem; letter-spacing: -0.00625rem; line-height: 2.875rem; color: #e1002a; }

.ui.input.search.h30.focus input { border-color: #6ea6ec; }

.ui.input.search.h30 input { background: #eee; border-color: #eee; padding-right: 4.0625rem; }

.ui.input.search.h30 input:disabled { background: #dae0eb; border-color: #dae0eb; }

.ui.input.search.h30 i.clear { display: none; position: absolute; right: 2.25rem; top: 0.1875rem; width: 1.5rem; height: 1.5rem; }

.ui.input.search.h30 i.clear::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/icon-search-22-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.search.h30 i.search { position: absolute; right: 0.1875rem; top: 0.1875rem; width: 1.5rem; height: 1.5rem; }

.ui.input.search.h30 i.search::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/icon-search-24-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.search.h38.focus input { border-color: #6ea6ec; }

.ui.input.search.h38 input { background: #eee; border-color: #eee; padding-right: 4.0625rem; }

.ui.input.search.h38 input:disabled { background: #dae0eb; border-color: #dae0eb; }

.ui.input.search.h38 i.clear { display: none; position: absolute; right: 2.25rem; top: 0.4375rem; width: 1.5rem; height: 1.5rem; }

.ui.input.search.h38 i.clear::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/icon-search-22-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.search.h38 i.search { position: absolute; right: 0.1875rem; top: 0.1875rem; width: 2rem; height: 2rem; }

.ui.input.search.h38 i.search::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/icon-gnb-search-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.search.h48.focus input { background: #e0eeff; border-color: #e0eeff; }

.ui.input.search.h48.focus i.clear::before { background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.search.h48 input { background: #fff; border-color: #fff; font-size: 1rem; font-weight: 700; padding-right: 5.9375rem; }

.ui.input.search.h48 input:disabled { background: #dae0eb; border-color: #dae0eb; }

.ui.input.search.h48 i.clear { display: none; position: absolute; right: 4.4375rem; top: 0.75rem; width: 1.5rem; height: 1.5rem; }

.ui.input.search.h48 i.clear::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/btn-clear-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.search.h48 i.search { position: absolute; right: 0.3125rem; top: 0.25rem; width: 2.5rem; height: 2.5rem; }

.ui.input.search.h48 i.search::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/icon-search-40-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.search.h48 i.search::after { content: ''; display: block; width: 0.0625rem; height: 3rem; background: #3e50b4; position: absolute; right: 2.8125rem; top: -0.25rem; }

.ui.input.search.main { width: 100%; background: #fff; border-radius: 0.5rem; overflow: hidden; }

.ui.input.search.main.focus { background: transparent; }

.ui.input.search.main.focus input { background-color: #fff; border-color: #ff664d; }

.ui.input.search.main.write input { background-color: #fff; }

.ui.input.search.main input { position: relative; box-sizing: border-box; height: 3.75rem; line-height: 3.625rem; border-color: #fff; border-radius: 0.5rem; padding: 0 9.375rem 0 4.125rem; font-size: 1.125rem; letter-spacing: -0.02813rem; color: #222; background: url(../img/icon-main-input-48-px.svg) no-repeat 0.375rem 0.375rem; background-size: 3rem 3rem; }

.ui.input.search.main i.clear { display: none; position: absolute; right: 7.375rem; top: 1.125rem; width: 1.5rem; height: 1.5rem; }

.ui.input.search.main i.clear::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.search.main i.search { position: absolute; right: 0; top: 0; width: 6.25rem; height: 3.75rem; background: #ff664d; }

.ui.input.search.main i.search::before { content: ''; position: absolute; left: 2.375rem; top: 1.125rem; display: block; width: 1.5rem; height: 1.5rem; background: url(../img/icon-main-search-24-px.svg) no-repeat 0 0 !important; background-size: 1.5rem 1.5rem !important; }

.ui.input.search.main .placeholder { position: absolute; left: 0; top: 0; font-size: 1.125rem; line-height: 3.75rem; text-indent: 4.125rem; color: #222; }

.ui.input.search.main .placeholder .orange { font-weight: 700; color: #ff664d; }

.ui.input.write i.clear { display: block !important; }

.ui.input.action.write i.clear { display: block; }

.ui.input.action.disabled input { border-color: #b7c0d1; background: #e5eaf2; }

.ui.input.action.disabled button { background: #b7c0d1; }

.ui.input.action.disabled.write i.clear::before { background: url(../img/btn-clear-disabled.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.action.focus button { background: #6ea6ec; }

.ui.input.action.focus input { border-color: #6ea6ec; }

.ui.input.action.focus i.clear::before { background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.action input { border-radius: 0.25rem 0 0 0.25rem !important; border-color: #7f7f7f; font-size: 0.875rem; color: #222; }

.ui.input.action input::placeholder { color: #999; }

.ui.input.action button { display: inline-block !important; width: 7.5rem; height: 3rem; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.2px; color: #fff; border-radius: 0 0.25rem 0.25rem 0 !important; background: #4c4c4c; text-align: center; align-items: center; padding: 0; }

.ui.input.action i.clear { opacity: 1 !important; position: absolute; right: 7.5rem; top: 0; margin-right: 0.75rem; width: 1.5rem !important; height: 100%; display: none; }

.ui.input.action i.clear::before { content: ''; position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 1.5rem; margin-top: -0.75rem !important; background: url(../img/btn-clear-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.file { position: relative; }

.ui.input.file.active i.clear { display: block; }

.ui.input.file.focus input[type=text] { border-color: #6ea6ec; }

.ui.input.file.focus label { background: #6ea6ec; }

.ui.input.file.focus i.clear::before { background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.file input[type=file] { display: none; opacity: 0; }

.ui.input.file input[type=text] { border-color: #7f7f7f; border-radius: 0.25rem 0 0 0.25rem; border-right: 0; }

.ui.input.file label { display: inline-block !important; width: 7.5rem; height: 3rem; line-height: 3rem; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.2px; color: #fff; border-radius: 0 0.25rem 0.25rem 0 !important; background: #4c4c4c; text-align: center; align-items: center; padding: 0; margin: 0; }

.ui.input.file i.clear { position: absolute; opacity: 1 !important; right: 8.3125rem; top: 1.5625rem; width: 1.375rem !important; display: none; }

.ui.input.file i.clear::before { content: ''; display: block; width: 100%; height: 1.375rem; margin-top: -0.6875rem !important; background: url(../img/btn-clear-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.file i.search { opacity: 1 !important; }

.ui.input.file i.search::before { content: ''; }

.ui.input.file2 { position: relative; }

.ui.input.file2.focus label { background: #6ea6ec; }

.ui.input.file2.focus i.clear::before { background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.file2 input[type=file] { display: none; opacity: 0; }

.ui.input.file2 label { display: inline-block !important; width: 7.5rem; height: 3rem; line-height: 3rem; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.2px; color: #fff; border-radius: 0 0 0 0 !important; background: #4c4c4c; text-align: center; align-items: center; padding: 0; margin: 0; }

.ui.input.right-top-count { position: relative; }

.ui.input.right-top-count.focus input[type=text] { border-color: #6ea6ec; }

.ui.input.right-top-count.focus textarea { border-color: #6ea6ec; }

.ui.input.right-top-count.focus i.clear::before { background: url(../img/btn-clear-selceted.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.right-top-count.error input[type=text] { border-color: #db1111; background: #fff; }

.ui.input.right-top-count.error textarea { border-color: #db1111; background: #fff; }

.ui.input.right-top-count.error .validation { display: block; }

.ui.input.right-top-count .count { position: absolute; right: 0; top: -2.1875rem; font-size: 0.875rem; color: #999; }

.ui.input.right-top-count .count .now { color: #333; }

.ui.input.right-top-count.error .count .now { color: #e1002a; }

.ui.input.right-top-count input[type=text] { border: 0.0625rem solid #7f7f7f; border-radius: 0.25rem; font-size: 0.875rem; height: 3rem; padding-right: 2.5rem; }

.ui.input.right-top-count textarea { border: 0.0625rem solid #7f7f7f; border-radius: 0.25rem; font-size: 0.875rem; height: 11.25rem; }

.ui.input.right-top-count i.clear { display: none; position: absolute; right: 0.4375rem; top: 0.75rem; width: 1.5rem; height: 1.5rem; }

.ui.input.right-top-count i.clear::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/btn-clear-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.ui.input.time.focus input[type=text] { border-color: #6ea6ec; }

.ui.input.time input[type=text] { border-color: #7f7f7f; line-height: 2.875rem; height: 3rem; }

.ui.input.time label { font-size: 0.875rem; line-height: 1.43; color: #222; line-height: 3rem; padding: 0 1.25rem 0 0.5rem; }

.ui.input i { opacity: 1 !important; }

.ui.input .validation { display: none; position: absolute; left: 0; top: 100%; margin-top: 0.75rem; font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.2px; color: #db1111; }

.ui.button { vertical-align: middle; }

.ui.button > .icon:not(.button) { opacity: 1; }

.ui.button.btn-blue { padding: 0; font-size: 0.875rem; line-height: 1.5rem; height: 1.5rem; font-weight: 700; color: #0e73db; background: none; }

.ui.button.btn-blue .icon { margin-left: 0.125rem !important; vertical-align: middle; }

.ui.button.btn-blue .icon.more2 { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-open.svg") 50% 0 no-repeat; }

.ui.button.btn-blue .icon.hide2 { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-close.svg") 50% 0 no-repeat; }

.ui.button.btn-blue .icon.morelink { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-link.svg") 50% 0 no-repeat; }

.ui.button.btn-blue .icon.arrow-b-16 { margin-left: 0 !important; position: realtive; top: -0.0625rem; }

.ui.button.btn-blue2 { padding: 0; font-size: 0.875rem; line-height: 1.5rem; height: 1.5rem; font-weight: 400; letter-spacing: -0.0125rem; color: #0e73db; background: none; text-decoration: underline; }

.ui.button.btn-blue2 .icon { margin-left: 0.125rem !important; vertical-align: middle; }

.ui.button.btn-blue2 .icon.more2 { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-open.svg") 50% 0 no-repeat; }

.ui.button.btn-blue2 .icon.hide2 { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-close.svg") 50% 0 no-repeat; }

.ui.button.btn-blue2 .icon.morelink { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-link.svg") 50% 0 no-repeat; }

.ui.button.btn-blue2 .icon.homelink { margin: 0 0.125rem 0 0 !important; position: relative; top: -0.0625rem; width: 1rem; height: 1rem; background: url("../img/icon-popup-home-16-px.svg") 50% 0 no-repeat; }

.ui.button.btn-black { padding: 0; font-size: 0.875rem; line-height: 1.5rem; height: 1.5rem; font-weight: 700; color: #000; background: none; }

.ui.button.btn-black .icon { margin-left: 0.125rem !important; vertical-align: middle; }

.ui.button.btn-black .icon.more2 { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-open.svg") 50% 0 no-repeat; }

.ui.button.btn-black .icon.hide2 { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-close.svg") 50% 0 no-repeat; }

.ui.button.btn-black .icon.morelink { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-link.svg") 50% 0 no-repeat; }

.ui.button.btn-complex48 { display: table; margin: 0; padding: 0; background: transparent; text-align: left; }

.ui.button.btn-complex48 .i, .ui.button.btn-complex48 .t { display: table-cell; vertical-align: middle; }

.ui.button.btn-complex48 .t { padding: 0 0 0 0.5rem; }

.ui.button.btn-complex48 .underline { font-size: 0.875rem; font-weight: 400; line-height: 1.14; letter-spacing: -0.0125rem; color: #666; text-decoration: underline; white-space: nowrap; }

.ui.button.btn-complex48 .div { display: block; margin: 0.25rem 0 0 0; }

.ui.button.btn-complex48 .div .t1 { font-size: 2rem; font-weight: 700; line-height: 1.06; color: #222; }

.ui.button.btn-complex48 .div .t1 + .t2 { margin-left: 0.125rem; }

.ui.button.btn-complex48 .div .t1 + .t3 { margin-left: 0.125rem; }

.ui.button.btn-complex48 .div .t2 { font-size: 1.25rem; line-height: 1.4; color: #333; }

.ui.button.btn-complex48 .div .t2 + .t1 { margin-left: 0.5rem; }

.ui.button.btn-complex48 .div .t3 { font-size: 1rem; font-weight: 400; color: #333; }

.ui.button.btn-complex48 .div .t4 { position: relative; top: -0.1875rem; font-size: 1.5rem; font-weight: 700; line-height: 1.42; color: #222; }

.ui.button.surv { width: 17.5rem; height: 3rem; background: #fff; border: 1px solid #cbd3e4; border-radius: 0.25rem; }

.ui.button.surv span { font-size: 0.875rem; color: #6a7892; font-weight: 700; vertical-align: middle; margin-right: 5px; line-height: 1.3125rem; }

.ui.button.surv .icon { vertical-align: middle; }

.ui.button.surv .icon.ar-survay { width: 1rem; height: 1rem; background: url("../img/icon-subinfo-join-16-px.svg") 0 1px no-repeat; }

.ui.button.surv .icon.download3 { width: 1rem; height: 1rem; background: url("../img/icon-subinfo-down-16-px.svg") 0 0 no-repeat; }

.ui.button.trs { width: 9.875rem; height: 2.5rem; background: #fff; border: 1px solid #ff664d; border-radius: 0.25rem; padding: 0; }

.ui.button.trs:disabled { border-color: #b7c0d1; }

.ui.button.trs:disabled span { color: #b7c0d1; }

.ui.button.trs span { font-size: 0.875rem; font-weight: 700; color: #ff664d; }

.ui.button.post { width: 5.5rem; height: 2rem; padding: 0; box-sizing: border-box; color: #6c788f; font-size: 0.875rem; letter-spacing: -0.01625rem; line-height: 1.5rem; font-weight: 700; border: 1px solid #6c788f; border-radius: 0.25rem; background: transparent; }

.ui.button.post.ask { width: 9.75rem; }

.ui.button.post.edit { width: 5.3125rem; }

.ui.button.post.delete { width: 6.3125rem; }

.ui.button.post.delete-kr { width: 6.8125rem; }

.ui.button.post.list2 { width: 5.125rem; }

.ui.button.post.reply { width: 6rem; }

.ui.button.post.return { width: 6.8125rem; }

.ui.button.post.approval { width: 6.8125rem; }

.ui.button.post .icon.post { width: 1.5rem; height: 1.5rem; background: url("../img/icon-list-post-24-px.svg") 0 0 no-repeat; background-size: 24px auto; }

.ui.button.post .icon.filter2 { width: 1.5rem; height: 1.5rem; background: url("../img/icon-list-filter-24-px.svg") 0 0 no-repeat; background-size: 24px auto; }

.ui.button.filter { padding: 0; font-size: 1rem; font-weight: 700; color: #6c788f; line-height: 1.5rem; background: none; }

.ui.button.filter .icon { margin-right: 0.25rem !important; }

.ui.button.filter.color2 { color: #ff664d; }

.ui.button.filter-w { height: 3.125rem; box-sizing: border-box; border: 0.0625rem solid #ff664d; border-radius: 0; background: #ff664d; text-align: center; font-size: 1rem; font-weight: 700; color: #fff; padding: 0; margin: 0; width: 100%; text-align: center; }

.ui.button.filter-w.disabled { background: #a8b5cd; border-color: #a8b5cd; opacity: 1 !important; }

.ui.button.filter-w:disabled { background: #a8b5cd; border-color: #a8b5cd; opacity: 1 !important; }

.ui.button.filter-w .icon { margin-right: 0.25rem !important; vertical-align: middle; width: 1.5rem; height: 1.5rem; }

.ui.button.filter-w span { vertical-align: middle; }

.ui.button.postset { height: 1.25rem; padding: 0; font-size: 0.875rem; border-radius: 0; color: #a7abbe; font-weight: 400; line-height: 1.25rem; background: transparent; margin: 0 0 0 0.75rem; }

.ui.button.postset.active { color: #222; }

.ui.button.postset.active:hover { background: #fff; }

.ui.button.postset.active .icon.edit2::before { background: url("../img/icon-comment-edit-active-16-px.svg") 0 0 no-repeat !important; }

.ui.button.postset.active .icon.reply2::before { background: url("../img/icon-comment-reply-active-16-px.svg") 0 0 no-repeat !important; }

.ui.button.postset .icon { margin-right: 0.3125rem !important; vertical-align: middle; }

.ui.button.postset .icon.delete { width: 1rem; height: 1rem; opacity: 1; }

.ui.button.postset .icon.delete::before { content: ''; display: block; width: 1rem; height: 1rem; background: url("../img/icon-comment-delete-16-px.svg") 0 0 no-repeat !important; background-size: 16px auto; margin-top: -0.0625rem; }

.ui.button.postset .icon.edit2 { width: 1rem; height: 1rem; opacity: 1; }

.ui.button.postset .icon.edit2::before { content: ''; display: block; width: 1rem; height: 1rem; background: url("../img/icon-comment-edit-16-px.svg") 0 0 no-repeat !important; background-size: 16px auto; margin-top: -0.0625rem; }

.ui.button.postset .icon.reply2 { width: 1rem; height: 1rem; opacity: 1; }

.ui.button.postset .icon.reply2::before { content: ''; display: block; width: 1rem; height: 1rem; background: url("../img/icon-comment-reply-16-px.svg") 0 0 no-repeat !important; background-size: 16px auto; margin-top: -0.0625rem; }

.ui.button.postset .icon.list2 { width: 1.25rem; height: 1.25rem; background: url("../img/list.svg") 0 0 no-repeat; background-size: 100% auto; background-position: 50% 50%; }

.ui.button.img-icon { padding: 0; margin: 0; background: none; }

.ui.button.img-icon .icon.zoom2 { width: 2rem; height: 2rem; background: url("../img/zoom.svg") 0 0 no-repeat; background-size: 32px 32px; }

.ui.button.img-icon .icon.bookmark2 { width: 2.375rem; height: 2.375rem; background: url("../img/btn-moreinfo-add.svg") 0 0 no-repeat; background-size: 38px 38px; }

.ui.button.img-icon .icon.share2 { width: 2.375rem; height: 2.375rem; background: url("../img/btn_moreinfo_share.svg") 0 0 no-repeat; background-size: 38px 38px; }

.ui.button.img-icon .icon.remove3 { width: 2.375rem; height: 2.375rem; background: url("../img/btn-moreinfo-delete.svg") 0 0 no-repeat; background-size: 38px 38px; }

.ui.button.img-icon .icon.arrow-up { width: 2rem; height: 2rem; background: url("../img/btn-card-close.svg") 0 0 no-repeat; background-size: 32px 32px; }

.ui.button.img-icon .icon.arrow-up.s26 { width: 1.625rem; height: 1.625rem; background-size: 26px 26px; }

.ui.button.img-icon .icon.arrow-down { width: 2rem; height: 2rem; background: url("../img/btn-card-list-open.svg") 0 0 no-repeat; background-size: 32px 32px; }

.ui.button.img-icon .icon.arrow-down.s26 { width: 1.625rem; height: 1.625rem; background-size: 26px 26px; }

.ui.button.img-icon .icon.photo-edit { width: 1.25rem; height: 1.25rem; background: #515a6b url("../img/btn-photo.svg") 0 0 no-repeat; background-size: 20px 20px; border-radius: 100%; }

.ui.button.img-icon .icon.close32 { width: 2rem; height: 2rem; background: url("../img/btn-imgdelete-32a-px.svg") 0 0 no-repeat; background-size: 32px 32px; }

.ui.button.img-icon .icon.reset32 { width: 1.75rem; height: 1.75rem; background: url("../img/icon-reset-28.svg") 0 0 no-repeat; background-size: 28px 28px; }

.ui.button.img-icon .icon.photo50 { width: 3.125rem; height: 3.125rem; background: url("../img/icon-photo-24-px.svg") 50% 50% no-repeat; background-size: 24px 24px; }

.ui.button.img-icon .icon.photo50-opacity { width: 3.125rem; height: 3.125rem; background: url("../img/btn-photo50-opacity.svg") 0 0 no-repeat; background-size: 50px 50px; }

.ui.button.img-icon .icon.setting17 { width: 1.0625rem; height: 1.0625rem; background: url("../img/icon-setting-13.svg") 0 0 no-repeat; background-size: 17px 17px; }

.ui.button.img-icon .icon.reset { width: 1.75rem; height: 1.75rem; }

.ui.button.img-icon .icon.sum-open { width: 2.5rem; height: 1.5rem; background: url("../img/btn-summary-open.svg") 0 0 no-repeat; }

.ui.button.img-icon .icon.sum-close { width: 2.5rem; height: 1.5rem; background: url("../img/btn-summary-top.svg") 0 0 no-repeat; }

.ui.button.img-icon .icon.del { width: 1.5rem; height: 1.5rem; background: url("../img/icon-channel-delete.svg") 0 0 no-repeat; }

.ui.button.img-icon .icon.clear2 { width: 1.5rem; height: 1.5rem; }

.ui.button.fix { width: 13.75rem; height: 3rem; border-radius: 0.25rem; padding: 0; margin: 0; font-size: 1rem; font-weight: 700; box-sizing: border-box; }

.ui.button.fix.line { border: 1px solid #ff664d; background: #fff; color: #ff664d; }

.ui.button.fix.line.disabled { color: #b7c0d1; border-color: #b7c0d1; opacity: 1 !important; }

.ui.button.fix.bg { background: #ff664d; color: #fff; }

.ui.button.fix.bg.disabled { color: #b7c0d1; background: #e5eaf2; opacity: 1 !important; }

.ui.button.fix.bg.blue { background: #5772c7; }

.ui.button.free { height: 3rem; border-radius: 0.25rem; font-size: 0.875rem; font-weight: 700; color: #ff664d; box-sizing: border-box; letter-spacing: 0; }

.ui.button.free.p18 { padding: 0 1.125rem; }

.ui.button.free.p23 { padding: 0 1.4375rem; }

.ui.button.free.line { border: 1px solid #ff664d; background: #fff; color: #ff664d; }

.ui.button.free.line.disabled { color: #b7c0d1; border-color: #b7c0d1; opacity: 1 !important; }

.ui.button.free.bg { background: #ff664d; color: #fff; }

.ui.button.free.bg.disabled { color: #b7c0d1; background: #e5eaf2; opacity: 1 !important; }

.ui.button.toggle.toggle2 { padding: 0 1.5625rem; line-height: 2.375rem; font-size: 0.875rem; font-weight: 400; color: #233b6a; border-radius: 3.125rem; border: 1px solid #3e8ae9; background: #fff; }

.ui.button.toggle.toggle2.active { color: #fff; font-weight: 700; background-color: #3e8ae9 !important; }

.ui.button.toggle.toggle2.disabled { color: #b7c0d1; font-weight: 400; background-color: #dae0eb !important; border-color: #dae0eb; opacity: 1 !important; }

.ui.button.toggle.toggle3 { position: relative; width: 14.375rem; height: 3rem; line-height: 3rem; border-radius: 0.25rem; background: #eee; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.0125rem; color: #222; padding: 0; text-indent: 1.25rem; text-align: left; }

.ui.button.toggle.toggle3::before { content: ''; position: absolute; right: 0.75rem; top: 0.75rem; display: block; width: 1.5rem; height: 1.5rem; background: url(../img/icon-check-nomal.svg) no-repeat 0 0; background-size: 100% 100%; }

.ui.button.toggle.toggle3.active { color: #fff; font-weight: 700; background-color: #3e8ae9 !important; }

.ui.button.toggle.toggle3.disabled { color: #b7c0d1; font-weight: 400; background-color: #dae0eb !important; border-color: #dae0eb; opacity: 1 !important; }

.ui.button.toggle.toggle3.disabled::before { background-image: url(../img/icon-check-disabled.svg); }

.ui.button.toggle.toggle4 { padding: 0 0.9375rem; line-height: 1.75rem; font-size: 0.75rem; font-weight: 400; letter-spacing: -0.01063rem; color: #233b6a; border-radius: 0.9375rem; border: 0.0625rem solid #3e8ae9; background: #fff; }

.ui.button.toggle.toggle4.active { color: #fff; font-weight: 400; background-color: #3e8ae9 !important; }

.ui.button.toggle.toggle4.disabled { color: #b7c0d1; font-weight: 400; background-color: #dae0eb !important; border-color: #dae0eb; opacity: 1 !important; }

.ui.button.personal { width: 13.25rem; height: 3rem; border-radius: 0.25rem; color: #4c4c4c; background: #fff; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.02187rem; border: 1px solid #4c4c4c; }

.ui.button.moreview { padding: 0; width: auto; font-size: 0.875rem; font-weight: 700; color: #6c788f; background: transparent; }

.ui.button.moreview span { display: inline-block; vertical-align:middle; }

.ui.button.moreview .icon { width: 18px; height: 18px; margin-right: 5px !important; background: url("../img/icon-list-more-18-px.svg") 50% 0 no-repeat; vertical-align: middle; }

.ui.button.return { padding: 0; width: auto; font-size: 0.875rem; font-weight: 700; line-height: 1.125rem; color: #6c788f; background: transparent; }

.ui.button.return .icon { width: 18px; height: 18px; margin-right: 5px !important; background: url("../img/package-return.svg") 0 0 no-repeat; }

.ui.button.approval { padding: 0; width: auto; font-size: 0.875rem; font-weight: 700; line-height: 1.125rem; color: #6c788f; background: transparent; }

.ui.button.approval .icon { width: 18px; height: 18px; margin-right: 5px !important; background: url("../img/package-approval.svg") 0 0 no-repeat; }

.ui.button.underline { padding: 0; background: transparent; text-decoration: underline; color: #51aaff; font-size: 0.875rem; letter-spacing: -0.0125rem; line-height: 1.71; font-weight: 400; }

.ui.button.underline i.down24 { margin: 0 0.25rem 0 0 !important; }

.ui.button.icon-line { width: 3.25rem; height: 3rem; border-radius: 0.25rem; border: 1px solid #eee; background: transparent; }

.ui.button.icon-line .icon { vertical-align: middle; }

.ui.button.icon-line .icon.add-list { width: 1.5rem; height: 1.5rem; background: url("../img/icon-card-add-24-px.svg") 0 0 no-repeat; }

.ui.button.icon-line .icon.remove2 { width: 1.5rem; height: 1.5rem; background: url("../img/icon-card-delete-24-px.svg") 0 -1px no-repeat; }

.ui.button.icon-line .icon.my { width: 1.5rem; height: 1.5rem; background: url("../img/icon-card-goto-24-px.svg") 0 -2px no-repeat; }

.ui.button.top { display: block; width: 3.125rem; height: 3.125rem; border-radius: 0.25rem 0.25rem 0 0; box-sizing: border-box; border: 1px solid #222; box-shadow: 0 0.3125rem 0.875rem 0 rgba(68, 68, 68, 0.81); margin: 0; padding: 1.5rem 0 0 0; font-size: 12px; font-weight: 700; letter-spacing: -0.3px; color: #fff; background: #222 url(../img/icon-up-18-px.png) no-repeat 50% 0.4375rem; background-size: 1.125rem 1.125rem; }

.ui.button.quick { display: block; width: 3.125rem; height: 3.125rem; padding: 0; margin: 0; box-shadow: 0 0.3125rem 0.875rem 0 rgba(68, 68, 68, 0.8); border-radius: 0 0 4px 4px; background: #222 url(../img/icon-floation-menu-24-px.png) no-repeat center center; }

.ui.button.quick.active { box-shadow: none; border-radius: 0 0 0.25rem 0; background: #ff664d url(../img/close.png) no-repeat center center; }

.ui.button.pop.w190 { width: 190px; text-align: center; }

.ui.button.pop.d { padding: 0; margin: 0; height: 2.5rem; line-height: 2.5rem; border-radius: 0.25rem; font-size: 0.875rem; font-weight: 700; color: #fff; background: #777; }

.ui.button.pop.p { padding: 0; margin: 0; height: 2.5rem; line-height: 2.5rem; border-radius: 0.25rem; font-size: 0.875rem; font-weight: 700; color: #fff; background: #ff664d; }

.ui.button.pop.line { padding: 0; margin: 0; height: 2.5rem; line-height: 2.375rem; border-radius: 0.25rem; font-size: 0.875rem; font-weight: 700; color: #ff664d; background: #fff; border: 1px solid #ff664d; }

.ui.button.pop2.d { padding: 0; margin: 0; border-radius: 0; height: 3.75rem; line-height: 3.75rem; font-size: 0.875rem; font-weight: 700; color: #fff; background: #777; }

.ui.button.pop2.p { padding: 0; margin: 0; border-radius: 0; height: 3.75rem; line-height: 3.75rem; font-size: 0.875rem; font-weight: 700; color: #fff; background: #ff664d; }

.ui.button.icon-big-line { width: 7.75rem; height: 4.25rem; border-radius: 0.25rem; border: 1px solid #ff664d; background: #fff; padding: 0; }

.ui.button.icon-big-line span { display: block; margin-top: 4px; font-size: 0.875rem; font-weight: 700; color: #ff664d; }

.ui.button.icon-big-line .icon { width: 1rem; height: 1rem; margin: 0 !important; opacity: 1; }

.ui.button.icon-big-line .icon.play2 { background: url("../img/icon-card-play-16-px.svg") 0 0 no-repeat; }

.ui.button.icon-big-line .icon.download2 { background: url("../img/icon-card-down-16-px.svg") 0 0 no-repeat; }

.ui.button.icon-big-line .icon.join { background: url("../img/icon-card-join-16-px.svg") 0 0 no-repeat; }

.ui.button.icon-big-line2 { width: 12.5rem; height: 3rem; border-radius: 0.25rem; border: 1px solid #ff664d; background: #fff; padding: 0; }

.ui.button.icon-big-line2 span { display: inline-block; margin-left: 0.25rem; font-size: 0.875rem; font-weight: 700; color: #ff664d; }

.ui.button.icon-big-line2 .icon { width: 1rem; height: 1rem; }

.ui.button.icon-big-line2 .icon.download2 { background: url("../img/icon-card-down-16-px.svg") 0 0 no-repeat; }

.ui.button.icon-big-line2 .icon.open { position: relative; top: 0.125rem; background: url("../img/icon-open-web-16-px.svg") 0 0 no-repeat; }

.ui.button.change-channel-of-interest { font-size: 0.625rem; color: #222; font-weight: 400; }

.ui.button.change-channel-of-interest i { vertical-align: middle; position: relative; top: -0.0625rem; left: 0.1875rem; }

.ui.button.modal-direction-l { width: 3.125rem; height: 3.125rem; padding: 0; margin: 0; border-radius: 0 0.25rem 0.25rem 0; background: #222; }

.ui.button.modal-direction-r { width: 3.125rem; height: 3.125rem; padding: 0; margin: 0; border-radius: 0.25rem 0 0 0.25rem; background: #222; }

.ui.button.del { position: relative; margin: 0; padding: 0 2.6875rem 0 1.125rem; border-radius: 1.5rem; box-sizing: border-box; height: 2.375rem; line-height: 2.25rem; border: 1px solid #3e8ae9; background: #fff; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #233b6a; }

.ui.button.del::before { content: ''; position: absolute; right: 0.375rem; top: 0.375rem; display: block; width: 1.5rem; height: 1.5rem; background: url(../img/icon-channel-delete.svg) no-repeat 0 0; background-size: 100% 100%; }

.ui.button.del.type2 { padding: 0 2.3125rem 0 0.875rem; height: 1.875rem; line-height: 1.75rem; font-weight: 400; }

.ui.button.del.type2::before { top: 0.125rem; right: 0.1875rem; }

.ui.button.close { padding: 0; margin: 0; background: transparent; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.04312rem; color: #222; font-weight: 400; }

.ui.button.close::before { content: ''; display: inline-block; width: 1.5rem; height: 1.5rem; background: url(../img/btn-clear-selceted.svg) no-repeat 0 0; background-size: 100% 100%; vertical-align: top; margin: 0 0.375rem 0 0; }

.ui.button.tag { display: inline-block; padding: 0 0.75rem; font-size: 0.75rem; line-height: 1.375rem; color: #6c788f; font-weight: 400; background: #fff; border: 1px solid #d1d6e2; border-radius: 3.125rem; }

.ui.button.orange-arrow { height: 1rem; padding: 0; margin: 0; font-size: 0.75rem; font-weight: 400; line-height: 1.33; color: #ff664d; padding-right: 0.625rem; text-decoration: underline; background: url(../img/icon-rate-jump-8-px.svg) no-repeat right 0.3125rem; }

.ui.button.orange-arrow2 { height: 1rem; padding: 0; margin: 0; font-size: 0.75rem; font-weight: 400; line-height: 1.33; color: #ff664d; padding-right: 0.625rem; text-decoration: underline; background: url(../img/icon-info-jump-8-px.svg) no-repeat right 0.3125rem; background-size: 8px auto; }

.ui.button.orange-arrow3 { height: 1.25rem; padding: 0; margin: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: #ff664d; padding-right: 1.25rem; text-decoration: underline; background: url("../img/icon-card-share-16-px.svg") 100% 0.1875rem no-repeat; background-size: 1rem 1rem; }

.ui.button.blue-arrow2 { height: 1rem; padding: 0; margin: 0; font-size: 0.875rem; font-weight: 400; line-height: 1rem; letter-spacing: -0.0125rem; color: #0e73db; padding-right: 0.625rem; text-decoration: underline; background: url("../img/icon-contents-more-link.svg") no-repeat right 0.3125rem; background-size: 8px auto; }

.ui.button.swiper-unit.pagination { padding: 0; margin: 0; width: 0.5rem; height: 0.5rem; border-radius: 0.25rem; background: #eee; font-size: 0; line-height: 0; }

.ui.button.swiper-unit.pagination.active { width: 2.25rem; background: #ff664d; }

.ui.button.swiper-unit.prev { width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; background: url(../img/btn-pagenavi-back-normal.svg) no-repeat 0 0; }

.ui.button.swiper-unit.prev.disabled { background: url(../img/btn-pagenavi-back-disabled.svg) no-repeat 0 0 !important; opacity: 1 !important; }

.ui.button.swiper-unit.next { width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; background: url(../img/btn-page-next-nomal.svg) no-repeat 0 0; }

.ui.button.swiper-unit.next.disabled { background: url(../img/btn-page-next-disabled.svg) no-repeat 0 0 !important; opacity: 1 !important; }

.ui.checkbox { min-width: 1.5rem; min-height: 1.5rem; line-height: 1.5rem; font-size: 0.75rem; }

.ui.checkbox input { width: 1.5rem !important; height: 1.5rem !important; }

.ui.checkbox label { opacity: 1 !important; transition: 0s; }

.ui.checkbox input:hover ~ label:before { width: 1.5rem; height: 1.5rem; background-size: 100% auto; }

.ui.checkbox input:checked ~ label:after { width: 1.5rem; height: 1.5rem; opacity: 0; }

.ui.checkbox label:before { width: 1.5rem; height: 1.5rem; background: url("../img/btn-check-nomal@3x.png") 0 0 no-repeat; background-size: 100% auto; border: 0; border-radius: 0; transition: 0s; }

.ui.checkbox input:focus ~ label:before, .ui.checkbox label:hover::before { background: url("../img/btn-check-nomal@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox input:checked ~ label:before { width: 1.5rem; height: 1.5rem; background: #fff url("../img/btn-check-selected@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox input:checked:focus ~ label:before { background: url("../img/btn-check-selected@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox input:disabled ~ label:before { width: 1.5rem; height: 1.5rem; background: #fff url("../img/btn-check-disabled@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox input:disabled:checked ~ label:before { width: 1.5rem; height: 1.5rem; background: url("../img/btn-check-disabled-checked@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox label:after { opacity: 0; }

.ui.checkbox.base label { font-size: 0.875rem; line-height: 1.5rem; letter-spacing: -0.0125rem; font-weight: 400; padding-left: 2rem; }

.ui.checkbox.base label span { font-weight: 700; }

.ui.checkbox.black label:before { background: url("../img/btn-check-type-1-nomal@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox.black input:focus ~ label:before, .ui.checkbox.black label:hover::before { background: url("../img/btn-check-type-1-nomal@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox.black input:checked ~ label:before { background: url("../img/btn-check-type-1-selected@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox.black input:checked:focus ~ label:before { background: url("../img/btn-check-type-1-selected@3x.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.checkbox.black input:disabled ~ label:before { background: url("../img/btn-check-type-1-nomal-disabled.svg") 0 0 no-repeat; }

.ui.checkbox.black input:disabled:checked ~ label:before { background: url("../img/btn-check-type-1-selected-disabled.svg") 0 0 no-repeat; }

.ui.radio input { width: 1.5rem !important; height: 1.5rem !important; }

.ui.radio label:before { width: 1.5rem !important; height: 1.5rem !important; background: url("../img/btn-radio-type-2-nomal.svg") 0 0 no-repeat; }

.ui.radio input:focus, .ui.radio input:focus ~ label:before, .ui.radio label:hover::before { background: url("../img/btn-radio-type-2-nomal.svg") 0 0 no-repeat; }

.ui.radio input:checked, .ui.radio input:checked ~ label:before { background: url("../img/btn-radio-type-2-selected.svg") 0 0 no-repeat; }

.ui.radio input:checked:focus, .ui.radio input:checked:focus ~ label:before { background: url("../img/btn-radio-type-2-selected.svg") 0 0 no-repeat; }

.ui.radio input:disabled ~ label:before { background: url("../img/btn-radio-type-2-nomal-disable.svg") 0 0 no-repeat; }

.ui.radio input:checked:disabled ~ label:before { background: url("../img/btn-radio-type-2-selected-disable.svg") 0 0 no-repeat !important; }

.ui.radio.base label { padding-left: 2rem; color: #6c788f; font-size: 0.875rem; line-height: 1.5rem; }

.ui.radio.base input:checked + label { color: #6c788f; font-weight: 700; }

.ui.radio.base input:disabled + label { font-size: 0.875rem; color: #888; }

.ui.radio.base input:checked:disabled + label { font-size: 0.875rem; color: #222; font-weight: 400; }

.ui.radio.base2 label:before { width: 1.5rem !important; height: 1.5rem !important; background: url("../img/btn-radio-type-1-nomal.svg") 0 0 no-repeat; }

.ui.radio.base2 input:focus, .ui.radio.base2 input:focus ~ label:before, .ui.radio.base2 label:hover::before { background: url("../img/btn-radio-type-1-nomal.svg") 0 0 no-repeat; }

.ui.radio.base2 input:checked, .ui.radio.base2 input:checked ~ label:before { background: url("../img/btn-radio-type-1-selected.svg") 0 0 no-repeat; }

.ui.radio.base2 input:checked:focus, .ui.radio.base2 input:checked:focus ~ label:before { background: url("../img/btn-radio-type-1-selected.svg") 0 0 no-repeat; }

.ui.radio.base2 input:disabled ~ label:before { background: url("../img/btn-radio-type-1-disabled.svg") 0 0 no-repeat; }

.ui.radio.base2 label { padding-left: 2rem; color: #6c788f; font-size: 0.875rem; line-height: 1.5rem; }

.ui.radio.base2 input:checked + label { font-weight: 700; }

.ui.radio.round label { height: 2.375rem; line-height: 2.25rem; box-sizing: border-box; padding: 0 1.5625rem; border: 0.0625rem solid #3e8ae9; letter-spacing: -0.0125rem; color: #233b6a; border-radius: 1.5rem; }

.ui.radio.round label::before { display: none; }

.ui.radio.round input:checked + label { color: #fff; background: #3e8ae9; }

.ui.radio.round input:disabled ~ label { border-color: #dae0eb; background: #dae0eb; color: #b7c0d1; opacity: 1; }

.ui.radio.round2 label { height: 1.875rem; line-height: 1.75rem; box-sizing: border-box; padding: 0 1rem; border: 0.0625rem solid #3e8ae9; letter-spacing: -0.0125rem; color: #233b6a; border-radius: 1.5rem; font-size: 0.75rem; }

.ui.radio.round2 label::before { display: none; }

.ui.radio.round2 input:checked + label { color: #fff; background: #3e8ae9; }

.ui.radio.round2 input:disabled ~ label { border-color: #dae0eb; background: #dae0eb; color: #b7c0d1; opacity: 1; }

.ui.radio.rect-icon { display: block; }

.ui.radio.rect-icon label { height: 3rem; line-height: 3rem; border-radius: 0.25rem; background: #eee; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.0125rem; color: #000; padding: 0; text-indent: 1.25rem; transition: 0s; }

.ui.radio.rect-icon label::before { content: ''; width: 1.5rem; height: 1.5rem; background: url(../img/btn-radio-type-1-nomal@3x.png) no-repeat 0 0; background-size: 100% 100%; position: absolute; left: auto !important; right: 0.75rem !important; top: 0.75rem !important; }

.ui.radio.rect-icon label::after { display: none; }

.ui.radio.rect-icon input:checked + label { color: #fff; background: #3e8ae9; }

.ui.radio.rect-icon input:checked + label::before { background: url(../img/btn-radio-type-1-selected@3x.png) no-repeat 0 0; background-size: 100% 100%; }

.ui.radio.rect-icon input:disabled + label { color: #b7c0d1; background: #dae0eb; opacity: 1; }

.ui.radio.rect-icon input:disabled + label::before { background: url(../img/btn-radio-type-1-disabled@3x.png) no-repeat 0 0; background-size: 100% 100%; }

.ui.radio.v-icon input:checked + label > span > span > span .text1 { font-weight: 700; color: #6c788f; }

.ui.radio.v-icon label { position: relative; display: block; padding-left: 2.125rem; }

.ui.radio.v-icon label::before { position: absolute; left: 0; top: 50%; margin-top: -0.75rem; }

.ui.radio.v-icon label > span { display: table; }

.ui.radio.v-icon label > span > span { display: table-row; }

.ui.radio.v-icon label > span > span > span { display: table-cell; vertical-align: middle; }

.ui.radio.v-icon label > span > span > span img { width: 3.75rem; height: 3.75rem; vertical-align: top; }

.ui.radio.v-icon label > span > span > span .text1 { font-size: 0.875rem; line-height: 1.71; color: #6c788f; padding-left: 0.625rem; display: block; max-height: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ui.buttons.country { width: 5.625rem; height: 1.75rem; padding: 0.125rem; box-sizing: border-box; border-radius: 1.34375rem; background-color: #eeeeee; }

.ui.buttons.country button { padding: 0; width: 2.875rem; height: 1.5rem; font-size: 0.875rem; font-weight: 700; background: transparent; color: #4b4e53; transition: none; }

.ui.buttons.country button.active { border-radius: 0.875rem !important; background: #4b4e53; color: #eee; }

.ui.buttons.country button:nth-of-type(2) { margin-left: -0.375rem; }

.ui.buttons.quick-black { width: 100%; }

.ui.buttons.quick-black.horizontal { background: #1a1a1a !important; border-bottom: 0.0625rem solid #000; }

.ui.buttons.quick-black.horizontal button { width: 33.33%; position: relative; height: 5.125rem; padding: 3rem 0 0 0; box-sizing: border-box; font-size: 0.875rem; letter-spacing: -0.01625rem; color: #eee; background: transparent !important; border-left: 1px solid #000; text-align: center; font-weight: 400; }

.ui.buttons.quick-black.horizontal button:first-of-type { border-left: 0; }

.ui.buttons.quick-black.horizontal button .icon { position: absolute; left: 0; top: 0; }

.ui.buttons.quick-black.horizontal button .icon[aria-hidden=ture] { top: 0.875rem; left: 50%; transform: translate(-50%, 0); }

.ui.buttons.quick-black.horizontal button .icon.new16 { top: 0.9375rem; left: 50%; transform: translate(-50%, 0); margin-left: 1rem; }

.ui.buttons.quick-black.vertical button { width: 100%; vertical-align: top; height: 3.125rem; line-height: 1.25rem; border-bottom: 0.0625rem solid #000; font-size: 1rem; letter-spacing: -0.01563rem; color: #fff; font-weight: 400; text-align: left; background: #222 !important; border-radius: 0 !important; box-shadow: none !important; }

.ui.buttons.quick-black.vertical button:last-of-type { border-bottom: 0; }

.ui.buttons.quick-black.vertical button i { position: relative; width: 1.25rem; height: 1.25rem; display: inline-block; margin: 0 0.625rem 0 0; opacity: 1 !important; position: relative; top: 0rem; }

.ui.breadcrumb.standard::before { content: ''; display: inline-block; vertical-align: middle; width: 0.75rem; height: 0.75rem; background: url(../img/icon-home-12-px.svg) no-repeat 0 0 !important; }

.ui.breadcrumb.standard i.icon.divider { position: relative; top: -1px; opacity: 1; margin: 0 0.25rem; width: 0.3125rem; height: 0.3125rem; }

.ui.breadcrumb.standard i.icon.divider::before { content: '' !important; display: block; width: 0.3125rem; height: 0.3125rem; background: url(../img/icon-arrow-5-px.svg) no-repeat 0 0 !important; }

.ui.breadcrumb.standard a { font-size: 0.75rem; color: #6c788f; }

.ui.breadcrumb.standard .section { font-size: 0.75rem; }

.ui.breadcrumb.standard .section.active { font-weight: 700; color: #6c788f; }

.ui.menu.sku { background: transparent; border: 0; box-shadow: none; }

.ui.menu.sku .item { font-size: 0.875rem; line-height: 1.71; color: #4c4c4c; padding: 0; margin-right: 3.75rem; border-bottom: 4px solid transparent; border-radius: 0; height: 3.1875rem; background: transparent; }

.ui.menu.sku .item:hover { background: transparent; }

.ui.menu.sku .item:last-of-type { margin-right: 0; }

.ui.menu.sku .item::before { display: none; }

.ui.menu.sku .item.active { background: transparent; border-bottom-color: #e1002a; font-weight: 700; }

.ui.menu.sku .item.active .count { color: #e1002a; font-weight: 700; }

.ui.menu.sku .item .new { margin-left: 0.25rem; font-size: 0.75rem; color: #e1002a; font-weight: 700; }

.ui.menu.sku .item .count { margin-left: 0.25rem; font-size: 0.75rem; line-height: 1.5; color: #999; font-weight: 700; }

.ui.menu.sku .item.division { position: relative; margin-right: 100px; }

.ui.menu.sku .item.division::after { position: absolute; top: 50%; right: -3.125rem; margin-top: -0.625rem; content: ''; display: inline-block; width: 0.0625rem; height: 1.25rem; background: #d6d6d6; }

.ui.menu.sku2 { background: transparent; border: 0; box-shadow: none; }

.ui.menu.sku2 .item { font-size: 0.875rem; line-height: 1.71; color: #4c4c4c; padding: 0; margin-right: 6.25rem; border-bottom: 4px solid transparent; border-radius: 0; height: 4.375rem; background: transparent; }

.ui.menu.sku2 .item:hover { background: transparent; }

.ui.menu.sku2 .item:last-of-type { margin-right: 0; }

.ui.menu.sku2 .item::before { display: none; }

.ui.menu.sku2 .item.active { background: transparent; border-bottom-color: #e1002a; font-weight: 700; }

.ui.menu.sku2 .item.active .count { color: #e1002a; font-weight: 700; }

.ui.menu.sku3 { background: transparent; border: 0; box-shadow: none; overflow: hidden; border-radius: 0; height: 2.8125rem; }

.ui.menu.sku3 .item { float: left; display: block; padding: 0; margin: 0; }

.ui.menu.sku3 .item span { width: 100%; padding: 0 37px; display: block; text-align: center; font-size: 0.875rem; line-height: 2.6875rem; height: 2.8125rem; box-sizing: border-box; color: #4c4c4c; border-top: 0.0625rem solid #ddd; border-left: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #222; }

.ui.menu.sku3 .item:last-of-type span { border-right: 0.0625rem solid #ddd; }

.ui.menu.sku3 .item:hover { background: transparent; }

.ui.menu.sku3 .item::before { display: none; }

.ui.menu.sku3 .item.active { background: transparent; border-bottom-color: #222; color: #222; font-weight: 700; }

.ui.menu.sku3 .item.active span { position: relative; border-top-color: #222; border-left-color: #222; font-weight: 700; color: #222; border-bottom-color: #fff; }

.ui.menu.sku3 .item.active + .item span { border-left-color: #222; }

.ui.menu.sku3 .item.active:last-of-type span { border-right-color: #222; }

.ui.segment.right-rail { width: 75rem; box-sizing: border-box; margin: 0 auto; padding: 3.125rem 25.25rem 0 0; border: 0; box-shadow: none; background: transparent; border-radius: 0; z-index: 1; }

.ui.segment.right-rail .ui.right.rail { width: 17.5rem; padding: 0; margin: 0; left: auto; right: 0; padding-top: 3.125rem; }

.ui.segment.right-rail .cont-inner { width: 49.75rem; }

.ui.segment.full { width: 75rem; box-sizing: border-box; margin: 0 auto; padding: 0; border: 0; box-shadow: none; background: transparent; border-radius: 0; }

.ui.modal.visible.transition { overflow: hidden; }

.ui.modal.w380 { width: 23.75rem; }

.ui.modal.w560 { width: 35rem; }

.ui.modal.w700 { width: 43.75rem; }

.ui.modal.w824 { width: 51.5rem; }

.ui.modal.w1000 { width: 62.5rem; }

.ui.modal.base { border-radius: 0.5rem; }

.ui.modal.base .header { padding: 0; height: 2.75rem; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.01625rem; color: #222; line-height: 2.75rem; text-indent: 1.875rem; border-bottom-color: #d6deed; }

.ui.modal.base .header.res { height: auto; padding: 1.125rem 0 1.125rem; line-height: inherit; }

.ui.modal.base .header.res .sub { display: block; margin: 0.625rem 0 0 1.875rem; font-size: 0.875rem; font-weight: 400; letter-spacing: -0.01625rem; color: #6c788f; text-indent: 0; line-height: 1.41; }

.ui.modal.base .header.res .sub.f12 { font-size: 0.75rem; }

.ui.modal.base .header.res .sub em { font-weight: bold; }

.ui.modal.base .header .right-btn { position: absolute; right: 1.875rem; top: 0; }

.ui.modal.base .header .right-btn * { text-indent: 0; }

.ui.modal.base .header .right-btn .ui.base.checkbox + .ui.button.close { margin-left: 2.5rem; }

.ui.modal.base .header .counter { margin-left: 0.375rem; font-size: 0.875rem; letter-spacing: -0.01625rem; color: #222; font-weight: 400; }

.ui.modal.base .header .red { color: #e1002a; }

.ui.modal.base .content { padding: 0; }

.ui.modal.base .content .right-filter { position: absolute; right: 1.875rem; top: 1.25rem; }

.ui.modal.base .content .right-filter .ui.dropdown.small-border { width: 8.25rem; }

.ui.modal.base .actions { position: relative; height: 4.375rem; padding: 0.9375rem 0; box-sizing: border-box; border-radius: 0 0 0.5rem 0.5rem; background: #fff; text-align: center; }

.ui.modal.base .actions button { margin: 0 0.5rem; }

.ui.modal.base .actions2 { display: -ms-flexbox; display: flex; overflow: hidden; height: 3.75rem; transform: translate3d(0, 0, 0); }

.ui.modal.base .actions2 button { -ms-flex: 1; flex: 1; }

.ui.modal.base .actions3 { text-align: center; }

.ui.modal.base .actions4 { border-top: 0.0625rem solid #d6deed; position: relative; height: 3.125rem; }

.ui.modal.base .actions4 .ui.base.checkbox label { font-size: 1rem; }

.ui.modal.base .actions4 .ui.button.close { font-size: 1rem; }

.ui.modal.base .actions4 .left { position: absolute; left: 1.875rem; top: 0.8125rem; }

.ui.modal.base .actions4 .right { position: absolute; right: 1.875rem; top: 0.8125rem; }

.ui.modal.inner-scroll .actions { box-shadow: 0 -0.75rem 0.375rem -0.3125rem rgba(36, 37, 41, 0.06); }

.ui.modal.inner-scroll .actions2 { box-shadow: 0 -0.75rem 0.375rem -0.3125rem rgba(36, 37, 41, 0.06); }

.ui.modal.inner-scroll .actions3 { box-shadow: 0 -0.75rem 0.375rem -0.3125rem rgba(36, 37, 41, 0.06); }

.ui.modal.inner-scroll .actions4 { box-shadow: 0 -0.75rem 0.375rem -0.3125rem rgba(36, 37, 41, 0.06); }

.ui.modal.video { width: auto; border-radius: 0; }

.ui.modal.video video { vertical-align: top; border-radius: 0 !important; }

.ui.modal.welcom { border-radius: 0; border: 0.125rem solid #172649; box-shadow: 0 0 0.5625rem 0.1875rem rgba(23, 33, 74, 0.15); }

.ui.modal .content .content-wrap1 { padding: 1.75rem 4.1875rem 5rem 1.875rem; }

.ui.modal .content .content-wrap2 { padding: 1.75rem 4.1875rem 1.3125rem 1.875rem; }

.ui.modal .content .content-wrap3 { padding: 1.75rem 3.125rem 1.3125rem 1.875rem; }

.ui.modal .content .content-wrap4 { padding: 2.5rem 1.25rem 2.5rem 2.5rem; }

.ui.modal .content .content-wrap5 { padding: 2.5rem 2.5rem 2.5rem 2.5rem; }

.ui.modal .content .content-wrap6 { padding: 1.75rem 1.875rem 3.125rem 1.875rem; }

.ui.modals { box-sizing: border-box; max-height: 100%; overflow: hidden !important; }

.ui.form.reply.base .outline { border: 0.0625rem solid #d6deed; background: #fff; border-radius: 0.5rem; }

.ui.form.reply.base .outline .more { display: -ms-flexbox; display: flex; border: 0; margin: 0; }

.ui.form.reply.base .outline .more .count { -ms-flex: 1; flex: 1; text-align: right; line-height: 3.0625rem; font-size: 0.875rem; color: #999; padding-right: 1.75rem; }

.ui.form.reply.base .outline .more .count .now { color: #222; }

.ui.form.reply.base .outline .more button { -ms-flex: none; flex: none; border-left: 0.0625rem solid #d6deed; border-radius: 0; width: 8rem; height: 3.0625rem; padding: 0; margin: 0; font-size: 0.875rem; font-weight: 700; color: #b9b9b9; background: transparent; }

.ui.form.reply.base .outline .more button.photo { width: 3.125rem; }

.ui.form.reply.base .field { padding: 1.875rem; margin: 0; border-bottom: 0.0625rem solid #d6deed; clear: none; }

.ui.form.reply.base .field textarea { width: 100%; height: 6.1875rem; border: 0; padding: 0; resize: none; border-radius: 0; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.03125rem; color: #222; }

.ui.form.reply.base .field textarea::placeholder { color: #999; }

.ui.form.reply.base .field.h173 { padding: 1.5rem 1.875rem; }

.ui.form.reply.base .field.h173 textarea { height: 4.625rem; min-height: 4.625rem; }

.ui.form.reply.base .field.h173 .add-pic { position: relative; width: 15rem; height: 8.4375rem; border: 1px solid #eeeeee; box-sizing: border-box; }

.ui.form.reply.base .field.h173 .add-pic img { width: 100%; height: 100%; }

.ui.form.reply.base .field.h173 .add-pic button.del-pic { position: absolute; top: 0; left: 0; }

.ui.form.reply.base .field.w525 { width: 32.8125rem; }

.ui.form.reply.focus .outline { border-color: #6ea6ec !important; }

.ui.form.reply.focus .field { border-color: #6ea6ec !important; }

.ui.form.reply.focus .more .count { border-color: #6ea6ec !important; }

.ui.form.reply.focus .more button { border-color: #6ea6ec !important; }

.ui.form.reply.active .more .submit { color: #222 !important; }

.ui.form.reply.active .more .cancel { color: #222 !important; }

.ui.form.reply.error .more .count .now { color: #e1002a !important; }

.ui.form.reply.error .more .submit { color: #b9b9b9 !important; }

.ui.form.reply + .comments-sort { margin-top: 2.75rem; }

.ui.form textarea { resize: none; }

.ui.rating .icon { width: 1.1875rem; height: 1rem; color: #ddd; }

.ui.rating .icon::before { display: inline-block; content: ''; width: 1rem; height: 1rem; background: url("../img/icon-rate-nomal-16-px.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

.ui.rating .icon.selected:before, .ui.rating .icon.active:before { display: inline-block; content: ''; width: 1rem; height: 1rem; background: url("../img/icon-rate-active-16-px.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

.ui.rating .icon.selected.selected:before, .ui.rating .icon.active.selected:before { background: url("../img/icon-rate-active-16-px.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

.ui.rating.pop .icon { width: 2.5rem; height: 2.5rem; margin: 0 0.375rem 0 0; }

.ui.rating.pop .icon::before { width: 2.5rem; height: 2.5rem; }

.ui.rating.pop .icon.selected:before, .ui.rating.pop .icon.active:before { width: 2.5rem; height: 2.5rem; }

.ui.rating.pop .icon.selected.selected:before, .ui.rating.pop .icon.active.selected:before { width: 2.5rem; height: 2.5rem; }

.ui.rating.line .icon::before { background: url("../img/icon-rate-line-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto !important; }

.ui.rating.line .icon.selected:before, .ui.rating.line .icon.active:before { background: url("../img/icon-rate-active-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto !important; }

.ui.rating.line .icon.selected.selected:before, .ui.rating.line .icon.active.selected:before { background: url("../img/icon-rate-active-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto !important; }

.ui.comments.base { max-width: 100%; border-radius: 0.5rem; background: #fff; margin: 0; padding: 0 0 0.625rem 0; box-shadow: 0 2px 6px 0 #ccd4e7; }

.ui.comments.base > .comment { box-sizing: border-box; margin: 0; padding: 1.875rem 2.25rem 1.875rem 1.875rem; min-height: 7.25rem; }

.ui.comments.base > .comment > .avatar { width: 3.5rem; height: 3.5rem; margin: 0; background: url("../img/img-profile-56-px.png") 0 0 no-repeat; background-size: 100% 100%; border: 0.0625rem solid #ddd; box-sizing: border-box; border-radius: 100%; overflow: hidden; }

.ui.comments.base > .comment > .avatar img { width: 100%; height: 100%; }

.ui.comments.base > .comment > .avatar ~ .content { margin-left: 4.75rem; }

.ui.comments.base > .comment .content .author { font-size: 0.875rem; font-weight: 700; color: #222; }

.ui.comments.base > .comment .content .metadata { margin-left: 0.4375rem; }

.ui.comments.base > .comment .content .metadata::before { content: ''; display: inline-block; width: 0.0625rem; height: 0.625rem; background: #d8d8d8; margin-right: 0.4375rem; }

.ui.comments.base > .comment .content .metadata .date { font-size: 0.875rem; color: #999; }

.ui.comments.base > .comment .content .text { position: relative; margin: 1rem 0 0 0; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #222; }

.ui.comments.base > .comment .content .text .ellipsis { max-height: 3.125rem; margin-right: 6.25rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ui.comments.base > .comment .content .text .ellipsis.expend { max-height: 624.9375rem; display: block; }

.ui.comments.base > .comment .content .text span { font-size: 0.875rem; letter-spacing: -0.0125rem; line-height: 1.71; color: #222; }

.ui.comments.base > .comment .content .text span.tag { font-weight: 700; color: #51aaff; }

.ui.comments.base > .comment .content .text button { position: absolute; top: 1.625rem; right: 0; font-size: 0.875rem; color: #0e73db; }

.ui.comments.base > .comment .content .text .expend + button { display: none; }

.ui.comments.base > .comment .content .text .add-pic { position: relative; margin-top: 0.875rem; width: 15rem; height: 8.4375rem; border: 1px solid #eee; box-sizing: border-box; }

.ui.comments.base > .comment .content .text .add-pic img { width: 100%; height: 100%; }

.ui.comments.base > .comment .content .text .add-pic button.zoom { position: absolute; top: inherit; bottom: 0; right: 0; }

.ui.comments.base > .comment .content .actions .right.top { position: absolute; right: 2.25rem; top: 1.875rem; }

.ui.comments.base > .comment .content .actions .cmt { margin-top: 0.75rem; font-size: 0.875rem; color: #666; vertical-align: middle; }

.ui.comments.base > .comment .content .actions .cmt.active + span.count::after { background: url(../img/icon-comment-close.svg) no-repeat 0 0; }

.ui.comments.base > .comment .content .actions .cmt + span.count { display: inline-block; vertical-align: middle; margin: 0.75rem 0 0 0.125rem; font-weight: 700; color: #ff664d; }

.ui.comments.base > .comment .content .actions .cmt + span.count::after { content: ''; display: inline-block; position: relative; top: -0.0625rem; left: 0.125rem; width: 0.5rem; height: 0.5rem; background: url(../img/icon-comment-open.svg) no-repeat 0 0; }

.ui.comments.base > .comment .content + .comments { position: relative; margin-top: 1.875rem; padding-top: 1.875rem; border-top: 0.0625rem solid #eee; }

.ui.comments.base > .comment .content + .comments::before { content: ''; width: 2.25rem; height: 0.0625rem; background: #eee; position: absolute; top: -0.0625rem; left: 100%; }

.ui.comments.base > .comment .content .empty { font-size: 0.875rem; letter-spacing: -0.0125rem; color: #1b1a1a; }

.ui.comments.base > .comment .content .empty.h56 { line-height: 3.5rem; }

.ui.comments.base > .comment .content .empty + .actions { margin-top: 0.25rem; }

.ui.comments.base > .comment + .comment { border-top: 0.0625rem solid #eee; }

.ui.comments.base > .comment .ui.form.reply.base .outline { border-color: #7f7f7f; }

.ui.comments.base > .comment .ui.form.reply.base .more button { border-color: #7f7f7f; }

.ui.comments.base > .comment .ui.form.reply.base .field { border-color: #7f7f7f; }

.ui.comments.base .comments { padding: 1.5rem 0 0 0; min-height: 3rem; margin-left: 4.25rem; margin-bottom: 0; }

.ui.comments.base .comments .avatar { width: 3rem; height: 3rem; border: 0.0625rem solid #ddd; box-sizing: border-box; border-radius: 100%; margin: 0; overflow: hidden; }

.ui.comments.base .comments .avatar img { width: 100%; height: 100%; }

.ui.comments.base .comments .avatar ~ .content { margin-left: 4.25rem; }

.ui.comments.base .comments .text { margin-top: 0.75rem !important; margin-right: 6.875rem !important; }

.ui.comments.base .comments .actions .right.top { position: absolute; right: 0 !important; top: 0 !important; }

.ui.comments.base .comments .empty { line-height: 3rem; }

.ui.comments.base .comment > .more { position: relative; margin-top: 1.875rem; margin-left: 4.25rem; border-top: 0.0625rem solid #eee; }

.ui.comments.base .comment > .more.collapsed { display: none; }

.ui.comments.base .comment > .more::before { content: ''; width: 2.25rem; height: 0.0625rem; background: #eee; position: absolute; top: -0.0625rem; left: 100%; }

.ui.comments.base .comment > .more button { width: 100%; padding: 1.25rem 0 0 0; text-align: center; font-size: 0.875rem; color: #999; }

.ui.comments.base .ui.form.reply.base .field { padding: 1.5rem 2.3125rem 1.5rem 1.5rem; }

.ui.comments.base .ui.form.reply.base .field textarea { min-height: auto; height: 4.625rem; padding-right: 1rem; }

.ui.comments.base .ui.form.reply.base .more::before { display: none; }

.ui.popup.custom.red { border: 0.125rem solid #db1111; border-radius: 0.25rem; box-shadow: 0 0.1875rem 0.3125rem -0.1875rem #3a4f82; font-size: 0.75rem; line-height: 1.33; letter-spacing: -0.0125rem; color: #db1111; padding: 0.8125rem 0.875rem; text-align: left; }

.ui.popup.custom.red::before { box-shadow: none; }

.ui.popup.custom.red.top::before { border-right: 0.125rem solid #db1111; border-bottom: 0.125rem solid #db1111; bottom: -0.3125rem; }

.ui.popup.custom.red.bottom { margin-top: 0.125rem; }

.ui.popup.custom.red.bottom::before { border-left: 0.125rem solid #db1111; border-top: 0.125rem solid #db1111; top: -0.375rem; }

.ui.popup.custom.red.left.center::before { border-top: 0.125rem solid #db1111; border-right: 0.125rem solid #db1111; right: -0.375rem; }

.ui.popup.custom.red.right.center::before { border-bottom: 0.125rem solid #db1111; border-left: 0.125rem solid #db1111; left: -0.3125rem; }

.ui.table.head-fix { border: 0; border-collapse: collapse; border-spacing: 0; }

.ui.table.head-fix thead th { position: sticky; top: 0; height: 3.625rem; padding: 0; font-size: 0.75rem; font-weight: 700; letter-spacing: -0.0125rem; color: #222; border: 0; text-align: center; background: #fff url(../img/bg_thead.gif) repeat-x 0 bottom; z-index: 2; }

.ui.table.head-fix tbody td { padding: 0.625rem 0; border: 0; font-size: 0.75rem; line-height: 1.5; letter-spacing: -0.0125rem; color: #222; text-align: left; vertical-align: top; }

.ui.table.create { border-radius: 0; border: 0; border-top: 0.0625rem solid #6c788f; margin: 1.875rem 0 3.125rem; }

.ui.table.create th { width: 11.0625rem; padding: 0.75rem 0 0.75rem 0.75rem; vertical-align: top; border-radius: 0; border: 0; border-right: 0.0625rem solid #c8d0e0; border-bottom: 0.0625rem solid #c8d0e0; font-size: 0.875rem; font-weight: 700; line-height: 1.71; letter-spacing: -0.0125rem; color: #6c788f; text-align: left; }

.ui.table.create td { padding: 0.75rem 0.875rem 0.75rem 0.875rem; border-radius: 0; border: 0; border-bottom: 0.0625rem solid #c8d0e0; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.0125rem; color: #222; }

.ui.table.create td .dash { margin: 0 0.375rem; display: inline-block; width: 0.0625rem; height: 0.625rem; background: #b9b9b9; }

.ui.table.create td img { vertical-align: top; }

.ui.table.create td a { font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.0125rem; color: #0e73db; text-decoration: underline; }

.ui.table.create td .field { margin: 0; }

.ui.table.create td .field > .ui.base.radio.checkbox label { min-width: 0 !important; margin-right: 3.125rem; }

.ui.dropdown .text { font-size: 0.875rem; }

.ui.dropdown.selection { height: 3rem; line-height: 2.875rem; padding: 0 2.5rem 0 0; box-sizing: border-box; border: 1px solid #7f7f7f; }

.ui.dropdown.selection:hover { border: 1px solid #7f7f7f; }

.ui.dropdown.selection .text { text-indent: 1.125rem; }

.ui.dropdown.selection .icon.dropdown { position: absolute; right: 0.5rem; top: 0.5rem; width: 2rem; height: 2rem; padding: 0; margin: 0; }

.ui.dropdown.selection .icon.dropdown::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/down.svg) no-repeat 0 0 !important; }

.ui.dropdown.selection .menu { border-top-width: 1px !important; border-bottom-width: 1px !important; padding-bottom: 0.3125rem; }

.ui.dropdown.selection .menu .item { box-sizing: border-box; font-size: 0.875rem; line-height: 3rem; padding: 0 !important; letter-spacing: -0.0125rem; color: #222; text-indent: 1.0625rem; }

.ui.dropdown.selection .menu .item.selected { background: #eee; font-weight: 400; }

.ui.dropdown.selection .menu .item:focus, .ui.dropdown.selection .menu .item:hover { background: #f4f7fd; font-weight: 400; }

.ui.dropdown.inline { height: 1.75rem; box-sizing: border-box; border-bottom: 1px solid #7f7f7f; }

.ui.dropdown.inline .text { padding: 0 2.5rem 0 0; }

.ui.dropdown.inline .icon.dropdown { position: absolute; right: 0rem; top: 0.1875rem; width: 1.5rem; height: 1.5rem; padding: 0; margin: 0; }

.ui.dropdown.inline .icon.dropdown::before { content: ''; display: block; width: 100%; height: 100%; background: url(../img/icon-drop-down-24-px.svg) no-repeat 0 0 !important; }

.ui.dropdown.inline .menu { overflow-x: hidden; overflow-y: auto; margin-top: 0.0625rem; border: 0.0625rem solid #6ea6ec; border-radius: 0.25rem; }

.ui.dropdown.inline .menu .item { box-sizing: border-box; font-size: 0.875rem; line-height: 1.625rem; letter-spacing: -0.0125rem; color: #222; text-indent: 0.625rem; padding: 0 2.5rem 0 0 !important; }

.ui.dropdown.inline .menu .item.selected { background: #eee; font-weight: 400; }

.ui.dropdown.inline .menu .item:focus, .ui.dropdown.inline .menu .item:hover { background: #f4f7fd; font-weight: 400; }

.ui.dropdown.inline.large { height: 2rem; }

.ui.dropdown.inline.large .text { font-size: 1.25rem; }

.ui.dropdown.inline.large .icon.dropdown { width: 2rem; height: 2rem; top: 0; }

.ui.dropdown.inline.large .icon.dropdown::before { background: url(../img/down.svg) no-repeat 0 0 !important; }

.ui.dropdown.inline.large .menu { margin-top: 0.0625rem; border: 0.0625rem solid #6ea6ec; border-radius: 0.25rem; max-height: 15rem; }

.ui.dropdown.inline.large .menu .item { box-sizing: border-box; font-size: 1.25rem; line-height: 3rem; padding: 0 !important; letter-spacing: -0.025rem; color: #222; text-indent: 1.0625rem; padding: 0 1.0625rem 0 0 !important; }

.ui.dropdown.inline.tight .text { padding-left: 0; font-weight: 400; }

.ui.dropdown.inline.transparent { border-bottom-color: transparent; }

.ui.dropdown.active.selection .icon.dropdown::before { background: url(../img/icon-drop-up-32-px.svg) no-repeat 0 0 !important; }

.ui.dropdown.active.inline { border-bottom-color: transparent; }

.ui.dropdown.active.inline .icon.dropdown::before { background: url(../img/icon-drop-up-24-px.svg) no-repeat 0 0 !important; }

.ui.dropdown.active.inline.large .icon.dropdown::before { background: url(../img/icon-drop-up-32-px.svg) no-repeat 0 0 !important; }

.ui.dropdown.small-border { min-width: 6.25rem; min-height: 2rem; height: 2rem; line-height: 1.75rem; border: 1px solid #6c788f; background: transparent; padding: 0 1.875rem 0 0; }

.ui.dropdown.small-border .text { text-indent: 0.625rem; font-size: 0.875rem; line-height: 1.75rem; color: #6c788f; }

.ui.dropdown.small-border .icon.dropdown { width: 1.5rem; height: 1.5rem; top: 0.25rem; right: 0.125rem; margin: 0 !important; }

.ui.dropdown.small-border .icon.dropdown::before { background: url("../img/icon-drop-down-24-px.svg") 50% 50% no-repeat !important; background-size: 1.5rem 1.5rem !important; }

.ui.dropdown.small-border .menu { padding-bottom: 0.3125rem; }

.ui.dropdown.small-border .menu .item { line-height: 2rem; text-indent: 0.625rem; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.ui.dropdown.small-border.active .icon.dropdown { width: 1.5rem; height: 1.5rem; top: 0.25rem; right: 0.125rem; margin: 0 !important; }

.ui.dropdown.small-border.active .icon.dropdown::before { background: url(../img/icon-drop-up-24-px.svg) no-repeat 50% 50% !important; background-size: 1.5rem 1.5rem !important; }

.ui.calendar .link { text-decoration: none; }

.ui.calendar .ui.input.focus label { border-color: #6ea6ec !important; }

.ui.calendar .ui.input.focus input[type=text] { border-color: #6ea6ec !important; }

.ui.calendar i.icon { opacity: 1 !important; }

.ui.calendar i.icon::before { background-size: 1.5rem 1.5rem !important; margin-top: -0.75rem !important; }

.ui.calendar .ui.input { vertical-align: top; }

.ui.calendar .ui.input.focus label { color: #222; }

.ui.calendar .ui.input label { position: absolute; left: 0; top: 0; height: 100%; border-right: 0.0625rem solid #7f7f7f; font-size: 0.875rem; color: #999; width: 4.6875rem; text-align: center; line-height: 2.875rem; }

.ui.calendar .ui.input input[type=text] { border-color: #7f7f7f; padding: 0 2.3125rem 0 5.4375rem; height: 3rem; line-height: 2.875rem; box-sizing: border-box; width: 100%; font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

.ui.calendar .ui.table tr .prev.link .chevron.left.icon::before { content: '<'; font-size: 0.875rem; font-weight: 700; position: relative; top: -0.0625rem; font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

.ui.calendar .ui.table tr .next.link .chevron.right.icon::before { content: '>'; font-size: 0.875rem; font-weight: 700; position: relative; top: -0.0625rem; font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

.ui.calendar.h40 .ui.input { width: 15rem; }

.ui.calendar.h40 .ui.input label { border-color: #a8b5cd; line-height: 2.5rem; }

.ui.calendar.h40 .ui.input input[type=text] { border-color: #a8b5cd; height: 2.5rem; line-height: 2.375rem; }

.ui.grid.apl { position: relative; margin: 0; border: 0.0625rem solid #7f7f7f; border-radius: 0.5rem; }

.ui.grid.apl::before { content: ''; position: absolute; left: 18.75rem; top: 0; width: 0.0625rem; height: 100%; background: #7f7f7f; opacity: 1; }

.ui.grid.apl::after { content: ''; display: table; clear: both; }

.ui.grid.apl > .column { width: 300px; float: left; padding: 1.875rem 0 1.875rem 1.875rem; }

.ui.grid.apl > .column:nth-of-type(2) { float: right; width: 56.125rem; }

.ui.grid.apl > .column .header { font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.0125rem; color: #282e3b; margin-bottom: 1.875rem; font-weight: 700; }

.ui.grid.apl .college-list { padding: 0 1.875rem 0 0; }

.ui.grid.apl .college-list li { margin-bottom: 0.75rem; }

.ui.grid.apl .college-list li:last-of-type { margin-bottom: 0; }

.ui.grid.apl .channel-list { padding: 0 1.875rem 0 0; position: relative; top: 1.25rem; margin-top: -1.25rem; }

.ui.grid.apl .channel-list li { display: inline-block; margin: 0 1.25rem 1.25rem 0; }

.ui.grid.apl .default { font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.0125rem; color: #666; }

.ui.grid.due { margin: 0; }

.ui.grid.due::after { content: ''; display: table; clear: both; }

.ui.grid.due > .column { width: 39rem; float: left; padding: 0; }

.ui.grid.due > .column:nth-of-type(2) { float: right; width: 32.9375rem; box-sizing: border-box; padding-left: 3.0625rem; }

.ui.grid.create { margin: 0; }

.ui.grid.create .ui.form .field > .ui.base.radio.checkbox label { min-width: 11.5rem; box-sizing: border-box; padding-right: 0.625rem; }

.ui.grid.create .ui.form .field > .ui.base.radio.checkbox + .ui.form { margin-top: 1.25rem; }

.ui.grid.create::after { content: ''; display: table; clear: both; }

.ui.grid.create.create2 > .column { width: 12rem; }

.ui.grid.create.create2 > .column:nth-of-type(2) { width: 63rem; padding-left: 0; }

.ui.grid.create.create2 > .column label { margin: 0; }

.ui.grid.create.create2 > .column .text1 { font-size: 0.875rem; letter-spacing: -0.02875rem; color: #222; }

.ui.grid.create.create2 > .column .text2 a { font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.0125rem; color: #0e73db; text-decoration: underline; }

.ui.grid.create.create2 > .column .field > .ui.base.radio.checkbox label { min-width: 0; box-sizing: border-box; margin-right: 3.125rem; }

.ui.grid.create > .column { width: 20.5rem; float: left; padding: 0; }

.ui.grid.create > .column:nth-of-type(2) { float: right; width: 54.5rem; box-sizing: border-box; padding-left: 1.25rem; }

.ui.grid.create > .column .w100 { width: 100% !important; }

.ui.grid.create > .column > .time { width: auto; display: inline-block; vertical-align: middle; }

.ui.grid.create > .column > .time input { flex: none; width: 7.5rem; height: 3rem; padding: 0 0 0 0.875rem; line-height: 2.875rem; }

.ui.grid.create > .column > .time i.clear.link.icon { right: 2.5rem; }

.ui.grid.create > .column > label { display: block; font-size: 0.875rem; font-weight: 700; line-height: 1.43; letter-spacing: -0.00625rem; color: #4c4c4c; margin: 0 0 1rem 0; }

.ui.grid.create > .column > label.necessary::before { background: #db1111; }

.ui.grid.create > .column > label::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 0.875rem; position: relative; top: -0.0625rem; width: 0.25rem; height: 0.25rem; background: #717988; border-radius: 100%; }

.ui.profile { position: relative; display: inline-block; }

.ui.profile .pic { width: 3.5rem; height: 3.5rem; border-radius: 100%; box-sizing: border-box; border: 0.0625rem solid #ddd; overflow: hidden; background: url("../img/img-profile-56-px.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.profile .pic img { width: 100%; height: 100%; }

.ui.profile .pic.s80 { width: 5rem; height: 5rem; background: url("../img/img-profile-80-px.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.profile .pic.s110 { width: 6.875rem; height: 6.875rem; background: url("../img/img-profile-110-px.png") 0 0 no-repeat; background-size: 100% auto; }

.ui.profile button { position: absolute; bottom: 0; right: 0; }

.ui.accordion.channel .title { position: relative; margin-top: 0.625rem; height: 3.125rem; padding: 0; box-sizing: border-box; border: 0.0625rem solid #d6deed; border-radius: 0.25rem; }

.ui.accordion.channel .title:first-of-type { margin-top: 0; }

.ui.accordion.channel .title.active { border-radius: 0.25rem 0.25rem 0 0; }

.ui.accordion.channel .title .name { padding-left: 1.25rem; font-size: 1.125rem; color: #222; line-height: 3rem; }

.ui.accordion.channel .title .name::before { content: ''; display: inline-block; width: 0.375rem; height: 0.375rem; border-radius: 100%; vertical-align: middle; position: relative; top: -0.0625rem; background: #000; margin-right: 0.25rem; }

.ui.accordion.channel .title .name.purple::before { background: #a333c8; }

.ui.accordion.channel .title .name.violet::before { background: #6435c9; }

.ui.accordion.channel .title .name.yellow::before { background: #fbbd08; }

.ui.accordion.channel .title .name.orange::before { background: #f2711c; }

.ui.accordion.channel .title .name.red::before { background: #db2828; }

.ui.accordion.channel .title .name.green::before { background: #38b84c; }

.ui.accordion.channel .title .name.blue::before { background: #2185d0; }

.ui.accordion.channel .title .name.teal::before { background: #00b5ad; }

.ui.accordion.channel .title .name.navy::before { background: #01297a; }

.ui.accordion.channel .title i { position: absolute; top: 0.75rem; right: 0.75rem; }

.ui.accordion.channel .title i::before { content: ''; display: block; width: 1.625rem; height: 1.625rem; background: url(../img/btn-card-list-open.svg) 0 0 no-repeat !important; background-size: 26px 26px !important; }

.ui.accordion.channel .title.active i::before { background: url(../img/btn-card-close.svg) 0 0 no-repeat !important; background-size: 26px 26px !important; }

.ui.accordion.channel .content { border: 0.0625rem solid #d6deed; border-top: 0; border-radius: 0 0 0.25rem 0.25rem; padding: 1.25rem !important; }

.ui.accordion.channel .content li { margin-bottom: 0.375rem; }

.ui.accordion.channel .content li:last-of-type { margin-bottom: 0; }

.ui.number-step { display: block; float: right; margin-top: 2.875rem; border: 0; line-height: 1.5rem; }

.ui.number-step .step { position: relative; display: inline-block; padding: 0 5.5625rem 0 0; background: none; border: 0; }

.ui.number-step .step::after { position: absolute; right: 0.4375rem; top: 50%; content: ''; width: 4.5rem; height: 0.0625rem; background: #c9d3e6 !important; border: 0; transform: none; }

.ui.number-step .step:last-child { padding: 0; }

.ui.number-step .step:last-child::after { display: none; }

.ui.number-step .step .number { display: inline-block; width: 1.5rem; height: 1.5rem; vertical-align: middle; }

.ui.number-step .step .title { display: inline-block; width: auto; font-size: 0.875rem; font-weight: 400; margin-left: 0.125rem; letter-spacing: -0.0125rem; color: #6c788f; line-height: 1.5rem; vertical-align: middle; }

.ui.number-step .step.active { background: transparent; }

.ui.number-step .step.active .title { color: #282e3b; font-weight: 700; }

.ui.number-step .step:nth-child(1).active .number { background: url("../img/step_1_selected.png") 50% 50% no-repeat; background-size: 100% auto; }

.ui.number-step .step:nth-child(2) .number { background: url("../img/step_2_nor.png") 50% 50% no-repeat; background-size: 100% auto; }

.ui.number-step .step:nth-child(2).active .number { background: url("../img/step_2_selected.png") 50% 50% no-repeat; background-size: 100% auto; }

.ui.number-step .step:nth-child(3) .number { background: url("../img/step_3_nor.png") 50% 50% no-repeat; background-size: 100% auto; }

.ui.number-step .step:nth-child(3).active .number { background: url("../img/step_3_selected.png") 50% 50% no-repeat; background-size: 100% auto; }

.ui.number-step .step.completed .number { background: url("../img/step_completed.png") 50% 50% no-repeat; background-size: 100% auto; }

i.icon.login-sub1 { margin: 0; }

i.icon.login-sub1::before { content: ''; display: inline-block; vertical-align: top; width: 170px; height: 134px; background: url(../img/login-sub-illustration-1@3x.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.login-sub2 { margin: 0; }

i.icon.login-sub2::before { content: ''; display: inline-block; vertical-align: top; width: 170px; height: 134px; background: url(../img/login-sub-illustration-3@3x.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.login-sub3 { margin: 0; }

i.icon.login-sub3::before { content: ''; display: inline-block; vertical-align: top; width: 170px; height: 134px; background: url(../img/login-sub-illustration-2@3x.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.sk-university { margin: 0; }

i.icon.sk-university::before { content: ''; display: inline-block; vertical-align: top; width: 98px; height: 31px; background: url(../img/sk-university.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.sk-university-pop { margin: 0; }

i.icon.sk-university-pop::before { content: ''; display: inline-block; vertical-align: top; width: 78px; height: 25px; background: url(../img/sk-university-pop.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.logo78x25 { margin: 0; }

i.icon.logo78x25::before { content: ''; display: inline-block; vertical-align: top; width: 78px; height: 25px; background: url(../img/logo78x25.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.clear { margin: 0; }

i.icon.clear::before { content: ''; display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url(../img/btn-clear-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.sk-university-login { margin: 0; }

i.icon.sk-university-login::before { content: ''; display: inline-block; vertical-align: top; width: 78px; height: 25px; background: url(../img/login_logo_01.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.sk-university-login-big { margin: 0; width: 5rem; height: 2.5625rem; }

i.icon.sk-university-login-big::before { content: ''; display: inline-block; vertical-align: top; width:5rem; height:2.188rem; background: url('../img/login_logo_02_N.png') no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.s-kuniversity { margin: 0; }

i.icon.s-kuniversity::before { content: ''; display: inline-block; vertical-align: top; width: 49px; height: 16px; background: url(../img/s-kuniversity-footer.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.sk-university-search { margin: 0; }

i.icon.sk-university-search::before { content: ''; display: inline-block; vertical-align: top; width: 98px; height: 31px; background: url(../img/suni-search.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.copyright { margin: 0 0.25rem; }

i.icon.copyright::before { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: url(../img/icon-c.svg) no-repeat 0 0 !important; background-size: 10px 10px !important; position: relative; top: -1px; }

i.icon.building { margin: 0; }

i.icon.building::before { content: ''; display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url(../img/icon-building-20-px.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.sitemap { margin: 0; }

i.icon.sitemap::before { content: ''; display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url(../img/sitemap.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.search { margin: 0; }

i.icon.search::before { content: ''; display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url(../img/search.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.admin { margin: 0; }

i.icon.admin::before { content: ''; display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url(../img/icon-floating-admin-24-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.confirm { margin: 0; }

i.icon.confirm::before { content: ''; display: inline-block; vertical-align: top; width: 24px; height: 24px; background: url(../img/icon-floating-confirm-24-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.reset { margin: 0; width: 28px; height: 28px; vertical-align: top; }

i.icon.reset::before { content: ''; display: inline-block; vertical-align: top; width: 28px; height: 28px; background: url(../img/icon-reset-28.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.pagenavi-back-disabled-28 { margin: 0; width: 28px; height: 28px; vertical-align: top; }

i.icon.pagenavi-back-disabled-28::before { content: ''; display: inline-block; vertical-align: top; width: 28px; height: 28px; background: url(../img/btn-pagenavi-back-disabled.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.pagenavi-back-noraml-28 { margin: 0; width: 28px; height: 28px; vertical-align: top; }

i.icon.pagenavi-back-noraml-28::before { content: ''; display: inline-block; vertical-align: top; width: 28px; height: 28px; background: url(../img/btn-pagenavi-back-normal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.pagenavi-next-disabled-28 { margin: 0; width: 28px; height: 28px; vertical-align: top; }

i.icon.pagenavi-next-disabled-28::before { content: ''; display: inline-block; vertical-align: top; width: 28px; height: 28px; background: url(../img/btn-page-next-disabled.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.pagenavi-next-noraml-28 { margin: 0; width: 28px; height: 28px; vertical-align: top; }

i.icon.pagenavi-next-noraml-28::before { content: ''; display: inline-block; vertical-align: top; width: 28px; height: 28px; background: url(../img/btn-page-next-nomal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.arrow-l-disabled { margin: 0; width: 31px !important; height: 31px !important; vertical-align: top; }

i.icon.arrow-l-disabled::before { content: ''; display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(../img/arrow-l-disabled.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.arrow-l-normal { margin: 0; width: 31px !important; height: 31px !important; vertical-align: top; }

i.icon.arrow-l-normal::before { content: ''; display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(../img/arrow-l-normal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.arrow-r-disabled { margin: 0; width: 31px !important; height: 31px !important; vertical-align: top; }

i.icon.arrow-r-disabled::before { content: ''; display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(../img/arrow-r-disabled.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.arrow-r-normal { margin: 0; width: 31px !important; height: 31px !important; vertical-align: top; }

i.icon.arrow-r-normal::before { content: ''; display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(../img/arrow-r-normal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.avatar48 { margin: 0; width: 48px; height: 48px; vertical-align: top; }

i.icon.avatar48::before { content: ''; display: inline-block; vertical-align: top; width: 48px; height: 48px; background: url(../img/icon-noti-48-px.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.time48 { margin: 0; width: 48px; height: 48px; vertical-align: top; }

i.icon.time48::before { content: ''; display: inline-block; vertical-align: top; width: 48px; height: 48px; background: url(../img/icon-main-total-time-48-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.complete48 { margin: 0; width: 48px; height: 48px; vertical-align: top; }

i.icon.complete48::before { content: ''; display: inline-block; vertical-align: top; width: 48px; height: 48px; background: url(../img/icon-main-complete-edu-48-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.stamp35 { margin: 0; width: 35px; height: 35px; vertical-align: top; }

i.icon.stamp35::before { content: ''; display: inline-block; vertical-align: top; width: 70px; height: 70px; background: url(../img/icon-main-stamp-48-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; transform: scale(0.5); transform-origin: 0 0; }

i.icon.stamp48 { margin: 0; width: 48px; height: 48px; vertical-align: top; }

i.icon.stamp48::before { content: ''; display: inline-block; vertical-align: top; width: 48px; height: 48px; background: url(../img/icon-main-stamp-48-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.rocket50 { margin: 0; width: 50px; height: 50px; vertical-align: top; }

i.icon.rocket50::before { content: ''; display: inline-block; vertical-align: top; width: 50px; height: 50px; background: url(../img/icon-no-file-50.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.avatar56 { position: relative; margin: 0; width: 56px; height: 56px; vertical-align: top; }

i.icon.avatar56::before { content: ''; display: block; width: 56px; height: 56px; background: #fff url(../img/icon-noti-56-px.png) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.learning32 { margin: 0; width: 32px; height: 32px; vertical-align: top; }

i.icon.learning32::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/icon-floating-learning-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.community32 { margin: 0; width: 32px; height: 32px; vertical-align: top; }

i.icon.community32::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/icon-floating-community-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.support32 { margin: 0; width: 32px; height: 32px; vertical-align: top; }

i.icon.support32::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/icon-floating-support-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.noti32 { margin: 0; width: 32px; height: 32px !important; vertical-align: top; opacity: 1; }

i.icon.noti32::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/icon-noti-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.rate32 { margin: 0; width: 32px; height: 32px !important; vertical-align: top; opacity: 1; }

i.icon.rate32::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/icon-rate-nomal-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.rate32-ov { margin: 0; width: 32px; height: 32px !important; vertical-align: top; opacity: 1; }

i.icon.rate32-ov::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/icon-rate-active-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.drop32-up { margin: 0; width: 32px; height: 32px !important; vertical-align: top; opacity: 1; }

i.icon.drop32-up::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/icon-drop-up-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.drop32-down { margin: 0; width: 32px; height: 32px !important; vertical-align: top; opacity: 1; }

i.icon.drop32-down::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/icon-drop-down-32-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.card-delete32 { margin: 0; width: 32px; height: 32px !important; vertical-align: top; opacity: 1; }

i.icon.card-delete32::before { content: ''; display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../img/btn-card-delete.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.new16 { margin: 0; width: 16px; height: 16px; vertical-align: top; }

i.icon.new16::before { content: ''; display: inline-block; vertical-align: top; width: 16px; height: 16px; background: url(../img/new.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.info16 { margin: 0; width: 16px; height: 16px; vertical-align: top; }

i.icon.info16::before { content: ''; display: inline-block; vertical-align: top; width: 16px; height: 16px; background: url(../img/icon-info-16-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.down24 { margin: 0; width: 24px; height: 24px; vertical-align: top; }

i.icon.down24::before { content: ''; display: inline-block; vertical-align: top; width: 24px; height: 24px; background: url(../img/icon-down-type-1-24-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.building24 { margin: 0; width: 24px; height: 24px; vertical-align: top; }

i.icon.building24::before { content: ''; display: inline-block; vertical-align: top; width: 24px; height: 24px; background: url(../img/icon-floating-skuniv-20-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.listdel24 { margin: 0; width: 24px; height: 24px; vertical-align: top; }

i.icon.listdel24::before { content: ''; display: inline-block; vertical-align: top; width: 24px; height: 24px; background: url(../img/icon-list-del-24-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.no-contents50 { margin: 0; width: 50px; height: 50px; vertical-align: top; }

i.icon.no-contents50::before { content: ''; display: inline-block; width: 50px; height: 50px; background: url("../img/img-no-contents-50-px.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.no-contents80 { margin: 0; width: 80px; height: 80px; vertical-align: top; }

i.icon.no-contents80::before { content: ''; display: inline-block; width: 80px; height: 80px; background: url("../img/img-no-contents-80-px.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-ai86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-ai86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-ai-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-design86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-design86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-design-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-dt86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-dt86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-dt-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-global86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-global86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-global-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-happy86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-happy86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-happy-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-leadership86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-leadership86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-leadership-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-management86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-management86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-management-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-semicond86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-semicond86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-semiconductor-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-sv86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-sv86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-sv-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.college-skacademy86 { margin: 0; width: 86px; height: 86px; vertical-align: top; }

i.icon.college-skacademy86::before { content: ''; display: inline-block; width: 86px; height: 86px; background: url("../img/thumb-college-skacademy-86-px.png") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.calendar24 { margin: 0; width: 24px; height: 24px; vertical-align: top; }

i.icon.calendar24::before { content: ''; display: inline-block; vertical-align: top; width: 24px; height: 24px; background: url(../img/icon-date-24-px.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

i.icon.price32 { width: 32px; height: 32px; vertical-align: top; }

i.icon.price32::before { content: ''; display: inline-block; width: 32px; height: 32px; vertical-align: top; background: url("../img/icon-price-32-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.search32 { width: 32px; height: 32px; vertical-align: top; }

i.icon.search32::before { content: ''; display: inline-block; width: 32px; height: 32px; vertical-align: top; background: url("../img/icon-gnb-search-32-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.profile110 { width: 110px; height: 110px; vertical-align: top; }

i.icon.profile110::before { content: ''; display: inline-block; width: 110px; height: 110px; vertical-align: top; background: url("../img/img-profile-110-px.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.search40 { width: 40px; height: 40px; vertical-align: top; }

i.icon.search40::before { content: ''; display: inline-block; width: 40px; height: 40px; vertical-align: top; background: url("../img/icon-search-40-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.delete24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.delete24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-card-delete-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.series24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.series24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-series-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.url24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.url24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-url-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.card-add24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.card-add24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-card-add-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.filter24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.filter24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-list-filter-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.filter24-w { width: 24px; height: 24px; vertical-align: top; }

i.icon.filter24-w::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-search-filter-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.filter24-o { width: 24px; height: 24px; vertical-align: top; }

i.icon.filter24-o::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-search-filter-24-px-o.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.numb-1 { width: 24px; height: 24px; vertical-align: top; }

i.icon.numb-1::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/numb-1.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.numb-2 { width: 24px; height: 24px; vertical-align: top; }

i.icon.numb-2::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/numb-2.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.numb-3 { width: 24px; height: 24px; vertical-align: top; }

i.icon.numb-3::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/numb-3.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.numb-4 { width: 24px; height: 24px; vertical-align: top; }

i.icon.numb-4::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/numb-4.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.rate24-ov { width: 24px; height: 24px; vertical-align: top; }

i.icon.rate24-ov::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-rate-active-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.check24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.check24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-check-nomal.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.sitemap24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.sitemap24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-floating-sitemap-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.req24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.req24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-requirements-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.target24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.target24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-target-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.cancel24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.cancel24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-cancel-x-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.tag24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.tag24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-tag-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.goto24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.goto24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-card-goto-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.menu24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.menu24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-floation-menu-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.down24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.down24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-down-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.down-blue24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.down-blue24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-down-type-1-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.down-orange24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.down-orange24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-down-type-2-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.drop24-up { width: 24px; height: 24px; vertical-align: top; }

i.icon.drop24-up::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-drop-up-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.drop24-down { width: 24px; height: 24px; vertical-align: top; }

i.icon.drop24-down::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-drop-down-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.rate24-line { width: 24px; height: 24px; vertical-align: top; }

i.icon.rate24-line::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-rate-line-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.goal24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.goal24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-goal-24-px.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.disable-check24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.disable-check24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-check-disabled.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.close24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.close24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-floating-close-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.category24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.category24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-category-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.rate24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.rate24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-rate-nomal-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.admin24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.admin24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-floating-admin-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.host24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.host24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-host-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.post24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.post24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-list-post-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.ask24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.ask24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-list-ask-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.reply24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.reply24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-comment-reply-16-px-post.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.list24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.list24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-list-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.edit24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.edit24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-list-edit-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.del24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.del24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-list-delete-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.icon-down-type3 { width: 1.5rem; height: 1.5rem; }

i.icon.icon-down-type3::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-down-type-3-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.icon-down-type4 { width: 1.5rem; height: 1.5rem; }

i.icon.icon-down-type4::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-down-type-4-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.imgdelte24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.imgdelte24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-imgdelte-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.photo24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.photo24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-photo-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.photo24-w { width: 24px; height: 24px; vertical-align: top; }

i.icon.photo24-w::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-photo-24-px-w.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.search24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.search24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-gnb-search-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.zoom24 { width: 24px; height: 24px; vertical-align: top; }

i.icon.zoom24::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: top; background: url("../img/icon-zoom-24-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.delete16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.delete16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-comment-delete-active-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.edit16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.edit16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-comment-edit-active-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.reply16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.reply16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-comment-reply-active-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.listmore16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.listmore16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-list-more-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.subinfo-down16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.subinfo-down16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-subinfo-down-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.commu-info16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.commu-info16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-community-info-1-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.rate16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.rate16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-rate-nomal-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.rate16-ov { width: 16px; height: 16px; vertical-align: top; }

i.icon.rate16-ov::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-rate-active-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.card-share16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.card-share16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-card-share-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.card-join16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.card-join16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-card-join-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.down-orange16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.down-orange16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-card-down-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.completed16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.completed16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-card-completed-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.card-time16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.card-time16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-card-time-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.reply16-b { width: 16px; height: 16px; vertical-align: top; }

i.icon.reply16-b::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-reply-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.card-play16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.card-play16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-card-play-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.price16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.price16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-card-price-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.commu-info16-2 { width: 16px; height: 16px; vertical-align: top; }

i.icon.commu-info16-2::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-community-info-2-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.check16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.check16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-check-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.community16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.community16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-community-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.video16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.video16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-learningtype-video-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.date16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.date16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-date-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.subinfo16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.subinfo16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-subinfo-join-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.up16 { width: 16px; height: 16px; vertical-align: top; background-color: #ff664d; }

i.icon.up16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-up-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.commu-list16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.commu-list16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-top: -0.1875rem !important; background: url("../img/icon-community-list-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.delete-gray16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.delete-gray16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-comment-delete-16-px-gray.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.reply-gray16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.reply-gray16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-comment-reply-16-px-gray.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.edit-gray16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.edit-gray16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-comment-edit-16-px-gray.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.total-time16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.total-time16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-total-time-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.class16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.class16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-class-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.college16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.college16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-college-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.channel16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-channel-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.error16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.error16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-info-error-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.tip16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.tip16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-support-tip-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.supporttel16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.supporttel16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-support-tel-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.create16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.create16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-create-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.movie16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.movie16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-createmovie-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.category16 { width: 16px; height: 16px; vertical-align: top; }

i.icon.category16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-category-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow-b-16 { width: 16px !important; height: 16px !important; vertical-align: top; }

i.icon.arrow-b-16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-arrow-b-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.category-w-16 { width: 16px; height: 16px; vertical-align: middle; }

i.icon.category-w-16::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url("../img/icon-category-white-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.category-mini { width: 6.125rem; height: 1.375rem; vertical-align: middle; }

i.icon.category-mini::before { content: ''; display: inline-block; width: 6.125rem; height: 1.375rem; background: url("../img/category-btn.svg") 0 0 no-repeat !important; }

i.icon.new16x17 { width: 16px; height: 17px; vertical-align: top; }

i.icon.new16x17::before { content: ''; display: inline-block; width: 16px; height: 17px; vertical-align: top; background: url("../img/icon-cancle-16-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.my20 { width: 20px; height: 20px; vertical-align: bottom; margin: 0; }

i.icon.my20::before { content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: top; background: #515a6b url("../img/btn-my.svg") 0 0 no-repeat !important; background-size: 100% auto; border-radius: 100%; }

i.icon.arrow-popup-linkedin { width: 16px; height: 13px; vertical-align: top; }

i.icon.arrow-popup-linkedin::before { content: ''; display: inline-block; width: 16px; height: 13px; vertical-align: top; background: url("../img/arrow-popup-linkedin.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow8 { width: 8px; height: 8px; vertical-align: top; }

i.icon.arrow8::before { content: ''; display: inline-block; width: 8px; height: 8px; vertical-align: top; }

i.icon.arrow8.blue-close::before { background: url("../img/icon-contents-more-close.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow8.blue-open::before { background: url("../img/icon-contents-more-open.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow8.blue-link::before { background: url("../img/icon-contents-more-link.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow8.orange-close::before { background: url("../img/icon-comment-close.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow8.orange-open::before { background: url("../img/icon-comment-open.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow8.orange-right::before { background: url("../img/icon-rate-jump-8-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow8.orange-link::before { background: url("../img/icon-info-jump-8-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.arrow8.black-jump::before { background: url("../img/icon-black-jump-8-px.svg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.help-tel { width: 12px; height: 12px; vertical-align: middle; background: url("../img/icon-tel-12-px.svg") 0 0 no-repeat; }

i.icon.support12 { width: 12px; height: 12px; vertical-align: middle; }

i.icon.support12::before { content: ''; display: block; width: 12px; height: 12px; background: url("../img/icon-breadcrumb-support.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.clear2 { width: 24px; height: 24px; vertical-align: middle; }

i.icon.clear2::before { content: ''; display: block; width: 24px; height: 24px; background: url("../img/btn-clear-nomal.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.clear2.disabled::before { background: url("../img/btn-clear-disabled.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.clear2.selected::before { background: url("../img/btn-clear-selceted.svg") 0 0 no-repeat !important; background-size: 100% 100% !important; }

i.icon.thumb60-1 { width: 60px; height: 60px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.thumb60-1::before { content: ''; display: inline-block; width: 60px; height: 60px; vertical-align: top; background: url("../img/thumb-card-60-px.jpg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.thumb60-2 { width: 60px; height: 60px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.thumb60-2::before { content: ''; display: inline-block; width: 60px; height: 60px; vertical-align: top; background: url("../img/thumb-channel.jpg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.thumb60-3 { width: 60px; height: 60px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.thumb60-3::before { content: ''; display: inline-block; width: 60px; height: 60px; vertical-align: top; background: url("../img/thumb-channel2.jpg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.thumb60-4 { width: 60px; height: 60px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.thumb60-4::before { content: ''; display: inline-block; width: 60px; height: 60px; vertical-align: top; background: url("../img/thumb-channel3.jpg") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-ai1 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-ai1::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/AI_01.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-ai2 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-ai2::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/AI_02.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-ai3 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-ai3::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/AI_03.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-ai4 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-ai4::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/AI_04.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-ai5 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-ai5::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/AI_05.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-ai6 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-ai6::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/AI_06.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-design1 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-design1::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Design_01.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-design2 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-design2::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Design_02.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-design3 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-design3::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Design_03.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-design4 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-design4::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Design_04.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-design5 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-design5::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Design_05.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-design6 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-design6::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Design_06.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-dt1 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-dt1::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/DT_1.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-dt2 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-dt2::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/DT_2.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-dt3 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-dt3::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/DT_3.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-dt4 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-dt4::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/DT_4.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-dt5 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-dt5::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/DT_5.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-dt6 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-dt6::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/DT_6.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-dt7 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-dt7::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/DT_7.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-global1 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-global1::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Global_01.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-global2 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-global2::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Global_02.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-global3 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-global3::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Global_03.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-global4 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-global4::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Global_04.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-global5 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-global5::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Global_05.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-global6 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-global6::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Global_06.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-happy1 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-happy1::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Happy_01.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-happy2 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-happy2::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Happy_02.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-happy3 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-happy3::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Happy_03.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-happy4 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-happy4::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Happy_04.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-happy5 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-happy5::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Happy_05.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-happy6 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-happy6::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Happy_06.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-happy7 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-happy7::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Happy_07.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-happy8 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-happy8::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Happy_08.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-leadership1 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-leadership1::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Leadership_1.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-leadership2 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-leadership2::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Leadership_2.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-leadership3 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-leadership3::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Leadership_3.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-leadership4 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-leadership4::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Leardership_4.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-leadership5 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-leadership5::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Leardership_5.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-mngt1 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-mngt1::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Mngt_1.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-mngt2 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-mngt2::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Mngt_2.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-mngt3 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-mngt3::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Mngt_3.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-mngt4 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-mngt4::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Mngt_4.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-mngt5 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-mngt5::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Mngt_5.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-mngt6 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-mngt6::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/Mngt_6.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-sv1 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-sv1::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/SV_01.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-sv2 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-sv2::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/SV_02.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-sv3 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-sv3::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/SV_03.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-sv4 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-sv4::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/SV_04.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-sv5 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-sv5::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/SV_05.png") 0 0 no-repeat !important; background-size: 100% auto; }

i.icon.channel-sv6 { width: 70px; height: 70px; vertical-align: top; border-radius: 0.25rem; overflow: hidden; }

i.icon.channel-sv6::before { content: ''; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url("../img/SV_06.png") 0 0 no-repeat !important; background-size: 100% auto; }

/* layout */
body { background: #f4f7fd; min-width: 20rem; overflow-x: auto; }

body .cont-inner { position: relative; width: 75rem; margin: 0 auto; }

body > .header { width: 100%; min-width: 77.5rem; }

body > .header .group { position: relative; height: 4.75rem; background: #fff; }

body > .header .group .cont-inner { height: 100%; }

body > .header .group .g-logo { position: absolute; padding-top: 1.625rem; box-sizing: border-box; width: 6.125rem; height: 100%; }

body > .header .group .g-logo i { vertical-align: top; }

body > .header .group .g-menu-detail { position: absolute; left: 8.1875rem; top: 0; }

body > .header .group .g-menu-detail::before { content: ''; width: 0.0625rem; height: 4.75rem; background: #eee; position: absolute; top: 0; left: 9.5rem; }

body > .header .group .g-menu-detail .detail-open { position: absolute; left: 0; top: 1.5rem; padding: 0 1.625rem 0 2.625rem; height: 1.75rem; font-size: 0.75rem; font-weight: 700; color: #fff; background: #ff664d url(../img/icon-category-white-16-px.svg) no-repeat 1.5rem 0.375rem; border-radius: 0.25rem; }

body > .header .group .g-menu-detail .layer { display: none; position: absolute; z-index: 10; left: 0; top: 3.75rem; width: 32.9375rem; background: #fff; border-radius: 0.25rem; box-shadow: 0 0.0625rem 0.4375rem -0.1875rem #3a4f82; }

body > .header .group .g-menu-detail .layer .table-css { width: 100%; }

body > .header .group .g-menu-detail .layer .table-css .row.head .cell { width: 10rem; border-bottom: 0.0625rem solid #d6deed; font-size: 0.75rem; font-weight: 700; color: #222; text-indent: 1.25rem; height: 2.4375rem; }

body > .header .group .g-menu-detail .layer .table-css .row.head .cell:last-of-type { width: auto; border-left: 0.0625rem solid #d6deed; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell { height: 18.625rem; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell:first-of-type .select-area { width: 100%; padding: 0.375rem 0; box-sizing: border-box; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell:first-of-type button { width: 100%; height: 2.25rem; font-size: 0.875rem; font-weight: 700; text-indent: 1.25rem; text-align: left; letter-spacing: -0.0125rem; color: #222; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell:first-of-type button:hover, body > .header .group .g-menu-detail .layer .table-css .row.body .cell:first-of-type button.active { background: #f4f7fd; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell:last-of-type { border-left: 0.0625rem solid #d6deed; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell:last-of-type .select-area { width: 100%; padding: 0.375rem 0.625rem 0.375rem 0; box-sizing: border-box; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell:last-of-type .select-area .scrolling { padding: 0 1rem 0 0; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell:last-of-type button { height: 2.25rem; font-size: 0.875rem; text-indent: 1.25rem; text-align: left; letter-spacing: -0.0125rem; color: #222; background: url(../img/icon-arrow-16-px.svg) no-repeat right 0.625rem; width: 20.625rem; padding-right: 1.875rem; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell:last-of-type button span { margin: 0 0 0 0.25rem; font-size: 0.75rem; font-weight: 700; letter-spacing: -0.01063rem; color: #222; }

body > .header .group .g-menu-detail .layer .table-css .row.body .cell .scrolling { max-height: 18.625rem; overflow-x: hidden; overflow-y: auto; }

body > .header .group .g-menu-detail .layer .change-channel-of-interest { position: absolute; right: 3.1875rem; top: 0.75rem; }

body > .header .group .g-menu-detail .layer .ui.close { position: absolute; right: 0.875rem; top: 0.75rem; }

body > .header .group .g-menu-detail .layer .ui.close i { vertical-align: top; }

body > .header .group .g-menu .nav { position: absolute; top: 1.5625rem; left: 19.0625rem; padding-left: 0.5rem; }

body > .header .group .g-menu .nav a { position: relative; margin-right: 1.75rem; font-size: 0.875rem; font-weight: 700; color: #4c4c4c; }

body > .header .group .g-menu .nav a.active { color: #ff664d; }

body > .header .group .g-menu .nav a.active::before { content: ''; position: absolute; left: -0.5rem; top: 0.5625rem; display: block; width: 0.25rem; height: 0.25rem; background: #ff664d; border-radius: 100%; }

body > .header .group .g-search { position: absolute; top: 1.1875rem; left: 45.125rem; width: 15.5rem; height: 2.375rem; }

body > .header .group .g-search .search { width: 100%; }

body > .header .group .g-info { position: absolute; right: 0; top: 0; width: 12.4375rem; height: 100%; border-left: 0.0625rem solid #eee; }

body > .header .group-search { position: relative; height: 4.75rem; background: #4362c5; }

body > .header .group-search .cont-inner { height: 100%; }

body > .header .group-search .g-logo { position: absolute; padding-top: 1.625rem; }

body > .header .group-search .g-search { position: absolute; top: 0.875rem; left: 23.4375rem; width: 28.125rem; }

body > .header .group-search .g-search .ui.input { width: 100%; }

body > .header .breadcrumbs { position: relative; height: 2.0625rem; background: #e4e9f3; border-top: 0.0625rem solid #d6deed; border-bottom: 0.0625rem solid #d6deed; box-sizing: border-box; }

body > .header .breadcrumbs .right { position: absolute; right: 0; top: 0.125rem; }

body > .header .breadcrumbs .right span { font-size: 0.75rem; color: #222220; text-decoration: underline; margin: 0 0.1875rem 0 0.0625rem; }

body > .header .breadcrumbs .right i { vertical-align: middle; margin-right: 0; }

body > .header .breadcrumbs .right .help-desk { margin-top: -0.125rem; margin-left: 1rem; display: inline-block; font-size: 0.75rem; color: #222220; vertical-align: middle; }

body > .header .breadcrumbs .right .help-desk i { margin-top: -0.0625rem; margin-right: 0.25rem; vertical-align: middle; }

body > .content { box-sizing: border-box; min-height: calc(100vh - 76px - 33px - 90px); padding-bottom: 8.4375rem; }

body > .content > .tab-menu { width: 100%; border-top: 0.0625rem solid #eee; border-bottom: 0.0625rem solid #d6deed; background: #fff; }

body > .content > .tab-menu.fixed { box-shadow: -2px 5px 20px -6px rgba(38, 39, 69, 0.5); }

body > .content > .tab-menu2 { width: 100%; border-bottom: 0.0625rem solid #d6deed; background: #fff; }

body > .content > .tab-menu2.fixed { box-shadow: -2px 5px 20px -6px rgba(38, 39, 69, 0.5); }

body > .content .tab-menu-inner { width: 100%; border-top: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd; background: #fff; }

body > .content > .summary { position: relative; top: -3rem; width: 100%; background: #fff; height: 0; overflow: hidden; }

body > .content > .summary .label { margin-right: 0.75rem; }

body > .content > .summary .detail-tit { font-size: 0.875rem; line-height: 2; letter-spacing: -0.02187rem; color: #4c4c4c; font-weight: 700; }

body > .content > .summary.fixed { display: block; top: 0; height: 3rem; box-sizing: border-box; padding-top: 0.625rem; margin-bottom: 0; z-index: 11 !important; }

body > .quick { position: fixed; width: 100%; height: 0; bottom: 6.25rem; z-index: 500; }

body > .quick .q-group { position: absolute; right: -3.75rem; bottom: 0; }

body > .quick .q-group .quick { vertical-align: top; position: relative; z-index: 3; }

body > .quick .q-group .active + .quick-menu { display: block; }

body > .quick .q-group .quick-menu { display: none; position: absolute; right: 0; bottom: 0; width: 19.625rem; overflow: hidden; z-index: 2; border-radius: 0.25rem; box-shadow: 0 0.3125rem 0.875rem 0 rgba(68, 68, 68, 0.8) !important; }

@media (max-width: 1340px) { body > .quick .q-group { right: 0; }
    body > .quick .cont-inner { width: auto; } }

body > .footer { height: 5.625rem; background: #4b4e53; }

body > .footer .s-kuniversity { position: absolute; left: 0; top: 2.4375rem; margin: 0; }

body > .footer .f-copyright { position: absolute; top: 1.875rem; left: 3.4375rem; font-size: 0.6875rem; line-height: 2.82; color: #999; }

body > .footer .f-nav { position: absolute; right: 6.875rem; top: 2.1875rem; font-size: 0.875rem; line-height: 1.43; }

body > .footer .f-nav a { color: #eee; }

body > .footer .f-nav a.active { font-weight: 700; }

body > .footer .f-nav a::before { content: ''; display: inline-block; vertical-align: middle; margin: 0 0.75rem; width: 0.0625rem; height: 0.375rem; opacity: 0.34; background-color: #b9b9b9; }

body > .footer .f-nav a:first-of-type::before { display: none; }

body > .footer .country { position: absolute; right: 0; top: 1.9375rem; }

body > .center-content { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

body > .center-content .align {max-width:100%; flex:none; padding: 0 2rem; text-align: center; box-sizing: border-box;}

body > .center-content .align.loading { margin-top: -2.6875rem; }

body > .center-content .align.loading .loading-text { margin-top: 1.875rem; font-size: 1.25rem; color: #4c4c4c; letter-spacing: -0.025rem; }

body > .center-content .align.loading .loading-text strong { font-weight: 700; }

body > .center-content .align.error404 .not-found-text { margin: 1.25rem 0 3rem; font-size: 1.5rem; color: #6c788f; font-weight: 700; text-align: center; }

body > .center-content .align.error404 .back { width: 9.875rem; height: 3rem; font-size: 0.875rem; }

/* scroll */

.scrolling-24vh { max-height: 24vh; overflow-y: auto; }

.scrolling-40vh { max-height: 40vh; overflow-y: auto; }

.scrolling-60vh { position: static; max-height: 60vh; overflow-y: auto; }

/* 태블릿의 경우 내부 영역이 좁아서 80%로는 충분하지 않아 70%로 수정 */
.scrolling-80vh { max-height: 70vh; overflow-y: auto; }

/*권은별*/
/* My learning - card */
.ui.cards { margin: 0; clear: both; }

.ui.cards + .more-comments { padding-top: 1.0625rem; }

.ui.box-cards { margin-top: -0.625rem; }

.ui.box-cards .card { position: relative; padding: 1.75rem 1.875rem 1.875rem; width: 17.5rem; height: 22.5rem; box-sizing: border-box; box-shadow: 0 2px 6px 0 #ccd4e7; background: #fff; margin: 0.8125rem; }

.ui.box-cards .card:nth-child(1), .ui.box-cards .card:nth-child(4n+1) { margin-left: 0; }

.ui.box-cards .card:nth-child(4n) { margin-right: 0; }

.ui.box-cards .card .card-inner .title-area { margin-bottom: 0.9375rem; }

.ui.box-cards .card .card-inner .title-area .label.color { margin-bottom: 0.625rem; min-width: 2.5rem; text-align: center; padding: 0 0.8125rem !important; }

.ui.box-cards .card .card-inner .title-area .header { max-height: 5.25rem; width: 13.75rem; height: 5.375rem; background: none; font-size: 1.25rem; color: #222; font-weight: 700; letter-spacing: -0.5px; line-height: 1.75rem; white-space: normal; word-wrap: break-word; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.ui.box-cards .card .card-inner .icon-area .li { overflow: hidden; height: 1.5rem; margin-bottom: 0.25rem; }

.ui.box-cards .card .card-inner .icon-area .li .label { display: inline-block; }

.ui.box-cards .card .card-inner .icon-area .li .g-text { position: relative; font-size: 0.875rem; line-height: 1.5rem; color: #4c4c4c; padding-left: 1rem; vertical-align: middle; }

.ui.box-cards .card .card-inner .icon-area .li .g-text::after { position: absolute; left: 0.3125rem; top: 50%; margin-top: -0.25rem; content: ''; display: block; width: 0.0625rem; height: 0.625rem; background: #b9b9b9; }

.ui.box-cards .card .card-inner .icon-area .li .g-text.size12 { font-size: 0.75rem; }

.ui.box-cards .card .card-inner .icon-area .li .g-text.size12::after { margin-top: -0.25rem; }

.ui.box-cards .card .card-inner .icon-area .li .card-stamp { margin-left: 1.25rem; }

.ui.box-cards .card .card-inner .foot-area { position: absolute; bottom: 2.0625rem; }

.ui.box-cards .card .card-inner .foot-area .study-date { margin-top: 0.5rem; font-size: 0.75rem; color: #666; line-height: 1.125rem; }

.ui.box-cards .card .card-ribbon-wrap { position: absolute; top: -0.5rem; right: 1.875rem; }

.ui.box-cards .card .card-ribbon-wrap .label:nth-child(2) { display: none; }

.ui.box-cards .card .hover-content { display: none; }

.ui.box-cards .card .hover-content .title-area { margin-bottom: 0.5rem; }

.ui.box-cards .card .hover-content .title-area .label { margin-bottom: 0.625rem; min-width: 2.5rem; text-align: center; }

.ui.box-cards .card .hover-content .title-area .header { max-height: 5.25rem; width: 13.75rem; height: auto; background: none; font-size: 1.25rem; color: #fff; font-weight: 700; letter-spacing: -0.5px; line-height: 1.75rem; white-space: normal; word-wrap: break-word; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.ui.box-cards .card .hover-content .text-area { max-height: 6rem; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: -0.02187rem; color: #fff; line-height: 1.5rem; white-space: normal; word-wrap: break-word; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

.ui.box-cards .card .hover-content .btn-area { position: absolute; bottom: 1.875rem; }

.ui.box-cards .card .hover-content .btn-area button:nth-child(1) { margin-right: 0.375rem; }

.ui.box-cards .card .hover-content .btn-area .fix { width: 9.875rem; font-size: 0.875rem; }

.ui.box-cards .card .thumbnail { position: absolute; bottom: 1.875rem; right: 1.875rem; width: 3.75rem; height: 3.75rem; border-radius: 0.25rem; overflow: hidden; }

.ui.box-cards .card .thumbnail img { width: 100%; height: 100%; }

.ui.box-cards .card .thumbnail i { width: 3.75rem; height: 3.75rem; }

.ui.box-cards .card .thumbnail i::before { width: 3.75rem; height: 3.75rem; background-size: 100% auto !important; }

.ui.box-cards .card.on { background: #32353b; }

.ui.box-cards .card.on .card-inner { display: none; }

.ui.box-cards .card.on .hover-content { display: block; }

.ui.box-cards .card.on .hover-content .label.color { padding: 0 0.8125rem; }

.ui.list-cards .card { position: relative; width: 100%; height: 11.0625rem; padding: 1.875rem 1.875rem 1.5625rem 7.25rem; box-sizing: border-box; background: #fff; box-shadow: 0 2px 6px 0 #ccd4e7; margin: 0 0 1.9375rem; }

.ui.list-cards .card:last-child { margin-bottom: 0; }

.ui.list-cards .card::after { content: ''; display: block; clear: both; }

.ui.list-cards .card .card-ribbon-wrap { position: absolute; top: -0.5rem; right: 1.875rem; }

.ui.list-cards .card .thumbnail { position: absolute; top: 1.875rem; left: 1.875rem; width: 3.75rem; height: 3.75rem; border-radius: 0.25rem; background: url("../img/thumb-card-60-px.jpg") 0 0 no-repeat; overflow: hidden; }

.ui.list-cards .card .thumbnail img { width: 100%; height: 100%; }

.ui.list-cards .card .thumbnail.completed { background: url("../img/thumb-card-complete-60-px@2x.png") 0 0 no-repeat; background-size: 60px 60px; }

.ui.list-cards .card .thumbnail.completed a { display: block; width: 100%; height: 100%; }

.ui.list-cards .card .title-area { position: relative; float: left; width: 36.3125rem; margin-top: -0.125rem; }

.ui.list-cards .card .title-area .label.color { margin-bottom: 0.375rem; }

.ui.list-cards .card .title-area .header a { margin-bottom: 0.625rem; width: 28.375rem; height: 3.625rem; font-size: 1.25rem; color: #222; line-height: 1.75rem; font-weight: 700; white-space: normal; word-wrap: break-word; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.ui.list-cards .card .title-area::after { position: absolute; right: 0; top: 1.8125rem; content: ''; width: 1px; height: 3.75rem; background: #eee; }

.ui.list-cards .card .btn-area { position: absolute; top: 3.4375rem; left: 47.3125rem; }

.ui.list-cards .card .btn-area .fix { width: 9.875rem; height: 2.5rem; }

.ui.list-cards .card .time-area { float: right; width: 18.125rem; text-align: right; padding-top: 1.5rem; }

.ui.list-cards .card .time-area .time { margin-top: 0.0625rem; vertical-align: bottom; }

.ui.list-cards .card .time-area .time strong { font-weight: 700; font-size: 2rem; color: #222; }

.ui.list-cards .card .time-area .time strong.ml9 { margin-left: 0.5625rem; }

.ui.list-cards .card .time-area .time span { font-weight: 700; font-size: 1.25rem; color: #333; }

.ui.list-cards .card .time-area .location .location-name { vertical-align: middle; font-size: 0.875rem; color: #4c4c4c; }

.ui.list-cards .card .time-area .location .location-name + .label { position: relative; padding-left: 0.8125rem; }

.ui.list-cards .card .time-area .location .location-name + .label:after { position: absolute; left: 5px; top: 50%; margin-top: -0.1875rem; content: ''; width: 0.0625rem; height: 0.5rem; background: #b9b9b9; }

.ui.list-cards .card .time-area .stamp { font-weight: 700; color: #222; line-height: 1.75rem; font-size: 1.25rem; margin-top: 0.625rem; }

.ui.list-cards .card .time-area .stamp strong { margin-left: 0.25rem; font-size: 2rem; font-weight: 700; }

.ui.expert-cards .card { position: relative; padding: 1.875rem; width: 17.5rem; height: 12.5rem; box-sizing: border-box; box-shadow: 0 0.125rem 0.375rem 0 #ccd4e7; background: #fff; margin: 0.8125rem; }

.ui.expert-cards .card:nth-child(1), .ui.expert-cards .card:nth-child(4n+1) { margin-left: 0; }

.ui.expert-cards .card:nth-child(4n) { margin-right: 0; }

.ui.expert-cards .card .ui.profile { position: absolute; right: 1.875rem; top: 1.875rem; }

.ui.expert-cards .card .name { display: block; margin: 0 5.3125rem 0.625rem 0; font-size: 1.25rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.03125rem; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ui.expert-cards .card .co { display: block; margin: 0 5.3125rem 0.125rem 0; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #4c4c4c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ui.expert-cards .card .instructor { display: block; margin: 0 5.3125rem 0.125rem 0; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #4c4c4c; }

.ui.expert-cards .card .channel { position: absolute; left: 1.875rem; bottom: 1.875rem; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.0125rem; color: #222; }

.ui.expert-cards .card .channel i { margin: 0 0.5rem 0 0; position: relative; top: 0.125rem; }

.ui.expert-cards .card .channel span { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; display: inline-block; width: 12.25rem; }

.ui.expert-cards .card a.history { display: block; }

/*link style blue text*/
.link-style { color: #0e73db; text-decoration: underline; }

.link-style:hover { color: #0e73db; text-decoration: underline; }

/*고정된 별점값, 기능 無, 기본 16px .pop은 24px*/
.fixed-rating span { display: inline-block; width: 1rem; height: 1rem; margin-right: 0.25rem; background: url("../img/icon-rate-nomal-16-px.svg") 0 0 no-repeat; background-size: 100% auto; }

.fixed-rating span:last-child { margin-right: 0 !important; }

.fixed-rating.pop span { width: 1.5rem; height: 1.5rem; margin-right: 0.375rem; }

.fixed-rating.line span { background: url("../img/icon-rate-line-24-px.svg") 0 0 no-repeat; background-size: 100% auto; }

.fixed-rating.s1 span:nth-child(1) { background-image: url("../img/icon-rate-active-16-px.svg"); }

.fixed-rating.s2 span:nth-child(-n+2) { background-image: url("../img/icon-rate-active-16-px.svg"); }

.fixed-rating.s3 span:nth-child(-n+3) { background-image: url("../img/icon-rate-active-16-px.svg"); }

.fixed-rating.s4 span:nth-child(-n+4) { background-image: url("../img/icon-rate-active-16-px.svg"); }

.fixed-rating.s5 span:nth-child(-n+5) { background-image: url("../img/icon-rate-active-16-px.svg"); }

/*main-info-area*/
.main-info-area { width: 100%; background: #fff; /* content-division-t1 : RC-01-01, RC-01-02, RC-02-01, RC-02-02 */ }

.main-info-area.content-division { border-bottom: 0.0625rem solid #d6deed; }

.main-info-area .main-info-wrap { position: relative; display: table; table-layout: fixed; width: 75rem; height: 16.375rem; margin: 0 auto; padding-left: 6.25rem; background: #fff; }

.main-info-area .main-info-wrap .thumbnail { position: absolute; top: 3.75rem; left: 0; width: 4.375rem; height: 4.375rem; overflow: hidden; border-radius: 0.25rem; }

.main-info-area .main-info-wrap .thumbnail img { width: 100%; height: 100%; }

.main-info-area .main-info-wrap .title-area { position: relative; display: table-cell; width: 48.75rem; height: 100%; padding-top: 3.75rem; box-sizing: border-box; }

.main-info-area .main-info-wrap .title-area .header { width: 48.75rem; font-size: 1.875rem; line-height: 2.625rem; letter-spacing: -0.05rem; color: #222; word-break: normal; word-wrap: break-word; }

.main-info-area .main-info-wrap .title-area .deatil { position: absolute; left: 0; bottom: 2.25rem; }

.main-info-area .main-info-wrap .title-area .deatil .item .onlytext { margin: 0; vertical-align: top; }

.main-info-area .main-info-wrap .title-area .deatil .item .onlytext span { line-height: 1.5rem; vertical-align: top; }

.main-info-area .main-info-wrap .title-area .deatil .item .onlytext .icon { margin-top: 0.25rem; }

.main-info-area .main-info-wrap .title-area .deatil .item .channel { position: relative; padding-left: 0.6875rem; margin-left: 0.5rem; font-size: 0.875rem; line-height: 24px; color: #4c4c4c; vertical-align: middle; }

.main-info-area .main-info-wrap .title-area .deatil .item .channel::before { content: ''; position: absolute; left: 0; top: 0.4375rem; background: #b9b9b9; width: 0.0625rem; height: 0.625rem; vertical-align: middle; }

.main-info-area .main-info-wrap .title-area .deatil .item .ml17 { margin-left: 1.0625rem; }

.main-info-area .main-info-wrap .right-area { display: table-cell; width: 19.375rem; text-align: center; vertical-align: middle; }

.main-info-area .main-info-wrap .right-area .price { display: inline-block; margin-top: 1rem; margin-bottom: 0.875rem; font-size: 2rem; line-height: 2.625rem; letter-spacing: -0.03125rem; font-weight: 700; color: #222; padding-left: 2.25rem; background: url("../img/icon-price-32-px.svg") 0 5px no-repeat; }

.main-info-area .main-info-wrap .right-area .fixed-rating span { width: 1.5rem; height: 1.5rem; margin-right: 0.375rem; }

.main-info-area .main-info-wrap .right-area .ui.stamp2.label { margin: 0 0 0.625rem 0; }

.main-info-area .main-info-wrap .right-area .stamp { display: block; text-align: center; margin: -14px 0 12px 0; }

.main-info-area .main-info-wrap .right-area .stamp .value { display: inline-block; width: 3.625rem; height: 3.6875rem; text-align: center; line-height: 3.6875rem; font-size: 1.625rem !important; color: #ff664d; font-weight: 700; background: url("../img/badge-summary-stamp-2.svg") 0 0 no-repeat; }

.main-info-area .main-info-wrap .right-area .stamp .label { margin-top: 0.1875rem; font-size: 0.75rem; line-height: 1.125rem; font-weight: 700; }

.main-info-area .progress-info-wrap { position: relative; display: table; table-layout: fixed; width: 75rem; height: 11.125rem; margin: 0 auto; background: #fff; }

.main-info-area .progress-info-wrap .cell { display: table-cell; vertical-align: middle; }

.main-info-area .progress-info-wrap .cell:nth-child(1) { width: 19.75rem; padding-top: 0.125rem; }

.main-info-area .progress-info-wrap .cell:nth-child(1) .cell-inner { position: relative; }

.main-info-area .progress-info-wrap .cell:nth-child(1) .cell-inner::after { position: absolute; right: 0; top: 50%; margin-top: -1.25rem; content: ''; display: inline-block; width: 0.0625rem; height: 2.5rem; background: #eee; }

.main-info-area .progress-info-wrap .cell:nth-child(2) { position: relative; padding: 0 0 0 5rem; }

.main-info-area .progress-info-wrap .cell:nth-child(2) .cell-inner { position: relative; }

.main-info-area .progress-info-wrap .cell:nth-child(2) .cell-inner::after { position: absolute; right: 0; top: 50%; margin-top: -1.25rem; content: ''; display: inline-block; width: 0.0625rem; height: 2.5rem; background: #eee; }

.main-info-area .progress-info-wrap .cell:nth-child(2):last-of-type .cell-inner::after { display: none; }

.main-info-area .progress-info-wrap .cell:nth-child(3) { width: 18.9375rem; padding-top: 0.125rem; text-align: right; }

.main-info-area .progress-info-wrap .cell .profile { position: relative; display: inline-block; width: 3.5rem; height: 3.5rem; }

.main-info-area .progress-info-wrap .cell .profile .pic { width: 100%; height: 100%; border: 0.0625rem solid #ddd; box-sizing: border-box; border-radius: 100%; background: url("../img/img-profile-56-px.png") 0 0 no-repeat; background-size: 100% auto; overflow: hidden; }

.main-info-area .progress-info-wrap .cell .profile .pic img { width: 100%; height: 100%; }

.main-info-area .progress-info-wrap .cell .profile button { position: absolute; bottom: 0; right: 0; }

.main-info-area .progress-info-wrap .cell .text-info { display: inline-block; margin-left: 1rem; }

.main-info-area .progress-info-wrap .cell .text-info .name { font-size: 1.75rem; line-height: 2.375rem; color: #222; letter-spacing: -0.03125rem; }

.main-info-area .progress-info-wrap .cell .text-info .part { position: relative; top: -0.125rem; font-size: 0.875rem; line-height: 1.25rem; color: #6c788f; }

/*.main-info-area .progress-info-wrap .cell .text-info .part span:nth-child(1) { position: relative; display: inline-block; padding-right: 0.5rem; margin-right: 0.5rem; }*/

/*.main-info-area .progress-info-wrap .cell .text-info .part span:nth-child(1)::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.25rem; width: 0.0625rem; height: 0.625rem; background: #c8d0e0; }*/

.main-info-area .progress-info-wrap .cell .total-time { display: inline-block; width: 11.125rem; text-align: left; margin-bottom: 0; padding-bottom: 0; }

.main-info-area .progress-info-wrap .cell .chart-wrap { display: inline-block; overflow: hidden; vertical-align: middle; }

.main-info-area .progress-info-wrap .cell .chart-wrap .pie { float: left; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list { float: left; margin: 0.5625rem 0 0 0.625rem; padding: 0; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list .item { padding: 0; margin: 0 0 0.5rem 0; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list .item::after { display: none; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list .item dt { position: relative; display: inline-block; padding-left: 0.625rem; width: 6.6875rem; font-size: 0.875rem; color: #666; line-height: 1; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list .item dt::after { position: absolute; left: 0; top: 0.25rem; content: ''; display: block; width: 0.375rem; height: 0.375rem; border-radius: 100%; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list .item dd { display: inline-block; font-size: 1rem; line-height: 1; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list .item.sk dt::after { background: #ff664d; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list .item.my { margin-bottom: 0; }

.main-info-area .progress-info-wrap .cell .chart-wrap .list .item.my dt::after { background: #545d8b; }

.main-info-area .progress-info-wrap .cell .stamp-wrap { position: relative; text-align: center; height: 3.8125rem; }

.main-info-area .progress-info-wrap .cell .stamp-wrap .year { position: absolute; right: 0; top: -2.4375rem; }

.main-info-area .progress-info-wrap .cell .wating { display: inline-block; vertical-align: middle; }

.main-info-area .progress-info-wrap .cell .wating .blue-arrow2 { display: block; margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1rem; }

.main-info-area .progress-info-wrap .cell .wating strong { font-size: 1.5rem; line-height: 2.125rem; color: #333; font-weight: 700; vertical-align: bottom; }

.main-info-area .progress-info-wrap .cell .community-num { display: inline-block; width: 10.0625rem; text-align: left; margin-bottom: 0; margin-left: 0; padding-bottom: 0; }

.main-info-area .progress-info-wrap .cell .community-num .label { text-align: left; margin-bottom: 0.5625rem; }

.main-info-area .progress-info-wrap .cell .community-num .label .icon { margin-right: 0.125rem; }

.main-info-area .progress-info-wrap .cell .community-num .label span { font-size: 0.875rem; line-height: 1rem; color: #666; letter-spacing: -0.0125rem; }

.main-info-area .progress-info-wrap .cell .community-num .value2 strong { font-size: 2rem; font-weight: 700; line-height: 2.125rem; vertical-align: bottom; color: #222; }

.main-info-area .progress-info-wrap .cell .community-num .value2 strong.min { margin-left: 0.375rem; }

.main-info-area .progress-info-wrap .cell .community-num .value2 span { display: inline-block; margin: 0.125rem 0 0 0.125rem; font-size: 1.25rem; font-weight: 700; line-height: 1.75rem; vertical-align: bottom; color: #333; }

.main-info-area .channel-of-interest { position: relative; top: -0.5rem; width: 75rem; margin: 0 auto; padding: 0 0 2.5rem 0; }

/*컨텐츠 overview, list, comment*/
.ui.segment.full { /*컨텐츠없음*/ }

.ui.segment.full .sub-info-wrap { position: absolute; top: 3.125rem; right: 0; }

.ui.segment.full .sub-info-wrap .sub-info-box { position: relative; width: 17.5rem; padding: 1.125rem 0 0; background: #fff; border-radius: 0.5rem; box-shadow: 0 2px 6px 0 #ccd4e7; }

.ui.segment.full .sub-info-wrap .sub-info-box .ribbon2 { position: absolute; top: -0.5rem; right: 1.875rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .pd30 { padding: 0 1.875rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .btn-area { padding: 1.25rem 0 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .btn-area button + button { margin-top: 0.625rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .state-txt { font-size: 1rem; color: #ff664d; font-weight: 700; line-height: 4rem; text-align: center; }

.ui.segment.full .sub-info-wrap .sub-info-box .state-txt div { border-bottom: 1px solid #eee; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap { position: relative; padding-top: 2.75rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level { border: 0; margin: 0 !important; padding: 0 !important; height: 0.75rem; display: block; float: none; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level::after { content: ''; display: block; clear: both; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step { float: left; width: 3.375rem !important; height: 0.375rem; padding: 0; border-radius: 0; margin: 0 2px 0 0; border: 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step::after { display: none; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step:nth-child(1) { width: 3.25rem !important; background-color: #e0eeff; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step:nth-child(1)::after { background-color: #e0eeff; left: 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step:nth-child(2) { background-color: #c9e1fe; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step:nth-child(2)::after { background-color: #c9e1fe; left: -0.4375rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step:nth-child(3) { background-color: #95c1f8; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step:nth-child(3)::after { background-color: #95c1f8; left: -0.4375rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step:nth-child(4) { background-color: #3e8ae9; margin-right: 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step:nth-child(4)::after { background-color: #3e8ae9; right: 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .ui.level .step.active::after { display: block; content: ''; position: absolute; width: 4.25rem !important; height: 0.75rem; top: -0.1875rem; border: 1px solid #1b3b6c; box-sizing: border-box; box-shadow: 0 4px 5px 0 rgba(68, 99, 163, 0.36); z-index: 2; transform: none; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .lv1 { position: absolute; left: 0; top: 1.25rem; font-size: 0.75rem; line-height: 1.125rem; color: #4c4c4c; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .lv4 { position: absolute; right: 0; top: 1.25rem; font-size: 0.75rem; line-height: 1.125rem; color: #4c4c4c; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .level-txt { position: absolute; top: 1.25rem; left: 0; display: block; width: 100%; text-align: left; font-size: 0.75rem; line-height: 1.125rem; color: #4c4c4c; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .level-txt.step1 { text-indent: 1.1875rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .level-txt.step2 { text-indent: 2.75rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .level-txt.step3 { text-indent: 6.8125rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .level-wrap .level-txt.step4 { text-indent: 10.5rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info1 { padding: 2.25rem 0 1.625rem; margin: 0; border-bottom: 1px solid #eee; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info1 .item { padding: 0.3125rem 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info1 .item:first-child { padding-top: 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info1 .item:last-child { padding-bottom: 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info1 .item .label { display: inline-block; width: 6.5625rem; font-size: 0.875rem; color: #4c4c4c; line-height: 1.25rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info1 .item .value { display: inline-block; font-size: 0.875rem; color: #222; line-height: 1.25rem; font-weight: 700; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info1 .item .value strong { color: #ff664d; font-weight: 700; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info2 { padding: 1.4375rem 0 2.625rem; margin: 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info2 .item + .item { margin-top: 0.4375rem; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info2 .item .header { margin-bottom: 3px; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: #4c4c4c; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info2 .item .description { font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: #222; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info2 .item .description .middot { position: relative; margin-left: 0.5625rem; padding-left: 0.375rem; font-weight: 400; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info2 .item .description .middot::after { content: ''; position: absolute; left: 0; top: 0.625rem; display: block; width: 3px; height: 3px; background: #222; border-radius: 100% !important; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info2 .item .description .underlink { display: inline-block; margin-top: 2px; text-decoration: underline; }

.ui.segment.full .sub-info-wrap .sub-info-box .class-info2 .item .description .contact-us { margin: 1.125rem 0 0 0; }

.ui.segment.full .sub-info-wrap .sub-info-box .foot-buttons { padding: 1.25rem 0; border-top: 1px solid #eeeeee; text-align: center; }

.ui.segment.full .sub-info-wrap .sub-info-box .foot-buttons button { margin: 0 0.4375rem; }

.ui.segment.full .sub-info-wrap .button.surv { display: block; margin-top: 1.25rem; }

.ui.segment.full .sub-info-wrap .button.surv + button.surv { margin-top: 0.625rem; }

.ui.segment.full .sub-info-wrap + .ui.tab > .contents { width: 55.625rem; }

.ui.segment.full .sub-info-wrap + .ui.tab + .ui.tab > .contents { width: 55.625rem; }

.ui.segment.full .sub-info-wrap + .ui.tab + .ui.tab + .ui.tab > .contents { width: 55.625rem; }

.ui.segment.full .sub-info-wrap + .ui.tab + .ui.tab + .ui.tab + .ui.tab > .contents { width: 55.625rem; }

.ui.segment.full .sub-info-wrap + .ui.tab + .ui.tab + .ui.tab + .ui.tab + .ui.tab > .contents { width: 55.625rem; }

.ui.segment.full .sub-info-wrap + .contents { width: 55.625rem; }

.ui.segment.full .contents { min-height: 37.5rem; }

.ui.segment.full .contents.overview { width: 50rem; min-height: 27.0625rem; padding-top: 3.125rem; }

.ui.segment.full .contents.overview .class-guide-txt { margin-bottom: 2.5rem; font-size: 1rem; line-height: 1.625rem; letter-spacing: -0.03125rem; color: #282e3b; }

.ui.segment.full .contents.overview .trs-wrap { margin-top: -0.6875rem; padding: 0 0 2.4375rem 0; }

.ui.segment.full .contents.overview .download-file { margin-bottom: 2.5rem; padding: 1.875rem; display: -ms-flexbox; display: flex; background: #fff; }

.ui.segment.full .contents.overview .download-file .label-wrap { -ms-flex: 1; flex: 1; line-height: 40px; vertical-align: middle; }

.ui.segment.full .contents.overview .download-file .label-wrap .onlytext span { line-height: 1.25rem; }

.ui.segment.full .contents.overview .download-file .btn-wrap { width: 12.5rem; }

.ui.segment.full .contents.overview .download-file + .sub-category { padding: 0 0 4.1875rem !important; border-top: 0 !important; }

.ui.segment.full .contents.overview .ov-paragraph { position: relative; padding: 2.375rem 0; border-bottom: 1px solid #d6deed; word-break: break-all; }

.ui.segment.full .contents.overview .ov-paragraph.open { border-top: 1px solid #d6deed; }

.ui.segment.full .contents.overview .ov-paragraph:last-child { border-bottom: 0; }

.ui.segment.full .contents.overview .ov-paragraph .title-style .onlytext span { color: #536280; }

.ui.segment.full .contents.overview .ov-paragraph .list { margin: 0; }

.ui.segment.full .contents.overview .ov-paragraph .list.bulleted { margin-left: 0.6875rem; }

.ui.segment.full .contents.overview .ov-paragraph .list.bulleted .item::before { display: none; }

.ui.segment.full .contents.overview .ov-paragraph .list.bulleted .item .title { width: 11.5625rem; padding-left: 1.125rem; }

.ui.segment.full .contents.overview .ov-paragraph .list.bulleted .item .title::before { content: ''; width: 0.25rem; height: 0.25rem; border-radius: 100%; opacity: 1; background: #717988; position: absolute; top: 0.4375rem; left: 0; vertical-align: middle; }

.ui.segment.full .contents.overview .ov-paragraph .list .item { display: -ms-flexbox; display: flex; margin-bottom: 1rem; padding-bottom: 0; padding-top: 0; }

.ui.segment.full .contents.overview .ov-paragraph .list .item:last-child { margin-bottom: 0 !important; }

.ui.segment.full .contents.overview .ov-paragraph .list .item .title { width: 12.25rem; color: #536280; font-weight: 700; box-sizing: border-box; font-size: 0.875rem; word-break: break-all; }

.ui.segment.full .contents.overview .ov-paragraph .list .item .detail { flex: 1; -ms-flex: 1; font-size: 0.875rem; line-height: 1.5rem; color: #282e3b; word-break: break-all; }

.ui.segment.full .contents.overview .ov-paragraph .btn-blue { font-size: 0.875rem; line-height: 1.5rem; font-weight: 700; color: #0e73db; }

.ui.segment.full .contents.overview .ov-paragraph .btn-blue .icon { margin-left: 0.125rem; }

.ui.segment.full .contents.overview .ov-paragraph .btn-blue .icon.more2 { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-open.svg") 50% 0 no-repeat; }

.ui.segment.full .contents.overview .ov-paragraph .btn-blue .icon.hide2 { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-close.svg") 50% 0 no-repeat; }

.ui.segment.full .contents.overview .ov-paragraph .btn-blue .icon.morelink { width: 0.5rem; height: 0.5rem; background: url("../img/icon-contents-more-link.svg") 50% 0 no-repeat; }

.ui.segment.full .contents.overview .ov-paragraph .btn-blue.btn-hide { display: none; }

.ui.segment.full .contents.overview .ov-paragraph.download-area { padding: 2.375rem 0 2.375rem; }

.ui.segment.full .contents.overview .ov-paragraph.download-area .title-style { margin-bottom: 0.9375rem; }

.ui.segment.full .contents.overview .ov-paragraph.download-area .down { margin-top: 1rem; }

.ui.segment.full .contents.overview .ov-paragraph.download-area .down:nth-child(1) { margin-top: 0; }

.ui.segment.full .contents.overview .ov-paragraph.download-area .down a { display: inline-block; padding-right: 2.125rem; background: url("../img/icon-down-type-3-24-px.svg") 100% 0 no-repeat; }

.ui.segment.full .contents.overview .ov-paragraph.download-area .down a span { font-size: 0.875rem; color: #0e73db; line-height: 1.5rem; text-decoration: underline; }

.ui.segment.full .contents.overview .ov-paragraph.download-area .all-down { margin-top: 1.25rem; }

.ui.segment.full .contents.overview .ov-paragraph.download-area .all-down a i { margin-right: 0.25rem; vertical-align: middle; }

.ui.segment.full .contents.overview .ov-paragraph.download-area .all-down a span { font-size: 1rem; letter-spacing: -0.025rem; font-weight: 700; color: #222; vertical-align: middle; }

.ui.segment.full .contents.overview .ov-paragraph.sub-category { padding: 2.375rem 0 4.1875rem; border-top: 1px solid #d6deed; }

.ui.segment.full .contents.overview .ov-paragraph.sub-category .title-style { margin-bottom: 0.9375rem; }

.ui.segment.full .contents.overview .ov-paragraph.sub-category .list { max-height: 4.1875rem; overflow: hidden; margin-left: 0.6875rem; }

.ui.segment.full .contents.overview .ov-paragraph.sub-category .btn-blue { position: absolute; bottom: 2.375rem; right: 0; }

.ui.segment.full .contents.overview .ov-paragraph.sub-category.fn-parents .list { max-height: 3.9375rem; }

.ui.segment.full .contents.overview .ov-paragraph.sub-category.open .list { height: auto; max-height: none; }

.ui.segment.full .contents.overview .ov-paragraph.sub-category.open .btn-more { display: none; }

.ui.segment.full .contents.overview .ov-paragraph.sub-category.open .btn-hide { display: inline-block; }

.ui.segment.full .contents.overview .ov-paragraph.period-area .info { margin-top: 0.3125rem; padding-left: 1.375rem; background: url("../img/icon-info-16-px.svg") 0 5px no-repeat; color: #db1111; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: -0.03125rem; }

.ui.segment.full .contents.overview .ov-paragraph.info-box2 .list .item { margin-bottom: 0.5rem; }

.ui.segment.full .contents.overview .ov-paragraph.tag-wrap { padding: 2.0625rem 0 0; }

.ui.segment.full .contents.overview .ov-paragraph.tag-wrap .title-style .onlytext span { font-size: 1rem; }

.ui.segment.full .contents.overview .ov-paragraph.tag-wrap .detail button.tag { margin: 0.375rem 0.1875rem 0.25rem 0; }

.ui.segment.full .contents.overview .ov-paragraph.tag-wrap .detail .label.tag { margin: 0.375rem 0.1875rem 0.25rem 0; cursor: default; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap { padding-bottom: 2.375rem; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap h3 { float: left; margin-bottom: 0.75rem; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .btn-blue { float: right; margin-bottom: 0.75rem; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table { clear: both; border-top: 4px solid #c9d3e6; border-bottom: 4px solid #c9d3e6; border-left: 0; border-right: 0; background: transparent; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table th { height: 3rem; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #536280; font-weight: 700; background: transparent; text-align: center; border: 0; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table td { padding: 0; height: 3rem; border: 0; border-top: 1px solid #d6deed; font-size: 0.875rem; letter-spacing: -0.2px; color: #282e3b; background: transparent; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table td.num { width: 5.125rem; text-align: center; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table td.teacher { width: 4.0625rem; text-align: left; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table td.teacher span { width: 4.0625rem; display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table td.location { padding-left: 1.5625rem; width: 13.125rem; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table td.location span { width: 13.125rem; display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.ui.segment.full .contents.overview .ov-paragraph .series-wrap .table td.center { text-align: center; }

.ui.segment.full .contents.course-list { padding-top: 3.125rem; }

.ui.segment.full .contents.course-list .course-card { width: 55.625rem; border-radius: 0.5rem; box-shadow: 0 2px 6px 0 #ccd4e7; overflow: hidden; background: #fff; margin-bottom: 1.875rem; }

.ui.segment.full .contents.course-list .course-card .card-open { display: block; }

.ui.segment.full .contents.course-list .course-card .card-close { display: none; }

.ui.segment.full .contents.course-list .course-card .card-box { position: relative; display: table; padding-left: 7.25rem; width: 55.625rem; height: 12.375rem; box-sizing: border-box; background: #fff; }

.ui.segment.full .contents.course-list .course-card .card-box .thumbnail { position: absolute; top: 1.875rem; left: 1.875rem; background: url("../img/thumb-card-60-px.jpg") 0 0 no-repeat; width: 4.375rem; height: 4.375rem; overflow: hidden; border-radius: 0.25rem; }

.ui.segment.full .contents.course-list .course-card .card-box .thumbnail img { width: 100%; height: 100%; }

.ui.segment.full .contents.course-list .course-card .card-box .thumbnail.completed { backgorund: url("../img/thumb-card-complete-60-px@2x.png") 0 0 no-repeat; background-size: 60px 60px; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area { position: relative; display: table-cell; width: 100%; height: 100%; padding-top: 1.75rem; box-sizing: border-box; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .header { margin-top: 0.375rem; width: 27.625rem; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -0.03125rem; color: #222; font-weight: 700; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil { position: absolute; left: 0; bottom: 1.5rem; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .onlytext { margin: 0; vertical-align: top; white-space: nowrap; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .onlytext span { line-height: 1.5rem; vertical-align: top; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .onlytext .icon { margin-top: 0.25rem; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .enrolment, .ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .channel { position: relative; padding-left: 0.625rem; margin-left: 0.5rem; font-size: 0.875rem; line-height: 24px; color: #4c4c4c; vertical-align: middle; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .enrolment::before,.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .channel::before { content: ''; position: absolute; left: 0; top: 0.4375rem; background: #b9b9b9; width: 0.0625rem; height: 0.625rem; vertical-align: middle; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .ml17 { position:relative; padding-left: 1.0625rem; }

.ui.segment.full .contents.course-list .course-card .card-box .title-area .deatil .item .ml17::before { content: ''; position: absolute; left: 0.4375rem; top: 50%; margin-top: -0.25rem; background: #b9b9b9; width: 0.0625rem; height: 0.625rem; vertical-align: top; }

.ui.segment.full .contents.course-list .course-card .card-box .btn-area { position: absolute; top: 3.625rem; right: 1.875rem; }

.ui.segment.full .contents.course-list .course-card .card-box .btn-area .fix { display: block; width: 9.875rem; height: 2.5rem; font-size: 0.875rem; }

.ui.segment.full .contents.course-list .course-card .card-box .btn-area .fix:nth-child(2) { margin-top: 0.625rem; }

.ui.segment.full .contents.course-list .course-card .card-box.first .fn-more-toggle { position: absolute; bottom: 1.875rem; right: 1.875rem; }

.ui.segment.full .contents.course-list .course-card .card-box.included { display: none; border-top: 1px solid #eee; }

.ui.segment.full .contents.course-list .course-card .card-box.included .header { font-weight: 400; }

.ui.segment.full .contents.course-list .course-card.open .card-open { display: none; }

.ui.segment.full .contents.course-list .course-card.open .card-close { display: block; }

.ui.segment.full .contents.course-list .course-card.open .card-box.included { display: table; }

.ui.segment.full .contents.course-list .course-card + .trs-wrap { margin-top: -1.25rem; }

.ui.segment.full .contents .trs-wrap + .course-card { margin-top: 1.875rem; }

.ui.segment.full .contents.comment { padding-top: 3.125rem; width: 55.625rem; }

.ui.segment.full .contents.comment .rating-area { display: -ms-flexbox; display: flex; width: 100%; padding: 0 0 3.3125rem; }

.ui.segment.full .no-cont-wrap { padding: 10rem 0 6.875rem; text-align: center; }

.ui.segment.full .no-cont-wrap .icon.no-contents80 + .text02 { margin-top: 1rem; }

.ui.segment.full .no-cont-wrap .text { margin-top: 1rem; font-size: 1.25rem; color: #6c788f; letter-spacing: -0.03125rem; }

.ui.segment.full .no-cont-wrap .text01 { margin-top: 1rem; font-size: 1.25rem; line-height: 1.5; letter-spacing: -0.03125rem; color: #666; font-weight: 700; }

.ui.segment.full .no-cont-wrap .text02 { font-size: 1.25rem; line-height: 1.5; letter-spacing: -0.03125rem; color: #666; }

.ui.segment.full .top-guide-title { height: 6.125rem; }

.ui.segment.full .top-guide-title::after { content: ''; display: table; clear: both; }

.ui.segment.full .top-guide-title .list-number { float: left; margin-top: 3.3125rem; font-size: 1rem; color: #6c788f; line-height: 1.5rem; letter-spacing: -0.01875rem; }

.ui.segment.full .top-guide-title .list-number strong { font-weight: 700; }

.ui.segment.full .top-guide-title .button.post { margin-top: 3.125rem; float: right; }

.ui.segment.full .top-guide-title .right-wrap { float: right; margin-top: 3.125rem; }

.ui.segment.full .top-guide-title .right-wrap .button.post { float: none; margin: 0; vertical-align: middle; }

.ui.segment.full .top-guide-title .right-wrap .dropdown { vertical-align: middle; margin-right: 0.5rem; }

.ui.segment.full .top-guide-title .right-wrap .dropdown.m0 { margin-right: 0; }

.ui.segment.full .top-guide-title.size-type2 { height: 5.875rem; }

.ui.segment.full .top-guide-title.size-type2 .list-number { margin-top: 3.125rem; }

.ui.segment.full .top-guide-title.size-type3 { height: 5.75rem; }

.ui.segment.full .top-guide-title.size-type3 .list-number { margin-top: 3rem; }

/*community write (.apl-form-wrap은 jsk.scss) */
.apl-form-wrap.community { padding: 3.125rem 0 0; }

.apl-form-wrap.community .ui.form .buttons { padding: 0 0 0 0; text-align: center; border-top: 0; }

.apl-form-wrap.community .ui.form .buttons button.ui.button { margin: 0 0.4375rem 0 0.5rem; }

/*등록된 글 뷰 CM-06-01*/
.post-view-wrap .post-view { background: #fff; }

.post-view-wrap .post-view .title-area { border-bottom: 0.0625rem solid #d6deed; }

.post-view-wrap .post-view .title-area .title-inner { position: relative; width: 75rem; margin: 0 auto; padding: 3.625rem 0 1.875rem; }

.post-view-wrap .post-view .title-area .title-inner .community-name { font-size: 0.875rem; line-height: 1.5rem; color: #6c788f; letter-spacing: -0.01875rem; }

.post-view-wrap .post-view .title-area .title-inner .title { margin-bottom: 0.75rem; font-size: 1.875rem; color: #222222; letter-spacing: -0.05rem; display: block; max-height: 5.625rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.post-view-wrap .post-view .title-area .title-inner .user-info .profile { display: inline-block; vertical-align: top; }

.post-view-wrap .post-view .title-area .title-inner .user-info .profile .pic { display: inline-block; width: 2.25rem; height: 2.25rem; }

.post-view-wrap .post-view .title-area .title-inner .user-info .name { display: inline-block; margin-left: 0.625rem; font-size: 0.875rem; color: #4c4c4c; height: 2.25rem; line-height: 2.25rem; vertical-align: top; font-weight: 700; }

.post-view-wrap .post-view .title-area .title-inner .user-info .name::after { content: ''; display: inline-block; width: 0.0625rem; height: 0.625rem; background: #b9b9b9; margin: -0.125rem 0.5rem 0 0.625rem; vertical-align: middle; }

.post-view-wrap .post-view .title-area .title-inner .user-info .date { display: inline-block; font-size: 0.875rem; color: #4c4c4c; height: 2.25rem; line-height: 2.25rem; vertical-align: top; }

.post-view-wrap .post-view .title-area .title-inner .user-info .category { position: relative; padding-right: 1.125rem; display: inline-block; font-size: 0.875rem; color: #4c4c4c; height: 2.25rem; line-height: 2.25rem; vertical-align: top; }

.post-view-wrap .post-view .title-area .title-inner .user-info .category::after { content: ''; display: inline-block; width: 0.0625rem; height: 0.625rem; position: absolute; right: 0.5rem; top: 50%; margin-top: -0.25rem; background: #b9b9b9; }

.post-view-wrap .post-view .title-area .title-inner .actions { position: absolute; right: 0; bottom: 2.6875rem; }

.post-view-wrap .post-view .title-area .title-inner .actions .postset { margin: 0 0 0 0.5625rem; }

.post-view-wrap .post-view .content-area .content-inner { width: 75rem; margin: 0 auto; padding: 3.125rem 0; }

.post-view-wrap .post-view .content-area .content-inner p { margin-bottom: 1.875rem; font-size: 0.875rem; line-height: 1.5rem; color: #282e3b; }

.post-view-wrap .post-view .content-area .content-inner img { display: block; max-width: 100%; margin-bottom: 1.875rem; }

.post-view-wrap .post-view .content-area .file { width: 1200px; margin: 0 auto; padding: 0 0 3.125rem 0; font-size: 0.875rem; color: #282e3b; line-height: 1.5rem; vertical-align: middle;  }

.post-view-wrap .post-view .content-area .file * { vertical-align: middle; display: inline-block; line-height: 1.5rem; }

.post-view-wrap .post-view .content-area .file .link { margin-top: -0.125rem; }

.post-view-wrap .post-view .content-area .file .link .ellipsis { display: inline-block; max-width: 43.75rem; color: #0e73db; text-decoration: underline; line-height: 1.5rem; vertical-align: middle; }

.post-view-wrap .comment-area { padding: 3.125rem 0 3.75rem; border-bottom: 0.0625rem solid #d6deed; }

.post-view-wrap .comment-area .reply { margin-bottom: 1.875rem; }

.post-view-wrap .comment-area .reply + .actions { margin-top: -1.125rem; }

.post-view-wrap .actions.bottom { text-align: right; margin-top: 1.875rem; }

.community-cont { min-height: 38.8125rem; }

.community-cont .no-cont-wrap { padding: 7.5rem 0 0 !important; }

.community-cont .community-list { border-radius: 0.5rem; overflow: hidden; box-shadow: 0 2px 6px 0 #ccd4e7; }

.community-cont .community-list .depth1, .community-cont .community-list .depth2 { display: table; width: 100%; border-bottom: 1px solid #eee; }

.community-cont .community-list .depth1 > a, .community-cont .community-list .depth2 > a { display: table-row; width: 100%; }

.community-cont .community-list .depth1 > a > span, .community-cont .community-list .depth2 > a > span { display: table-cell; font-size: 1rem; line-height: 1.75rem; letter-spacing: -0.025rem; vertical-align: middle; }

.community-cont .community-list .depth1 > a .title, .community-cont .community-list .depth2 > a .title { width: 32.875rem; text-align: left; color: #222; }

.community-cont .community-list .depth1 > a .title .rep-num, .community-cont .community-list .depth2 > a .title .rep-num { margin-left: 0.125rem; vertical-align: middle; line-height: 1.75rem; }

.community-cont .community-list .depth1 > a .title .rep-num strong, .community-cont .community-list .depth2 > a .title .rep-num strong { font-weight: 700; }

.community-cont .community-list .depth1 > a .writer, .community-cont .community-list .depth2 > a .writer { text-align: left; width: 3.8125rem; color: #888; }

.community-cont .community-list .depth1 > a .view, .community-cont .community-list .depth2 > a .view { text-align: right; width: 7.3125rem; color: #888; }

.community-cont .community-list .depth1 > a .date, .community-cont .community-list .depth2 > a .date { width: 7.875rem; text-align: right; color: #888; }

.community-cont .community-list .depth1 { padding: 0 1.875rem; background: #fff; }

.community-cont .community-list .depth1 > a > span { height: 4.25rem; }

.community-cont .community-list .depth1 > a > span.title .ellipsis { display: inline-block; max-width: 26.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; line-height: 1.75rem; }

.community-cont .community-list .depth1 .del { height: 4.25rem; width: 100%; display: table-cell; vertical-align: middle; }

.community-cont .community-list .depth1 .del i { margin-right: 0.5rem; }

.community-cont .community-list .depth1 .del span { color: #888888; }

.community-cont .community-list .depth2 { background: #fafcff; padding: 0.75rem 1.875rem; margin-top: -0.0625rem; }

.community-cont .community-list .depth2 > a > span { padding-top: 0.625rem; padding-bottom: 0.625rem; height: 1.75rem; vertical-align: middle; }

.community-cont .community-list .depth2 > a > span.title .ellipsis { display: inline-block; max-width: 24.375rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }

.community-cont .community-list .depth2 > a > span.title .icon { margin-top: 0.4375rem; margin-right: 0.875rem; }

.community-cont .community-list + .more-comments { padding-top: 1.6875rem; }

.community { /*community 컨텐츠 없을 때 상단 padding값이 다른 페이지와 다름*/ }

.community .no-cont-wrap { padding-top: 7.5rem !important; }

.community .community-accordion .community-item { background: #fff; border-radius: 0.5rem; box-shadow: 0 2px 6px 0 #ccd4e7; margin-bottom: 1.25rem; transform: translate3d(0, 0, 0); }

.community .community-accordion .community-item:last-child { margin-bottom: 0; }

.community .community-accordion .community-item .title .commu-list-item { display: table; width: 100%; height: 8.875rem; }

.community .community-accordion .community-item .title .commu-list-item .thumbnail { display: table-cell; width: 7.25rem; box-sizing: border-box; vertical-align: top; text-align: left; padding-top: 1.875rem; padding-left: 1.875rem; }

.community .community-accordion .community-item .title .commu-list-item .thumbnail div { display: inline-block; width: 3.75rem; height: 3.75rem; border-radius: 0.25rem; overflow: hidden; }

.community .community-accordion .community-item .title .commu-list-item .thumbnail div img { width: 100%; height: 100%; }

.community .community-accordion .community-item .title .commu-list-item .title-area { display: table-cell; vertical-align: middle; padding-top: 0.125rem; }

.community .community-accordion .community-item .title .commu-list-item .title-area .learning { font-size: 1.25rem; line-height: 1.4; letter-spacing: -0.03125rem; color: #6c788f; }

.community .community-accordion .community-item .title .commu-list-item .title-area .header a { display: block; margin-top: 0.25rem; margin-bottom: 0.375rem; width: 45rem; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -0.03125rem; color: #222; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.community .community-accordion .community-item .title .commu-list-item .title-area .deatil span { position: relative; display: inline-block; font-size: 0.875rem; line-height: 1.5rem; color: #4c4c4c; padding-right: 1.125rem; }

.community .community-accordion .community-item .title .commu-list-item .title-area .deatil span::after { position: absolute; right: 0.4375rem; top: 50%; margin-top: -0.25rem; content: ''; display: block; width: 1px; height: 10px; background: #b9b9b9; }

.community .community-accordion .community-item .title .commu-list-item .title-area .deatil span:last-child::after { display: none; }

.community .community-accordion .community-item .title .commu-list-item .title-area .deatil span.red { color: #ff664d; font-weight: 700; }

.community .community-accordion .community-item .title .commu-list-item .title-area .deatil span.black { color: #4c4c4c; font-weight: 700; }

.community .community-accordion .community-item.card { width: 100%; }

.community .community-accordion .community-item.card .header { width: 100%; }

.community .community-accordion .community-item.card .header em { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -0.03125rem; color: #ff664d; font-weight: 700; }

.community .community-accordion .community-item.card .icon-area { display: table-cell; width: 6.375rem; vertical-align: middle; text-align: right; padding-right: 1.875rem; padding-top: 0.3125rem; }

.community .community-accordion .community-item.card .icon-area .dropdown.icon { width: 2rem; height: 2rem; background: url(../img/btn-card-list-open.svg) 0 0 no-repeat; margin: 0; }

.community .community-accordion .community-item.card .icon-area .dropdown.icon:before { display: none; }

.community .community-accordion .community-item.accordion .title { padding: 0 !important; }

.community .community-accordion .community-item.accordion .title .commu-list-item .title-area { width: 51.5rem; }

.community .community-accordion .community-item.accordion .title .commu-list-item .btn-area { display: table-cell; width: 9.875rem; vertical-align: middle; text-align: right; }

.community .community-accordion .community-item.accordion .title .commu-list-item .btn-area .fix { width: 9.875rem; height: 2.5rem; font-size: 0.875rem; }

.community .community-accordion .community-item.accordion .title .commu-list-item .icon-area { display: table-cell; width: 6.375rem; vertical-align: middle; text-align: right; padding-right: 1.875rem; padding-top: 0.3125rem; }

.community .community-accordion .community-item.accordion .title .commu-list-item .icon-area .dropdown.icon { width: 2rem; height: 2rem; background: url(../img/btn-card-list-open.svg) 0 0 no-repeat; margin: 0; }

.community .community-accordion .community-item.accordion .title .commu-list-item .icon-area .dropdown.icon:before { display: none; }

.community .community-accordion .community-item.accordion .title.active .commu-list-item .icon-area .dropdown.icon { background: url(../img/btn-card-close.svg) 0 0 no-repeat; transform: rotate(0); }

.community .community-accordion .community-item.accordion .content { padding: 0 !important; }

.community .community-accordion .community-item.accordion .content .new-item { position: relative; font-size: 1rem; line-height: 1.75rem; letter-spacing: -0.025rem; padding: 1.0625rem 1.875rem 1.25rem; border-top: 0.0625rem solid #eee; }

.community .community-accordion .community-item.accordion .content .new-item .title-area .ellipsis { display: inline-block; max-width: 58.75rem; vertical-align: middle; }

.community .community-accordion .community-item.accordion .content .new-item .title-area .rep-num { margin-left: 0.125rem; vertical-align: middle; line-height: 1.75rem; }

.community .community-accordion .community-item.accordion .content .new-item .title-area .rep-num strong { font-weight: 700; }

.community .community-accordion .community-item.accordion .content .new-item .date { position: absolute; top: 1.25rem; right: 1.875rem; font-size: 0.875rem; line-height: 1.75rem; color: #888; text-align: right; }

.community .community-accordion .community-item.accordion .content .no-item { border-top: 0.0625rem solid #eee; padding: 1.0625rem 1.875rem 1.25rem; color: #6c788f; font-size: 1rem; line-height: 1.75rem; letter-spacing: -0.025rem; }

.community .community-accordion .community-item.returned { background: #d9dee7; }

.total-time .btn-total-time { display: inline-block; vertical-align: middle; }

.total-time .btn-total-time .label { display: block; text-align: left; margin-bottom: 0.5625rem; }

.total-time .btn-total-time .label .icon { margin-right: 0.125rem; }

.total-time .btn-total-time .label span { font-size: 0.875rem; line-height: 1rem; color: #666; letter-spacing: -0.0125rem; text-decoration: underline; }

.total-time .btn-total-time .value2 { display: block; text-align: left; }

.total-time .btn-total-time .value2 strong { font-size: 2rem; font-weight: 700; line-height: 2.125rem; vertical-align: bottom; color: #222; }

.total-time .btn-total-time .value2 strong.min { margin-left: 0.375rem; }

.total-time .btn-total-time .value2 span { display: inline-block; margin: 0.125rem 0 0 0.125rem; font-size: 1.25rem; font-weight: 700; line-height: 1.75rem; vertical-align: bottom; color: #333; }

.total-time .btn-total-time .value3 { font-size: 1.5rem; font-weight: 700; line-height: 1.42; color: #333; }

.content-half { height: 100%; min-height: 720px; overflow-y: auto; }

.login-content { display: -ms-flexbox; display: flex; height: 100%; }

.login-content .left-area { height: 100%; -ms-flex: 2; flex: 2; background: #f4f7fd; overflow: hidden; padding: 9.25rem 5rem 0 0; }

.login-content .left-area .inner { float: right; }

.login-content .left-area .inner h1 { margin-bottom: 0.375rem; font-size: 1.75rem; letter-spacing: -0.055rem; font-weight: 700; color: #222; text-align: center; }

.login-content .left-area .inner p { font-size: 0.875rem; color: #222; letter-spacing: -0.0125rem; text-align: center; }

.login-content .right-area { height: 100%; -ms-flex: 2; flex: 2; overflow: hidden; padding: 9.3125rem 0 0 5rem; }

.login-content .right-area .inner { float: left; }

.login-content .right-area .inner .logo { padding-top: 0.25rem; margin-bottom: 2.625rem; }

.login-content .right-area .inner .logo.big { text-align: left; margin-left: 6.75rem; margin-bottom: 4.6875rem; }

.login-content .right-area .inner h2 { margin-bottom: 0.625rem; font-size: 1.25rem; color: #222; letter-spacing: -0.03125rem; }

.login-content .right-area .inner h2.mb30 { margin-bottom: 1.875rem; }

.login-content .right-area .inner .field { margin-bottom: 1rem; }

.login-content .right-area .inner .field label { margin-bottom: 0.625rem; font-size: 0.875rem; color: #4c4c4c; letter-spacing: -0.0125rem; }

.login-content .right-area .inner .field .input { width: 18.75rem !important;}

.login-content .right-area .inner .field .input input { width: 100%; }

.login-content .right-area .inner .field:nth-child(2) { margin-bottom: 0; }

.login-content .right-area .inner .save-id-wrap { width: 18.75rem; margin-top: 1.25rem; overflow: hidden; }

/*.login-content .right-area .inner .save-id-wrap .checkbox { float: left; }*/

.login-content .right-area .inner .save-id-wrap .checkbox label { color: #222; }

/*.login-content .right-area .inner .save-id-wrap .first-pw-guide { float: right; font-size: 0.875rem; line-height: 1.5rem; color: #0e73db; letter-spacing: -0.0125rem; vertical-align: middle; text-decoration: underline; }*/

.login-content .right-area .inner .button { display: block; width: 18.75rem; }

.login-content .right-area .inner .button.login { margin-top: 2rem; }

.login-content .right-area .inner .txt-btn-area { width:18.75rem;margin: 0.8125rem 0 2rem; text-align: center; }

.login-content .right-area .inner .txt-btn-area li { position: relative; display: inline-block; padding: 0 0.75rem 0 0.625rem; }

/* .login-content .right-area .inner .txt-btn-area li::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; display: inline-block; width: 1px; height: 12px; background: #ddd; } */

/*.login-content .right-area .inner .txt-btn-area li:last-child::after { display: none; }*/

.login-content .right-area .inner .txt-btn-area li a, .login-content .right-area .inner .txt-btn-area li button { display: block; line-height: 1.25rem; font-size: 0.875rem; letter-spacing: -0.01438rem; color: #222; }

.login-content .right-area .inner .login-guide li { margin-bottom: 0.25rem; position: relative; padding-left: 0.6875rem; font-size: 0.75rem; color: #4c4c4c; letter-spacing: -0.0125rem; }

.login-content .right-area .inner .login-guide li::before { position: absolute; top: 50%; left: 0; margin-top: -2px; content: ''; display: inline-block; width: 0.1875rem; height: 0.1875rem; border-radius: 100%; background: #4c4c4c; }


/* 로그인 및 기타 비밀번호 관련 화면 다국어버튼 수정 - 2021.12*/
/* .login-content .right-area .login-language-guide{display:flex;width:28.75rem;margin-top:1.25rem;padding-top:.625rem;border-top:1px solid #ddd;}
.login-content .right-area .login-language-guide ul{display:flex;margin-left:.625rem;}
.login-content .right-area .login-language-guide li{position:relative;}
.login-content .right-area .login-language-guide li + li{margin-left:.313rem;padding-left:.313rem;}
.login-content .right-area .login-language-guide li + li:before{content: '';position: absolute;left: 0;top: 50%;display:block;width:2px;height:2px;border-radius:50%;background:#848589;}
.login-content .right-area .login-language-guide li button{margin-top:-3px;font-size:.75rem;color:#848589;}
.login-content .right-area .login-language-guide li.active button{text-decoration: underline;color:#000;}
 */
.login-content .right-area .login-language-guide{display: flex; margin : 27px 0}
.login-content .right-area .login-language-guide i{display: none;}
.login-content .right-area .login-language-guide ul{display: flex; overflow: hidden; border-radius: 17px;}
.login-content .right-area .login-language-guide li{position:relative; padding : 8px 24px; background-color: #f6f6f6;}
.login-content .right-area .login-language-guide li + li{margin-left:-13px}
.login-content .right-area .login-language-guide li.active {background-color: #00bfae; border-radius: 17px; z-index:2}
.login-content .right-area .login-language-guide li button{display: block; color:#999; font-size: 0.75rem; letter-spacing: -0.3px;}
.login-content .right-area .login-language-guide li.active button{color:#fff}
.login-content .right-area.sty2 .logo.big{margin: 0 1.8rem 0 0}
.login-content .right-area .login_1{font-size: 20px; margin-bottom:10px;}
.login-content .right-area.sty2 .inner.pw-change .logo{margin-bottom: 0}
/* 로그인 및 기타 비밀번호 관련 화면 다국어버튼 수정 */

/*.login-content .right-area .inner .forget-pw { padding-top: 0.625rem; font-size: 0.75rem; letter-spacing: -0.00625rem; color: #4c4c4c; }*/

/*.login-content .right-area .inner .forget-pw a { text-decoration: underline; }*/

/*.login-content .right-area .inner .help-desk { margin-top: 1.25rem; font-size: 0.75rem; letter-spacing: -0.00625rem; color: #4c4c4c; }*/

.login-content .right-area .inner .making-guide { padding: 0.5rem 0 1.25rem; font-size: 0.75rem; letter-spacing: -0.0125rem;color:#4c4c4c; }

.login-content .right-area .inner .making-guide > span{display:block;margin-bottom:.25rem; color:#4c4c4c;}
.login-content .right-area .inner .making-guide > span + a{text-decoration: underline;font-weight:900;color:#4c4c4c;}

.login-content .right-area .inner .making-guide.error { color: #e1002a; overflow: hidden; }

.login-content .right-area .inner .making-guide.error .icon { float: left; margin: 0.125rem 0.25rem 0 0; vertical-align: middle; }

.login-content .right-area .inner .making-guide.error span { float: left; vertical-align: middle; line-height: 1.125rem; }

.login-content .right-area .inner .making-guide + .button.login { margin-top: 0; }

.login-content .right-area .inner.pw-change h2 { margin-bottom: 1.875rem; }

.login-content .right-area .inner.pw-change .field { margin-bottom: 1.25rem; }

.login-content .right-area .inner.pw-change .field:nth-child(2) { margin-bottom:.625rem; }

.login-content .right-area .inner.pw-change-done .text-wrap { margin-bottom: 3.125rem; }

.login-content .right-area .inner.pw-change-done .text-wrap h2 { margin-bottom: 1.875rem; }

.login-content .right-area .inner.pw-change-done .text-wrap p { font-size: 0.875rem; color: #4c4c4c; letter-spacing: -0.0125rem; }

.login-content .right-area .inner.pw-reset h2 { margin-bottom: 1.875rem; }

.login-content .right-area .inner.pw-reset .field { margin: 0; }

.login-content .right-area .inner.pw-reset .form + .form { margin-top: 2.5rem; }

.login-content .right-area .inner.interest .text-wrap { padding-bottom: 3.125rem; }

.login-content .right-area .inner.interest .text-wrap h2 { margin-bottom: 1.75rem; font-size: 1.75rem; letter-spacing: -0.04375rem; color: #222; font-weight: 700; }

.login-content .right-area .inner.interest .text-wrap p { font-size: 1rem; color: #222; letter-spacing: -0.0125rem; }

.login-content .right-area .inner.interest .text-wrap p strong { font-weight: 700; }

.login-content .right-area .inner.interest .button { width: 13.75rem; }

.interest-content { width: 75rem; margin: 0 auto; }

.interest-content .header { width: 100%; height: 7.1875rem; overflow: hidden; }

.interest-content .header .logo { float: left; margin-top: 3.125rem; }

.interest-content .title-box { position: relative; width: 100%; height: 9.3125rem; padding-left: 17.5rem; box-sizing: border-box; border-radius: 0.5rem; background: #f4f7fd; }

.interest-content .title-box .woman { position: absolute; top: -0.5625rem; left: 3.0625rem; }

.interest-content .title-box h2 { padding: 1.5rem 0 0.5rem; font-size: 1.25rem; line-height: 1.8125rem; color: #282e3b; font-weight: 700; letter-spacing: -0.025rem; }

.interest-content .title-box p { font-size: 0.875rem; letter-spacing: -0.0125rem; color: #282e3b; line-height: 1.25rem; margin-bottom: 0.125rem; }

.interest-content .title-box .intro-sk { position: absolute; top: 3.125rem; right: 3.125rem; width: 12.5rem; height: 3rem; margin: 0; background: #6c788f; font-size: 0.875rem; font-weight: 700; color: #fff; }

.interest-content .title-filter { padding: 2.5rem 0 1.25rem; font-size: 1rem; color: #4c4c4c; font-weight: 700; letter-spacing: -0.01875rem; }

.interest-content .title-filter span { font-weight: 400; }

.interest-content .button-area { text-align: center; padding: 2.5rem 0 8.25rem; }

.interest-content .select-error { margin-top: 0.6875rem; overflow: hidden; }

.interest-content .select-error .icon { float: left; vertical-align: middle; }

.interest-content .select-error span { float: left; margin-left: 0.25rem; font-size: 0.75rem; color: #e1002a; letter-spacing: -0.1px; vertical-align: middle; }

.interest-content .select-error + .button-area { padding-top: 0.6875rem; }

.interest-content.step1 .filter-wrap { width: 100%; height: 25.125rem; border: 1px solid #cfd7e6; border-radius: 0.5rem; }

.interest-content.step1 .filter-wrap .column:nth-of-type(1) { display: table-cell; width: 21.875rem; border-right: 0.0625rem solid #d6deed; }

.interest-content.step1 .filter-wrap .column:nth-of-type(2) { display: table-cell; width: 22.875rem; border-right: 0.0625rem solid #d6deed; }

.interest-content.step1 .filter-wrap .column:nth-of-type(3) { display: table-cell; width: 25.75rem; }

.interest-content.step1 .filter-wrap .f-tit { height: auto; line-height: 1; border-bottom: 0; color: #4c4c4c; padding: 1.875rem 0 1.5rem; }

.interest-content.step1 .filter-wrap .f-tit .counter { margin-left: 0.625rem; font-weight: 400; }

.interest-content.step1 .filter-wrap .f-tit .counter .now { font-weight: 700; }

.interest-content.step1 .filter-wrap .f-list .scrolling { margin: 0 0.625rem 0 0; }

.interest-content.step1 .filter-wrap .f-list .college { max-height: 20.6875rem; padding: 0 0 3.75rem 1.875rem; }

.interest-content.step1 .filter-wrap .f-list .college .radio { width: 17.5rem; margin-bottom: 0.75rem; }

.interest-content.step1 .filter-wrap .f-list .college button { width: 17.5rem; margin-bottom: 0.75rem; }

.interest-content.step1 .filter-wrap .f-list .channel { height: 20.6875rem; max-height: 20.6875rem; padding: 0 0 3.75rem 1.875rem; }

.interest-content.step1 .filter-wrap .f-list .selected { max-height: 20.6875rem; padding: 0 0 3.75rem 1.875rem; }

.interest-content.step1 .filter-wrap .f-list .empty { font-size: 0.875rem; color: #4c4c4c; }

.interest-content.step1 .filter-wrap .clear { position: absolute; right: 1.875rem; top: 1.625rem; }

.interest-content.step2 .select-cont-wrap { display: table; width: 100%; height: 25.125rem; padding-top: 0.375rem; border-bottom: 0.0625rem solid #eee; }

.interest-content.step2 .select-cont-wrap .select-title { position: relative; margin-bottom: 1rem; font-size: 0.875rem; color: #4c4c4c; letter-spacing: -0.0125rem; padding-left: 0.875rem; font-weight: 700; }

.interest-content.step2 .select-cont-wrap .select-title::after { position: absolute; left: 0; top: 0.5rem; content: ''; display: inline-block; width: 0.25rem; height: 0.25rem; background: #db1111; border-radius: 100%; }

.interest-content.step2 .select-cont-wrap .select-box { display: table-cell; text-align: left; }

.interest-content.step2 .select-cont-wrap .select-box:nth-child(1) { width: 28.6875rem; }

.interest-content.step2 .select-cont-wrap .select-box .selection { width: 25rem; }

.interest-content.step2 .select-cont-wrap .select-box .input { width: 27.5rem; }

.interest-content.step2 .button-area .button { margin: 0 0.875rem; }

.interest-content.step3 .type-check-box { border-bottom: 0.0625rem solid #eee; }

.interest-content.step3 .type-check-box .check-area { padding: 0.375rem 0 2.5rem; }

.interest-content.step3 .type-check-box.type .title-filter { padding: 2.375rem 0 1.25rem; }

.interest-content.step3 .type-check-box.type .checkbox:nth-child(1) { width: 11.8125rem; }

.interest-content.step3 .type-check-box.type .checkbox:nth-child(2) { width: 10.6875rem; }

.interest-content.step3 .type-check-box.location .checkbox { width: 15.75rem; margin-bottom: 1.25rem; }

.interest-content.step3 .type-check-box.location .checkbox:nth-child(3), .interest-content.step3 .type-check-box.location .checkbox:nth-child(7) { width: 15.5625rem; }

.interest-content.step3 .type-check-box.location .checkbox:nth-child(4), .interest-content.step3 .type-check-box.location .checkbox:nth-child(9) { width: 13.5rem; }

.interest-content.step3 .type-check-box.location .checkbox:nth-child(5), .interest-content.step3 .type-check-box.location .checkbox:nth-child(10) { width: 12.5rem; }

.interest-content.step3 .type-check-box.location .checkbox:nth-child(n+6) { margin-bottom: 0; }

.interest-content.step3 .type-check-box.time .checkbox:nth-child(1) { width: 11.8125rem; }

.interest-content.step3 .type-check-box.time .checkbox:nth-child(2) { width: 10.6875rem; }

.interest-content.step3 .type-check-box.purpose .checkbox { width: 31.625rem; margin-bottom: 1.25rem; }

.interest-content.step3 .type-check-box.purpose .etc-input { padding-top: 0.3125rem; }

.interest-content.step3 .type-check-box.purpose .etc-input label { margin-right: 1rem; font-size: 0.875rem; line-height: 3rem; color: #7f7f7f; font-weight: 700; }

.interest-content.step3 .type-check-box.purpose .etc-input .input { width: 45.5625rem; }

.interest-content.step3 .button-area .button { margin: 0 0.875rem; }

.login-set .top { background: #f4f7fd; height: 33.75rem; }

.login-set .top .inner { width: 75rem; margin: 0 auto; padding: 7.5rem 0 0; overflow: hidden; }

.login-set .top .inner .img-wrap { float: left; width: 32.5rem; height: 20.875rem; background: url("../img/start-img.png") 0 0 no-repeat; background-size: 100% auto; }

.login-set .top .inner .text-wrap { float: left; padding: 1.75rem 0 0 6.25rem; }

.login-set .top .inner .text-wrap h2 { margin-bottom: 1.75rem; font-size: 1.75rem; letter-spacing: -0.04375rem; color: #222; font-weight: 700; }

.login-set .top .inner .text-wrap p { font-size: 1rem; color: #222; letter-spacing: -0.0125rem; }

.login-set .top .inner .text-wrap p strong { font-weight: 700; }

.login-set .top .inner .text-wrap .button { margin-top: 3.125rem; width: 13.75rem; }

.login-set .start-wrap { padding: 2.5rem 0 7.5rem; text-align: center; border-top: 0.0625rem solid #c8d0e0; }

.login-set .start-wrap .button { display: inline-block; }

.popup-wrap { width: 246px; }

.popup-wrap .popup.custom-black { background: rgba(50, 53, 59, 0.9); box-shadow: 0 2px 6px 0 #888888; border: 0; color: #fff; font-size: 0.75rem; line-height: 1rem; letter-spacing: -0.01125rem; }

.popup-wrap .popup.custom-black::before { width: 0px; height: 0px; border-top: 0; border-bottom: 8px solid rgba(50, 53, 59, 0.9); border-right: 5px solid transparent; border-left: 5px solid  transparent; top: -0.5rem !important; transform: rotate(0); box-shadow: none !important; }

.terms-content { width: 75rem; margin: 0 auto 80px; }

.terms-content .logo { padding: 3.25rem 0 4.125rem; }

.terms-content .title1 { margin-bottom: 1.875rem; font-size: 1.25rem; line-height: 1.8125rem; letter-spacing: -0.03125rem; color: #222; }

.terms-content .title2 { margin-bottom: 0.625rem; font-size: 1rem; letter-spacing: -0.03125rem; color: #4c4c4c; font-weight: 700; }

.terms-content .terms-text-wrap { height: 29.8125rem; padding: 1.875rem; box-sizing: border-box; border: 1px solid #eee; overflow: auto; }

.terms-content .terms-text-wrap .inner { width: 100%; height: 100%; overflow: auto; font-size: 0.875rem; color: #4c4c4c; letter-spacing: -0.0125rem; }

.terms-content .error { margin: 1.25rem 0 0; font-size: 0.875rem; color: #e1002a; letter-spacing: -0.0125rem; }

/*.terms-content .guide { margin: 1.25rem 0 0; font-size: 0.875rem; color: #4c4c4c; letter-spacing: -0.0125rem; }*/

.terms-content .button-area { margin-top: 2.5rem; text-align: center; }

.terms-content .button-area .button { margin: 0 0.875rem; }

.terms-content .join-agree-area li { margin-bottom: 0.6875rem; }

.terms-content .join-agree-area li label { font-size: 1rem; color: #4c4c4c; }

.terms-content .join-agree-area li:nth-child(1) { margin-bottom: 1.25rem; }

.terms-content .join-agree-area li:nth-child(1) label { font-weight: 700; }

.terms-content .join-agree-area li:last-child { margin-bottom: 1.25rem; }

.support .main-info-area .support-info { display: table; width: 75rem; height: 11.0625rem; margin: 0 auto; }

.support .main-info-area .support-info .title-area { display: table-cell; width: 21.375rem; vertical-align: top; }

.support .main-info-area .support-info .title-area .line-wrap { position: relative; padding: 3.125rem 0 0; }

.support .main-info-area .support-info .title-area .line-wrap::after { position: absolute; right: 0; top: 4.5625rem; content: ''; display: block; width: 0.0625rem; height: 2.5rem; background: #eee; }

.support .main-info-area .support-info .tip-area:before { content: ''; display: inline-block; width: 1px; height: 40px; position: absolute; left: 0px; top: 73px; background-color: #eee;}

.support .main-info-area .support-info .title-area .title { margin-bottom: 0.5625rem; font-size: 1.75rem; line-height: 2.375rem; font-weight: 700; letter-spacing: -0.03125rem; color: #222; }

.support .main-info-area .support-info .title-area .text { font-size: 0.875rem; line-height: 1.25rem; letter-spacing: -0.0125rem; color: #222; }

.support .main-info-area .support-info .title-area .text .dash { display: inline-block; width: 0.0625rem; height: 0.625rem; background: #c8d0e0; margin: 0 0.5rem; }

.support .main-info-area .support-info .title-area .text i { vertical-align: middle; position: relative; top: -0.0625rem; margin: 0 0.0625rem 0 0; }

.support .main-info-area .support-info .tip-area { display: table-cell; padding: 4.0625rem 0 0 3.75rem; overflow: hidden; vertical-align: top; position: relative;}

.support .main-info-area .support-info .tip-area .label { float: left; font-size: 0.875rem; line-height: 1.25rem; color: #666; letter-spacing: -0.0075rem; }

.support .main-info-area .support-info .tip-area .q-list { float: left; margin-left: 0.9375rem; }

.support .main-info-area .support-info .tip-area .q-list a { display: block; position: relative; padding-left: 1.0625rem; margin-bottom: 0.375rem; }

.support .main-info-area .support-info .tip-area .q-list a:last-child { margin-bottom: 0; }

.support .main-info-area .support-info .tip-area .q-list a::after { position: absolute; left: 0; top: 0; content: 'Q'; font-size: 0.875rem; color: #222; line-height: 1.25rem; }

.support .main-info-area .support-info .tip-area .q-list a .ellipsis { max-width: 31.875rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: -0.0125rem; color: #222; text-decoration: underline; }

.support .support-list-wrap { padding: 3.125rem 0 0; }

.support .support-list-wrap .list-top { overflow: hidden; padding-bottom: 1rem; }

.support .support-list-wrap .list-top .radio-wrap { float: right; margin-top: 0.125rem; }

.support .support-list-wrap .list-top .radio-wrap .checkbox { margin-left: 0.8125rem; margin-right: 0; }

.support .support-list-wrap .list-top .button.post { float: right; margin-left: 1.875rem; }

.support .support-list-wrap .su-list { display: table; width: 100%; border-radius: 0.5rem; overflow: hidden; background: #fff; box-shadow: 0 2px 6px 0 #ccd4e7; }

.support .support-list-wrap .su-list .row { display: table-row; height: 4.25rem; }

.support .support-list-wrap .su-list .row:nth-child(1) .cell { border-top: 0; }

.support .support-list-wrap .su-list .row .cell { display: table-cell; vertical-align: middle; border-top: 0.0625rem solid #eee; }

.support .support-list-wrap .su-list .row .cell.title { padding-left: 1.875rem; font-size: 1rem; color: #222; letter-spacing: -0.025rem; }

.support .support-list-wrap .su-list .row .cell.title .inner { position: relative; display: inline-block; }

.support .support-list-wrap .su-list .row .cell.title .ellipsis { position: relative; display: inline-block; max-width: 47.5rem; vertical-align: middle; }

.support .support-list-wrap .su-list .row .cell.title .rep-num { display: inline-block; vertical-align: middle; margin-left: 0.25rem; }

.support .support-list-wrap .su-list .row .cell.title .rep-num strong { font-weight: 700; }

.support .support-list-wrap .su-list .row .cell.view { width: 6.875rem; text-align: right; font-size: 1rem; color: #888; letter-spacing: -0.025rem; vertical-align: middle; }

.support .support-list-wrap .su-list .row .cell.date { width: 8.625rem; text-align: right; padding-right: 1.875rem; text-align: right; font-size: 1rem; color: #888; letter-spacing: -0.025rem; vertical-align: middle; }

.support .support-list-wrap .su-list .row .cell.category { width: 6.875rem; text-align: right; color: #222; letter-spacing: -0.025rem; vertical-align: middle; }

.support .support-list-wrap .su-list .row .cell.status { width: 6.75rem; text-align: right; letter-spacing: -0.025rem; vertical-align: middle; color: #222; }

.support .support-list-wrap .su-list .row .cell.status.waiting { color: #888; }

.support .support-list-wrap .su-list .row.important .title .inner { padding-left: 1.25rem; }

.support .support-list-wrap .su-list .row.important .title .inner::before { position: absolute; left: 0; top: 50%; margin-top: -0.1875rem; content: ''; display: inline-block; width: 0.625rem; height: 0.625rem; border: 0.125rem solid #e1002a; box-sizing: border-box; border-radius: 100%; }

.support .support-list-wrap .su-list .row.new .title .inner { padding-right: 2.0625rem; }

.support .support-list-wrap .su-list .row.new .title .inner::after { position: absolute; right: 0; top: 0.0625rem; content: 'NEW'; font-size: 0.75rem; line-height: 1.75rem; letter-spacing: -0.01875rem; color: #ff664d; vertical-align: middle; font-weight: 700; }

.support .support-list-wrap .su-list.qna .row.reply .cell { border-top: 0; display: table-cell; background: #fafcff; }

.support .support-list-wrap .su-list.qna .row.reply .cell.title .icon { margin-top: 0.4375rem; margin-right: 0.875rem; }

.support .support-list-wrap .su-list.qna .row.reply + .row .cell { border-top: 0; }

.support .post-view-wrap .post-view { border-bottom: 0.0625rem solid #d6deed; }

.support .post-view-wrap .post-view .title-area .title-inner { padding: 3.625rem 0 2.125rem; }

.support .post-view-wrap .post-view .title-area .title-inner .actions { position: absolute; right: 7px; bottom: 2.6875rem; }

.support .post-view-wrap .post-view .content-area .content-inner { min-height: 31.25rem; padding: 3.125rem 0 1.875rem; }

.support .post-view-wrap .post-view .content-area .content-inner p { margin-bottom: 1.875rem; font-size: 0.875rem; line-height: 1.5rem; color: #282e3b; }

.support .post-view-wrap .post-view .content-area .content-inner img { display: block; max-width: 100%; margin-bottom: 1.875rem; }

.support .post-view-wrap .post-view .content-area .file { width: 1200px; margin: 0 auto; padding: 0 0 3.125rem 0; font-size: 0.875rem; color: #282e3b; line-height: 1.5rem; vertical-align: middle; }

.support .post-view-wrap .post-view .content-area .file * { vertical-align: middle; display: inline-block; line-height: 1.5rem; }

.support .post-view-wrap .post-view .content-area .file .link { margin-top: -0.125rem; }

.support .post-view-wrap .post-view .content-area .file .link .ellipsis { display: inline-block; max-width: 43.75rem; color: #0e73db; text-decoration: underline; line-height: 1.5rem; vertical-align: middle; }

.support .post-view-wrap .actions.bottom { width: 1200px; text-align: right; margin: 3.1875rem auto 0; }

.support .post-view-wrap .actions.bottom button { display: inline-block; margin-right: 0.375rem; }

.support .post-view-wrap .comment-area + .actions.bottom { margin: 1.875rem auto 0; }

.confirm-list-wrap { padding: 3.125rem 0 0; }

.confirm-list-wrap .list-top { overflow: hidden; padding-bottom: 1rem; }

.confirm-list-wrap .list-top .radio-wrap { float: right; margin-top: 0.125rem; }

.confirm-list-wrap .list-top .radio-wrap .checkbox { margin-left: 0.8125rem; margin-right: 0; }

.confirm-list-wrap .list-top .button.post { float: right; margin-left: 1.875rem; }

.confirm-list-wrap .confirm-list { display: table; width: 100%; border-radius: 0.5rem; overflow: hidden; background: #fff; box-shadow: 0 2px 6px 0 #ccd4e7; }

.confirm-list-wrap .confirm-list .row { display: table-row; height: 4.25rem; }

.confirm-list-wrap .confirm-list .row.thead { height: 3rem; }

.confirm-list-wrap .confirm-list .row.thead .cell { border-top: 0; font-weight: 700; font-size: 0.875rem; font-weight: 700; text-align: center; }

.confirm-list-wrap .confirm-list .row.thead .cell.ck { vertical-align: top; padding-top: 0.875rem; }

.confirm-list-wrap .confirm-list .row.thead .cell.title { text-align: left; }

.confirm-list-wrap .confirm-list .row .cell { display: table-cell; vertical-align: middle; text-align: center; border-top: 0.0625rem solid #eee; font-size: 1rem; color: #222; }

.confirm-list-wrap .confirm-list .row .cell.ck { width: 1.5rem; padding-left: 28px; padding-top: 1.375rem; vertical-align: top; }

.confirm-list-wrap .confirm-list .row .cell.num { width: 5rem; }

.confirm-list-wrap .confirm-list .row .cell.name { padding-left: 1.5625rem; padding-right: 1.25rem; width: 6.25rem; text-align: center; }

.confirm-list-wrap .confirm-list .row .cell.name .ellipsis { width: 90px; }

.confirm-list-wrap .confirm-list .row .cell.title { padding-left: 3.125rem; text-align: left; width: 32.375rem; }

.confirm-list-wrap .confirm-list .row .cell.title .ellipsis { position: relative; display: inline-block; letter-spacing: -0.025rem; max-width: 32.375rem; vertical-align: middle; }

.confirm-list-wrap .confirm-list .row .cell.date { width: 5rem; padding-right: 1.875rem; }

.confirm-list-wrap .confirm-list + .more-comments { padding-bottom: 3.75rem; border-bottom: 0.0625rem solid #d6deed; }

.confirm-list-wrap .confirm-list.typeB .row .cell.name { width: 6.25rem; text-align: center; padding-left: 1.25rem; padding-right: 1.25rem; }

.confirm-list-wrap .confirm-list.typeB .row .cell.name .ellipsis { max-width: 90px; }

.confirm-list-wrap .confirm-list.typeB .row .cell.title { padding-left: 1.875rem; padding-right: 3.125rem; text-align: left; width: 26.0625rem; }

.confirm-list-wrap .confirm-list.typeB .row .cell.title .ellipsis { position: relative; display: inline-block; letter-spacing: -0.025rem; max-width: 26.0625rem; vertical-align: middle; }

.confirm-list-wrap .confirm-list.typeB .row .cell.date { width: 11.3125rem; padding-right: 0; text-align: center; }

.confirm-list-wrap .confirm-list.typeB .row .cell.reason { width: 3.75rem; padding-right: 1.875rem; }

.confirm-list-wrap .confirm-list.typeB .row .cell.reason .txt-blue { color: #0e73db; text-decoration: underline; }

.confirm-list-wrap .actions.bottom { width: 1200px; text-align: right; margin: 1.875rem auto 0; }

.confirm-list-wrap .actions.bottom button { display: inline-block; margin-left: 0.375rem; margin-right: 0; }

.ui .form .my-03-01-pop .text1 { margin-bottom: 0.125rem; font-size: 0.875rem; color: #222; font-weight: 700; letter-spacing: -0.025rem; line-height: 1.5rem; }

.ui .form .my-03-01-pop .text2 { margin-bottom: 1.875rem; font-size: 0.875rem; color: #4c4c4c; letter-spacing: -0.025rem; line-height: 1.5rem; }

.ui .form .my-03-01-pop textarea { width: 100%; height: 9.75rem; padding: 1.125rem 2rem 1.125rem 1.125rem; border: 0.0625rem solid #7f7f7f; border-radius: 0.25rem; font-size: 0.875rem; }

.my-03-02-pop { display: table; width: 100%; }

.my-03-02-pop dl { display: table-row; }

.my-03-02-pop dl dt { display: table-cell; width: 8.5rem; text-align: left; vertical-align: top; padding-bottom: 1.125rem; }

.my-03-02-pop dl dt:last-child { padding-bottom: 0; }

.my-03-02-pop dl dt span { display: block; position: relative; padding-left: 0.625rem; font-size: 0.875rem; color: #666; line-height: 1.5rem; }

.my-03-02-pop dl dt span::after { position: absolute; top: 50%; left: 0; margin-top: -0.125rem; content: ''; display: inline-block; width: 0.25rem; height: 0.25rem; border-radius: 100%; background: #666; }

.my-03-02-pop dl dd { display: table-cell; width: 30.25rem; text-align: left; vertical-align: top; font-size: 0.875rem; line-height: 1.5rem; color: #222; letter-spacing: -0.025rem; padding-bottom: 1.125rem; }

.my-03-02-pop dl dd:last-child { padding-bottom: 0; }

.result-view { padding: 3.125rem 0; }

.result-view .title { margin-bottom: 1.375rem; font-size: 1rem; letter-spacing: -0.025rem; font-weight: 700; color: #233b6a; }

.result-view .title.mt50 { margin-top: 3.125rem; }

.result-view .title.mb14 { margin-bottom: 0.875rem; }

.result-view dl dt { position: relative; padding-left: 0.875rem; font-size: 0.875rem; letter-spacing: -0.025rem; font-weight: 700; color: #4c4c4c; }

.result-view dl dt::after { position: absolute; top: 50%; left: 0; margin-top: -0.125rem; content: ''; display: inline-block; width: 0.25rem; height: 0.25rem; background: #717988; border-radius: 100%; }

.result-view dl dd { font-size: 0.875rem; color: #222; letter-spacing: -0.025rem; }

.result-view dl dd .blue, .result-view dl dd.blue { font-weight: 700; color: #0e73db; }

.result-view dl.in { margin-bottom: 1.875rem; }

.result-view dl.in dt { display: inline-block; width: 11.5625rem; box-sizing: border-box; }

.result-view dl.in dd { display: inline-block; }

.result-view dl.bl dt { display: block; margin-bottom: 0.875rem; }

.result-view dl.bl dd .view-table { width: 100%; border-top: 0.0625rem solid #6c788f; }

.result-view dl.bl dd .view-table tr th { border-bottom: 0.0625rem solid #c8d0e0; border-right: 0.0625rem solid #c8d0e0; width: 11.0625rem; min-height: 3rem; padding: 0.875rem 0 0.875rem 0.75rem; color: #6c788f; font-weight: 700; text-align: left; vertical-align: top; }

.result-view dl.bl dd .view-table tr td { border-bottom: 0.0625rem solid #c8d0e0; padding: 0.875rem; text-align: left; }

.result-view dl.bl dd textarea { width: 100%; height: 6.75rem !important; padding: 1.125rem 2rem 1.125rem 1.125rem; box-sizing: border-box; border: 0.0625rem solid #7f7f7f; }

.create .progress-info-wrap .cell:nth-child(1) .cell-inner::after { display: none; }

.create .progress-info-wrap .create-wrap { text-align: right; }

.create .progress-info-wrap .create-wrap .button:nth-child(1) { margin: 0.125rem 1rem 0 0; }

.create .progress-info-wrap .create-wrap .button:nth-child(2) { margin: 0.125rem 0 0 0; }

.create .create-list-wrap .table { background: #fff; box-shadow: 0 2px 6px 0 #ccd4e7; border-radius: 0.5rem; border: 0; }

.create .create-list-wrap .table th { padding: 0; height: 3rem; font-size: 0.875rem; color: #222; letter-spacing: -0.0125rem; background: #fff; border-color: #eee; text-align: center; }

.create .create-list-wrap .table td { padding: 0; height: 4.25rem; font-size: 1rem; letter-spacing: -0.025rem; color: #222; background: #fff; border-color: #eee; text-align: center; }

.create .create-list-wrap .table .no { width: 5rem; text-align: center; }

.create .create-list-wrap .table .title { padding: 0 2.6875rem 0 1.25rem; width: 32.1875rem; text-align: left; }

.create .create-list-wrap .table .title .ellipsis { width: 31.375rem; }

.create .create-list-wrap .table .type { width: 7.0625rem; }

.create .create-list-wrap .table .status { width: 7.125rem; padding-left: 0.375rem; }

.create .create-list-wrap .table .open { width: 6.75rem; }

.create .create-list-wrap .table .people { width: 5rem; }

.create .create-list-wrap .table .date { width: 8.75rem; }

.create .create-list-wrap + .more-comments { padding: 1.5625rem 0 0; }

.create .no-cont-wrap { padding-top: 7.5rem !important; }

.create .no-cont-wrap .btn-blue2 { margin: -0.1875rem 0 0 0.1875rem; }

.channel .main-info-area { border-bottom: 0.0625rem solid #d6deed; }

.channel .main-info-area .progress-info-wrap { width: 75rem; margin: 0 auto; height: 12.375rem; }

.channel .main-info-area .progress-info-wrap .cell.thumb { padding: 3.125rem 0 0 0; width: 7.125rem; text-align: left; vertical-align: top; }

.channel .main-info-area .progress-info-wrap .cell.title { width: 52.0625rem; padding: 3.125rem 0 0 0; vertical-align: top; text-align: left; }

.channel .main-info-area .progress-info-wrap .cell.title .college-name { margin-bottom: 0.5625rem; font-size: 1.75rem; line-height: 2.375rem; color: #222; letter-spacing: -0.03125rem; font-weight: 700; }

.channel .main-info-area .progress-info-wrap .cell.title p { width: 50rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: -0.0125rem; color: #222; }

.channel .main-info-area .progress-info-wrap .cell.title p em { display: block; font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: -0.0125rem; color: #222; font-style: normal; }

.channel .main-info-area .progress-info-wrap .cell.btn-wrap { text-align: right; padding: 0.0625rem 0.375rem 0 0; vertical-align: middle; width: 15.6875rem; }

.channel .main-info-area .progress-info-wrap .cell.btn-wrap .button { width: 15.6875rem; }

.channel .college-detail { padding: 3.125rem 0 0; }

.channel .college-detail .channel-of-interest { padding: 1.25rem 0 1.25rem 0; border: 0.0625rem solid #c9d3e6; border-radius: 0.25rem; }

.channel .college-detail .channel-of-interest .cell:nth-of-type(1) { width: 7.125rem; }

.channel .college-detail .cont-wrap { padding: 2.5rem 0 0; }

.channel .college-detail .cont-wrap .section-top { overflow: hidden; padding-bottom: 1rem; }

.channel .college-detail .cont-wrap .section-top .section-count-big { float: left; font-size: 1.25rem; color: #282e3b; letter-spacing: -0.025rem; }

.channel .college-detail .cont-wrap .section-top .section-count-big strong { font-weight: 700; }

.channel .college-detail .cont-wrap .section-top .comments-sort { float: right; margin: 0; }

.channel .college-detail .cont-wrap .section { clear: both; }

.white-title { background: #fff; padding: 2.5rem 0; border-bottom: 0.0625rem solid #d6deed; }

.white-title .inner { width: 75rem; margin: 0 auto; font-size: 1.25rem; color: #282e3b; }

.white-title .inner strong { font-weight: 700; }

.log-intro-pop { padding: 1.875rem 0; }

.log-intro-pop .popup-bg { text-align: center; margin-bottom: 0.625rem; }

.log-intro-pop .popup-bg img { width: 28.125rem; height: 18.375rem; }

.log-intro-pop .logo { margin-bottom: 1.25rem; font-size: 1.25rem; color: #000; line-height: 2.0625rem; text-align: center; font-weight: 700; }

.log-intro-pop .textbox1 { font-size: 1.125rem; color: #222; line-height: 1.875rem; letter-spacing: -0.03375rem; font-weight: 700; text-align: center; }

.log-intro-pop .textbox2 { margin-bottom: 1.6875rem; font-size: 1.125rem; color: #666; line-height: 1.875rem; letter-spacing: -0.03375rem; text-align: center; }

.first-pw-table { padding-bottom: 0.875rem; background: #f2f2f2; }

.introduction { padding-bottom: 0 !important; }

.introduction .ui.attached.tab.full.segment { width: 100%; }

.introduction .common-intro { height: 28.8125rem; background: #fff; }

.introduction .common-intro .inner { width: 75rem; margin: 0 auto; padding: 9.375rem 0 9.125rem; }

.introduction .common-intro .inner .strong { margin-bottom: 1.125rem; font-size: 1.5rem; line-height: 2.25rem; color: #222; font-weight: 700; letter-spacing: -0.0375rem; }

.introduction .common-intro .inner .normal { font-size: 1.5rem; line-height: 2.25rem; color: #666; letter-spacing: -0.0375rem; }

.introduction .common-intro.case1 { height: 42.625rem; border-bottom: 0.0625rem solid #ddd; }

.introduction .common-intro.case1 .inner { height: 42.625rem; padding: 3.75rem 0 0 0; text-align: center; background: url("../img/intorduction-suni-logo.png") 0 14.625rem no-repeat; }

.introduction .common-intro.case1 .inner .strong { margin-bottom: 0.625rem; }

.introduction .common-intro.case2 .inner { background: url("../img/introduction-college.png") 100% 50% no-repeat; }

.introduction .common-intro.case3 { border-bottom: 0.0625rem solid #ddd; }

.introduction .common-intro.case3 .inner { background: url("../img/introduction-certification.png") 100% 50% no-repeat; }

.introduction .common-intro.case3 .inner .strong { margin-bottom: 1.4375rem; }

.introduction .college-cont-title { width: 75rem; margin: 0 auto; box-sizing: border-box; padding: 5rem 0 4.375rem 18.75rem; }

.introduction .college-cont-title .belt { position: relative; width: 75rem; margin: 0 auto; box-sizing: border-box; padding: 3rem 0 2.125rem 31.25rem; min-height: 21.5625rem; }

.introduction .college-cont-title .panopto { position: absolute; left: 0; top: 3.75rem; width: 27.25rem; height: 245px; }

.introduction .college-cont-title .panopto iframe { vertical-align: top; }

.introduction .college-cont-title .img { position: absolute; left: 0; top: 3.75rem; width: 27.25rem; height: 245px; }

.introduction .college-cont-title .img img { vertical-align: top; }

.introduction .college-cont-title .label { padding: 0 0 1.25rem 0; font-size: 1.875rem; line-height: 2.8125rem; font-weight: 700; }

.introduction .college-cont-title .strong { margin-bottom: 0.625rem; font-size: 1.5rem; line-height: 2.25rem; letter-spacing: -0.05rem; font-weight: 700; color: #222; }

.introduction .college-cont-title .normal { font-size: 1.25rem; line-height: 2rem; letter-spacing: -0.05rem; color: #666; }

.introduction .college-cont-title .tag-wrap { margin-top: 1.0625rem; padding-right: 6.875rem; }

.introduction .college-cont-title .tag-wrap li { display: inline-block; margin-bottom: 0.625rem; font-size: 0.875rem; font-weight: 700; line-height: 1; color: #666; margin-right: 1rem; }

/*.introduction .college-cont-title.ai { background: url("../img/college-ai.png") 0 5rem no-repeat; }*/

/*.introduction .college-cont-title.happiness { background: url("../img/college-happiness.png") 0 5rem no-repeat; }*/

/*.introduction .college-cont-title.dt { background: url("../img/college-dt.png") 0 5rem no-repeat; }*/

/*.introduction .college-cont-title.sv { background: url("../img/college-sv.png") 0 5rem no-repeat; }*/

/*.introduction .college-cont-title.design { background: url("../img/college-design.png") 0 5rem no-repeat; }*/

/*.introduction .college-cont-title.global { background: url("../img/college-global.png") 0 5rem no-repeat; }*/

/*.introduction .college-cont-title.leadership { background: url("../img/college-leadership.png") 0 5rem no-repeat; }*/

/*.introduction .college-cont-title.management { background: url("../img/college-management.png") 0 5rem no-repeat; }*/

.introduction .college-cont-title.ai .label { color: #9f3fc5; }

.introduction .college-cont-title.dt .label { color: #613fc6; }

.introduction .college-cont-title.happiness .belt { padding-left: 0; min-height: 18.5625rem; }

.introduction .college-cont-title.happiness .label { color: #ff9600; }

.introduction .college-cont-title.sv .label { color: #ee712c; }

.introduction .college-cont-title.design .label { color: #d72d2f; }

.introduction .college-cont-title.global .label { color: #38b84c; }

.introduction .college-cont-title.leadership .label { color: #2987cd; }

.introduction .college-cont-title.management .label { color: #28b4ac; }

.introduction .college-cont-title.semicond .label { color: #4b6bcc; }

.introduction .college-cont-title.skacademy .label { color: #ea6957; }

.introduction .college-cont-title.bmd .label { color: #bd38a5; }

.introduction .college-tag { border-top: 0.0625rem solid #ddd; padding: 0.125rem 0 3.125rem; }

.introduction .college-tag .belt { width: 75rem; margin: 0 auto; }

.introduction .college-tag .label { padding: 2.5rem 0 0.25rem 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.03125rem; color: #222; line-height: 1.8125rem; }

.introduction .college-tag .label::before { content: ''; display: inline-block; vertical-align: middle; width: 0.5rem; height: 0.5rem; background: #4c4c4c; border-radius: 100%; margin-right: 0.5rem; }

.introduction .college-tag .label.chip1::before { background: #9f3fc5; }

.introduction .college-tag .label.chip2::before { background: #6392c9; }

.introduction .college-tag .label.chip3::before { background: #6f50cc; }

.introduction .college-tag .label.chip4::before { background: #b371d5; }

.introduction .college-tag .label.chip5 { color: #ea6957; }

.introduction .college-tag .label.chip5::before { background: #ea6957; }

.introduction .college-tag .label.chip6 { color: #f6975e; }

.introduction .college-tag .label.chip6::before { background: #f6975e; }

.introduction .college-tag .label.chip7 { color: #f7b962; }

.introduction .college-tag .label.chip7::before { background: #f7b962; }

.introduction .college-tag .strong { margin: 0 0 0.4375rem 0; font-size: 1.25rem; letter-spacing: -0.03125rem; color: #4c4c4c; }

.introduction .college-tag .tag-wrap li { display: inline-block; margin-bottom: 0.625rem; font-size: 0.875rem; font-weight: 700; line-height: 1; color: #666; margin-right: 1rem; }

.introduction .college-tag.skacademy { padding: 0 0 7.5rem; border-top: 0; }

.introduction .college-tag.skacademy .label { padding: 1.875rem 0 0.25rem 0; }

/*.introduction .college-cont-title + .college-cont-map { padding-top: 10px; }*/

/*.introduction .college-cont-card { background: #f4f7fd; padding: 3.125rem 0 5rem; }*/

/*.introduction .college-cont-card .section-head { width: 75rem; margin: 0 auto; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.03rem; color: #282e3b; }*/

/*.introduction .college-cont-card .scrolling { width: 75rem; margin: 0 auto; padding: 1.25rem 0 0 0; }*/

/*.introduction .college-cont-card .scrolling .belt { white-space: nowrap; }*/

/*.introduction .college-cont-card .scrolling .belt li { margin: 0 0.5625rem 0 0; display: inline-block; white-space: normal; }*/

/*.introduction .college-cont-card .scrolling .belt .btn-area .full { width: 13.75rem !important; }*/

.introduction .college-free1 { border-top: 0.0625rem solid #ddd; padding: 2.625rem 0 3.125rem 0; }

.introduction .college-free1 .belt { width: 75rem; margin: 0 auto; }

.introduction .college-free1 .label { margin: 0 0 1.25rem 0; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.0375rem; color: #222; line-height: 2.25rem; }

.introduction .college-free1 .label::before { content: ''; display: inline-block; vertical-align: middle; width: 0.5rem; height: 0.5rem; background: #ff9600; border-radius: 100%; margin-right: 0.5rem; }

.introduction .college-free1 .normal { font-size: 1.25rem; line-height: 1.6; letter-spacing: -0.03125rem; color: #4c4c4c; }

.introduction .college-free1 .normal strong { font-weight: 700; }

.introduction .college-free1 .img { margin: 0 0 3.125rem 0; }

.introduction .college-free1 .img img { vertical-align: top; }

.introduction .college-free3 { padding: 3.0625rem 0 3.3125rem; border-top: 1px solid #ddd; }

.introduction .college-free3 .belt { width: 75rem; margin: 0 auto; }

.introduction .college-free3 .belt .img img { vertical-align: top; }

.introduction .college-free4 { padding: 3.125rem 0 3.125rem; border-top: 1px solid #ddd; }

.introduction .college-free4 .belt { width: 75rem; margin: 0 auto; }

.introduction .college-free4 .belt .label { margin-bottom: 1.875rem; font-size: 1.75rem; font-weight: 700; letter-spacing: -0.04375rem; color: #222; line-height: 2.5625rem; }

.introduction .college-free4 .belt .label::before { margin-top: -0.125rem; content: ''; display: inline-block; vertical-align: middle; width: 0.5rem; height: 0.5rem; background: #4b5dcc; border-radius: 100%; margin-right: 0.5rem; }

.introduction .college-free4 .belt .title { padding-top: 0.625rem; margin-bottom: 16px; font-size: 1.375rem; color: #222; letter-spacing: -0.03125rem; }

.introduction .college-free4 .belt .title strong { font-weight: 700; margin-right: 4px; }

.introduction .college-free4 .belt .dot-list dl { margin-bottom: 12px; }

.introduction .college-free4 .belt .dot-list dl:last-child { margin-bottom: 0; }

.introduction .college-free4 .belt .dot-list dl dt { display: inline-block; margin: 0 1.5rem 0 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.0375rem; color: #4c4c4c; line-height: 1.8125rem; }

.introduction .college-free4 .belt .dot-list dl dt .nbsp { letter-spacing: 2.1875rem; }

.introduction .college-free4 .belt .dot-list dl dd { display: inline-block; font-size: 1.25rem; letter-spacing: -0.0375rem; color: #4c4c4c; }

.introduction .college-free4.bottom { padding-bottom: 7.5rem; }

.introduction .college-free4.bottom .con { font-size: 1.25rem; color: #222; letter-spacing: -0.03125rem; }

.introduction .college-cont-map { border-top: 0.0625rem solid #ddd; background: #fff; padding: 3.125rem 0 7.5rem; }

.introduction .college-cont-map .belt { width: 75rem; margin: 0 auto; }

/*.introduction .college-cont-map .section-head { width: 75rem; margin: 0 auto 2.5rem auto; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.03rem; color: #282e3b; }*/

.introduction .college-cont-map .label { margin: 0 0 0.625rem 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.03125rem; color: #222; }

/*.introduction .college-cont-map .map { width: 75rem; margin: 0 auto; }*/

.introduction .college-cont-map .map img { max-width: 100%; vertical-align: top; float: left; }

.introduction .college-cont-map .list { margin: 0 0 0 8.4375rem; padding: 0 0 0 2.25rem; }

.introduction .college-cont-map .list > li { margin: 2.5rem 0 0 0; }

.introduction .college-cont-map .list .label { margin: 0 0 0.25rem 0; font-size: 1.25rem; line-height: 1.625rem; letter-spacing: -0.03125rem; text-indent: -2.25rem; }

.introduction .college-cont-map .list .label i { display: inline-block; vertical-align: middle; margin: 0 0.75rem 0 0; text-indent: 0; position: relative; top: -0.0625rem; }

.introduction .college-cont-map .list .label.chip1 { color: #4c4c4c; }

.introduction .college-cont-map .list .label.chip2 { color: #dd6567; }

.introduction .college-cont-map .list .label.chip3 { color: #ef8753; }

.introduction .college-cont-map .list .label.chip4 { color: #dd609d; }

.introduction .college-cont-map .list .normal { font-size: 1.25rem; line-height: 1.6; letter-spacing: -0.03125rem; color: #4c4c4c; margin: 0 0 0.375rem 0; }

.introduction .college-cont-map .list .tag-wrap li { display: inline-block; margin-bottom: 0.625rem; font-size: 0.875rem; font-weight: 700; line-height: 1; color: #666; margin-right: 1rem; }

.introduction .college-cont-map.in { width: 75rem; margin: 0 auto; }

.introduction .college-cont-map.skacademy { padding: 3.125rem 0 1.25rem; }

.introduction .intro-suni { padding: 4.375rem 0 6.25rem; }

.introduction .intro-suni .cont-text-box { text-align: center; }

.introduction .intro-suni .cont-text-box .title { margin-bottom: 1.25rem; font-size: 1.25rem; font-weight: 700; color: #ff664d; }

.introduction .intro-suni .cont-text-box .strong { margin-bottom: 0.625rem; font-size: 1.5rem; color: #222; font-weight: 700; letter-spacing: -0.0375rem; }

.introduction .intro-suni .cont-text-box .normal { font-size: 1.25rem; line-height: 2.25rem; color: #666; letter-spacing: -0.03125rem; }

.introduction .intro-suni .cont-text-box.mission { margin-bottom: 7.5rem; }

.introduction .intro-suni .direction { margin-bottom: 7.5rem; }

.introduction .intro-suni .solution { margin-bottom: 3.75rem; }

.introduction .intro-suni .solution-route { overflow: hidden; }

.introduction .intro-suni .solution-route li { text-align: center; width: 18.125rem; box-sizing: content-box; float: left; }

.introduction .intro-suni .solution-route li:nth-child(1) { padding-right: 10.3125rem; background: url("../img/dotline.png") 100% 3.8125rem no-repeat; }

.introduction .intro-suni .solution-route li:nth-child(3) { float: right; padding-left: 10.3125rem; background: url("../img/dotline.png") 0 3.8125rem no-repeat; }

.introduction .intro-suni .solution-route li h3 { margin-bottom: 0.75rem; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.0375rem; color: #222; }

.introduction .intro-suni .solution-route li .text { font-size: 1.125rem; color: #222; letter-spacing: -0.025rem; }

.introduction .providers { background: #f4f7fd; border-top: 0.0625rem solid #c8d0e0; }

.introduction .providers .inner { padding: 7.5rem 0; width: 75rem; margin: 0 auto; }

.introduction .providers h2 { margin-bottom: 2.5rem; font-size: 1.25rem; font-weight: 700; color: #000; letter-spacing: -0.0375rem; }

.introduction .providers ul li { margin: 0 1.3125rem 1.5625rem 0; display: inline-block; width: 13.75rem; height: 5rem; background: #fff; }

.introduction .providers ul li:nth-child(5n) { margin-right: 0; }

.introduction .certification { padding: 7.5rem 0; }

.introduction .certification .step-picture { margin-bottom: 7.8125rem; }

.introduction .certification .step-detail { padding-left: 1.1875rem; background: url("../img/img-step2.svg") 100% 1.375rem no-repeat; }

.introduction .certification .step-detail .step-text-box { margin-bottom: 5rem; }

.introduction .certification .step-detail .step-text-box:last-child { margin-bottom: 0; }

.introduction .certification .step-detail .step-text-box .num { margin-bottom: 0.9375rem; font-size: 1.25rem; color: #ff664d; font-weight: 700; }

.introduction .certification .step-detail .step-text-box .name { margin-bottom: 1.0625rem; font-size: 1.5rem; font-weight: 700; color: #222; }

.introduction .certification .step-detail .step-text-box ul li { position: relative; padding-left: 0.625rem; font-size: 1.25rem; line-height: 2.25rem; letter-spacing: -0.03125rem; color: #666; }

.introduction .certification .step-detail .step-text-box ul li::before { content: '-'; position: absolute; left: 0; top: 0; line-height: 2.25rem; color: #666; }

.video-class .video { position: relative; width: 100%; height: 562px; max-height: 70vh; }

.video-class .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 562px; }

.ml-05-p08 { padding: 1.875rem; }

.ml-05-p08 dl { margin-bottom: 1.25rem; display: table; width: 100%; }

.ml-05-p08 dl dt { display: table-cell; width: 8.6875rem; font-size: 0.875rem; letter-spacing: -0.025rem; color: #666; }

.ml-05-p08 dl dt span { position: relative; display: inline-block; padding-left: 0.75rem; }

.ml-05-p08 dl dt span::after { position: absolute; left: 0; top: 50%; margin-top: -0.125rem; content: ''; display: inline-block; width: 0.25rem; height: 0.25rem; background: #666; border-radius: 100%; }

.ml-05-p08 dl dd { display: table-cell; color: #222; font-size: 0.875rem; letter-spacing: -0.025rem; word-break: break-all; }

/* list filter */
.filter-wrap { position: relative; display: table; table-layout: fixed; width: 100%; }

.filter-wrap .column:nth-of-type(1) { display: table-cell; width: 18.125rem; border-right: 0.0625rem solid #d6deed; }

.filter-wrap .column:nth-of-type(2) { display: table-cell; width: 18.125rem; border-right: 0.0625rem solid #d6deed; }

.filter-wrap .column:nth-of-type(3) { display: table-cell; width: 26.25rem; }

.filter-wrap .f-tit { height: 2.5rem; border-bottom: 0.0625rem solid #d6deed; text-indent: 1.875rem; font-size: 0.875rem; font-weight: 700; color: #666; line-height: 2.5rem; }

.filter-wrap .f-tit .counter { margin-left: 0.625rem; font-weight: 400; }

.filter-wrap .f-tit .counter .now { font-weight: 700; }

.filter-wrap .f-list .scrolling { margin: 0 0.625rem 0 0; }

.filter-wrap .f-list .college { max-height: 60vh; box-sizing: border-box; padding: 1.875rem 0 3.75rem 1.25rem; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

.filter-wrap .f-list .college button { margin-bottom: 0.625rem; }

.filter-wrap .f-list .college button:last-of-type { margin-bottom: 0; }

.filter-wrap .f-list .channel { max-height: 60vh; box-sizing: border-box; padding: 1.875rem 0 3.75rem 1.25rem; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

.filter-wrap .f-list .channel > ul > li { margin-bottom: 0.375rem; }

.filter-wrap .f-list .channel > ul > li:last-of-type { margin-bottom: 0; }

.filter-wrap .f-list .selected { max-height: 60vh; box-sizing: border-box; padding: 1.875rem 0 3.75rem 1.25rem; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

.filter-wrap .f-list .selected button { margin: 0 0.4375rem 0.625rem 0; }

.filter-wrap .f-list .empty { font-size: 0.875rem; color: #4c4c4c; }

.filter-wrap .clear { position: absolute; right: 1.875rem; top: 0.375rem; }

/* tag-menu */
.tag-menu { position: relative; width: 28.75rem; max-height: 21.25rem; overflow-y: auto; border-radius: 0.25rem; box-shadow: 0 0.1875rem 0.3125rem -0.1875rem #3a4f82; border: 0.0625rem solid #6ea6ec; background-color: #fff; text-align: left; z-index: 10; }

.tag-menu button { position: relative; display: block; text-align: left; padding: 0.8125rem 0 0.5rem 4.0625rem; width: 100%; height: 4rem; box-sizing: border-box; }

.tag-menu button:hover { background: #f4f7fd; }

.tag-menu button .pic { position: absolute; left: 1.0625rem; top: 0.8125rem; width: 2.25rem; height: 2.25rem; border: 0.0625rem solid #ddd; box-sizing: border-box; border-radius: 100%; overflow: hidden; }

.tag-menu button .pic img { width: 100%; height: 100%; }

.tag-menu button .info { display: block; }

.tag-menu button .info .name { margin-right: 0.25rem; font-size: 0.875rem; font-weight: 700; line-height: 1.43; letter-spacing: -0.0125rem; color: #222; }

.tag-menu button .info .name .match { color: #51aaff; }

.tag-menu button .info .co { font-size: 0.75rem; line-height: 1.67; letter-spacing: -0.02687rem; color: #666; }

.tag-menu button .mail { font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.03125rem; font-weight: 700; color: #4c4c4c; }

/* comments-sort */
.comments-sort { text-align: right; margin-bottom: 1.25rem; }

.comments-sort .base.radio { margin-left: 1rem; }

/* rating-pop : ML-04-P02 */
.rating-pop .handler { padding: 2.5rem 0 5rem; border-top: 1px solid #d6deed; text-align: center; }

/* channel-change : MY-01-01-P02 */
.channel-change .table-css { width: 100%; }

.channel-change .table-css .head .cell { width: 35rem; border-bottom: 0.0625rem solid #d6deed; height: 2.5rem; text-indent: 1.875rem; }

.channel-change .table-css .head .cell .right { float: right; }

.channel-change .table-css .head .cell .right .ui.h30.search.input { position: relative; top: 0.3125rem; right: 0.3125rem; }

.channel-change .table-css .head .cell .right button.clear { position: relative; top: 0.375rem; right: 1.875rem; }

.channel-change .table-css .cell:nth-of-type(2) { width: 27.5rem; border-left: 0.0625rem solid #d6deed; }

.channel-change .table-css .text01 { font-size: 0.875rem; color: #666; font-weight: 700; line-height: 2.5rem; }

.channel-change .table-css .text01.add { color: #ff664d; }

.channel-change .table-css .text02 { font-size: 0.875rem; color: #666; line-height: 2.5rem; }

.channel-change .table-css .count { margin-left: 0.4375rem; }

.channel-change [class^=scrolling] { width: 100%; padding: 0 0 1.875rem 0; box-sizing: border-box; }

.channel-change .select-area { padding: 1.875rem 0.625rem 0 1.875rem; }

.channel-change .search-empty { padding: 5.625rem 0 0 0; text-align: center; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #6c788f; min-height: 40vh; box-sizing: border-box; }

.channel-change .search-empty div { margin-top: 0.4375rem; }

.channel-change .select-empty { font-size: 0.875rem; color: #4c4c4c; }

.channel-change .select-item .ui.button.del { font-weight: 400; margin: 0 0.4375rem 0.625rem 0; }

.channel-change .ui.accordion.channel { width: 31.25rem; }

/* completion-time : MY-01-01-P03*/
.completion-time .table-css { width: 100%; }

.completion-time .table-css .head .cell { border-bottom: 0.0625rem solid #d6deed; width: 50%; padding-left: 1.875rem; text-align: left; height: 2.5rem; text-indent: 0; }

.completion-time .table-css .head .cell .text01 { font-size: 0.875rem; color: #666; font-weight: 700; }

.completion-time .table-css .head .cell .text02 { margin-left: 0.125rem; font-size: 0.875rem; letter-spacing: -0.03125rem; color: #666; }

.completion-time .table-css .head .cell i.icon { position: relative; top: -0.0625rem; vertical-align: middle; }

.completion-time .table-css .head .cell i.icon::before { display: block; }

.completion-time .table-css .row:last-of-type .cell { padding: 0 0 3.125rem 0; }

.completion-time .table-css .cell:nth-of-type(2) { border-left: 0.0625rem solid #d6deed; }

.completion-time .table-css .legend { margin: 0.625rem 0 0.75rem 1.75rem; font-size: 0.75rem; letter-spacing: -0.0125rem; color: #666; }

.completion-time .table-css .total { text-align: center; font-size: 2rem; line-height: 1.06; color: #222; font-weight: 700; }

.completion-time .table-css .total .u { margin: 0 0.5625rem 0 0.125rem; font-size: 1.25rem; line-height: 1.4; color: #333; }

.completion-time .table-css .total .u:last-of-type { margin-right: 0; }

.completion-time .table-css .chart { width: 12.5rem; margin: 2.0625rem auto 0.625rem auto; }

.completion-time .table-css .bullet-list1 { display: table; margin: 0 auto; }

.completion-time .table-css .bullet-list1 li { display: table-row; }

.completion-time .table-css .bullet-list1 span { display: table-cell; }

.completion-time .table-css .bullet-list1 .name { padding-right: 0.625rem; font-size: 0.875rem; line-height: 1.14; color: #666; }

.completion-time .table-css .bullet-list1 .name::before { content: ''; display: inline-block; vertical-align: middle; position: relative; margin-right: 0.25rem; top: -0.125rem; width: 0.375rem; height: 0.375rem; border-radius: 100%; }

.completion-time .table-css .bullet-list1 .time { font-size: 1rem; font-weight: 700; color: #4c4c4c; }

.completion-time .table-css .bullet-list1 .b1::before { background: #ff664d; }

.completion-time .table-css .bullet-list1 .b2::before { background: #545d8b; }

.completion-time .table-css .bullet-list2 { display: table; width: 100%; margin: 30px auto 0 auto; }

.completion-time .table-css .bullet-list2 li { display: table-row; }

.completion-time .table-css .bullet-list2 li:last-of-type .name { padding-bottom: 0; }

.completion-time .table-css .bullet-list2 span { display: table-cell; }

.completion-time .table-css .bullet-list2 .name { width: 11.25rem; padding: 0 0 1.25rem 1.8125rem; font-size: 0.875rem; color: #222; }

.completion-time .table-css .bullet-list2 .name::before { content: ''; display: inline-block; vertical-align: middle; position: relative; margin-right: 0.25rem; top: -0.125rem; width: 0.375rem; height: 0.375rem; border-radius: 100%; }

.completion-time .table-css .bullet-list2 .time { font-size: 0.875rem; font-weight: 700; color: #222; }

.completion-time .table-css .bullet-list2 .b1::before { background: #9f3fc5; }

.completion-time .table-css .bullet-list2 .b2::before { background: #613fc6; }

.completion-time .table-css .bullet-list2 .b3::before { background: #ffb306; }

.completion-time .table-css .bullet-list2 .b4::before { background: #ee712c; }

.completion-time .table-css .bullet-list2 .b5::before { background: #d72d2f; }

.completion-time .table-css .bullet-list2 .b6::before { background: #38b84c; }

.completion-time .table-css .bullet-list2 .b7::before { background: #2987cd; }

.completion-time .table-css .bullet-list2 .b8::before { background: #28b4ac; }

.completion-time .table-css .bullet-list2 .b9::before { background: #4b5dcc; }

.completion-time .table-css .bullet-list2 .b10::before { background: #dd052b; }

.completion-time .table-css .bullet-list2 .b11::before { background: #01297a; }

.completion-time .table-css .bullet-list2 .b12::before { background: #01297a; }

.completion-time .table-css .bullet-list2 .b13::before { background: #01297a; }

/* profile-change : MY-01-01-P01 */
.profile-change { position: relative; padding: 1.875rem 1.6875rem 5rem 2.0625rem; }

.profile-change::after { content: ''; display: table; clear: both; }

.profile-change .left { float: left; width: 6.875rem; height: 6.875rem; }

.profile-change .left .ui .profile .pic img { width: 6.875rem; height: 6.875rem; }

.profile-change .right { float: right; width: 11.25rem; }

.profile-change .text01 { margin: 0 0 0.25rem 0; font-size: 1.25rem; letter-spacing: -0.02625rem; color: #222; display: inline-block; line-height: 1.5rem; max-width: 10.625rem; max-height: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.profile-change .text02 { font-size: 1rem; letter-spacing: -0.0125rem; color: #6c788f; }

.profile-change .upload { margin: 0.625rem 0 0 0; }

.profile-change .upload [type=file] { display: none; }

/* add-personal-learning : ML-03-01 */
.add-personal-learning { border-bottom: 0.0625rem solid #d6deed; height: 11.125rem; }

.add-personal-learning.community { height: 8.0625rem; }

.add-personal-learning.support { height: auto; padding: 0 0 2.5rem 0; }

.add-personal-learning.support .apl-tit { padding-bottom: 0; }

.add-personal-learning.support .apl-notice { padding-top: 0.5625rem; }

.add-personal-learning .add-personal-learning-wrap { width: 75rem; height: 100%; margin: 0 auto; }

.add-personal-learning .apl-tit { padding: 3.125rem 0 0.5625rem 0; font-size: 1.75rem; font-weight: 700; line-height: 1.36; letter-spacing: -0.03125rem; color: #222; }

.add-personal-learning .apl-notice { font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.0125rem; color: #222; }

/* apl-form-wrap : ML-03-01, SU-01-05_CO1 */
/* apl-form-wrap : ML-03-01, SU-01-05_CO1, MY-03-01-01 */
.apl-form-wrap .buttons { padding: 3.125rem 0 0 0; border-top: 0.0625rem solid #ddd; text-align:center; }

.apl-form-wrap .buttons.editor { padding:0; border-top:0; }

.apl-form-wrap .buttons button.ui.button { margin: 0 0.4375rem 0 0.5rem; }

.apl-form-wrap .header.dividing { padding: 3.125rem 0 0 0; margin: 0 0 1.875rem 0; font-size: 1rem; line-height: 1.5; letter-spacing: -0.0125rem; border-bottom: 0; border-top: 0.0625rem solid #ddd; }

.apl-form-wrap .header.dividing.necessary { border-top: 0; color: #db1111; }

.apl-form-wrap .ui.form .section-tit { position: relative; margin: 0 0 1.875rem 0; }

.apl-form-wrap .ui.form .section-tit .text1 { font-size: 1rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.0125rem; color: #233b6a; }

.apl-form-wrap .ui.form .section-tit .right-step { position: absolute; right: 0; top: 0; }

.apl-form-wrap .ui.form .section-tit + .ui.table.create { margin-top: -1rem; }

.apl-form-wrap .ui.form hr.dividing { margin: 3.125rem 0; border: 0; border-top: 0.0625rem solid #ddd; }

.apl-form-wrap .ui.form .field { margin: 0 0 3.125rem 0; }

.apl-form-wrap .ui.form .field > label { font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.00625rem; color: #4c4c4c; margin: 0 0 1rem 0; }

.apl-form-wrap .ui.form .field > label.necessary::before { background: #db1111; }

.apl-form-wrap .ui.form .field > label::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 0.875rem; position: relative; top: -0.0625rem; width: 0.25rem; height: 0.25rem; background: #717988; border-radius: 100%; }

.apl-form-wrap .ui.form .field.w525 { width: 32.8125rem; }

/*.apl-form-wrap .ui.form .buttons { padding: 3.125rem 0 0 0; border-top: 0.0625rem solid #ddd; text-align: center; }*/

/*.apl-form-wrap .ui.form .buttons.editor { padding: 0; border-top: 0; }*/

/*.apl-form-wrap .ui.form .buttons button.ui.button { margin: 0 0.4375rem 0 0.5rem; }*/

.apl-form-wrap .ui.form .round-wrap { margin: 1.25rem 0 0 0; border: 0.0625rem solid #d6deed; border-radius: 0.25rem; padding: 1.875rem 1rem 1.875rem 1.875rem; }

.apl-form-wrap .ui.form .round-wrap .filter + .h112 { margin-top: 20px; }

.apl-form-wrap .ui.form .round-wrap .filter + .h220 { margin-top: 30px; }

.apl-form-wrap .ui.form .round-wrap .filter div.dropdown { width: 9.25rem; }

.apl-form-wrap .ui.form .round-wrap .filter .ui.black.checkbox label { padding-left: 2rem; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.0125rem; color: #222; }

.apl-form-wrap .ui.form .round-wrap .h112 { max-height: 7rem; overflow-x: hidden; overflow-y: auto; }

.apl-form-wrap .ui.form .round-wrap .h112 ul li { float: left; width: 25%; height: 1.5rem; margin: 1.25rem 0 0 0; }

.apl-form-wrap .ui.form .round-wrap .h112 ul li label { width: 14.375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.apl-form-wrap .ui.form .round-wrap .h112 ul li:nth-of-type(1) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h112 ul li:nth-of-type(2) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h112 ul li:nth-of-type(3) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h112 ul li:nth-of-type(4) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h112 ul::after { content: ''; display: table; clear: both; }

.apl-form-wrap .ui.form .round-wrap .h220 { max-height: 13.75rem; overflow-x: hidden; overflow-y: auto; }

.apl-form-wrap .ui.form .round-wrap .h220 ul li { float: left; width: 16.6%; height: 3.75rem; margin: 1.25rem 0 0 0; }

.apl-form-wrap .ui.form .round-wrap .h220 ul li:nth-of-type(1) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h220 ul li:nth-of-type(2) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h220 ul li:nth-of-type(3) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h220 ul li:nth-of-type(4) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h220 ul li:nth-of-type(5) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h220 ul li:nth-of-type(6) { margin: 0; }

.apl-form-wrap .ui.form .round-wrap .h220 ul::after { content: ''; display: table; clear: both; }

.apl-form-wrap .ui.form .round-wrap2 { margin: 1.25rem 0 0 0; border: 0.0625rem solid #7f7f7f; border-radius: 0.25rem; overflow: hidden; }

.apl-form-wrap .ui.form .round-wrap2 .text1 { font-size: 0.875rem; line-height: 1.71; color: #666; line-height: 3rem; padding-left: 1.125rem; }

.apl-form-wrap .ui.form .round-wrap2 .text1 i.icon { position: relative; top: -0.0625rem; margin-right: 0.25rem; }

.apl-form-wrap .ui.form .round-wrap2 .text1 i.icon::before { vertical-align: middle; }

.apl-form-wrap .ui.form .round-wrap2 .top.img { padding: 2rem 0 2rem 1.25rem; height: 3.75rem; border-bottom: 0.0625rem solid #7f7f7f; box-sizing: content-box; }

.apl-form-wrap .ui.form .round-wrap2 .top.img img { vertical-align: top; }

.apl-form-wrap .ui.form .round-wrap2 .top.img i { vertical-align: top; position: relative; top: 1.125rem; left: 0.625rem; }

.apl-form-wrap .ui.form .round-wrap2 .top.text { padding: 0.875rem 1rem 0.875rem 1.125rem; border-bottom: 0.0625rem solid #7f7f7f; box-sizing: content-box; }

.apl-form-wrap .ui.form .round-wrap2 .top.text ul { height: 5.8125rem; overflow-x: hidden; overflow-y: auto; }

.apl-form-wrap .ui.form .round-wrap2 .top.text li { height: 1.625rem; margin-bottom: 0.4375rem; }

.apl-form-wrap .ui.form .round-wrap2 .top.text li:last-of-type { margin-bottom: 0; }

.apl-form-wrap .ui.form .round-wrap2 .top.text span { vertical-align: top; font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.0125rem; color: #222; line-height: 1.625rem; }

.apl-form-wrap .ui.form .round-wrap2 .top.text span.empty { font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.0125rem; color: #999; }

.apl-form-wrap .ui.form .round-wrap2 .top.text i { vertical-align: top; position: relative; top: 0; left: 0.625rem; }

.apl-form-wrap .ui.form .round-wrap2 .bottom { position: relative; padding-right: 7.5rem; height: 3rem; }

.apl-form-wrap .ui.form .round-wrap2 .bottom .right-btn { position: absolute; right: 0; top: 0; }

.apl-form-wrap .w302 { width: 18.875rem !important; }

.apl-form-wrap .w624 { width: 39rem !important; }

.apl-form-wrap .dash { display: inline-block; line-height: 3rem; font-size: 1.25rem; letter-spacing: -0.01812rem; color: #222; margin: 0 0.125rem; }

.apl-form-wrap .info-text { margin: 0.75rem 0 0 0; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.0125rem; color: #666; }

.apl-form-wrap .info-text i { vertical-align: middle; margin-right: 0.3125rem; position: relative; top: -0.0625rem; }

.apl-form-wrap .ui.grid.due .column > .calendar { display: inline-block; width: 18.875rem; vertical-align: top; }

.apl-form-wrap .ui.grid.due .column > .time { width: auto; display: inline-block; vertical-align: middle; }

.apl-form-wrap .ui.grid.due .column > .time input { flex: none; width: 7.5rem; height: 3rem; padding: 0 0.875rem 0 0.875rem; line-height: 2.875rem; text-align: right; }

.apl-form-wrap .ui.grid.due .column > .time i.clear.link.icon { left: 0.8125rem; }

.apl-form-wrap .ui.grid.create .column > .calendar { display: inline-block; width: 18.875rem; vertical-align: top; }

.apl-form-wrap .ui.grid.create .column > .time { width: auto; display: inline-block; vertical-align: middle; }

.apl-form-wrap .ui.grid.create .column > .time input { flex: none; width: 7.5rem; height: 3rem; padding: 0 0.875rem 0 0.875rem; line-height: 2.875rem; text-align: right; }

.apl-form-wrap .ui.grid.create .column > .time i.clear.link.icon { left: 0.75rem; }

.apl-form-wrap .ui.grid.create .column > .time:last-of-type label { padding-right: 0; }

.apl-form-wrap .ui.grid.create .column > .ui.base.radio.checkbox label { margin-top: 0.6875rem; min-width: 11.5rem; box-sizing: border-box; padding-right: 0.625rem; }

.apl-form-wrap .ui.grid.create .column > .ui.base.radio.checkbox:last-of-type label { min-width: 0; padding-right: 0; }

.apl-form-wrap.support { padding: 3.125rem 0 0 0; }

.apl-form-wrap.support .ui.form .field > .ui.base.radio.checkbox { margin-left: 1rem; }

.apl-form-wrap.support .ui.form .field > .ui.base.radio.checkbox:first-of-type { margin-left: 0; }

.apl-form-wrap.support .ui.form .field > .ui.calendar { width: 18.875rem; display: inline-block; vertical-align: top; }

.apl-form-wrap.support .ui.form .field > .ui.calendar + .dash { vertical-align: top; margin: 0 0.3125rem; }

.apl-form-wrap.support .ui.form .field > .ui.selection.dropdown { width: auto; }

.apl-form-wrap.support .ui.form .field .ui.input.file { width: 42.1875rem; }

.apl-form-wrap.create { padding: 3.125rem 0 0 0; }

.apl-form-wrap.create .ui.form .field > .ui.base.radio.checkbox label { min-width: 11.5rem; box-sizing: border-box; padding-right: 0.625rem; }

.apl-form-wrap.create .ui.form .field > .ui.base.radio.checkbox + .ui.form { margin-top: 1.25rem; }

/* my-learning-area : MY-01-01 */
.my-learning-area { background: #f4f7fd; border-bottom: 0.0625rem solid #d6deed; }

.my-learning-area .table-css { width: 100%; }

.my-learning-area .table-css.type1 .cell { height: 10.3125rem; }

.my-learning-area .table-css.type1 .cell .cell-inner { position: relative; }

.my-learning-area .table-css.type1 .cell:nth-of-type(1) { width: 19.375rem; }

.my-learning-area .table-css.type1 .cell:nth-of-type(2) { width: 12.8125rem; }

.my-learning-area .table-css.type1 .cell:nth-of-type(3) { width: 17.5rem; padding: 0 0 0 0.625rem !important; }

.my-learning-area .table-css.type1 .cell:nth-of-type(4) { width: 12.8125rem; }

.my-learning-area .table-css.type1 .cell:nth-of-type(4) .ui.button { margin: 0 auto; }

.my-learning-area .table-css.type1 .cell:nth-of-type(4) .cell-inner::before { content: ''; display: inilne-block; width: 0.0625rem; height: 2.5rem; background: #d6deed; position: absolute; left: 0; top: 50%; margin-top: -1.25rem; }

.my-learning-area .table-css.type1 .cell:nth-of-type(5) { position: relative; }

.my-learning-area .table-css.type1 .cell:nth-of-type(5) .ui.button { margin: 0 auto; }

.my-learning-area .table-css.type1 .cell:nth-of-type(5) .cell-inner::before { content: ''; display: inilne-block; width: 0.0625rem; height: 2.5rem; background: #d6deed; position: absolute; left: 0; top: 50%; margin-top: -1.25rem; }

.my-learning-area .table-css.type2 .cell { height: 10.3125rem; }

.my-learning-area .table-css.type2 .cell .cell-inner { position: relative; }

.my-learning-area .table-css.type2 .cell:nth-of-type(1) { width: 19.375rem; }

.my-learning-area .table-css.type2 .cell:nth-of-type(2) { width: 12.8125rem; }

.my-learning-area .table-css.type2 .cell:nth-of-type(3) { width: 12.8125rem; }

.my-learning-area .table-css.type2 .cell:nth-of-type(3) .ui.button { margin: 0 auto; }

.my-learning-area .table-css.type2 .cell:nth-of-type(3) .cell-inner::before { content: ''; display: inilne-block; width: 0.0625rem; height: 2.5rem; background: #d6deed; position: absolute; left: 0; top: 50%; margin-top: -1.25rem; }

.my-learning-area .table-css.type2 .cell:nth-of-type(4) { position: relative; }

.my-learning-area .table-css.type2 .cell:nth-of-type(4) .ui.button { margin: 0 0 0 2.5rem; }

.my-learning-area .table-css.type2 .cell:nth-of-type(4) .cell-inner::before { content: ''; display: inilne-block; width: 0.0625rem; height: 2.5rem; background: #d6deed; position: absolute; left: 0; top: 50%; margin-top: -1.25rem; }

.my-learning-area .text01 { font-size: 2rem; font-weight: 700; letter-spacing: -0.05rem; color: #222; margin: 0 0.5625rem 0 0; }

.my-learning-area .chart-wrap { display: inline-block; overflow: hidden; }

.my-learning-area .chart-wrap .pie { float: left; }

.my-learning-area .chart-wrap .list { float: left; margin: 0.5625rem 0 0 0.625rem; padding: 0; }

.my-learning-area .chart-wrap .list .item { padding: 0; margin: 0 0 0.5rem 0; }

.my-learning-area .chart-wrap .list .item::after { display: none; }

.my-learning-area .chart-wrap .list .item dt { position: relative; display: inline-block; padding-left: 0.625rem; width: 6.6875rem; font-size: 0.875rem; color: #666; line-height: 1; }

.my-learning-area .chart-wrap .list .item dt::after { position: absolute; left: 0; top: 0.25rem; content: ''; display: block; width: 0.375rem; height: 0.375rem; border-radius: 100%; }

.my-learning-area .chart-wrap .list .item dd { display: inline-block; font-size: 1rem; line-height: 1; }

.my-learning-area .chart-wrap .list .item.sk dt::after { background: #ff664d; }

.my-learning-area .chart-wrap .list .item.my { margin-bottom: 0; }

.my-learning-area .chart-wrap .list .item.my dt::after { background: #545d8b; }

/* my-learning-area-tab : MY-01-01 */
.my-learning-area-tab { background: #f4f7fd; padding: 0 0 3.75rem 0; }

.my-learning-area-tab hr.dash { margin: 0; padding: 0; border: 0; width: 100%; height: 0.0625rem; background: #d6deed; }

.my-learning-area-tab .ui .tab { position: relative; }

.my-learning-area-tab .ui .tabl > div.right { position:absolute; right: 0; top: 2.5rem; width: 6.25rem; text-align: right; }

.my-learning-area-tab .scrolling { overflow-y: hidden; overflow-x: auto; padding: 2.3125rem 0 1.0625rem 0; height: 24.125rem; box-sizing: content-box; }

.my-learning-area-tab .scrolling .belt { white-space: nowrap; padding: 0 0.375rem; }

.my-learning-area-tab .scrolling .belt li { display: inline-block; white-space: normal; vertical-align: top;}

.my-learning-area-tab .scrolling .belt li .ui.card.card-h { margin-right: 1.125rem; }

.my-learning-area-tab .scrolling .belt li:last-of-type .ui.card.card-h { margin-right: 0.375rem; }

.my-learning-area-tab .no-cont-wrap { height: 24.0625rem; padding: 10rem 0 0 0; box-sizing: border-box; }

/* recommend-area : MY-01-01 */
.recommend-area .recommend-head { position: relative; }

.recommend-area .recommend-head .tit { font-size: 2rem; font-weight: 700; letter-spacing: -0.05rem; color: #222; }

.recommend-area .recommend-head .ui.button { position: relative; top: -0.125rem; margin: 0 0 0 0.75rem; }

.recommend-area .recommend-head .right { position: absolute; right: 0; top: 1rem; }

.recommend-area .recommend-head .right .ui.button { margin-left: 0.1875rem; }

.recommend-area .recommend-head .right .ui.button .underline { font-size: 1rem; letter-spacing: -0.01875rem; color: #475369; text-decoration: underline; font-weight: 400; padding-right: 0.1875rem; }

.recommend-area .recommend-head .right .ui.button .underline .sel { font-weight: 700; }

.recommend-area .section-head { margin: 2.5rem 0 0 0; position: relative; font-size: 1.25rem; letter-spacing: -0.025rem; color: #282e3b; }

.recommend-area .section-head .channel { font-weight: 700; }

.recommend-area .section-head .right { position: absolute; right: 0; top: 0.3125rem; white-space: nowrap; }

.recommend-area .scrolling { overflow-y: hidden; overflow-x: auto; padding: 1.625rem 0 1.0625rem 0; height: 24.125rem; box-sizing: content-box; }

.recommend-area .scrolling + .section-head { margin: 4.375rem 0 0 0; }

.recommend-area .scrolling .belt { white-space: nowrap; padding: 0 0.375rem; }

.recommend-area .scrolling .belt li { display: inline-block; white-space: normal; }

.recommend-area .scrolling .belt li .ui.card.card-h { margin-right: 1.125rem; }

.recommend-area .scrolling .belt li:last-of-type .ui.card.card-h { margin-right: 0.375rem; }

.recommend-area .no-cont-wrap { padding-bottom: 3.125rem; }

.recommend-area .no-cont-wrap.type2 { padding-top: 3.75rem !important; }

/* acheive-stamp : MY-01-01 */
.acheive-stamp .value { width: 3.625rem; height: 3.625rem; line-height: 3.625rem; font-size: 1.625rem; font-weight: 700; color: #ff664d; text-align: center; background: url(../img/badge-summary-stamp-2.svg) no-repeat 0 0; background-size: 3.625rem 3.625rem; margin: 0 auto; }

.acheive-stamp .label { margin: 0.1875rem auto 0 auto; font-size: 0.75rem; line-height: 1.5; color: #222; font-weight: 700; text-align: center; }

.blurring.dimmed.dimmable > :not(.dimmer).popup { filter: none; }

/* course-information-pop : ML-04-P02*/
.course-information-pop { position: relative; padding: 1.875rem 3.375rem 1.875rem 1.875rem; }

.course-information-pop .c-icon { position: absolute; top: 1.875rem; right: 3.375rem; }

.course-information-pop .c-icon .icon.type1 { display: block; width: 4.375rem; height: 4.375rem; background: url(../img/thumb-info-70-px.jpg) no-repeat 0 0; }

.course-information-pop .ch { margin: 0 0 0.375rem 0; }

.course-information-pop .course-name { margin: 0 5rem 0.3125rem 0; font-size: 1.25rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.03125rem; color: #222; overflow: hidden; max-height: 3.5rem; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.course-information-pop .add-info { margin: 0.125rem 0 0 0; }

.course-information-pop .add-info .text1 { vertical-align: middle; font-size: 0.875rem; line-height: 1.71; color: #4c4c4c; }

.course-information-pop .add-info .dash { display: inline-block; vertical-align: middle; width: 0.0625rem; height: 0.625rem; background: #b9b9b9; margin: 0 0.625rem; }

/* comment-star-rating : ML-04-03 */
.comment-star-rating { margin: 0 0 3.125rem 0; }

.comment-star-rating .fixed-rating span { width: 1.5rem; height: 1.5rem; margin-right: 0.375rem; }

.comment-star-rating .ui.rating.line { margin: 0 0 0 1.125rem; }

.comment-star-rating .ui.rating.line i { width: 1.5rem; height: 1.5rem; margin-right: 0.375rem; }

.comment-star-rating .ui.rating.line i::before { width: 1.5rem; height: 1.5rem; }

.comment-star-rating .table-css { width: 100%; }

.comment-star-rating .table-css .cell:nth-child(1) { width: 21.3125rem; }

.comment-star-rating .table-css .cell .orange-arrow { text-decoration: underline; }

.comment-star-rating .ws { white-space: nowrap; }

.comment-star-rating .ws > * { vertical-align: middle; }

.comment-star-rating .dash { display: inline-block; width: 0.0625rem; height: 1.5rem; background: #d6deed; vertical-align: middle; margin-right: 2.0625rem; }

.comment-star-rating .t { font-size: 1.25rem; line-height: 1.5; letter-spacing: -0.0275rem; color: #282e3b; }

.comment-star-rating .c { margin: 0 0.625rem; font-size: 1.25rem; line-height: 1.5; font-weight: 700; color: #282e3b; }

.comment-star-rating .update-date { position: relative; top: 0.125rem; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.0125rem; color: #282e3b; margin-left: 1.25rem; }

.comment-star-rating .fixed-rating { position: relative; top: 0.125rem; margin-left: 1.125rem; }

/* more-comments */
.more-comments { padding: 1.875rem 0 0 0; text-align: center; }

/* table-css */
.table-css { display: table; /* ML-03-P01, CR-01-P01 */ /* MY-01-01 */ /* RC-01-01 */ /* CR-01-P01 */ /* CR-02-01 */ }

.table-css .row { display: table-row; }

.table-css .cell { display: table-cell; text-indent: 0; }

.table-css .vtop { vertical-align: top; }

.table-css .v-middle { vertical-align: middle; }

.table-css .v-bottom { vertical-align: bottom; }

.table-css.type1 { width: 100%; font-size: 0.875rem; }

.table-css.type1 .th { width: 8.75rem; }

.table-css.type1 .cell { padding: 0 0 1.125rem 0; }

.table-css.type1 .row:last-of-type .cell { padding: 0 0 0 0; }

.table-css.type1 a { letter-spacing: -0.0125rem; color: #0e73db; text-decoration: underline; }

.table-css.type1 .dot { letter-spacing: -0.0125rem; font-size: 0.875rem; font-weight: 700; color: #222; }

.table-css.type1 .dot::before { content: ''; display: inline-block; vertical-align: middle; margin: 0 0.4375rem 0 0; width: 0.25rem; height: 0.25rem; border-radius: 100%; background: #666; position: relative; top: -0.125rem; }

.table-css.type1 .text1 { letter-spacing: -0.02875rem; color: #222; line-height: 1.71; }

.table-css.type1 .text2 { letter-spacing: -0.02875rem; color: #222; font-weight: 700; }

.table-css.type1 .text3 { margin: 0 0 0 0.75rem; letter-spacing: -0.02875rem; color: #222; }

.table-css.type1 .text4 { margin: 0.375rem 0 0 0; }

.table-css.type1 .text5 { display: block; margin: 1.125rem 0 0.75rem 0; }

.table-css.type1 .text5 .desc { margin: 0 0 0 0.4375rem; vertical-align: middle; font-size: 0.75rem; letter-spacing: -0.01063rem; color: #6c788f; }

.table-css.type1 .text5 + .text1 { margin: 1.125rem 0 0 0; }

.table-css.type1 .add-file { margin: 1.25rem 0 0 0; }

.table-css.type1 .add-file .ui.input.file { width: 100%; }

.table-css.type1 .dash { display: inline-block; width: 0.0625rem; height: 0.625rem; margin: 0 0.625rem 0 0.5625rem; background: #b9b9b9; }

.table-css.type2 { width: 100%; }

.table-css.type2 .cell:nth-of-type(1) { width: 8.5rem; }

.table-css.type2 .cell:nth-of-type(3) { width: 10rem; }

.table-css.type2 .tit-set { font-size: 0.75rem; font-weight: 700; letter-spacing: -0.01063rem; color: #4c4c4c; }

.table-css.type2 .tit-set .img-icon { vertical-align: middle; margin: 0 0 0 0.125rem; position: relative; top: -0.0625rem; }

.table-css.type2 .item-wrap { height: 1.5rem; overflow: hidden; }

.table-css.type2 .item-wrap.active { height: auto; }

.table-css.type2 .item-wrap .label { vertical-align: top; margin: 0 0.0625rem 0.625rem 0; }

.table-css.type2 .toggle-btn.active button:nth-of-type(1) { display: none; }

.table-css.type2 .toggle-btn.active button:nth-of-type(2) { display: block; }

.table-css.type2 .toggle-btn button { vertical-align: top; }

.table-css.type2 .toggle-btn button:nth-of-type(1) { display: block; }

.table-css.type2 .toggle-btn button:nth-of-type(2) { display: none; }

.table-css.type3 { width: 100%; table-layout: fixed; }

.table-css.type3 .cell:nth-of-type(1) { width: 9.875rem; }

.table-css.type3 .cell:nth-of-type(3) { width: 2.875rem; }

.table-css.type3 .tit-set { padding: 0.375rem 0 0 0; font-size: 0.75rem; font-weight: 700; letter-spacing: -0.01063rem; color: #4c4c4c; text-indent: 1.25rem; }

.table-css.type3 .tit-set .img-icon { vertical-align: middle; margin: 0 0 0 0.125rem; position: relative; top: -0.0625rem; }

.table-css.type3 .item-wrap { width: 63.75rem; height: 1.875rem; overflow: hidden; }

.table-css.type3 .item-wrap.active { height: auto; margin-bottom: -0.625rem; }

.table-css.type3 .item-wrap .ui.toggle { vertical-align: top; margin: 0 0.375rem 0.625rem 0; }

.table-css.type3 .toggle-btn.active button:nth-of-type(1) { display: none; }

.table-css.type3 .toggle-btn.active button:nth-of-type(2) { display: block; }

.table-css.type3 .toggle-btn button { vertical-align: top; }

.table-css.type3 .toggle-btn button:nth-of-type(1) { display: block; }

.table-css.type3 .toggle-btn button:nth-of-type(2) { display: none; }

.table-css.type4 .th { width: 10.625rem; }

.table-css.type5 { width: 100%; border: 0.0625rem solid #d6deed; border-radius: 0.5rem; }

.table-css.type5 .cell { height: 7.75rem; }

.table-css.type5 .cell:first-of-type { width: 10.375rem; padding: 0 0 0 1.875rem; border-right: 0.0625rem solid #d6deed; }

.table-css.type5 .cell:first-of-type .text1 { margin: 0 0 0.75rem 0; display: block; font-weight: 0.875rem; font-weight: 700; line-height: 1.43; letter-spacing: -0.0125rem; color: #282e3b; }

.table-css.type5 .cell:last-of-type { padding: 1.125rem 0 1.125rem 1.25rem; }

.table-css.type5 .cell:last-of-type .text1 { font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.0125rem; color: #666; }

.table-css.type5 .cell:last-of-type .text2 { display: block; font-size: 0.875rem; line-height: 1.43; letter-spacing: -0.0125rem; color: #222; }

.table-css.type5 + .type5 { margin-top: 1.25rem; }

/* ui.table */
.ui.table.ml-05-p01 { table-layout: fixed; }

.ui.table.ml-05-p01 thead th:nth-of-type(1) { width: 5.125rem; }

.ui.table.ml-05-p01 thead th:nth-of-type(2) { width: 2.75rem; }

.ui.table.ml-05-p01 thead th:nth-of-type(3) { width: 11.875rem; text-align: left; padding-left: 1.875rem; padding-right: 1.875rem; }

.ui.table.ml-05-p01 thead th:nth-of-type(4) { width: 16.25rem; padding-right: 1.875rem; }

.ui.table.ml-05-p01 thead th:nth-of-type(5) { width: 5.375rem; text-align: center; }

.ui.table.ml-05-p01 thead th:nth-of-type(6) { width: 6.625rem; text-align: left; }

.ui.table.ml-05-p01 thead th:nth-of-type(7) { width: 6.9375rem; text-align: left; }

.ui.table.ml-05-p01 thead th:nth-of-type(8) { width: 5.9375rem; }

.ui.table.ml-05-p01 tbody tr td { word-break: break-all; }

.ui.table.ml-05-p01 tbody tr td:nth-of-type(1) { text-align: center; font-weight: 700; }

.ui.table.ml-05-p01 tbody tr td:nth-of-type(3) { padding-left: 1.875rem; }

.ui.table.ml-05-p01 tbody tr td:nth-of-type(4) { padding-left: 1.875rem; }

.ui.table.ml-05-p01 tbody tr td:nth-of-type(5) { text-align: center; }

.ui.table.ml-05-p01 tbody tr td:nth-of-type(8) { padding-top: 0.75rem; text-align: center; padding-right: 1.25rem; }

.ui.table.ml-05-p01 tbody tr td.el span { width: 100%; max-height: 3.375rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.ui.table.ml-05-p01 .dash { display: inline-block; width: 0.0625rem; height: 0.625rem; background: #b9b9b9; margin: 0 0.375rem; }

.ui.table.ml-05-p01 .empty-dash { display: inline-block; width: 0.75rem; height: 0.0625rem; background: #222; }

.ui.table.ml-05-p02 thead th:nth-of-type(1) { width: 4rem; }

.ui.table.ml-05-p02 thead th:nth-of-type(2) { width: 2.625rem; }

.ui.table.ml-05-p02 thead th:nth-of-type(3) { padding-left: 1.25rem; width: 7.5rem; }

.ui.table.ml-05-p02 thead th:nth-of-type(4) { width: 24.375rem; padding-left: 1.875rem; padding-right: 0.3125rem; }

.ui.table.ml-05-p02 thead th:nth-of-type(5) { width: 5.375rem; text-align: center; padding-left: 0.4375rem; padding-right: 1.25rem; }

.ui.table.ml-05-p02 thead th:nth-of-type(6) { width: 6rem; text-align: left; }

.ui.table.ml-05-p02 thead th:nth-of-type(7) { width: 8.81875rem; text-align: left; }

.ui.table.ml-05-p02 tbody tr:nth-of-type(1) td { padding-top: 1rem; }

.ui.table.ml-05-p02 tbody tr:last-of-type td { padding-bottom: 1rem; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(1) { text-align: right; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(1) .ui.base.radio.checkbox { width: 1.5rem; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(2) { text-align: center; font-weight: 700; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(3) { padding-left: 1.25rem; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(3) > span { word-break: break-all; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(4) { padding-left: 1.875rem; padding-right: 0.3125rem; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(4) > span { display: block; overflow: hidden; white-space: normal; width: 23.75rem; height: 2.25rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(5) { text-align: center; padding-left: 0.4375rem; padding-right: 1.25rem; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(5).full { color: #db1111; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(7) { padding-left: 0.375rem; }

.ui.table.ml-05-p02 tbody tr td:nth-of-type(8) { padding-left: 0.3125rem; }

.ui.table.ml-05-p02 .dash { display: inline-block; width: 0.0625rem; height: 0.625rem; background: #b9b9b9; margin: 0 0.375rem; }

.ui.table.ml-05-p03 thead th { height: 2.5rem; }

.ui.table.ml-05-p03 thead th:nth-of-type(1) { width: 4.625rem; padding-left: 1.875rem; text-align: left; }

.ui.table.ml-05-p03 thead th:nth-of-type(2) { width: 38.5rem; font-size: 0.875rem; letter-spacing: -0.03125rem; color: #222; text-align: left; }

.ui.table.ml-05-p03 tbody tr:nth-of-type(1) td { padding-top: 1.25rem; }

.ui.table.ml-05-p03 tbody tr:last-of-type td { padding-bottom: 1.25rem; }

.ui.table.ml-05-p03 tbody tr td:nth-of-type(1) { width: 4.625rem; padding-left: 1.875rem; text-align: left; }

.ui.table.ml-05-p03 tbody tr td:nth-of-type(1) .ui.checkbox { vertical-align: top; }

.ui.table.ml-05-p03 tbody tr td:nth-of-type(2) { font-size: 0.875rem; letter-spacing: -0.0125rem; color: #222; }

.ui.table.ml-05-p03 tbody tr td:nth-of-type(2) > span { display: block; max-width: 36.875rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal; }

.ui.table.cr-03-p01 thead th { height: 2.5rem; }

.ui.table.cr-03-p01 thead th:nth-of-type(1) { width: 4.625rem; padding-left: 1.875rem; text-align: left; }

.ui.table.cr-03-p01 thead th:nth-of-type(2) { width: 38.5rem; font-size: 0.875rem; letter-spacing: -0.03125rem; color: #222; text-align: left; }

.ui.table.cr-03-p01 tbody tr:nth-of-type(1) td { padding-top: 1.25rem; }

.ui.table.cr-03-p01 tbody tr:last-of-type td { padding-bottom: 1.25rem; }

.ui.table.cr-03-p01 tbody tr td { padding-bottom: 0.8125rem; }

.ui.table.cr-03-p01 tbody tr td:nth-of-type(1) { width: 4.625rem; padding-left: 1.875rem; text-align: left; }

.ui.table.cr-03-p01 tbody tr td:nth-of-type(1) .ui.checkbox { vertical-align: top; position: relative; top: -0.1875rem; }

.ui.table.cr-03-p01 tbody tr td:nth-of-type(2) { font-size: 0.875rem; letter-spacing: -0.0125rem; color: #222; }

.ui.table.cr-03-p01 tbody tr td:nth-of-type(2) > span { display: block; max-width: 35rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal; }

.ui.table.lo-01-01-p01 thead th { height: 2.5rem; text-align: left; }

.ui.table.lo-01-01-p01 thead th:nth-of-type(1) { width: 13.4375rem; padding-left: 1.875rem; text-align: left; }

.ui.table.lo-01-01-p01 thead th:nth-of-type(2) { width: 9.3125rem; }

.ui.table.lo-01-01-p01 thead th:nth-of-type(3) { width: 9.125rem; }

.ui.table.lo-01-01-p01 thead th:nth-of-type(3) { width: 10.875rem; }

.ui.table.lo-01-01-p01 tbody td { height: 3.125rem; text-align: left; vertical-align: middle; border-bottom: 0.0625rem solid #eee; }

.ui.table.lo-01-01-p01 tbody td:nth-child(1) { padding-left: 1.875rem; }

.ui.table.lo-01-01-p01 tbody td span { color: #e1002a; }

.ui.pie { position: relative; border-radius: 100%; overflow: hidden; background: #545d8b; }

.ui.pie.w56 { width: 3.5rem; height: 3.5rem; }

.ui.pie.w200 { width: 12.5rem; height: 12.5rem; }

.ui.pie.empty { background: #eee; }

.ui.pie[data-value="0"] .right::before { transform: rotate(0deg); }

.ui.pie[data-value="0"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="1"] .right::before { transform: rotate(1deg); }

.ui.pie[data-value="1"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="2"] .right::before { transform: rotate(2deg); }

.ui.pie[data-value="2"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="3"] .right::before { transform: rotate(3deg); }

.ui.pie[data-value="3"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="4"] .right::before { transform: rotate(4deg); }

.ui.pie[data-value="4"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="5"] .right::before { transform: rotate(5deg); }

.ui.pie[data-value="5"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="6"] .right::before { transform: rotate(6deg); }

.ui.pie[data-value="6"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="7"] .right::before { transform: rotate(7deg); }

.ui.pie[data-value="7"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="8"] .right::before { transform: rotate(8deg); }

.ui.pie[data-value="8"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="9"] .right::before { transform: rotate(9deg); }

.ui.pie[data-value="9"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="10"] .right::before { transform: rotate(10deg); }

.ui.pie[data-value="10"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="11"] .right::before { transform: rotate(11deg); }

.ui.pie[data-value="11"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="12"] .right::before { transform: rotate(12deg); }

.ui.pie[data-value="12"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="13"] .right::before { transform: rotate(13deg); }

.ui.pie[data-value="13"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="14"] .right::before { transform: rotate(14deg); }

.ui.pie[data-value="14"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="15"] .right::before { transform: rotate(15deg); }

.ui.pie[data-value="15"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="16"] .right::before { transform: rotate(16deg); }

.ui.pie[data-value="16"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="17"] .right::before { transform: rotate(17deg); }

.ui.pie[data-value="17"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="18"] .right::before { transform: rotate(18deg); }

.ui.pie[data-value="18"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="19"] .right::before { transform: rotate(19deg); }

.ui.pie[data-value="19"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="20"] .right::before { transform: rotate(20deg); }

.ui.pie[data-value="20"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="21"] .right::before { transform: rotate(21deg); }

.ui.pie[data-value="21"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="22"] .right::before { transform: rotate(22deg); }

.ui.pie[data-value="22"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="23"] .right::before { transform: rotate(23deg); }

.ui.pie[data-value="23"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="24"] .right::before { transform: rotate(24deg); }

.ui.pie[data-value="24"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="25"] .right::before { transform: rotate(25deg); }

.ui.pie[data-value="25"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="26"] .right::before { transform: rotate(26deg); }

.ui.pie[data-value="26"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="27"] .right::before { transform: rotate(27deg); }

.ui.pie[data-value="27"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="28"] .right::before { transform: rotate(28deg); }

.ui.pie[data-value="28"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="29"] .right::before { transform: rotate(29deg); }

.ui.pie[data-value="29"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="30"] .right::before { transform: rotate(30deg); }

.ui.pie[data-value="30"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="31"] .right::before { transform: rotate(31deg); }

.ui.pie[data-value="31"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="32"] .right::before { transform: rotate(32deg); }

.ui.pie[data-value="32"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="33"] .right::before { transform: rotate(33deg); }

.ui.pie[data-value="33"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="34"] .right::before { transform: rotate(34deg); }

.ui.pie[data-value="34"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="35"] .right::before { transform: rotate(35deg); }

.ui.pie[data-value="35"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="36"] .right::before { transform: rotate(36deg); }

.ui.pie[data-value="36"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="37"] .right::before { transform: rotate(37deg); }

.ui.pie[data-value="37"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="38"] .right::before { transform: rotate(38deg); }

.ui.pie[data-value="38"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="39"] .right::before { transform: rotate(39deg); }

.ui.pie[data-value="39"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="40"] .right::before { transform: rotate(40deg); }

.ui.pie[data-value="40"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="41"] .right::before { transform: rotate(41deg); }

.ui.pie[data-value="41"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="42"] .right::before { transform: rotate(42deg); }

.ui.pie[data-value="42"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="43"] .right::before { transform: rotate(43deg); }

.ui.pie[data-value="43"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="44"] .right::before { transform: rotate(44deg); }

.ui.pie[data-value="44"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="45"] .right::before { transform: rotate(45deg); }

.ui.pie[data-value="45"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="46"] .right::before { transform: rotate(46deg); }

.ui.pie[data-value="46"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="47"] .right::before { transform: rotate(47deg); }

.ui.pie[data-value="47"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="48"] .right::before { transform: rotate(48deg); }

.ui.pie[data-value="48"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="49"] .right::before { transform: rotate(49deg); }

.ui.pie[data-value="49"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="50"] .right::before { transform: rotate(50deg); }

.ui.pie[data-value="50"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="51"] .right::before { transform: rotate(51deg); }

.ui.pie[data-value="51"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="52"] .right::before { transform: rotate(52deg); }

.ui.pie[data-value="52"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="53"] .right::before { transform: rotate(53deg); }

.ui.pie[data-value="53"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="54"] .right::before { transform: rotate(54deg); }

.ui.pie[data-value="54"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="55"] .right::before { transform: rotate(55deg); }

.ui.pie[data-value="55"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="56"] .right::before { transform: rotate(56deg); }

.ui.pie[data-value="56"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="57"] .right::before { transform: rotate(57deg); }

.ui.pie[data-value="57"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="58"] .right::before { transform: rotate(58deg); }

.ui.pie[data-value="58"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="59"] .right::before { transform: rotate(59deg); }

.ui.pie[data-value="59"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="60"] .right::before { transform: rotate(60deg); }

.ui.pie[data-value="60"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="61"] .right::before { transform: rotate(61deg); }

.ui.pie[data-value="61"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="62"] .right::before { transform: rotate(62deg); }

.ui.pie[data-value="62"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="63"] .right::before { transform: rotate(63deg); }

.ui.pie[data-value="63"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="64"] .right::before { transform: rotate(64deg); }

.ui.pie[data-value="64"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="65"] .right::before { transform: rotate(65deg); }

.ui.pie[data-value="65"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="66"] .right::before { transform: rotate(66deg); }

.ui.pie[data-value="66"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="67"] .right::before { transform: rotate(67deg); }

.ui.pie[data-value="67"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="68"] .right::before { transform: rotate(68deg); }

.ui.pie[data-value="68"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="69"] .right::before { transform: rotate(69deg); }

.ui.pie[data-value="69"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="70"] .right::before { transform: rotate(70deg); }

.ui.pie[data-value="70"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="71"] .right::before { transform: rotate(71deg); }

.ui.pie[data-value="71"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="72"] .right::before { transform: rotate(72deg); }

.ui.pie[data-value="72"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="73"] .right::before { transform: rotate(73deg); }

.ui.pie[data-value="73"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="74"] .right::before { transform: rotate(74deg); }

.ui.pie[data-value="74"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="75"] .right::before { transform: rotate(75deg); }

.ui.pie[data-value="75"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="76"] .right::before { transform: rotate(76deg); }

.ui.pie[data-value="76"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="77"] .right::before { transform: rotate(77deg); }

.ui.pie[data-value="77"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="78"] .right::before { transform: rotate(78deg); }

.ui.pie[data-value="78"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="79"] .right::before { transform: rotate(79deg); }

.ui.pie[data-value="79"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="80"] .right::before { transform: rotate(80deg); }

.ui.pie[data-value="80"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="81"] .right::before { transform: rotate(81deg); }

.ui.pie[data-value="81"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="82"] .right::before { transform: rotate(82deg); }

.ui.pie[data-value="82"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="83"] .right::before { transform: rotate(83deg); }

.ui.pie[data-value="83"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="84"] .right::before { transform: rotate(84deg); }

.ui.pie[data-value="84"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="85"] .right::before { transform: rotate(85deg); }

.ui.pie[data-value="85"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="86"] .right::before { transform: rotate(86deg); }

.ui.pie[data-value="86"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="87"] .right::before { transform: rotate(87deg); }

.ui.pie[data-value="87"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="88"] .right::before { transform: rotate(88deg); }

.ui.pie[data-value="88"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="89"] .right::before { transform: rotate(89deg); }

.ui.pie[data-value="89"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="90"] .right::before { transform: rotate(90deg); }

.ui.pie[data-value="90"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="91"] .right::before { transform: rotate(91deg); }

.ui.pie[data-value="91"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="92"] .right::before { transform: rotate(92deg); }

.ui.pie[data-value="92"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="93"] .right::before { transform: rotate(93deg); }

.ui.pie[data-value="93"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="94"] .right::before { transform: rotate(94deg); }

.ui.pie[data-value="94"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="95"] .right::before { transform: rotate(95deg); }

.ui.pie[data-value="95"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="96"] .right::before { transform: rotate(96deg); }

.ui.pie[data-value="96"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="97"] .right::before { transform: rotate(97deg); }

.ui.pie[data-value="97"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="98"] .right::before { transform: rotate(98deg); }

.ui.pie[data-value="98"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="99"] .right::before { transform: rotate(99deg); }

.ui.pie[data-value="99"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="100"] .right::before { transform: rotate(100deg); }

.ui.pie[data-value="100"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="101"] .right::before { transform: rotate(101deg); }

.ui.pie[data-value="101"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="102"] .right::before { transform: rotate(102deg); }

.ui.pie[data-value="102"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="103"] .right::before { transform: rotate(103deg); }

.ui.pie[data-value="103"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="104"] .right::before { transform: rotate(104deg); }

.ui.pie[data-value="104"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="105"] .right::before { transform: rotate(105deg); }

.ui.pie[data-value="105"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="106"] .right::before { transform: rotate(106deg); }

.ui.pie[data-value="106"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="107"] .right::before { transform: rotate(107deg); }

.ui.pie[data-value="107"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="108"] .right::before { transform: rotate(108deg); }

.ui.pie[data-value="108"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="109"] .right::before { transform: rotate(109deg); }

.ui.pie[data-value="109"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="110"] .right::before { transform: rotate(110deg); }

.ui.pie[data-value="110"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="111"] .right::before { transform: rotate(111deg); }

.ui.pie[data-value="111"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="112"] .right::before { transform: rotate(112deg); }

.ui.pie[data-value="112"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="113"] .right::before { transform: rotate(113deg); }

.ui.pie[data-value="113"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="114"] .right::before { transform: rotate(114deg); }

.ui.pie[data-value="114"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="115"] .right::before { transform: rotate(115deg); }

.ui.pie[data-value="115"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="116"] .right::before { transform: rotate(116deg); }

.ui.pie[data-value="116"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="117"] .right::before { transform: rotate(117deg); }

.ui.pie[data-value="117"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="118"] .right::before { transform: rotate(118deg); }

.ui.pie[data-value="118"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="119"] .right::before { transform: rotate(119deg); }

.ui.pie[data-value="119"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="120"] .right::before { transform: rotate(120deg); }

.ui.pie[data-value="120"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="121"] .right::before { transform: rotate(121deg); }

.ui.pie[data-value="121"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="122"] .right::before { transform: rotate(122deg); }

.ui.pie[data-value="122"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="123"] .right::before { transform: rotate(123deg); }

.ui.pie[data-value="123"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="124"] .right::before { transform: rotate(124deg); }

.ui.pie[data-value="124"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="125"] .right::before { transform: rotate(125deg); }

.ui.pie[data-value="125"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="126"] .right::before { transform: rotate(126deg); }

.ui.pie[data-value="126"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="127"] .right::before { transform: rotate(127deg); }

.ui.pie[data-value="127"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="128"] .right::before { transform: rotate(128deg); }

.ui.pie[data-value="128"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="129"] .right::before { transform: rotate(129deg); }

.ui.pie[data-value="129"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="130"] .right::before { transform: rotate(130deg); }

.ui.pie[data-value="130"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="131"] .right::before { transform: rotate(131deg); }

.ui.pie[data-value="131"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="132"] .right::before { transform: rotate(132deg); }

.ui.pie[data-value="132"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="133"] .right::before { transform: rotate(133deg); }

.ui.pie[data-value="133"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="134"] .right::before { transform: rotate(134deg); }

.ui.pie[data-value="134"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="135"] .right::before { transform: rotate(135deg); }

.ui.pie[data-value="135"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="136"] .right::before { transform: rotate(136deg); }

.ui.pie[data-value="136"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="137"] .right::before { transform: rotate(137deg); }

.ui.pie[data-value="137"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="138"] .right::before { transform: rotate(138deg); }

.ui.pie[data-value="138"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="139"] .right::before { transform: rotate(139deg); }

.ui.pie[data-value="139"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="140"] .right::before { transform: rotate(140deg); }

.ui.pie[data-value="140"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="141"] .right::before { transform: rotate(141deg); }

.ui.pie[data-value="141"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="142"] .right::before { transform: rotate(142deg); }

.ui.pie[data-value="142"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="143"] .right::before { transform: rotate(143deg); }

.ui.pie[data-value="143"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="144"] .right::before { transform: rotate(144deg); }

.ui.pie[data-value="144"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="145"] .right::before { transform: rotate(145deg); }

.ui.pie[data-value="145"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="146"] .right::before { transform: rotate(146deg); }

.ui.pie[data-value="146"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="147"] .right::before { transform: rotate(147deg); }

.ui.pie[data-value="147"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="148"] .right::before { transform: rotate(148deg); }

.ui.pie[data-value="148"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="149"] .right::before { transform: rotate(149deg); }

.ui.pie[data-value="149"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="150"] .right::before { transform: rotate(150deg); }

.ui.pie[data-value="150"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="151"] .right::before { transform: rotate(151deg); }

.ui.pie[data-value="151"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="152"] .right::before { transform: rotate(152deg); }

.ui.pie[data-value="152"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="153"] .right::before { transform: rotate(153deg); }

.ui.pie[data-value="153"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="154"] .right::before { transform: rotate(154deg); }

.ui.pie[data-value="154"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="155"] .right::before { transform: rotate(155deg); }

.ui.pie[data-value="155"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="156"] .right::before { transform: rotate(156deg); }

.ui.pie[data-value="156"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="157"] .right::before { transform: rotate(157deg); }

.ui.pie[data-value="157"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="158"] .right::before { transform: rotate(158deg); }

.ui.pie[data-value="158"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="159"] .right::before { transform: rotate(159deg); }

.ui.pie[data-value="159"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="160"] .right::before { transform: rotate(160deg); }

.ui.pie[data-value="160"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="161"] .right::before { transform: rotate(161deg); }

.ui.pie[data-value="161"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="162"] .right::before { transform: rotate(162deg); }

.ui.pie[data-value="162"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="163"] .right::before { transform: rotate(163deg); }

.ui.pie[data-value="163"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="164"] .right::before { transform: rotate(164deg); }

.ui.pie[data-value="164"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="165"] .right::before { transform: rotate(165deg); }

.ui.pie[data-value="165"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="166"] .right::before { transform: rotate(166deg); }

.ui.pie[data-value="166"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="167"] .right::before { transform: rotate(167deg); }

.ui.pie[data-value="167"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="168"] .right::before { transform: rotate(168deg); }

.ui.pie[data-value="168"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="169"] .right::before { transform: rotate(169deg); }

.ui.pie[data-value="169"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="170"] .right::before { transform: rotate(170deg); }

.ui.pie[data-value="170"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="171"] .right::before { transform: rotate(171deg); }

.ui.pie[data-value="171"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="172"] .right::before { transform: rotate(172deg); }

.ui.pie[data-value="172"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="173"] .right::before { transform: rotate(173deg); }

.ui.pie[data-value="173"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="174"] .right::before { transform: rotate(174deg); }

.ui.pie[data-value="174"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="175"] .right::before { transform: rotate(175deg); }

.ui.pie[data-value="175"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="176"] .right::before { transform: rotate(176deg); }

.ui.pie[data-value="176"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="177"] .right::before { transform: rotate(177deg); }

.ui.pie[data-value="177"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="178"] .right::before { transform: rotate(178deg); }

.ui.pie[data-value="178"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="179"] .right::before { transform: rotate(179deg); }

.ui.pie[data-value="179"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="180"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="180"] .left::before { transform: rotate(0deg); }

.ui.pie[data-value="181"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="181"] .left::before { transform: rotate(1deg); }

.ui.pie[data-value="182"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="182"] .left::before { transform: rotate(2deg); }

.ui.pie[data-value="183"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="183"] .left::before { transform: rotate(3deg); }

.ui.pie[data-value="184"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="184"] .left::before { transform: rotate(4deg); }

.ui.pie[data-value="185"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="185"] .left::before { transform: rotate(5deg); }

.ui.pie[data-value="186"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="186"] .left::before { transform: rotate(6deg); }

.ui.pie[data-value="187"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="187"] .left::before { transform: rotate(7deg); }

.ui.pie[data-value="188"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="188"] .left::before { transform: rotate(8deg); }

.ui.pie[data-value="189"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="189"] .left::before { transform: rotate(9deg); }

.ui.pie[data-value="190"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="190"] .left::before { transform: rotate(10deg); }

.ui.pie[data-value="191"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="191"] .left::before { transform: rotate(11deg); }

.ui.pie[data-value="192"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="192"] .left::before { transform: rotate(12deg); }

.ui.pie[data-value="193"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="193"] .left::before { transform: rotate(13deg); }

.ui.pie[data-value="194"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="194"] .left::before { transform: rotate(14deg); }

.ui.pie[data-value="195"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="195"] .left::before { transform: rotate(15deg); }

.ui.pie[data-value="196"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="196"] .left::before { transform: rotate(16deg); }

.ui.pie[data-value="197"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="197"] .left::before { transform: rotate(17deg); }

.ui.pie[data-value="198"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="198"] .left::before { transform: rotate(18deg); }

.ui.pie[data-value="199"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="199"] .left::before { transform: rotate(19deg); }

.ui.pie[data-value="200"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="200"] .left::before { transform: rotate(20deg); }

.ui.pie[data-value="201"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="201"] .left::before { transform: rotate(21deg); }

.ui.pie[data-value="202"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="202"] .left::before { transform: rotate(22deg); }

.ui.pie[data-value="203"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="203"] .left::before { transform: rotate(23deg); }

.ui.pie[data-value="204"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="204"] .left::before { transform: rotate(24deg); }

.ui.pie[data-value="205"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="205"] .left::before { transform: rotate(25deg); }

.ui.pie[data-value="206"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="206"] .left::before { transform: rotate(26deg); }

.ui.pie[data-value="207"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="207"] .left::before { transform: rotate(27deg); }

.ui.pie[data-value="208"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="208"] .left::before { transform: rotate(28deg); }

.ui.pie[data-value="209"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="209"] .left::before { transform: rotate(29deg); }

.ui.pie[data-value="210"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="210"] .left::before { transform: rotate(30deg); }

.ui.pie[data-value="211"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="211"] .left::before { transform: rotate(31deg); }

.ui.pie[data-value="212"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="212"] .left::before { transform: rotate(32deg); }

.ui.pie[data-value="213"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="213"] .left::before { transform: rotate(33deg); }

.ui.pie[data-value="214"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="214"] .left::before { transform: rotate(34deg); }

.ui.pie[data-value="215"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="215"] .left::before { transform: rotate(35deg); }

.ui.pie[data-value="216"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="216"] .left::before { transform: rotate(36deg); }

.ui.pie[data-value="217"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="217"] .left::before { transform: rotate(37deg); }

.ui.pie[data-value="218"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="218"] .left::before { transform: rotate(38deg); }

.ui.pie[data-value="219"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="219"] .left::before { transform: rotate(39deg); }

.ui.pie[data-value="220"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="220"] .left::before { transform: rotate(40deg); }

.ui.pie[data-value="221"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="221"] .left::before { transform: rotate(41deg); }

.ui.pie[data-value="222"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="222"] .left::before { transform: rotate(42deg); }

.ui.pie[data-value="223"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="223"] .left::before { transform: rotate(43deg); }

.ui.pie[data-value="224"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="224"] .left::before { transform: rotate(44deg); }

.ui.pie[data-value="225"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="225"] .left::before { transform: rotate(45deg); }

.ui.pie[data-value="226"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="226"] .left::before { transform: rotate(46deg); }

.ui.pie[data-value="227"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="227"] .left::before { transform: rotate(47deg); }

.ui.pie[data-value="228"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="228"] .left::before { transform: rotate(48deg); }

.ui.pie[data-value="229"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="229"] .left::before { transform: rotate(49deg); }

.ui.pie[data-value="230"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="230"] .left::before { transform: rotate(50deg); }

.ui.pie[data-value="231"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="231"] .left::before { transform: rotate(51deg); }

.ui.pie[data-value="232"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="232"] .left::before { transform: rotate(52deg); }

.ui.pie[data-value="233"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="233"] .left::before { transform: rotate(53deg); }

.ui.pie[data-value="234"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="234"] .left::before { transform: rotate(54deg); }

.ui.pie[data-value="235"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="235"] .left::before { transform: rotate(55deg); }

.ui.pie[data-value="236"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="236"] .left::before { transform: rotate(56deg); }

.ui.pie[data-value="237"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="237"] .left::before { transform: rotate(57deg); }

.ui.pie[data-value="238"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="238"] .left::before { transform: rotate(58deg); }

.ui.pie[data-value="239"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="239"] .left::before { transform: rotate(59deg); }

.ui.pie[data-value="240"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="240"] .left::before { transform: rotate(60deg); }

.ui.pie[data-value="241"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="241"] .left::before { transform: rotate(61deg); }

.ui.pie[data-value="242"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="242"] .left::before { transform: rotate(62deg); }

.ui.pie[data-value="243"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="243"] .left::before { transform: rotate(63deg); }

.ui.pie[data-value="244"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="244"] .left::before { transform: rotate(64deg); }

.ui.pie[data-value="245"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="245"] .left::before { transform: rotate(65deg); }

.ui.pie[data-value="246"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="246"] .left::before { transform: rotate(66deg); }

.ui.pie[data-value="247"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="247"] .left::before { transform: rotate(67deg); }

.ui.pie[data-value="248"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="248"] .left::before { transform: rotate(68deg); }

.ui.pie[data-value="249"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="249"] .left::before { transform: rotate(69deg); }

.ui.pie[data-value="250"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="250"] .left::before { transform: rotate(70deg); }

.ui.pie[data-value="251"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="251"] .left::before { transform: rotate(71deg); }

.ui.pie[data-value="252"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="252"] .left::before { transform: rotate(72deg); }

.ui.pie[data-value="253"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="253"] .left::before { transform: rotate(73deg); }

.ui.pie[data-value="254"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="254"] .left::before { transform: rotate(74deg); }

.ui.pie[data-value="255"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="255"] .left::before { transform: rotate(75deg); }

.ui.pie[data-value="256"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="256"] .left::before { transform: rotate(76deg); }

.ui.pie[data-value="257"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="257"] .left::before { transform: rotate(77deg); }

.ui.pie[data-value="258"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="258"] .left::before { transform: rotate(78deg); }

.ui.pie[data-value="259"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="259"] .left::before { transform: rotate(79deg); }

.ui.pie[data-value="260"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="260"] .left::before { transform: rotate(80deg); }

.ui.pie[data-value="261"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="261"] .left::before { transform: rotate(81deg); }

.ui.pie[data-value="262"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="262"] .left::before { transform: rotate(82deg); }

.ui.pie[data-value="263"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="263"] .left::before { transform: rotate(83deg); }

.ui.pie[data-value="264"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="264"] .left::before { transform: rotate(84deg); }

.ui.pie[data-value="265"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="265"] .left::before { transform: rotate(85deg); }

.ui.pie[data-value="266"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="266"] .left::before { transform: rotate(86deg); }

.ui.pie[data-value="267"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="267"] .left::before { transform: rotate(87deg); }

.ui.pie[data-value="268"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="268"] .left::before { transform: rotate(88deg); }

.ui.pie[data-value="269"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="269"] .left::before { transform: rotate(89deg); }

.ui.pie[data-value="270"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="270"] .left::before { transform: rotate(90deg); }

.ui.pie[data-value="271"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="271"] .left::before { transform: rotate(91deg); }

.ui.pie[data-value="272"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="272"] .left::before { transform: rotate(92deg); }

.ui.pie[data-value="273"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="273"] .left::before { transform: rotate(93deg); }

.ui.pie[data-value="274"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="274"] .left::before { transform: rotate(94deg); }

.ui.pie[data-value="275"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="275"] .left::before { transform: rotate(95deg); }

.ui.pie[data-value="276"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="276"] .left::before { transform: rotate(96deg); }

.ui.pie[data-value="277"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="277"] .left::before { transform: rotate(97deg); }

.ui.pie[data-value="278"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="278"] .left::before { transform: rotate(98deg); }

.ui.pie[data-value="279"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="279"] .left::before { transform: rotate(99deg); }

.ui.pie[data-value="280"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="280"] .left::before { transform: rotate(100deg); }

.ui.pie[data-value="281"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="281"] .left::before { transform: rotate(101deg); }

.ui.pie[data-value="282"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="282"] .left::before { transform: rotate(102deg); }

.ui.pie[data-value="283"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="283"] .left::before { transform: rotate(103deg); }

.ui.pie[data-value="284"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="284"] .left::before { transform: rotate(104deg); }

.ui.pie[data-value="285"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="285"] .left::before { transform: rotate(105deg); }

.ui.pie[data-value="286"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="286"] .left::before { transform: rotate(106deg); }

.ui.pie[data-value="287"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="287"] .left::before { transform: rotate(107deg); }

.ui.pie[data-value="288"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="288"] .left::before { transform: rotate(108deg); }

.ui.pie[data-value="289"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="289"] .left::before { transform: rotate(109deg); }

.ui.pie[data-value="290"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="290"] .left::before { transform: rotate(110deg); }

.ui.pie[data-value="291"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="291"] .left::before { transform: rotate(111deg); }

.ui.pie[data-value="292"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="292"] .left::before { transform: rotate(112deg); }

.ui.pie[data-value="293"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="293"] .left::before { transform: rotate(113deg); }

.ui.pie[data-value="294"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="294"] .left::before { transform: rotate(114deg); }

.ui.pie[data-value="295"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="295"] .left::before { transform: rotate(115deg); }

.ui.pie[data-value="296"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="296"] .left::before { transform: rotate(116deg); }

.ui.pie[data-value="297"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="297"] .left::before { transform: rotate(117deg); }

.ui.pie[data-value="298"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="298"] .left::before { transform: rotate(118deg); }

.ui.pie[data-value="299"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="299"] .left::before { transform: rotate(119deg); }

.ui.pie[data-value="300"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="300"] .left::before { transform: rotate(120deg); }

.ui.pie[data-value="301"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="301"] .left::before { transform: rotate(121deg); }

.ui.pie[data-value="302"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="302"] .left::before { transform: rotate(122deg); }

.ui.pie[data-value="303"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="303"] .left::before { transform: rotate(123deg); }

.ui.pie[data-value="304"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="304"] .left::before { transform: rotate(124deg); }

.ui.pie[data-value="305"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="305"] .left::before { transform: rotate(125deg); }

.ui.pie[data-value="306"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="306"] .left::before { transform: rotate(126deg); }

.ui.pie[data-value="307"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="307"] .left::before { transform: rotate(127deg); }

.ui.pie[data-value="308"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="308"] .left::before { transform: rotate(128deg); }

.ui.pie[data-value="309"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="309"] .left::before { transform: rotate(129deg); }

.ui.pie[data-value="310"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="310"] .left::before { transform: rotate(130deg); }

.ui.pie[data-value="311"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="311"] .left::before { transform: rotate(131deg); }

.ui.pie[data-value="312"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="312"] .left::before { transform: rotate(132deg); }

.ui.pie[data-value="313"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="313"] .left::before { transform: rotate(133deg); }

.ui.pie[data-value="314"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="314"] .left::before { transform: rotate(134deg); }

.ui.pie[data-value="315"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="315"] .left::before { transform: rotate(135deg); }

.ui.pie[data-value="316"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="316"] .left::before { transform: rotate(136deg); }

.ui.pie[data-value="317"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="317"] .left::before { transform: rotate(137deg); }

.ui.pie[data-value="318"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="318"] .left::before { transform: rotate(138deg); }

.ui.pie[data-value="319"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="319"] .left::before { transform: rotate(139deg); }

.ui.pie[data-value="320"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="320"] .left::before { transform: rotate(140deg); }

.ui.pie[data-value="321"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="321"] .left::before { transform: rotate(141deg); }

.ui.pie[data-value="322"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="322"] .left::before { transform: rotate(142deg); }

.ui.pie[data-value="323"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="323"] .left::before { transform: rotate(143deg); }

.ui.pie[data-value="324"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="324"] .left::before { transform: rotate(144deg); }

.ui.pie[data-value="325"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="325"] .left::before { transform: rotate(145deg); }

.ui.pie[data-value="326"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="326"] .left::before { transform: rotate(146deg); }

.ui.pie[data-value="327"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="327"] .left::before { transform: rotate(147deg); }

.ui.pie[data-value="328"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="328"] .left::before { transform: rotate(148deg); }

.ui.pie[data-value="329"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="329"] .left::before { transform: rotate(149deg); }

.ui.pie[data-value="330"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="330"] .left::before { transform: rotate(150deg); }

.ui.pie[data-value="331"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="331"] .left::before { transform: rotate(151deg); }

.ui.pie[data-value="332"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="332"] .left::before { transform: rotate(152deg); }

.ui.pie[data-value="333"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="333"] .left::before { transform: rotate(153deg); }

.ui.pie[data-value="334"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="334"] .left::before { transform: rotate(154deg); }

.ui.pie[data-value="335"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="335"] .left::before { transform: rotate(155deg); }

.ui.pie[data-value="336"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="336"] .left::before { transform: rotate(156deg); }

.ui.pie[data-value="337"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="337"] .left::before { transform: rotate(157deg); }

.ui.pie[data-value="338"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="338"] .left::before { transform: rotate(158deg); }

.ui.pie[data-value="339"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="339"] .left::before { transform: rotate(159deg); }

.ui.pie[data-value="340"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="340"] .left::before { transform: rotate(160deg); }

.ui.pie[data-value="341"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="341"] .left::before { transform: rotate(161deg); }

.ui.pie[data-value="342"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="342"] .left::before { transform: rotate(162deg); }

.ui.pie[data-value="343"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="343"] .left::before { transform: rotate(163deg); }

.ui.pie[data-value="344"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="344"] .left::before { transform: rotate(164deg); }

.ui.pie[data-value="345"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="345"] .left::before { transform: rotate(165deg); }

.ui.pie[data-value="346"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="346"] .left::before { transform: rotate(166deg); }

.ui.pie[data-value="347"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="347"] .left::before { transform: rotate(167deg); }

.ui.pie[data-value="348"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="348"] .left::before { transform: rotate(168deg); }

.ui.pie[data-value="349"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="349"] .left::before { transform: rotate(169deg); }

.ui.pie[data-value="350"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="350"] .left::before { transform: rotate(170deg); }

.ui.pie[data-value="351"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="351"] .left::before { transform: rotate(171deg); }

.ui.pie[data-value="352"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="352"] .left::before { transform: rotate(172deg); }

.ui.pie[data-value="353"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="353"] .left::before { transform: rotate(173deg); }

.ui.pie[data-value="354"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="354"] .left::before { transform: rotate(174deg); }

.ui.pie[data-value="355"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="355"] .left::before { transform: rotate(175deg); }

.ui.pie[data-value="356"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="356"] .left::before { transform: rotate(176deg); }

.ui.pie[data-value="357"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="357"] .left::before { transform: rotate(177deg); }

.ui.pie[data-value="358"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="358"] .left::before { transform: rotate(178deg); }

.ui.pie[data-value="359"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="359"] .left::before { transform: rotate(179deg); }

.ui.pie[data-value="360"] .right::before { transform: rotate(180deg); }

.ui.pie[data-value="360"] .left::before { transform: rotate(180deg); }

.ui.pie .right { position: absolute; right: 0; top: 0; width: 50%; height: 100%; overflow: hidden; }

.ui.pie .right::before { content: ''; position: absolute; left: -100%; top: 0; display: block; width: 100%; height: 100%; background: #ff664d; transform: rotate(0deg); transform-origin: right center; }

.ui.pie .left { position: absolute; left: 0; top: 0; width: 50%; height: 100%; overflow: hidden; }

.ui.pie .left::before { content: ''; position: absolute; right: -100%; top: 0; display: block; width: 100%; height: 100%; background: #ff664d; transform: rotate(0deg); transform-origin: left center; }

/* main-wrap : MA-01-01 */
.main-wrap .top-swiper { background: #3a4c7d; }

.main-wrap .search-area { background: #6684b6; padding: 3.125rem 0; }

.main-wrap .middle-swiper { background: #01071a; }

.main-wrap .recommend-area { padding-top: 3.75rem; }

/* swiper-section : MA-01-01 */
.swiper-section.type1 .swiper-pagination { left: 2.25rem; top: 3.125rem; }

.swiper-section.type1 .swiper-button-prev { position: absolute; left: 0; top: 12.5rem; width: 1rem; height: 2rem; }

.swiper-section.type1 .swiper-button-prev::after { content: ''; display: block; width: 1rem; height: 2rem; background: url(../img/icon-banner-arrow-l-32-px.svg) no-repeat 0 0; }

.swiper-section.type1 .swiper-button-prev.swiper-button-disabled { opacity: 1; }

.swiper-section.type1 .swiper-button-prev.swiper-button-disabled::after { background: url(../img/icon-banner-arrow-l-disabled-32-px.svg) no-repeat 0 0; }

.swiper-section.type1 .swiper-button-next { position: absolute; right:0; top: 12.5rem; width: 1rem; height: 2rem; }

.swiper-section.type1 .swiper-button-next::after { content: ''; display: block; width: 1rem; height: 2rem; background: url(../img/icon-banner-arrow-r-32-px.svg) no-repeat 0 0; }

.swiper-section.type1 .swiper-button-next.swiper-button-disabled { opacity: 1; }

.swiper-section.type1 .swiper-button-next.swiper-button-disabled::after { background: url(../img/icon-banner-arrow-r-disabled-32-px.svg) no-repeat 0 0; }

.swiper-section.type1 .info { position: relative; width: 100%; height: 26.25rem; background: #3a4c7d; }

.swiper-section.type1 .info .text { position: absolute; left: 2.25rem; top: 6.5625rem; width: 30rem; }

.swiper-section.type1 .info .text .main-text { font-size: 2rem; line-height: 2.75rem; letter-spacing: -0.05625rem; color: #fff; max-height: 8.375rem; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.swiper-section.type1 .info .text .sub-text { margin-top: 1.875rem; font-size: 0.875rem; line-height: 1.5rem; color: #fff; max-height: 4.5rem; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.swiper-section.type1 .info .text .sub-text.expansion { max-height: 6rem; -webkit-line-clamp: 4; }

.swiper-section.type1 .info .visual { position: absolute; right: 2.25rem; top: 0; width: 37.5rem; }

.swiper-section.type1 .info .visual img { width: 37.5rem; height: 26.25rem; }

.swiper-section.type2 .swiper-pagination { left: 1.875rem; top: 1.875rem; }

.swiper-section .swiper-pagination { width: auto; height: auto; left: auto; top: auto; right: auto; bottom: auto; position: absolute; font-size: 0; }

.swiper-section .swiper-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; border-radius: 0.25rem; margin: 0 0.5rem 0 0; background: #eee; vertical-align: top; opacity: 1; }

.swiper-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 2.25rem; height: 0.5rem; border-radius: 0.25rem; background: #ff664d; opacity: 1; }

/* main-filter : RC-02-02 */
.main-filter { background: #fff; height: 6.75rem; padding: 2.5rem 0 0 0; box-sizing: border-box; border-bottom: 0.0625rem solid #d6deed; }

/* sort-condition : SE-01-01 */
.sort-condition { padding: 1.875rem 0 3.1875rem 0; background: #fff; }

.sort-condition .keyword { margin: 0 0 0.625rem 0; font-size: 0.875rem; letter-spacing: -0.0125rem; color: #222; text-align: center; }

.sort-condition .keyword span { color: #ff664d; font-weight: 700; }

.sort-condition .filter-wrap2 { border: 0.0625rem solid #a8b5cd; border-radius: 0.5rem; }

.sort-condition .filter-wrap2 .term { padding: 1.25rem 1.875rem; }

.sort-condition .filter-wrap2 .term .table-css { width: 100%; }

.sort-condition .filter-wrap2 .term .table-css .cell:nth-of-type(1) { width: 7.25rem; font-size: 0.875rem; font-weight: 700; color: #666; }

.sort-condition .filter-wrap2 .term .table-css .cell:nth-of-type(2) { width: 7.25rem; white-space: nowrap; }

.sort-condition .filter-wrap2 .term .table-css .cell:nth-of-type(2) .dash { display: inline-block; vertical-align: middle; font-size: 1.25rem; letter-spacing: -0.01812rem; color: #222; margin: 0 0.3125rem; }

.sort-condition .filter-wrap2 .term .table-css .cell:nth-of-type(2) .ui.h40.calendar { display: inline-block; vertical-align: middle; }

.sort-condition .filter-wrap2 .term .table-css .cell:nth-of-type(3) { width: 15.625rem; text-align: right; }

.sort-condition .filter-wrap2 .details .table-css { width: 100%; border-top: 0.0625rem solid #a8b5cd; }

.sort-condition .filter-wrap2 .details .table-css .cell:nth-of-type(1) { width: 18.75rem; }

.sort-condition .filter-wrap2 .details .table-css .cell:nth-of-type(2) { width: 18.75rem; border-left: 0.0625rem solid #a8b5cd; }

.sort-condition .filter-wrap2 .details .table-css .cell:nth-of-type(3) { width: 16.25rem; border-left: 0.0625rem solid #a8b5cd; }

.sort-condition .filter-wrap2 .details .table-css .cell:nth-of-type(4) { border-left: 0.0625rem solid #a8b5cd; position: relative; }

.sort-condition .filter-wrap2 .details .f-tit { height: 3.5rem; padding: 1.25rem 0 0 1.875rem; box-sizing: border-box; font-size: 0.875rem; font-weight: 700; color: #666; }

.sort-condition .filter-wrap2 .details .f-list .empty { font-size: 0.875rem; color: #4c4c4c; }

.sort-condition .filter-wrap2 .details .f-btn { height: 3.125rem; }

.sort-condition .filter-wrap2 .details .f-btn button { border-radius: 0 0 0.5rem 0; }

.sort-condition .filter-wrap2 .details .f-reset { position: absolute; right: 1.875rem; top: 0.875rem; }

.sort-condition .filter-wrap2 .details .scrolling { margin: 0 0.625rem 0 0; }

.sort-condition .filter-wrap2 .details .scrolling .college { height: 20.75rem; box-sizing: border-box; padding: 0 1.875rem 3.75rem 1.875rem; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

.sort-condition .filter-wrap2 .details .scrolling .college button { margin-bottom: 0.625rem; }

.sort-condition .filter-wrap2 .details .scrolling .college button:last-of-type { margin-bottom: 0; }

.sort-condition .filter-wrap2 .details .scrolling .channel { height: 20.75rem; box-sizing: border-box; padding: 0 1.875rem 3.75rem 1.875rem; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

.sort-condition .filter-wrap2 .details .scrolling .channel > ul > li { margin-bottom: 0.375rem; }

.sort-condition .filter-wrap2 .details .scrolling .channel > ul > li:last-of-type { margin-bottom: 0; }

.sort-condition .filter-wrap2 .details .scrolling .learning { height: 20.75rem; box-sizing: border-box; padding: 0 1.875rem 3.75rem 1.875rem; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

.sort-condition .filter-wrap2 .details .scrolling .learning > ul > li { margin-bottom: 0.375rem; }

.sort-condition .filter-wrap2 .details .scrolling .learning > ul > li:last-of-type { margin-bottom: 0; }

.sort-condition .filter-wrap2 .details .scrolling .selected { height: 17.625rem; box-sizing: border-box; padding: 0 1.875rem 3.125rem 1.875rem; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

.sort-condition .filter-wrap2 .details .scrolling .selected button { margin: 0 0.4375rem 0.625rem 0; }

/* sort-reult : SE-01-01, RC-02-01 */
.sort-reult { padding: 3.125rem 0 0 0; }

.sort-reult .section-count { margin: 0 0 1.5625rem 0; font-size: 1rem; line-height: 1.5; letter-spacing: -0.01875rem; color: #6c788f; }

.sort-reult .section-count span { font-weight: 700; }

.sort-reult .section-count + .comments-sort { position: absolute; right: 0; top: 3.125rem; }

.sort-reult .section { position: relative; margin: 0 0 4.375rem 0; }

.sort-reult .section:last-of-type { margin: 0; }

.sort-reult .section .text01 { margin: 0 0 1.25rem 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.025rem; color: #282e3b; }

.sort-reult .section .fn-button { position: absolute; right: 0; top: 0.5625rem; }

.sort-reult .no-cont-wrap { padding: 3.125rem 0 1.25rem !important; }

.sort-reult .no-cont-wrap.type2 { padding: 4.375rem 0 0 0 !important; }

/* expert-cont : EX-01-01 */
.expert-cont { padding: 1.875rem 0 0 0; }

.expert-cont .no-cont-wrap { padding-top: 5.625rem !important; }

.expert-cont .text-info { padding: 1.25rem 0 0 0; }

.expert-cont .text01 { position: relative; padding: 0 0 0 0.625rem; font-size: 1rem; font-weight: 700; letter-spacing: -0.01875rem; color: #536280; }

.expert-cont .text01::before { content: ''; display: inline-block; position: absolute; left: 0; top: 0.6875rem; width: 0.25rem; height: 0.25rem; border-radius: 100%; background: #717988; }

.expert-cont .text02 { padding: 0 0 0 1.1875rem; margin-top: 0.125rem; font-size: 1rem; letter-spacing: -0.01875rem; color: #282e3b; text-indent: -0.5625rem; }

.expert-cont .text02 + .text01 { margin: 1.875rem 0 0 0; }

.expert-cont .text02 + .text02 { margin-top: 0; }

.expert-cont .dash { margin: 2.375rem 0 2.375rem; width: 100%; height: 0.0625rem; background: #d6deed; }

/* expert-info : EX-01-01 */
.expert-info { display: inline-block; margin: 0 3.75rem 0 0; vertical-align: top; }

.expert-info:last-of-type { margin: 0; }

.expert-info .ui.label.onlytext { display: block; height: 1.1875rem; }

.expert-info .value1 { display: block; height: 2.5625rem; }

.expert-info .value1 span { display: block; margin: 0.4375rem 0 0.125rem 0; font-size: 0.875rem; font-weight: 700; line-height: 1.14; color: #222; }

.expert-info .value1 a { display: block; font-size: 0.875rem; line-height: 1.14; color: #222; text-decoration: underline; }

.expert-info .value2 { display: block; height: 2.5625rem; }

.expert-info .value2 strong { font-size: 2rem; font-weight: 700; color: #222; }

.expert-info .value2 strong.min { margin: 0 0 0 0.3125rem; }

.expert-info .value2 span { margin: 0 0 0 0.125rem; font-size: 1rem; color: #333; }

.expert-info .value3 { display: block; height: 2.5625rem; }

.expert-info .value3 strong { font-size: 2rem; font-weight: 700; color: #222; }

.expert-info .value3 strong.min { margin: 0 0 0 0.3125rem; }

.expert-info .value3 span { margin: 0 0 0 0.125rem; font-size: 1.25rem; line-height: 1.4; color: #333; }

/* recommend-info : EX-01-01 */
.recommend-info { display: inline-block; margin: 0 3.75rem 0 0; }

.recommend-info:last-of-type { margin: 0; }

.recommend-info .ui.label.onlytext { display: block; margin: 0 0 0.0625rem 0; }

.recommend-info .ui.label.onlytext a { text-decoration: underline; }

.recommend-info .value1 .text01 { font-size: 2rem; font-weight: 700; color: #222; }

.recommend-info .value1 .text02 { margin: 0 0 0 0.0625rem; font-size: 0.875rem; font-weight: 700; color: #333; }

.recommend-info .value1 .text03 { margin: 0 0 0 0.0625rem; font-size: 2rem; color: #333; }

.recommend-info .value1 .text04 { margin: 0 0 0 -0.0625rem; font-size: 1rem; line-height: 1; color: #333; }

/* recommend-detail : RC-01-01 */
.recommend-detail { padding: 3.125rem 0 0 0; }

.recommend-detail .channel-of-interest { padding: 1.25rem 0 1.25rem 0; border: 0.0625rem solid #c9d3e6; border-radius: 0.25rem; }

/* .page-title : SU-01-05_CO1 */
.page-title { background: #fff; padding: 3.125rem 0 0 0; height: 7.625rem; box-sizing: border-box; border-bottom: 0.0625rem solid #d6deed; }

.page-title .text01 { font-size: 1.75rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.03125rem; color: #222; }

/* site-map " CO-05-01 */
.site-map { max-height: 80vh; overflow-y: auto; padding: 2.5rem 1.875rem 1.875rem 1.875rem; }

.site-map > ul { width: 100%; margin: 0 0 3.125rem 0; overflow: hidden; }

.site-map > ul:first-of-type > li:first-of-type { width: 50%; }

.site-map > ul:first-of-type > li:first-of-type ul { float: left; width: 50%; }

.site-map > ul > li { float: left; width: 25%; /* &:nth-of-type(1){ width:rem(265px); } &:nth-of-type(2){ width:rem(265px); } &:nth-of-type(3){ width:rem(265px); } &:nth-of-type(4){ width:rem(135px); } */ }

.site-map > ul > li > span { display: block; margin: 0 0 1.25rem 0; font-size: 1.125rem; font-weight: 700; letter-spacing: -0.02125rem; color: #222; /* .update{ margin:rem(0 0 0 6px); font-size:rem(12px); letter-spacing:rem(-0.2px); color:#6c788f; display:inline-block; height:rem(20px); padding:rem(0 6px); box-sizing:border-box; border:rem(1px) solid #6c788f; border-radius:rem(4px); font-weight:400; } */ }

.site-map > ul > li > ul > li { margin: 0 0 0.875rem 0; }

.site-map > ul > li > ul > li:last-of-type { margin: 0; }

.site-map > ul > li > ul + span { margin-top:2.5rem; }

.site-map a { font-size: 0.875rem; letter-spacing: -0.0125rem; color: #222; }

.site-map a .underline { text-decoration: underline; }

.site-map a .count { font-size: 0.75rem; letter-spacing: -0.01063rem; margin: 0 0 0 0.25rem; }

.site-map a .count em { font-weight: 700; }

.site-map a i.icon { position: relative; top: -0.0625rem; vertical-align: middle; margin: 0 0 0 0.25rem; }

/* 약관 */
.privacy { padding: 1.75rem 0.625rem 0 1.875rem; }

.privacy .text1 + .text1 { margin-top: 0.625rem; }

.privacy .text1 + .text2 { margin-top: 2.5rem; }

.privacy .text1 { font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.025rem; color: #222; }

.privacy .text2 { margin-top: 1.875rem; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.0125rem; color: #222; font-weight: 700; }

.privacy .text3 { margin-top: 0.625rem; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.025rem; color: #666; }

.privacy .text4 { margin-top: 1.25rem; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.025rem; color: #666; font-weight: 700; padding-left: 0.625rem; }

.privacy .text5 { margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.71; letter-spacing: -0.025rem; color: #999; padding-left: 0.625rem; }

.privacy a { color: #0e73db; }

.privacy .bt { margin: 1.25rem 0; border-top: 0.0625rem solid #6c788f; }

.privacy table.four td { width: 25%; }

.privacy table th { text-align: center; font-size: 0.75rem; font-weight: 700; color: #222; padding: 0.6875rem 0.75rem; border-right: 0.0625rem solid #c8d0e0; border-bottom: 0.0625rem solid #c8d0e0; }

.privacy table th:last-of-type { border-right: 0; }

.privacy table td { vertical-align: top; font-size: 0.75rem; letter-spacing: -0.0125rem; color: #666; padding: 1rem 0.75rem; border-right: 0.0625rem solid #c8d0e0; border-bottom: 0.0625rem solid #c8d0e0; }

.privacy table td:last-of-type { border-right: 0; }

.privacy .scrolling-80vh { padding: 0 3.125rem 1.25rem 0; }

/* between-section : ML-05-05 */
.between-section { background: #f7f7f7; padding: 1.25rem 0; }

.between-section img { vertical-align: top; }

/* linkedin-cont : ML-05-P05 */
.linkedin-cont .txt-box { padding-bottom: 0.625rem; }

.linkedin-cont .txt-box li { margin-bottom: 1.25rem; }

.linkedin-cont .txt-box .text1 { font-size: 0.875rem; color: #222; line-height: 1.5rem; letter-spacing: -0.0125rem; font-weight: 700; }

.linkedin-cont .txt-box .text2 { margin-top: 0.625rem; padding-left: 1rem; font-size: 0.875rem; color: #222; line-height: 1.5rem; letter-spacing: -0.0125rem; }

.linkedin-cont .txt-box .text2 .red { color: #e1002a; }

.linkedin-cont .txt-box .text2 .bold { font-weight: 700; }

.linkedin-cont .img-box { padding: 1.25rem 0.875rem 1.25rem; width: 58.75rem; margin: 0 auto; border-top: 0.0625rem solid #c8d0e0; border-bottom: 0.0625rem solid #c8d0e0; background: #f4f7fd; }

.linkedin-cont .img-box ul { width: 100%; overflow: hidden; }

.linkedin-cont .img-box ul li { position: relative; float: left; box-sizing: content-box; text-align: center; }

.linkedin-cont .img-box ul li:nth-of-type(1) { width: 10.8125rem; padding-right: 1.0625rem; }

.linkedin-cont .img-box ul li:nth-of-type(1) img { width: 10.0625rem; box-shadow: 0 2px 6px 0 #ccd4e7; border-radius: 0.5rem; }

.linkedin-cont .img-box ul li:nth-of-type(2) { width: 22rem; padding-right: 1.0625rem; }

.linkedin-cont .img-box ul li:nth-of-type(2) img { width: 21.25rem; box-shadow: 0 2px 6px 0 #ccd4e7; border-radius: 0.5rem; }

.linkedin-cont .img-box ul li:nth-of-type(3) { width: 22rem; }

.linkedin-cont .img-box ul li:nth-of-type(3) img { width: 21.25rem; box-shadow: 0 2px 6px 0 #ccd4e7; border-radius: 0.5rem; }

.linkedin-cont .img-box ul li div { margin-top: 0.375rem; text-align: center; font-size: 0.75rem; font-weight: 700; line-height: 2; letter-spacing: -0.01063rem; color: #6c788f; }

.linkedin-cont .img-box ul li .arrow-popup-linkedin { position: absolute; top: 9rem; right: -0.25rem; }

/* .tutorials : MA-TU-01 */
.tutorials { background: #4e5463 !important; }

.tutorials .content { background: #4e5463 !important; }

.tutorials .tutorials-wrap { position: relative; }

.tutorials .tutorials-wrap img { vertical-align: top; width: 62.5rem; height: 43.75rem; }

.tutorials .tutorials-wrap .swiper-button-prev { position: absolute; left: 0; top: 18.75rem; width: 3.125rem; height: 3.125rem; padding: 0; margin: 0; border-radius: 0 0.25rem 0.25rem 0; background: #222; transition: 0s; }

.tutorials .tutorials-wrap .swiper-button-prev::after { content: ''; display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(../img/arrow-l-normal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.tutorials .tutorials-wrap .swiper-button-prev.swiper-button-disabled { opacity: 1; }

.tutorials .tutorials-wrap .swiper-button-prev.swiper-button-disabled::after { content: ''; display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(../img/arrow-l-disabled.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.tutorials .tutorials-wrap .swiper-button-next { position: absolute; right: 0; top: 18.75rem; width: 3.125rem; height: 3.125rem; padding: 0; margin: 0; border-radius: 0.25rem 0 0 0.25rem; background: #222; transition: 0s; }

.tutorials .tutorials-wrap .swiper-button-next::after { content: ''; display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(../img/arrow-r-normal.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

.tutorials .tutorials-wrap .swiper-button-next.swiper-button-disabled { opacity: 1; }

.tutorials .tutorials-wrap .swiper-button-next.swiper-button-disabled::after { content: ''; display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(../img/arrow-r-disabled.svg) no-repeat 0 0 !important; background-size: 100% 100% !important; }

/* .welcome-message : ET-02-P01 */
.welcome-message { font-size: 1.25rem; line-height: 1.5; letter-spacing: -0.01875rem; color: #222; }

.welcome-message .tit { margin: 0 0 1.625rem 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.01812rem; color: #222; }

.welcome-message .tit i { position: relative; top: 0.0625rem; vertical-align: middle; margin: 0 0.5rem 0 0; }

.welcome-message span { font-weight: 700; }

/* open-layer : OB-01-01 */
.open-layer { position: absolute; left: 50%; top: 4.375rem; margin-left: -18.75rem; box-shadow: 0 0 0.5625rem 0.1875rem rgba(23, 33, 74, 0.15); border: 0.125rem solid #172649; background-color: #fff; width: 37.5rem; z-index: 10; }

.open-layer .cotents { padding: 3.8125rem 2.5rem 2.5rem 2.5rem; }

.open-layer .cotents .mt40 { margin-top: 2.5rem; }

.open-layer .cotents .mt20 { margin-top: 1.25rem; }

.open-layer .cotents .mt10 { margin-top: 0.625rem; }

.open-layer .cotents .mt10 span { vertical-align: middle; }

.open-layer .cotents .mt10 .category-mini { display: inline-block; vertical-align: middle; }

.open-layer .cotents .mt30 { margin-top: 1.875rem; }

.open-layer .cotents .text1 { margin: 0 0 1.4375rem 0; }

.open-layer .cotents .text2 { margin: 0 0 2.5rem 0; font-size: 1.25rem; line-height: 1.4; letter-spacing: -0.0375rem; color: #000; }

.open-layer .cotents .text2 .spot1 { font-weight: 700; color: #e1002a; }

.open-layer .cotents .text3 { margin: 2.5rem 0 0 0; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: -0.0375rem; color: #000; }

.open-layer .cotents .text3 .spot1 { font-weight: 700; color: #e1002a; }

.open-layer .cotents .text3 .spot2 { font-weight: 700; color: #056fde; }

.open-layer .bottom { padding: 0 2.5rem; height: 3.125rem; border-top: 0.0625rem solid #c8d0e0; }

.open-layer .bottom .ui.base.checkbox { margin: 0.8125rem 0 0 0; }

.open-layer .bottom .ui.button.close { float: right; margin: 0.8125rem 0 0 0; }

/* system-message : ET-02-P02 */
.system-message { font-size: 1.25rem; letter-spacing: -0.025rem; color: #222; }

.system-message .tit { margin: 0 0 1.625rem 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.01812rem; color: #222; }

.system-message .tit i { position: relative; top: 0.0625rem; vertical-align: middle; margin: 0 0.5rem 0 0; }

.system-message .help-desk { border-top: 0.0625rem solid #eee; margin: 1.875rem 0 0 0; padding: 1.875rem 0 1.875rem 1.5625rem; text-indent: -1.5625rem; font-size: 1.25rem; font-weight: 700; color: #000; }

.system-message .help-desk span { color: #51aaff; }

.system-message .qa button { width: 100% !important; }

.system-message .box1 { margin: 0 0 1.875rem 0; }

.system-message .box1 div { margin: 0 0 0.625rem 0; }

.system-message .box2 div { font-weight: 700; margin: 1.875rem 0 0.625rem 0; }

.system-message .box2 ul { padding: 0 0 0 1.5rem; }

.system-message .box2 ul li { color: #666; padding: 0 0 0 0.625rem; text-indent: -0.625rem; }

.system-message .box3 { margin: 1.875rem 0 1.875rem 0; }

.system-message .box3 div { margin: 0 0 0.625rem 0; }

.system-message .box3 ol li { margin: 0.5rem 0 0 0; padding-left: 1.375rem; text-indent: -1.25rem; }

/* ML-06-01-P01 : Test & Report 안내 팝업 */
.test-report-cont { font-size: 1rem; letter-spacing: -0.02875rem; color: #222; line-height: 1.5; }

/* Test & Report & survey 박스 */
.trs-box { position: relative; display: table; padding: 0 0 1.875rem 7.25rem; width: 100%; min-height: 7.5rem; box-sizing: border-box; border-radius: 0.5rem; box-shadow: 0 2px 6px 0 #ccd4e7; overflow: hidden; background: #fff; }

.trs-box + .trs-box { margin: 0.625rem 0 0 0; }

.trs-box .thumbnail { position: absolute; top: 2.0625rem; left: 2.0625rem; width: 3.375rem; height: 3.375rem; }

.trs-box .thumbnail img { max-width: 3.375rem; max-height: 3.375rem; }

.trs-box .desc { padding: 2.25rem 12.5rem 0 0; }

.trs-box .desc .t-copy { font-size: 1rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.03rem; color: #222; }

.trs-box .desc .s-copy { font-size: 1rem; line-height: 1.5; letter-spacing: -0.03rem; color: #444; }

.trs-box .btn-area { position: absolute; right: 1.875rem; top: 2.5rem; width: 9.875rem; text-align: center; }

.trs-box .btn-area .state { font-size: 0.875rem; font-weight: 700; color: #4c4c4c; line-height: 2.5rem; }

body.msie .body > .header .group .g-menu .nav a.active::before { top: 0.5rem; }

body.msie .ui.breadcrumb.standard::before { position: relative; top: 0.0625rem; }

body.msie .ui.buttons.quick-menu button i { top: 0.1875rem; }

body.msie .channel-change .table-css .head .cell .right button.clear { right: 3.625rem; }

body.msie .table-css.type3 .tit-set .img-icon { margin-left: -1.125rem; }

body.msie .ui.dropdown.inline .menu .item { margin-left: 0.0625rem; }

/*# sourceMappingURL=../maps/style.css.map */

/* 2021.08.12 login add */
.login-content .right-area .inner .logo.big i.icon.sk-university-login-big {width: 5rem;}
.login-content .right-area .inner .logo.big i.icon.sk-university-login-big:before {width: 5rem; background: url("../img/login_logo_02_N.png") no-repeat 0 0 !important;}

/* 2021-12 login 상하 center 맞춤*/
/* .login-guide p { max-width: 600px; word-break: break-word;}
.login-content .right-area .inner .login-guide li::before { top: 10px;}
.login-content .left-area { padding: 0 5rem 0 0; display: flex; align-items: center; justify-content: flex-end;}
.login-content .right-area { padding: 0 0 0 5rem; display: flex; justify-content: flex-start; align-items: center;}
.login-content .left-area .inner { margin-top: -180px;}
.login-content .right-area .inner {margin-top : -60px} */