@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap&subset=korean');
/**********************************************
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:'Noto Sans KR','Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}
strong, b {font-weight:500}

/**********************************************
note : 메인판
**********************************************/
/* sisain */
.index-wrap.sisain {margin-left:-1.5rem;margin-right:-1.5rem}
.index-wrap.sisain .float-center[class*="max-width-"] {padding:0 1.5rem}
.index-wrap.sisain .index-columns.grid-1, .index-wrap.sisain .index-columns.grid-4 {padding:0 1.5rem 0 0}
.index-wrap.sisain .index-columns.grid-2 {padding:0 1.5rem;border-left:1px solid #a3a5a9;border-right:1px solid #a3a5a9}
.index-wrap.sisain .index-columns.grid-3 {padding:0 0 0 1.5rem}
.index-wrap.sisain .index-columns.grid-4 {border-right:1px solid #a3a5a9}
.index-wrap.sisain .index-columns.grid-5 {padding-left:1.5rem;border-left:1px solid #a3a5a9}
.index-wrap.sisain .index-columns-flex {margin:1.5rem 0;padding:3.25rem 0 2.125rem;background:#313236}
.index-wrap.sisain .index-columns-flex .index-columns.grid-2, .index-wrap.sisain .index-columns-flex .index-columns.grid-4 {border-color:transparent}
@media screen and (max-width: 63.9375em) {
	.row .index-wrap.sisain .medium-block, .row .index-wrap.sisain .medium-block > .index-columns {display:block;width:auto;padding:0;border:0}
	.row .index-wrap.sisain .medium-block > .index-columns.grid-3 {margin-top:1.875rem}
	.row .index-wrap.sisain .index-columns.grid-2, .index-wrap.sisain .index-columns.grid-4 {padding-right:0;border-right:0}
}
@media screen and (max-width: 39.9375em) {
	.row .index-wrap.sisain .index-row, .row .index-wrap.sisain .index-columns {display:block;width:auto}
	.row .index-wrap.sisain .index-columns {padding-left:0 !important;padding-right:0 !important;border:0 !important}
}

/* cover */
.index-wrap.cover {background-color:#1C2833}
.index-wrap.cover .index-columns.grid-1 {width:100%}
.index-wrap.cover .index-columns.grid-2 {width:325px;padding:0}
@media screen and (max-width: 63.9375em) {
	.row .index-wrap.cover {max-width:none;padding:0 1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}
	.row .index-wrap.cover .index-columns.grid-1 .box-skin.cover-in {padding-right:0 !important}
	.row .index-wrap.cover .index-columns.grid-2 {width:260px}
}
@media screen and (max-width: 39.9375em) {
	.row .index-wrap.cover .index-row, .row .index-wrap.cover .index-columns {display:block !important;width:auto !important}
	.row .index-wrap.cover .index-columns {padding-left:0 !important;padding-right:0 !important}
}

/* basic box titles */
.basic-boxtitle {display:block;overflow:hidden;margin-bottom:1.875rem;font-size:1.625rem;font-weight:700;line-height:1.125;letter-spacing:0;color:rgba(0,0,0,.95);text-align:center;text-overflow:ellipsis;white-space:nowrap}
.basic-boxtitle.white {color:#fff}

/**********************************************
note : 박스모음
**********************************************/
/* sisain - eng */
.box-skin.for-eng.left {margin-bottom:80px}
.box-skin.for-eng .header > strong, .box-skin.for-eng .header > a,.box-skin.for-eng .header .skin-column > strong, .box-skin.for-eng .header .skin-column > a {margin-bottom:1.875rem;font-size:1.625rem;font-weight:700;line-height:1;letter-spacing:0;color:#fff;text-align:center}
.box-skin.for-eng.dark .header > strong, .box-skin.for-eng.dark .header > a,.box-skin.for-eng.dark .header .skin-column > strong, .box-skin.for-eng.dark .header .skin-column > a {margin-bottom:1.625rem;font-size:1.625rem;color:rgba(0,0,0,.95)}
.box-skin.for-eng.left .header > strong, .box-skin.for-eng.left .header > a,.box-skin.for-eng.left .header .skin-column > strong, .box-skin.for-eng.left .header .skin-column > a {text-align:left}
@media screen and (max-width: 39.9375em) {
	.row .box-skin.for-eng.left .header > strong, .row .box-skin.for-eng.left .header > a, .row .box-skin.for-eng.left .header .skin-column > strong, .row .box-skin.for-eng.left .header .skin-column > a {text-align:center}
}

/* sisain - kor */
.box-skin.for-kor .header > strong, .box-skin.for-kor .header > a,.box-skin.for-kor .header .skin-column > strong, .box-skin.for-kor .header .skin-column > a {margin-bottom:1.375rem;font-size:1.438rem;font-weight:700;line-height:1;letter-spacing:-.1em;color:rgba(0,0,0,.95)}

/* hidden box margins
@media screen and (max-width: 39.9375em) {
	.box-skin.hide-mb + .box-margins {display:none}
}*/

/* cover in */
.box-skin.cover-in {padding:0 60px}
.box-skin.cover-in .header > strong, .box-skin.cover-in .header > a,.box-skin.cover-in .header .skin-column > strong, .box-skin.cover-in .header .skin-column > a {margin-bottom:1.875rem;font-size:2rem;font-weight:700;letter-spacing:-.075em;text-transform:uppercase;color:#fff}
@media screen and (max-width: 39.9375em) {
	.row .box-skin.cover-in {padding:0}
	.row .box-skin.cover-in .header > strong, .row .box-skin.cover-in .header > a, .row .box-skin.cover-in .header .skin-column > strong, .row .box-skin.cover-in .header .skin-column > a {text-align:center}
}


/**********************************************
note : 회원가입
**********************************************/
.member-join .join-content .join-type .join-type-title {display:block}

/* email pass */
.email-pass {padding:2.875rem 0;border-top:1px solid rgba(0,0,0,.12);text-align:center}
.email-pass .pass-titles {display:block;margin-bottom:1.25rem;font-size:1.875rem;font-weight:700;line-height:1.25;letter-spacing:-0.075em;color:#e31b1b}
.email-pass .email-pass-point{color:#e31b1b}
.email-pass p {font-size:1.2rem;line-height:1.625;letter-spacing:-.05em;color:#5d6a82;word-break: keep-all;}
.email-pass > .button {margin-bottom:0;margin-top:1.875rem}




/**********************************************
note : 기사리스트
**********************************************/
/* 판형 */
@media screen and (max-width: 63.9375em) {
	.row .user-content, .row .user-snb, .row .user-aside {display:block;width:auto}
}

.article-list {display:block;width:auto}
#admin-content .article-list {display:grid;width:100%;}
.section-tile {margin-bottom:3.25rem}
.section-tile::after {content:'';display:table;clear:both}
.section-tile .items {float:right;width:41.5%;margin-top:1.625rem;padding-top:1.625rem;border-top:1px solid #a3a5a9}
.section-tile .items::after {content:'';display:table;clear:both}
.section-tile > :nth-of-type(4n + 1) {float:left;width:55%}
.section-tile > :nth-of-type(4n + 1), .section-tile > :nth-of-type(4n + 2) {margin-top:3.25rem;padding-top:0;border-top:0}
.section-tile > :nth-of-type(1), .section-tile > :nth-of-type(2) {margin-top:0}
.section-tile .items > a {display:block}
.section-tile .items > a::after {content:'';display:table;clear:both}
.section-tile .image-frame {display:block;float:right;width:36.25%;margin-left:1.125rem}
.section-tile > :nth-of-type(4n + 1) .image-frame {float:none;width:auto;margin-left:0}
.section-tile .items .image {display:block;overflow:hidden;width:auto;height:0;padding-bottom:56.25%;background-image:url(/image/logo/csslogo.png);background-position:50% top;background-repeat:no-repeat;background-size:148px auto}
.section-tile .items .image[style*="background-image"] {background-size:cover}
.section-tile > :nth-of-type(4n + 1) .image {margin:0}
.section-tile .titles {display:block;overflow:hidden;max-height:4.125em;font-size:1.25rem;font-weight:400;line-height:1.375;letter-spacing:-.1em;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:opacity .3s}
.section-tile > :nth-of-type(4n + 1) .titles {max-height:inherit;min-height: 2.75em;margin-top:.625rem;font-size:1.875rem;white-space:nowrap;-webkit-line-clamp:initial;-webkit-box-orient:initial}
.section-tile a:hover .titles {opacity:.7;filter:alpha(opacity=70)}
.section-tile .for-ad {float:none;width:auto;padding:2.875rem 0;text-align:center;clear:both}
.section-tile .for-ad-m {float:none;width:auto;padding:1.875rem 0;text-align:center;clear:both}

@media screen and (max-width: 63.9375em) {
	.row .section-tile .titles {max-height:2.75em;font-size:1.063rem}
	.row .section-tile > :nth-of-type(4n + 1) .titles {font-size:1.375rem}
}
@media screen and (max-width: 39.9375em) {
	.row .section-tile .items {float:none;width:auto;padding-top:1.125rem;margin-top:1.125rem;border-top:1px solid #a3a5a9}
	.row .section-tile > :nth-of-type(4n + 1) {margin-left:-1.5rem;margin-right:-1.5rem}
	.row .section-tile > :nth-of-type(1) {padding-top:0;margin-top:0;border-top:0}
	.row .section-tile > :nth-of-type(4n + 1) .titles {padding-left:1.5rem;padding-right:1.5rem}
	.row .section-tile .items .image {padding-bottom:66.666667%;background-size:50% auto}
	.row .section-tile .items .image[style*="background-image"] {background-size:cover}
}

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

.article-list-title{font-size:2rem; color:#df0f26; font-weight: bold; margin-bottom:1rem;}

/**********************************************
note : 기사뷰
**********************************************/
/* layout */
.cus-view {display:block;max-width:860px;margin:0 auto;}

/* header */
.cus-view .article-view-header .article-header-wrap .article-head-title {font-weight:700;color:rgba(0,0,0,.95)}
@media screen and (min-width: 64em) {
	.cus-view .article-view-header .article-header-wrap .article-head-title {font-size:2.375rem;line-height:1.375;letter-spacing:-.125em}
}
@media screen and (max-width: 63.9375em) {
	.row .cus-view .article-view-header .article-header-wrap .article-head-title {text-align:center}
	.row .cus-view .article-view-header .info-text {display:block;float:none;width:auto;text-align:center}
	.row .cus-view .article-view-header .info-text > ul {display:inline-block}
	.row .cus-view .article-view-header .info-social {display:block;float:none;width:auto;margin-top:1.375rem;font-size:0;text-align:center}
	.row .cus-view .article-view-header .info-social > li {display:inline-block;float:none;vertical-align:middle}
}
@media screen and (max-width: 39.9375em) {
	.row .cus-view .article-view-header .info-social li:last-child {float:none}
}

/* content */
.cus-view .user-snb, .cus-view .user-content .user-snb {padding:0}
.cus-view .user-snb .user-snb-wrapper, #admin-wrap .cus-view .user-content .user-snb > .user-snb-wrapper {padding-left:0}
.cus-view .user-snb .user-snb-wrapper {padding-right:0}
.cus-view .article-veiw-body.view-page .photo-layout.float-center {margin:1.875rem -5rem}
.cus-view .article-veiw-body.view-page .photo-layout.float-center[class*="max-width-"] {max-width:none !important}
.cus-view .article-veiw-body.view-page .photo-layout.float-center > img[width] {width:auto !important}
.cus-view .article-veiw-body.view-page .photo-layout figcaption {text-align:center}
.cus-view .article-veiw-body.view-page .photo-layout.float-center figcaption {padding-left:5rem;padding-right:5rem}
@media screen and (min-width: 75em) {
	.cus-view .article-veiw-body.view-page .photo-layout.float-center {margin-left:-10.625rem;margin-right:-10.625rem}
	.cus-view .article-veiw-body.view-page .photo-layout.float-center figcaption {padding-left:10.625rem;padding-right:10.625rem}
}
@media screen and (max-width: 63.9375em) {
	.row .cus-view .article-veiw-body.view-page .photo-layout.float-center {margin-left:-1.5rem !important;margin-right:-1.5rem !important}
	.row .cus-view .article-veiw-body.view-page .photo-layout.float-center[class*="max-width-"] {max-width:none !important}
	.cus-view .article-veiw-body.view-page .photo-layout.float-center figcaption {padding-left:1.5rem;padding-right:1.5rem}
}
@media screen and (max-width: 39.9375em) {
	#user-wrap .row .article-veiw-body.view-page .photo-layout,
	.row .cus-view .article-cardnews,
	.row .cus-view .article-veiw-body .simplebox {margin-left:-1.5rem !important;margin-right:-1.5rem !important}
}

/* credit */
.photo-layout .a_credit {font-size:12px;color:blue;text-align:right;}
.photo-layout figcaption > em {display:block;margin:0 .8rem;font-size:inherit;font-weight:700;font-style:normal;color:#000}

/* 기사본문 - 작성자 */
.cus-view .view-editors {display:block;font-size:0;text-align:right}
.cus-view .view-editors .profile-images, .cus-view .view-editors .profile-content {display:inline-block;vertical-align:middle}
.cus-view .view-editors .profile-images {float:none;width:60px;height:60px;margin-right:.8rem}
#admin-wrap .article-veiw-body .view-editors .profile-images {width:60px;height:60px}
.cus-view .view-editors .profile-content {text-align:left}
.cus-view .view-editors .names {min-width:initial;margin-bottom:.375rem;font-size:1rem}
@media screen and (max-width: 39.9375em) {
	.row .cus-view .view-editors {text-align:inherit}
}

/* 관련기사 */
.art-grayform {margin:1.125rem 1.25rem 1.125rem 0;font-size:0;clear:both}
.art-grayform .avr-box {display:inline-block;max-width:325px;padding:1.25rem;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.05)}
.art-grayform .arl-view-relation-box {display:block;position:relative;z-index:1;margin:0 auto;clear:both}
.art-grayform .avr-title {display:block;margin-bottom:1.125rem;font-size:1rem;font-weight:bold;line-height:1.125;letter-spacing:-.05em;color:#3b8ef9}
.art-grayform .avr-list {display:block;padding:0;margin:0 .625rem;list-style:none}
.art-grayform .avr-list .avr-li {margin-bottom:.625rem}
.art-grayform .avr-list > :last-child {margin-bottom:0}
.art-grayform .avr-list .avr-a {display:block;overflow:hidden;font-size:.875rem;font-weight:normal;line-height:1.125;letter-spacing:-.05em;color:#333;text-overflow:ellipsis;white-space:nowrap}
.art-grayform .avr-list .avr-a::before {content:'';display:inline-block;width:3px;height:3px;margin-right:.5rem;background-color:rgba(0,0,0,.25);border-radius:50%;vertical-align:middle}
@media screen and (max-width: 39.9375em) {
	.row .art-grayform {float:none !important;width:auto;margin-right:0}
	.row .art-grayform .avr-box {display:block;max-width:none}
}
/* 191213 */
.art-grayform .avr-list .avr-a{background:none !important}

/* paied member */
.paied-more {display:block;width:100%;height:60px;margin:2rem 0;font-size:1.25rem;font-weight:500;letter-spacing:-.075em;border-top:3px double rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.1);text-align:center;cursor:pointer}
.paied-more > .fa {margin-left:.5rem;font-size:.8em}
.paied-member {padding:1.875rem;text-align:left}
.paied-member::after {content:'';display:table;clear:both}
.paied-member .image {float:left;width:105px;margin-right:1.375rem}
.paied-member .content > .item {margin-bottom:1.375rem;font-size:1.125rem;font-weight:300;letter-spacing:-.05em;color:rgba(0,0,0,.95)}
.paied-member .content > :last-child {margin-bottom:0}
.paied-member a {color:#2199e8;text-decoration:underline}
@media screen and (max-width: 39.9375em) {
	.paied-member {padding:1.375rem 0;text-align:center}
	.paied-member .image {display:block;float:none;width:auto;max-width:125px;margin:0 auto 2.25rem}
	.paied-member .content > .item {font-size:1.063rem}
}

/* a tag highlight */
#article-view-content-div a[href^='http']:not(style), .paied-member a[href^='http']:not(style) {padding:0;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, padding 120ms ease-in-out}
#article-view-content-div a[href^='http']:not(style):hover, .paied-member a[href^='http']:not(style):hover {padding:2px 0 4px;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%}
.paied-member a[href^='http']:not(style):hover {color:#fff}

/**********************************************
note : cover
**********************************************/
#cover .cover-images .dis-table-cell {height:240px}

/**********************************************
note : 자동박스
**********************************************/
/* paied */
/* .auto-images.paied::after {content:'NE￦';display:inline-block;overflow:hidden;position:absolute;z-index:5;left:1rem;top:1rem;padding:.375rem 1.125rem;font-size:1.125rem;font-weight:700;font-style:normal;line-height:1;letter-spacing:-.05em;color:#fff;background-color:#df0f26;border-radius:2rem} */
.auto-images.paied::after {content:'';background:url('/image/new_btn.png');width: 77px;height: 30px;position:absolute;z-index:5;left:1rem;top:1rem;}
 @media screen and (max-width: 39.9375em) {
	.row .auto-images.paied::after {font-size:.9375rem}
}

/* ha09 */
.auto-ha09 .auto-col {text-align:center}
.auto-ha09 .auto-col::after {content:'';display:table;clear:both}
.auto-ha09 .auto-col > a {display:block}
.auto-ha09 .auto-images {display:block;overflow:hidden;height:600px}
.auto-ha09 .auto-titles {display:block;overflow:hidden;margin-top:1.125rem;font-size:2.5rem;font-weight:700;line-height:1.3;letter-spacing:-0.1em;color:rgba(0,0,0,.95);text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s}
.auto-ha09 .auto-sums {display:block;overflow:hidden;width:60%;max-height:4.314em;margin:.8rem auto 0;padding:0 1.25rem;font-size:.875rem;line-height:1.438;letter-spacing:-.05em;color:rgba(0,0,0,.85);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.auto-ha09 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}
@media screen and (max-width: 63.9375em) {
	.row .auto-ha09 {margin-left:-1.5rem;margin-right:-1.5rem}
	.row .auto-ha09 .auto-images {height:0;padding-bottom:66.666667%}
	.row .auto-ha09 .auto-titles {padding-left:1.5rem;padding-right:1.5rem;font-size:1.875rem}
	.row .auto-ha09 .auto-sums {width:auto;max-width:485px}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-ha09 .auto-titles {max-height:2.5em;font-size:1.438rem;line-height:1.25;white-space:inherit}
}

/* ha09-eng */
.auto-ha09 .auto-titles.title-eng{letter-spacing:-0.05em}


/* ha10 */
.auto-ha10 .auto-col {float:left;width:35%;width:284px;padding-right:1.5rem;padding-top:1.875rem;border-right:1px solid #a3a5a9;text-align:center}
.auto-ha10 .auto-col::after {content:'';display:table;clear:both}
.auto-ha10 > :nth-child(3n + 1) {float:right;width:65%;width:calc(100% - 284px);padding-top:0;padding-left:1.5rem;padding-right:0;border-right:0;clear:both}
.auto-ha10 > :nth-child(1), .auto-ha10 > :nth-child(2) {padding-top:0}
.auto-ha10 .auto-col > a {display:block}
.auto-ha10 .auto-images {display:block;overflow:hidden;height:0;padding-bottom:66.666667%;margin-bottom:.75rem}
.auto-ha10 > :nth-child(3n + 1) .auto-images {margin-bottom:1.25rem}
.auto-ha10 .auto-titles {display:block;overflow:hidden;max-height:2.75em;font-size:1.125rem;font-weight:normal;line-height:1.375;letter-spacing:-.08em;color:rgba(0,0,0,.95);text-overflow:ellipsis;transition:opacity .3s}
.auto-ha10 > :nth-child(3n + 1) .auto-titles {max-height:inherit;margin-bottom:.75rem;font-size:2rem;font-weight:700;line-height:1.125;letter-spacing:-.1em;white-space:nowrap}
.auto-ha10 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}
.auto-ha10 .auto-sums {display:none;overflow:hidden;max-height:4.314em;font-size:.875rem;line-height:1.438;letter-spacing:-.05em;color:rgba(0,0,0,.85);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.auto-ha10 > :nth-child(3n + 1) .auto-sums {display:block}
@media screen and (max-width: 63.9375em) {
	.row .auto-ha10 .auto-col {width:32.5%;padding-top:1.375rem}
	.row .auto-ha10 > :nth-child(3n + 1) {width:67.5%;padding-left:1.375rem}
	.row .auto-ha10 > :nth-child(1), .row .auto-ha10 > :nth-child(2) {padding-top:0}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-ha10 .auto-col {float:none;width:auto;padding:1.25rem 0 0 !important;margin-top:1.25rem;border-top:1px solid #a3a5a9;border-right:0}
	.row .auto-ha10 .auto-titles {margin-bottom:0;font-size:1.125rem;font-weight:normal}
	.row .auto-ha10 .auto-sums {display:none;font-size:.8rem}
}

/* ha11 */
.auto-ha11 .item {position:relative}
.auto-ha11 .auto-images {display:block;height:0;margin-bottom:60px;padding-bottom:45%}
.auto-ha11 .content {display:block;position:absolute;z-index:10;left:36px;right:36px;top:100%;height:120px;background-color:#fff;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.auto-ha11 .content::after {content:'';display:table;clear:both}
.auto-ha11 .auto-section {display:block;overflow:hidden;float:left;position:relative;width:138px;height:100%;font-size:1.375rem;font-weight:700;font-style:normal;text-transform:uppercase;line-height:1;color:#fff;text-align:center}
.auto-ha11 .auto-section > .inner {position:absolute;z-index:2;left:0;top:50%;width:100%;padding:0 1.25rem;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.auto-ha11 .number {padding-top:.438rem;margin-top:.438rem;font-size:1.125rem;font-weight:700;letter-spacing:-.05em;border-top:2px solid #f3e087}
.auto-ha11 .auto-titles {display:block;overflow:hidden;float:left;width:calc(100% - 138px);height:120px;padding:0 42px;font-size:2.875rem;font-weight:700;line-height:120px;letter-spacing:-.075em;color:#000;text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width: 63.9375em) {
	.row .auto-ha11 {margin-left:-1.5rem;margin-right:-1.5rem}
	#admin-wrap .row .auto-ha11 {margin-left:-.938rem;margin-right:-.938rem}
	.row .auto-ha11 .auto-section {font-size:1.25rem}
	.row .auto-ha11 .content, .row .auto-ha11 .auto-titles {height:92px}
	.row .auto-ha11 .auto-titles {font-size:2.25rem;line-height:92px}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-ha11 .auto-images {padding-bottom:56.25%;margin-bottom:0}
	.row .auto-ha11 .auto-section {display:inline-block;float:none;width:auto;height:auto;padding:.375rem .875rem;font-size:.875rem}
	.row .auto-ha11 .auto-section > .inner {display:block;position:static;left:auto;top:auto;padding:0;-ms-transform:translateY(0);transform:translateY(0)}
	.row .auto-ha11 .auto-section .thin {display:inline;padding-top:0;margin-top:0;border-top:0;font-size:inherit;font-weight:inherit}
	.row .auto-ha11 .content, .row .auto-ha11 .auto-titles {height:auto}
	.row .auto-ha11 .content {position:static;left:auto;right:auto;padding:1.25rem 1.5rem;-ms-transform:translateY(0);transform:translateY(0)}
	.row .auto-ha11 .auto-titles {float:none;width:auto;max-height:2.5em;padding:0;font-size:1.875rem;line-height:1.25;white-space:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical}

}

/* m06 */
.auto-m06 .cont-body > .item {display:block;float:left;position:relative;width:calc(33.33333% - 1px);margin-left:1px;margin-bottom:1px;background-color:rgba(255,255,255,.07)}
.auto-m06 .cont-body > :nth-child(9n + 1) {width:33.33333%;margin-left:0;clear:both}
.auto-m06 .item > a {display:block}
.auto-m06 .cont-body > :nth-child(9n + 1) > a::before, .auto-m06 .cont-body > :nth-child(9n + 2) > a::before, .auto-m06 .cont-body > :nth-child(9n + 3) > a::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.52) 90%)}
.auto-m06 .auto-images {display:block;height:180px}
.auto-m06 .cont-body > :nth-child(9n + 1) .auto-images {height:357px}
.auto-m06 .auto-content {display:block;padding:0 1.375rem}
.auto-m06 .cont-body > :nth-child(9n + 1) .auto-content, .auto-m06 .cont-body > :nth-child(9n + 2) .auto-content, .auto-m06 .cont-body > :nth-child(9n + 3) .auto-content {position:absolute;z-index:10;left:0;bottom:0;width:100%;background:none}
.auto-m06 .auto-titles {display:block;overflow:hidden;font-size:1.125rem;font-weight:500;line-height:58px;letter-spacing:-.075em;color:#fff;text-overflow:ellipsis;white-space:nowrap}
.auto-m06 a:hover .auto-titles {text-decoration:underline}
.auto-m06 .more {display:inline-block;float:right;margin:1rem 0 0;font-size:.813rem;font-weight:300;letter-spacing:-.05em;color:#f2df88}
.auto-m06 .more::after {content:'';display:inline-block;overflow:hidden;width:0;height:0;margin-left:.625rem;border-width:3px;border-style:solid;border-color:transparent transparent transparent #f2df88;vertical-align:middle}
@media screen and (max-width: 63.9375em) {
	.row .auto-m06 .cont-body > .item {width:calc(50% - 1px);clear:inherit}
	.row .auto-m06 .cont-body > :nth-child(9n + 1) {float:none;width:auto}
	.row .auto-m06 .auto-titles {font-size:1rem}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-m06 .cont-body > .item {float:none;width:auto;margin-left:0;clear:inherit}
	.row .auto-m06 .cont-body > :nth-child(9n + 1) {margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:.875rem}
	.row .auto-m06 .auto-images {height:0 !important;padding-bottom:56.25%}
	.row .auto-m06 .auto-titles {font-size:1rem}
}

/* ma08 */
.auto-ma08 .auto-col {margin-top:2.125rem;text-align:center}
.auto-ma08 .auto-col:first-child {margin-top:0}
.auto-ma08 .auto-col::after {content:'';display:table;clear:both}
.auto-ma08 .auto-col > a {display:block}
.auto-ma08 .auto-images {display:block;overflow:hidden;height:0;padding-bottom:66.666667%;margin-bottom:.8rem}
.auto-ma08 .auto-titles {display:block;overflow:hidden;height:2.75em;font-size:1.125rem;line-height:1.375;letter-spacing:-.075em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-ma08 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}

/* ma09 */
.auto-ma09 .item {float:right;width:41.5%;margin-top:1.625rem;padding-top:1.625rem;border-top:1px solid #a3a5a9}
.auto-ma09 .item::after {content:'';display:table;clear:both}
.auto-ma09 > :nth-child(4n + 1) {float:left;width:55%}
.auto-ma09 > :nth-child(1), .auto-ma09 > :nth-child(2) {margin-top:0;padding-top:0;border-top:0}
.auto-ma09 .item > a {display:block}
.auto-ma09 .item > a::after {content:'';display:table;clear:both}
.auto-ma09 .cover-frame {display:block;float:right;width:36.25%}
.auto-ma09 > :nth-child(4n + 1) .cover-frame {float:none;width:auto}
.auto-ma09 .auto-images {display:block;height:0;padding-bottom:66.666667%;margin-left:1.125rem}
.auto-ma09 > :nth-child(4n + 1) .auto-images {margin:0}
.auto-ma09 .auto-titles {display:block;overflow:hidden;max-height:4.125em;font-size:1.25rem;line-height:1.375;letter-spacing:-.1em;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-ma09 > :nth-child(4n + 1) .auto-titles {max-height:inherit;margin-top:.625rem;font-size:1.875rem;white-space:nowrap;-webkit-line-clamp:initial;-webkit-box-orient:initial}
.auto-ma09 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}
@media screen and (max-width: 63.9375em) {
	.row .auto-ma09 .auto-titles {max-height:2.75em;font-size:1.063rem}
	.row .auto-ma09 > :nth-child(4n + 1) .auto-titles {font-size:1.375rem}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-ma09 .item {float:none;width:auto;padding-top:1.125rem;margin-top:1.125rem;border-top:1px solid #a3a5a9}
	.row .auto-ma09 > :nth-child(4n + 1) {margin-left:-1.5rem;margin-right:-1.5rem}
	.row .auto-ma09 > :nth-child(1) {padding-top:0;margin-top:0;border-top:0}
	.row .auto-ma09 > :nth-child(4n + 1) .auto-titles {padding-left:1.5rem;padding-right:1.5rem}
}

/* ma10 */
.auto-ma10 .item {margin-bottom:2.375rem}
.auto-ma10 > :last-child {margin-bottom:0}
.auto-ma10 .item > a {display:block}
.auto-ma10 .auto-titles {display:block;overflow:hidden;max-height:2.75em;margin-bottom:.625rem;font-size:1.75rem;font-weight:700;line-height:1.375;letter-spacing:-.075em;color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.auto-ma10 a:hover .auto-titles {text-decoration:underline}
.auto-ma10 .auto-sums {display:block;overflow:hidden;max-height:3.25em;font-size:.9375rem;line-height:1.625;letter-spacing:-.05em;color:rgba(255,255,255,.7);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* m05 */
.auto-m05.tiles-2x .auto-columns {width:46.5%;padding-top:1.875rem;margin-top:1.875rem;border-top:1px solid #a3a5a9;text-align:center}
.auto-m05.tiles-2x .auto-columns:nth-child(1), .auto-m05.tiles-2x .auto-columns:nth-child(2) {padding-top:0;margin-top:0;border-top:0}
.auto-m05 .auto-columns > a {display:block;padding:0 .625rem}
.auto-m05 .auto-section {display:block;overflow:hidden;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;font-style:normal;line-height:1.125;letter-spacing:-0.075em;text-overflow:ellipsis;white-space:nowrap}
.auto-m05 .auto-titles {display:block;overflow:hidden;height:2.75em;font-size:1.188rem;line-height:1.375;letter-spacing:-.075em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-m05 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}
@media screen and (max-width: 63.9375em) {
	.row .auto-m05.tiles-2x .auto-columns {float:none;width:auto}
	.row .auto-m05.tiles-2x .auto-columns:nth-child(2) {padding-top:1.875rem;margin-top:1.875rem;border-top:1px solid #a3a5a9}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-m05.tiles-2x .auto-columns {border-top-color:rgba(0,0,0,.12) !important}
}

/* d04 */
.auto-d04 .auto-col {margin-top:1rem;padding-top:1rem;border-top:1px solid #a3a5a9}
.auto-d04 .auto-col:first-child {margin-top:0;padding-top:0;border-top:0}
.auto-d04 .auto-titles {display:block;overflow:hidden;max-height:2.5em;font-size:1.125rem;line-height:1.25;letter-spacing:-0.05em;color:rgba(0,0,0,.95);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-d04 .auto-titles:hover {opacity:.7;filter:alpha(opacity=70)}

/* d05 */
.auto-d05 .auto-col {margin-top:1rem;padding-top:1rem;border-top:1px solid #a3a5a9}
.auto-d05 .auto-col:first-child {margin-top:0;padding-top:0;border-top:0}
.auto-d05 .auto-col > a {display:block}
.auto-d05 .auto-col > a::after {content:'';display:table;clear:both}
.auto-d05 .auto-number {float:left;margin-right:1.375rem;font-size:2.25rem;font-weight:700;font-style:normal;line-height:1.25;letter-spacing:-.075em;transition:opacity .3s}
.auto-d05 .auto-number::after {content:'.'}
.auto-d05 .auto-titles {display:block;overflow:hidden;max-height:2.5em;font-size:1.188rem;line-height:1.25;letter-spacing:-0.075em;color:rgba(0,0,0,.95);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-d05 a:hover .auto-number {opacity:.3;filter:alpha(opacity=30)}
.auto-d05 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}

/* d05 - articleview */
.user-aside .auto-d05 .auto-number {font-size:1.75rem}
.user-aside .auto-d05 .auto-titles {font-size:1rem}

/* da07 */
.auto-da07 .auto-col {margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #a3a5a9}
.auto-da07 .auto-col::after {content:'';display:table;clear:both}
.auto-da07 > :last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.auto-da07 .cover-frame {display:block;float:right;width:108px;margin-left:1.25rem}
.auto-da07 .auto-images {display:block;overflow:hidden;height:0;padding-bottom:66.666667%}
.auto-da07 .auto-titles {display:block;overflow:hidden;max-height:4.125em;font-size:1rem;line-height:1.375;letter-spacing:-0.075em;color:rgba(0,0,0,.95);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-da07 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}

/* dr04 */
.auto-dr04 {text-align:center}
.auto-dr04 .slick-slide {padding:0 1.5rem;text-align:center}
.auto-dr04 .auto-images {display:block;margin-bottom:1.5rem}
.auto-dr04 .auto-images > img {width:100%;box-shadow:0 5px 12px 0 rgba(0,0,0,.5); height:inherit}
.auto-dr04 .auto-dated {display:block;margin-bottom:.75rem;font-size:1.188rem;line-height:1;letter-spacing:-.05em;color:rgba(0,0,0,.95);transition:opacity .3s}
.auto-dr04 .auto-dated > small {display:block;margin-top:.375rem;font-size:.875rem;font-weight:normal;line-height:1.125;letter-spacing:-.025em;color:rgba(0,0,0,.65)}
.auto-dr04 a:hover .auto-dated {opacity:.7;filter:alpha(opacity=70)}
.auto-dr04 .auto-titles {display:block;overflow:hidden;max-height:2.75em;font-size:.9375rem;line-height:1.375;letter-spacing:-0.075em;color:rgba(0,0,0,.95);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.auto-dr04 .auto-pager {margin-top:1.375rem}
.auto-dr04 .auto-pager li[id*="slick-"] button[data-role] {width:12px;height:12px}
.auto-dr04 .auto-more {display:block;overflow:hidden;width:120px;margin:.25rem auto 0;padding:.5rem 1rem;font-size:.9375rem;line-height:1;letter-spacing:-.075em;color:#fff;background-color:#1c1565;border-radius:2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.auto-dr04 .auto-more.red {margin-top:1rem;background-color:#ed1c24}
@media screen and (max-width: 39.9375em) {
	.row .auto-dr04 {margin-bottom:2.375rem;padding-bottom:2.375rem;border-bottom:1px solid #a3a5a9}
}

/* dr04(darkmode) */
.index-wrap.cover .auto-dr04 .slick-slide {padding:0}
.index-wrap.cover .auto-dr04 .auto-dated {font-weight:700;color:#fff}
.index-wrap.cover .auto-dr04 .auto-dated > small {font-weight:100;color:rgba(255,255,255,.5)}
.index-wrap.cover .auto-dr04 .auto-titles {display:none;color:#fff}
.index-wrap.cover .auto-dr04 .auto-more {width:auto;font-weight:700;border-radius:0}
.index-wrap.cover .auto-dr04 .auto-more.red {margin-top:1.25rem}
@media screen and (max-width: 39.9375em) {
	.row .index-wrap.cover .auto-dr04 {display:block;max-width:250px;margin:0 auto;padding-bottom:0;border-bottom:0}
}

/* va06 */
.auto-va06 .auto-col {float:left;width:35%;width:284px;margin-top:1.5rem;padding-right:.8rem;text-align:center}
.auto-va06 > :nth-child(5n + 1) {float:right;width:65%;width:calc(100% - 284px);padding-left:1.5rem;padding-right:0;clear:both}
.auto-va06 > :nth-child(1), .auto-va06 > :nth-child(2) {margin-top:0}
.auto-va06 .auto-col::after {content:'';display:table;clear:both}
.auto-va06 .auto-col > a {display:block}
.auto-va06 .cover-frame {display:block;position:relative;float:left;width:115px;margin-right:1.125rem;margin-bottom:0}
.auto-va06 > :nth-child(5n + 1) .cover-frame {float:none;width:auto;margin-right:0;margin-bottom:1.125rem}
.auto-va06 .cover-frame > .fa {position:absolute;z-index:10;left:.5rem;bottom:.5rem;font-size:1rem;color:#ff0000;border-radius:2px}
.auto-va06 > :nth-child(5n + 1) .cover-frame > .fa {left:1rem;bottom:1rem;font-size:3rem}
.auto-va06 .auto-images {display:block;overflow:hidden;height:0;padding-bottom:56.25%}
.auto-va06 .auto-titles {display:block;overflow:hidden;max-height:4.314em;font-size:.9375rem;font-weight:normal;line-height:1.438;letter-spacing:-.05em;color:#fff;text-align:left;text-overflow:ellipsis;transition:opacity .3s}
.auto-va06 > :nth-child(5n + 1) .auto-titles {max-height:inherit;margin-bottom:.75rem;margin-right:0;font-size:1.438rem;font-weight:700;line-height:1.125;letter-spacing:-.075em;text-align:inherit;white-space:nowrap}
.auto-va06 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}
@media screen and (min-width: 64em) and (max-width: 79.9375em) {
	.auto-va06 > :nth-child(5n + 1) {min-height:334px}
}
@media screen and (max-width: 63.9375em) {
	.row .auto-va06 .auto-col {width:32.5%}
	.row .auto-va06 > :nth-child(5n + 1) {width:67.5%;padding-left:1.375rem}
	.row .auto-va06 > :nth-child(1), .row .auto-ha10 > :nth-child(2) {padding-top:0}
}
@media screen and (min-width: 50em) and (max-width: 63.9375em) {
	.row .auto-va06 .cover-frame {width:90px}
	.row .auto-va06 > :nth-child(5n + 1) .cover-frame {width:auto}
	.row .auto-va06 .auto-titles {max-height:2.876em}
	.row .auto-va06 > :nth-child(5n + 1) .auto-titles {max-height:inherit}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-va06 .auto-col {float:none;width:auto;padding-right:0}
	.row .auto-va06 > :nth-child(5n + 1) {padding-left:0;padding-bottom:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}
	.row .auto-va06 > :nth-child(5n + 1) .auto-titles {padding-left:1.5rem;padding-right:1.5rem}
}

/* va07 */
.auto-va07 .auto-col {margin-top:1.5rem}
.auto-va07 .auto-col:first-child {margin-top:0}
.auto-va07 .auto-col::after {content:'';display:table;clear:both}
.auto-va07 .auto-col > a {display:block}
.auto-va07 .auto-images {display:block;overflow:hidden;float:left;width:120px;height:67px;margin-right:1.25rem}
.auto-va07 .auto-titles {display:block;overflow:hidden;max-height:4.314em;font-size:.9375rem;line-height:1.438;letter-spacing:-.05em;color:#fff;text-overflow:ellipsis;transition:opacity .3s}
.auto-va07 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}

/* pa03 */
.auto-pa03.tiles-3x .auto-columns {width:30.5%;margin-right:4.25%;margin-top:2%}
.auto-pa03 .auto-columns > a {display:block;text-align:center}
.auto-pa03 .auto-images {display:block;height:0;padding-bottom:66.666667%;margin-bottom:.75rem}
.auto-pa03 .auto-titles {display:block;overflow:hidden;font-size:1.125rem;line-height:1.125;letter-spacing:-.075em;color:#fff;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s}
.auto-pa03 .auto-titles.dark {color:rgba(0,0,0,.95)}
.auto-pa03 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}
@media screen and (max-width: 63.9375em) {
	.row .auto-pa03 .auto-titles {font-size:1.063rem}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-pa03.tiles-3x .auto-columns {width:48.5%;margin-right:3%;margin-top:1.875rem;clear:inherit}
	.row .auto-pa03.tiles-3x .auto-columns:nth-child(3n), .row .auto-pa03.tiles-3x .auto-columns:nth-child(3n + 1) {margin-right:0}
	.row .auto-pa03.tiles-3x .auto-columns:nth-child(3n + 1) {float:none;width:auto;margin-top:0;clear:both}
	.row .auto-pa03 .auto-titles {max-height:2.75em;font-size:.875rem;line-height:1.375;white-space:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical}
	.row .auto-pa03.tiles-3x .auto-columns:nth-child(3n + 1) .auto-titles {font-size:1.125rem;line-height:1.125;white-space:nowrap}
}

/* dp01-1 */
.auto-dp01-1 .item {display:block;margin-top:1.875rem}
.auto-dp01-1 > :first-child {margin-top:0}
.auto-dp01-1 .auto-images {display:block;overflow:hidden;height:0;padding-bottom:66.666667%;margin-bottom:.75rem}
.auto-dp01-1 .auto-titles {display:block;overflow:hidden;height:2.75em;font-size:1.125rem;font-weight:normal;line-height:1.375;letter-spacing:-.075em;color:rgba(0,0,0,.95);text-overflow:ellipsis;;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-dp01-1 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}

/* hr14 */
.auto-hr14 .item {text-align:center}
.auto-hr14 .auto-images {display:block;overflow:hidden;height:0;padding-bottom:66.666667%;margin-bottom:.75rem}
.auto-hr14 .auto-titles {display:block;overflow:hidden;margin-bottom:.75rem;font-size:2rem;font-weight:bolder;line-height:1.125;letter-spacing:-.08em;color:rgba(0,0,0,.95);text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s}
.auto-hr14 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}
.auto-hr14 .auto-sums {display:block;overflow:hidden;max-height:4.314em;font-size:.875rem;line-height:1.438;letter-spacing:-.05em;color:rgba(0,0,0,.85);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.auto-hr14 .auto-pager {margin-top:.75rem}


/**********************************************
note : offcanvas nav (for custom)
**********************************************/
.overlap-cover, .overlap-nav {position:fixed;left:0;top:0;bottom:0;width:100%}
.overlap-cover {display:none;z-index:1000;background-color:rgba(0,0,0,.5);cursor:pointer}
.overlap-nav {overflow-x:hidden;overflow-y:auto;z-index:1001;width:100%;max-width:350px;padding:120px 1.875rem 1.875rem;background-color:#f0f1f2;-ms-transform:translateX(-100%);transform:translateX(-100%);transition:padding-top .25s, transform .5s ease-in-out}
@media screen and (max-width: 63.9375em) {
	.row .overlap-nav {max-width:inherit;padding-top:88px;-webkit-overflow-scrolling:touch}
}

/* search */
.overlap-nav .user-search {display:block;margin-left:-.375rem;margin-right:-.375rem}
.overlap-nav .user-search input#search {float:left;width:calc(100% - 45px);height:42px;margin-bottom:0;font-size:1rem;letter-spacing:-.05em;border-radius:2px;box-shadow:none}
.overlap-nav .user-search button[onclick] {float:right;width:42px;height:42px;margin:0;font-size:1.125rem;color:#fff;background-color:rgba(0,0,0,.95);border-radius:2px}

/* account */
.overlap-nav .account {display:block;margin:1.125rem 0;font-size:0;text-align:center}
.overlap-nav .account > a {display:inline-block;margin-right:.5rem;font-size:1rem;font-weight:700;line-height:1;letter-spacing:-.075em;text-decoration:none}
.overlap-nav .account > :last-child {margin-right:0}

/* nav */
.overlap-nav .navs, .overlap-nav .mega-menu {display:block}
.overlap-nav .navs {margin-bottom:1.375rem}
.overlap-nav .mega-menu, .overlap-nav .mega-menu ul, .overlap-nav .mega-menu ol {padding:0;margin:0;list-style:none}
.overlap-nav .megaline:not(.special) {clear:both}
.overlap-nav .megaline > a[href] {display:block;padding:.75rem 1.25rem;font-size:1.125rem;font-weight:700;line-height:1.125;letter-spacing:-.1em;color:#fff;background-color:#13224d;text-align:center;text-decoration:none}
.overlap-nav .megaline > ul {display:block;font-size:0}
.overlap-nav .megaline .sub {display:inline-block;width:50%;padding:0;font-size:.875rem;line-height:1.125;letter-spacing:-.05em;border-right:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);text-align:center}
.overlap-nav .megaline ul > :nth-child(2n) {border-right:0}
.overlap-nav .megaline .sub > a {display:block;padding:.8rem;color:rgba(0,0,0,.95);text-decoration:none}

/* nav special */
.overlap-nav .megaline.special {float:left;width:50%;clear:inherit}
.overlap-nav .special:nth-of-type(2n + 1) {clear:both}
.overlap-nav .megaline.type-3, .overlap-nav .megaline.type-4 {margin-bottom:1rem}
.overlap-nav .megaline.special > a[href] {overflow:hidden;padding-left:0;padding-right:0;font-size:1rem;color:rgba(0,0,0,.95);background:transparent;border-width:0 0 1px 1px;border-style:solid;border-color:rgba(0,0,0,.08);text-overflow:ellipsis;white-space:nowrap}
.overlap-nav .special:nth-of-type(2n + 1) > a[href] {border-left:0}
.overlap-nav .special:nth-of-type(1) > a[href], .overlap-nav .special:nth-of-type(2) > a[href] {border-top-width:1px}
.overlap-nav .megaline.type-1 > a[href] {color:#df0f26}
.overlap-nav .megaline.type-2 > a[href] {color:#39318e}
.overlap-nav .megaline.type-3 > a[href] {color:#00a984}
.overlap-nav .megaline.type-4 > a[href] {color:#39318e}

/* books */
.overlap-nav .paper-view {display:block}
.overlap-nav .paper-view .image {display:block;margin-bottom:.25rem;padding:0 .625rem}
.overlap-nav .paper-view .image > img {width:100%}
.overlap-nav .paper-view .direct-link {display:block;overflow:hidden;width:100px;margin:.25rem auto 0;padding:.5rem 1rem;font-size:.9375rem;line-height:1;letter-spacing:-.075em;color:#fff;background-color:#1c1565;border-radius:2rem;text-align:center}
.overlap-nav .paper-view .direct-link.red {margin-top:1rem;background-color:#ed1c24}
.overlap-nav .paper-view .more {display:block;margin-top:1.125rem;padding:1rem;font-size:1rem;font-weight:700;line-height:1;letter-spacing:-0.075em;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);text-decoration:none;text-align:center}
@media screen and (max-width: 63.9375em) {
	.row .overlap-nav .paper-view .image {max-width:320px;margin-left:auto;margin-right:auto}
}

/* sns */
.overlap-nav .for-sns {display:block;margin:1.375rem;font-size:0;text-align:center}
.overlap-nav .for-sns > .item {display:inline-block;overflow:hidden;position:relative;width:32px;height:32px;margin-right:.5rem;font-size:1rem;line-height:0;color:#000;border:2px solid #000;border-radius:50%}
.overlap-nav .for-sns > :last-child {margin-right:0}
.overlap-nav .for-sns .items {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
/*.overlap-nav .for-sns > .item.fb {background-color:#3a589e}
.overlap-nav .for-sns > .item.tw {background-color:#29a8eb}
.overlap-nav .for-sns > .item.is {background: #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
.overlap-nav .for-sns > .item.pt {background-color:#ce2029}*/

/* address */
.overlap-nav .for-address {padding:1rem .625rem}
.overlap-nav .for-address, .overlap-nav .for-address > .item {display:block}
.overlap-nav .for-address > .item {margin-bottom:.25rem;font-size:.813rem;font-weight:300;line-height:1.25;letter-spacing:-0.025em;color:rgba(0,0,0,.95)}
.overlap-nav .for-address > .item.m-t-y {margin-top:1.125rem}

/* active */
.active-lap .overlap-cover {display:block}
.active-lap .overlap-nav {-ms-transform:translateX(0);transform:translateX(0)}

/**********************************************
note : about us
**********************************************/
/* reset */
.about-us #com-nav .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a, #com-nav .menu li.nav-only.current-page > a {background-color:#13224d}
.about-us #com-nav .menu li.is-accordion-submenu-parent > a::after {border-top-color:#13224d}
#com-nav .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#fff}
.about-us > .column, .about-us > .columns {padding-left:1.5rem;padding-right:1.5rem}
@media screen and (max-width: 63.9375em) {
	.about-us > .column, .about-us > .columns {padding-left:0;padding-right:0}
}

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

/* tabs */
.about-wrap .tabs {display:block;font-size:0;border:0;text-align:left}
.about-wrap .tabs-title {display:block;float:none;text-align:center}
.about-wrap .tabs-title:first-child:nth-last-child(2), .about-wrap .tabs-title:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .tabs-title {display:inline-block;width:50%}
.about-wrap .tabs-title:first-child:nth-last-child(3), .about-wrap .tabs-title:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .tabs-title {display:inline-block;width:33.33333%}
.about-wrap .tabs-title:first-child:nth-last-child(4), .about-wrap .tabs-title:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .tabs-title {display:inline-block;width:25%}
.about-wrap .tabs-title:first-child:nth-last-child(5), .about-wrap .tabs-title:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .tabs-title {display:inline-block;width:20%}
.about-wrap .tabs-title:first-child:nth-last-child(6), .about-wrap .tabs-title:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .tabs-title {display:inline-block;width:16.66667%}
.about-wrap .tabs-title > a {overflow:hidden;padding-left:1rem;padding-right:1rem;font-size:1.125rem;letter-spacing:-.075em;color:rgba(0,0,0,.45) !important;background-color:#f9f9fa;border-width:1px 1px 1px 0;border-style:solid;border-color:rgba(0,0,0,.08);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.about-wrap .tabs > :first-child > a {border-left-width:1px}
.about-wrap .tabs-title > a:focus, .about-wrap .tabs-title > a[aria-selected="true"] {color:rgba(0,0,0,.95) !important;border-bottom-color:transparent}
.about-wrap .tabs-content {border:0}
@media screen and (max-width: 39.9375em) {
	.row .about-wrap .tabs-title {display:block !important;width:auto !important}
	.row .about-wrap .tabs-title > a {padding-top:.8rem;padding-bottom:.8rem;font-size:.9375rem;border-left-width:1px;border-bottom-width:0}
	.row .about-wrap .tabs > :last-child > a {border-bottom-width:1px}
	.row .about-wrap .tabs-panel {padding-left:0;padding-right:0}
	.row .about-wrap .tabs-title > a:focus, .row .about-wrap .tabs-title > a[aria-selected="true"] {border-bottom-color:rgba(0,0,0,.08)}
}

/* greetings */
.greetings .group {margin-bottom:3.875em}
.greetings .group::after {content:'';display:table;clear:both}
.greetings > :last-child {margin-bottom:0}
.greetings .titles {display:block;margin-bottom:1.25rem;font-size:1.75rem;font-weight:700;line-height:1.25;letter-spacing:-.1em;color:rgba(0,0,0,.95)}
.greetings .sub-titles {display:block;margin-bottom:1.125rem;font-size:1.375rem;font-weight:700;line-height:1.125;letter-spacing:-0.075em;color:rgba(0,0,0,.95)}
.greetings p {margin:1em 0;font-size:1.063rem;font-weight:300;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.7)}
.greetings p > strong, .greetings p > u {color:rgba(0,0,0,.95)}
.greetings .image {float:left;margin-right:1.25rem}
@media screen and (max-width: 39.9375em) {
	.row .greetings .image {float:none;width:auto;margin-right:0;margin-bottom:1.875rem;text-align:center}
}

/* maker */
.make-table {width:100%;border-collapse:collapse;table-layout:fixed}
.make-table th, .make-table td {padding:.9rem 1.125rem;font-size:.9375rem;line-height:1.375;letter-spacing:-0.05em}
.make-table tbody th {width:200px;color:rgba(0,0,0,.95);background-color:rgba(0,0,0,.025);border-right:1px solid rgba(0,0,0,.035)}
.make-table tbody td {font-weight:300;color:rgba(0,0,0,.7)}
@media screen and (max-width: 39.9375em) {
	.row .make-table, .row .make-table thead, .row .make-table tbody, .row .make-table tfoot, .row .make-table th, .row .make-table td {display:block !important;width:auto !important}
	.row .make-table tbody th {border-right:0}
}

/* history */
.history {padding-top:1.875rem}
.history .group {margin-bottom:3.125rem;padding-bottom:3.125rem;border-bottom:1px solid rgba(0,0,0,.12)}
.history .group::after {content:'';display:table;clear:both}
.history > :last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.history .years {display:block;float:left;width:200px;font-size:3.125rem;font-weight:300;line-height:1;letter-spacing:-.075em}
.history .content {display:block;float:left;width:calc(100% - 200px)}
.history .content > dt, .history .content > dd {float:left;margin-bottom:1em;font-size:.9375rem;line-height:1.375;letter-spacing:-.05em}
.history .content > dt {width:72px;font-weight:700;color:rgba(0,0,0,.95);clear:both}
.history .content > dd {width:calc(100% - 72px);font-weight:300;color:rgba(0,0,0,.7)}
@media screen and (max-width: 39.9375em) {
	.history .years, .history .content {float:none;width:auto}
	.history .years {margin-bottom:1.875rem;text-align:center}
	.history .content::after {content:'';display:table;clear:both}
}

/* offline store */
.store-table {width:100%;border-top:2px solid #555;border-collapse:collapse;table-layout:fixed}
.store-table th, .store-table td {padding:.8rem 1rem;font-size:.9375rem;line-height:1.375;letter-spacing:-0.05em;text-align:center;word-wrap:break-word;word-break:break-all}
.store-table th {color:rgba(0,0,0,.95)}
.store-table tbody td {color:rgba(0,0,0,.7);border-left:1px solid rgba(0,0,0,.05)}

/* map */
.com-map,.com-map ul,.com-map li,.com-map dl,.com-map dt,.com-map dd {float:left;width:100%;padding:0;margin:0}
.com-map {margin-bottom:3rem;font-size:1rem;color:rgba(0,0,0,.58);letter-spacing:-.04rem}
.com-map ul {list-style:none}
.com-map .root_daum_roughmap {width:100%}
.com-map header,.com-map .root_daum_roughmap .wrap_map {height:460px}

/* 위치 */
.com-map .inadd > ul > li > strong {color:rgba(0,0,0,.84)}
.com-map .inadd > ul > li {margin-top:.5rem;color:rgba(0,0,0,.64)}
.com-map .inadd > ul > li:first-child {margin-top:0}

/* 모바일웹-공통 */
@media screen and (max-width: 39.9375em) {
	.com-map .root_daum_roughmap .wrap_map {height:320px}
	.com-map .inway > ul > li {width:100%}
}

/* 스킨-1 */
.com-map.skin-1 section > dl {padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.06)}
.com-map.skin-1 section > dl:nth-of-type(1) {padding-top:2rem;border-top:3px solid rgba(0,0,0,.84)}
.com-map.skin-1 section > dl:last-of-type {padding-bottom:0;margin-bottom:0;border-bottom:0}
.com-map.skin-1 section > dl > dt {width:20%;text-align:center}
.com-map.skin-1 section > dl > dt > .fa {display:block;font-size:3rem}
.com-map.skin-1 section > dl > dt > span {font-size:1.5rem;font-weight:300;letter-spacing:-.15rem}
.com-map.skin-1 section > dl > dd {width:80%;padding-left:1.5rem;border-left:1px solid rgba(0,0,0,.04)}
@media screen and (max-width: 39.9375em) {
	.com-map.skin-1 section > dl > dt {width:100%;margin-bottom:.5rem;text-align:left}
	.com-map.skin-1 section > dl > dt > .fa {float:left;font-size:2rem;margin-right:.5rem}
	.com-map.skin-1 section > dl > dt > span {text-decoration:none}
	.com-map.skin-1 section > dl > dd {width:100%;padding-left:0;border-left:0}
}


/**********************************************
note : quiz form
**********************************************/
.quiz-wrap {max-width:860px;margin:0 auto}
.quiz-wrap::after {content:'';display:table;clear:both}
@media screen and (max-width: 39.9375em) {
	.row .quiz-wrap {margin-left:-1.5rem;margin-right:-1.5rem}
}

/* main form header */
.quiz-wrap .header {margin-bottom:3.25rem}
.quiz-wrap .header .titles {display:block;margin:0;padding:.8rem 1.25rem;font-size:1.188rem;font-weight:700;line-height:1.125;letter-spacing:-.05em;color:#fff;background-color:#68605d;text-align:center}
.quiz-wrap .header .content {display:block;position:relative;padding:1.875rem 15.625rem 1.875rem 1.875rem;color:#fff;background-color:#929949}
.quiz-wrap .header .content::after {content:'';display:table;clear:both}
.quiz-wrap .header .content > .image {display:block;position:absolute;z-index:5;right:1.875rem;top:50%;max-width:185px;box-shadow:5px 5px 5px 0px #000;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.quiz-wrap .header .content > p {font-size:1rem;line-height:1.375;letter-spacing:-.05em}
.quiz-wrap .header .content > p > strong, .quiz-wrap .header .content > p > b {color:#fff9c4}
.quiz-wrap .header .content > .big {font-size:1.438rem;font-weight:700}
.quiz-wrap .header .content > :last-child {margin-bottom:0}
@media screen and (max-width: 39.9375em) {
	.row .quiz-wrap .header .content {padding-left:1.5rem;padding-right:1.5rem}
	.row .quiz-wrap .header .content > .image {position:inherit;right:auto;top:auto;width:80%;max-width:215px;margin:0 auto 2.875rem;-ms-transform:translateY(0);transform:translateY(0)}
	.row .quiz-wrap .header .content > br {display:none}
}

/* main form header(online) */
.quiz-wrap .header.online .titles {line-height:1.25}
.quiz-wrap .header.online .titles > .thin {display:block;font-size:1.25em;font-weight:normal}
.quiz-wrap .header.online .content {padding-right:1.875rem}
@media screen and (max-width: 39.9375em) {
	.row .quiz-wrap .header.online .content {padding-right:1.5rem}
}

/* main form container */
.quiz-wrap .container::after {content:'';display:table;clear:both}
.quiz-wrap .container .item {float:left;width:50%;padding:0 1.875rem}
.quiz-wrap .container > :first-child {border-right:1px solid rgba(0,0,0,.12)}
.quiz-wrap .container .item-header {margin-bottom:5rem;text-align:center}
.quiz-wrap .container .item-header .subject {display:block;font-size:1.875rem;font-weight:700;line-height:1.125;letter-spacing:-.075em;color:#000}
.quiz-wrap .container .item-header .dated {display:inline-block;margin:0 auto 2.125rem;padding:.25rem .8rem;font-size:.8rem;line-height:1.125;letter-spacing:-.025em;color:#fff;background-color:#68605d}
.quiz-wrap .container .item-header .sums {display:block;font-size:.9375rem;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.95);text-align:left}
.quiz-wrap .quiz-box {display:block;margin-bottom:1.875rem;padding:1.375rem;border:3px solid #68605d}
.quiz-wrap .item-container > :last-child {margin-bottom:0}
.quiz-wrap .quiz-box .text {display:block;font-size:.9rem;line-height:1.625;letter-spacing:-.05em;color:#68605d}
.quiz-wrap .quiz-box .hit {display:block;margin-top:1rem;font-size:.8em;font-style:normal;letter-spacing:-.025em;color:#929949}
.quiz-wrap .quiz-box .hit::before {content:'힌트';display:inline-block;margin-right:.5rem;font-weight:700;color:#68605d}
.quiz-wrap .quiz-box .button {margin-top:1.875rem;margin-bottom:0;font-size:.9375rem;letter-spacing:-.05em;background:#929949 !important}
@media screen and (max-width: 39.9375em) {
	.row .quiz-wrap .container .item {float:none;width:auto;margin-top:3.25rem;padding-top:3.25rem;padding-left:1.5rem;padding-right:1.5rem;border-top:1px solid rgba(0,0,0,.12)}
	.row .quiz-wrap .container > :first-child {margin-top:0;padding-top:0;border-top:0;border-right:0}
}

/* sub form container */
.quiz-wrap .container .item.once {float:none;width:auto;border:0 !important}
.quiz-wrap .container .item.once .quiz-box {padding:0;border:0}
.quiz-wrap .container .item.once .quiz-box .text {font-size:1rem}
.quiz-wrap .quiz-box .btn-groups {display:block;max-width:307px;margin:5rem auto;font-size:0;text-align:center}
.quiz-wrap .quiz-box .btn-groups::after {content:'';display:table;clear:both}
.quiz-wrap .quiz-box .btn-groups > .btn {display:block;float:left;width:55px;height:50px;margin-left:.5rem;margin-bottom:.5rem;font-size:1rem;line-height:1.125;letter-spacing:-.05em;color:rgba(0,0,0,.95);background-color:#f8f8fa;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:background-color .5s}
.quiz-wrap .quiz-box .btn-groups > .btn:hover {background-color:#fff}
.quiz-wrap .quiz-box .btn-groups > .btn.on {font-weight:700;color:#fff;background-color:#68605d}
.quiz-wrap .quiz-box .btn-groups > :nth-child(5n + 1) {margin-left:0;clear:both}
.quiz-wrap .quiz-box .answer > textarea {padding:1.125rem;box-shadow:none}
.quiz-wrap .quiz-box .answer-btn {display:inline-block;padding:.8rem 1.875rem;font-size:1rem;font-weight:700;line-height:1;letter-spacing:-.05em;color:#fff;background-color:#929949;cursor:pointer}
@media screen and (max-width: 39.9375em) {
	.row .quiz-wrap .quiz-box .btn-groups {max-width:none;margin-top:2.875rem;margin-bottom:2.875rem}
	.row .quiz-wrap .quiz-box .btn-groups > .btn {width:18.4%;margin-left:2%;margin-bottom:2%}
	.row .quiz-wrap .quiz-box .btn-groups > :nth-child(5n + 1) {margin-left:0;clear:both}
	.row .quiz-wrap .quiz-box .answer-btn {width:100%;padding-left:1.25rem;padding-right:1.25rem}
}

/* quiz form */
.quiz-wrap .quiz-forms {margin-top:5rem;padding:1.875rem;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.08)}
.quiz-wrap .quiz-forms .image {margin-bottom:2.875rem;text-align:center}
.quiz-wrap .quiz-forms .button {font-size:1rem}
@media screen and (max-width: 39.9375em) {
	.row .quiz-wrap .quiz-forms {margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem;border-left:0;border-right:0}
}

/**********************************************
note : nanum form
**********************************************/
/* layout */
.nanum-wrap {display:block;max-width:980px;margin:0 auto}
.nanum-wrap::after {content:'';display:table;clear:both}
@media screen and (max-width: 39.9375em) {
	.row .nanum-wrap {margin-left:-1.5rem;margin-right:-1.5rem}
}

/* tabs */
.nanum-wrap .nanum-tabs {display:block;padding:0;margin:0;font-size:0;list-style:none}
.nanum-wrap .nanum-tabs::after {content:'';display:table;clear:both}
.nanum-wrap .nanum-tabs > li, .nanum-wrap .nanum-tabs > li > a {display:inline-block}
.nanum-wrap .nanum-tabs > li {position:relative;z-index:1;vertical-align:middle}
.nanum-wrap .nanum-tabs > li.on {z-index:10}
.nanum-wrap .nanum-tabs > li:not(:first-child) {margin-left:-1rem}
.nanum-wrap .nanum-tabs > li > a {overflow:hidden;position:relative;min-width:200px;height:50px;padding:0 1.875rem;font-size:1.063rem;font-weight:700;line-height:50px;letter-spacing:-.05em;color:#fff;text-align:center}
.nanum-wrap .nanum-tabs > li > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:0;width:100%;height:0;border-width:0 20px 50px;border-style:solid;border-color:transparent transparent #5a463d}
.nanum-wrap .nanum-tabs > li.on > a {color:#333}
.nanum-wrap .nanum-tabs > li.on > a::before {border-bottom-color:#fbf3c2}
.nanum-wrap .nanum-tabs .text {position:relative;z-index:5;font-size:inherit}
@media screen and (max-width: 39.9375em) {
	.row .nanum-wrap .nanum-tabs > li {width:50%}
	.row .nanum-wrap .nanum-tabs > li > a {overflow:hidden;width:100%;min-width:inherit;text-overflow:ellipsis;white-space:nowrap}
}

/* detail */
.nanum-wrap .detail {padding-left:3.25rem;padding-right:3.25rem}
.nanum-wrap .detail::after {content:'';display:table;clear:both}
.nanum-wrap .detail.for-particle {padding-top:61.25%;background:url(/image/nanum/bg190111.png) 50% 0 no-repeat;background-size:100% auto}
/*.nanum-wrap .detail.for-bbs {padding-top:56.25%; background:url(/image/nanum/story_top.png) 50% 0 no-repeat;background-size:100% auto}*/
.nanum-wrap .detail > .inner {padding:2.375rem 1.875rem;background-color:rgba(255,255,255,.7);border-radius:.8rem}
.nanum-wrap .detail .group {margin-bottom:5rem}
.nanum-wrap .detail .inner > :last-child {margin-bottom:0}
@media screen and (max-width: 63.9375em) {
	.row .nanum-wrap .detail {padding-left:2rem;padding-right:2rem}
	.row .nanum-wrap .detail > .inner {padding-left:1.5rem;padding-right:1.5rem}
}
@media screen and (max-width: 39.9375em) {
	.row .nanum-wrap .detail {padding-left:0;padding-right:0}
	.row .nanum-wrap .detail > .inner {border-radius:0}
}

/* content */
.nanum-wrap .titles {display:block;margin-bottom:1.875rem;font-size:1.875rem;font-weight:700;line-height:1.125;letter-spacing:-.05em;color:#000}
.nanum-wrap .titles > .blue {color:#004e9e}
.nanum-wrap .sub-titles {display:block;margin-bottom:1.125rem;font-size:1.125rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;color:#da026e}
.nanum-wrap .content::after {content:'';display:table;clear:both}
.nanum-wrap .content > p {/* margin-bottom:1.625em; */font-size:.9rem;line-height:1.625;/* letter-spacing:-.025em; */color:rgba(0,0,0,.95)}
.nanum-wrap .content > :last-child {margin-bottom:0}
.nanum-wrap .content > .help-text {font-size:.9em;font-weight:700;color:#004e9e}
.nanum-wrap .image {display:block;font-style:normal}
/* .nanum-wrap .image.float-left {max-width:400px;margin-right:1.875rem} */
.nanum-wrap .image.float-right {margin-left:1.875rem}
.nanum-wrap .valuable {display:block;margin-top:3.25rem}
.nanum-wrap .group-value {display:inline-block;margin-bottom:1rem;padding:.5rem 1.125rem;font-size:1.063rem;line-height:1.25;letter-spacing:-.05em;color:#fff;background-color:#da026e}
.nanum-wrap .group-value > small {font-size:.75em;font-weight:normal}
.nanum-wrap .valuable .listing {display:block;margin:0;padding:0;list-style:none}
.nanum-wrap .valuable .listing > li {margin-bottom:.5rem;font-size:.875rem;line-height:1.375;letter-spacing:-.025em;color:rgba(0,0,0,.7)}
.nanum-wrap .valuable .listing > li::before {content:'';display:inline-block;width:3px;height:3px;margin-right:.5rem;background-color:rgba(0,0,0,.7);border-radius:50%;vertical-align:middle}
.nanum-wrap .valuable .listing > :last-child {margin-bottom:0}
@media screen and (max-width: 63.9375em) {
	.row .nanum-wrap .image.float-left {float:none !important;width:auto;max-width:none;margin-right:0;/* margin:0 0 1.875rem; */text-align:center;margin-bottom:.5rem;}
	.row .nanum-wrap .image.float-right {float:none !important;width:auto;max-width:none;margin-right:0;text-align:center;margin-bottom:.5rem;}
}
@media screen and (max-width: 39.9375em) {
	.row .nanum-wrap .image.float-left {/* margin-left:-1.5rem;margin-right:-1.5rem */text-align:center; margin-right:0; margin-bottom:.5rem;}
	.row .nanum-wrap .image.float-right {text-align:center; margin:0 0 .5rem 0;}
	.row .nanum-wrap .content > p {font-size:.9375rem}
}

/* 김민희 / 906780 / 20200103 */
.nanum-wrap .content > p {margin-bottom:1em; letter-spacing: -.05em;}
.nanum-wrap .image.float-left {max-width:390px;margin-right:1.2rem}
.nanum-wrap .nanumlogo {margin-bottom:1rem;}


/* 임희은 / 908060 / 20200107 */
.nanum-wrap .content .help-btn {display: inline-block; width: 80px; height: 25px; background-color:green; color: #fff; text-align: center; line-height: 25px;}


/* input form */
.nanum-wrap .nanum-form {padding:3.25rem 0 0;border-top:1px solid #5a463d}
.nanum-wrap .agree {margin-bottom:3.25rem}
.nanum-wrap .agree-titles {display:block;margin-bottom:1rem;font-size:1.063rem;font-weight:700;line-height:1.125;letter-spacing:-.025em}
.nanum-wrap .agree-text {height:115px;padding:1rem;font-size:.813rem;line-height:1.625;letter-spacing:-.05em;background-color:#fff;border-color:rgba(0,0,0,.08);box-shadow:none}
.nanum-wrap .nanum-form .spon-name {display:block;margin-bottom:1.875rem}
.nanum-wrap .nanum-form .spon-name::after {content:'';display:table;clear:both}
.nanum-wrap .nanum-form .spon-name > .named {float:left;font-size:.875rem;line-height:30px;letter-spacing:-.05em;margin-right:1rem;color:rgba(0,0,0,.6)}
.nanum-wrap .nanum-form .spon-name > .radio-group {margin-bottom:0}
.nanum-wrap .nanum-form .help-text {display:block;margin-bottom:1.875rem;color:rgba(0,0,0,.95)}
.nanum-wrap .nanum-form .nanum-paied {display:block;margin-bottom:1.875rem}
.nanum-wrap .nanum-form .nanum-paied > .item {display:none}
.nanum-wrap .nanum-form .nanum-paied > .item.on {display:block}

/**********************************************
note : bbs
**********************************************/
.bbs-skin.webzine {max-width:980px;margin:0 auto}
.webzine-bbs {margin-bottom:1.25rem;border-top:2px solid #555}
.webzine-bbs::after {content:'';display:table;clear:both}
.webzine-bbs .item {display:block;border-bottom:1px solid rgba(0,0,0,.12);text-align:left}
.webzine-bbs .item::after {content:'';display:table;clear:both}
.webzine-bbs > :last-child {border-bottom:0}
.webzine-bbs .item > a {display:block;padding:1rem;text-decoration:none}
.webzine-bbs .item .titles {display:block;margin-bottom:.625rem;font-size:1.063rem;line-height:1.25;letter-spacing:-.05em;color:#000}
.webzine-bbs .item .sums {display:block;margin-bottom:1rem;font-size:.813rem;line-height:1.625;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
.webzine-bbs .item .info {display:block;font-size:.75rem;font-style:normal;line-height:1.125;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
.webzine-btn {font-size:1.125rem;letter-spacing:-.05em;margin-bottom:0}


/* 개인정보 테이블 태그 */
.nanum_editor_sample{margin:auto auto 5em;width:100%;border-collapse:collapse;}
.nanum_editor_sample caption{text-align:left;color:#0075c8}
.nanum_editor_sample td{padding:5px;border:1px solid #777;}
.nanum_editor_sample td.t{text-align:center;background-color:#fefefe}

/* newslatter skin */
.newsletter-tile {margin-bottom:1.875rem}
.newsletter-tile::after {content:'';display:table;clear:both}
.newsletter-tile > .item {float:left;width:19.2%;margin-left:1%;margin-top:1%}
.newsletter-tile > :nth-child(5n + 1) {margin-left:0;clear:both}
.newsletter-tile > :nth-child(1), .newsletter-tile > :nth-child(2), .newsletter-tile > :nth-child(3), .newsletter-tile > :nth-child(4), .newsletter-tile > :nth-child(5) {margin-top:0}
.newsletter-tile .thumb {display:block;overflow:hidden;position:relative;width:auto;height:0;padding-bottom:120%;background-repeat:no-repeat;background-position:50%;background-size:cover}
.newsletter-tile .thumb::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5;filter:alpha(opacity=50);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.newsletter-tile .thumb:hover::before {opacity:.8;filter:alpha(opacity=80)}
.newsletter-tile .thumb > .text {display:block;overflow:hidden;position:absolute;z-index:10;left:0;top:50%;width:100%;font-size:1.125rem;letter-spacing:-.05em;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (max-width: 63.9375em) {
	.row .newsletter-tile > .item {width:32.666667%;margin-left:1%;margin-top:1%;clear:inherit}
	.row .newsletter-tile > :nth-child(3n + 1) {margin-left:0;clear:both}
	.row .newsletter-tile > :nth-child(1), .row .newsletter-tile > :nth-child(2), .row .newsletter-tile > :nth-child(3) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
	.row .newsletter-tile > .item {width:49.5%;margin-left:1%;margin-top:1%;clear:inherit}
	.row .newsletter-tile > :nth-child(2n + 1) {margin-left:0;clear:both}
	.row .newsletter-tile > :nth-child(1), .row .newsletter-tile > :nth-child(2) {margin-top:0}
	.row .newsletter-tile .thumb > .text {font-size:1rem}
}


/**********************************************
note : Conference events form
**********************************************/
/* default */
.mt-events {padding:0 1.25rem}
.mt-events::after {content:'';display:table;clear:both}
.mt-events > .titles {display:block;margin-bottom:0;margin-bottom:1.25rem;font-size:2rem;font-weight:700;line-height:1.125;letter-spacing:-.05em}
.mt-events .privacy {margin-bottom:2rem;padding:1.25rem;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.12);border-radius:.25rem}
.mt-events .privacy-title {display:block;margin-bottom:1rem;font-size:1.125rem;font-weight:500;line-height:1.25;letter-spacing:-0.025em}
.mt-events .privacy-content {display:block;overflow-y:auto;max-height:120px;margin-bottom:1rem;padding:1.125rem;font-size:.9rem;font-weight:300;color:#404040;background-color:#fefefe;border:1px solid rgba(0,0,0,.08);border-radius:.25rem}
.mt-events .guide {font-size:1rem;line-height:1.125;letter-spacing:-0.025em}
.mt-events .guide.import {display:block;margin-bottom:2rem;padding:1.875rem;font-size:1.25rem;font-weight:500;border-top:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.5);text-align:center}
.mt-events .guide.line {padding:1.25rem;margin-bottom:1.25rem;background-color:#f9f9fa;border:1px solid rgba(0,0,0,.12);border-radius:.25rem}
.mt-events .guide-title {display:block;margin-bottom:1rem;font-size:1.125rem;font-weight:500}
.mt-events .guide-lists {display:block;padding:0;margin:0 0 1rem;list-style:none}
.mt-events .guide-lists > li {display:block;margin-bottom:.5rem;font-size:.8rem;line-height:1.25;color:rgba(0,0,0,.6)}
.mt-events .guide-lists > li > strong {font-weight:400;color:rgba(0,0,0,.85)}
.mt-events .guide-lists > :last-child {margin-bottom:0}
.mt-events .guide-lists > li::before {content:'';display:inline-block;width:4px;height:4px;margin-right:.5rem;background-color:rgba(0,0,0,.3);border-radius:50%;vertical-align:middle}
.mt-events .guide > p {font-size:.875rem;line-height:1.625;letter-spacing:-0.025em;color:rgba(0,0,0,.6)}
.mt-events .guide > :last-child {margin-bottom:0}
.mt-events .sub-titles {display:block;padding:1.25rem 0;margin-bottom:1.875rem;font-size:1.375rem;font-weight:500;line-height:1.125em;letter-spacing:-0.025em;color:rgb(0,0,0);border-bottom:1px solid rgba(0,0,0,.08);text-align:left}
.mt-events .personal {margin-bottom:3rem}
.mt-events .columns > .help-text {margin-bottom:1.25rem}
.mt-events .total-paid {display:block;margin-bottom:1.25rem;font-size:2rem;font-weight:700;line-height:1;letter-spacing:-.025em}
.mt-events .guide.txt {display:block;margin-bottom:2rem;font-size:1.1rem;font-weight:500;text-align:left; margin-left: 8.3rem;}



/* search my infomation */
.mt-events .my-info::after {content:'';display:table;clear:both}
@media screen and (min-width: 40em) {
	.mt-events .my-info {padding:1.5rem;border:1px solid rgba(0,0,0,.12)}
}

/**********************************************
note : event
**********************************************/
#event-form {max-width:728px;margin:0 auto}
#event-form::after {content:'';display:table;clear:both}

/* travel */
.for-travel .header {margin-bottom:5rem;text-align:center}
.for-travel .header .subject {display:block;overflow:hidden;margin-bottom:1.125rem;font-size:1.125rem;font-weight:700;line-height:1.25;letter-spacing:-.05em;color:rgba(0,0,0,.95)}
.for-travel .header .titles {display:block;overflow:hidden;margin-bottom:1.875rem;font-size:2.875rem;font-weight:700;line-height:1.125;letter-spacing:-.075em;color:#000}
.for-travel .header > p {margin:1.875em 0;font-size:1.063rem;line-height:1.625;letter-spacing:-.05em;color:rgba(0,0,0,.8)}
.for-travel .width-box {display:block;position:relative;margin-bottom:1rem}
.for-travel .width-box::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:transparent;border:1px solid rgba(0,0,0,.12)}
.for-travel .width-box .travel-text {display:block;padding:.9375rem;text-align:left}
.for-travel .width-box .step {display:block;overflow:hidden;margin-bottom:.5rem;font-size:.875rem;line-height:1.125;letter-spacing:-.025em;color:rgba(0,0,0,.95);text-overflow:ellipsis;white-space:nowrap}
.for-travel .width-box .titles {display:block;margin-bottom:1.25rem;font-size:1.125rem;font-weight:bolder;line-height:1.25;letter-spacing:-.075em;color:#428bca}
.for-travel .width-box .sums {display:block;margin:0;font-size:.813rem;font-weight:300;line-height:1.625;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
@media screen and (max-width: 39.9375em) {
	.row .for-travel .header .titles {font-size:2rem}
	.row .for-travel .header > p > br {display:none}
}

/* travel table */
table.travel-table {width:100%;table-layout:fixed;border-collapse:collapse}
table.travel-table th, table.travel-table td {padding:.625rem .9375rem;font-size:.875rem;line-height:1.375;letter-spacing:-.05em;color:rgba(0,0,0,.8)}
table.travel-table tbody th {font-weight:bolder;background-color:rgba(0,0,0,.025);border-right:1px solid rgba(0,0,0,.025)}
table.travel-table tbody td {font-size:.813rem;line-height:1.625;color:rgba(0,0,0,.6)}
@media screen and (max-width: 39.9375em) {
	.row table.travel-table, .row table.travel-table thead, .row table.travel-table tbody, .row table.travel-table tfoot, .row table.travel-table tr, .row table.travel-table th, .row table.travel-table td {display:block;width:auto}
	.row table.travel-table tbody th {border-right:0}
	.row table.travel-table tbody th > br {display:none}
}

/**********************************************
note : cover
**********************************************/
.cover-view::after {content:'';display:table;clear:both}
.cover-view .titles {display:block;margin-bottom:1.875rem;font-size:1.875rem;font-weight:bolder;line-height:1.125;letter-spacing:-.05em}
.cover-view .admin-panels {display:block;text-align:right}
.cover-view .contents {position:relative}
.cover-view .contents table {border:0;border-collapse:collapse}
.cover-view .contents table thead, .cover-view .contents table tbody, .cover-view .contents table tfoot, .cover-view .contents table th, .cover-view .contents table td {background:#fff;border:0}
.cover-view .cover-image {position:absolute;z-index:10;right:0;top:0;width:300px}
.cover-view .cover-image > .button-group {margin:1rem 0}
.cover-view .cover-image .button-group > .button {font-size:.688rem;letter-spacing:-.05em}
@media screen and (max-width: 63.9375em) {
	.row .cover-view .cover-image {width:260px}
}
@media screen and (max-width: 39.9375em) {
	.row .cover-view .admin-panels {text-align:left}
	.row .cover-view .cover-image {position:static;width:auto;max-width:300px;margin:0 auto;margin-bottom:1.875rem}
	.row .cover-view .contents table, .row .cover-view .contents table thead, .row .cover-view .contents table tbody, .row .cover-view .contents table tfoot, .row .cover-view .contents table tr, .row .cover-view .contents table th, .row .cover-view .contents table td {display:block;width:auto;height:auto}
}


/**********************************************
note : 유료회원(마이홈)
**********************************************/
/* table */
table.membership {table-layout:fixed;border-collapse:collapse}
table.membership th, table.membership td {font-size:1rem;letter-spacing:-0.05em;text-align:center}
table.membership th {font-weight:500}
table.membership tbody td {font-weight:300}

/* 유료회원 */
.paying-member {text-align:center}
.paying-member > p {font-size:.9rem !important;letter-spacing:-0.05em !important;color:rgba(0,0,0,.65) !important;text-align:inherit !important}
.paying-member .button-group {margin-bottom:0}


/**********************************************
note : 숏코드
**********************************************/
/* index middle */
.idx-middle {display:table;width:100%;text-align:left;table-layout:fixed}
.idx-middle > .item {display:table-cell;width:100%;vertical-align:top}
.idx-middle > :first-child {padding-right:1.5rem;vertical-align:bottom}
.idx-middle > :last-child {padding-left:1.5rem}
.idx-middle .spon-character .titles {display:block;margin-bottom:2.125rem;font-size:1.438rem;font-weight:700;line-height:1.25;letter-spacing:-.075em;text-align:center}
.idx-middle .spon-character .image {display:block;margin:0 auto;width:50%;text-align:center}
.idx-middle .spon-character .image > img {width:100%;max-width:145px;margin:0 auto}
@media screen and (max-width: 39.9375em) {
	.row .idx-middle, .row .idx-middle > .item {display:block;width:auto}
	.row .idx-middle > .item {padding:0 !important}
	.row .idx-middle > :first-child {text-align:center}
}

/**********************************************
note : 멀티기능성배너
**********************************************/
#rollBanner-1 .slick-slide, #rollBanner-1 .column, #rollBanner-1 .columns {padding:0}


.member-notice a {color:#2199e8;text-decoration:underline}
.member-notice a:not(style) {padding:0;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, padding 120ms ease-in-out}
.member-notice a:not(style):hover {padding:2px 0 4px;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%}

/*박스 수정*/
.box-skin.design-2 .header {margin-bottom: 0;}
.box-skin.for-eng.dark .header > strong {margin-bottom: 1rem;}
.box-skin .header { margin-bottom: .625rem;}

/* subscribe 구독이력조회페이지 */
@media screen and (max-width: 39.9375em) {
.subscribe-table.mobile-overflow-x{display:block;overflow-x:auto;white-space:nowrap}
}

/*개인정보_신용카드*/
button .tit_c{color:#fff; text-decoration:none;}

/*광고안내 상단 텍스트 */
.ad-top-text{text-align:center;font-size:25px;padding-bottom:10px;}
.ad-top-text span{font-weight:600;color:#dc031c }


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

/* 신경훈 / 930927 / 20200317 */
/* ma11 */
.auto-ma11 .item {width:100%;margin-top:1.625rem;padding-top:1.625rem;border-top:1px solid #a3a5a9}
.auto-ma11 .item::after {content:'';display:table;clear:both}
.auto-ma11 > :nth-child(1){margin-top:0;padding-top:0;border-top:0}
.auto-ma11 .item > a {display:block}
.auto-ma11 .item > a::after {content:'';display:table;clear:both}
.auto-ma11 .cover-frame {display:block;float:right;width:25%}
.auto-ma11 .auto-images {display:block;height:0;padding-bottom:66.666667%;margin-left:1.125rem}
.auto-ma11 .auto-titles {display:block;overflow:hidden;max-height:4.125em;font-size:1.25rem;line-height:1.375;letter-spacing:0;
text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-ma11 .auto-sums {margin-top:.5rem; display:block;overflow:hidden;max-height:4.125em;font-size:.875rem;line-height:1.375;letter-spacing:0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:opacity .3s}
.auto-ma11 a:hover .auto-titles {opacity:.7;filter:alpha(opacity=70)}
@media screen and (max-width: 63.9375em) {
	.row .auto-ma11 .cover-frame {width:40%}
	.row .auto-ma11 .auto-titles {max-height:2.75em;font-size:1.063rem}
	.row .auto-ma11 .auto-sums{max-height:2.75em;-webkit-line-clamp:3;}
}

.article-view-header.eng-header .article-head-title{letter-spacing:-.055em !important}




.auto-hr06 .auto-titles.title-eng {font-size:.875rem;line-height:1.375;letter-spacing:0;}
@media screen and (max-width: 39.9375em) {
	.auto-hr06 .auto-images {height:0;padding-bottom:66.666667%}
	.auto-hr06 .auto-titles.title-eng{white-space: inherit;letter-spacing:0;}
}
/* 최은비 / 949309 / 20200514 */
@media screen and (max-width: 39.9375em){
.row .article-veiw-body.view-page.font-size17 h3{font-size:1.875rem !important;}
}


/* 김민희 / 952088 / 20200525 */
.overlap-nav .megaline.type-5 {width:100% !important; margin-bottom:1rem;}
.overlap-nav .megaline.type-5 a {color:#13224d !important;}
.overlap-nav .megaline.type-4, .overlap-nav .megaline.type-3 {margin-bottom:0 !important}


/*광고 노출 임시 적용 @ 957350*/
.google-auto-placed {display:none !important;}

/*광고 노출 임시 적용 @ 960448*/
#gpt-passback {display:none !important;}




/* 홍경아 / 1024268 / 20210125 */
.auto-ha11-1 .item {position:relative}
.auto-ha11-1 .auto-images {display:block;height:0;margin-bottom:60px;padding-bottom:45%}
.auto-ha11-1 .content {display:block;position:absolute;z-index:10;left:36px;right:36px;top:100%;height:120px;background-color:#fff;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.auto-ha11-1 .content::after {content:'';display:table;clear:both}
.auto-ha11-1 .auto-section {display:block;overflow:hidden;float:left;position:relative;width:138px;height:100%;font-size:1.375rem;font-weight:700;font-style:normal;text-transform:uppercase;line-height:1;color:#fff;text-align:center}
.auto-ha11-1 .auto-section > .inner {position:absolute;z-index:2;left:0;top:50%;width:100%;padding:0 1.25rem;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.auto-ha11-1 .number {padding-top:.438rem;margin-top:.438rem;font-size:1.125rem;font-weight:700;letter-spacing:-.05em;border-top:2px solid #f3e087}
.auto-ha11-1 .auto-titles { position: absolute; left:135px;top:50%; -ms-transform:translateY(-50%);transform:translateY(-50%); font-size: 2.7rem; max-height: 2.4em; display: -webkit-box; overflow:hidden;float:left;width:calc(100% - 138px);padding:0 42px;font-weight:700; letter-spacing:-.075em;color:#000; line-height: 1.2; text-overflow: ellipsis; -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
@media screen and (max-width: 63.9375em) {
	.row .auto-ha11-1 {margin-left:-1.5rem;margin-right:-1.5rem}
	.row .auto-ha11-1 .auto-images {padding-bottom:56.25%;margin-bottom:0}
	#admin-wrap .row .auto-ha11-1 {margin-left:-.938rem;margin-right:-.938rem}
		.row .auto-ha11-1 .auto-section {display:inline-block;float:none;width:auto;height:auto;padding:.375rem .875rem;font-size:.875rem}
	.row .auto-ha11-1 .auto-section > .inner {display:block;position:static;left:auto;top:auto;padding:0;-ms-transform:translateY(0);transform:translateY(0)}
	.row .auto-ha11-1 .content, .row .auto-ha11 .auto-titles {height:auto}
		.row .auto-ha11-1 .content {position:static;left:auto;right:auto;padding:1.25rem 1.5rem;-ms-transform:translateY(0);transform:translateY(0)}
	.row .auto-ha11-1 .auto-titles {position:relative; left: 0;     transform: none; float:none;width:auto;max-height:2.5em;padding:0;font-size:1.875rem;line-height:1.25;white-space:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical}

}
@media screen and (max-width: 39.9375em) {
	.row .auto-ha11-1 .auto-images {padding-bottom:56.25%;margin-bottom:0}
	.row .auto-ha11-1 .auto-section {display:inline-block;float:none;width:auto;height:auto;padding:.375rem .875rem;font-size:.875rem}
	.row .auto-ha11-1 .auto-section > .inner {display:block;position:static;left:auto;top:auto;padding:0;-ms-transform:translateY(0);transform:translateY(0)}
	.row .auto-ha11-1 .auto-section .thin {display:inline;padding-top:0;margin-top:0;border-top:0;font-size:inherit;font-weight:inherit}
	.row .auto-ha11-1 .content, .row .auto-ha11 .auto-titles {height:auto}
	.row .auto-ha11-1 .content {position:static;left:auto;right:auto;padding:1.25rem 1.5rem;-ms-transform:translateY(0);transform:translateY(0)}
	.row .auto-ha11-1 .auto-titles {position:relative; left: 0;     transform: none; float:none;width:auto;max-height:2.5em;padding:0;font-size:1.875rem;line-height:1.25;white-space:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical}

}




.auto-tp06-3 > ul > li {float: left; width: 32%;  margin-right: 2%; margin-bottom: 1rem;}
.auto-tp06-3 > ul > li:nth-child(3n) {margin-right: 0;}
.auto-tp06-3 > ul > li:nth-child(3n+1) {clear: both;}
.auto-tp06-3 .auto-images {position: relative; height: 0;  padding-bottom: 58%;} 
@media screen and (max-width: 63.9375em){
.row .auto-tp06-3 > ul > li  {margin-bottom: 1rem;}
.row .auto-tp06-3 > ul > li:nth-child(3n+1) {clear: inherit;}
.row .auto-tp06-3 > ul > li  { width: 49%; margin-right: 2%;}
.row .auto-tp06-3 > ul > li:nth-child(2n) { margin-right: 0;}
.row .auto-tp06-3 > ul > li:nth-child(2n+1) { clear: both;}
}

/* 강수현 / 1053201 / 20210504 */
.overlap-nav .user-search input#search {width: calc(100% - 78px);}
.overlap-nav .user-search button[onclick] {float:left}
.user-bg-2 {background-color: #dc031c;width: 42px;height: 42px;margin: 0;font-size: 0.8rem;border-radius: 2px;position: absolute;margin-left: 2px}
.user-bg-2 > a {color: #fff;}
.user-bg-2 > a:hover {text-decoration:none; color:#fff}



/* 임희은 / 1053545 / 20210506 */
#admin-wrap .member-list table tbody th {font-weight:400;}

/* 배진희 / 1055511 / 20210513 / 유료기사 더보기 */
.article-veiw-body #article-view-content-div .paied-more-box{position:relative;margin:2rem 0;}
.article-veiw-body #article-view-content-div .paied-more-box:before{content:"";position:absolute;left:0;top:-120px;width:100%;height:100px;background:url('/image/paied-more-bg.png') left top no-repeat;}
.article-veiw-body #article-view-content-div .paied-more-box .wrap{}
.article-veiw-body #article-view-content-div .paied-more-box .wrap .tit{text-align:center;margin-bottom:1rem;font-size:25px;font-weight:bold;letter-spacing:-.07em;}
.article-veiw-body #article-view-content-div .paied-more-box .wrap p{letter-spacing:-.07em;}
.article-veiw-body #article-view-content-div .paied-more-box .wrap .txt{}
.article-veiw-body #article-view-content-div .paied-more-box .wrap .etc{font-size:14px;}
.article-veiw-body #article-view-content-div .paied-more-box .wrap .link-box{}
.article-veiw-body #article-view-content-div .paied-more-box .wrap .link-box a{display:inline-block;width:31%;margin:1% 1%;padding:13px 0;text-align:center;background:#FFCA28;border-radius:30px;font-weight:bold;letter-spacing:-.07em;}
.article-veiw-body #article-view-content-div .paied-more-box .wrap .link-box a:nth-child(2){float:none;}
.article-veiw-body #article-view-content-div .paied-more-box .wrap .link-box a.login{color:#fff;background:#ff2601;}
@media screen and (max-width: 39.9375em) {
.article-veiw-body #article-view-content-div .paied-more-box .wrap .link-box a{display:block;width:100%;margin-bottom:5px;font-size:14px;}
.article-veiw-body #article-view-content-div .paied-more-box .wrap .link-box a:nth-child(2){float:none;}
}


/* 임희은 / 1058626 / 20210526 */
[type=email_num] {display: block;box-sizing: border-box;width: 100%;height: 2.4375rem;margin: 0 0 1rem;padding: .5rem;border: 1px solid #cacaca;border-radius: 0;background-color: #fefefe;box-shadow: inset 0 1px 2px hsl(0deg 0% 4% / 10%);font-family: inherit;font-size: 1rem;font-weight: 400;color: #0a0a0a;transition: box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance: none;-moz-appearance: none;appearance: none;}