@charset "utf-8";
/* 새글 스킨 (latest) */

.magazine-header { margin-bottom:40px; }
.magazine-header h3 { font-weight:400; font-family:'myeongjo'; font-size:26px; }

.magazine-list { margin:0 -10px -40px; }
.magazine-list li { float:left; width:25%; padding:0 10px; margin-bottom:40px; }
.magazine-list li.empty_li { width:100%; text-align:center; }
.magazine-list .lt_img { margin-bottom:20px; }
.magazine-list .lt_img img { width:100%; }
.magazine-list .lt_title { overflow:hidden; margin-bottom:12px; font-family:'myeongjo'; font-size:16px; white-space:nowrap; text-overflow:ellipsis; }
.magazine-list .lt_cont { overflow:hidden; display:-webkit-box; height:2.75em; font-size:16px; color:#666; line-height:1.375; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
.magazine-list a:hover .lt_title { color:var(--accent); }

.view-more { position:absolute; top:45px; right:0; font-size:18px; }
.view-more .plus { display:inline-block; position:relative; width:15px; height:1px; margin-left:.5em; background:currentColor; vertical-align:middle; }
.view-more .plus:before { content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:currentColor; -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.view-more a:hover { color:var(--accent); }


.modal { position:fixed; top:0; left:0; right:0; bottom:0; background:rgb(0 0 0 / .7); font-size:16px; z-index:9999; opacity:0; visibility:hidden; }
.modal .modal-wrap { position:absolute; top:50%; left:50%; width:calc(100% - 20px); max-width:860px; max-height:88%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.modal .modal-cont { overflow:auto; overflow-x:hidden; position:relative; padding:40px 30px; background:white; }
.modal .modal-cont::-webkit-scrollbar { width:10px; }
.modal .modal-cont::-webkit-scrollbar-track { background:#f6f6f6; }
.modal .modal-cont::-webkit-scrollbar-thumb { background:#ffa0a4; }
.modal .view-title { margin-bottom:40px; font-weight:400; font-family:'myeongjo'; font-size:2em; color:#231815; color:var(--color); }
.modal .view-cont .interview { width:100%; }
.template { line-height:1.875em; font-size:16px; color:#555; line-height:1.875em; }
.template .article:not(:last-child) { margin-bottom:80px; }
.template .title { margin-bottom:40px; font-family:'myeongjo'; font-size:1.625em; color:#333; line-height:1.4; }
/*.template .accent { color:var(--color); }
.template .bg { background:var(--color); }*/
.template .paragraph:not(:last-child) { margin-bottom:1.25em; }
.template .paragraph:not(.no-indent) p { text-indent:.5em; }
.template figure { margin:0; text-align:center; }
.template figure figcaption { font-size:0.93em; color:#999; }
.view-cont img { max-width:100%; }
.template a { word-break:break-all; text-decoration:underline; }
.template .devide { width:100%; height:1px; margin:40px 0; background:var(--color); }
.template .box { padding:20px; border:1px solid #d7d7d7; line-height:1.875em; }
.template .bar { display:block; width:60px; height:2px; margin-bottom:20px; background:currentColor; }
.modal .modal-controller { position:relative; margin-bottom:30px; text-align:center; }
.modal .btn-close { width:100%; background:none; border:0; font-family:'myeongjo'; font-size:2em; color:white; text-align:center; }
.modal .navigation { position:absolute; bottom:0; right:0; }
.modal .btn-modal { display:inline-flex; align-items:center; justify-content:center; width:1.6em; height:1.6em; margin-left:10px; border:1px solid currentColor; border-radius:50%; font-size:20px; color:white; }
.modal .btn-modify { color:white; line-height:1.6em; }

.slide-dot { position:absolute; bottom:20px; left:0; width:100%; text-align:center; }
.slide-dot li { display:inline-block; margin:0 5px; }
.slide-dot li button { display:block; position:relative; width:40px; height:26px; background:none; border:0; text-indent:-9999px; }
.slide-dot li button:before { content:''; display:block; position:absolute; top:50%; left:0; width:100%; height:6px; margin-top:-3px; background:#cdcdcd; }
.slide-dot li.slick-active button:before { background:#222; }

.bold { font-weight:700; }

.color-white { color:#ffffff; }
.color-nobel { color:#959595; }
.color-nightrider { color:#333333; }
.color-moonyellow { color:#f4c216; }
.color-jade { color:#16b06d; }
.color-bittersweet { color:#f6665b; }
.color-eggblue { color:#00c6be; }
.color-cranberry { color:#ec4c6a; }
.color-curiousblue { color:#2e84b6; }
.color-richblue { color:#5c5cb2; }

.bg-white { background-color:#ffffff; }
.bg-nobel { background-color:#959595; }
.bg-nightrider { background-color:#333333; }
.bg-moonyellow { background-color:#f4c216; }
.bg-jade { background-color:#16b06d; }
.bg-bittersweet { background-color:#f6665b; }
.bg-eggblue { background-color:#00c6be; }
.bg-cranberry { background-color:#ec4c6a; }
.bg-curiousblue { background-color:#2e84b6; }
.bg-richblue { background-color:#5c5cb2; }

[class*='underline'] { text-decoration:underline; }
.underline-white { -webkit-text-decoration-color:#ffffff; text-decoration-color:#ffffff; }
.underline-nobel { -webkit-text-decoration-color:#959595; text-decoration-color:#959595; }
.underline-nightrider { -webkit-text-decoration-color:#333333; text-decoration-color:#333333; }
.underline-moonyellow { -webkit-text-decoration-color:#f4c216; text-decoration-color:#f4c216; }
.underline-jade { -webkit-text-decoration-color:#16b06d; text-decoration-color:#16b06d; }
.underline-bittersweet { -webkit-text-decoration-color:#f6665b; text-decoration-color:#f6665b; }
.underline-eggblue { -webkit-text-decoration-color:#00c6be; text-decoration-color:#00c6be; }
.underline-cranberry { -webkit-text-decoration-color:#ec4c6a; text-decoration-color:#ec4c6a; }
.underline-curiousblue { -webkit-text-decoration-color:#2e84b6; text-decoration-color:#2e84b6; }
.underline-richblue { -webkit-text-decoration-color:#5c5cb2; text-decoration-color:#5c5cb2; }



@media screen and (max-width: 1300px){
	.view-more { right:10px; }
}

@media screen and (max-width: 1024px){
	.magazine-list li { width:50%; }
}

@media screen and (max-width: 768px){
	.magazine-list li { width:100%; }
	.magazine-list li:not(.empty_li):nth-child(4) { display:none; }
	.magazine-list .lt_cont { font-size:14px; }

	.view-more { position:static; text-align:center; }
	.view-more a { border-bottom:1px solid #27b34b; }

	.modal .modal-cont { padding:30px 15px; }
	.modal .modal-controller { margin-bottom:15px; }
	.modal .btn-modal { width:1.5em; height:1.5em; }
	.modal .btn-close { font-size:1.3em; }

	.template { font-size:17px; letter-spacing:0; }
}