/* foundation.css */
article, aside, footer, header, nav, section {
	display: block;
}
*, :after, :before {
    box-sizing: inherit;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	box-sizing: border-box;
    font-size: 100%;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
main {
    display: block;
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0;
}
p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}
a {
    line-height: inherit;
    color: #1779ba;
    text-decoration: none;
    cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility;
}
h3 {
    font-size: 1.1875rem;
}
h3, h4 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem;
}
ol, ul {
    margin-left: 1.25rem;
}
ul {
    list-style-type: disc;
}
dl, ol, ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6;
}
li {
    font-size: inherit;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, select {
    text-transform: none;
}
button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
}
small {
    font-size: 80%;
    line-height: inherit;
}
figcaption, figure {
    display: block;
}
figure {
    margin: 0;
}
img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
img {
    border-style: none;
}
a img {
    border: 0;
}
b,strong {
    font-weight: inherit;
    font-weight: bolder
}
b, strong {
    font-weight: 700;
}
b, em, i, strong {
    line-height: inherit;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #cacaca
}
.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
[type=button], [type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.position-left {
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    transform: translateX(-250px);
    overflow-y: auto;
}
.off-canvas {
    position: fixed;
    z-index: 1;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6;
}
.off-canvas.is-open {
    transform: translate(0);
}
.off-canvas.is-transition-overlap {
    z-index: 10;
}
[data-whatinput=mouse] .off-canvas {
    outline: 0;
}
.menu {
    margin: 0;
    list-style-type: none;
}
.menu.nested {
    margin-left: 1rem;
}
.accordion {
    margin-left: 0;
    background: #fff;
    list-style-type: none;
}
.menu.vertical>li {
    display: block;
}
.menu.horizontal>li, .menu>li {
    display: table-cell;
}
.menu>li {
    display: table-cell;
    vertical-align: middle;
}
.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1;
}
.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto
}

.row:after,.row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.row.collapse>.column,.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}
.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.gutter-small>.column,.row.gutter-small>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.row.gutter-medium>.column,.row.gutter-medium>.columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column,.columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fff;
}
.button, .button.primary, .button.primary[disabled], .button[disabled] {
    color: #fff !important;
    background-color: #5684ff;
}
[data-whatinput=mouse] .button {
    outline: 0;
}
hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}
hr {
    max-width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.breadcrumbs {
    margin: 0 0 1rem;
    list-style: none;
}
.breadcrumbs:after, .breadcrumbs:before {
    display: table;
    content: " ";
}
.breadcrumbs:after {
    clear: both;
}
.breadcrumbs li {
    float: left;
    font-size: .6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase;
}
.breadcrumbs li:not(:last-child):after {
    position: relative;
    top: 1px;
    margin: 0 .75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
}

@media print, screen and (min-width: 40em) {
    h3 {
        font-size: 1.9375rem;
    }
}

/* style.min.css */
a, a:link, a:visited, a[rel=menu], body, button, dl, input, ol, select, td, textarea, th, ul {
    color: #222;
}
#article-view .wrapper {
    margin: 0 auto;
    transition: width .3s ease-in-out;
}
#article-view .article-view-header {
    padding-bottom: 1.375rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}
#article-view .heading, #article-view .subheading {
    display: block;
    font-weight: bolder;
    font-style: normal;
}
#article-view .heading+.subheading {
    margin-bottom: 1.25rem;
}
#article-view .subheading {
    margin: 0 0 1.875rem;
    padding-left: .75rem;
    font-size: 1.25rem;
    line-height: 1.25;
    letter-spacing: -.075em;
    border-left: 3px solid #aeaeae;
    word-break: normal;
    word-wrap: break-word;
}
#article-view .heading, #article-view .subheading {
    display: block;
    font-weight: bolder;
    font-style: normal;
}
#article-view .infomation {
    padding: 0;
    margin: 0;
    font-size: 0;
    list-style: none;
}
#article-view .infomation>li {
    display: inline-block;
    font-size: .813rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.125;
    letter-spacing: -.05em;
    color: #707070;
    vertical-align: middle;
}
#article-view .infomation>li::after {
    content: '|';
    position: relative;
    top: -2px;
    margin: 0 .625rem;
    font-size: .8em;
    color: #cacaca;
}
#article-view .quick-tool {
    font-size: 0;
}
#article-view .quick-tool>:nth-last-child(2) {
    margin-left: .625rem;
}
#article-view .quick-tool>:last-child, #article-view .quick-tool>:nth-last-child(3) {
    border-right-width: 1px;
}
#article-view .quick-tool .font-size, .social-group .sns {
    display: inline-block;
    margin: 0 auto;
}
#article-view .quick-tool .font-size.down::before {
    background-image: url('https://cdn.digitaltoday.co.kr/image/font-size-down.svg');
}
#article-view .quick-tool .font-size::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.user-point, a.user-point {
    color: #5684ff;
}
.article-veiw-body {
    text-align: left;
}
.article-veiw-body.view-page {
    font-size: 1.063rem;
    letter-spacing: -.05em;
}
.article-veiw-body.view-page.font-size17 {
    font-size: 1.063rem;
}
.article-veiw-body.view-page .photo-layout.float-center {
    display: block !important;
    float: none !important;
}
.article-veiw-body.view-page .photo-layout {
    margin-bottom: 1rem;
    text-align: center;
}
.article-veiw-body.view-page .photo-layout figcaption, .article-veiw-body.view-page .simplebox-title {
    padding: .7rem 0;
    font-size: .8rem;
    line-height: 1.6em;
    letter-spacing: -.05em;
    color: #919191;
    text-align: left;
}
.article-veiw-body.view-page p {
    margin: 0 0 1em;
    font-weight: 400;
    line-height: 1.8;
    color: #3c3e40;
    text-align: justify;
    word-break: normal;
    word-wrap: break-word;
}
#article-view .account {
    display: block;
    font-size: 0;
    white-space: nowrap;
    text-align: left;
}
#article-view .writer {
    display: block;
    padding: 1rem 0;
    font-size: 0;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
}
#article-view .account>* {
    display: inline-block;
    margin-right: .75rem;
    vertical-align: middle;
}
#article-view .account>.image {
    overflow: hidden;
    position: relative;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
}
#article-view .account>.image::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 50%;
}
#article-view .account>.name {
    font-size: .9375rem;
    color: #222;
    white-space: nowrap;
}
#article-view .account>.name, #article-view .article-more {
    font-weight: bolder;
    font-style: normal;
    line-height: 1.375;
    letter-spacing: -.075em;
}
#article-view .account>.email {
    font-size: .75rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.125;
    letter-spacing: -.025em;
    color: #707070;
    white-space: nowrap;
}
#article-view .account>:last-child {
    margin-right: 0;
}
#article-view .tag-group {
    display: block;
    margin: 3.125rem 0;
    font-size: 0;
}
.tag-group {
    margin: 2rem 0;
    clear: both;
}
#article-view .tag-group>:last-child {
    margin-right: 0;
}
#article-view .tag-group .tag {
    display: inline-block;
    padding: 0 .625rem;
    margin-right: 5px;
    font-size: .875rem;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -.05em;
    color: #555;
    background-color: #eee;
    border-radius: 2rem;
    white-space: nowrap;
    vertical-align: middle;
}
.reply-list .container .comments-content::after, .reply-list .container .comments-footer::after, .reply-list .container .list-comments .comments-header::after, .tag-group::after, .user-page-header::after, .view-aside::after {
    content: '';
    display: table;
    clear: both;
}
#article-view .article-copy {
    display: block;
    margin-bottom: 3.125rem;
    padding: 1.5rem 0;
    font-size: .813rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -.025em;
    color: #707070;
    border-top: 1px solid rgba(0, 0, 0, .7);
    text-align: right;
}
#article-view .relation .titles {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    font-weight: bolder;
    font-style: normal;
    line-height: 1.125;
    letter-spacing: -.075em;
}
#article-view .relation .list {
    padding: 0;
    margin: 0;
    font-size: 0;
    list-style: none;
}
#article-view .relation .list li {
    margin-bottom: .75rem;
}
#article-view .relation .list li a {
    display: inline-block;
    position: relative;
    padding-left: 1rem;
    font-size: 1.063rem;
    line-height: 1.25;
    letter-spacing: -.075em;
}
#article-view .relation .list li a::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    width: 7px;
    height: 7px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #555;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.box-skin {
    text-align: left;
}
.box-skin .header {
    font-weight: 700;
    letter-spacing: -.05em;
}
.box-skin .header .skin-column>a, .box-skin .header .skin-column>strong, .box-skin .header>a, .box-skin .header>strong {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.1em;
    text-decoration: none;
}
.box-skin .aside::after, .box-skin .container::after, .box-skin .content::after, .box-skin .header::after, .box-skin::after, .reveal-container::after, .reveal-footer::after, .reveal-header::after {
    content: '';
    display: table;
    clear: both;
}
.box-dashed, .box-dotted, .box-margins, .box-margins[class*=box-dashed-], .box-margins[class*=box-dotted-], .box-margins[class*=box-solid-], .box-solid {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    color: transparent;
}
.banner_event_box {
    overflow: hidden;
}
.beb_box {
    border: 0;
}
.beb_li {
    display: none;
    float: left;
    overflow: hidden;
    text-align: center;
}
hr {
    max-width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

/* autobox.style.min.css */
.auto-article {
    display: block;
    text-align: left;
}
.auto-article::after, .auto-article::before, .auto-article>ul::after {
    content: '';
    display: table;
}
.auto-article .item>a, .auto-article>.item {
    display: block;
}
.auto-article .line-3, .auto-article .line-3x1, .auto-article .line-3x2, .auto-article .line-3x3 {
    line-height: 1.25;
}
.auto-article .line-1x1, .auto-article .line-2x1, .auto-article .line-3x1, .auto-article .line-4x1, .auto-article .line-5x1, .auto-article .line-6x1, .auto-article .line-7x1, .auto-article .line-8x1, .auto-article .line-9x1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.auto-article .item>a::after, .auto-article>.item::after, .auto-mov::after {
    content: '';
    display: table;
    clear: both;
}
.auto-article::after, .auto-article>ul::after {
    clear: both;
}
.auto-article::after, .auto-article::before, .auto-article>ul::after {
    content: '';
    display: table;
}
.auto-article .line-4x2 {
    max-height: 2.75em;
}
.auto-article .line-4, .auto-article .line-4x1, .auto-article .line-4x2, .auto-article .line-4x3 {
    line-height: 1.375;
}
.auto-article .line-2, .auto-article .line-2x1, .auto-article .line-2x2, .auto-article .line-2x3 {
    line-height: 1.125;
}
.auto-article .line-1x2, .auto-article .line-2x2, .auto-article .line-3x2, .auto-article .line-4x2, .auto-article .line-5x2, .auto-article .line-6x2, .auto-article .line-7x2, .auto-article .line-8x2, .auto-article .line-9x2 {
    -webkit-line-clamp: 2;
}
.auto-article .line-1x2, .auto-article .line-1x3, .auto-article .line-2x2, .auto-article .line-2x3, .auto-article .line-3x2, .auto-article .line-3x3, .auto-article .line-4x2, .auto-article .line-4x3, .auto-article .line-5x2, .auto-article .line-5x3, .auto-article .line-6x2, .auto-article .line-6x3, .auto-article .line-7x2, .auto-article .line-7x3, .auto-article .line-8x2, .auto-article .line-8x3, .auto-article .line-9x2, .auto-article .line-9x3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.auto-article ol, .auto-article p, .auto-article ul {
    margin: 0;
    padding: 0;
}
.auto-fontF {
    color: #fff !important;
}
.auto-fontA {
    color: rgba(0, 0, 0, .95) !important;
}
.auto-section, .auto-subtitles, .auto-titles {
    line-height: 1.125;
    letter-spacing: -.075em;
    color: rgba(0, 0, 0, .95);
}
.auto-name, .auto-section, .auto-subtitles, .auto-sums, .auto-titles {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.frame[class*=height-]>.auto-images {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

/* design.style.css */
.article-veiw-body p strong {
    font-weight: bold;
}
#article-view .writer {
    margin-top: 2rem;
    border-color: rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
    border-bottom: 1px solid #000;
}
#article-view .relation {
    margin: 1rem 0;
}

/* font.style.css */
body, th, td, input, select, textarea, button, h1, h2, h3, h4, h5, h6 {
    font-family: 'Apple SD Gothic Neo', 'Helvetica Neue', 'Nanum Square', 'Malgun Gothic', 'dotum', 'Arial', sans-serif;
}

/* webfonts.css */
.icon-comment-o:before {
    content: '\e9d8';
}
.icon-share-alt-o:before {
    content: '\e9ea';
}
[class*=icon-]::before, [class^=icon-]::before {
    display: inline-block;
    font: 14px / 1 fontello;
    font-size: inherit;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* media.min.css */
.posi-re {
    position: relative;
}
.padright-40 {
    padding-right: 2.5rem !important;
}
.line-4x2 {
    max-height: 2.75em;
}
.size-15 {
    font-size: 15px;
}
.size-20 {
    font-size: 20px;
}
.martop-16 {
    margin-top: 1rem !important;
}
.marbtm-20 {
    margin-bottom: 1.25rem !important;
}
.marbtm-30 {
    margin-bottom: 1.875rem !important;
}
.dis-none {
    display: none;
}
.pady-10 {
    padding-top: .625rem !important;
    padding-bottom: .625rem !important;
}


/* menubar.css */
#user-nav .user-search {
    position: relative;
    width: auto;
}
#user-nav .user-etc > * {
    display: inline-block;
    vertical-align: middle;
}
#user-nav .user-search > .sch-btns {
    display: block;
    max-width: 46px;
    height: 46px;
    font-size: 1.5rem;
    line-height: 1;
    color: #fff;
}
#header-wrapper button {
    cursor: pointer;
}
#user-nav .user-search-form {
    display: none;
    position: absolute;
    z-index: 5;
    right: 32px;
    top: 50%;
    width: 200px;
    height: 34px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#user-nav .user-search-form input#search {
    height: 35px;
    margin: 0;
    padding-left: 12px;
    padding-right: 45px;
    font-size: .813rem;
    color: #000;
    background: #fff;
    border: none;
    border-radius: 2rem;
    box-shadow: none;
}
#user-nav .user-search-form button[onclick] {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 45px;
    height: 35px;
    font-size: 1.25rem;
    color: #000;
    cursor: pointer;
}
#user-nav .user-search.active > .sch-btns > i[class^="icon-"]::before {
    content: '\e9af';
}


/* common */
.text-center {
    text-align: center;
}
.relative {
    position: relative;
}
.layout-1160 {
	max-width: 1160px;
}
.color-skyblue {
    color: #3498db
}
.blind {
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 1px; 
	height: 1px; 
	font-size: 0; 
	text-indent: -9999px; 
	white-space: nowrap; 
}
.is-hidden {
    display: none;
}
.width-1160 {
    width: 1160px;
}
.mt-20 {
	margin-top:20px;
}
.mt-40 {
	margin-top:40px;
}
.mb-40 {
	margin-bottom:40px;
}
.w-250 {
	width: 250px;
}
.w-170 {
	width: 170px;
}
.w-142 {
	width: 142px;
}
.w-130 {
	width: 130px;
}
.w-124 {
	width: 124px;
}
.w-86 {
	width: 86px;
}
.w-66 {
	width: 66px;
}

/* header */
#user-header, .skip-nav {
    position: relative;
}
#header-wrapper {
    position: relative;
    z-index: 99;
    margin-bottom: 1.875rem;
}
#user-nav {
    background-color: #ff6114;
}
#header-wrapper.basic, #header-wrapper .mode-inner, #nav-header {
    margin-left: auto;
    margin-right: auto;
}
#header-wrapper .mode-inner, #nav-header { 
	width:1160px; 
}
#header-wrapper {position:relative;z-index:99;margin-bottom:1.875rem}
#header-wrapper ul, #header-wrapper ol {margin:0;padding:0;list-style:none}
#header-wrapper em ,#header-wrapper i {font-style:normal}
#header-wrapper button {cursor:pointer}
#header-wrapper .no-bullet {margin-bottom:0}
#header-wrapper .has-tip {border:0}
#header-wrapper.basic, #header-wrapper .mode-inner, #nav-header {margin-left:auto;margin-right:auto}
#header-wrapper .mode-inner::after {content:'';display:table;clear:both}

#nav-header {padding:1.5rem 0 1.125rem;font-size:0}
#nav-header > [class*="user-"] {display:inline-block;vertical-align:middle}
#nav-header .user-logo {width:calc(100% - 600px);font-size:inherit;text-align:left}
#nav-header .user-banner {width:300px;vertical-align:bottom}
#nav-header .user-banner .menu-txt {font-size:1.3rem;font-weight:600;letter-spacing:-.06rem}

#user-gnb {max-height:28px;margin-bottom:1rem;background-color:#fff}
#user-gnb .user-intro {overflow:hidden;float:left;margin-right:1.875rem;font-size:.875rem;font-weight:300;line-height:1.125;color:rgba(0,0,0,.95)}


/* 로그인/회원가입 */
#user-gnb .user-logbox {float:left}
#user-gnb .user-logbox > li {float:left;position:relative;font-size:.813rem;font-weight:300;line-height:1.125;color:rgba(0,0,0,.6)}
#user-gnb .user-logbox > li:not(:first-child) {padding-left:.625rem;margin-left:.625rem}
#user-gnb .user-logbox > li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-gnb .user-logbox > li > a {display:block;overflow:hidden;color:inherit}
#user-gnb .user-logbox > li > a:hover {color:rgba(0,0,0,.95)}


/* sns */
#user-gnb .user-sns {float:right;font-size:0}
#user-gnb .user-sns > .item {overflow:hidden;float:left;width:40px;height:40px;margin-left:.313rem;font-size:1.25rem;line-height:40px;color:#fff;background-color:#aeaeae;border-radius:50%;text-align:center}
#user-gnb .user-sns > :first-child {margin-left:0}
#user-gnb .user-sns > .item.fb {background-color:#395197}
#user-gnb .user-sns > .item.tw {background-color:#00A8FF}
#user-gnb .user-sns > .item.yt {background-color:#d40c17}
#user-nav .user-menu {position:relative;float:left;width:calc(100% - 130px);margin-left:-0.85rem;font-size:0}
#user-nav .user-menu .secline {position:relative;display:inline-block;vertical-align:middle}
#user-nav .user-menu .secline > a {overflow:hidden;display:block;position:relative;height:98px;padding:0 0.85rem;font-size:1.375rem;font-weight:700;line-height:98px;color:#fff;text-decoration:none}
#user-nav .user-menu > .secline > a.a-hover {color:#fed100}


/* 기본 */
#user-nav {background-color:#ff6114}
#user-nav .user-etc {float:right;width:130px;padding-top:1.256rem;font-size:0;text-align:right}
#user-nav .user-etc > * {display:inline-block;vertical-align:middle}


/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {position:relative;float:left;width:calc(100% - 130px);margin-left:-0.85rem;font-size:0}
#user-nav .user-menu .secline {position:relative;display:inline-block;vertical-align:middle}
#user-nav .user-menu .secline > a {overflow:hidden;display:block;position:relative;height:98px;padding:0 0.85rem;font-size:1.325rem;font-weight:700;line-height:98px;color:#fff;text-decoration:none}
#user-nav .user-menu > .secline > a.a-hover {color:#fed100}


/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {display:block;overflow:hidden;position:absolute;z-index:1;top:100%;left:0;padding:0;margin:0;font-size:0;background-color:#fff;border:1px solid #002157;visibility:hidden}
#user-nav .user-menu .secline > ul::after {content:'';display:table;clear:both}
#user-nav .user-menu .secline > ul.is-hidden {display: none}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;padding:0 .875rem;font-size:.875rem;font-weight:300;color:rgba(0,0,0,.65);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
#user-nav .user-menu .secline .sub > a.a-sub-hover,
#user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.95)}


/* 메뉴바 - 2차섹션(가로) */
#header-wrapper.horizon #user-nav .user-menu .secline > ul {margin-top:-1rem;white-space:nowrap}
#header-wrapper.horizon #user-nav .user-menu .secline .sub {display:inline-block;position:relative;font-size:0;vertical-align:middle}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a {position:relative;display:inline-block;line-height:32px}


/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {margin-top:-1.25rem}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {position:relative;padding-left:1.25rem;padding-right:2.875rem;color:rgba(0,0,0,.5);line-height:40px;white-space:nowrap}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a::before {content:'';position:absolute;z-index:1;top:50%;right:1rem;border:3px solid transparent;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a.a-sub-hover,
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.85);background-color:rgba(0,0,0,.03)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a.a-sub-hover::before,
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover::before {border-left-color:rgba(0,0,0,.35)}


/* 메뉴바 - 2차섹션 위치 */
#header-wrapper.left #user-nav .user-menu .secline > ul {left:0}
#header-wrapper.center #user-nav .user-menu .secline > ul {left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#header-wrapper.right #user-nav .user-menu .secline > ul {left:initial;right:0}


/* 전체 */
#user-nav .user-allbtn {width:46px;height:46px;margin:0 .625rem 0 0;padding:0 1.25rem;font-size:1.5rem;line-height:1;color:#fff}


/* 검색 */
#user-nav .user-search {position:relative;width:auto}
#user-nav .user-search > .sch-btns {display:block;max-width:46px;height:46px;font-size:1.5rem;line-height:1;color:#fff}
#user-nav .user-search.active > .sch-btns > i[class^="icon-"]::before {content:'\e9af'}
#user-nav .user-search-form {display:none;position:absolute;z-index:5;right:32px;top:50%;width:200px;height:34px;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-nav .user-search-form input#search {height:35px;margin:0;padding-left:12px;padding-right:45px;font-size:.813rem;color:#000;background:#fff;border:none;border-radius:2rem;box-shadow:none}
#user-nav .user-search-form button[onclick] {position:absolute;z-index:2;right:0;top:0;width:45px;height:35px;font-size:1.25rem;color:#000;cursor:pointer}


/* inline style css module */
.layout-shrink-250 {
	width:calc(100% - 250px);
}
.article-veiw-body.view-page.renewal .photo-layout.float-center {
    max-width: 600px;
}
.list-item-300 {
	width: 300px; 
	display: list-item;
}
.w900-left0 {
    width: 900px; 
    margin-left: 0px;
}

/* edit skin css START */
#article-view .article-view-content {display:table;width:100%;table-layout:fixed}
#article-view .article-view-content > .grid {display:table-cell;width:100%;vertical-align:top}
#article-view .article-view-content > .grid.body {padding-right:80px;border-right:1px solid #b7b6bb}
#article-view .article-view-content > .grid.side {width:330px;padding-left:30px}
#article-view .grid.side .sticky {width:100%}
#article-view .grid.side .sticky::after {content:'';display:table;clear:both}
@media screen and (max-width: 63.9375em) {
	.row .sticky-container {height:auto !important}
	.row .sticky {position:static !important;top:auto !important;bottom:auto !important;max-width:none !important;margin:0 !important}
	.row #article-view .article-view-content, .row #article-view .article-view-content > .grid {display:block;width:auto}	
	.row #article-view .article-view-content {table-layout:initial}
	.row #article-view .article-view-content > .grid {vertical-align:initial}
	.row #article-view .article-view-content > .grid.body {padding-right:0;border-right:none}
	.row #article-view .article-view-content > .grid.side {padding-left:0}
	.row #article-view .respons-edit > [class*="float-"] {float:none !important;width:auto !important;padding:0 !important}
	.row #article-view .respons-edit > .float-right {display:none !important}
}


/* article header */
#article-view .article-view-header {padding-bottom:0;border-bottom:0}
#article-view .this-section {display:block;overflow:hidden;margin:0 auto 1rem;font-size:14px;font-weight:500;font-weight:var(--wgt500, 500);line-height:1.25;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis}
#article-view .this-section > a {color:inherit}
#article-view .heading {margin:0 0 1rem;font-size:35px;line-height:46px;letter-spacing:-.025em}
#article-view .subheading {padding-left:0;font-size:18px;font-weight:normal;line-height:30px;letter-spacing:-.025em;border-left:none}
#article-view .infomation {margin-top:2.625rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.15)}
#article-view .infomation > li {margin-right:1.25rem;font-weight:300;letter-spacing:0;white-space:nowrap}
#article-view .infomation > li::after {content:normal}


/* tookit */
#article-view .quick-tool {display:block;white-space:nowrap}
#article-view .quick-tool > .grid {display:inline-block;width:50%;margin:0;text-align:left}
#article-view .quick-tool > :last-child:nth-child(2) {text-align:right}
#article-view .quick-tool .tool {display:inline-block;margin-left:1.25rem;font-size:1.063rem;line-height:1;border-bottom-width:0;vertical-align:middle;cursor:pointer}
#article-view .quick-tool .tool:first-child {margin-left:0}
#article-view .quick-tool .tool > small {font-size:.75em;font-weight:300;font-weight:var(--wgt300, 300)}
#article-view .quick-tool .tool.set > .fontsise-btn, #article-view .quick-tool .tool.set > .font-size {display:inline-block;vertical-align:middle}
#article-view .quick-tool .tool.set > .fontsise-btn {border-bottom:none;cursor:pointer}


/* toolkit for sticky header */
#article-view #sticky-header .aht-title-view {font-size:1.1825rem}
#article-view #sticky-header .quick-tool .tool {border-bottom-width:1px}
#article-view #sticky-header .quick-tool .tool:not(:nth-last-child(2)) {margin-left:0}


/* article content */
#article-view .article-inside::after {content:'';display:table;clear:both}
#article-view .writer {margin:3.25rem auto;padding:1rem 0;border:none}
#article-view .tag-group {margin:1.5rem auto}
#article-view .tag-group .tag {padding:0;margin-right:1.25rem;font-size:1.125rem;font-weight:normal;line-height:1.375;color:#2a7ede;background:none;border-radius:0}
#article-view .article-copy {margin:1.5rem auto;padding:0;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.65);border-top:none;text-align:left}


/* like group */
#article-view .like-group {display:block;margin:5rem auto;font-size:0;text-align:center}
#article-view .like-group > .sns {display:inline-block;min-width:3.75rem;margin-right:2.375rem;font-size:2.125rem;line-height:1;vertical-align:middle;cursor:pointer}
#article-view .like-group > .sns > .text {display:block;overflow:initial;position:initial !important;width:auto;height:auto;margin-top:1rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;letter-spacing:-.025em;clip:initial}
@media screen and (min-width: 64em) {
	#article-view .like-group > .sns {-webkit-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out, -ms-transform .25s ease-in-out}
	#article-view .like-group > .sns:hover {-ms-transform:translateY(-.375rem);transform:translateY(-.375rem)}
}


/* relation */
#article-view .relation .titles {font-weight:normal}


/* reply */
#article-view .article-reply .reply-header .titles {font-size:1.375rem;font-weight:normal;letter-spacing:-.05em}


/* box skin */
#article-view .box-skin.idx--box .header > strong, #article-view .box-skin.idx--box .header > a,
#article-view .box-skin.idx--box .header .skin-column > strong, #article-view .box-skin.idx--box .header .skin-column > a {padding-bottom:.75rem;border-bottom:2px solid #000}
#article-view .box-skin.idx--small .header > strong, #article-view .box-skin.idx--small .header > a,
#article-view .box-skin.idx--small .header .skin-column > strong, #article-view .box-skin.idx--small .header .skin-column > a {font-weight:normal}
#article-view .box-skin.idx--small .user-point {font-weight:700;font-weight:var(--wgt700, 700)}


/* edit skin css END */
#skin-195 > .item:not(:first-child) {margin-top:12px}
#skin-196 > .item {position:relative;margin-top:16px}
#skin-196 > .item:first-child {margin-top:0}
#skin-196 .frame::after {content:'';position:absolute;z-index:2;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0) 42%,rgba(0,0,0,.9));border:0}
#skin-196 .auto-titles {position:absolute;z-index:15;left:16px;right:16px;bottom:16px}
#skin-196 .height-250 {height:250px}


/* renewal color */
.user-point, a.user-point, .poll-columns .poll-state.going {
    color: #ff6114 !important;
}


/* layout */
#comment {display:block;margin:2.5rem auto}
[data-whatintent="touch"] #comment button, [data-whatintent="touch"] #comment button:focus {outline:0}


/* titles */
.cmt-header::after {content:'';display:table;clear:both}
.cmt-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:35px;color:#000}
.cmt-header .comment-count {font-weight:bold}
.cmt-header .my-cmt {float:right;font-size:.875rem;line-height:35px;color:rgba(0,0,0,.95)}
.cmt-header .my-cmt > i[class^="icon-"] {display:inline-block;overflow:hidden;width:15px;height:15px;font-size:.5rem;line-height:13px;color:#000;border:1px solid rgba(0,0,0,.5);border-radius:50%;text-align:center;vertical-align:middle}


/* write */
.comment-write {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem}
.comment-write .wrt-header {display:block;padding:1.25rem}
.comment-write .wrt-header::after {content:'';display:table;clear:both}
.comment-write .user-name {float:left;font-size:.9375rem;line-height:28px}
#comment-guest {float:right;font-size:0;white-space:nowrap}
#comment-guest input[type="text"], #comment-guest input[type="password"] {display:inline-block;width:115px;height:28px;margin:0;font-size:.8125rem;border-radius:2rem}
#comment-guest input[type="password"] {margin-left:.25rem}
.comment-write .comment-content {display:block;min-height:65px;margin:0 auto;padding:0 1.25rem;font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;color:#000;border:none;border-radius:0}
.comment-write .comment-content[readonly] {background:none}
.comment-write .recaptcha-container {display:block;font-size:0;text-align:center}
.comment-write .recaptcha-container .recaptcha-view {display:inline-block;margin:0 auto 1rem}
.comment-write .wrt-footer {display:block;padding:.375rem 1.25rem;border-top:1px solid rgba(0,0,0,.08)}
.comment-write .wrt-footer::after {content:'';display:table;clear:both}
.comment-write .wrt-footer .cur--length {float:left;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:32px;color:#989898}
.comment-write .wrt-footer .comment-text-cur {color:#000}
.comment-write .wrt-footer .btn-comment-save {float:right;height:32px;padding:0 1.125rem;font-size:.8125rem;line-height:1;color:#fff;border-radius:.25rem;background-color:#68A4DF;cursor:pointer}
@media screen and (max-width: 39.9375em) {
	.row .comment-write .user-name, .row #comment-guest {float:none;width:auto}
	.row .comment-write .user-name {display:block;margin-bottom:.375rem}
	.row .comment-write .btn-comment-login {text-decoration:underline}
	.row .comment-write .btn-comment-login::before {content:"\e9f5";display:inline-block;margin-right:.375rem;font:14px/1 fontello;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	.row #comment-guest input[type="text"], .row #comment-guest input[type="password"] {width:calc(50% - .125rem)}
	.row .comment-write .comment-content {min-height:80px;font-size:.875rem}
	.row .comment-write .recaptcha-container {overflow:hidden;max-width:100%}
}


/* list */
#comment-list {display:block}
#comment-list .list-sort {margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.12)}
#comment-list .list-sort::after {content:'';display:table;clear:both}
#comment-list .list-sort > .option {float:left;font-size:0;white-space:nowrap;text-align:left}
#comment-list .btn-comment-orderby {display:inline-block;font-size:.9375rem;line-height:35px;color:rgba(0,0,0,.6);vertical-align:middle;cursor:pointer} 
#comment-list .btn-comment-orderby.secondary {font-weight:700;font-weight:var(--wgt700, 700);color:#000}
#comment-list .list-sort > .option > .btn-comment-orderby:not(:first-child) {margin-left:1rem}
#comment-list .explain {float:right;position:relative}
#comment-list .explain > .explain-btn {font-size:.8125rem;line-height:35px;color:rgba(0,0,0,.7)}
#comment-list .explain > .guide {display:none;position:absolute;z-index:10;right:0;top:100%;width:220px;padding:1rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:rgba(0,0,0,.85);background:#f8f8f8;border:1px solid rgba(0,0,0,.08)}
#comment-list .explain > .guide > strong {display:block;margin-bottom:.5rem;font-size:.8125rem}
#comment-list .explain .close-button {right:.5rem;font-size:1rem}
#comment-list .btn-comment-more {display:block;width:100%;height:50px;font-size:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);text-align:center;cursor:pointer}
#comment-list .more-info::after, #comment-list .more-info > span {display:inline-block;font-size:.9375rem;line-height:1;color:#000;vertical-align:middle}
#comment-list .more-info::after {content:"\e943";margin-left:.375rem;font:14px/1 fontello;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media screen and (max-width: 39.9375em) {
	.row #comment-list .btn-comment-orderby:not(.secondary) {color:rgba(0,0,0,.45)}
}


/* comment */
.comment-item {display:block}
.comment-item .first {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.08)}
.normal-content > .comment-item:first-child .first {padding-top:0;border-top:none}
.comment-item .first::after {content:'';display:table;clear:both}
.comment-item .photo {float:left}
.comment-item .photo > .pfile {display:block;overflow:hidden;width:45px;height:45px;background:url('https://cdn.digitaltoday.co.kr/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%}
.comment-item .photo + .user-textbox {float:right;width:calc(100% - 65px)}
.comment-item .textbox-header {margin-bottom:.75rem}
.comment-item .textbox-header::after {content:'';display:table;clear:both}
.comment-item .textbox-info {display:block;font-size:0;text-align:left}
.comment-item .textbox-info > * {display:inline-block;white-space:nowrap;vertical-align:middle}
.comment-item .textbox-info > :not(:first-child) {margin-left:.5rem}
.comment-item .textbox-info > .name {font-size:.9375rem;line-height:25px;color:#000} 
.comment-item .textbox-info > .name > small {font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.8)}
.comment-item .textbox-info > .name > .vote::before {content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-right:.25rem;background:url(/image/comment/vote-mark.svg) 50% 50% no-repeat;background-size:contain;vertical-align:middle}
.comment-item .textbox-info > .user-comment-info {cursor:pointer}
.comment-item .textbox-info > .datetime {position:relative;padding-left:.75rem;margin-left:.75rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.7)}
.comment-item .textbox-info > .datetime::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.comment-item .textbox-info > .ip {overflow:hidden;width:25px;padding:0 .375rem;font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:14px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.25rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;cursor:pointer;transition:width .25s}
.comment-item .textbox-info > .ip > .viewing {display:none;font-style:normal}
.comment-item .textbox-info > .ip:hover {width:102px}
.comment-item .textbox-info > .ip:hover > .viewing {display:inline-block}
.comment-item .textbox-option {float:right;font-size:0;text-align:right}
.comment-item .textbox-option > a {display:inline-block;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.65);vertical-align:middle}
.comment-item .textbox-option > :not(:first-child) {position:relative;margin-left:.75rem;padding-left:.75rem}
.comment-item .textbox-option > :not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.comment-item .textbox-header > :first-child:nth-last-child(2) {float:left}
.comment-item .comment-content-view {font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000}
.comment-item .textbox-footer {display:block;margin-top:1.25rem}
.comment-item .textbox-footer::after {content:'';display:table;clear:both}
.comment-item .btn-comment-sub, .comment-item .btn-comment-sub + .user-vote {float:left}
.comment-item .btn-comment-sub {margin-right:2.125rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.8);cursor:pointer}
.comment-item .comment-sub-count {color:#000}
.comment-item .user-vote {display:block;font-size:0;white-space:nowrap;text-align:left}
.comment-item .user-vote > .btn-comment-vote {display:inline-block;font-size:.8125rem;line-height:25px;color:rgba(0,0,0,.95);cursor:pointer;vertical-align:middle}
.comment-item .user-vote > .btn-comment-vote.vote-up-on {color:#e50000}
.comment-item .user-vote > .btn-comment-vote.vote-down-on {color:#1188ff}
.comment-item .user-vote > :not(:last-child) {margin-right:.875rem}
@media screen and (max-width: 39.9375em) {
	.row .comment-item .photo {width:35px;height:35px}
	.row .comment-item .photo + .user-textbox {width:calc(100% - 55px)}
	.row .comment-item .textbox-info > .name > small {font-weight:lighter}
	.row .comment-item .textbox-info > .ip {width:auto;padding:0;font-weight:lighter;background:none;border:none;text-overflow:clip}
	.row .comment-item .textbox-info > .ip > .viewing {display:inline}
	.row .comment-item .textbox-header > :first-child:nth-last-child(2) {overflow:hidden;float:none}
	.row .comment-item .textbox-option {float:none;width:auto;margin-top:.375rem;text-align:left}
	.row .comment-item .textbox-option > a {overflow:hidden;padding:0 .375rem;font-size:.6875rem;font-weight:lighter;line-height:18px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.125rem;white-space:nowrap}
	.row .comment-item .textbox-option > :not(:first-child) {padding-left:0}
	.row .comment-item .textbox-option > :not(:first-child)::before {content:normal;display:none}
}


/* second comment */
.comment-item .second {display:none;padding:1.25rem 1.5rem;background-color:#f5f6f6;border-top:1px solid rgba(0,0,0,.05)}
.comment-item .second::after {content:'';display:table;clear:both}
.comment-item .sec-option {display:block;margin-bottom:.5rem;font-size:0;white-space:nowrap;text-align:left}
.comment-item .btn-sub-comment-orderby {display:inline-block;font-size:.875rem;line-height:1.375;color:rgba(0,0,0,.6);cursor:pointer;vertical-align:middle}
.comment-item .btn-sub-comment-orderby.secondary {font-weight:bold;color:rgba(0,0,0,.95)}
.comment-item .sec-option > :not(:first-child) {margin-left:1.125rem}
.comment-item .comment-item-sub-body, .comment-item .comment-item-sub-footer {padding-left:2.8125rem}
.comment-item .comment-item-sub, .comment-item .comment-item-sub-footer {display:block;position:relative}
.comment-item .comment-item-sub {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.05)}
.comment-item .comment-item-sub-body > .comment-item-sub:first-child {border-top:none}
.comment-item .comment-item-sub::before, .comment-item .comment-item-sub-footer::before {content:'';display:block;overflow:hidden;position:absolute;z-index:1;width:18px;height:21px;background:url('/image/comment/comment_type1_reply.png') 0 0 no-repeat}
.comment-item .comment-item-sub::before {left:-2.8125rem;top:1.625rem}
.comment-item .comment-item-sub::after {content:'';display:table;clear:both}
.comment-item .comment-item-sub-footer {margin-top:1rem}
.comment-item .comment-item-sub-footer::before {left:0;top:.625rem}
.comment-item .comment-item-sub-footer .comment-write {margin-bottom:0;background:none;border:none;border-radius:0}
.comment-item .comment-item-sub-footer .comment-form {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} 
.comment-item .second .btn-comment-sub-write {display:block;width:100%;margin-bottom:2.1875rem;padding:1.25rem 1.5rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:rgba(0,0,0,.6);background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem;text-align:left;cursor:pointer}
.comment-item .second .btn-comment-sub {float:none;width:100%;font-size:.9375rem;text-align:center}
@media screen and (max-width: 39.9375em) {
	.row .comment-item .comment-item-sub-body, .row .comment-item .comment-item-sub-footer {padding-left:1.625rem}
	.row .comment-item .comment-item-sub::before, .row .comment-item .comment-item-sub-footer::before {width:9px;height:11px;background-size:contain}
	.row .comment-item .comment-item-sub::before {left:-1.625rem}
}


/* best comment */
.best-content {display:block}
.best-content > .comment-item:first-of-type > .first {padding-top:0;border-top:0}
.best-content > .comment-item:last-of-type {margin-bottom:1.25rem}
.best-content > .comment-item:last-of-type > .first {border-bottom:1px solid rgba(0,0,0,.08)}
.best-content > .comment-item:last-of-type .second {border-top:0;border-bottom:1px solid rgba(0,0,0,.05)}
.comment-item .best {display:inline-block;overflow:hidden;margin-right:.25rem;padding:0 .375rem;font-size:.625rem;line-height:16px;color:#fff;background-color:#f44e5c;border-radius:.125rem;text-transform:uppercase;vertical-align:middle}


/* user comment infomation */
.block {overflow:hidden !important;touch-action:none}
#userCommentInfo {display:none}
#userCommentInfo .cmt-info-block {overflow-x:hidden;overflow-y:scroll;position:fixed;z-index:1006;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#userCommentInfo .cmt-info {overflow:hidden;position:relative;z-index:1006;width:80%;max-width:720px;margin:5em auto 0;padding:1.25rem 1.875rem;background-color:#fff;border-radius:.3125rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@media screen and (max-width: 39.9375em) {
	#userCommentInfo .cmt-info {width:100%;margin-top:0;padding-left:1.25rem;padding-right:1.25rem;border-radius:0}
}


/* header */
#userCommentInfo .info-header {display:block}
#userCommentInfo .info-header::after {content:'';display:table;clear:both}
#userCommentInfo .info-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:50px;color:#000}
#userCommentInfo .info-header .cmt-info-close {float:right;height:50px;font-size:1.625rem;cursor:pointer}


/* user infomation */
#userCommentInfo .user-infomation {display:block;overflow:hidden;padding:1rem 1.25rem;margin-bottom:1.875rem;background-color:#3f63bf;border:1px solid rgba(0,0,0,.08);border-radius:.25rem}
#userCommentInfo .user-infomation .image {display:block;overflow:hidden;float:left;width:52px;height:52px;margin-right:1rem;background:url('https://cdn.digitaltoday.co.kr/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%}
#userCommentInfo .user-infomation .user-data {display:block}
#userCommentInfo .user-infomation .name {display:block;overflow:hidden;margin-bottom:.625rem;font-size:1rem;font-weight:700;font-weight:var(--wgt700 , 700);line-height:1.375;color:#fff;white-space:nowrap;text-overflow:hidden}
#userCommentInfo .user-infomation .lists {display:block;padding:0;margin:0;font-size:0;list-style:none;text-align:left}
#userCommentInfo .user-infomation .lists > li {display:inline-block;position:relative;font-size:.8125rem;line-height:1.2;color:rgba(255,255,255,.6);vertical-align:middle}
#userCommentInfo .user-infomation .lists > li:not(:first-child) {margin-left:.75rem;padding-left:.75rem}
#userCommentInfo .user-infomation .lists > li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(255,255,255,.15);-ms-transform:translateY(-50%);transform:translateY(-50%)}


/* user comment */
#userCommentInfo .cmt-info-body, #userCommentInfo .cmt-item {display:block}
#userCommentInfo .cmt-info-body > .cmt-item:not(:first-child) {margin-top:2.5rem}
#userCommentInfo .cmt-item .dated {display:block;padding:0;margin:0 auto .625rem;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.65);white-space:nowrap}
#userCommentInfo .cmt-item .org-article {display:block;margin-bottom:.625rem}
#userCommentInfo .cmt-item .org-article::after {content:'';display:table;clear:both}
#userCommentInfo .cmt-item .org-article > .image {overflow:hidden;float:left;width:40px;height:40px;margin-right:1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#userCommentInfo .cmt-item .org-article > .subject {display:block;overflow:hidden;font-size:1.0625rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:40px;color:#000;white-space:nowrap;text-overflow:ellipsis}
#userCommentInfo .cmt-item .cmt-box {display:block;overflow:hidden;padding:1.25rem;background-color:#f5f6f6;border:1px solid rgba(0,0,0,.08);border-radius:.25rem}
#userCommentInfo .cmt-item .text {display:block;padding:0;margin:0 auto 1rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000}
#userCommentInfo .cmt-item.recomment .text::before {content:'답글';display:inline-block;overflow:hidden;padding:0 .625rem;margin-right:.75rem;font-size:.75rem;line-height:22px;color:#fff;background-color:#787878;border-radius:.125rem;white-space:nowrap;vertical-align:middle}
#userCommentInfo .cmt-item .helper-box {display:block;padding:0;margin:0;list-style:none}
#userCommentInfo .cmt-item .helper-box::after {content:'';display:table;clear:both}
#userCommentInfo .cmt-item .helper-box > li {float:left;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300)}
#userCommentInfo .cmt-item .helper-box > li:first-child {margin-right:2.5rem}
#userCommentInfo .cmt-item.recomment .helper-box > li:first-child {display:none !important}
#userCommentInfo .cmt-item .helper-box > li:not(:nth-child(-n + 2)) {margin-left:.875rem}
#userCommentInfo .cmt-item-more {display:block;overflow:hidden;width:100%;height:50px;margin-top:2.5rem;font-size:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.3125rem;text-align:center;cursor:pointer}


/* my comment modal */
#myCommnetView {max-width:720px;background-color:#fff}
#myCommnetView > .view-header {display:block;padding:1.875rem}
#myCommnetView > .view-header::after {content:'';display:table;clear:both}
#myCommnetView > .view-header .titles {float:left;margin:0;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:45px}
#myCommnetView > .view-header .close {float:right;height:45px;margin:0;font-size:1.875rem;cursor:pointer}
@media screen and (max-width: 39.9375em) {
	.row #myCommnetView {max-width:none}
}


/* 오른쪽 영역 aside */
.user-search {display:inline-block;position:relative;width:300px;font-size:0;vertical-align:middle}
.user-search input#search {height:42px;padding-right:55px;margin:0;font-size:.8125rem;border-color:rgba(0,0,0,.15);box-shadow:none}
.user-search input#search:focus {border-color:rgba(0,0,0,.5)}
.user-search button[onclick] {position:absolute;z-index:1;right:0;top:0;width:45px;height:42px;font-size:1.125rem;color:rgba(0,0,0,.5);cursor:pointer;transition:color .15s}
.user-search input#search:focus + button[onclick] {color:rgba(0,0,0,.95)}

#INC_TAB_A_1_container .tabs-navs .tabs-item a {color:#66676c;background-color:#f6f6f6}
#INC_TAB_A_1_container .tabs-navs .tabs-item.active a {color:#000;background-color:#ffffff;}
#INC_TAB_A_1_container .tabs-panel {height:auto}

#skin-57 > .item {padding:10px 0;border-top:1px solid rgba(0,0,0,.08)}
#skin-57 > .item:first-child {padding-top:0;border-top:none}
#skin-57 .item > a {min-height:60px} 
#skin-57 .number, #skin-57 .auto-titles, #skin-57 .frame {float:left}
#skin-57 .number {width:35px;font-weight:bold}
#skin-57 .number.default-point {color:#808080}
#skin-57 .frame {width:90px}
#skin-57 .auto-titles {width:calc(100% - 35px);font-weight:normal}
#skin-57 .item:nth-child(n+5) > a {min-height:0}
#skin-57 .item > a[href] > .auto-titles:nth-child(2):nth-last-child(2) {width:calc(100% - 125px);padding-right:15px;padding-right:15px}
#skin-57 .height-60 {height:60px}

#skin-55 > .item {padding:10px 0;border-top:1px solid rgba(0,0,0,.08)}
#skin-55 > .item:first-child {padding-top:0;border-top:none}
#skin-55 .item > a {min-height:60px} 
#skin-55 .number, #skin-55 .auto-titles, #skin-55 .frame {float:left}
#skin-55 .number {width:35px}
#skin-55 .number.default-point {color:#808080}
#skin-55 .frame {width:90px}
#skin-55 .auto-titles {width:calc(100% - 35px);font-weight:normal}
#skin-55 .item:nth-child(n+5) > a {min-height:0}
#skin-55 .item > a[href] > .auto-titles:nth-child(2):nth-last-child(2) {width:calc(100% - 125px);padding-right:15px;padding-right:15px}
#skin-55 .height-60 {height:60px}

#skin-194 > .item {display:block;margin-top:15px;padding-top:15px;border-top:1px solid #EFEFEF}
#skin-194 > .item:first-child {margin-top:0;padding-top:0;border-top:none}
#skin-194 .content, #skin-194 .frame, #skin-194 .auto-titles {float:left}
#skin-194 .content {display:block;overflow:hidden;width:calc(100% - 35px)}
#skin-194 > .item.on .content {height:60px}
#skin-194 .frame {display:none;width:60px;margin-right:16px}
#skin-194 > .item.on .frame {display:block}
#skin-194 .auto-titles {max-width:100%}
#skin-194 > .item.on .auto-titles {max-height:4.125em;white-space:initial;-webkit-line-clamp:3}
#skin-194 > .item.on .frame + .auto-titles {width:calc(100% - 76px)}


/* custom.css */
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week] {
    font-size: .875em;
    letter-spacing: -.025em;
    box-shadow: none;
    border-color: #ced2db;
    border-radius: 5px;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    color: #0a0a0a;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.user-search input#search {
    height: 42px;
    padding-right: 55px;
    margin: 0;
    font-size: .8125rem;
    border-color: rgba(0, 0, 0, .15);
    box-shadow: none;
}
.tabs-wrap .tabs-navs {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}
.tabs-navs.expanded {
    position: relative;
}
.tabs-wrap .tabs-navs .tabs-item {
    float: left;
    position: relative;
    z-index: 2;
    text-align: center;
}
.tabs-wrap .tabs-navs::after {
    content: '';
    display: table;
    clear: both;
}
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(2), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(2):first-child:nth-last-child(2)~.tabs-item {
    display: inline-block;
    width: 50%;
}
.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(10):first-child:nth-last-child(10)~.tabs-item a,.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(2):first-child:nth-last-child(2)~.tabs-item a,.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(3):first-child:nth-last-child(3)~.tabs-item a,.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(4):first-child:nth-last-child(4)~.tabs-item a,.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(5):first-child:nth-last-child(5)~.tabs-item a,.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(6):first-child:nth-last-child(6)~.tabs-item a,.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(7):first-child:nth-last-child(7)~.tabs-item a,.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(8):first-child:nth-last-child(8)~.tabs-item a,.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(9):first-child:nth-last-child(9)~.tabs-item a {
    border-left: none
}
.tabs-wrap .tabs-navs .tabs-item a {
    display: block;
    padding: .5rem .9375rem;
    font-size: .8rem;
    border: 1px solid rgba(0, 0, 0, .1);
    text-decoration: none;
}
.tabs-wrap.type-A .tabs-navs .tabs-item a {
    font-size: 1.0825rem;
    font-weight: 600 !important;
    letter-spacing: -.05rem;
}
.tabs-wrap.type-A .tabs-navs .tabs-item.active a, .tabs-wrap.type-B .tabs-navs .tabs-item.active a, .tabs-wrap.type-C .tabs-navs .tabs-item.active a {
    font-weight: 700;
    border-bottom-color: transparent;
}
.tabs-panel {
    display: none;
    padding: 1rem;
}
.tabs-wrap .tabs-panel {
    padding: 1.25rem 0 0;
    background-color: #fff;
    border: 0;
}
.tabs-wrap.type-A .tabs-panel {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    border: 1px solid rgba(0, 0, 0, .12);
    border-top: none;
}


/* aside custom */
.aside-thumb, .frame {
    display: block;
    overflow: hidden;
}
.aside-thumb {
    height: 100%;
    position: relative;
    border: 0;
    background-image: url('/image/logo/csslogo.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 50% auto;
}
.aside-thumb img {
    width: 100%;
    height: 100%;
}
.aside-thumb.line {
    border: 1px solid rgba(0, 0, 0, .1);
}
.auto-article em, .auto-article i {
    font-style: normal;
}
.aside-images {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 8px; 
}
.aside-images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 오프캔버스 메뉴 영역 */
.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px hsla(0, 0%, 4%, .7);
}
.off-canvas.is-transition-overlap {
    z-index: 1004;
}
.user-canvas {
    padding-top: 3.5rem;
    background: #fff;
    border-right: 1px solid rgba(0, 0, 0, .12);
}
.user-canvas .user-canvas-navs .menu {
    padding: 0;
    letter-spacing: -.05em;
}
.user-canvas .user-canvas-navs .menu li>a {
    padding: 1rem 1.25rem;
    font-size: 1rem;
    font-weight: bolder;
    color: #222;
    text-decoration: none;
}

.user-canvas .user-canvas-navs .menu li > a:hover,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:#ff6114}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#ff6114}
.user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#ff6114}

/* 기사면 상단 네비게이션 */
#sticky-header.scroll {
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#sticky-header {
    position: fixed;
    z-index: 1004;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform .3s ease-in-out;
}
#section-list .type3>li.noimage .label-group, #sticky-header {
    text-align: center;
}
#sticky-header .aht-btn {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 60px;
    height: 50px;
    font-size: 1.875rem;
    line-height: 1;
    cursor: pointer;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#sticky-header .aht-btn.next {
    right: 0;
}
#sticky-header .aht-btn.prev {
    left: 0;
}
#sticky-header .aht-control {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    text-align: left;
}
#sticky-header .aht-bar {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: transparent;
}
#sticky-header .aht-wrapper {
    display: table;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}
#sticky-header .aht-wrapper>.item {
    display: table-cell;
    width: 100%;
    height: 70px;
    vertical-align: middle;
}
#sticky-header .aht-wrapper>.logo {
    position: relative;
    width: 180px;
    padding-right: 1.25rem;
    font-size: 0;
    text-align: left;
}
#sticky-header .aht-wrapper>.logo a {
    display: inline-block;
    max-width: 100%;
    max-height: 40px;
}
#sticky-header .aht-wrapper>.titles {
    font-size: 0;
    text-align: left;
}
#article-view #sticky-header .aht-title-view {
    font-size: 1.1825rem;
}
#sticky-header .aht-title-view {
    display: block;
    overflow: hidden;
    font-size: 1.063rem;
    font-weight: 700;
    line-height: 1.375;
    letter-spacing: -.075em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#sticky-header .aht-wrapper>.options {
    width: 180px;
    text-align: right;
}
#article-view .quick-tool {
    font-size: 0;
}
#article-view .quick-tool {
    display: block;
    white-space: nowrap;
}
#article-view .quick-tool>.tool {
    display: inline-block;
    width: 36px;
    height: 32px;
    font-size: .875rem;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
}
#article-view .quick-tool .tool {
    display: inline-block;
    margin-left: 1.25rem;
    font-size: 1.063rem;
    line-height: 1;
    border-bottom-width: 0;
    vertical-align: middle;
    cursor: pointer;
}
#article-view .quick-tool .tool:first-child {
    margin-left: 0;
}
#article-view #sticky-header .quick-tool .tool {
    border-bottom-width: 1px;
}
#article-view .quick-tool .font-size::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-position: 50%;
    background-repeat: no-repeat;
}
#article-view .quick-tool .font-size, .social-group .sns {
    display: inline-block;
    margin: 0 auto;
}
#article-view .quick-tool .font-size.up::before {
    background-image: url('https://cdn.digitaltoday.co.kr/image/font-size-up.svg');
}
#article-view #sticky-header .quick-tool .tool:not(:nth-last-child(2)) {
    margin-left: 0;
}
#article-view .quick-tool>:last-child, #article-view .quick-tool>:nth-last-child(3) {
    border-right-width: 1px;
}

/* 리스트 영역 */
#sections .header {
    padding-bottom: .75rem;
    margin-bottom: 1.875rem;
    border-bottom: 2px solid #333;
}
#section-list ol[class*=type]>li, #section-list ul[class*=type]>li, #sections .header {
    display: block;
    font-size: 0;
}
#user-section #sections {
    margin-bottom: 3.25rem;
}
#user-section #sections .header > .titles {
    font-size: 1.875rem;
    letter-spacing: -.05em;
}
#user-section #sections .header > .titles, #user-section #sections .header > .view-type {
    vertical-align: bottom;
}
#sections .header>.titles {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-style: normal;
    line-height: 1.375;
    letter-spacing: -.1em;
}
#sections .header>.titles, #sections .header>.view-type {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
#user-section #sections .header > .titles > strong {
    font-weight: 700;
    font-weight: var(--wgt700, 700);
}
#sections .header>.titles>small {
    font-size: .625em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.125;
    letter-spacing: 0;
    color: rgba(0, 0, 0, .5);
}
#user-section #sections .header > .titles > small {
    font-size: .5em;
}
#sections .header>.titles, #sections .header>.view-type {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
#sections .header>.view-type {
    text-align: right;
}
#user-section #sections .header > .titles, #user-section #sections .header > .view-type {
    vertical-align: bottom;
}
#user-section #sections .view-type-group {
    display: block;
    font-size: 0;
    white-space: nowrap;
    text-align: right;
}
#user-section #sections .view-type-group > .type {
    display: inline-block;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.375;
    color: rgba(0, 0, 0, .35);
    text-decoration: none;
    vertical-align: middle;
}
#user-section #sections .view-type-group > .type.active {
    font-weight: 500;
    font-weight: var(--wgt500, 500);
    color: #000;
}
#user-section #sections .view-type-group > .type:not(:first-child) {
    margin-left: 1.25rem;
}

#section-list {
    display: block;
    text-align: left;
}
#section-list .type1, #section-list .type2 {
    display: block;
}
#section-list ol[class*=type], #section-list ul[class*=type] {
    padding: 0;
    margin: 0;
    list-style: none;
}
#section-list ol[class*=type]>li, #section-list ul[class*=type]>li, #sections .header {
    display: block;
    font-size: 0;
}
#section-list .type2>li {
    margin-top: 1.125rem;
    padding-top: 1.125rem;
    border-top: 1px solid rgba(0, 0, 0, .05);
    text-align: left;
}
#section-list .type2>:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
#section-list .type2 .byline {
    display: block;
    margin-top: 1.125rem;
    font-size: 0;
}
#user-section #section-list .type2 .byline {
    margin: 0 0 .625rem;
    white-space: nowrap;
}
#section-list .type2 .byline>time {
    display: inline-block;
    margin-left: .625rem;
    padding-left: .625rem;
    font-size: .75rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.125;
    letter-spacing: -.025em;
    color: #b7b7b7;
    border-left: 1px solid rgba(0, 0, 0, .1);
    vertical-align: middle;
}
#section-list .type2 .byline>:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}
#user-section #section-list .type2 .byline > time {
    font-size: .8125rem;
}
#article-view, #section-list .type2 .view-cont {
    display: block;
}
#section-list .type2 .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 162px;
    height: 108px;
    margin-right: 1.25rem;
    text-align: center;
}
#section-list .type2 a[href^="/news"], #section-list .type2 a[href^=http], #section-list .type3 a[href^="/news"], #section-list .type3 a[href^=http] {
    font-size: inherit;
    color: inherit;
}
#user-section #section-list .type2 .thumb {
    float: right;
    width: 132px;
    height: 88px;
    margin-left: 2.1875rem;
}
#section-list .type2 .thumb::before, #section-list .type3 .thumb::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .08);
}
#section-list .type2 .thumb>img, #section-list .type3 .thumb>img, .bbs-skin.album .album-tiles .image>img {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#section-list .type2 .titles {
    font-size: 1.063rem;
    font-weight: bolder;
    font-style: normal;
    line-height: 1.375;
    letter-spacing: -.075em;
    color: #222;
}
.titles {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.line-1x2, .line-1x3, .line-2x2, .line-2x3, .line-3x2, .line-3x3, .line-4x2, .line-4x3, .line-5x2, .line-5x3, .line-6x2, .line-6x3, .line-7x2, .line-7x3, .line-8x2, .line-8x3, .line-9x2, .line-9x3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.line-1x2, .line-2x2, .line-3x2, .line-4x2, .line-5x2, .line-6x2, .line-7x2, .line-8x2, .line-9x2 {
    -webkit-line-clamp: 2;
}
.line-6, .line-6x1, .line-6x2, .line-6x3 {
    line-height: 1.563;
}
.line-6x2 {
    max-height: 3.126em;
}
#section-list .type2 .lead {
    margin: 0 0 1rem;
    padding: 0;
    font-size: .813rem;
    color: #737475;
}
#user-section #section-list .type2 .lead {
    font-size: .875rem;
    font-weight: 300;
    font-weight: var(--wgt300, 300);
}
#user-section #section-list .type2 .view-cont::after {
    content: '';
    display: table;
    clear: both;
}
#section-list ol[class*=type]::after, #section-list ol[class*=type]>li::after, #section-list ul[class*=type]::after, #section-list ul[class*=type]>li::after, #section-list::after, #sections::after, #user-footer .footer-menu .user-nav::after, #user-footer .user-address ul::after, #user-footer .user-address::after, .index-wrap .index-column::after, .index-wrap .index-row::after, .index-wrap::after {
    content: '';
    display: table;
    clear: both;
}

/* list type1 */
#section-list .type1>:nth-child(5n+1) {
    margin-top: 1.375rem;
    padding-top: 1.375rem;
    border-top: 1px solid rgba(0, 0, 0, .08);
}
#section-list .type1>:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
#section-list .type1>li>* {
    display: inline-block;
    vertical-align: middle;
}
#section-list .type1>li {
    margin-top: .875rem;
}
#section-list .type1 .titles {
    margin: 0;
    font-size: 1rem;
    font-weight: bolder;
    font-style: normal;
    line-height: 1.375;
    letter-spacing: -.075em;
    color: #222;
}
#section-list .type1 .titles, #section-list .type3 .titles {
    font-size: 1.05rem;
}
#section-list .type1 .info:not(.label), #section-list .type1 li>[class^=icon-] {
    margin-left: .625rem;
    font-size: .75rem;
    font-style: normal;
    line-height: 1.125;
    letter-spacing: -.025em;
    color: #737475;
}
#section-list .type1 .dated, #section-list .type1 .name {
    padding-left: .625rem;
    font-weight: 400;
    border-left: 1px solid rgba(0, 0, 0, .1);
}
#section-list .type1 .info:not(.label), #section-list .type1 li>[class^=icon-] {
    margin-left: .625rem;
    font-size: .75rem;
    font-style: normal;
    line-height: 1.125;
    letter-spacing: -.025em;
    color: #737475;
}
#section-list ol[class*=type]::after, #section-list ol[class*=type]>li::after, #section-list ul[class*=type]::after, #section-list ul[class*=type]>li::after, #section-list::after, #sections::after, #user-footer .footer-menu .user-nav::after, #user-footer .user-address ul::after, #user-footer .user-address::after, .index-wrap .index-column::after, .index-wrap .index-row::after, .index-wrap::after {
    content: '';
    display: table;
    clear: both;
}

/* pagination */
.pagination {
    margin-left: 0;
    margin-bottom: 1rem;
}
#sections .pagination {
    margin-top: 1.875rem;
    text-align: center;
}
.pagination:after, .pagination:before {
    display: table;
    content: " ";
}
.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a;
}
.pagination li {
    margin-right: .0625rem;
    border-radius: 0;
    font-size: .875rem;
    display: none;
}
@media print, screen and (min-width: 40em) {
    .pagination li {
        display: inline-block;
    }
}
.pagination li {
    margin-right: .25rem;
    font-size: .75rem;
    line-height: 1;
    vertical-align: middle;
}
.pagination li:first-child, .pagination li:last-child {
    display: inline-block;
}
.pagination a, .pagination button {
    font-size: inherit;
    color: #838383;
    transition: background-color .3s ease-in-out;
}
.pagination .current {
    padding: .1875rem .625rem;
    background: #1779ba;
    color: #fff;
    cursor: default;
}
.pagination .current, .pagination .pagination-item, .pagination a, .pagination button {
    padding: .438rem .625rem;
    line-height: 1;
    letter-spacing: -.025em;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 3px;
    text-align: center;
}
.pagination .current {
    color: #fff;
    background-color: #ff6114;
    border-color: transparent;
}
@media screen and (min-width: 40em) {
    .pagination-onenext, .pagination-oneprev {
        display: none !important;
    }
}

/* footer */
#user-footer.type-22 {padding:30px 20px 80px;margin:1.875rem 0 0;border-top:1px solid #ddd;background-color:#fff}
#user-footer.type-22 > .inner {display:block;position:relative;margin:0 auto;font-size:0;text-align:left}
#user-footer.type-22 > .inner::after {content:'';display:table;clear:both}

/* list */
#user-footer.type-22 .footer-nav {display:block;padding:0;margin-bottom:1.875rem;width:100%;list-style:none}
#user-footer.type-22 .footer-nav > a {font-size:1.25rem;font-style:normal;font-weight:100;line-height:1.375;letter-spacing:-.025em;color:#000}
#user-footer.type-22 .footer-nav > a:not(:last-child)::after {content:'';display:inline-block;overflow:hidden;z-index:1;position:relative;width:4px;height:4px;margin:0 1rem;background-color:rgba(0,0,0,.2);border-radius:50%;vertical-align:middle}

/* address */
#user-footer.type-22 .user-address ul li.copy {margin-top:1.25rem;font-size:.875rem;color:rgba(0,0,0,.8)}
#user-footer.type-22 .user-address ul li > a {color:inherit;text-decoration:none}

/* ndsoft */
#user-footer.type-22 .ndsoft {bottom:.375rem}

/* 임희은 / 1275400 / 20230601 */
#user-footer.type-22 .banner-btm {position:absolute;right:0;bottom:30px;display:flex;}
#user-footer.type-22 .banner-btm .kina, #user-footer.type-22 .banner-btm .inc {margin:0 10px}

#user-container .user-content::after, #user-container::after, #user-footer::after, #user-gnb::after, #user-header::after, #user-nav::after, #user-wrap::after {
    content: '';
    display: table;
    clear: both;
}
address {
    font-style: normal;
}
#user-footer .user-address {
    position: relative;
    font-size: .8rem;
    text-align: left;
    color: rgba(0, 0, 0, .55);
    letter-spacing: -.05em;
}
.no-bullet {
    margin-left: 0;
    list-style: none;
}
#user-footer .user-address ul, .box-skin.header-bg .header>a, .box-skin.header-bg .header>strong, .box-skin.line.header-bg .header, .index-wrap.mobile .box-skin.header-bg .header>a, .index-wrap.mobile .box-skin.header-bg .header>strong {
    margin-bottom: 0;
}
#user-footer .user-address ul li {
    float: left;
    line-height: 1.8em;
    color: rgba(0, 0, 0, .5);
}
#user-footer .user-address ul li.bars::before {
    content: '|';
    float: right;
    padding: 0 .625rem;
    font-size: .7rem;
    color: rgba(0, 0, 0, .35);
}
#user-footer .user-address ul li.clear, .box-dashed::after, .box-dotted::after, .box-margins::after, .box-margins[class*=box-dashed-]::after, .box-margins[class*=box-dotted-]::after, .box-margins[class*=box-solid-]::after, .box-solid::after {
    clear: both;
}
#user-footer.type-22 .user-address ul li.copy {
    margin-top: 1.25rem;
    font-size: .875rem;
    color: rgba(0, 0, 0, .8);
}
#user-footer.type-22 .banner-btm {
    position: absolute;
    right: 0;
    bottom: 30px;
    display: flex;
}
#user-footer.type-22 .banner-btm .kina, #user-footer.type-22 .banner-btm .inc {
    margin: 0 10px;
}
#user-footer .ndsoft {
    position: absolute;
    z-index: 1002;
    right: 0;
    bottom: 0;
}

/* popup page */
.popup-wrap .popup-header {
    position: relative;
    padding: 1.25rem;
    background-color: #445990;
}
.popup-wrap .popup-header .popup-header-title {
    display: block;
    font-size: 1.125rem;
    font-weight: bolder;
    font-style: normal;
    line-height: 1.125;
    letter-spacing: -.075em;
    color: #fff;
    white-space: nowrap;
}
.popup-wrap .popup-header .popup-header-close {
    overflow: hidden;
    position: absolute;
    z-index: 5;
    right: 1.25rem;
    top: 50%;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    font-size: 1.125rem;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 5px;
    background: rgba(255, 255, 255, .025);
    cursor: pointer;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
}
.popup-wrap .popup-container {
    padding: 1.25rem;
}
#article-view .breadcrumbs li {
    font-size: .875rem;
    line-height: 1;
    letter-spacing: -.025em;
}
#article-view .breadcrumbs li a {
    color: #555;
}
#article-view .breadcrumbs li:not(:last-child)::after {
    content: '\e93f';
    top: 0;
    width: auto;
    margin: 0 .5rem;
    font-family: "fontello";
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.back-to-top {
    display: none;
    position: fixed;
    z-index: 1004;
    right: .9375rem;
    bottom: .9375rem;
    width: 40px;
    height: 40px;
    font-size: 1.375rem;
    color: #34495e;
    background: rgba(255, 255, 255, .8);
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 50%;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .25);
    cursor: pointer;
}