@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
/*body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Arial',sans-serif}*/

/**********************************************
note : off canvas
**********************************************/
.user-canvas {padding:0;background:#f8f8fa}
.user-canvas .user-canvas-navs {padding-bottom:2.25rem}
.user-canvas .user-canvas-navs .menu {padding:0;letter-spacing:-0.05em}
.user-canvas .user-canvas-navs .menu:not(.nested) > li.idx {background-color:#1D262D;border-top-color:rgba(255,255,255,.08)}
.user-canvas .user-canvas-navs .menu li > a {padding:.75rem 1.25rem;font-size:.9375rem;color:rgba(0,0,0,.95)}
.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:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}
.user-canvas .user-canvas-navs .menu li.idx > a {color:#fff}
.user-canvas .user-canvas-navs .menu:not(.nested) > li {border-top:1px solid rgba(0,0,0,.05)}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after {content:'+';margin:0;width:auto;height:auto;font-weight:300;border:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {margin-top:0}
.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:transparent !important}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:'-'}
.user-canvas .user-canvas-navs .menu li ul.menu.nested {margin-bottom:1.375rem}
.user-canvas .user-canvas-navs .menu li ul.menu.nested li a {font-size:.813rem;color:rgba(0,0,0,.7)}
.user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:rgba(0,0,0,.95);text-decoration:underline}
.user-canvas .close-button {top:1.25rem;font-size:2.25rem;color:rgba(0,0,0,.6)}
.user-canvas .close-button:hover {color:rgba(0,0,0,.95)}
.js-off-canvas-overlay {background-color:rgba(0,0,0,.5)}
.position-left.is-transition-push::after {display:none}

/* header */ 
.canvas-header {position:relative;padding:1.25rem;background-color:#fff}
.canvas-header .logo {display:block;text-align:left;outline-width:0}
.canvas-header .logo > img {width:100%;max-width:125px}
.canvas-header .account {display:block;margin-top:1rem;font-size:0;text-align:center}
.canvas-header .account > a {display:inline-block;margin-right:1px;padding:.375rem .625rem;font-size:.75rem;line-height:1;letter-spacing:-.05em;color:rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.1);text-decoration:none;transition:color .25s, border-color .25s}
.canvas-header .account > :last-child {margin-right:0}
.canvas-header .account > a:hover {color:rgba(0,0,0,.95);border-color:rgba(0,0,0,.35)}

/**********************************************
note : 메인판
**********************************************/
.index-wrap.kn-style .index-row, .index-wrap.kn-style .index-columns {display:block;width:auto}
.index-wrap.kn-style .index-row {table-layout:inherit}
.index-wrap.kn-style .index-row::after {content:'';display:table;clear:both}
.index-wrap.kn-style .index-columns {float:left;padding:0 !important}
.index-wrap.kn-style .index-columns.grid-1 {width:66%;margin-right:2%}
.index-wrap.kn-style .index-columns.grid-2 {width:32%}
.index-wrap.kn-style .index-columns.grid-3, .index-wrap.kn-style .index-columns.grid-4 {width:48.5%}
.index-wrap.kn-style .index-columns.grid-4 {float:right}
@media screen and (max-width: 63.9375em) {
	.row .index-wrap.kn-style .index-columns {display:block;float:none;width:auto;margin:0}
}
@media screen and (max-width: 39.9375em) {
	.row .index-wrap.kn-style .banner_box {margin-left:-1.25rem;margin-right:-1.25rem}
}

/* box titles */
.kn-boxtitles {display:block;margin-top:3.125rem;margin-bottom:1.5rem;font-size:3.25rem;font-weight:700;line-height:1.125;letter-spacing:-0.1em;color:#000;text-transform:uppercase;text-align:center;text-decoration:none !important}
@media screen and (max-width: 39.9375em) {
	.row .kn-boxtitles {font-size:2.375rem}
}

/**********************************************
note : 박스모음
**********************************************/
/* kn style */
.box-skin.kn-st .header {text-align:center}
.box-skin.kn-st .header > strong, .box-skin.kn-st .header > a,.box-skin.kn-st .header .skin-column > strong, .box-skin.kn-st .header .skin-column > a {margin-bottom:1.5rem;font-size:3.25rem;line-height:1.125;letter-spacing:-.05em;text-transform:uppercase;color:#000}
.box-skin.kn-st .header .helper {display:block;margin-top:.875rem;font-size:.9375rem;font-weight:normal;line-height:1;letter-spacing:-.025em;opacity:.6}
@media screen and (max-width: 39.9375em) {
	.row .box-skin.kn-st .header > strong, .row .box-skin.kn-st .header > a, .row .box-skin.kn-st .header .skin-column > strong, .row .box-skin.kn-st .header .skin-column > a {font-size:2.375rem}
}

/* people style */
.box-skin.people {padding:1.375rem;border-color:transparent;transition:border-color .5s ease-in-out, box-shadow .5s ease-in-out}
.box-skin.people .header > strong, .box-skin.people .header > a,.box-skin.people .header .skin-column > strong, .box-skin.people .header .skin-column > a {margin-bottom:1.125rem;font-size:.9375rem}
@media screen and (min-width: 64em) {
	.box-skin.people:hover {border-color:rgba(0,0,0,.25);box-shadow:3px 3px 10px 0px rgba(0,0,0,.3)}
}
@media screen and (max-width: 63.9375em) {
	.row .box-skin.people[class*="min-height-"] {min-height:inherit}
}
@media screen and (max-width: 39.9375em) {
	.row .box-skin.people {margin-left:-1.25rem;margin-right:-1.25rem;padding:1.375rem}
}

/* gn box */
.box-skin.gn-box {margin-bottom:8.75rem;text-align:left}
.box-skin.gn-box.end {margin-bottom:0}
.box-skin.gn-box .header > strong, .box-skin.gn-box .header > a,.box-skin.gn-box .header .skin-column > strong, .box-skin.gn-box .header .skin-column > a {margin-bottom:1.75rem;font-size:2.125rem;line-height:1;letter-spacing:-.075em;color:#000}

/* gray style */
.box-skin.gray-st {padding:3.125rem 1.25rem;background-color:#f6f6f6}
#user-wrap .box-skin.gray-st {margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}

/* article style */
.box-skin.article {padding:1.375rem}
.box-skin.article .header > strong, .box-skin.article .header > a,.box-skin.article .header .skin-column > strong, .box-skin.article .header .skin-column > a {margin-bottom:1.5rem;font-size:1.375rem;line-height:1.125;letter-spacing:-.075em;color:#000;text-transform:uppercase}
@media screen and (max-width: 39.9375em) {
	.row .box-skin.article {margin-left:-1.25rem;margin-right:-1.25rem;padding:1.25rem;border:0}
}

/* more */
.idx-article-more {display:block;padding:1.125rem 1.25rem;margin:2.75rem 0 5.125rem;font-size:1.125rem;line-height:1;letter-spacing:-0.05em;background-color:#fff;border:1px solid rgba(0,0,0,.15);text-align:center;text-decoration:none !important;transition:border .5s ease-in-out}
.idx-article-more:hover {border-color:rgba(0,0,0,.35)}

/**********************************************
note : community
**********************************************/
.box-skin.community {margin-bottom:1.875rem;min-height:233px}
.box-skin.community .header > strong, .box-skin.community .header > a,.box-skin.community .header .skin-column > strong, .box-skin.community .header .skin-column > a {font-size:1.125rem;font-weight:normal;color:#fff;text-align:center;text-transform:uppercase}
#admin-wrap .box-skin.community {margin-left:-.9375rem;margin-right:-.9375rem;padding:1.25rem .9375rem;background-color:#1D262D}
.box-skin.community .content {display:block;font-size:0}
.box-skin.community .content .item {float:left;width:32%;margin-left:2%;margin-top:2%;padding:1rem .375rem;font-size:.75rem;font-weight:300;line-height:1.125;letter-spacing:-.075em;color:#fff;border:1px solid rgba(255,255,255,.08);text-align:center;text-decoration:none;transition:border-color .5s ease-in-out, background-color .5s ease-in-out}
.box-skin.community .content > :nth-child(3n + 1) {margin-left:0;clear:both}
.box-skin.community .content > :nth-child(1), .box-skin.community .content > :nth-child(2), .box-skin.community .content > :nth-child(3) {margin-top:0}
.box-skin.community .content .item > .fa {display:block;margin-bottom:.625rem;font-size:1.5em}
@media screen and (min-width: 64em) {
	.box-skin.community .content .item:hover {background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.5)}
}

/**********************************************
note : 기사리스트
**********************************************/
/* layout */
.user-snb {padding-right:0}
.article-list.for-custom {display:block;width:auto;padding:1.875rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
.article-list.for-custom .article-secneme {display:block;margin-bottom:3.25rem;font-size:3.25rem;font-weight:700;line-height:1;letter-spacing:-.075em;text-transform:uppercase;color:#000}
.article-list.for-custom .article-secneme::after {content:'';display:table;clear:both}
.article-list.for-custom .article-secneme > small {font-size:.9375rem;font-weight:300;line-height:1.125;letter-spacing:-.025em;opacity:.5}
.article-list.for-tile .article-secneme {display:block;margin-bottom:1.25rem;padding:1.875rem;font-size:3.25rem;font-weight:700;line-height:1;letter-spacing:-.075em;background-color:#fff;border:1px solid rgba(0,0,0,.12);text-transform:uppercase;color:#000}
.article-list.for-tile .article-secneme::after {content:'';display:table;clear:both}
.article-list.for-tile .article-secneme > small {font-size:.9375rem;font-weight:300;line-height:1.125;letter-spacing:-.025em;opacity:.5}
@media screen and (max-width: 63.9375em) {
	.row .user-content, .row .user-snb, .row .user-aside {display:block;width:auto;padding:0}
	.row .user-snb {margin-bottom:1.25rem}
}
@media screen and (max-width: 39.9375em) {
	.row .article-list.for-custom {padding:0;background:transparent;border:0}	
	.row .article-list.for-custom .article-secneme {margin-bottom:1.875rem;text-align:center}
	.row .article-list.for-custom .article-secneme > .float-left, .row .article-list.for-custom .article-secneme > .float-right {display:block;float:none !important}
	.row .article-list.for-custom .article-secneme > .float-left {margin-bottom:.5rem}
	.row .article-list.for-tile .article-secneme {padding:0;background:transparent;border:0}
	.row .article-list.for-tile .article-secneme > .float-left, .row .article-list.for-tile .article-secneme > .float-right {display:block;float:none !important}
	.row .article-list.for-tile .article-secneme > .float-left {margin-bottom:.5rem}
}

/* pagin */
.date-pagin {display:block;font-size:0}
.date-pagin .pic-date, .date-pagin .p-btn {display:inline-block;vertical-align:middle}
.date-pagin .pic-date {width:calc(100% - 64px);font-size:1.125rem;line-height:1;letter-spacing:-.05em;color:#000;text-align:center}
.date-pagin .p-btn {width:32px;height:32px;font-size:1.25rem;cursor:pointer;color:rgba(0,0,0,.5);transition:color .3s}
.date-pagin .p-btn:hover {color:#000}
@media screen and (max-width: 39.9375em) {
	.row .date-pagin .pic-date {overflow:hidden;font-size:1.875rem;text-overflow:ellipsis;white-space:nowrap}
	.row .date-pagin .p-btn {font-size:1.875rem}
}

/* types */
.cus-section::after {content:'';display:table;clear:both}
.cus-section .items, .cus-section .items > a, .cus-section .sub-titles, .cus-section .titles, .cus-section .name {display:block}
.cus-section .items {margin-top:1.875rem;padding-top:1.875rem;border-top:1px solid rgba(0,0,0,.05)}
.cus-section > :first-child {margin-top:0;padding-top:0;border-top:0}
.cus-section .items > a {text-decoration:none}
.cus-section .items > a::after {content:'';display:table;clear:both}
.cus-section .image {display:block;overflow:hidden;float:right;position:relative;width:85px;height:85px;margin-left:1.875rem;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:50%}
.cus-section .image::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:50%}
.cus-section .sub-titles {overflow:hidden;margin-bottom:.375rem;font-size:.875rem;font-style:normal;line-height:1.125;letter-spacing:-.05em;color:rgba(0,0,0,.5);text-overflow:ellipsis;white-space:nowrap}
.cus-section .titles {font-size:1.375rem;font-weight:700;line-height:1.25;letter-spacing:-.1em}
.cus-section .items a:hover .titles {text-decoration:underline}
.cus-section .name {margin-top:.8rem;font-size:.813rem;line-height:1.125;letter-spacing:-.025em;color:rgba(0,0,0,.5)}
.cus-section .dated {display:block;margin-top:.8rem;font-size:.75rem;line-height:1.125;letter-spacing:0;color:rgba(0,0,0,.4)}
@media screen and (max-width: 39.9375em) {
	.row .cus-section {margin-left:-1.25rem;margin-right:-1.25rem}
	.row .cus-section .items {margin-top:2%;padding:0;border-top:0}
	.row .cus-section .items > a {padding:1.25rem;background-color:#fff}
	.row .cus-section .image {float:none;margin-left:auto;margin-right:auto;margin-bottom:1.125rem}
	.row .cus-section .titles {font-size:1.25rem}
}

/* tile types */
.cus-section.tiles .items {float:left;width:calc(33.333333% - 14px);margin:0 0 1.25rem 1.313rem;padding:0;border:0}
.cus-section.tiles > :nth-child(3n + 1) {margin-left:0;clear:both}
.cus-section.tiles .items > a {display:block;min-height:264px;padding:1.375rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);transition:border-color .5s ease-in-out, box-shadow .5s ease-in-out}
.cus-section.tiles .image {float:none;margin:0 auto 1.25rem}
.cus-section.tiles .section {display:block;font-size:.9375rem;font-weight:700;font-style:normal;line-height:1;letter-spacing:-.075em;margin-bottom:.625rem;color:#ea2127}
.cus-section.tiles .titles {overflow:hidden;max-height:2.75em;font-size:1.375rem;line-height:1.375;text-decoration:none;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cus-section.tiles .sums {display:block;overflow:hidden;max-height:4.875em;margin-top:1.25rem;font-size:.875rem;line-height:1.625;letter-spacing:-.075em;color:rgba(0,0,0,.6);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media screen and (min-width: 64em) {
	.cus-section.tiles .items a:hover {border-color:rgba(0,0,0,.25);box-shadow:3px 3px 10px 0px rgba(0,0,0,.3)}
	.cus-section.tiles a:hover .titles {text-decoration:underline}
}
@media screen and (max-width: 63.9375em) {
	.row .cus-section.tiles .items > a {min-height:228px}
	.row .cus-section.tiles .titles {font-size:1.125rem}
}
@media screen and (max-width: 39.9375em) {
	.row .cus-section.tiles {margin:0}
	.row .cus-section.tiles .items {float:none;width:auto;margin:0 0 .625rem}
	.row .cus-section.tiles .items > a {min-height:inherit;margin-left:-1.25rem;margin-right:-1.25rem;padding:1.25rem;border:0}
	.row .cus-section.tiles .sums {display:none}
}

/* tile types for power people */
.cus-section.tiles .items.power > a {position:relative;transition:background-color .25s ease-in-out}
.cus-section.tiles .items.power > a:hover {background-color:#1D262D}
.cus-section.tiles .items.power > a::before {content:'피플파워';display:inline-block;position:absolute;z-index:5;right:1px;top:1px;padding:.25rem .75rem;font-size:.75rem;color:#fff;background-color:rgba(0,0,0,.2);transition:color .5s ease-in-out}
.cus-section.tiles .items.power > a:hover::before {color:#1D262D;background-color:#fff}
.cus-section.tiles .items.power .titles, .cus-section.tiles .items.power .sums {transition:color .5s ease-in-out}
.cus-section.tiles .items.power a:hover .titles {color:#fff}
.cus-section.tiles .items.power a:hover .sums {color:rgba(255,255,255,.65)}
.cus-section.tiles .items.power a:hover .dated {color:rgba(255,255,255,.4)}

/* pagin more */
.article-list .list-page {margin-top:2.125rem}
.article-list .list-page > .button {display:block;margin:1.875rem 0 0;padding:1.125rem 1.25rem;font-size:1.375rem;line-height:1;letter-spacing:-.1em;border:1px solid rgba(0,0,0,.12) !important;color:#000 !important;background-color:#fff;text-align:center;cursor:pointer;transition:border-color .5s ease-in-out}
@media screen and (min-width: 64em) {
	.article-list .list-page > .button:hover {border-color:rgba(0,0,0,.4) !important}
}
@media screen and (max-width: 39.9375em) {
	.row .article-list .list-page {margin:0}
	.row .article-list .list-page > .button {font-size:1.125rem}
}

/**********************************************
note : 기사뷰
**********************************************/
.gn-style .user-snb {position:relative;padding:1.875rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
.gn-style .user-snb .user-snb-wrapper {padding-left:1.25rem;padding-right:1.25rem}
.gn-style .article-view-header {padding-bottom:1.875rem;margin-bottom:1.875rem;border-bottom:1px solid rgba(0,0,0,.08)}
.gn-style .article-view-header .article-header-wrap .article-head-title {font-size:2.375rem;font-weight:700}
.gn-style .article-view-header .special-title, .article-view-header .article-header-wrap .special-title {display:block;margin:1.25rem 0 .375rem;font-size:.813rem;line-height:1.25;letter-spacing:-.05em}
.gn-style .article-view-header .info-text {float:none}
.gn-style .article-veiw-body.view-page p {font-weight:300}
@media screen and (min-width: 75em) {
	/*.gn-style .user-snb .user-snb-wrapper {padding-left:60px}*//* 배진희 / 906390 / 20191231 */
}
@media screen and (max-width: 39.9375em) {
	.row .gn-style .user-snb {margin-top:-1.25rem;margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem;border:0}
	.row .gn-style .user-snb .user-snb-wrapper {padding-left:0;padding-right:0}
	.row .gn-style .article-view-header .article-header-wrap .article-head-title {font-size:2rem;line-height:1.125;letter-spacing:-.05em}
}

/* 배진희 / 906390 / 20191231 */
/* social fixed */
.info-social.fixed {display:block;float:none;margin:1.25rem auto 0;font-size:0;text-align:center;top:auto !important;}
.info-social.fixed > li {display:inline-block;float:none !important;margin-left:0;margin-right:.25rem}
.info-social.fixed > :last-child {margin-right:0}
@media screen and (min-width: 75em) {
	.info-social.fixed {position:relative;z-index:100;left:1.875rem;top:0;width:auto;transition:transform .25s}
	#user-wrap.is-active .info-social.fixed {position:relative;left:auto}
	/*.info-social.fixed > li {margin:0}*/
	/*.info-social.fixed .options-btn {border-radius:0}*/
	.info-social.fixed .fonts-option-panel {top:50%;left:calc(100% + 10px);right:auto;-ms-transform:translateY(-50%);transform:translateY(-50%)}
	.info-social.fixed .fonts-option-panel::before, .info-social.fixed .fonts-option-panel::after {top:50%;bottom:auto;right:100%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
	.info-social.fixed .fonts-option-panel::before {border-right-color:rgba(0,0,0,.15);border-bottom-color:transparent}
	.info-social.fixed .fonts-option-panel::after {border-right-color:#fefefe;border-bottom-color:transparent}
}

/* social fixed *
.info-social.fixed {display:block;float:none;margin:1.25rem auto 0;font-size:0;text-align:center}
.info-social.fixed > li {display:inline-block;float:none !important;margin-left:0;margin-right:.25rem}
.info-social.fixed > :last-child {margin-right:0}
@media screen and (min-width: 75em) {
	.info-social.fixed {position:absolute;z-index:100;left:1.875rem;top:0;width:40px;transition:transform .25s}
	#user-wrap.is-active .info-social.fixed {position:fixed;left:auto}
	.info-social.fixed > li {margin:0}
	.info-social.fixed .options-btn {border-radius:0}
	.info-social.fixed .fonts-option-panel {top:50%;left:calc(100% + 10px);right:auto;-ms-transform:translateY(-50%);transform:translateY(-50%)}
	.info-social.fixed .fonts-option-panel::before, .info-social.fixed .fonts-option-panel::after {top:50%;bottom:auto;right:100%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
	.info-social.fixed .fonts-option-panel::before {border-right-color:rgba(0,0,0,.15);border-bottom-color:transparent}
	.info-social.fixed .fonts-option-panel::after {border-right-color:#fefefe;border-bottom-color:transparent}
}*/

/* user profile */
.user-profiles {display:block;border:1px solid #d8dddf}
.user-profiles::after {content:'';display:table;clear:both}
.user-profiles .image, .user-profiles .content {float:left}
.user-profiles .image {width:110px;height:124px;padding:.625rem}
.user-profiles .image > img {border-radius:5px}
.user-profiles .content {width:calc(100% - 110px);min-height:124px;border-left:1px solid #d8dddf}
.user-profiles .c-hd {position:relative;padding:1rem;border-bottom:1px solid #d8dddf}
.user-profiles .name {display:block;margin-bottom:.5rem;font-size:1rem;line-height:1;letter-spacing:-0.05em;color:#000}
.user-profiles .email {display:block;font-size:.813rem;line-height:1;letter-spacing:-0.025em;color:rgba(0,0,0,.5)}
.user-profiles .icon {display:block;overflow:hidden;position:absolute;z-index:10;right:1rem;top:50%;width:30px;height:30px;font-size:.9rem;color:#fefefe;background-color:#566074;border-radius:50%;text-align:center;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.user-profiles .icon > .fa {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.user-profiles .c-ct {padding:1rem;background-color:#fafafa}
.user-profiles .c-ct .item {margin:0 0 .625rem;font-size:.813rem;letter-spacing:-0.025em;color:#303030}
.user-profiles .c-ct > :last-child {margin-bottom:0}

.user-profiles .image .image-background{display:block; height:105px; background-repeat:no-repeat; background-size:cover; background-position:50%}

/* older table style reset */
.article-veiw-body.view-page table[cellspacing][cellpadding] {border-collapse:collapse}
.article-veiw-body.view-page table[cellspacing][cellpadding] thead, .article-veiw-body.view-page table[cellspacing][cellpadding] tbody, .article-veiw-body.view-page table[cellspacing][cellpadding] tfoot,
.article-veiw-body.view-page table[cellspacing][cellpadding] tr, .article-veiw-body.view-page table[cellspacing][cellpadding] th, .article-veiw-body.view-page table[cellspacing][cellpadding] td {border:0 !important;background:transparent !important}
@media screen and (min-width: 40em) {
	.article-veiw-body.view-page table[align="left"], .article-veiw-body.view-page table[align="right"] {width:auto}
}

/**********************************************
note : 후원
**********************************************/
.article-sponsor {display:block;text-align:center}
.article-sponsor > .inner {display:block;width:65%;max-width:450px;margin:0 auto;padding:1.875rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
.article-sponsor .spon-title {display:block;margin-bottom:1.375rem;font-size:1.375rem;font-weight:700;line-height:1.375;letter-spacing:-.1em}
.article-sponsor .spon-content {margin-bottom:1.375rem;text-align:left}
.article-sponsor .nd-radio {display:block;margin-bottom:.25rem;padding:0}
.article-sponsor .nd-radio input[type="checkbox"] ~ .nd-checked, .article-sponsor .nd-radio input[type="radio"] ~ .nd-checked {display:block;padding:1.125rem 1rem;background-color:#f8f8fa}
.article-sponsor .nd-radio input[type="checkbox"] ~ .nd-checked::before, .article-sponsor .nd-radio input[type="radio"] ~ .nd-checked::before {margin-right:0;vertical-align:middle}
.article-sponsor .nd-radio input[type="checkbox"]:checked ~ .nd-checked, .article-sponsor .nd-radio input[type="radio"]:checked ~ .nd-checked {background-color:#fffdd1}
.article-sponsor .nd-radio .text {display:inline-block;overflow:hidden;width:calc(100% - 22px);padding-left:.5rem;font-size:1.125rem;font-style:normal;line-height:1.125;letter-spacing:-.075em;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}
.article-sponsor .spon-content > :last-child {margin-bottom:0}
.article-sponsor .button {margin-bottom:0;letter-spacing:-.075em}
@media screen and (max-width: 63.9375em) {
	.row .article-sponsor > .inner {width:auto;max-width:100%}
}
@media screen and (max-width: 39.9375em) {
	.row .article-sponsor > .inner {padding:1.25rem}
	.row .article-sponsor .nd-radio .text {font-size:.875rem}
}

/**********************************************
note : 자동박스
**********************************************/
/* hp04 */
.auto-hp04 .auto-columns {overflow:hidden;float:left;position:relative;width:calc(33.33333% - 2px);margin-bottom:2px}
.auto-hp04 .auto-columns > a {display:block}
.auto-hp04 .auto-cover {display:block;overflow:hidden;position:relative;height:0;padding-bottom:56.25%}  
.auto-hp04 .auto-images {position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;transition:transform 1s ease-in-out}
.auto-hp04 a:hover .auto-images {-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}
.auto-hp04 .auto-content {display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;font-size:0;background-color:rgba(0,0,0,.35);text-align:center;transition:background-color .5s ease-in-out}
.auto-hp04 a:hover .auto-content {background-color:rgba(0,0,0,.75)}
.auto-hp04 .auto-inner {position:absolute;z-index:1;left:0;top:50%;padding:1.375rem;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.auto-hp04 .auto-section {display:inline-block;padding:.375rem 1rem;margin-bottom:1.125rem;font-size:.875rem;line-height:1;letter-spacing:-0.05em;color:#fff;background-color:#e73f72}
.auto-hp04 .auto-titles {display:block;overflow:hidden;max-height:2.75em;font-size:1.125rem;line-height:1.375;letter-spacing:-.075em;color:#fff;text-overflow:ellipsis}
.auto-hp04 a:hover .auto-titles {text-decoration:underline}
.auto-hp04 .auto-columns.large {width:66.66667%;margin-right:2px;clear:both}
.auto-hp04 .auto-columns.large .auto-titles {font-size:2.25rem;font-weight:700;}
.auto-hp04 .auto-columns.large .auto-content {position:static;left:auto;top:auto;bottom:auto;width:auto;height:auto;padding:1.875rem 1.875rem 1.875rem .875rem;background-color:transparent !important;text-align:left}
.auto-hp04 .auto-columns.large .auto-inner {position:relative;left:auto;top:auto;padding:0;-ms-transform:translateY(0);transform:translateY(0)}
.auto-hp04 .auto-columns.large .auto-section {position:absolute;z-index:1;left:0;bottom:100%;margin-bottom:0;font-size:1.125rem;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.auto-hp04 .auto-columns.large .auto-titles {color:#000}
@media screen and (max-width: 49.9375em) {
	.row .auto-hp04 .auto-columns {width:33.33333333%}
	.row .auto-hp04 .auto-cover {padding-bottom:80%}
	.row .auto-hp04 .auto-columns.large {float:none;width:auto}
	.row .auto-hp04 .auto-columns.large .auto-cover {padding-bottom:56.25%}
	.row .auto-hp04 .auto-columns.large .auto-titles {font-size:2rem;font-weight:400}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-hp04 .auto-columns {float:none;width:auto}
	.row .auto-hp04 .auto-cover {padding-bottom:42.5%}
	.row .auto-hp04 .auto-inner {width:100%;text-align:center}
	.row .auto-hp04 .auto-columns.large {margin-left:-1.25rem;margin-right:-1.25rem}
	.row .auto-hp04 .auto-columns.large .auto-content {padding-left:1.875rem}
}

/* hp05 */
.auto-hp05 .auto-col {float:left;position:relative;width:32%;margin-left:2%;margin-top:1.875rem}
.auto-hp05 .auto-col > a {display:block}
.auto-hp05 .auto-col:first-child {margin-top:0}
.auto-hp05 .auto-col.large, .auto-hp05 .auto-col.large + .auto-col {margin-left:0}
.auto-hp05 .auto-col.large {float:none;width:auto;clear:both}
.auto-hp05 .auto-cover {display:block;overflow:hidden;position:relative;width:auto;height:0;padding-bottom:65%}
.auto-hp05 .auto-col.large .auto-cover {width:75%;height:435px;padding-bottom:0}
.auto-hp05 .auto-images {position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;transition:transform .5s ease-in-out}
.auto-hp05 a:hover .auto-images {transform:scale(1.1, 1.1)}
.auto-hp05 .content {display:block;position:absolute;z-index:10;left:50%;top:50%;width:75%;padding:1.125rem;background-color:rgba(255,255,255,.9);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:width .5s ease-in-out, opacity .5s ease-in-out}
.auto-hp05 a:hover .content {width:82%;opacity:.8}
.auto-hp05 .auto-col.large .content {overflow:hidden;width:35%;left:auto;right:0;top:2.875rem;bottom:2.875rem;padding:1.875rem;background-color:#fff;border:1px solid rgba(0,0,0,.1);opacity:1 !important;-ms-transform:translate(0, 0);transform:translate(0, 0)}
.auto-hp05 .auto-titles {display:block;overflow:hidden;max-height:2.75em;font-size:1.063rem;font-weight:700;line-height:1.375;letter-spacing:-.025em;color:#000;text-overflow:ellipsis;transition:padding .5s ease-in-out}
.auto-hp05 a:hover .auto-titles {padding-left:3.5%;padding-right:3.5%}
.auto-hp05 .auto-col.large .auto-titles {max-height:4.125em;margin-bottom:1.125rem;font-size:1.438rem}
.auto-hp05 .auto-col.large a:hover .auto-titles {padding:0;text-decoration:underline}
.auto-hp05 .auto-sums {display:block;overflow:hidden;max-height:6.5em;font-size:.875rem;line-height:1.625;letter-spacing:-.025em;color:rgba(0,0,0,.65);text-overflow:ellipsis}
.auto-hp05 .auto-more {display:block;margin-top:1.875rem;font-size:.75rem;font-weight:700;font-style:normal;line-height:1.125;letter-spacing:0;text-transform:uppercase}
@media screen and (max-width: 63.9375em) {
	.row .auto-hp05 .auto-cover {padding-bottom:56.25%}
	.row .auto-hp05 .auto-col.large .auto-cover {width:auto;height:0;padding-bottom:56.25%}
	.row .auto-hp05 .content {position:static;z-index:inherit;left:auto;top:auto;width:auto !important;-ms-transform:translate(0, 0);transform:translate(0, 0)}
	.row .auto-hp05 a:hover .content {width:inherit;opacity:1}
	.row .auto-hp05 .auto-titles {font-weight:400}
	.row .auto-hp05 a:hover .auto-titles {padding-left:0;padding-right:0}
	.row .auto-hp05 .auto-col.large .auto-titles {margin-bottom:0;font-weight:700}
	.row .auto-hp05 .auto-sums, .row .auto-hp05 .auto-more {display:none}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-hp05 .auto-col {float:none;width:auto;margin-left:0}
	.row .auto-hp05 .auto-col.large {margin-left:-1.25rem;margin-right:-1.25rem}
	.row .auto-hp05 .auto-col.large .content {border:0}
}

/* hr14(headline) */
.auto-hr14 {position:relative;background-color:#1D262D}
.auto-hr14 .photo-titbg {display:block;padding:1.125rem 1.625rem;left:0;bottom:0;text-shadow:1px 1px rgba(0,0,0,.65)}
.auto-hr14 .auto-titles {display:block;overflow:hidden;font-size:2.5rem;font-weight:700;line-height:1.25;letter-spacing:-.1em;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.auto-hr14 .auto-images {display:block;height:0;padding-bottom:56.25%}
.auto-hr14 .auto-roll {float:left;width:68%}
.auto-hr14 .auto-nav {float:left;width:32%}
.auto-hr14 .auto-nav::before {content:'오늘 이슈';display:block;padding:1.5rem 1.25rem;color:rgba(255,255,255,.35);font-size:1.5rem;font-weight:300;line-height:1.125;letter-spacing:-0.05em;text-transform:uppercase}
.auto-hr14 .auto-nav .auto-content {padding:.9375rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);cursor:pointer}
.auto-hr14 .auto-nav > :first-child {border-top:none}
.auto-hr14 .auto-nav > :last-child {border-bottom:1px solid rgba(255,255,255,.08)}
.auto-hr14 .auto-nav .auto-content:after {content:'';display:table;clear:both}
.auto-hr14 .auto-nav .auto-titles {font-size:.9375rem;font-weight:300;line-height:1.125;letter-spacing:-.05em}
.auto-hr14 .auto-nav .slick-slide.slick-current {background-color:#e6336d}
.auto-hr14 .auto-mores {position:absolute;z-index:11;font-size:.75rem;color:rgba(255,255,255,.5);right:1.25rem;bottom:2.5rem}
.auto-hr14 .auto-mores a {color:rgba(255,255,255,.5)}
.auto-hr14 .auto-pager {margin:.625rem 0 1.375rem 0}
@media screen and (max-width: 69.9375em) {
	.row .auto-hr14 .auto-mores {display:none}
}
@media screen and (max-width: 63.9375em) {
	.row .auto-hr14 {margin:-1.875rem -1.25rem 0}
	.row .auto-hr14 .auto-roll, .row .auto-hr14 .auto-nav {display:block;float:none;width:auto}
	.row .auto-hr14 .auto-nav::before {display:none}
	.row .auto-hr14 .photo-titbg {padding-top:1rem;padding-bottom:1rem}
	.row .auto-hr14 .auto-roll .auto-titles {font-size:1.5rem}
	.row .auto-hr14 .auto-nav .auto-titles {font-size:.875rem}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-hr14 {background:#fff}
	.row .auto-hr14 .auto-images {padding-bottom:80%}
	.row .auto-hr14 .auto-nav {display:none}
	.row .auto-hr14 .photo-titbg {position:inherit;left:inherit;bottom:inherit;width:auto;background-color:#fff}
	.row .auto-hr14 .auto-titles {max-height:2.5em;font-size:1.25rem;font-weight:normal;line-height:1.25;color:#000;white-space:inherit;text-shadow:none;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}

/* mp07 */
.auto-mp07 .auto-columns {padding:1.375rem;background-color:#fff;border:1px solid transparent;transition:border-color .5s ease-in-out, box-shadow .5s ease-in-out}
.auto-mp07.tiles-2x .auto-columns {width:49%}
.auto-mp07 .dis-table {width:100%;table-layout:fixed}
.auto-mp07 .dis-table-cell {width:100%;vertical-align:middle}
.auto-mp07 .dis-table > :first-child {padding-right:1.875rem}
.auto-mp07 .dis-table > :last-child {width:80px}
.auto-mp07 .dis-table > :first-child:last-child {width:100%;padding-left:0}
.auto-mp07 .auto-images {display:block}
.auto-mp07 .auto-section {display:block;margin-bottom:1.125rem;font-size:.9375rem;font-weight:700;font-style:normal;line-height:1;letter-spacing:-.05em}
.auto-mp07 .auto-titles {display:block;overflow:hidden;height:2.75em;font-size:1.125rem;font-style:normal;line-height:1.375;letter-spacing:-0.05em;color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.auto-mp07 .auto-user {display:block;overflow:hidden;margin-top:.625rem;font-size:.813rem;font-style:normal;line-height:1.125;letter-spacing:-.05em;color:rgba(0,0,0,.45);text-overflow:ellipsis;white-space:nowrap}
@media screen and (min-width: 64em) {
	.auto-mp07 .auto-columns:hover {border-color:rgba(0,0,0,.25);box-shadow:3px 3px 10px 0px rgba(0,0,0,.3)}
	.auto-mp07 a:hover .auto-titles {text-decoration:underline}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-mp07 {margin-left:-1.25rem;margin-right:-1.25rem}
	.row .auto-mp07.tiles-2x .auto-columns {float:none;width:auto;margin-top:2%}
	.row .auto-mp07.tiles-2x .auto-columns:first-child {margin-top:0}
}

/* mp08 */
.auto-mp08 em {font-style:normal}
.auto-mp08 .auto-columns {display:none;position:relative;background-color:#fff;transition:box-shadow .5s ease-in-out}
.auto-mp08 .auto-columns > a,
.auto-mp08 .auto-images, .auto-mp08 .auto-content, .auto-mp08 .auto-section, .auto-mp08 .auto-titles, .auto-mp08 .auto-sums {display:block}
.auto-mp08 .auto-columns > a::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:transparent;border:1px solid transparent;transition:border-color .5s ease-in-out}
.auto-mp08 .auto-images {height:0;padding-bottom:56.25%}
.auto-mp08 .auto-content {overflow:hidden;height:136px;padding:1.375rem 1.875rem 2.125rem}
.auto-mp08 .auto-section {margin-bottom:1rem;font-size:.9375rem;font-weight:700;line-height:1;letter-spacing:-.075em}
.auto-mp08 .auto-titles {overflow:hidden;height:2.5em;font-size:1.75rem;font-weight:normal;line-height:1.25;letter-spacing:-.075em;color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.auto-mp08 .auto-images + .auto-content .auto-titles {height:2.75em;font-size:1.125rem;line-height:1.375}
.auto-mp08 .auto-sums {overflow:hidden;max-height:6.5em;margin-top:1.375rem;font-size:.9375rem;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.6);text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.auto-mp08 .auto-columns.only-text a:after {content:'';display:block;height:0;margin-top:136px;padding-bottom:56.25%}
.auto-mp08 .auto-columns.only-text .auto-content {position:absolute;z-index:1;left:0;top:0;height:auto;padding-top:1.875rem}
.auto-mp08 .more {display:block;margin:1.875rem 0;padding:1.125rem 1.25rem;font-size:1.375rem;line-height:1;letter-spacing:-.1em;border:1px solid rgba(0,0,0,.12);color:#000;background-color:#fff;text-align:center;cursor:pointer;transition:border-color .5s ease-in-out}
.auto-mp08 .more > .fa {margin-left:.625rem}
@media screen and (min-width: 64em) {
	.auto-mp08 .auto-columns:hover {border-color:rgba(0,0,0,.25);box-shadow:3px 3px 10px 0px rgba(0,0,0,.3)}
	.auto-mp08 .auto-columns > a:hover::before {border-color:rgba(0,0,0,.25)}
	.auto-mp08 .more:hover {border-color:rgba(0,0,0,.4)}
}
@media screen and (max-width: 63.9375em) {
	.row .auto-mp08 .auto-content {height:114px;padding:1.25rem}
	.row .auto-mp08 .auto-section {margin-bottom:.8rem;font-size:.9rem}
	.row .auto-mp08 .auto-titles {font-size:1.25rem}
	.row .auto-mp08 .auto-images + .auto-content .auto-titles {font-size:1.063rem}
	.row .auto-mp08 .auto-columns.only-text a:after {margin-top:114px}
	.row .auto-mp08 .auto-sums {max-height:4.875em;font-size:.8rem;-webkit-line-clamp:3}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-mp08 {margin-left:-1.25rem;margin-right:-1.25rem}
	.row .auto-mp08 .auto-columns:nth-child(n) {float:none;width:auto;margin:2% 0 0;clear:inherit}
	.row .auto-mp08 .auto-columns:nth-child(1) {margin-top:0}
	.row .auto-mp08 .auto-content {height:auto}
	.row .auto-mp08 .auto-sums {display:none}
	.row .auto-mp08 .auto-columns.only-text a:after {display:none}
	.row .auto-mp08 .auto-columns.only-text .auto-content {position:inherit;z-index:inherit;left:inherit;top:inherit;padding-top:1.25rem}
	.row .auto-mp08 .more {margin-left:1.25rem;margin-right:1.25rem;font-size:1.125rem}
}


/* ma08 */
.auto-ma08 .auto-columns > a {display:block;min-height:144px;padding:1.375rem;font-size:0;background-color:#fff;border:1px solid #e3e3e3;text-align:center;transition:background-color .5s ease-out, border-color .25s ease-in}
.auto-ma08 .auto-columns > a:hover {border-color:#a6a6a6}
.auto-ma08 .auto-section {display:inline-block;position:relative;margin-bottom:1.25rem;padding-bottom:.375rem;font-size:.9375rem;font-weight:700;font-style:normal;line-height:1.125;letter-spacing:-.05em}
.auto-ma08 .auto-section::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;right:0;bottom:0;height:0;border-top:1px solid #e73f72}
.auto-ma08 .auto-titles {display:block;overflow:hidden;height:2.75em;font-size:1.25rem;line-height:1.375;letter-spacing:-0.075em;color:#000;text-overflow:ellipsis}
@media screen and (max-width: 39.9375em) {
	.row .auto-ma08 .auto-columns {float:none;width:auto;margin-top:2% !important;margin-right:0}
	.row .auto-ma08 .auto-columns:first-child {margin-top:0 !important}
}

/* d04 */
.auto-d04 {position:relative}
.auto-d04 .item {display:block;margin-top:1.125rem;padding-top:1.125rem;border-top:1px solid rgba(0,0,0,.08)}
.auto-d04 .auto-titles {display:block;overflow:hidden;font-size:1.125rem;line-height:1.375;letter-spacing:-0.05em;text-overflow:ellipsis;white-space:nowrap}
.auto-d04 .more {display:block;margin-top:2.25rem;font-size:.75rem;line-height:1.125;letter-spacing:-.075em;color:rgba(0,0,0,.5);text-align:right}
.auto-d04 > :first-child {margin-top:0;padding-top:0;border-top:0}
@media screen and (min-width: 64em) {
	.auto-d04 .item:hover {text-decoration:underline}
}
@media screen and (max-width: 63.9375em) {
	.row .auto-d04 .item {font-size:1rem}
	.row .auto-d04 .more {text-align:left}
}

/* ta06 */
.auto-ta06 em {font-style:normal}
.auto-ta06 .item {width:100%;padding-top:1.125rem;margin-top:1.125rem;border-top:1px solid rgba(0,0,0,.08);table-layout:fixed}
.auto-ta06 > :first-child {padding-top:0;margin-top:0;border-top:0}
.auto-ta06 .item > .dis-table-cell {width:100%;vertical-align:middle}
.auto-ta06 .item > :first-child {padding-right:1.25rem}
.auto-ta06 .item > :last-child {width:65px}
.auto-ta06 .item > :first-child:last-child {width:100%}
.auto-ta06 .auto-images {display:block}
.auto-ta06 .auto-titles {display:block;overflow:hidden;max-height:2.75em;font-size:1rem;line-height:1.375;letter-spacing:-.075em;color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* bbs latest */
.bbs-latest .item {display:block;padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(0,0,0,.08)}
.bbs-latest .item:hover {text-decoration:underline}
.bbs-latest > :first-child {margin-top:0;padding-top:0;border-top:0}
.bbs-latest .titles {display:block;overflow:hidden;font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:-.05em;color:rgba(0,0,0,.95);text-overflow:ellipsis;white-space:nowrap}

/* dp05 */
.auto-dp05 .item {padding:1.375rem;background-color:#fff;border:1px solid transparent;transition:border-color .5s ease-in-out, box-shadow .5s ease-in-out}
.auto-dp05 .dis-table {width:100%;table-layout:fixed}
.auto-dp05 .dis-table-cell {width:100%;vertical-align:middle}
.auto-dp05 .dis-table > :first-child {padding-right:1.875rem}
.auto-dp05 .dis-table > :last-child {width:80px}
.auto-dp05 .dis-table > :first-child:last-child {width:100%;padding-left:0}
.auto-dp05 .auto-images {display:block}
.auto-dp05 .auto-section {display:block;margin-bottom:1.125rem;font-size:.9375rem;font-weight:700;font-style:normal;line-height:1;letter-spacing:-.05em}
.auto-dp05 .auto-titles {display:block;overflow:hidden;height:2.75em;font-size:1.125rem;font-style:normal;line-height:1.375;letter-spacing:-0.05em;color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.auto-dp05 .auto-user {display:block;overflow:hidden;margin-top:.625rem;font-size:.813rem;font-style:normal;line-height:1.125;letter-spacing:-.05em;color:rgba(0,0,0,.45);text-overflow:ellipsis;white-space:nowrap}
@media screen and (min-width: 64em) {
	.auto-dp05 .item:hover {border-color:rgba(0,0,0,.25);box-shadow:3px 3px 10px 0px rgba(0,0,0,.3)}
	.auto-dp05 a:hover .auto-titles {text-decoration:underline}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-dp05 {margin-left:-1.25rem;margin-right:-1.25rem}
}

/**********************************************
note : 신문사소개
**********************************************/
/* reset */
.origin-about {display:table;width:100%;table-layout:fixed}
.about-grid {display:table-cell;width:100%;vertical-align:top}
.about-grid.for-nav {width:280px}
.about-grid.for-content {padding-left:1.25rem}
.about-grid.for-content > .inner, .origin-about #com-nav {padding:1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
.about-grid.for-content > .inner {padding:1.875rem}
.about-grid.for-content > .inner::after {content:'';display:table;clear:both}
@media screen and (max-width: 63.9375em) {
	.row .origin-about, .row .about-grid {display:block;width:auto}
	.row .origin-about {table-layout:inherit}
	.row .about-grid.for-nav {display:none}
	.row .about-grid.for-content {padding:0}
}
@media screen and (max-width: 39.9375em) {
	.row .origin-about {margin-top:-.625rem;margin-left:-1.25rem;margin-right:-1.25rem}
	.row .about-grid.for-content > .inner {padding-left:1.25rem;padding-right:1.25rem;border:0}
}

/* layout */
.about-us {display:block}
.about-us::after {content:'';display:table;clear:both}

/* history */
.history::after, .history .group::after {content:'';display:table;clear:both}
.history .group {display:block;margin-bottom:3.25rem;padding-bottom:3.25rem;border-bottom:1px dotted rgba(0,0,0,.15)}
.history > :last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.history .years, .history .lists {float:left;min-height:1px}
.history .years {width:145px;font-size:2.875rem;font-weight:400;line-height:1;letter-spacing:-.05em;color:#000}
.history .lists {display:block;width:calc(100% - 145px);margin:0}
.history .lists::after {content:'';display:table;clear:both}
.history .days, .history .sums {display:block;float:left;margin-bottom:.8rem;font-size:1rem;line-height:1.25;letter-spacing:-0.05em}
.history .days {width:85px;font-weight:400;color:#000;clear:both}
.history .sums {width:calc(100% - 85px);font-weight:300;color:rgba(0,0,0,.6)}
.history .lists > :last-child, .history .lists > :nth-last-child(2) {margin-bottom:0}
@media screen and (max-width: 39.9375em) {
	.history .years, .history .lists {display:block;float:none;width:auto}
	.history .years {margin-bottom:1.375rem}
	.history .sums > br {display:none}
}

/* starter */
.starter .group {display:block;margin-bottom:3.25rem;padding-bottom:3.25rem;border-bottom:1px dotted rgba(0,0,0,.15)}
.starter > :last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.starter .titles {display:block;margin-bottom:1.25rem;font-size:1.375rem;line-height:1.25;letter-spacing:-.075em;color:#000}
.starter .items {display:block;margin-bottom:1.875rem}
.starter .items::after {content:'';display:table;clear:both}
.starter .group > :last-child {margin-bottom:0}
.starter .content {font-size:.875rem;font-weight:300;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.6)}
.starter .types {display:block;margin-bottom:1rem;font-size:1.125rem;line-height:1.25;letter-spacing:-.05em}
.starter .items .types, .starter .items .content {float:left;min-height:1px}
.starter .items .types {width:135px;padding-top:.125rem}
.starter .items .content {width:calc(100% - 135px)}
@media screen and (max-width: 39.9375em) {
	.starter .items .types, .starter .items .content {display:block;float:none;width:auto}	
}

/* promise */
.promise .group {display:block;margin-bottom:3.25rem}
.promise > :last-child {margin-bottom:0}
.promise .titles {display:block;margin-bottom:1.25rem;font-size:1.375rem;line-height:1.25;letter-spacing:-.075em;color:#000}
.promise .titles .num {display:inline-block;margin-right:.625rem;font-size:1.875em;letter-spacing:-0.075em}
.promise .content {font-size:.875rem;font-weight:300;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.6)}

/* organization */
.organ .group {display:block;margin-bottom:3.25rem;padding-bottom:3.25rem;border-bottom:1px dotted rgba(0,0,0,.15)}
.organ > :last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.organ .titles {display:block;margin-bottom:1.25rem;font-size:1.375rem;line-height:1.25;letter-spacing:-.075em;color:#000}
.organ .content.text-only {font-size:.875rem;font-weight:300;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.6)}
.organ .content.import ~ .import {margin-top:5rem}
.organ .content.text-only > strong {display:inline-block;margin-right:.625rem}
.organ .content::after {content:'';display:table;clear:both}
.organ .image {overflow:hidden;float:left;width:90px;border-radius:.2rem}
.organ .item {float:left;width:calc(100% - 90px);padding-left:1.875rem}
.organ .name {display:block;margin-bottom:1.25rem;font-size:1.375rem;line-height:1;letter-spacing:-0.075em}
.organ .duty {font-size:.625em;font-weight:normal;letter-spacing:-.05em}
.organ .lists {display:block;padding:0;margin:0;list-style:none}
.organ .lists > li {position:relative;padding-left:.625rem;margin-bottom:.5rem;font-size:.875rem;font-weight:300;line-height:1.25;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
.organ .lists > li::before {content:'';position:absolute;z-index:1;left:0;top:50%;width:3px;height:3px;background-color:rgba(0,0,0,.6);border-radius:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.organ .lists > :last-child {margin-bottom:0}

/* table */
.about-table {width:100%;border-collapse:collapse;table-layout:fixed}
.about-table caption {padding-left:0;padding-right:0;padding-bottom:1.375rem;font-size:1.375rem;font-weight:400;line-height:1;letter-spacing:-.075em;text-align:left}
.about-table caption.for-size {padding-bottom:.5rem;font-size:.75rem;color:rgba(0,0,0,.6);text-align:right}
.about-table th, .about-table td {font-size:.875rem;line-height:1.25;letter-spacing:-.025em}
.about-table.for-center th, .about-table.for-center td {text-align:center}
.about-table thead th, .about-table thead td {font-size:.875rem;text-align:center}
.about-table tbody th {font-size:1.063rem;font-weight:700;color:#000;background-color:#f9f9f9;border-right:1px solid rgba(0,0,0,.03);text-align:center}
.about-table tbody td {font-weight:300;border-right: 1px solid #f1f1f1;}
.about-table .vat {display:block;font-size:.75em;font-weight:normal}

/* rule */
.rule p {margin-bottom:1.875em;font-size:.875rem;font-weight:300;line-height:1.625;letter-spacing:-.025em;color:rgba(0,0,0,.8)}
.rule p > strong {display:block;font-size:1rem}

/* advertisement */
.advert .header {margin-bottom:3.25rem;text-align:center}
.advert .explain {margin-bottom:2.25rem;text-align:left}
.advert .explain p {font-size:.9375rem;line-height:1.375;letter-spacing:-.05em;color:rgba(0,0,0,.7)}
.advert .titles {display:block;margin-bottom:1.875rem;font-size:1.875rem;line-height:1.125;letter-spacing:-.075em;color:#000}
.advert .titles > .user-point {text-decoration:underline}
.advert .item-group::after, .advert .item::after {content:'';display:table;clear:both}
.advert .item-group .item {margin-top:2%;padding:1.375rem;border:1px solid rgba(0,0,0,.08)}
.advert .item .num, .advert .item .subject {display:block}
.advert .item .num {float:left;width:120px;font-size:3.875rem;font-weight:300;font-style:normal;line-height:1;color:#000}
.advert .item .text {float:left;width:calc(100% - 120px)}
.advert .item .subject {margin-bottom:1rem;font-size:1.375rem;font-weight:400;line-height:1.375;letter-spacing:-.075em}
.advert .item .sums {font-size:.875rem;font-weight:300;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.6)}
.ad-size-name {margin-bottom:50px}
.ad-size-name::after {content:'';display:table;clear:both}
.ad-size-name .image, .ad-size-name .tbl {float:left} 
.ad-size-name .image {width:260px}
.ad-size-name .tbl {width:calc(100% - 260px);padding-left:1.875rem}
@media screen and (max-width: 39.9375em) {
	.advert .item .num, .advert .item .text, .ad-size-name .image, .ad-size-name .tbl {float:none;width:auto}
	.advert .item .num {margin-bottom:2.125rem}
	.ad-size-name .image {text-align:center}
	.ad-size-name .tbl {padding-left:0}
}

/* ad kind group */
.kind-group .kind {display:block;margin-bottom:3.25rem;padding-bottom:3.25rem;border-bottom:1px dotted rgba(0,0,0,.15)}
.kind-group > :last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.kind-group .kind::after {content:'';display:table;clear:both}
.kind-group .kind .image, .kind-group .kind .k-txt {float:left}
.kind-group .kind .image {width:170px}
.kind-group .kind .k-txt {width:calc(100% - 170px);padding-left:1.875rem}
.kind-group .kind .subject {display:block;margin-bottom:1.25rem;font-size:1.375rem;font-weight:400;line-height:1.125;letter-spacing:-.05em}
.kind-group .kind .sums {padding:0;margin:0;font-size:.875rem;font-weight:300;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.6)}
.kind-group .kind .guide {display:block;margin-top:2.375rem;font-size:.75rem;font-weight:300;line-height:1.125;letter-spacing:-.05em}

/* ad price */
.price-guide {display:block;margin:3.25rem 0 0;padding:0;list-style:none}
.price-guide > li {position:relative;padding-left:.625rem;margin-bottom:.8rem;font-size:.875rem;line-height:1.25;letter-spacing:-.05em;color:rgba(0,0,0,.65)}
.price-guide > li::before {content:'';position:absolute;z-index:1;left:0;top:.5rem;margin-right:.5rem;width:3px;height:3px;background-color:rgba(0,0,0,.65);border-radius:50%}
.price-guide > :last-child {margin-bottom:0}

/* paper board */
.paper-board::after {content:'';display:table;clear:both}
.paper-board .header {margin-bottom:3.25rem;font-size:.9375rem;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.8)}
.paper-board .latest-group {margin-bottom:3.25rem}
.paper-board .latest-group::after {content:'';display:table;clear:both} 
.paper-board .latest-group .latest {float:left;width:49%;margin-left:2%}
.paper-board .latest-group > :nth-child(2n + 1) {margin-left:0;clear:both}
.paper-board .item-group .item {display:block;margin-bottom:3.25rem;padding-bottom:3.25rem;border-bottom:1px dotted rgba(0,0,0,.15)}
.paper-board .item-group > :last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.paper-board .item-group .item .subject {display:block;margin-bottom:1.25rem;font-size:1.375rem;font-weight:400;line-height:1.125;letter-spacing:-.05em}
.paper-board .item-group .item .content {font-size:.875rem;font-weight:300;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.6)}
.paper-board .item-group .item .content.for-story {margin-top:2.375rem}
.paper-board .item-group .item .content > strong {display:block;margin-bottom:.5rem;font-size:1rem;letter-spacing:-.025em}

/* support */
.about-sponsor .group {margin-bottom:3.25rem}
.about-sponsor > :last-child {margin-bottom:0}
.about-sponsor .titles {display:block;position:relative;max-width:560px;margin:0 auto 2.875rem;font-family:serif;font-size:1.75rem;font-weight:400;line-height:1.125;letter-spacing:-.075em;text-align:center}
.about-sponsor .titles::before, .about-sponsor .titles::after {content:'';position:absolute;z-index:1;top:0;width:14px;height:100%;border-style:solid;border-color:#000}
.about-sponsor .titles::before {left:0;border-width:2px 0 2px 7px}
.about-sponsor .titles::after {right:0;border-width:2px 7px 2px 0}
.about-sponsor .titles > .item {display:block;margin-bottom:1rem;font-size:inherit}
.about-sponsor .titles > :last-child {margin-bottom:0}
.about-sponsor .content {font-size:.9375rem;line-height:1.625;letter-spacing:-.05em;text-align:center}
.about-sponsor .content > p {margin-bottom:1.375em}
.about-sponsor .content > :last-child {margin-bottom:0}
@media screen and (max-width: 39.9375em) {
	.row .about-sponsor .titles {padding:0 1.875rem;font-family:inherit;font-size:1.25rem;font-weight:700}
}

/* subscribe */
#event-wrap.subscribe {display:block}
#event-wrap.subscribe::after, #event-wrap.subscribe .event-content::after {content:'';display:table;clear:both}
#event-wrap.subscribe .event-titles {position:relative;overflow:hidden;padding:0 0 1.063rem;margin-bottom:1.25rem;font-size:2rem;font-weight:700;letter-spacing:-0.08rem;text-align:center}
#event-wrap.subscribe .event-titles::before {content:'';position:absolute;z-index:1;width:44px;border-bottom:1px solid #dddee1;left:50%;bottom:0;transform:translateX(-50%)} 
#event-wrap.subscribe .event-agree {text-align:left}
#event-wrap.subscribe .event-agree-titles {margin-bottom:1rem;font-size:1.125rem;line-height:1;letter-spacing:-.075em;text-align:left}
#event-wrap.subscribe .event-agree-text {height:140px;padding:1.25rem;font-size:.875rem;line-height:1.625;letter-spacing:-.05em;border-color:rgba(0,0,0,.1);box-shadow:none}
#event-wrap.subscribe .event-agree-text[readonly] {background:#fff}
#event-wrap.subscribe .img_ecaptcha {width:100%;max-width:200px;min-width:80px;max-height:40px}

/* recruit */
.recruit .group {display:block;margin-bottom:5rem}
.recruit > :last-child {margin-bottom:0}
.recruit .titles {display:block;margin-bottom:1.375rem;font-size:1.375rem;line-height:1.125;letter-spacing:-.075em;color:#000}
.recruit .content {font-size:.9375rem;line-height:1.625;letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.recruit .content > p {margin:0 0 1.25em;padding:0;font-size:inherit}
.recruit .content > .button {font-size:1.063rem;letter-spacing:-.075em}
.recruit .content > :last-child {margin-bottom:0}
.recruit .graphic {display:block;margin-bottom:2.125rem;font-size:0;text-align:center}
.recruit .graphic > .item {display:inline-block;overflow:hidden;width:125px;height:125px;margin-right:1rem;font-size:1.125rem;line-height:125px;letter-spacing:-.05em;color:#fff;background-color:#a0a0a0;border-radius:50%;transition:background-color .3s}
.recruit .graphic > .item:hover {background-color:#555}
.recruit .graphic > :last-child {margin-right:0}
.recruit table {width:100%;border-top:2px solid #555;border-collapse:collapse;table-layout:fixed}
.recruit table th, .recruit table td {padding:.8rem 1rem;font-size:.9375rem;line-height:1.375;letter-spacing:-.05em}
.recruit table tbody th {background-color:rgba(0,0,0,.025);border-right:1px solid rgba(0,0,0,.03)}
.recruit table tbody td {font-size:.875rem;color:rgba(0,0,0,.6)}
.recruit table tbody td a {color:rgba(0,0,0,.6)}
.recruit table ol {margin-bottom:0}
.recruit table ol > li {margin-bottom:.5rem;font-size:inherit;color:rgba(0,0,0,.6)}
.recruit table ol > :last-child {margin-bottom:0}
.recruit .label-group, .recruit .label {margin-bottom:0}
.recruit .label-group {margin-top:.375rem}
.recruit .label {font-size:.75rem}
@media screen and (max-width: 39.9375em) {
	.recruit br {display:none}
	.recruit .graphic > .item {width:80px;height:80px;margin-right:.5rem;font-size:1rem;line-height:80px}
	.recruit .graphic > :last-child {margin-right:0}
	.recruit table, .recruit table thead, .recruit table tbody, .recruit table tfoot, .recruit table tr, .recruit table th, .recruit table td {display:block;width:auto}
	.recruit table tbody th {border-right:0}
}

/**********************************************
note : 숏코드
**********************************************/
/* community */
.comm-box .group {margin-bottom:1.25rem;padding:1.875rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);text-align:left}
.comm-box .group::after {content:'';display:table;clear:both}
.comm-box > :last-child {margin-bottom:0}
.comm-box .group .header, .comm-box .group .content {float:left}
.comm-box .group .header {width:150px;font-size:0;text-align:left}
.comm-box .group .titles {display:inline-block;position:relative;padding-top:.25rem;font-size:1.875rem;line-height:1;letter-spacing:-.05em;color:#000;text-transform:uppercase}
.comm-box .group .titles:first-letter {font-size:1.375em;font-weight:700}
.comm-box .group .titles::after {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:0;width:100%;height:0;border-top:1px solid #000}
.comm-box .group .content {width:calc(100% - 150px)}
.comm-box .item {display:table;width:100%;margin-bottom:1.875rem;text-decoration:none;table-layout:fixed}
.comm-box .item.text-only {display:block;margin-right:40px;width:auto;font-size:1.438rem;font-weight:700;line-height:1;letter-spacing:-.075em;color:#000;table-layout:inherit}
.comm-box .item.text-only:hover {text-decoration:underline}

.comm-box .group .content > :last-child {margin-bottom:0}
.comm-box .item .dis-table-cell {width:100%;vertical-align:middle}
.comm-box .item > :first-child {width:100px}
.comm-box .item > :last-child {padding-left:2.125rem}
.comm-box .item .subject, .comm-box .item .sums {display:block}
.comm-box .item .subject {margin-bottom:.375rem;font-size:1.438rem;line-height:1;letter-spacing:-.075em;color:#000}
.comm-box a:hover .subject {text-decoration:underline}
.comm-box .item .sums {font-size:.9375rem;line-height:1.375;letter-spacing:-.05em;color:rgba(0,0,0,.5)}
.comm-box .item .sums > a[href] {display:block;color:rgba(0,0,0,.5)}
@media screen and (max-width: 63.9375em) {
	.row .comm-box .group .header {width:180px}
	.row .comm-box .group .content {width:calc(100% - 180px)}
}
@media screen and (max-width: 39.9375em) {

	.row .comm-box {margin:-.625rem -1.25rem 1.25rem}
	.row .comm-box .group {border:0}
	.row .comm-box .group .header, .row .comm-box .group .content {display:block;width:auto;float:none}
	.row .comm-box .group .header {margin-bottom:2.875rem}
	.row .comm-box .item > :first-child {width:68px}
	.row .comm-box .item.text-only, .row .comm-box .item .subject {font-size:1.25rem}
	.row .comm-box .item .sums {font-size:.875rem}
	.row .comm-box .item .sums > br {display:none}
}


/* sponsor */
.sponsor-box {display:table;width:100%;margin-bottom:1.25rem;background-color:#fff;table-layout:fixed}
.sponsor-box .header, .sponsor-box .content {display:table-cell;width:100%;vertical-align:top}
.sponsor-box .header {width:200px;padding:3.25rem 1.375rem;font-size:0;background-color:#e73f72;text-align:center}
.sponsor-box .header .subject {display:inline-block;padding:.375rem 1rem;margin-bottom:1rem;font-size:.875rem;font-style:normal;line-height:1;color:#fff;background-color:rgba(0,0,0,.25)}
.sponsor-box .header .titles {display:block;font-size:1.75rem;font-weight:700;line-height:1.125;letter-spacing:-.1em;color:#fff}
.sponsor-box .header .sums {display:block;position:relative;margin:1.875rem 0 0;padding-top:1.875rem;font-size:.9375rem;font-weight:300;line-height:1.375;letter-spacing:-.075em;color:#fff}
.sponsor-box .header .sums::before {content:'';position:absolute;z-index:1;left:50%;top:0;width:50%;max-width:25px;height:0;border-top:1px solid rgba(255,255,255,.5);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.sponsor-box .content {padding:1.875rem;border:1px solid rgba(0,0,0,.12);border-left:0}
@media screen and (max-width: 39.9375em) {
	.row .sponsor-box, .row .sponsor-box .header, .row .sponsor-box .content {display:block;width:auto} 
	.row .sponsor-box {margin-top:-.625rem;margin-left:-1.25rem;margin-right:-1.25rem}
	.row .sponsor-box .header .sums > br {display:none}
	.row .sponsor-box .content {border:0}
}

/* support */
.support-box::after {content:'';display:table;clear:both}
.support-box .item {display:block;float:left;width:calc(50% - 10px);margin-left:1.25rem;margin-bottom:1.25rem;padding:1.875rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);text-align:center;text-decoration:none}
.support-box > :nth-child(2n + 1) {margin-left:0;clear:both}
.support-box .image {display:block;overflow:hidden;width:85px;min-height:90px;margin:0 auto 1.875rem}
.support-box .subject {display:block;margin-bottom:.8rem;font-size:1.375rem;font-weight:700;line-height:1.125;letter-spacing:-.1em;color:#000}
.support-box .sums {display:block;overflow:hidden;height:2.75em;font-size:.9375rem;line-height:1.375;letter-spacing:-.075em;color:rgba(0,0,0,.6);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width: 39.9375em) {
	.row .support-box {margin:-.625rem -1.25rem 1.25rem}
	.row .support-box .item {float:none;width:auto;margin:0 0 .625rem;border:0}
	.row .support-box > :last-child {margin-bottom:0}
}

/* opinion */
.idx-opinion {display:block}
.idx-opinion::after {content:'';display:table;clear:both}
.idx-opinion > .item {float:left;width:49%;margin-left:2%;margin-top:2%}
.idx-opinion > :nth-child(2n + 1) {margin-left:0}
.idx-opinion > :nth-child(1), .idx-opinion > :nth-child(2) {margin-top:0}
@media screen and (max-width: 39.9375em) {
	.row .idx-opinion > .item {float:none;width:auto;margin-top:2%;margin-left:0}
	.row .idx-opinion > :first-child {margin-top:0}
}

/**********************************************
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:.8rem;line-height:1.25em;letter-spacing:-0.05em;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:1em;letter-spacing:-0.025em;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) {
    #emoji-for .emoji-btns {width:60px}
    #emoji-for .emoji-btns .text {font-size:.7rem}
}


/* tabs */
.emoji-tabs .tabs {border:none}
.emoji-tabs .tabs-title {text-align:center}
.emoji-tabs .tabs-title:first-child:last-child {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:1rem;line-height:1em;letter-spacing:-0.05em;color:rgba(0,0,0,.45);background-color:rgba(0,0,0,.025);border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.emoji-tabs .tabs-title:first-child > a {border-left:1px solid rgba(0,0,0,.08)}
.emoji-tabs .tabs-title > a:focus,.emoji-tabs .tabs-title > a[aria-selected="true"] {font-weight:700;color:rgba(0,0,0,.9);background-color:#fefefe}
.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}

/**********************************************
note : myhome
**********************************************/
#admin-wrap.newsroom #admin-nav > ul > li > ul.child-menu {background-color:#303740}
#admin-wrap.active #admin-nav > ul > li > ul.child-menu {border-right-color:#3498db}

/**********************************************
note : muti util banner
**********************************************/
.banner-multi-box .row.small-up-1 > .column, .banner-multi-box .row.small-up-1 > .columns {padding-left:0;padding-right:0}

/**********************************************
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-weight:400;color:#9ca4b2;font-size:.75rem;font-family:'dotum'}

.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 > tr > td{ padding:20px; border-bottom:1px solid #ddd}
.scrap-list .my-article-list > table > tbody > tr:last-child > td {border-bottom:0}
.scrap-list .my-article-list .list-dated {font-size:12px;color:#999;font-family:'dotum';font-weight:400}
.scrap-list .my-article-list .reg-date {font-size:11px;font-family:'dotum';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}
}

#admin-wrap .edit-level1 {min-height:10px}



/*배너*/
/* 가로 370 */
.banner_box-list {display:inline-block;width:100%;margin-bottom:10px;}
.banner_box-list ul {margin: 0;}
.banner_box-list ul li {float:left;list-style: none;}
.banner_box-list ul li {float:left;margin-left:20px;list-style: none;}
.banner_box-list ul li:first-child {margin-left:0;}

.banner_box-list2 {display:inline-block;width:100%;margin-bottom:10px;}
.banner_box-list2 ul {margin: 0;}
.banner_box-list2 ul li {float:left;list-style: none;width:33.3%;}
.banner_box-list2 ul li {float:left;margin-left:0px;list-style: none;}
.banner_box-list2 ul li:first-child {margin-left:0;}


@media screen and (max-width: 39.9375em) {
 .banner_box-list2 {display:block;overflow:hidden;width:100%;margin-bottom:10px;}
 .banner_box-list2 ul {margin: 0;}
.banner_box-list2 ul li {float:left;list-style: none;width:100%;}
.banner_box-list2 ul li {float:left;margin-left:0px;list-style: none;}
.banner_box-list2 ul li:first-child {margin-left:0;}
}


/* 신경훈 / 937060 / 20200402 */
.vote-banner01, .vote-banner02{margin:0}
.vote-banner01 .banner_box img,
.vote-banner02 .banner_box img{width:100%}
.vote-banner01{list-style:none}
.vote-banner01 li{margin:5px 0; width:49%; float:left; text-align:center}
.vote-banner01 li:last-child{float:right}
.vote-banner02{list-style:none}
.vote-banner02 li{margin-bottom:5px; width:32%; float:left; margin-left:2%}
.vote-banner02 li:first-child{margin-left:0}

@media screen and (max-width: 39.9375em) {
.vote-banner01 li{width:100%; float:none !important}
.vote-banner02 li{width:100%; float:none !important; margin:0}

}

/* 배진희 / 979646 / 20200828 */
.sponsor-box.community-new .header{padding:5rem 1.375rem;}
.sponsor-box.community-new.box01 .header{background:#f4b084}
.sponsor-box.community-new.box02 .header{background:#9bc2e6}
.sponsor-box.community-new.box03 .header{background:#ffd966}
.sponsor-box.community-new.box04 .header{background:#bfbfbf}
.sponsor-box.community-new .header .titles{color:#222;}
.sponsor-box.community-new .header .sums{color:#5d5d5d;}
.sponsor-box.community-new .header .sums::before{border-top:1px solid rgba(0,0,0,.2)}
.sponsor-box.community-new.btn-group{}
.sponsor-box.community-new.btn-group ul{margin:0;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.12)}
.sponsor-box.community-new.btn-group ul li{float:left;width:20%;}
.sponsor-box.community-new.btn-group ul li a{position:relative;display:block;padding:10px 0;text-align:center;font-weight:bolder;}
.sponsor-box.community-new.btn-group ul li a:hover{text-decoration:none;color:#ea2127}
.sponsor-box.community-new.btn-group ul li a:after{content:"";position:absolute;right:0;top:25%;;width:1px;height:50%;background:rgba(0,0,0,.2);}
.sponsor-box.community-new.btn-group ul li:last-child a:after{display:none;}
@media screen and (max-width: 39.9375em) {
.sponsor-box.community-new.btn-group ul li a{font-size:13px}
}



/* 황자연 / 980449 / 20200831 */
.auto-mp08 .auto-titles {font-size:1.5rem; }

/* 김민희 / 1030984 / 20210218 */
.auto-pa02 .auto-images {padding-bottom:80% !important;}