@charset "UTF-8";
/**********************************************
* note : reset
* guide : Noto Sans KR Only 
**********************************************/
body {background:rgb(255,255,255)}
body,th,td,input,select,textarea,button,dl,ol,ul {color:#1e1e1e}
b, strong, table tfoot td, table tfoot th, table thead td, table thead th, table tbody th, dt {font-weight:500;font-weight:var(--wgt500, 500)}
h1 {margin-bottom:0;font-size:0}
a,a:link,a[rel="menu"] {color:#1e1e1e}
a:visited {color:#1e1e1e;text-decoration:none}
a:active,a:hover,a[rel="menu"]:hover {text-decoration:underline}

/* 프린트 할때 a 링크주소 표시 방지 */
address {font-style:normal}
hr {max-width:100%;border-bottom:1px solid rgba(0,0,0,.1)}

/* print */
@media print {
    * {-webkit-print-color-adjust:exact !important}
    a[href] {text-decoration:none}
    a[href]:after {content:none !important}
    .print-show {display:block !important}
    .print-hide {display:none !important}
}

/* html font reset */
font[style] {padding:0 !important;margin:0 !important;font:inherit !important;color:inherit !important}

/* safari x-scroll 문제 */
@media screen and (-webkit-min-device-pixel-ratio:0){
    html,body {position:relative;-webkit-overflow-scrolling:touch}
}

/* side frame */
#user-wrapper[style*="width"] {margin:0 auto}

/* 모바일 환경설정 */
#user-wrap .row #user-container {padding-left:1.25rem;padding-right:1.25rem}

/* dev setting */
.blind {display:none}

/**********************************************
note : skip nav
**********************************************/
.skip-nav {position:relative}
.skip-nav a {position:absolute;top:-32px;left:0;width:135px;border:1px solid #e73f72;background:#212121;text-align:center}
.skip-nav a:active, .skip-nav a:focus {top:0;z-index:1005;text-decoration:none}
.skip-nav span {display:inline-block;font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:30px;letter-spacing:-.025em;color:#fff}

/**********************************************
note : 기본설정
**********************************************/
#user-header {position:relative}
#user-wrap::after,#user-gnb::after,#user-header::after,#user-nav::after,#user-container::after,#user-container .user-content::after,#user-footer::after {content:'';display:table;clear:both}
.key-point::after {content:'*';display:inline-block;margin-left:5px;font-style:normal;color:#e32f66}
.admin-point {color:#e32f66}
.user-point,a.user-point {color:#5684ff}
.admin-bg,.button.admin-bg,
.nd-switch.admin-bg input[type="checkbox"]:checked + label,.nd-switch.admin-bg input[type="radio"]:checked + label,
.switch-group.admin-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.admin-bg > .nd-switch input[type="radio"]:checked + label
{background-color:#e73f72}
.button.admin-bg:hover,.button.admin-bg:active,.button.admin-bg:focus {background-color:#e32f66}
.user-bg,.button.user-bg,.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label {background-color:#5684ff}
.button.user-bg:hover,.button.user-bg:active,.button.user-bg:focus {background-color:#445990}


/* sns 색상별(버튼용) */
.button.google {background-color:#ea4335}
.button.facebook {background-color:#425f9c}
.button.twitter {background-color:#1da1f2}
.button.pinterest {background-color:#bd081c}
.button.linkedin {background-color:#0177b5}
.button.weibo {background-color:#e6162d}
.button.instagram {background-color:#d83689}
.button.naver {background-color:#2db400}
.button.pholar {background-color:#6f6cf7}
.button.talk {background-color:#3b1e1e}
.button.story {background-color:#ffdc00}
.button.cyworld {background-color:#ff6500}
.button.vingle {background-color:#e00}
.button.rss {background-color:#fe471a}

.button.hollow.google, .button.nd-white.google {color:#ea4335}
.button.hollow.facebook, .button.nd-white.facebook {color:#425f9c}
.button.hollow.twitter, .button.nd-white.twitter {color:#1da1f2}
.button.hollow.pinterest, .button.nd-white.pinterest {color:#bd081c}
.button.hollow.linkedin, .button.nd-white.linkedin {color:#0177b5}
.button.hollow.weibo, .button.nd-white.weibo {color:#e6162d}
.button.hollow.instagram, .button.nd-white.instagram {color:#d83689}
.button.hollow.naver, .button.nd-white.naver {color:#2db400}
.button.hollow.pholar, .button.nd-white.pholar {color:#6f6cf7}
.button.hollow.talk, .button.nd-white.talk {color:#3b1e1e}
.button.hollow.story, .button.nd-white.story {color:#ffdc00}
.button.hollow.cyworld, .button.nd-white.cyworld {color:#ff6500}
.button.hollow.vingle, .button.nd-white.vingle {color:#e00}
.button.hollow.rss, .button.nd-white.rss {color:#fe471a}

/**********************************************
note : 모달커스텀
**********************************************/
.reveal {padding:0;background-color:#fafbfc;border:none;border-radius:5px;text-align:left}
.reveal-header {display:block;background-color:#5684ff}
.reveal-header {position:relative;overflow:hidden;padding:1.875rem 1.25rem;text-align:center}
.reveal-header::after, .reveal-container::after, .reveal-footer::after {content:'';display:table;clear:both}
.reveal-title {display:block;font-size:1.563rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1.125;letter-spacing:-0.05em;color:#fff}
.reveal-msg {display:block;padding:0 1.25rem;margin-top:1rem;font-size:1.25rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;letter-spacing:-0.025em;color:#fff;text-align:center}
.reveal-header .admin-point {color:#ffca00 !important}
.reveal-container {display:block;padding:1.875rem 1.25rem}
.reveal-footer {display:block;padding:1.875rem 0}
.reveal-footer.inner-button {padding-left:.9375rem;padding-right:.9375rem;text-align:center}
.reveal-footer.inner-button > .button {margin-bottom:0}
.reveal .close-button {display:block;overflow:hidden;position:absolute;z-index:5;right:20px;top:0;width:42px;height:42px;font-size:1.375rem;color:#fff;background-color:#596689;border-radius:0 0 5px 5px;text-align:center;cursor:pointer;opacity:.7;transition:opacity .25s ease-in-out}
.reveal .close-button:hover, .reveal .close-button:focus {opacity:1}
@media screen and (max-width: 39.9375em) {
    .reveal-footer {border-radius:0}
    .reveal-footer.inner-button {padding-left:0;padding-right:0}
}

/**********************************************
note : off canvas
**********************************************/
.off-canvas-wrapper {overflow:initial}
.off-canvas.is-transition-overlap {z-index:1004}
.js-off-canvas-overlay.is-overlay-fixed {z-index:1003}
.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}
.user-canvas .user-canvas-navs .menu li > a {padding:1rem 1.25rem;font-size:1rem;font-weight:500;font-weight:var(--wgt500, 500);color:#1e1e1e;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-color:rgb(0,0,0);color:#fff}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after {right:1.25rem;border-width:4px}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {margin-top:-6px}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a:hover::after,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#fff !important}
.user-canvas .user-canvas-navs .menu li ul.menu.nested li a {padding:.75rem;font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400)}
.user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#333;background:rgba(255,255,255,.08)}
.user-canvas .close-button {color:rgba(0,0,0,.35);transition:color .25s ease-in}
.user-canvas .close-button:hover {color:rgba(0,0,0,.95)}

/**********************************************
note : 박스모음
**********************************************/
.box-skin {text-align:left}
.box-skin::after, .box-skin .header::after, .box-skin .container::after, .box-skin .content::after, .box-skin .aside::after {content:'';display:table;clear:both}

/* 상단 */
.box-skin .header {font-weight:700;font-weight:var(--wgt700, 700);letter-spacing:-0.025em}
.box-skin .header > strong, .box-skin .header > a,.box-skin .header .skin-column > strong, .box-skin .header .skin-column > a {display:block;margin-bottom:1rem;font-size:1.25rem;font-weight:inherit;line-height:1;letter-spacing:-.025em;text-decoration:none}
.box-skin .header > a:hover, .box-skin .header > a:active {color:#292728}
.box-skin .header > a[class*="btm-"] {background-repeat:no-repeat;background-position:right center}
.box-skin .header > a.btm-Kor {background-image:url('/image/btm-kor.png')}
.box-skin .header > a.btm-Eng {background-image:url('/image/btm-eng.png')}
.box-skin .header > a.btm-Icon {background-image:url('/image/btm-icon.png')}

/* tv */
.tv-wrap .box-skin .header > strong,.tv-wrap .box-skin .header > a {margin-bottom:2rem;font-family:inherit;font-size:2.3rem}

/* 내용(2단) */
.box-skin .container {display:table;width:100%;table-layout:fixed}
.box-skin .container .skin-column {display:table-cell;width:100%;vertical-align:top}

/* 기본라인 */
.box-skin.line {padding:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
@media screen and (max-width: 39.9375em) {
    .row .box-skin.line {padding:.625rem}
}

/* 제목라인 */
.box-skin.header-line .header {margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.12)}

/* 배경 */
.box-skin.bg {background-color:#f8f8f8;border-color:rgba(0,0,0,.09)}
.box-skin.line.bg .header {border-bottom-color:rgba(0,0,0,.09)}

/* 배경(컬러별) */
.box-skin.white {background-color:#fff}
.box-skin.black {background-color:#000}
.box-skin.black .header > strong, .box-skin.black .header > a,.box-skin.black .header .skin-column > strong, .box-skin.black .header .skin-column > a {color:#fff}
.box-skin.blue {background-color:#005ca0}
.box-skin.blue .header > strong, .box-skin.blue .header > a,.box-skin.blue .header .skin-column > strong, .box-skin.blue .header .skin-column > a {color:#fff}
.box-skin.red {background:linear-gradient(135deg, #ff6517 0%, #e70033 100%)}
.box-skin.red .header > strong, .box-skin.red .header > a,.box-skin.red .header .skin-column > strong, .box-skin.red .header .skin-column > a {color:#fff}
.box-skin.brown {background-color:#dbd7cc}
.box-skin.seablue {position:relative;z-index:10;padding:1.5rem 2.813em;background-color:#1c3947}
.box-skin.dark {padding:2rem;background-color:#292e34}
.box-skin.dark .header > strong, .box-skin.dark .header > a,.box-skin.dark .header .skin-column > strong, .box-skin.dark .header .skin-column > a {margin-bottom:1.875rem;font-size:1.188rem;letter-spacing:-.025em;color:#fff}

/* 라운드 */
.box-skin.radius {border-radius:.25rem}
.box-skin.radius .header {border-radius:.25rem .25rem 0 0}
.box-skin.radius > .content, .box-skin.radius > .container {border-radius:.0 0 25rem .25rem}
@media screen and (max-width: 39.9375em) {
    .row .box-skin.radius {border-radius:.2rem}
    .row .box-skin.radius .header {border-radius:.2rem .2rem 0 0}
    .row .box-skin.radius > .content, .box-skin.radius > .container {border-radius:.0 0 2rem .2rem}
}

/* 제목배경 */
.box-skin.header-bg .header {padding:.9375rem;margin-bottom:.625rem;background-color:rgba(0,0,0,.05)}
.box-skin.header-bg .header > strong, .box-skin.header-bg .header > a {margin-bottom:0}
.box-skin.line.header-bg {padding:0}
.box-skin.line.header-bg .header {margin-bottom:0}
.box-skin.line.header-bg > .content, .box-skin.line.header-bg > .container {padding:.9375rem}
.box-skin.bg.header-bg .header {background-color:transparent}
.box-skin.header-line.header-bg .header {border-bottom-color:rgba(0,0,0,.07)}
@media screen and (max-width: 39.9375em) {
    .row .box-skin.header-bg .header, .row .box-skin.line.header-bg > .content, .row .box-skin.line.header-bg > .container {padding:.625rem}
}

/* 고정디자인 - 리셋 */
.box-skin[class*="design-"], .box-skin[class*="design-"] .header, .box-skin[class*="design-"] > .content, .box-skin[class*="design-"] > .container {padding:0;margin:0;border:0;background:transparent;border-radius:0;text-align:left}
.box-skin[class*="design-"] .header > strong, .box-skin[class*="design-"] .header > a {margin-bottom:0;line-height:1}

/* 디자인박스1 */
.box-skin.design-1 .header {padding:.9375rem;margin-bottom:0;background-color:#e32f66;border-radius:0 .9rem 0 0}
.box-skin.design-1 .header > strong, .box-skin.design-1 .header > a, .box-skin.design-1 .header > a:hover, .box-skin.design-1 .header > a:active {color:#fff}
.box-skin.design-1 > .content, .box-skin.design-1 > .container {padding:.9375rem;background-color:#efefef}
@media screen and (max-width: 39.9375em) {
    .row .box-skin.design-1 .header, .box-skin.design-1 > .content, .box-skin.design-1 > .container {padding:.625rem}
}

/* 디자인박스2 */
.box-skin.design-2 .header {position:relative;min-height:10px;margin-bottom:1rem}
.box-skin.design-2 .header::before {content:'';position:absolute;z-index:1;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.12)}
.box-skin.design-2 .header > .icon {position:absolute;z-index:3;width:11px;height:11px;margin-top:-5px;background-color:#e32f66;right:0;top:50%;border-radius:50%}
.box-skin.design-2 .header > .icon::after {content:'';position:absolute;z-index:1;margin:-3px 0 0 -1px;border-width:3px;border-style:solid;border-color:transparent transparent transparent #fff;left:50%;top:50%}
.box-skin.design-2 .header > a[class*="btm-"] {background:none}
.box-skin.design-2 .header > strong, .box-skin.design-2 .header > a {position:relative;z-index:2;display:inline-block;padding-right:.75rem;background:#fff !important}

/* 디자인박스3 */
.box-skin.design-3 {padding:.9375rem;border:1px solid rgba(0,0,0,.12)}
.box-skin.design-3 .header {height:32px;padding-top:5px;padding-left:40px;margin-bottom:1rem;background:url('/image/box/box-skin-human.png') 0 0 no-repeat}
@media screen and (max-width: 39.9375em) {
    .row .box-skin.design-3 {padding:.625rem}
    .row .box-skin.design-3 .header {margin-bottom:.5rem}
}

/* 디자인박스4 */
.box-skin.design-4 .header {height:30px;padding:.35rem .6rem 0 .625rem;margin-bottom:1rem;border-left:1px solid #d6d6d6;background:url('/image/box/box-skin-circle.png') right 0 no-repeat #e32f66}
@media screen and (max-width: 39.9375em) {
    .row .box-skin.design-4 .header {margin-bottom:.5rem}
}

/* 디자인박스5 */
.box-skin.design-5 .header {position:relative;padding:.625rem .9375rem;margin-bottom:1rem;color:#fff;background-color:#3b5a90}
.box-skin.design-5 .header::before {content:'';position:absolute;z-index:2;border-width:6px;border-style:solid;border-color:#3b5a90 transparent transparent transparent;top:100%;left:1rem}
.box-skin.design-5 .header > strong, .box-skin.design-5 .header > a, .box-skin.design-5 .header > a:hover, .box-skin.design-5 .header > a:active {color:#fff}
@media screen and (max-width: 39.9375em) {
    .row .box-skin.design-5 .header {padding:.625rem;margin-bottom:.5rem}
    .row .box-skin.design-5 .header::before {border-width:4px}
}

/* 디자인박스6 */
.box-skin.design-6 .header {height:33px;padding:.42rem .625rem 0;margin-bottom:1rem;background:url('/image/box/box-skin-shadow.png') right 0 no-repeat}
.box-skin.design-6 .header > strong, .box-skin.design-6 .header > a, .box-skin.design-6 .header > a:hover, .box-skin.design-6 .header > a:active {color:#fff}
@media screen and (max-width: 39.9375em) {
    .row .box-skin.design-6 .header {margin-bottom:.5rem}
}

/* 디자인박스7 */
.box-skin.design-7 .header {margin-bottom:1rem;padding:.9rem 0;border-top:2px solid #333;border-bottom:1px solid rgba(0,0,0,.08)}

/**********************************************
note : 박스여백
**********************************************/
.box-margins,.box-solid,.box-dashed,.box-dotted,.box-margins[class*="box-solid-"],.box-margins[class*="box-dashed-"],.box-margins[class*="box-dotted-"] {display:block;overflow:hidden;padding:0;margin:0;color:transparent}
.box-solid,.box-dashed,.box-dotted {border-top-width:1px;border-top-color:rgba(0,0,0,.12)}
.box-margins[class*="box-solid-"],.box-margins[class*="box-dashed-"],.box-margins[class*="box-dotted-"] {border-top-color:rgba(0,0,0,.75)}
.box-margins::before,.box-margins::after,.box-solid::before,.box-solid::after,.box-dashed::before,.box-dashed::after,.box-dotted::before,.box-dotted::after,.box-margins[class*="box-solid-"]::before,.box-margins[class*="box-solid-"]::after,.box-margins[class*="box-dashed-"]::before,.box-margins[class*="box-dashed-"]::after,.box-margins[class*="box-dotted-"]::before,.box-margins[class*="box-dotted-"]::after {content:'';display:table}
.box-margins::after,.box-solid::after,.box-dashed::after,.box-dotted::after,.box-margins[class*="box-solid-"]::after,.box-margins[class*="box-dashed-"]::after,.box-margins[class*="box-dotted-"]::after {clear:both}

/* 라인형(Solid) */
.box-solid,.box-margins[class*="box-solid-"] {border-top-style:solid}
.box-margins.box-solid-x {border-top-width:1px;border-top-color:rgba(0,0,0,.12)}
.box-margins.box-solid-2x {border-top-width:2px}
.box-margins.box-solid-3x {border-top-width:3px}
.box-margins.box-solid-4x {border-top-width:4px}
.box-margins.box-solid-5x {border-top-width:5px}

/* 굵은점선(Dashed) */
.box-dashed,.box-margins[class*="box-dashed-"] {border-top-style:dashed}
.box-margins.box-dashed-x {border-top-width:1px;border-top-color:rgba(0,0,0,.12)}
.box-margins.box-dashed-2x {border-top-width:2px}
.box-margins.box-dashed-3x {border-top-width:3px}
.box-margins.box-dashed-4x {border-top-width:4px}
.box-margins.box-dashed-5x {border-top-width:5px}

/* 점선(Dotted) */
.box-dotted,.box-margins[class*="box-dotted-"] {border-top-style:dotted}
.box-margins.box-dotted-x {border-top-width:1px;border-top-color:rgba(0,0,0,.15)}
.box-margins.box-dotted-2x {border-top-width:2px}
.box-margins.box-dotted-3x {border-top-width:3px}
.box-margins.box-dotted-4x {border-top-width:4px}
.box-margins.box-dotted-5x {border-top-width:5px}

/**********************************************
note : 메인화면(PC)
**********************************************/
.index-wrap::after {content:'';display:table;clear:both}
.index-wrap .index-row {display:table;width:100%;table-layout:fixed}
.index-wrap .index-row::after {content:'';display:table;clear:both}
.index-wrap .index-columns {display:table-cell;vertical-align:top}
.index-wrap .index-column::after {content:'';display:table;clear:both}
@media screen and (max-width: 63.9375em) {
    .index-wrap.responsive .index-row, .index-wrap.responsive .index-columns {display:block;width:auto}
    .index-wrap.responsive .index-columns {float:left;width:100%;min-height:1px}
}

/* mobile */
.index-wrap.mobile {margin-left:-1.25rem;margin-right:-1.25rem;background-color:#f2f2f2}
#admin-wrap .index-wrap.mobile {margin-left:0;margin-right:0}
.index-wrap.mobile .box-skin {padding-left:.625rem;padding-right:.625rem}
.index-wrap.mobile .box-skin .header > strong, .index-wrap.mobile .box-skin .header > a {margin-bottom:1rem}
.index-wrap.mobile .box-skin.header-bg .header > strong, .index-wrap.mobile .box-skin.header-bg .header > a {margin-bottom:0}
@media screen and (max-width: 39.9375em) {
    .index-wrap.mobile {margin-left:-.313rem;margin-right:-.313rem}
}

/* mobile template(기본형태) */
.index-wrap.mobile.template {background:transparent}
.index-wrap.mobile.template .box-skin {padding-left:0;padding-right:0}
.index-wrap.mobile.template .box-skin.line {padding-left:.9375rem;padding-right:.9375rem}
.index-wrap.mobile.template .grid-1 {border-right:1px solid rgba(0,0,0,.12)}
@media screen and (max-width: 39.9375em) {
    .index-wrap.mobile.template .grid-1 {border-right:none}
}

/* 뉴스레터 */
.index-wrap.letter table {max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:0}
.index-wrap.letter table thead,.index-wrap.letter table tbody,.index-wrap.letter table tfoot,.index-wrap.letter table tr,.index-wrap.letter table th,.index-wrap.letter table td {padding:0;margin:0;background:transparent;border:none}

/**********************************************
note : 메인 동영상기본판(/news/movieList.html)
**********************************************/
.index-wrap.default-tv .index-columns-flex {background-color:#efefef}
#user-wrap.mobile .index-wrap.default-tv .index-columns-flex {margin-left:-1.25rem;margin-right:-1.25rem}
@media screen and (max-width: 63.9375em) {
    .row .index-wrap.default-tv .index-columns-flex {padding-left:1.25rem;padding-right:1.25rem}
}

/* 타이틀 */
.index-wrap.default-tv .box-skin .header strong.main-title-tv,.index-wrap.default-tv .box-skin .header a.main-title-tv {font-size:1.375rem;font-weight:400;font-weight:var(--wgt400, 400);letter-spacing:-.025rem}

/* 더보기 */
.index-wrap.default-tv .body-more-btn {display:block;margin-top:1.25rem;margin-bottom:2rem;padding:.9rem 1rem;border:1px solid rgba(0,0,0,.12);font-size:1.063rem;line-height:1;text-align:center;text-decoration:none;transition:all 0.25s}
.index-wrap.default-tv .body-more-btn::after {content:'';display:inline-block;width:0;height:0;margin-left:.75rem;border-width:5px;border-style:solid;border-color:transparent transparent transparent #323232}
.index-wrap.default-tv .body-more-btn:hover{background-color:rgba(0,0,0,.05)}

/**************************************************
note : 하단스타일
**************************************************/
/* 고정 */
#user-footer {padding:1.5rem 0}
#user-footer .ndsoft {position:absolute;z-index:1002;right:0;bottom:0}
#user-wrap.mobile .ndsoft {position:inherit;z-index:inherit;right:inherit;bottom:inherit}

/* logos */
#user-footer .user-logo {float:left;margin-right:.9375rem}

/* menu */
#user-footer .footer-menu {display:table;width:100%;margin-bottom:1rem;table-layout:fixed}
#user-footer .footer-menu .footer-columns {display:table-cell;width:100%;text-align:left;vertical-align:middle}
#user-footer .footer-menu .footer-columns.user-logo {float:none;width:135px;padding-right:1.875rem;vertical-align:top}
#user-footer .footer-menu .footer-columns.user-logo img {max-height:35px}
#user-footer .footer-menu .user-nav {margin-bottom:1.125rem}
#user-footer .footer-menu .user-nav::after {content:'';display:table;clear:both}
#user-footer .footer-menu .user-nav a {float:left;padding:0;font-size:.9rem;letter-spacing:-0.025em}
#user-footer .footer-menu .user-nav a::before {content:'';float:right;padding-left:.75rem;margin:.313rem 0 0 .75rem;height:13px;border-left:1px solid rgba(0,0,0,.12)}
#user-footer .footer-menu .user-nav > :last-child::before {display:none}

/* address */
#user-footer .user-address {position:relative;font-size:.8rem;font-weight:400;font-weight:var(--wgt400, 400);text-align:left;color:rgba(0,0,0,.55)}
#user-footer .user-address ul {margin-bottom:0}
#user-footer .user-address::after,#user-footer .user-address ul::after {content:'';display:table;clear:both}
#user-footer .user-address ul li {float:left;line-height:1.8;color:rgba(0,0,0,.5)}
#user-footer .user-address ul li.bars::before {content:'|';float:right;padding:0 .625rem;font-size:.7rem;font-weight:400;font-weight:var(--wgt400, 400);color:rgba(0,0,0,.35)}
#user-footer .user-address ul li.clear {clear:both}
#user-footer .user-address ul li a {color:rgba(0,0,0,.5);text-decoration:none}

/* 테마-기본 */
#user-footer.user-style-default {background-color:#fff;border-top:1px solid rgba(0,0,0,.15)}

/* 테마-블랙 */
#user-footer.user-style-black {background:#2c343a;border-top:none}
#user-footer.user-style-black .user-nav a {color:#fff}
#user-footer.user-style-black .footer-menu .user-nav a::before {border-color:rgba(255,255,255,.15)}
#user-footer.user-style-black .user-address ul li,#user-footer.user-style-black .user-address ul li a {color:rgba(255,255,255,.5)}
#user-footer.user-style-black .user-address ul li.bars::before {color:rgba(255,255,255,.25)}

/* 로고-표시 */
#user-footer.user-logo-on {text-align:left}
#user-footer.user-logo-on .user-logo {display:block;left:0}

/* 로고-미표시 */
#user-footer.user-logo-off {text-align:center}
#user-footer.user-logo-off .user-logo {display:none}

/* back to the top */
.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}
.back-to-top.for-mobile {bottom:2.5rem}
.back-to-top:hover,#admin-wrap .back-to-top:active,#admin-wrap .back-to-top:focus {color:#fff;background:rgba(52,73,94,1)}

/* 모바일버전보기 */
.desktop-to-mobile {display:block;margin:1.375rem 0;padding:1rem;font-size:2em;font-weight:400;font-weight:var(--wgt400, 400);line-height:1;letter-spacing:-0.05em;border:1px solid rgba(0,0,0,.12);text-decoration:none;text-align:center;white-space:nowrap}

/********************************************
note : 페이지 메뉴
********************************************/
.section-nav {margin-bottom:1rem;border:1px solid rgba(0,0,0,.12)}
.section-nav .menu li {border-top:1px dotted rgba(0,0,0,.12)}
.section-nav .menu li:first-child {border-top:none}
.section-nav .menu li a {padding:.9375rem;font-weight:500;font-weight:var(--wgt500, 500);color:rgba(0,0,0,.9)}
.section-nav .menu li a.current-menu {color:#e7316e}
.section-nav .menu.submenu {margin-left:0px}
.section-nav .menu.submenu li {border-top:none}
.section-nav .menu.submenu li a {padding:.625rem .9375rem;font-size:.8125rem;font-weight:400;font-weight:var(--wgt400, 400);color:rgba(0,0,0,.55)}
.section-nav .menu.submenu li a:hover, .section-nav .menu.submenu li a.active {background-color:rgba(0,0,0,.05)}
.section-nav .menu.submenu li a.current-menu {font-weight:500;font-weight:var(--wgt500, 500);color:rgba(0,0,0,.9)}
.section-nav .menu li .menu.submenu {width:calc(100% - 9px)}
.section-nav .menu li.is-dropdown-submenu-parent.opens-right a::after,
.section-nav .menu li.is-drilldown-submenu-parent[aria-expanded] a::after {margin-top:-3px;border-width:4px;border-left-color:#6e7990}
@media screen and (max-width: 39.9375em) {
    .section-nav .menu.submenu li:last-child {margin-bottom:.5rem}
    .section-nav .menu.submenu li.js-drilldown-back {margin-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.12)}
    .section-nav .menu.submenu li.js-drilldown-back a[tabindex] {padding-top:.9375rem;padding-bottom:.9375rem;font-size:.9rem;font-weight:700;font-weight:var(--wgt700, 700);color:rgba(0,0,0,.9);background:transparent}
    .section-nav .menu.submenu li.js-drilldown-back a[tabindex]::before {margin-top:-3px;border-width:4px;border-right-color:#6e7990}
    .section-nav .menu li.is-drilldown-submenu-parent[aria-expanded] .is-drilldown-submenu.is-active {box-shadow:1px 0 3px 3px rgba(0,0,0,.16)}
}

/**********************************************
note : 기사리스트
**********************************************/
/* layout */
#sections {display:block}
#sections::after {content:'';display:table;clear:both}
#sections .section-nav {float:left;width:120px;min-height:1px;padding-right:1.25rem;border:0;text-align:left}
#sections .section-nav + .section-body {float:left;width:calc(100% - 120px);min-height:1px;padding-left:1.875rem;border-left:1px solid rgba(0,0,0,.1)}
@media screen and (max-width: 39.9375em) {
    .row #sections .section-nav {display:none}    
    .row #sections .section-nav + .section-body {float:none;width:auto;padding-left:0;border-left:0}
}

/* section nav */
#sections .section-nav .first {padding-bottom:.9375rem;margin-bottom:1.25rem;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);font-style:normal;line-height:1.25;letter-spacing:-.05em;border-bottom:2px solid rgba(0,0,0,.95)}
#sections .section-nav .menu li a {font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400)}
#sections .section-nav .menu li a.user-point {font-weight:500;font-weight:var(--wgt500, 500)}

/* header */
#sections .header {display:block;font-size:0;padding-bottom:.75rem;margin-bottom:1.875rem;border-bottom:2px solid #333}
#admin-wrap #sections .header {padding-bottom:0;border-bottom:0}
#sections .header > .titles, #sections .header > .view-type {display:inline-block;width:50%;vertical-align:middle}
#sections .header > .titles {margin-bottom:0;font-size:1.25rem;font-style:normal;line-height:1.375;letter-spacing:-.025em}
#sections .header > .titles > small {font-size:.625em;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;line-height:1.125;letter-spacing:0;color:rgba(0,0,0,.5)}
#sections .header > .view-type {text-align:right}
#sections .header .button-group {margin-bottom:0}

/* list */
#section-list {display:block;text-align:left}
#section-list::after {content:'';display:table;clear:both}
#section-list ul[class*="type"], #section-list ol[class*="type"] {padding:0;margin:0;list-style:none}
#section-list ul[class*="type"]::after, #section-list ol[class*="type"]::after {content:'';display:table;clear:both}
#section-list ul[class*="type"] > li, #section-list ol[class*="type"] > li {display:block;font-size:0}
#section-list ul[class*="type"] > li::after, #section-list ol[class*="type"] > li::after {content:'';display:table;clear:both}

/* type for list */
#section-list .type1 {display:block}
#section-list .type1 > li {margin-top:.875rem}
#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 .titles {margin:0;font-size:1rem;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#1e1e1e}
#section-list .type1 .info:not(.label), #section-list .type1 li > [class^="icon-"] {margin-left:.625rem;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.125;color:#737475}
#section-list .type1 .category {font-weight:500;font-weight:var(--wgt500, 500)}
#section-list .type1 li > [class^="icon-"] ~ .category {margin-left:.25rem}
#section-list .type1 .name, #section-list .type1 .dated {padding-left:.625rem;font-weight:400;font-weight:var(--wgt400, 400);border-left:1px solid rgba(0,0,0,.1)}
#section-list .type1 .label-group {margin-left:.625rem}
#section-list .type1 .label-group > .label {padding:.25rem !important;font-size:.563rem !important;border-radius:0}
@media screen and (max-width: 39.9375em) {
    .row #section-list .type1 > li {margin-top:1rem}
    .row #section-list .type1 .titles {display:block;overflow:hidden;line-height:1.875rem;text-overflow:ellipsis;white-space:nowrap}
    .row #section-list .type1 .titles + * {margin-left:0}
    .row #section-list .type1 .label-group {display:block;margin:.375rem 0 0}
}

/* type for webzine */
#section-list .type2 {display:block}
#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 a[href^="/news"], #section-list .type2 a[href^="http"] {font-size:inherit;color:inherit}
#section-list .type2 .thumb {overflow:hidden;float:left;position:relative;width:162px;height:108px;text-align:center}
#section-list .type2 .thumb::before {content:'';position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:none;border:1px solid rgba(0,0,0,.08)}
#section-list .type2 .thumb > 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 .view-cont {display:block}
#section-list .type2 .thumb + .view-cont {float:left;width:calc(100% - 162px);padding-left:1.25rem}
#section-list .type2 .titles {font-size:1.125rem;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;line-height:1.375;letter-spacing:-.025em;color:#1e1e1e}
#section-list .type2 .lead {margin:0 0 1rem;padding:0;font-size:.813rem;font-weight:400;font-weight:var(--wgt400, 400);color:#737475}
#section-list .type2 .byline {display:block;margin-top:1.125rem;font-size:0}
#section-list .type2 .byline > em {display:inline-block;margin-left:.625rem;padding-left:.625rem;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.125;color:#a7a7a7;border-left:1px solid rgba(0,0,0,.1);vertical-align:middle}
#section-list .type2 .byline .label-group {display:inline-block;margin:0 0 0 .625rem;vertical-align:middle}
#section-list .type2 .byline > :first-child {margin-left:0;padding-left:0;border-left:0}
#section-list .type2 .label-group > .label {padding:.25rem !important;font-size:.563rem !important;border-radius:0}
@media screen and (max-width: 39.9375em) {
    .row #section-list .type2 .thumb, .row #section-list .type2 .thumb + .view-cont {display:block;float:none;width:auto}
    .row #section-list .type2 .thumb {height:0;padding-bottom:56.25%;margin:0 auto .75rem}
    .row #section-list .type2 .thumb + .view-cont {padding-left:0}
    .row #section-list .type2 .label-group {display:block;margin:.75rem 0 0}
}

/* type for tail */
#section-list .type3 {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}
#section-list .type3 > li {display:block;width:22.75%;min-height:1px;margin-left:3%;margin-top:3%}
#section-list .type3 > li.noimage {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;padding:1.25rem;background:#f8f8fa;border:1px solid rgba(0,0,0,.08);text-align:center}
#section-list .type3 > :nth-child(4n + 1) {margin-left:0}
#section-list .type3 > :nth-child(-n + 4) {margin-top:0}
#section-list .type3 > li::after {content:normal}
#section-list .type3 a[href^="/news"], #section-list .type3 a[href^="http"] {font-size:inherit;color:inherit}
#section-list .type3 .category {display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.375}
#section-list .type3 .thumb {display:block;overflow:hidden;position:relative;height:0;padding-bottom:66.66667%;margin-bottom:.75rem;text-align:center}
#section-list .type3 .thumb::before {content:'';position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:none;border:1px solid rgba(0,0,0,.08)}
#section-list .type3 .thumb > 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 .type3 .titles {margin-bottom:.5rem;font-size:1rem;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;line-height:1.25;letter-spacing:-.025em;color:#1e1e1e}
#section-list .type3 .byline {display:block;font-size:0}
#section-list .type3 .byline > em {display:block;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.375;color:#a7a7a7}
#section-list .type3 > li.noimage .byline {margin-top:1rem}
#section-list .type3 .label-group {display:block;margin-top:1rem}
#section-list .type3 > li.noimage .label-group {text-align:center}
@media screen and (max-width: 63.9375em) {
    .row #section-list .type3 > :nth-child(n) {width:31%;margin-left:3.5%;margin-top:3.5%}
    .row #section-list .type3 > :nth-child(3n + 1) {margin-left:0}
    .row #section-list .type3 > :nth-child(-n + 3) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
    .row #section-list .type3 > :nth-child(n) {width:46%;margin-left:8%;margin-top:8%}    
    .row #section-list .type3 > :nth-child(2n + 1) {margin-left:0}
    .row #section-list .type3 > :nth-child(-n + 2) {margin-top:0}
}

/* pagination */
#sections .pagination {margin-top:1.875rem;text-align:center}

/* more */
.list-btn-more {margin:1.25rem 0;clear:both}

/**********************************************
note : 포토리스트
**********************************************/
/* 목록 */
.photo-article-list .list-block {padding:.9375rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,.12)}
.photo-article-list .list-block:hover {border-color:rgba(0,0,0,.35)}
.photo-article-list .list-block .list-image {display:table;width:100%;margin-bottom:1rem}
.photo-article-list .list-block .list-image .dis-table-cell {height:150px;text-align:center;vertical-align:middle}
.photo-article-list .list-block .list-image img {max-height:100%}
.photo-article-list .list-block .list-summary {margin-bottom:.7em;font-size:.8rem;line-height:1.25;color:rgba(0,0,0,.55)}
.photo-article-list .list-block .list-dated {font-size:.8rem;color:rgba(0,0,0,.65)}
.photo-article-list .list-block .button {margin-top:1rem;margin-bottom:0}

/**********************************************
note : 기사뷰페이지
**********************************************/
/* layout */
#article-view {display:block}
#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 .article-view-content {display:block}
#article-view .article-view-content.for-admin {transition:width .3s ease-in-out}

/* sticky header */
#sticky-header {position:fixed;z-index:1004;left:0;right:0;top:0;background-color:#fff;border-bottom:1px solid #ddd;text-align:center;-ms-transform:translateY(-100%);transform:translateY(-100%);transition:transform .3s ease-in-out}
#sticky-header.scroll {-ms-transform:translateY(0);transform:translateY(0)}
#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 > .logo img {max-height:100%}
#sticky-header .aht-wrapper > .titles {font-size:0;text-align:left}
#sticky-header .aht-title-view {display:block;overflow:hidden;font-size:1.063rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1.375;letter-spacing:-0.025em;text-overflow:ellipsis;white-space:nowrap}
#sticky-header .aht-wrapper > .options {width:180px;text-align:right}
#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.prev {left:0}
#sticky-header .aht-btn.next {right: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}
@media screen and (max-width: 63.9375em) {
    #sticky-header {display:none}
}

/* Breadcrumbs */
#article-view .breadcrumbs li {font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1}
#article-view .breadcrumbs li:not(:last-child)::after {content:"\e940";top:0;width:auto;margin:0 .5rem;font-family:"fontello";font-size:inherit;font-style:normal;line-height:1}
#article-view .breadcrumbs li a {color:#555}

/* heading */
#article-view .heading, #article-view .subheading {display:block;font-style:normal}
#article-view .heading {margin:1.375rem 0;font-size:2.5rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1.375;letter-spacing:-.05em}
#article-view .subheading {margin:0 0 1.875rem;padding-left:.75rem;font-size:1.25rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1.25;letter-spacing:-.025em;border-left:3px solid #aeaeae;word-break:normal;word-wrap:break-word}
#article-view .heading + .subheading {margin-bottom:1.25rem}
#article-view .wrapper.mobile .heading {font-size:1.875rem}
@media screen and (max-width: 39.9375em) {
    .row #article-view .heading {font-size:1.875rem}
    .row #article-view .subheading {font-size:1.125rem}
}

/* info group */
#article-view .info-group {display:block;font-size:0;text-align:left}
#article-view:not(.mobile) .info-group > .item {vertical-align:middle}
#article-view:not(.mobile) .info-group > :first-child:nth-last-child(2), #article-view:not(.mobile) .info-group > :first-child:nth-last-child(2) ~ .item {display:inline-block;width:50%}
#article-view:not(.mobile) .info-group > :last-child:nth-child(2) {text-align:right}
#article-view.mobile .info-group > :last-child:nth-child(2), #article-view .wrapper.mobile .info-group > :last-child:nth-child(2) {margin-top:1rem}
#article-view .wrapper.mobile .info-group > .item {display:block !important;width:auto !important}
@media screen and (max-width: 39.9375em) {
	.row #article-view:not(.mobile) .info-group > .item {display:block !important;width:auto !important;margin-bottom:.75rem}
	.row #article-view:not(.mobile) .info-group > :last-child {margin-bottom:0}
    .row #article-view .info-group {text-align:center}
}

/* infomation */
#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-weight:var(--wgt400, 400);font-style:normal;line-height:1.125;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 .infomation > :last-child:after {content:normal}
#article-view .infomation > li a {color:#707070}

/* header tools */
#article-view .quick-tool {font-size:0}
#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 > :last-child, #article-view .quick-tool > :nth-last-child(3)  {border-right-width:1px}
#article-view .quick-tool > :nth-last-child(2) {margin-left:.625rem}
#article-view .quick-tool > .tool:hover, #article-view .quick-tool > .tool:focus {background-color:rgba(0,0,0,.025);border-color:rgba(0,0,0,.5)}
#article-view .quick-tool > .tool:hover + .tool:not(:nth-last-child(2)), #article-view .quick-tool > .tool:focus + .tool:not(:nth-last-child(2)) {border-left-color:rgba(0,0,0,.5)}
#article-view .quick-tool .font-size {display:inline-block;margin:0 auto}
#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.down::before {background-image:url(/image/font-size-down.svg)}
#article-view .quick-tool .font-size.up::before {background-image:url(/image/font-size-up.svg)}

/* sns button */
.social-group {display:block;font-size:0;text-align:left}
.social-group .sns {display:inline-block;width:36px;height:36px;margin:0;font-size:1rem;line-height:1;color:#fff;background-color:#555;border:0;vertical-align:top;cursor:pointer}
.social-group .sns.facebook {background-color:#3a5795}
.social-group .sns.twitter {background-color:#0084b4}
.social-group .sns.google, .social-group .sns.google-plus {background-color:#db4a39}
.social-group .sns.kakao {background-color:#ffdc00}
.social-group .sns.kakaostory {background-color:#f9e000}
.social-group .sns.blog {background-color:#2db400}
.social-group .sns.post {background-color:#2db400}
.social-group .sns.pinterest {background-color:#cd1f28}
.social-group .sns.band {background-color:#03cf5d}
.social-group .sns.link {background-color:#13c0cb}
.social-group .sns.mail {background-color:#ff8522}
.social-group .sns.share {background-color:#47c29e}
.social-group .sns.bookmark {background-color:#e73f72}
.social-group .icon-band::before {content:'';display:inline-block;overflow:hidden;width:12px;height:16px;background:url(/image/naver-band.svg) 50% 50% no-repeat;background-size:12px 16px}
@media screen and (max-width: 39.9375em) {
	.row .social-group {margin-bottom:2.375rem;text-align:center}
}


/* sns more */
.social-group.for-other::after {content:'';display:table;clear:both}
.social-group.for-other .sns {float:left;width:calc(20% - 10px);height:auto;margin:5px;padding:1.125rem 0;font-size:1.375rem;text-align:center;cursor:pointer;transition:background-color .25s ease-in-out, color .25s ease-in-out}
.social-group.for-other .sns:hover {color:#fff;background-color:rgba(0,0,0,.5)}
.social-group.for-other > :nth-child(5n + 1) {clear:both}
.social-group.for-other > :nth-child(-n + 5) {margin-top:0}
@media screen and (max-width: 39.9375em) {
    .row #article-view .social-group {margin-bottom:2.375rem;text-align:center}
}


/* article view in banner */
#article-view .view-in-banner {float:right;max-width:300px;margin:0 0 1.25rem 1.375rem;clear:both}
#article-view .view-in-banner ~ .simplebox {clear:both}
@media screen and (max-width: 39.9375em) {
    .row #article-view .view-in-banner {float:none;margin-left:auto;margin-right:auto;text-align:center}
}

/* 기사본문 내용 */
.article-veiw-body {text-align:left}
.article-veiw-body.view-page {font-size:1.063rem}
.article-veiw-body.view-page.font-size15 {font-size:.9375rem}
.article-veiw-body.view-page.font-size16 {font-size:1rem}
.article-veiw-body.view-page.font-size17 {font-size:1.063rem}
.article-veiw-body.view-page.font-size18 {font-size:1.125rem}
.article-veiw-body.view-page.font-size19 {font-size:1.188rem}
.article-veiw-body.view-page.font-size20 {font-size:1.250rem}
.article-veiw-body.view-page p {margin:0 0 1em 0;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.8;color:#000;text-align:justify;word-break:normal;word-wrap:break-word}
.article-veiw-body.view-page div[style] + p,.article-veiw-body.view-page div[style] + div[style],.article-veiw-body.view-page figure + div[style],.article-veiw-body.view-page figure + p,.article-veiw-body.view-page figure + figure {margin-top:1.25em}
@media screen and (max-width: 63.9375em) {
    .row .article-veiw-body.view-page p {font-weight:400;font-weight:var(--wgt400, 400);text-align:left}
}
@media screen and (max-width: 39.9375em) {
    .row .article-veiw-body.view-page {font-size:1.188em}
    .row .article-veiw-body.view-page.font-size15 {font-size:1.063rem}
    .row .article-veiw-body.view-page.font-size16 {font-size:1.125rem}
    .row .article-veiw-body.view-page.font-size17 {font-size:1.188rem}
    .row .article-veiw-body.view-page.font-size18 {font-size:1.250rem}
    .row .article-veiw-body.view-page.font-size19 {font-size:1.313rem}
    .row .article-veiw-body.view-page.font-size20 {font-size:1.375rem}
}

/* 기사본문 내용 - 이미지설정(figure contents) */
.article-veiw-body.view-page div[style*="text-align:center"] {text-align:center !important}
.article-veiw-body.view-page div[style*="text-align:center"]::after {content:'';display:table;clear:both}
.article-veiw-body.view-page .photo-layout {margin-bottom:1rem;text-align:center}
.article-veiw-body.view-page .photo-layout.float-center {display:block !important;float:none !important}
.article-veiw-body.view-page .photo-layout.float-left {float:left !important;margin-right:1.5rem}
.article-veiw-body.view-page .photo-layout.float-right {float:right !important;margin-left:1.5rem}
.article-veiw-body.view-page .photo-layout figcaption, .article-veiw-body.view-page .simplebox-title {padding:0 .625rem;margin-top:.75rem;font-size:.8125rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.625;color:#777;text-align:left}
.article-veiw-body.view-page .photo-layout figcaption:empty, .article-veiw-body.view-page .simplebox-title:empty {padding-top:0;padding-bottom:0}
@media screen and (max-width: 39.9375em) {
    .row .article-veiw-body.view-page .photo-layout {display:block;float:none !important;margin-left:auto !important;margin-right:auto !important;width:auto !important;max-width:none !important}
    .row .article-veiw-body.view-page .photo-layout[class*="max-width-"] {max-width:inherit !important}
    .row .article-veiw-body.view-page .photo-layout figcaption, .row .article-veiw-body.view-page .simplebox-title {text-align:center}
    /* 관리자 */
    #admin-wrap .article-veiw-body.view-page .photo-layout {margin-left:-.9375rem !important;margin-right:-.9375rem !important}
    #admin-wrap .article-veiw-body.view-page .photo-layout figcaption {padding-left:.9375rem;padding-right:.9375rem}
    /* 사용자 */
    #user-wrap .row .article-veiw-body.view-page .photo-layout {margin-left:-1.25rem !important;margin-right:-1.25rem !important}
    #user-wrap .row .article-veiw-body.view-page .photo-layout figcaption {padding-left:1.25rem;padding-right:1.25rem}
}

/* 이미지 확대 */
.article-veiw-body.view-page .photo-layout.bigsize {position:relative;cursor:pointer}
.article-veiw-body.view-page .photo-layout.bigsize::before {content:'';position:absolute;right:.625rem;top:.625rem;z-index:99;width:35px;height:35px;background:url('/image/image-zoom.svg') 0 0 no-repeat;cursor:pointer}
.article-veiw-body.view-page .photo-layout.bigsize::after {content:'클릭하면 확대이미지를 볼 수 있습니다.';position:absolute;z-index:2;padding:.5rem .625rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:#fff;background-color:rgba(0,0,0,.75);visibility:hidden;border-radius:.2rem;left:50%;top:50%;-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}
.article-veiw-body.view-page .photo-layout.bigsize:hover::after {visibility:visible}
@media screen and (max-width: 63.9375em) {
    .row .article-veiw-body.view-page .photo-layout.bigsize::before {right:.5rem;top:.5rem}
    .row .article-veiw-body.view-page .photo-layout.bigsize::after {display:none}
}

/* 외부기사 본문(미디어N,피디언등) */
.outside-article {text-align:left;line-height:1.8}
.outside-article img {display:inline-block !important;width:auto !important}
.outside-article table {width:initial !important;border-collapse:collapse !important;border:0 !important}
.outside-article table[align="center"] {max-width:100% !important;margin:0 auto 1rem !important;padding:0 !important}
.outside-article table[align="left"] {float:left !important;margin-right:20px !important}
.outside-article table[align="right"] {float:right !important;margin-left:20px !important}
@media screen and (max-width: 39.9375em) {
    .outside-article table[align] {max-width:100% !important;margin:0 auto 1rem !important}
}
.outside-article table tbody {border:0;padding:0 !important;margin:0 !important}
.outside-article table tr {padding:0 !important;margin:0 !important;background:transparent !important}
.outside-article table td {padding:0;margin:0}
.outside-article table td[width] {width:0px !important}
.outside-article table td[padding-left],.outside-article table td[colspan] {padding:.625rem 0 !important;font-size:.8rem !important;color:rgba(0,0,0,.55) !important;background:transparent !important}
.outside-article table font[color] {color:rgba(0,0,0,.55) !important}
.outside-article .ndmedian-relation-origin {float:none !important;margin:1rem auto !important;padding:0 !important;font-size:1rem !important;line-height:1 !important;background:transparent !important;border:none !important}
.outside-article .ndmedian-relation-origin a[style] {display:block !important;padding:.9375rem !important;font-family:inherit !important;font-size:1rem !important;line-height:1 !important;color:#fff !important;letter-spacing:-.025em !important;background:#727d92 !important;border:1px solid rgba(0,0,0,.08) !important;transition:background .25s}
.outside-article .ndmedian-relation-origin a[style]:hover,.outside-article .ndmedian-relation-origin a[style]:active,.outside-article .ndmedian-relation-origin a[style]:focus {background:#e7316e !important}
@media screen and (max-width: 39.9375em) {
    .outside-article .ndmedian-relation-origin a[href] {padding:.625rem !important}
}
.outside-article .ndmedian-relation-news td[height="10"] {font-size:1px !important}
.outside-article .ndmedian-relation-news td div[style] {position:relative;margin-bottom:.25rem;padding-left:.8rem;line-height:1}
.outside-article .ndmedian-relation-news td span[style] {display:none}
.outside-article .ndmedian-relation-news td a[style] {font-size:.9rem !important;font-weight:400;font-weight:var(--wgt400, 400) !important;opacity:.8;filter:alpha(opacity=80)}
.outside-article .ndmedian-relation-news td a[style]::before {content:'';position:absolute;width:4px;height:4px;background:rgba(0,0,0,.5);left:0;top:9px;border-radius:50%}
.outside-article .ndmedian-relation-news td a[style]:hover,.outside-article .ndmedian-relation-news td a[style]:active,.outside-article .ndmedian-relation-news td a[style]:focus {text-decoration:underline !important;opacity:1;filter:alpha(opacity=100)}
.outside-article .ndmedian-relation-news td.view_r {height:initial !important;padding:0 0 1rem !important;margin:0 !important;letter-spacing:-.025em}
.outside-article .ndmedian-relation-news td.view_r a[style] {font-weight:500 !important;font-weight:var(--wgt500, 500) !important}
.outside-article .ndmedian-relation-news td.view_r a[style]::before {display:none}


/* 카드뉴스 */
#article-view-content-div.card-news .photo-layout,
#admin-content.card-news .photo-layout {display:none !important}
.article-cardnews {position:relative;margin-bottom:2rem;text-align:center}
.article-cardnews::after {content:'';display:table;clear:both}
.article-cardnews img {display:block;margin-left:auto;margin-right:auto}
.article-cardnews .cardnews-btns {position:absolute;z-index:999;width:50%;top:0;bottom:0;cursor:pointer}
.article-cardnews .cardnews-btns.prev-btn {left:0}
.article-cardnews .cardnews-btns.next-btn {right:0}
.article-cardnews .cardnews-btns .inner-btn {position:absolute;z-index:1;padding:1.6rem 1.25rem;font-size:3rem;color:rgba(255,255,255,.3);background-color:rgba(0,0,0,.3);top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);transition:all .25s}
.article-cardnews .cardnews-btns.prev-btn .inner-btn {left:0}
.article-cardnews .cardnews-btns.next-btn .inner-btn {right:0}
.article-cardnews .cardnews-btns:hover .inner-btn {color:#fff;background-color:rgba(0,0,0,.8)}
@media screen and (max-width: 63.9375em) {
    .row .article-cardnews .cardnews-btns {width:auto}
    .row .article-cardnews .cardnews-btns .inner-btn {position:static;z-index:inherit;-ms-transform:translateY(0);transform:translateY(0)}
}
@media screen and (max-width: 39.9375em) {
    .row .article-cardnews {margin-left:-1.25rem;margin-right:-1.25rem}
    #admin-wrap .row .article-cardnews {margin-left:auto;margin-right:auto}
    .row .article-cardnews .cardnews-btns .inner-btn {font-size:2.3rem}
}

/* 기사본문 - 동영상 */
.article-veiw-body .simplebox {margin-bottom:1rem}
.article-veiw-body .simplebox::after {content:'';display:table;clear:both}
.article-veiw-body .simplebox .simplebox-content[data-type="video"] {position:relative;overflow:hidden;height:0;padding-bottom:56.25%}
.article-veiw-body .simplebox .simplebox-content[data-type="video"] object, .article-veiw-body .simplebox .simplebox-content[data-type="video"] iframe, .article-veiw-body .simplebox .simplebox-content[data-type="video"] embed, .article-veiw-body .simplebox .simplebox-content[data-type="video"] video {position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}
.article-veiw-body .simplebox .button {margin:0}
@media screen and (max-width: 39.9375em) {
    .row .article-veiw-body .simplebox {margin-left:-1.25rem;margin-right:-1.25rem}
    #admin-wrap .row .article-veiw-body .simplebox {margin-left:-.9375rem;margin-right:-.9375rem}
}

/* 기사본문 - 작성자 */
.article-veiw-body .view-editors {margin:1.5rem 0 1rem}
.article-veiw-body .view-editors::after {content:'';display:table;clear:both}
.article-veiw-body .view-editors .profile-images {overflow:hidden;float:left;position:relative;width:45px;height:45px;margin-right:.625rem;border-radius:50%}
.article-veiw-body .view-editors .profile-images::before {content:'';position:absolute;z-index:1;border-radius:50%;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,.1)}
.article-veiw-body .view-editors .names {display:block;overflow:hidden;min-width:95px;line-height:1.25}
.article-veiw-body .view-editors .articles {display:inline-block;overflow:hidden;position:relative;padding-right:.8rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.25;color:#818181;text-overflow:ellipsis;white-space:nowrap}
.article-veiw-body .view-editors .articles::after {content:'';position:absolute;z-index:1;right:0;top:50%;border-width:3px;border-style:solid;border-color:transparent transparent transparent #c00;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.article-veiw-body .view-editors .articles:hover, .article-veiw-body .view-editors .articles:active {color:rgba(0,0,0,.75)}
@media screen and (max-width: 63.9375em) {
    .row .article-veiw-body .view-editors .names {line-height:1}
}
@media screen and (max-width: 39.9375em) {
    .row .article-veiw-body .view-editors .float-right {float:none !important;margin-left:auto;margin-right:auto}
}

/* 관련기사 목록 - 상단 */
#relation-search {display:none}
.article-relation-list::after {content:'';display:table;clear:both}
.article-relation-list .relation-list-title {display:block;padding-bottom:1.25rem;font-size:0;border-bottom:1px solid rgba(0,0,0,.15);text-align:left}
.article-relation-list .relation-list-title > strong, .article-relation-list .relation-list-title > small {display:inline-block;vertical-align:baseline}
.article-relation-list .relation-list-title strong {font-size:1.25rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1.375;letter-spacing:-.05em;color:rgba(0,0,0,.95)}
.article-relation-list .relation-list-title small {margin-left:.5rem;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.125;color:rgba(0,0,0,.45)}
.article-relation-list .relation-list-title.for-admin > .item {display:inline-block;vertical-align:bottom}
.article-relation-list .relation-list-title.for-admin > .item:first-child:nth-last-child(2), .article-relation-list .relation-list-title.for-admin > .item:first-child:nth-last-child(2) ~ .item {width:50%}
.article-relation-list .relation-list-title.for-admin > .item:last-child:nth-child(2) {text-align:right}
.article-relation-list .relation-list-title.for-admin .button {margin-bottom:0}

/* 관련기사 목록 - 리스트 */
.relation-list-content .lists {display:block;padding:0;margin:0;list-style:none}
.relation-list-content .lists > li {padding:.875rem 1rem;border-bottom:1px dotted rgba(0,0,0,.15);font-size:0;text-align:left}
.relation-list-content .lists > li:hover {background-color:#faf8f8}
.relation-list-content .lists > li > * {display:inline-block;vertical-align:middle}
.relation-list-content .lists > li > :last-child {margin-right:0}
.relation-list-content .lists > li > .nd-checkbox {width:30px;margin-bottom:0}
.relation-list-content .lists > li > .nd-checkbox .nd-checked::before {margin-right:0}
.relation-list-content .lists > li > .subject {width:calc(100% - 132px);margin:0;font-size:inherit}
.relation-list-content .lists .list-links, .relation-list-content .lists .info-group {display:block}
.relation-list-content .lists .list-links {font-size:1rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1.375;letter-spacing:-.0125em}
.relation-list-content .lists .info-group {margin-top:.5rem;font-size:inherit}
.relation-list-content .lists .info-group > em {font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1;color:rgba(0,0,0,.45)}
.relation-list-content .lists .info-group > em.bolder {font-weight:500;font-weight:var(--wgt500, 500)}
.relation-list-content .lists .info-group > em::before {content:'';display:inline-block;overflow:hidden;width:0;height:.625rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.12);vertical-align:baseline}
.relation-list-content .lists .info-group > :first-child::before {content:normal}
.relation-list-content .lists .list-labels {width:102px;text-align:right}
.relation-list-content .lists .list-labels > .label {padding-left:.25rem;padding-right:.25rem;font-size:.563rem !important;border-radius:0}
@media screen and (max-width: 39.9375em) {
	.relation-list-content .lists > li {padding-left:0;padding-right:0}
	.relation-list-content .lists > li:hover {background:none}
	.relation-list-content .lists > li > .subject {width:calc(100% - 30px)}
	.relation-list-content .lists .list-labels {display:block;width:auto;padding-left:30px;margin-top:1rem;text-align:left}
}

/* 인기기사 */
.article-popular {padding:.9375rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,.15)}
.article-popular::after {content:'';display:table;clear:both}
.article-popular .article-popular-photo {position:relative;width:270px}
.article-popular .article-popular-photo .photo-titbg {position:absolute;left:0;right:0;bottom:0;padding:10px;background-color:rgba(0,0,0,.7)}
.article-popular .article-popular-photo .photo-titbg a {color:#fff}
@media screen and (max-width:39.9375em) {
    .row .article-popular .article-popular-list,
    .row .article-popular .article-popular-photo {float:none;width:100%;margin-top:15px}
}

/* article relation */
#article-view .relation {display:block;margin:3.125rem 0;clear:both}
#article-view .relation .titles {margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;font-weight:var(--wgt700, 700);font-style:normal;line-height:1.125;letter-spacing:-.0125em}
#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:-.0125em}
#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%)}

/* tag */
#article-view .tag-group {display:block;margin:3.125rem 0;font-size:0}
#article-view .tag-group .tag {display:inline-block;padding:0 .625rem;margin-right:5px;font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:32px;color:#555;background-color:#eee;border-radius:2rem;white-space:nowrap;vertical-align:middle}
#article-view .tag-group .tag:hover {color:rgba(0,0,0,.95)}
#article-view .tag-group > :last-child {margin-right:0}

/* writer */
#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 .writer > .item {display:inline-block;width:50%;vertical-align:middle}
#article-view .writer > .item.profile:not(:empty) {display:block;width:auto;padding:.625rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;line-height:1.625;color:rgba(0,0,0,.5)}
#article-view .account {display:block;font-size:0;white-space:nowrap;text-align:left}
#article-view .account > * {display:inline-block;margin-right:.75rem;vertical-align:middle}
#article-view .account > :last-child {margin-right:0}
#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;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;line-height:1.375;letter-spacing:-.0125em;color:#1e1e1e;white-space:nowrap}
#article-view .account > .email {font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;line-height:1.125;color:#707070;white-space:nowrap}
#article-view .mobile .account > .email {display:none}
#article-view .article-more {display:inline-block;position:relative;font-size:.813rem;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;line-height:1.375;letter-spacing:-.0125em;color:rgba(0,0,0,.65);background-image:linear-gradient(transparent 0%, transparent calc(50% - 8px), rgba(0, 174, 239, .25) calc(50% - 8px), rgba(0, 174, 239, .25) 100%);background-position:0 0;background-size:100% 200%;transition:background-position 120ms ease-in-out, color 120ms ease-in-out;text-decoration:none}
#article-view .article-more:hover {color:#fff;background-image:linear-gradient(transparent 0%, transparent calc(50% - 8px), rgba(0, 174, 239, .6) calc(50% - 8px), rgba(0, 174, 239, .6) 100%);background-position:0 100%}
@media screen and (max-width: 39.9375em) {
	.row #article-view .account > .email {display:none}
}

/* 기사본문 - 작성자 */
#article-view .view-editors {margin:1.5rem 0 1rem;width:100%}
#article-view .view-editors::after {content:'';display:table;clear:both}
#article-view .view-editors .profile-images {overflow:hidden;float:left;position:relative;width:45px;height:45px;margin-right:.625rem;border-radius:50%}
#article-view .view-editors .profile-images::before {content:'';position:absolute;z-index:1;border-radius:50%;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,.1)}
#article-view .view-editors .names {display:block;overflow:hidden;min-width:95px;font-size:1rem;line-height:1.625}
#article-view .view-editors .articles {display:inline-block;overflow:hidden;position:relative;padding-right:.8rem;font-size:.75rem;line-height:1.25;color:#818181;text-overflow:ellipsis;white-space:nowrap}
#article-view .view-editors .articles::after {content:'';position:absolute;z-index:1;right:0;top:50%;border-width:3px;border-style:solid;border-color:transparent transparent transparent #c00;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#article-view .view-editors .articles:hover, #article-view .view-editors .articles:active {color:rgba(0,0,0,.75)}
@media screen and (max-width: 63.9375em) {
	.row #article-view .view-editors .names {line-height:1}
}
@media screen and (max-width: 39.9375em) {
	.row #article-view .view-editors .float-right {float:none !important;margin-left:auto;margin-right:auto}
}


/* article copyright */
#article-view .article-copy {display:block;margin-bottom:3.125rem;padding:1.5rem 0;font-size:.813rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.25;color:#707070;border-top:1px solid rgba(0,0,0,.7);text-align:right}

/* 상단옵션 - 번역 */
.article-lang::after {content:'';display:table;clear:both}
.article-lang .lang-btns {float:left;width:calc(20% - 10px);margin:0 5px;padding:.625rem 0;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);text-align:center;color:rgba(0,0,0,.4);cursor:pointer;transition:all .15s ease}
.article-lang .lang-btns:hover {color:#fff;background-color:rgba(0,0,0,.5)}
.article-lang .lang-btns:nth-child(5n + 1) {clear:both}
.article-lang .lang-btns::before {content:'';display:block;width:50px;height:33px;margin-left:auto;margin-right:auto;margin-bottom:.5rem;background:url(/image/lang-mark.png) no-repeat;background-size:50px auto}
.article-lang .lang-btns.ko::before {background-position:0 0}
.article-lang .lang-btns.en::before {background-position:0 -40px}
.article-lang .lang-btns.jp::before {background-position:0 -80px}
.article-lang .lang-btns.cn::before {background-position:0 -120px}
.article-lang .lang-btns.fr::before {background-position:0 -160px}
.article-lang .lang-btns.es::before {background-position:0 -200px}
.article-lang .lang-btns.ru::before {background-position:0 -240px}
.article-lang .lang-btns.id::before {background-position:0 -280px}

/* 구글 번역 버튼 및 요소 때문에 추가 */
#google_translate_element,.goog-te-banner-frame {display:none !important}

/* 최상단sns */
#article-view.default-old #sticky-header .aht-wrapper > .options .social-group .sns {background-color:#fff;color:rgba(0,0,0,.8);font-size:1.563rem;width: auto;
    height: auto}

/* sns button */
.default-old .social-group {display:inline-block;float:left}
.default-old .social-group .sns {display:inline-block;width:33px;height:33px;border-radius:50%;margin-left:.313rem}

/* 하단 sns */
#article-view.default-old .article-view-sns {text-align:center;padding-bottom:4rem;margin-bottom:4rem;border-bottom:1px solid rgba(0,0,0,.12)}
#article-view.default-old .article-view-sns .social-group {float:none}
#article-view.default-old .article-view-sns .social-group .sns {width:50px;height:50px;font-size:1.5rem}

/* tag-skin */
#article-view.default-old .tag-group {margin:0}
#article-view.default-old .tag-group .tag.Tags {background:#444;color:#fff}
#article-view.default-old .tag-group .tag {font-size:.778rem;border-radius:0}

/* writer */
#article-view.default-old .writer {border-top:0;margin-bottom:2rem}

/* article copyright */
#article-view.default-old .sticky-article .article-copy {margin-bottom:4rem;font-size:.813rem;text-align:left;border-top:0;padding:0}


/**********************************************
note : 기사댓글
**********************************************/
/* layout */
.article-reply::after,.article-reply .reply-container::after {content:'';display:table;clear:both}

/* header */
.article-reply .reply-header {display:block;font-size:0;border-bottom:1px solid rgba(0,0,0,.75);text-align:left}
.article-reply .reply-header::after {content:'';display:table;clear:both}
.article-reply .reply-header .titles {display:inline-block;font-size:1.25rem;line-height:1.125;vertical-align:middle}
.article-reply .reply-header .titles > strong, .article-reply .reply-header .titles > small {display:inline-block;vertical-align:middle}
.article-reply .reply-header .titles > strong {font-weight:700;font-weight:var(--wgt700, 700);letter-spacing:-.025em}
.article-reply .reply-header .titles > small {margin-left:.25rem;font-size:.9em}
.article-reply .reply-header .toggle-btn {display:none;float:right;width:42px;height:42px;font-size:1.25rem;line-height:1;color:rgba(0,0,0,.6);cursor:pointer}

/* 기사댓글폼 */
.reply-comment {margin-bottom:2rem}
.reply-comment .cmt-header {padding:.625rem 0;font-size:0}
.reply-comment .cmt-header > * {display:inline-block;width:50%;vertical-align:middle}
.reply-comment .cmt-header > :first-child:last-child {display:block;width:auto}
.reply-comment .cmt-header .logbox-btn {height:42px;cursor:pointer;text-align:left}
.reply-comment .cmt-header .logbox-btn > i[class^="icon-"], .reply-comment .cmt-header .logbox-btn > .text {display:inline-block;vertical-align:middle}
.reply-comment .cmt-header .logbox-btn > i[class^="icon-"] {overflow:hidden;width:26px;height:26px;font-size:1rem;line-height:26px;color:#fff;background-color:#999;border-radius:50%;text-align:center}
.reply-comment .cmt-header .logbox-btn > .text {margin-left:.375rem;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.125;color:#a0a0a0}
.reply-comment .cmt-header .login-member {font-size:.9375rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:42px;letter-spacing:-.0125em;color:rgba(0,0,0,.75);text-align:left}
.reply-comment .cmt-header .reply-name {font-size:0;text-align:right;white-space:nowrap}
.reply-comment .cmt-header .reply-name > .item {display:inline-block;width:120px;margin-right:5px;vertical-align:middle}
.reply-comment .cmt-header .reply-name > :last-child {margin-right:0}
.reply-comment .cmt-header .reply-name input[type="text"], .reply-comment .cmt-header .reply-name input[type="password"] {margin-bottom:0;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300)}
@media screen and (max-width:39.9375em) {
    .row .reply-comment .cmt-header > * {display:block;width:auto}    
}

/* 댓글입력 */
.reply-comment .cmt-container {border:1px solid rgba(0,0,0,.1)}
.reply-comment .cmt-container textarea {overflow:hidden;min-height:95px;margin:0;padding:1.125rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;letter-spacing:-.0125em;border:0 !important;border-radius:0;transition:background-color .25s ease-in-out}
.reply-comment .cmt-container textarea:focus {background-color:#fafbfc}
.reply-comment .cmt-container textarea[readonly] {background-color:rgba(0,0,0,.025);cursor:pointer}

/* 등록버튼 */
.reply-comment .cmt-footer {border-top:1px solid rgba(0,0,0,.05)}
.reply-comment .cmt-footer::after {content:'';display:table;clear:both}
.reply-comment .cmt-footer .reply-textnum {float:left;padding:0 1.125rem;font-size:.688rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:40px;color:rgba(0,0,0,.5)}
.reply-comment .cmt-footer .reply-textnum > strong {color:#000}
.reply-comment .cmt-footer .button {float:right;margin-bottom:-1px;margin-right:-1px}

/* 댓글 로그인 */
.reply-login .reply-btngroup .button {text-align:center}
.reply-login .reply-btngroup i[class^="icon-"] {display:block;overflow:hidden;width:60px;height:60px;margin:0 auto .75rem;font-size:2.375rem;line-height:60px;color:rgba(0,0,0,.75);background-color:#f7f7f7;border-radius:50%}
.reply-login .reply-btngroup .button.on {color:#fff !important;background-color:rgba(0,0,0,.75);border-color:transparent !important}
.reply-login .reply-btngroup .button.on i[class^="icon-"] {background-color:#fff}

/* 기사댓글리스트 */
.reply-list .header {margin-bottom:1.125rem;font-size:0}
.reply-list .header > * {display:inline-block;margin-right:.625rem;vertical-align:middle}
.reply-list .header > :last-child {margin-right:0}
.reply-list .header > a[href] {margin-right:.75rem;font-size:.9375rem;line-height:1.125;letter-spacing:-.0125em;color:rgba(0,0,0,.65);cursor:pointer}
.reply-list .header > a[href] > [class^="icon-"] {display:none}
.reply-list .header > a[href].active {font-weight:500;font-weight:var(--wgt500, 500);color:rgba(0,0,0,.9)}
.reply-list .header > a[href].active > [class^="icon-"] {display:inline-block}
.reply-list .header .help-text {margin:0;font-size:.688rem;font-weight:400;font-weight:var(--wgt400, 400);color:rgba(0,0,0,.3)}
@media screen and (max-width:39.9375em) {
    .row .reply-list .header > a[href] {font-size:1rem}
    .row .reply-list .header .help-text {display:block;margin-top:.375rem}
}

/* 기사댓글리스트 상단 */
.reply-list .container .list-comments {padding:1.375rem 0;border-top:1px solid rgba(0,0,0,.08)}
.reply-list .container .list-comments.reply-notice {padding-left:1.375rem;padding-right:1.375rem;font-size:0;background-color:#f8f8fa}
.reply-list .container .list-comments.reply-notice::before {content:'notice';display:inline-block;overflow:hidden;max-width:100%;padding:0 .375rem;font-size:.625rem;line-height:18px;color:#fff;background-color:#f39a11;border-radius:.125rem;text-transform:uppercase}
.reply-list .container .list-comments::after {content:'';display:table;clear:both}
.reply-list .container .list-comments .comments-header {padding:.625rem 0;line-height:1}
.reply-list .container .list-comments .comments-header::after {content:'';display:table;clear:both}
.reply-list .container .list-comments .comments-user {float:left;padding-top:.3rem;line-height:1.125}
.reply-list .container .list-comments .comments-user strong {margin-right:.25rem;font-size:.875rem;color:#1e1e1e}
.reply-list .container .list-comments .comments-user small {font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);color:#999}
.reply-list .container .list-comments .comments-more {float:right;position:relative}
.reply-list .container .list-comments .comments-more .comments-more-btn {width:30px;height:30px;font-size:.9rem;color:#ccc;cursor:pointer}
.reply-list .container .list-comments .comments-more .comments-more-option {display:none;position:absolute;z-index:2;right:0;top:100%;width:105px;padding:0 .625rem;margin:0;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.125rem;list-style:none}
.reply-list .container .list-comments .comments-more .comments-more-option::before,.reply-list .container .list-comments .comments-more .comments-more-option::after {content:'';position:absolute;bottom:100%;border-style:solid;border-color:transparent}
.reply-list .container .list-comments .comments-more .comments-more-option::before {z-index:1;border-width:5px;right:9px;border-bottom-color:rgba(0,0,0,.2)}
.reply-list .container .list-comments .comments-more .comments-more-option::after {z-index:2;border-width:4px;right:10px;border-bottom-color:#fff}
.reply-list .container .list-comments .comments-more .comments-more-option li {display:block;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;text-align:center}
.reply-list .container .list-comments .comments-more .comments-more-option li a {display:block;padding:.625rem 0;color:#555;border-top:1px dotted rgba(0,0,0,.12)}
.reply-list .container .list-comments .comments-more .comments-more-option li:first-child a {border-top:none}
@media screen and (max-width:39.9375em) {
    .row .reply-list .container .list-comments .comments-user strong {font-size:1rem}
    .row .reply-list .container .list-comments .comments-user small {font-size:.813rem}
}

/* 공지선택 */
.reply-list .re-op-notice {padding:.625rem 0;text-align:center}
.reply-list .re-op-notice > input[type='checkbox'] {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}
.reply-list .re-op-notice > input[type='checkbox'] + label {display:block;margin:0;font-size:0;color:#555}
.reply-list .re-op-notice > input[type='checkbox'] + label > * {display:inline-block;line-height:1;vertical-align:middle}
.reply-list .re-op-notice > input[type='checkbox'] + label > [class^="icon-"] {position:relative;width:12px;height:12px;margin-right:.375rem;font-size:1rem;border:1px solid rgba(0,0,0,.15)}
.reply-list .re-op-notice > input[type='checkbox'] + label > [class^="icon-"]::before {content:'';position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.reply-list .re-op-notice > input[type='checkbox'] + label > .text {font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal}
.reply-list .re-op-notice > input[type='checkbox']:checked + label {color:#000}
.reply-list .re-op-notice > input[type='checkbox']:checked + label > [class^="icon-"]::before {content:'\e929'}

/* 기사댓글리스트 내용 */
.reply-list .container .comments-content {margin-bottom:1.25rem;font-size:.8rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#333}
.reply-list .container .comments-content::after, .reply-list .container .comments-footer::after {content:'';display:table;clear:both}
.reply-list .container .comments-footer .comments-reply {float:left;padding:0 .625rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:30px;color:#555;background-color:#fff;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:border-color .25s}
.reply-list .container .comments-footer .comments-reply:hover {border-color:rgba(0,0,0,.5)}
.reply-list .container .comments-footer .comments-vote {float:right}
.reply-list .container .comments-footer .comments-vote .vote-btn {margin-right:.25rem;font-size:.8rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:#555;cursor:pointer}
.reply-list .container .comments-footer .comments-vote .vote-btn:last-child {margin-right:0}
@media screen and (max-width:39.9375em) {
    .row .reply-list .container .comments-content {font-size:1rem;line-height:1.55}
}

/* 대댓글 */
.reply-list .sub-reply-wrap {display:none;margin-top:-1.438rem;margin-bottom:1rem;padding:.9375rem;background-color:#f9f9f9;border-top:1px solid rgba(0,0,0,.05)}
.reply-list .sub-reply-wrap .cmt-header {padding:0;margin-bottom:1.125rem}
.reply-list .sub-reply-wrap .logbox-btn {height:auto}
.reply-list .sub-reply-wrap .login-member {line-height:1.125}
.reply-list .sub-reply-wrap .reply-container,.reply-list .sub-reply-wrap .list-comments {position:relative;padding-left:1.5rem}
.reply-list .sub-reply-wrap .list-comments {border-bottom-color:rgba(0,0,0,.05)}
.reply-list .sub-reply-wrap .reply-container::before,.reply-list .sub-reply-wrap .list-comments::before {content:'';position:absolute;width:8px;height:8px;border-left:2px solid rgba(0,0,0,.25);border-bottom:2px solid rgba(0,0,0,.25);left:0;top:0}
.reply-list .sub-reply-wrap .reply-container .reply-comment {margin-bottom:1rem}
.reply-list .sub-reply-wrap .list-comments::before {top:1.125rem}

/* 댓글하단 */
.article-reply .reply-footer {margin-top:1.25rem}

/* aside */
.user-aside {display:table-cell;width:320px;padding-left:20px;vertical-align:top}
@media screen and (max-width: 39.9375em) {
    .row .user-aside {display:block;float:none;width:auto;margin-left:auto;margin-right:auto;padding-left:0rem}
    .row .user-aside::after {content:'';display:table;clear:both}
}

/**********************************************
note : tag
**********************************************/
.tag-group {margin:2rem 0;clear:both}
.tag-group::after {content:'';display:table;clear:both}
.tag-group .tag-group-title {position:relative;float:left;padding:.3rem .625rem;margin-right:.75rem;font-size:.9rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1;color:#fff;background:#145599;border-radius:.15rem}
.tag-group .tag-group-title::before {content:'';position:absolute;z-index:1;border-width:4px;border-style:solid;border-color:transparent transparent transparent #145599;left:100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.tag-group .tag-button {float:left;margin-right:1px;padding:.3rem;font-size:.9rem;line-height:1;color:#145599}
.tag-group .tag-button:hover {background:#f8f8f9}

/**********************************************
note : 날개배너
**********************************************/
.view-aside {position:absolute;z-index:90;width:auto;height:auto;top:0}
.view-aside::after {content:'';display:table;clear:both}
.view-aside img {max-width:inherit !important}
.view-aside.left-wing {right:calc(100% + 15px)}
.view-aside.right-wing {left:calc(100% + 15px)}

/**********************************************
note : user page header
**********************************************/
.user-page-header {display:block;margin-bottom:1.25rem;font-size:0;text-align:left}
.user-page-header::after {content:'';display:table;clear:both}
.user-page-titles, .user-page-summary {display:inline-block;font-style:normal;vertical-align:middle}
.user-page-titles {margin-bottom:0;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1.25;letter-spacing:-.025em;color:#1e1e1e;white-space:nowrap}
.user-page-summary {padding:0 0 0 1.375rem;margin:0 0 0 1.375rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#808080;border-left:1px solid rgba(0,0,0,.12)}
@media screen and (max-width: 39.9375em) {
    .row .user-page-titles, .row .user-page-summary {display:block}
    .row .user-page-titles {padding-right:0;margin-right:0;margin-bottom:.625rem;font-size:1.125rem;border-right:0}
}

/**********************************************
note : 페이징(목록) pagination
**********************************************/
.pagination li {margin-right:.25rem;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1;vertical-align:middle}
.pagination > :last-child {margin-right:0}
.pagination a, .pagination button, .pagination .current, .pagination .pagination-item {padding:.438rem .625rem;line-height:1;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:3px;text-align:center}
.pagination a, .pagination button {font-size:inherit;color:#838383;transition:background-color .3s ease-in-out}
.pagination a:hover, .pagination button:hover {background-color:#f8f8fa}
.pagination .current {color:#fff;background-color:#747a8c;border-color:transparent}
.pagination .pagination-item {cursor:pointer}
.pagination-previous a::before, .pagination-previous.disabled::before,
.pagination-next a::after, .pagination-next.disabled::after {content:normal}
@media screen and (min-width: 40em) {
	.pagination-oneprev, .pagination-onenext {display:none !important}
}
@media screen and (max-width: 39.9375em) {
	.pagination li {display:none}
	.pagination-oneprev, .pagination-onenext {display:inline-block !important}
}

/* group */
.pagin-group {display:block;font-size:0;text-align:left}
.pagin-group.text-center {text-align:center}
.pagin-group .items {display:block}
.pagin-group .pagination, .pagin-group .button-group, .pagin-group .items > .button {margin-bottom:0}
@media screen and (min-width: 40em) {
    .pagin-group .items:first-child:nth-last-child(2), .pagin-group .items:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .items {display:inline-block;width:50%;vertical-align:middle}
    .pagin-group .items:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .items, .pagin-group .button-only {text-align:right}
    .pagin-group .items:not(.button-only):first-child:last-child {text-align:center}
}
@media screen and (max-width: 39.9375em) {
    .pagin-group .pagination {margin-bottom:1rem;text-align:center}
}

/**********************************************
note : 기사검색
**********************************************/
.search-detail .search-tab::after {content:'';display:table;clear:both}

/* tabs */
.search-detail .search-tab .tabs {border:none}
.search-detail .search-tab .tabs .tabs-title a {font-size:1rem;padding-top:.9375rem;padding-bottom:.9375rem;color:#727d92;line-height:1;border:1px solid rgba(0,0,0,.08);text-decoration:none}
.search-detail .search-tab .tabs .tabs-title:first-child a {border-right:none}
.search-detail .search-tab .tabs .tabs-title.is-active a {font-weight:500;font-weight:var(--wgt500, 500);color:#fff;background-color:#727d92}

/* tabs content */
.search-detail .search-tab .tabs-content {border:none}
.search-detail .search-tab .tabs-content .tabs-panel {padding-left:0;padding-right:0}

/* date search */
.search-detail .search-dated .columns {padding-left:0;padding-right:0}
.search-detail .search-dated .dated-column {float:left;width:32.5%;margin-left:1px}
.search-detail .search-dated .dated-column:first-child {margin-left:0}

/**********************************************
note : 게시판스킨
**********************************************/
/* titles */
.bbs-user-page {display:block;margin-bottom:1.375rem;font-size:0;text-align:center}
.bbs-user-page .titles, .bbs-user-page .summary {display:block}
.bbs-user-page .titles {margin:0;font-size:2.5rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1.125;letter-spacing:-.025em;color:#1e1e1e}
.bbs-user-page .summary {padding:0;margin:.75rem 0 0;font-size:1rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;line-height:1.375;letter-spacing:-.0125em;color:#555}
.bbs-user-page.for-view {text-align:left}
.bbs-user-page.for-view .summary {display:none !important}

/* navigation(category) */
.bbs-navs {display:block;padding:.625rem 0;font-size:0;border-top:1px solid rgba(0,0,0,.35);text-align:center}
.bbs-navs .item {display:inline-block;padding:0 1.125rem;font-size:.9375rem;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;line-height:42px;color:#1e1e1e}
.bbs-navs .item.user-point {text-decoration:underline}
@media screen and (max-width: 39.9375em) {
    .row .bbs-navs .item {width:50%;white-space:nowrap}    
}

/* list */
.bbs-skin::after {content:'';display:table;clear:both}
.bbs-skin table {border-collapse:collapse}
.bbs-skin table thead,.bbs-skin table tbody {border-left:none;border-right:none}
.bbs-skin table tbody th,.bbs-skin table tbody td {font-size:.8125rem;font-weight:400;font-weight:var(--wgt400, 400);color:rgba(0,0,0,.65)}
.bbs-skin table tbody th.bbs-answer::before,.bbs-skin table tbody td.bbs-answer::before {content:'';display:inline-block;width:7px;height:7px;margin-right:.5rem;border-left:1px solid #333;border-bottom:1px solid #333}
.bbs-skin .bbs-list-title > * {display:inline-block;margin-right:.625rem;vertical-align:middle}
.bbs-skin .bbs-list-title > :last-child {margin-right:0}
.bbs-skin .bbs-list-title > a[href] {font-size:1rem;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;color:rgba(0,0,0,.95)}
.bbs-skin .bbs-list-title .label {padding:.15rem .25rem;font-size:.6rem !important;font-weight:300;font-weight:var(--wgt300, 300)}
.bbs-skin .bbs-list-btns {float:right}
.bbs-skin tr.notice, .bbs-skin table.hover tr.notice:hover {background-color:rgba(0,0,0,.035)}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin table {table-layout:fixed}
    .row .bbs-skin .bbs-skin-width-small {width:15%}
    .row .bbs-skin .bbs-skin-width-medium {width:25%}
    .row .bbs-skin .bbs-skin-width-large {width:60%}
}

/* write */
.bbs-skin.write {padding-top:1.875rem;border-top:2px solid #555}
.bbs-skin.write [type="text"], .bbs-skin.write [type="password"], .bbs-skin.write [type="file"], .bbs-skin.write select {max-width:380px}
.bbs-skin.write .subject {max-width:none}
.bbs-skin.write #cke_content {margin-bottom:1rem}
.bbs-skin.write .write-footer {margin-top:1.875rem;padding-top:1.25rem;border-top:2px solid #555;text-align:right}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin.write .write-footer {text-align:left}    
}

/* view */
.bbs-skin.view {border-top:2px solid #555}
.bbs-skin.view .header-frame {display:table;width:100%;margin:0;border-bottom:1px solid rgba(0,0,0,.08);table-layout:fixed}
.bbs-skin.view .header-frame > dt, .bbs-skin.view .header-frame > dd {display:table-cell;width:100%;padding:1.125rem .9375rem;font-style:normal;line-height:1.125;vertical-align:middle;word-wrap:break-word;word-break:break-all}
.bbs-skin.view .header-frame > dt {width:142px;padding-left:1.875rem;margin:0;font-size:1rem;font-weight:500;font-weight:var(--wgt500, 500);letter-spacing:-.0125em;color:#555;background-color:#f7f7f7}
.bbs-skin.view .header-frame > dd {overflow:hidden;font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400);color:#1e1e1e;text-overflow:ellipsis;white-space:nowrap}
.bbs-skin.view .header-frame > dd.subject, .bbs-skin.view .header-frame > dd.file {overflow:inherit;text-overflow:inherit;white-space:inherit}
.bbs-skin.view .header-frame > dd.subject {font-size:0;text-align:left}
.bbs-skin.view .header-frame > dd.subject > * {display:inline-block;vertical-align:middle}
.bbs-skin.view .header-frame > dd.subject > :first-child:nth-last-child(2) {width:calc(100% - 40px);padding-right:1.375rem}
.bbs-skin.view .header-title {margin-bottom:0;font-size:1.063rem;font-weight:500;font-weight:var(--wgt500, 500);font-style:normal;line-height:1.25;color:rgba(0,0,0,.95)}
.bbs-skin.view .header-frame .print {width:40px;height:40px;font-size:1rem;line-height:1;color:#303030;border:1px solid rgba(0,0,0,.12);border-radius:3px;transition:border-color .25s}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin.view .header-frame, .row .bbs-skin.view .header-frame > dt, .row .bbs-skin.view .header-frame > dd {display:block;width:auto}
    .row .bbs-skin.view .header-frame > dt {padding:.625rem;font-size:.75rem}
    .row .bbs-skin.view .header-frame > dd {padding-top:1rem;padding-bottom:1rem}
    .row .bbs-skin.view .header-frame > dd.file {font-size:0}
    .row .bbs-skin.view .header-frame > dd.file > a {display:block;margin-bottom:.5rem;font-size:.875rem}
    .row .bbs-skin.view .header-frame > dd.file > :last-child {margin-bottom:0}
}
.bbs-skin.view .content {padding:1.875rem;font-size:1.063rem;line-height:1.8;letter-spacing:-.0125em;color:rgba(0,0,0,.9)}
.bbs-skin.view .content p {line-height:inherit}
.bbs-skin.view .content::after {content:'';display:table;clear:both}
.bbs-skin.view .content .images {margin-bottom:1rem}
@media screen and (max-width: 63.9375em) {
    .row .bbs-skin.view .content {font-size:1rem}
}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin.view .content {padding-left:.625rem;padding-right:.625rem}
}
.bbs-skin.view .ip-date {margin:1.875rem 0 0;padding:.75rem 1.25rem;font-size:0;background-color:#f8f8f8;border-width:1px 0;border-style:solid;border-color:rgba(0,0,0,.1) transparent rgba(0,0,0,.5);text-align:right}
.bbs-skin.view .ip-date-content {display:inline-block;margin-right:.875rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:rgba(0,0,0,.95);vertical-align:middle}
.bbs-skin.view strong.ip-date-content {font-weight:500;font-weight:var(--wgt500, 500)}
.bbs-skin.view .ip-date > :last-child {margin-right:0}
.bbs-skin.view .ip-date-content a {color:rgba(0,0,0,.55)}
.bbs-skin.view .ip-date-content a:hover,.bbs-skin.view .ip-date .ip-date-content a:active,.bbs-skin.view .ip-date .ip-date-content a:focus {color:rgba(0,0,0,.8)}
.bbs-skin.view .view-copyright {font-size:.875rem;line-height:1.125;color:#1e1e1e}
.bbs-skin.view .prev-and-next > :last-child {border-bottom-color:rgba(0,0,0,.5)}

/* delete */
.bbs-skin.delete {width:100%;max-width:450px;margin:0 auto;padding:1.875rem;border:1px solid rgba(0,0,0,.12)}
#admin-wrap .bbs-skin.delete {border-radius:5px}
.bbs-skin.delete .titles {display:block;margin-bottom:1.375rem;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);font-style:normal;line-height:1.125;letter-spacing:-.05em;color:#1e1e1e}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin.delete {padding-left:1.25rem;padding-right:1.25rem}    
}

/* album */
.bbs-skin.album .album-tiles {margin-bottom:1.25rem}
.bbs-skin.album .album-tiles::after {content:'';display:table;clear:both}
.bbs-skin.album .album-tiles > .item {float:left;min-height:1px;margin-left:2%;margin-top:2%}
.bbs-skin.album .album-tiles .item > a {text-decoration:none}
.bbs-skin.album .album-tiles .category {display:block;overflow:hidden;margin-bottom:.625rem;font-size:.875rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.375;text-overflow:ellipsis;white-space:nowrap}
.bbs-skin.album .album-tiles .image {display:block;overflow:hidden;position:relative;height:0;padding-bottom:56.25%;margin-bottom:1rem}
.bbs-skin.album .album-tiles .image.noimage {background-color:#eee}
.bbs-skin.album .album-tiles .image.noimage.for-notice {background-image:url(/image/bbs_album_notice.svg);background-repeat:no-repeat;background-position:50%;background-color:#4e4e4e;background-size:48px 48px}
.bbs-skin.album .album-tiles .image::before {content:'';position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:none;border:1px solid rgba(0,0,0,.1)}
.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%)}
.bbs-skin.album .album-tiles .image > .help-text {display:block;position:absolute;z-index:1;left:0;top:50%;width:100%;margin:0;padding:0 1rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;line-height:1.25;color:rgba(0,0,0,.5);text-align:center;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.bbs-skin.album .album-tiles .image.noimage.for-notice > .help-text {display:none}
.bbs-skin.album .album-tiles .notice {display:inline-block;overflow:hidden;position:absolute;z-index:10;left:0;top:0;padding:0 .375rem;font-size:.688rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;line-height:20px;color:#fff;background-color:#f44e5c;white-space:nowrap}
.bbs-skin.album .album-tiles .content {display:block;padding-right:1.25rem}
.bbs-skin.album .album-tiles .titles {display:block;font-size:.9375rem;line-height:1.375;letter-spacing:-.0125em;color:#1e1e1e}
.bbs-skin.album .album-tiles .titles > small {display:inline-block;margin-left:.625rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;line-height:1;color:rgba(0,0,0,.5);white-space:nowrap}
.bbs-skin.album .album-tiles .item > a:hover .titles {text-decoration:underline}
.bbs-skin.album .album-tiles .info-group {display:block;margin:.75rem 0;font-size:0;text-align:left}
.bbs-skin.album .album-tiles .info-group > em {display:inline-block;margin-left:.75rem;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1.125;color:#949494;vertical-align:middle}
.bbs-skin.album .album-tiles .info-group > :first-child {margin-left:0}
.bbs-skin.album .album-tiles .label-group {display:block;margin-top:.625rem}

/* 배열(가로5개) */
.bbs-skin.album .album-tiles:not([class*="tile-"]) > .item {width:18.4%}
.bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(5n + 1) {margin-left:0;clear:both}
.bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(-n + 5) {margin-top:0}
@media screen and (max-width: 63.9375em) {
    .row .bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(n) {width:32%;margin-left:2%;margin-top:1.25rem;clear:inherit}
    .row .bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(3n + 1) {margin-left:0;clear:both}
    .row .bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(-n + 3) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(n) {width:49%;margin-left:2%;margin-top:1.25rem;clear:inherit}
    .row .bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(2n + 1) {margin-left:0;clear:both}
    .row .bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(-n + 2) {margin-top:0}
}

/* 배열(가로4개) */
.bbs-skin.album .album-tiles.tile-4x > .item {width:23.5%}
.bbs-skin.album .album-tiles.tile-4x > :nth-child(4n + 1) {margin-left:0;clear:both}
.bbs-skin.album .album-tiles.tile-4x > :nth-child(-n + 4) {margin-top:0}
@media screen and (max-width: 63.9375em) {
    .row .bbs-skin.album .album-tiles.tile-4x > :nth-child(n) {width:32%;margin-left:2%;margin-top:1.25rem;clear:inherit}
    .row .bbs-skin.album .album-tiles.tile-4x > :nth-child(3n + 1) {margin-left:0;clear:both}
    .row .bbs-skin.album .album-tiles.tile-4x > :nth-child(-n + 3) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin.album .album-tiles.tile-4x > :nth-child(n) {width:49%;margin-left:2%;margin-top:1.25rem;clear:inherit}
    .row .bbs-skin.album .album-tiles.tile-4x > :nth-child(2n + 1) {margin-left:0;clear:both}
    .row .bbs-skin.album .album-tiles.tile-4x > :nth-child(-n + 2) {margin-top:0}
}

/* 배열(가로3개) */
.bbs-skin.album .album-tiles.tile-3x > .item {width:32%}
.bbs-skin.album .album-tiles.tile-3x > :nth-child(3n + 1) {margin-left:0;clear:both}
.bbs-skin.album .album-tiles.tile-3x > :nth-child(-n + 3) {margin-top:0}
@media screen and (max-width: 63.9375em) {
    .row .bbs-skin.album .album-tiles.tile-3x > :nth-child(n) {width:49%;margin-left:2%;margin-top:1.25rem;clear:inherit}
    .row .bbs-skin.album .album-tiles.tile-3x > :nth-child(2n + 1) {margin-left:0;clear:both}
    .row .bbs-skin.album .album-tiles.tile-3x > :nth-child(-n + 2) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin.album .album-tiles.tile-3x > :nth-child(n) {float:none;width:auto;margin-left:0;margin-top:1.25rem;clear:inherit}
    .row .bbs-skin.album .album-tiles.tile-3x > :first-child {margin-top:0}
}

/* write */
.bbs-skin .bbs-upload-remove::after {content:'';display:table;clear:both}
.bbs-skin .bbs-upload-remove input[type="checkbox"] + label {margin:.25rem 0 1rem;padding:.5rem .75rem;font-size:.688rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.125;color:rgba(0,0,0,.45);background:#fff;border:1px solid rgba(0,0,0,.12)}
.bbs-skin .bbs-upload-remove input[type="checkbox"]:checked + label {color:#fff;background:#6e7990}

/* reply */
.bbs-reply::after {content:'';display:table;clear:both}
.captcha-label {min-width:80px !important;background:#fff}

/* footer button set */
.bbs-skin .bbs-footer-btns {margin-top:1.375rem}
.bbs-skin .bbs-footer-btns::after {content:'';display:table;clear:both}
.bbs-skin .bbs-footer-btns .button-group {margin-bottom:0}
#user-wrap:not(.mobile) .bbs-skin .bbs-footer-btns .button-group.small-expanded .button {width:auto}
@media screen and (max-width: 39.9375em) {
    .row .bbs-skin .bbs-footer-btns [class*="float-"] {float:none !important;margin-left:auto;margin-right:auto}
    
}

/**************************************************
note : 배너팝업
**************************************************/
/* 레이아웃 */
.popup-wrap::after,.popup-header::after,.popup-container::after {content:'';display:table;clear:both}
.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:500;font-weight:var(--wgt500, 500);font-style:normal;line-height:1.125;letter-spacing:-.0125em;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-header .popup-header-close:hover {background-color:rgba(0,0,0,.025);border-color:rgba(255,255,255,.5)}
.popup-wrap .popup-container {padding:1.25rem}
.popup-wrap .popup-footer {display:table;width:100%;background-color:rgb(10,10,10);table-layout:fixed}
.popup-wrap .popup-footer .footer-cell {display:table-cell;width:100%;height:35px;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.25;vertical-align:middle}
.popup-wrap .popup-footer .footer-cell.popup-days {padding:0 .625rem}
.popup-wrap .popup-footer .footer-cell a {color:#fff}
.popup-wrap .popup-footer .popup_close {float:right;width:35px;height:30px;text-align:center;cursor:pointer}
.popup-wrap .popup-footer .icon-for-close {display:block;width:15px;height:15px;margin-left:auto;margin-right:auto;background:url('/image/popup-close.png') 0 0 no-repeat;background-size:100% auto}

/* 윈도우팝업 */
.popup-wrap.windows .popup-header {padding-left:.9375rem;padding-right:.9375rem}
.popup-wrap.windows .popup-container {padding:0;text-align:center}
.popup-wrap.windows .popup-container img {margin-left:auto;margin-right:auto}

/* 레이어팝업 */
.popup-wrap.layers .popup-container {padding:0}

/* 옵션 */
.layer_box {position:absolute !important;top:0;left:0;background-color:rgb(0,0,0)}
.layer_box_fixed {position:fixed !important}
.layer_box_cursor_move {cursor:move}
.layer_box_border {border:1px solid rgb(0,0,0)}
.layer_close_box {position:static}
.popup_icon_close {position:absolute;padding:.5rem;font-size:.8125rem;font-weight:400;font-weight:var(--wgt400, 400);color:#fff;background-color:rgba(10,10,10,.5);cursor:pointer;transition:all .25s}
.popup_icon_close:hover {background-color:rgb(10,10,10)}
.layer_position_TL {top:0;left:0}
.layer_position_TR {top:0;right:0}
.layer_position_BL {bottom:0;left:0}
.layer_position_BR {bottom:0;right:0}
@media screen and (max-width: 63.9375em) {
	.layer_box {min-height:1px !important}
}

/* 배너종료 */
.banner_finished {margin:0 0 5px;padding:5px 0 3px;font:11px/1.7em dotum;color:#999;background-color:#f5f5f5}
.banner_finished .later, .banner_finished .finish{font:bold 12px gulim}
.banner_finished .later{color:#069}
.banner_finished .finish{color:#ac0000}

/* 선거배너종료 */
.vote_banner_box_finish {margin-bottom:1px;padding:1.875rem .625rem;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1;color:#fff;background-color:red;border:3px solid blue;text-align:center}
.vote_banner_box_finish::before {content:'선거배너'}
.vote_banner_box_finish::after {content:'이 배너가 보이면 꼭 삭제해주세요.';display:block;margin-top:.375rem;font-size:.875rem;line-height:1.375;font-weight:300;font-weight:var(--wgt300, 300)}

/* 기능성배너 */
.banner_event_box {overflow:hidden}
.banner_event_box ul,.banner_event_box ol {margin:0}
.beb_box {border:none}
.beb_ul {overflow:hidden;height:auto;margin-bottom:0}
.beb_li {display:none;float:left;overflow:hidden;text-align:center}

/* 멀티기능성배너(2018-11-14) */
.rolling-bn {position:relative}
.rolling-bn ul, .rolling-bn ol {padding:0;margin:0;list-style:none}
.rolling-bn .slick-slide {padding:0 .2rem;margin:1px 0}
.rolling-bn .slick-arrow {width:50px;height:50px;text-align:center}
.rolling-bn .slick-arrow::before {display:inline-block;font:normal normal normal 14px/1 'fontello';font-size:2rem;color:rgba(0,0,0,.25);text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .3s}
.rolling-bn .slick-arrow:hover::before {color:rgba(0,0,0,.9)}
.rolling-bn .slick-arrow.slick-prev {left:-50px}
.rolling-bn .slick-arrow.slick-prev::before {content:'\e93b'}
.rolling-bn .slick-arrow.slick-next {right:-50px}
.rolling-bn .slick-arrow.slick-next::before {content:'\e93e'}
.rolling-bn .auto-pager {margin-top:1rem;font-size:0}
.rolling-bn .roll-btns {overflow:hidden;position:absolute;z-index:1;top:50%;width:50px;height:50px;font-size:2rem;cursor:pointer;outline:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.rolling-bn .roll-btns:hover {color:#e73f72}
.rolling-bn .roll-btns.btn-prev {right:100%}
.rolling-bn .roll-btns.btn-next {left:100%}

/* 레이어팝업위치 */
#layer-popups {position:relative}

/**************************************************
note : 탭박스
**************************************************/
/* 탭메뉴 */
.user-tabs > .tabs {position:relative;display:block;margin-bottom:0;border:0}
.user-tabs > .tabs::before {content:'';position:absolute;z-index:1;width:100%;height:1px;left:0;bottom:0;background:#ddd}
.user-tabs > .tabs::after {content:'';display:table;clear:both}
.user-tabs > .tabs > li {position:relative;z-index:2;overflow:hidden;float:left;border:1px solid #dfdfdf;border-left:0}
.user-tabs > .tabs > li:first-child {border-left:1px solid #dfdfdf}
.user-tabs > .tabs > li > a {display:block;padding:.9375rem 1.45rem;font-size:.9375rem;color:#77787b;background-color:#f6f6f6}
.user-tabs > .tabs > li.is-active {border-bottom:1px solid #fff}
.user-tabs > .tabs > li.is-active > a {color:#292728;font-weight:500;font-weight:var(--wgt500, 500);background-color:#fff}
@media screen and (max-width: 39.9375em) {
    .user-tabs > .tabs > li {width:50%;text-align:center}
}
/* 탭내용 */
.user-tabs > .tabs-content > .tabs-panel[aria-hidden="false"] {display:inline-block;width:100%}

/**************************************************
note : 경고메세지
**************************************************/
/* 기본 */
.error-bg {background:#ecf0f1}
#user-wrap.error-page {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;-ms-align-items:center;-webkit-align-items:center;align-items:center;height:100vh}
#user-wrap.error-page::before, #user-wrap.error-page::after {content:normal;display:none}

/* 내용 */
#danger {display:block;max-width:475px;padding:1.25rem;text-align:center}
#danger .header {margin-bottom:1.875rem}
#danger .header > .icon-error-o {display:block;margin-bottom:1.125rem;font-size:5rem;line-height:1;color:rgba(0,0,0,.12)}
#danger .header > .error-code {display:block;font-size:2.25rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.25;letter-spacing:-.05em}
#danger .error-msg {display:block;margin:1.375rem 0;font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;color:rgba(0,0,0,.6)}
#danger .error-msg > .user-point {font-weight:400;font-weight:var(--wgt400, 400)}
#danger .button-group {margin:1.875rem 0 0}
@media screen and (max-width: 39.9375em) {
	#danger .error-msg br {display:none}
}

/**********************************************
note : 이용약관,개인정보처리방침
**********************************************/
/* 상단메뉴 */
.privacy hr {margin-top:2rem;margin-bottom:2rem}
.privacy .privacy-list {margin-bottom:25px;padding:1.4rem .8rem;border:3px solid rgba(0,0,0,.1)}
.privacy .privacy-list::after {content:'';display:table;clear:both}
.privacy .privacy-list hr {margin-top:1.25rem;margin-bottom:1.25rem}
.privacy .privacy-list-header {padding-left:1rem;padding-right:1rem;font-size:.9375rem;line-height:1.65}
.privacy .privacy-list-groups {margin-bottom:0}
.privacy .privacy-list-groups li {margin-bottom:1rem;font-size:.9375rem;line-height:1.25}
.privacy .privacy-list-groups li:last-child {margin-bottom:0}
.privacy .privacy-list-groups li a {display:block}
@media screen and (max-width: 63.9375em) {
    .privacy .privacy-list-header {padding-left:0;padding-right:0}
    .privacy .privacy-list {padding:.9375rem}
    .privacy .privacy-list-groups li:last-child {margin-bottom:1rem}
    .privacy .privacy-list-groups:last-child li:last-child {margin-bottom:0}
}

/* 내용 */
.privacy .privacy-group::after {content:'';display:table;clear:both}
.privacy .privacy-group .privacy-group-title {margin-bottom:1rem;font-size:1.125rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1}
.privacy .privacy-group .privacy-group-list {margin-bottom:0}
.privacy .privacy-group .privacy-group-list li {margin-bottom:1rem;font-size:.8rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.65;color:rgba(0,0,0,.7)}
.privacy .privacy-group .privacy-group-list li:last-child {margin-bottom:0}
.privacy .privacy-group .privacy-group-summary {font-size:.9rem;line-height:1.65;color:rgba(0,0,0,.5)}
.privacy .privacy-group table {border-collapse:collapse}
.privacy .privacy-group table tbody th,.privacy .privacy-group table tbody td {padding:.9375rem;font-size:.8rem;font-weight:300;font-weight:var(--wgt300, 300)}
.privacy .privacy-group table tbody th {width:30%;border-right:1px solid rgba(0,0,0,.05)}
.privacy .privacy-group table tbody td {color:rgba(0,0,0,.5)}
.privacy .privacy-group table ul,.privacy .privacy-group table ol {margin-bottom:0}
.privacy .privacy-group table li {margin-bottom:.7rem;line-height:1.25;color:rgba(0,0,0,.5)}
.privacy .privacy-group table li:last-child {margin-bottom:0}
@media screen and (max-width: 39.9375em) {
    .privacy .privacy-group table tbody th,.privacy .privacy-group table tbody td {padding:.625rem}
}

/**********************************************
note : 고객센터
**********************************************/
.customer-header {margin-bottom:1rem}
.customer-header::after {content:'';display:table;clear:both}
.customer-header .customer-header-title {margin-bottom:1rem}
.customer-content::after {content:'';display:table;clear:both}

/* 처리방침 */
.privacy-info-box {overflow-y:auto;max-height:160px;padding:.9375rem;margin-bottom:1rem;line-height:1.8;letter-spacing:-.0125em;text-align:justify;border:1px solid rgba(0,0,0,.12);background-color:rgba(0,0,0,.03)}
.privacy-info-box::after {content:'';display:table;clear:both}
@media screen and (max-width: 39.9375em) {
    .privacy-info-box {padding:.625rem}
}

/* 개인정보 수집 동의 */
.privacy-info {text-align:left}
.privacy-info::after,.privacy-info .privacy-info-header::after,.privacy-info .privacy-info-content::after {content:'';display:table;clear:both}
.privacy-info .privacy-info-header {font-weight:500;font-weight:var(--wgt500, 500);font-size:.9rem;margin-bottom:1rem}
.privacy-info .privacy-info-content li {margin-bottom:.4rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.25;color:rgba(0,0,0,.55)}

/**********************************************
note : 이벤트관리
**********************************************/
/* 등록 */
.event-image-preview img {max-height:120px}
.event-image-preview .button-group {margin-top:1rem}

/**********************************************
note : 표지관리
**********************************************/
#cover .button-group {margin-bottom:0}
#cover .cover-dated {font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);color:#888;text-align:center}
#cover .cover-images {width:100%}
#cover .cover-images .dis-table-cell {position:relative;width:100%;height:120px;text-align:center;vertical-align:middle}
#cover .cover-images img {position:relative;height:100%}
#cover .cover-content {padding:.5rem}
#cover .cover-content::after {content:'';display:table;clear:both}
#cover .cover-content p {padding:0;margin:0}
#cover .cover-content .cover-titles {overflow:hidden;margin-bottom:.5rem;font-size:1.125rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
#cover .cover-content .cover-summary {font-size:.9rem}
#cover .cover-content .cover-summary a {color:#333}

/**********************************************
note : pdf
**********************************************/
/* user header */
.user-pdf-header {padding:1.25rem;background-color:#f4f4f4;border:1px solid rgba(0,0,0,.08)}
.user-pdf-header .pdf-left, .user-pdf-header .pdf-right {display:inline-block;width:50%;vertical-align:middle}
.user-pdf-header .pdf-left {padding-right:.75rem}
.user-pdf-header .pdf-right {padding-left:.75rem;text-align:right}
.user-pdf-header .user-page-titles, .user-pdf-header .user-page-summary {display:block}
.user-pdf-header .user-page-titles {margin-bottom:.625rem}
.user-pdf-header .user-page-summary {padding-left:0;margin-left:0;border-left:0}
@media screen and (max-width: 39.9375em) {
    .row .user-pdf-header .pdf-left, .row .user-pdf-header .pdf-right {display:block;width:auto;padding:0}
    .row .user-pdf-header .pdf-left {margin-bottom:.625rem}
}

/* upload */
.pdf-uploader {display:block;padding:1.25rem;margin-bottom:1.25rem;background-color:#f4f4f4;border:1px solid rgba(0,0,0,.08);border-radius:5px;text-align:left}
.pdf-uploader li {font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:rgba(0,0,0,.7)}

/**********************************************
note : search forms
**********************************************/
.search-grouping {display:block;padding:1.25rem;margin-bottom:1rem;font-size:0;background-color:#f4f4f4;border-radius:5px;text-align:center}
#admin-wrap .search-grouping {background-color:#edf2ff}
.search-grouping::after {content:'';display:table;clear:both}
.search-grouping .item {display:inline-block;margin-left:5px;margin-bottom:1px;vertical-align:middle}
.search-grouping > :first-child {margin-left:0}
.search-grouping .item > .button, .search-grouping .item > .button-group {margin-bottom:0}
.search-grouping .item > .button, .search-grouping .item > .button-group .button {height:40px}
.search-grouping .words {width:220px}
.search-grouping .half {width:42%}
.search-grouping select,
.search-grouping [type='text'], .search-grouping [type='password'], .search-grouping [type='date'],
.search-grouping [type='datetime'], .search-grouping [type='email'], .search-grouping [type='number'],
.search-grouping [type='url'] {min-height:40px}
.search-grouping select, .search-grouping [type='text'], .search-grouping [type='password'], .search-grouping [type='date'],
.search-grouping [type='datetime'], .search-grouping [type='email'], .search-grouping [type='number'],
.search-grouping [type='url'] {font-size:.8125rem}
.search-grouping select, .search-grouping .input-group, .search-grouping .item > input {margin-bottom:0}
@media screen and (max-width: 63.9375em) {
    .row .search-grouping .words {display:block;width:100%;margin-top:5px}
}
@media screen and (max-width: 39.9375em) {
    .row .search-grouping .item {display:block;margin-left:0}
    .row .search-grouping .words, .row .search-grouping .half {width:auto}
}

/**********************************************
note : 탭박스
**********************************************/
/* 기본 */
.tabs-wrap::after {content:'';display:table;clear:both}
.tabs-wrap.line {padding:.9375rem;border:1px solid rgba(0,0,0,.12)}

/* tab header */
.tabs-wrap .tabs-header {margin-bottom:1rem;font-size:1rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1;text-align:left}
.tabs-wrap .tabs-header::after {content:'';display:table;clear:both}

/* tab menu */
.tabs-wrap .tabs-navs {position:relative;padding:0;margin:0;list-style:none}
.tabs-wrap .tabs-navs::before {content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:0;border-top:1px solid rgba(0,0,0,.1)}
.tabs-wrap .tabs-navs::after {content:'';display:table;clear:both}
.tabs-wrap .tabs-navs .tabs-item {float:left;position:relative;z-index:2;text-align:center}
.tabs-wrap .tabs-navs .tabs-item a {display:block;padding:.5rem .9375rem;font-size:.8125rem;font-weight:400;font-weight:var(--wgt400, 400);border:1px solid rgba(0,0,0,.1);text-decoration:none}
.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,
.tabs-wrap .tabs-navs .tabs-item:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .tabs-item a {border-left:none}

/* 확장형 */
.tabs-navs.expanded {position:relative}
.tabs-navs.expanded::before {display:none;right:inherit;border-top:transparent}
.tabs-navs.expanded .tabs-item:first-child:last-child {width:100%}
.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-navs.expanded .tabs-item:first-child:nth-last-child(3), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .tabs-item {display:inline-block;width:33.33333%}
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(4), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .tabs-item {display:inline-block;width:25%}
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(5), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .tabs-item {display:inline-block;width:20%}
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(6), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .tabs-item {display:inline-block;width:16.66667%}
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(7), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ .tabs-item {display:inline-block;width:14.28571%}
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(8), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ .tabs-item {display:inline-block;width:12.5%}
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(9), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(9):first-child:nth-last-child(9) ~ .tabs-item {display:inline-block;width:11.11111%}
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(10), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .tabs-item {display:inline-block;width:10%}

/* tab content */
.tabs-wrap .tabs-panel {padding:1.25rem 0 0;background-color:#fff;border:none}
.tabs-wrap .tabs-panel::after {content:'';display:table;clear:both}

/* tab vertical */
.tabs-wrap .tabs-vertical {border:1px solid rgba(0,0,0,.12)}
.tabs-wrap .tabs-vertical::after {content:'';display:table;clear:both}
.tabs-wrap .tabs-vertical .tabs-navs {float:left;width:200px}
.tabs-wrap .tabs-vertical .tabs-navs .tabs-item,.tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item {display:block;float:none;width:auto}
.tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:last-child,.tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(n), .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(n):first-child:nth-last-child(n) ~ .tabs-item {display:block;width:auto}
.tabs-wrap .tabs-vertical .tabs-navs .tabs-item a,.tabs-wrap .tabs-vertical .tabs-panel {border:none}
.tabs-wrap .tabs-vertical .tabs-navs .tabs-item a {border:1px solid rgba(0,0,0,.1);border-bottom:none;border-left:none}
.tabs-wrap .tabs-vertical .tabs-navs .tabs-item:first-child a {border-top:0}
.tabs-wrap .tabs-vertical .tabs-navs .tabs-item.active a {border-right:none}
.tabs-wrap .tabs-vertical .tabs-panel {float:left;width:calc(100% - 200px);padding-left:1.25rem;padding-right:1.25rem}
@media screen and (max-width: 39.9375em) {
    .row .tabs-wrap .tabs-vertical .tabs-navs {float:none;width:auto;margin-left:auto;margin-right:auto}
    .row .tabs-wrap .tabs-vertical .tabs-navs .tabs-item,.row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item {display:inherit;float:left;width:inherit}
    .row .tabs-wrap .tabs-vertical .tabs-navs .tabs-item a {border:none}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:last-child {width:100%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(2), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .tabs-item {display:inline-block;width:50%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(3), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .tabs-item {display:inline-block;width:33.33333%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(4), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .tabs-item {display:inline-block;width:25%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(5), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .tabs-item {display:inline-block;width:20%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(6), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .tabs-item {display:inline-block;width:16.66667%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(7), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ .tabs-item {display:inline-block;width:14.28571%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(8), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ .tabs-item {display:inline-block;width:12.5%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(9), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(9):first-child:nth-last-child(9) ~ .tabs-item {display:inline-block;width:11.11111%}
    .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(10), .row .tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .tabs-item {display:inline-block;width:10%}
    .row .tabs-wrap .tabs-vertical .tabs-panel {float:none;width:auto;margin-left:auto;margin-right:auto}
}

/* A type */
.tabs-wrap.type-A .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500);border-bottom-color:transparent}
.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}

/* B type */
.tabs-wrap.type-B.line {background-color:#f4f4f4}
.tabs-wrap.type-B .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}
.tabs-wrap.type-B .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500);border-bottom-color:transparent}

/* C type */
.tabs-wrap.type-C .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500);border-bottom-color:transparent}

/* D type */
.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .tabs-item.active a::before,.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .tabs-item.active a::before,.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .tabs-item.active a::before,.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .tabs-item.active a::before,.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .tabs-item.active a::before,.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ .tabs-item.active a::before,.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ .tabs-item.active a::before,.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(9):first-child:nth-last-child(9) ~ .tabs-item.active a::before,.tabs-wrap.type-D .tabs-navs .tabs-item:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .tabs-item.active a::before {left:-1px}
.tabs-wrap.type-D .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500)}
.tabs-wrap.type-D .tabs-navs .tabs-item.active a::before {content:'';position:absolute;z-index:1;height:100%;left:0;top:0;border-left:1px solid transparent}

/* E type */
.tabs-wrap.type-E .tabs-navs::before {display:none;right:inherit;border-top:transparent}
.tabs-wrap.type-E .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500);border-bottom-color:transparent}
.tabs-wrap.type-E .tabs-navs .tabs-item a,.tabs-wrap.type-E .tabs-navs .tabs-item.active a {border:none !important}

/* F type */
.tabs-wrap.type-F .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500);border-bottom-color:transparent}
.tabs-wrap.type-F .tabs-wrap .tabs-panel {padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1.25rem;border:1px solid rgba(0,0,0,.12)}

/* G type */
.tabs-wrap.type-G .tabs-header {float:left}
.tabs-wrap.type-G .tabs-navs {float:right;width:50%;text-align:right}
.tabs-wrap.type-G .tabs-navs::before {display:none;right:inherit;border-top:transparent}
.tabs-wrap.type-G .tabs-navs .tabs-item {display:inline-block;float:none;position:relative}
.tabs-wrap.type-G .tabs-navs .tabs-item::before {content:'';position:absolute;z-index:1;left:0;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.12)}
.tabs-wrap.type-G .tabs-navs .tabs-item:first-child::before {display:none;border-left:transparent}
.tabs-wrap.type-G .tabs-navs .tabs-item a {padding:0 .5rem;line-height:1;border:none}
.tabs-wrap.type-G .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500);border-bottom-color:transparent}
.tabs-wrap.type-G .tabs-panel {border-top:1px solid rgba(0,0,0,.12);clear:both}

/* H type */
.tabs-wrap.type-H .tabs-header {float:left;margin-bottom:0}
.tabs-wrap.type-H .tabs-navs {float:right;margin-bottom:-1px}
.tabs-wrap.type-H .tabs-navs .tabs-item a {padding:.3rem .75rem}
.tabs-wrap.type-H .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500);border-bottom-color:transparent !important}
.tabs-wrap.type-H .tabs-panel {border-top:1px solid rgba(0,0,0,.12);clear:both}

/* I type */
.tabs-wrap.type-I .tabs-header {padding-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,.12)}
.tabs-wrap.type-I .tabs-navs .tabs-item a {position:relative;border:none !important}
.tabs-wrap.type-I .tabs-navs .tabs-item a::before {content:'';position:absolute;z-index:1;border-left:1px solid rgba(0,0,0,.12);top:.5rem;bottom:.5rem;left:0}
.tabs-wrap.type-I .tabs-navs .tabs-item.active a {font-weight:500;font-weight:var(--wgt500, 500)}
.tabs-wrap.type-I .tabs-navs .tabs-item:first-child a::before {display:none}

/**********************************************
note : 미리보기 보기설정 안내
**********************************************/
.mview-guide {padding:.625rem 1rem;font-size:0;color:#fff;background-color:#e73f72;text-align:center}
.mview-guide::after {content:'';display:table;clear:both}
.mview-guide > .text, .mview-guide > .button {display:inline-block;vertical-align:middle}
.mview-guide > .text {font-size:.9rem;line-height:1}
.mview-guide > .text strong {color:#fff176}
.mview-guide > .button {margin-left:1rem;margin-bottom:0}
.mview-guide > .button.tiny {padding:.375rem .8rem;font-size:.688rem;font-weight:400;font-weight:var(--wgt400, 400)}
.mview-guide > .button.nd-white {border:0;border-radius:2rem}

/**********************************************
note : 관련기사
**********************************************/
/* 상세검색 */
.article-relation-list .relation-list-title.dis-table {width:100%;table-layout:fixed}
.article-relation-list .relation-list-title.dis-table .dis-table-cell {width:100%;vertical-align:middle}
.article-relation-list .relation-list-title.dis-table .button {margin-bottom:0}

/* 선택기사 */
.relation-choice-list {position:fixed;z-index:99;right:.9375rem;bottom:5rem;width:65%;max-width:280px}
.relation-choice-list .choice-header {display:block;padding:.8rem 1.25rem;font-size:.9rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1;color:#fff;background-color:#303740;border-radius:.25rem .25rem 0 0}
.relation-choice-list .choice-container {overflow-y:auto;max-height:358px;padding:1.25rem;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.08);border-top:0}
.relation-choice-list #relation-choice-ul {display:block;margin:0 0 1.25rem;padding:0;list-style:none}
.relation-choice-list #relation-choice-ul > li {margin-bottom:.25rem;font-size:0}
.relation-choice-list #relation-choice-ul > :last-child {margin-bottom:0}
.relation-choice-list #relation-choice-ul a[href], .relation-choice-list #relation-choice-ul a[href] ~ .button {display:inline-block;overflow:hidden;vertical-align:middle}
.relation-choice-list #relation-choice-ul a[href] {width:calc(100% - 35px);padding-right:.5rem;font-size:.8125rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.125;text-overflow:ellipsis;white-space:nowrap}
.relation-choice-list #relation-choice-ul .button {width:35px;margin-bottom:0}
@media screen and (max-width: 39.9375em) {
    .relation-choice-list {left:0;right:0;bottom:0;width:100%;max-width:inherit}
    .relation-choice-list .choice-header {border-radius:0}
    .relation-choice-list .choice-container {overflow-y:auto;max-height:192px;border:0}
    .fixed-layer-to {padding-bottom:232px}
}

/**********************************************
note : 기사스크랩
**********************************************/
/*  스크랩 버튼 */
.info-social .options-btn.scrap-btn i {font-size:1.25rem}

/*  스크랩 목록 */
.scrap-list .panel-title {padding:0}
.scrap-list .penel-box .info-txt {display:table;width:100%;border-bottom:2px solid #4d4d4d;padding-bottom:1rem}
.scrap-list .penel-box .info-txt > small, .scrap-list .penel-box .info-txt > div {display:table-cell;vertical-align:middle}
.scrap-list .penel-box .info-txt::after {content:'';display:table;clear:both}
.scrap-list .penel-box .info-txt small, .scrap-list .panel-title > small {font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);color:#9ca4b2}

.scrap-list .my-article-list table {margin-bottom:0}
.scrap-list .my-article-list table tbody td {padding:0}
.scrap-list .my-article-list table tbody th, .scrap-list .my-article-list table tbody td {padding:20px;border-bottom:1px solid #ddd}
.scrap-list .my-article-list table tbody tr:last-child > th, .scrap-list .my-article-list table tbody tr:last-child > td {border-bottom:0}
.scrap-list .my-article-list .cont-view {display:block}
.scrap-list .my-article-list .cont-view .subject {display:block;font-size:1.125rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1.375;color:#000}
.scrap-list .my-article-list .list-dated {display:block;margin-top:.375rem;font-size:0}
.scrap-list .my-article-list .list-dated > em {display:inline-block;font-size:.75rem;font-weight:400;font-weight:var(--wgt400, 400);font-style:normal;line-height:1;color:#999;vertical-align:middle}
.scrap-list .my-article-list .list-dated > em:not(:first-child)::before {content:'';display:inline-block;overflow:hidden;width:0;height:.6875rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.15);vertical-align:middle}
.scrap-list .my-article-list .reg-date {font-size:.688rem;font-weight:400;font-weight:var(--wgt400, 400);color:#999}

.scrap-list .my-article-list .del-btn {position:relative;width:16px;height:16px;cursor:pointer}
.scrap-list .my-article-list .del-btn::before, .scrap-list .my-article-list .del-btn::after {content:'';position:absolute;z-index:1;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg);-webkit-transition:all .25s;transition:all .25s}
.scrap-list .my-article-list .del-btn::before {width:0;height:100%;border-left:1px solid #aaaaaa}
.scrap-list .my-article-list .del-btn::after {width:100%;height:0;border-top:1px solid #aaaaaa}

@media screen and (max-width: 39.9375em){
    .scrap-list .panel {padding:0 !important;border:0}
    .scrap-list .show-for {display: none !important}
    .scrap-list .my-article-list > table > tbody > tr > td {padding:5px}
}

/**********************************************
note : 통계
**********************************************/
.stat-author-count {display:block;margin-bottom:1rem;font-size:0;text-align:right}
.stat-author-count .author, .stat-author-count .titles, .stat-author-count .badge {display:inline-block;vertical-align:middle}
.stat-author-count .author {margin-left:1.125rem}
.stat-author-count > :first-child {margin-left:0}
.stat-author-count .titles {margin-right:.375rem;font-size:.9375rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.125;letter-spacing:-.025em}


/**********************************************
note : 추천반대 (이모지)
**********************************************/
@-webkit-keyframes bobble{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}
@keyframes bobble{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}

#emoji-for {padding:1.25rem 0;margin:1.25rem 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);text-align:center}
#emoji-for::after {content:'';display:table;clear:both}
#emoji-for .emoji-btns {display:inline-block;width:100px}
#emoji-for button.emoji-btns,#emoji-for a.emoji-btns {cursor:pointer}
#emoji-for .emoji-btns::before {content:'';display:block;overflow:hidden;width:50px;height:40px;margin-left:auto;margin-right:auto;background:url('/image/emojis-for.png') no-repeat;background-size:250px auto}
#emoji-for .emoji-btns[class*="recom_"]::before {background-image:url('/image/goodnbad-for.png');background-size:100px auto}
#emoji-for button.emoji-btns::before,#emoji-for a.emoji-btns::before {margin-bottom:.5rem}
#emoji-for button.emoji-btns:hover::before,#emoji-for a.emoji-btns:hover::before {-webkit-animation:bobble .5s 2;animation:bobble .5s 2}
#emoji-for .emoji-btns.good::before {background-position:0 0}
#emoji-for .emoji-btns.warm::before {background-position:-50px 0}
#emoji-for .emoji-btns.sad::before {background-position:-100px 0}
#emoji-for .emoji-btns.angry::before {background-position:-150px 0}
#emoji-for .emoji-btns.want::before {background-position:-200px 0}
#emoji-for .emoji-btns.joy::before {background-position:0 -40px}
#emoji-for .emoji-btns.cool::before {background-position:-50px -40px}
#emoji-for .emoji-btns.sleep::before {background-position:-100px -40px}
#emoji-for .emoji-btns.dissa::before {background-position:-150px -40px}
#emoji-for .emoji-btns.lovely::before {background-position:-200px -40px}
#emoji-for .emoji-btns.shadow_good::before {background-position:0 -80px}
#emoji-for .emoji-btns.shadow_warm::before {background-position:-50px -80px}
#emoji-for .emoji-btns.shadow_sad::before {background-position:-100px -80px}
#emoji-for .emoji-btns.shadow_angry::before {background-position:-150px -80px}
#emoji-for .emoji-btns.shadow_want::before {background-position:-200px -80px}
#emoji-for .emoji-btns.line_good::before {background-position:0 -120px}
#emoji-for .emoji-btns.line_warm::before {background-position:-50px -120px}
#emoji-for .emoji-btns.line_sad::before {background-position:-100px -120px}
#emoji-for .emoji-btns.line_angry::before {background-position:-150px -120px}
#emoji-for .emoji-btns.line_want::before {background-position:-200px -120px}
#emoji-for .emoji-btns.recom_good::before {background-position:0 0}
#emoji-for .emoji-btns.recom_bad::before {background-position:-50px 0}
#emoji-for .emoji-btns.recom_line_good::before {background-position:0 -40px}
#emoji-for .emoji-btns.recom_line_bad::before {background-position:-50px -40px}
#emoji-for .emoji-btns .text {display:block;overflow:hidden;font-size:.8125rem;line-height:1.25em;color:rgba(0,0,0,.45);text-overflow:ellipsis;white-space:nowrap}
#emoji-for .emoji-btns .number {font-size:.75rem;font-style:normal;line-height:1;color:rgba(0,0,0,.85)}
@media screen and (max-width: 63.9375em) {
    .row #emoji-for .emoji-btns:hover::before,.row #emoji-for .gb-btns:hover::before {-webkit-animation:initial;animation:initial}
}
@media screen and (max-width: 39.9375em) {
    .row #emoji-for .emoji-btns {width:60px}
    .row #emoji-for .emoji-btns .text {font-size:.7rem}
}

/* admin */
#emoji-for.emoji-admin .emoji-box {display:block;padding:1.375rem 1.25rem;margin-bottom:1rem;background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.25rem}
#emoji-for.emoji-admin .checkbox-group, #emoji-for.emoji-admin .radio-group {margin:1rem auto 0;text-align:inherit}

/* tabs */
.emoji-tabs .tabs {display:block;margin-bottom:1.875rem;font-size:0}
.emoji-tabs .tabs-title {text-align:center}
.emoji-tabs .tabs-title:first-child:last-child {display:block;width:100%}
.emoji-tabs .tabs-title:first-child:nth-last-child(2), .emoji-tabs .tabs-title:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .tabs-title {display:inline-block;width:50%}
.emoji-tabs .tabs-title:first-child:nth-last-child(3), .emoji-tabs .tabs-title:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .tabs-title {display:inline-block;width:33.33333%}
.emoji-tabs .tabs-title:first-child:nth-last-child(4), .emoji-tabs .tabs-title:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .tabs-title {display:inline-block;width:25%}
.emoji-tabs .tabs-title:first-child:nth-last-child(5), .emoji-tabs .tabs-title:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .tabs-title {display:inline-block;width:20%}
.emoji-tabs .tabs-title:first-child:nth-last-child(6), .emoji-tabs .tabs-title:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .tabs-title {display:inline-block;width:16.66667%}
.emoji-tabs .tabs-title:first-child:nth-last-child(7), .emoji-tabs .tabs-title:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ .tabs-title {display:inline-block;width:14.28571%}
.emoji-tabs .tabs-title:first-child:nth-last-child(8), .emoji-tabs .tabs-title:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ .tabs-title {display:inline-block;width:12.5%}
.emoji-tabs .tabs-title:first-child:nth-last-child(9), .emoji-tabs .tabs-title:first-child:nth-last-child(9):first-child:nth-last-child(9) ~ .tabs-title {display:inline-block;width:11.11111%}
.emoji-tabs .tabs-title:first-child:nth-last-child(10), .emoji-tabs .tabs-title:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .tabs-title {display:inline-block;width:10%}
.emoji-tabs .tabs-title > a {display:block;overflow:hidden;font-size:1.0625rem;line-height:1;color:rgba(0,0,0,.45);background-color:rgba(0,0,0,.025);border-right:1px solid rgba(0,0,0,.08);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.emoji-tabs .tabs-title:last-child > a {border-right:none}
.emoji-tabs .tabs-title > a:focus,.emoji-tabs .tabs-title > a[aria-selected="true"] {font-weight:700;font-weight:var(--wgt700, 700);color:#000;background-color:#fff}
.emoji-tabs .tabs-content {border:none}
.emoji-tabs .tabs-content .tabs-panel {padding:0}
.emoji-tabs table {margin-bottom:0}
.emoji-tabs table td,.emoji-tabs table th {font-size:80%}
.emoji-tabs table td .label,.emoji-tabs table th .label {font-size:.688rem}