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

.box-skin .header .skin-column > a, .box-skin .header .skin-column > strong, .box-skin .header > a, .box-skin .header > strong {font-size:1.063rem}
@media screen and (max-width: 39.9375em) {
	.mobile .box-skin .header .skin-column > a, .box-skin .header .skin-column > strong, .box-skin .header > a, .box-skin .header > strong {font-size:1.063rem}
}

/* 모바일 관련 */
/*
.row .article-list .article-list-content.type-sm .list-image {height:110px!important}
.row .article-veiw-body.view-page p {font-size:.938rem !important}
*/

.box-skin .header .skin-column > a, .box-skin .header .skin-column > strong, .box-skin .header > a, .box-skin .header > strong {font-size:1.063rem}
@media screen and (max-width: 39.9375em) {
	.article-view-header .article-header-wrap .article-head-title {font-size:1.625rem}
	.row .article-view-header .info-text ul {display:block}
	.row .article-view-header .info-text li {float:left;font-size:.688rem}
	.row .article-view-header .info-text li:first-child {font-size:.85rem;font-weight:600;color:#333}
	.row .article-view-header .info-text li::before {content:'';padding-left:0;padding-right:.625rem}
	.row .article-view-header .info-text li:nth-child(2) {clear:both;}
	/*.row .article-view-header .info-text li i {display:none;}*/
	
	.article-veiw-body.view-page .names {font-size:.85rem !important;padding-top:.325rem}

	.article-view-header .article-head-info {margin-top:10px !important}

}

/* 기획연재 리스트 검색창 */
.series-search-form {float:right;width:200px;height:36px;padding:0 .5rem;border:1px solid #ccc;border-radius:2rem}
.series-search-form input {float:left;width:calc(100% - 32px);height:34px;font-size:.813rem;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none}
.series-search-form button {float:right;width:30px;height:34px;font-size:1.25rem}
.series-search-form [type="search"]:focus {border:none;box-shadow:none;background-color: transparent}

/* 구독및후원페이지 - 자동박스 모바일 버전 수정 mp02(import) */
@media screen and (max-width: 39.9375em) {
	.auto-mp02 .auto-columns {width:100% !important}
}

/* 박스 스킨 - 리스트 커스텀 */
.box-skin.custom-list {border-top:4px solid #000;border-bottom:4px solid #000;padding:2rem 0;margin-bottom:2rem}
.box-skin.custom-list.line {border-left:0 !important;border-right:0 !important}

/**********************************************
note : 기사리스트 - Card
**********************************************/
/* 기획연재 리스트*/
.article-list .article-list-content.type-sm .list-block .list-titles .list-title-custom {font-size:1.175rem}
.article-list .article-list-content.type-sm .list-block .list-summary.custom {font-size:.938rem !important;margin-top:.75rem}
.article-list .article-list-content.type-sm .list-block .list-summary.custom a {margin-top:.25rem;color:#555}
.article-list .article-list-content.type-sm .list-image.custom {height:110px !important}

/* 카드뉴스 */
.article-list .article-list-content.type-card .list-image {background-position:center center !important}

/* 목록타입 - tm */
.article-list .article-list-content.type-card {display:block;width:auto}
.article-list .article-list-content.type-card .article-column:first-child {float:left;width:48.25%;min-height:1px;margin-left:0 !important;margin-right:3.5% !important}
.article-list .article-list-content.type-card .article-column:nth-child(2) {float:left;width:48.25%;min-height:1px;margin-left:0 !important;margin-right:0 !important}
.article-list .article-list-content.type-card .article-column {float:left;width:31%;min-height:1px}
.article-list .article-list-content.type-card .article-column:nth-child(3n+1) {margin-left:3.5%;margin-right:3.5%}
.article-list .article-list-content.type-card .article-column:nth-child(3n+3) {clear:both}
.article-list .article-list-content.type-card .list-block {overflow:hidden;position:relative;margin-bottom:2rem;text-align:center}
.article-list .article-list-content.type-card .list-block .links {display:block;background:#f9f9f9;width:100%;min-height:220px;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
.article-list .article-list-content.type-card .list-block .links::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.25);left:0;right:0;top:0;bottom:0}
.article-list .article-list-content.type-card .list-block .list-block-content {height:82px;padding:.9375rem}
.article-list .article-list-content.type-card .list-block .list-block-content::after {content:'';display:table;clear:both}
.article-list .article-list-content.type-card .list-block .list-image {float:none;position:relative;width:100%;height:200px}
.article-list .article-list-content.type-card .list-block .list-image::after {content:'';position:absolute;z-index:2;border-top:1px solid rgba(0,0,0,.05);left:0;right:0;bottom:0}
.article-list .article-list-content.type-card .list-block .list-image::before {visibility:hidden}
.article-list .article-list-content.type-card .list-titles {display:block;overflow:hidden;max-height:2.8em;font-size:1.063rem;line-height:1.5em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.article-list .article-list-content.type-card .list-summary {margin-top:.5rem;font-size:.8rem;color:#888}
.article-list .article-list-content.type-card .list-dated {overflow:hidden;width:100%;margin-top:12px;line-height:1.3em;text-align:inherit;text-overflow:ellipsis;white-space:nowrap}
.article-list .article-list-content.type-card .list-block .links:hover .list-titles,.article-list .article-list-content.type-card .list-block .links:hover .list-summary {text-decoration:underline}
.article-list .article-list-content.type-card .list-block .list-block-content.image-none {text-align:left}
.article-list .article-list-content.type-card .list-block .list-block-content.image-none::before,.article-list .article-list-content.type-card .list-block .list-block-content.image-none::after 
{display:block;font-family:'ndsoft fonts';font-size:1.25rem;font-style:normal;font-weight:normal;line-height:1;color:rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.article-list .article-list-content.type-card .list-block .list-block-content.image-none::before {content:'\5b';margin-bottom:.5rem}
.article-list .article-list-content.type-card .list-block .list-block-content.image-none::after {content:'\7c';margin-top:.5rem;text-align:right}
.article-list .article-list-content.type-card .list-block .list-block-content.image-none .list-titles {font-size:1.188rem;font-weight:700}
.article-list .article-list-content.type-card .list-block .links:hover {background:#727d92;color:#fefefe}
.article-list .article-list-content.type-card .list-block .links:hover .list-summary {color:rgba(255,255,255,.65)}

.article-list .article-list-content.type-card .article-column:first-child .list-titles {max-height:1.8em;font-size:1.375rem;line-height:2.5em}
.article-list .article-list-content.type-card .article-column:nth-child(2) .list-titles {max-height:1.8em;font-size:1.375rem;line-height:2.5em}
.article-list .article-list-content.type-card .article-column:first-child .list-block .list-image {height:300px}
.article-list .article-list-content.type-card .article-column:nth-child(2) .list-block .list-image {height:300px}

/* 목록타입 - tm - 모바일일경우 */
@media screen and (max-width: 63.9375em) {
	.row .article-list .article-list-content.type-card .article-column {width:48%;margin-right:4%}
	.row .article-list .article-list-content.type-card .article-column:nth-child(2n) {margin-right:0}
	.row .article-list .article-list-content.type-card .article-column:nth-child(2n+1) {clear:both}
	.row .article-list .article-list-content.type-card .article-column:nth-child(3n+1) {clear:inherit}
	.row .article-list .article-list-content.type-card .list-block {margin-bottom:1rem}
	.row .article-list .article-list-content.type-card .list-block .links {min-height:auto}
	.row .article-list .article-list-content.type-card .list-block .list-image {height:130px}
	.row .article-list .article-list-content.type-card .list-block .list-block-content.image-none .list-titles {font-size:1.063rem}
	.row .article-list .article-list-content.type-card .list-block .list-summary {overflow:hidden;max-height:4.8em;line-height:1.6em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
}

/**********************************************
note : 영문판
**********************************************/
.user-eng {font-size:1.375rem !important;font-weight:500;text-align:center} 
.user-eng i {font-size:1.125rem;color:#e40e86;font-weight:300;margin-right:.25rem}

.box-skin .header {position:relative}
.box-skin .header .box-custom-line {position:absolute;left:0;bottom:-1px;z-index:2;width:80px;height:3px;border-bottom:3px solid #e40e86}

/**********************************************
note : 하단
**********************************************/
/* 하단 커스텀 */
#user-footer.user-style-default {background-color:rgba(255,255,255,1);border-top:2px solid rgba(0,0,0,1)}
#user-footer .footer-qrcode {position:absolute;width:65px;height:65px;top:0;right:0;border:0}

/* 하단 리스트 */
.footer-selbox {position:absolute;top:-2.75rem;right:0;border:0;width:160px;border:1px solid #ccc}
.footer-selbox::after {content:'';display:table;clear:both}
.footer-selbox .selbox-select {float:right;width:100%;height:25px;padding-top:0;padding-bottom:0;margin-bottom:0;font-size:.813rem;border:1px solid transparent}
.footer-selbox .selbox-select:focus {border-color:rgba(0,0,0,.45)}

/**********************************************
note : 박스 커스텀
**********************************************/
/* 커스텀박스1 */
.box-skin.custom-1 .header {padding:.9rem 0;border-top:1px solid #e40e86}
.box-skin.custom-1 .header a {margin-bottom:0 !important}
.box-skin.custom-1 .content {border:1px solid #ddd;padding:1.25rem;background:#f8f8f8}

/* design8 */
.box-skin.design-8 {border-top:1px solid #e40e86}
.box-skin.design-8 .header {float:left;width:173px;padding-right:1.25rem;padding-top:1.5rem}
.box-skin.design-8 .header > strong, .box-skin.design-8 .header > a,.box-skin.design-8 .header .skin-column > strong, .box-skin.design-8 .header .skin-column > a {font-size:1.375rem;line-height:1.3}
.box-skin.design-8 .content,.box-skin.design-8 .container {float:right;width:calc(100% - 173px);padding-left:1.75rem;padding-top:1.5rem;padding-bottom:1.5rem;border-left:1px solid rgba(0,0,0,.08)}

/**********************************************
note : 타입 
**********************************************/
.index-wrap.custom-type .index-columns-flex {background-color:#32343c}
.index-wrap.custom-type .grid-5 {padding:0 1.25rem;border-left:1px solid rgba(0,0,0,.12);border-right:1px solid rgba(0,0,0,.12)}
.custom-line {border-top:1px solid #000}

/* m-type-1 */
.index-wrap.m-type-1 {background-color:#f2f2f2}
#user-wrap.mobile .index-wrap.m-type-1 {margin:-1.25rem;padding:.625rem 0}
.index-wrap.m-type-1 .box-skin.line {padding:0 1.25rem;border:1px solid #ddd}
.index-wrap.m-type-1 .box-skin.line-custom {border:1px solid #ddd;background:#fff;padding-bottom:.425rem}
.index-wrap.m-type-1 .box-skin.line-custom .header {padding:.875rem 1.25rem}
.index-wrap.m-type-1 .box-skin.line-custom .header > strong,.index-wrap.m-type-1 .box-skin.line-custom .header > a {margin-bottom:0 !important}
.index-wrap.m-type-1 .box-skin .header > strong,.index-wrap.m-type-1 .box-skin .header > a {font-size:.9375rem}
.index-wrap.m-type-1 .box-skin.line .header > strong,.index-wrap.m-type-1 .box-skin.line .header > a {padding-top:.625rem;margin-bottom:.625rem;line-height:1.25em}
.index-wrap.m-type-1 .auto-article.m-auto-p05 {padding-top:.625rem;padding-bottom:.625rem}
.index-wrap.m-type-1 .auto-article .auto-sol {border-top-color:rgba(0,0,0,.05)}
@media screen and (min-width: 64em) {
	.index-wrap.m-type-1 .grid-1 {padding-right:1px}
}

/**********************************************
note : 자동박스 PC
**********************************************/
/* ha09 */
.auto-ha09 .auto-content {float:left;position:relative;width:25%;height:260px}
.auto-ha09 .auto-content:first-child,.auto-ha09 .auto-content:nth-child(5n + 1) {width:50%;height:520px;clear:both}
.auto-ha09 .auto-content a {display:block;position:relative;height:100%;padding:.9375rem}
.auto-ha09 .auto-content a:hover {background-color:#f8f8f9}
.auto-ha09 .auto-content a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);border-left:none;border-top:none;left:0;right:0;top:0;bottom:0}
.auto-ha09 .auto-content:first-child a::before,.auto-ha09 .auto-content:nth-child(5n + 1) a::before {border-left:1px solid rgba(0,0,0,.1)}
.auto-ha09 .auto-content:first-child a::before,.auto-ha09 .auto-content:nth-child(2) a::before,.auto-ha09 .auto-content:nth-child(3) a::before {border-top:1px solid rgba(0,0,0,.1)}

/*mp03*/
.auto-mp03 .auto-images.cover {background-position:top !important}

/* hp04 */
.auto-hp04 {position:relative}
.auto-hp04 [class *= "size-"] {display:block;margin-left:auto;margin-right:auto;padding:.625rem 1rem;text-align:left}
.auto-hp04 [class *= "size-"] a {font-weight:600;line-height:1;text-shadow:1px 1px 1px #000;color:#fff}

/* hr11-1 (headline) */
.auto-hr11-1-1 {position:relative}
.auto-hr11-1:not(.small) {overflow:hidden;position:relative}
.auto-hr11-1:not(.small) .auto-images.cover {overflow:hidden;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
.auto-hr11-1:not(.small) a:hover .auto-images.cover {transform:scale(1.1, 1.1)}
.auto-hr11-1:not(.small) .photo-titbg {text-align:center}
.auto-hr11-1 .photo-titbg [class*="size-"] {position:absolute;z-index:1;left:1.25rem;right:1.25rem}
.auto-hr11-1:not(.small) .photo-titbg [class*="size-"] {bottom:1.5rem;-webkit-transition:all .3s;transition:all .3s}
.auto-hr11-1:not(.small) a:hover .photo-titbg [class*="size-"] {-webkit-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all .3s;transition:all .3s}
.auto-hr11-1:not(.small) .photo-btn {top:50%;width:45px;height:80px;font-size:2.2rem;color:#fefefe;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s;transition:all .3s}
.auto-hr11-1:not(.small) .photo-btn.auto-prev {left:0;-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%)}
.auto-hr11-1:not(.small) .photo-btn.auto-next {right:0;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}
.auto-hr11-1:not(.small):hover .photo-btn.auto-prev,.auto-hr11-1:hover .photo-btn.auto-next {-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}
.auto-hr11-1.small .auto-columns {position:relative}
.auto-hr11-1.small .auto-columns .photo-titbg [class*="size-"] {bottom:1.25rem}

/* mp01-6 */
.auto-mp01-6 {position:relative;}
.auto-mp01-6 li {border:1px solid #ddd;padding:10px 15px;text-align:center;background:#f9f9f9}
.auto-mp01-6 .photo-btn {top:0;bottom:0}
.auto-mp01-6 .photo-btn .btn-inner {width:40px;height:60px;padding-top:.5rem;font-size:2.2rem;color:#fff;background-color:rgba(0,0,0,.3);}
.auto-mp01-6 .photo-btn.auto-prev {left:0}
.auto-mp01-6 .photo-btn.auto-next {right:-2px}
.auto-mp01-6 .slick-list {margin:0 -10px}
.auto-mp01-6 .slick-slide{margin:0 10px; cursor:pointer}
.auto-mp01-6 .label.tiny {max-width:150px;overflow:hidden}

/* mp01-7 */
.auto-mp01-7 {position:relative}
.auto-mp01-7 .photo-btn {top:0;bottom:0}
.auto-mp01-7 .photo-btn .btn-inner {width:40px;height:60px;padding-top:.5rem;font-size:2.2rem;color:#fff;background-color:rgba(0,0,0,.3);}
.auto-mp01-7 .photo-btn.auto-prev {left:0}
.auto-mp01-7 .photo-btn.auto-next {right:0}
.auto-mp01-7 .slick-list {margin:0 -10px}
.auto-mp01-7 .slick-slide{margin:0 10px; cursor:pointer}

/* mp01-8 */
.auto-mp01-8 {position:relative}
.auto-mp01-8 .photo-btn {top:-3.5rem}
.auto-mp01-8 .photo-btn .btn-inner {width:30px;height:30px;padding-top:.125rem;font-size:1.5rem;color:#fff;background-color:rgba(0,0,0,.15);}
.auto-mp01-8 .photo-btn.auto-prev {right:31px}
.auto-mp01-8 .photo-btn.auto-next {right:0}
.auto-mp01-8 .slick-list {margin:0 -10px}
.auto-mp01-8 .slick-slide{margin:0 10px; cursor:pointer}
.auto-mp01-8 .auto-columns::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}

/* mp01-9 */
.auto-mp01-9 {position:relative}
.auto-mp01-9 .photo-btn {top:-3.5rem}
.auto-mp01-9 .photo-btn .btn-inner {width:30px;height:30px;padding-top:.125rem;font-size:1.5rem;color:#fff;background-color:rgba(0,0,0,.15);}
.auto-mp01-9 .photo-btn.auto-prev {right:31px}
.auto-mp01-9 .photo-btn.auto-next {right:0}
.auto-mp01-9 .slick-list {margin:0 -10px}
.auto-mp01-9 .slick-slide{margin:0 10px; cursor:pointer}
.auto-mp01-9 .auto-columns::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}

/* mb02(import) */
.auto-mb02 .auto-columns {float:right;position:relative;width:calc(100% - 500px);padding-top:1rem;margin-top:1rem;border-top:1px dotted rgba(0,0,0,.15)}
.auto-mb02 .auto-columns:first-child,.auto-mb02 .auto-columns:nth-child(6n + 1) {float:left;width:475px;clear:both}
.auto-mb02 .auto-columns:nth-child(1),.auto-mb02 .auto-columns:nth-child(2) {margin-top:0;padding-top:0;border-top:none}
.auto-mb02 .auto-columns:nth-child(6n + 1),.auto-mb02 .auto-columns:nth-child(6n + 1) + .auto-columns {padding-top:0;border-top:none}
.auto-mb02 .auto-columns > a {display:block}
.auto-mb02 .auto-columns .auto-images {height:0;padding-bottom:70.25%}
.auto-mb02 .auto-columns .number {float:left;margin-right:.8rem;font-size:2.75rem;font-style:normal;line-height:.9em}
.auto-mb02 .auto-columns:nth-child(6n + 1) .number {font-size:3.25rem}
.auto-mb02 .auto-columns .number:not(.user-point) {color:#fefefe}
.auto-mb02 .auto-columns .photo-inner {position:absolute;z-index:1;left:1.25rem;right:1.25rem;bottom:1rem}

/* hr14(headline) */
.auto-hr14 {position:relative;background-color:#dfdfdf;border:1px solid #cccccc}
.auto-hr14 .photo-titbg {padding:.9375rem}
.auto-hr14 .auto-roll {float:left;width:calc(100% - 370px);z-index:1}
.auto-hr14 .auto-nav {float:left;width:370px;z-index:1}
.auto-hr14 .auto-nav .auto-content {overflow:hidden;float:left;width:100%;height:70px;padding:.825rem 1rem;border-top:1px solid #ccc}
.auto-hr14 .auto-nav .auto-content:first-child {border-top:none}
.auto-hr14 .auto-nav .slick-track {width:100% !important}
.auto-hr14 .auto-nav .slick-slide {position:relative;width:100% !important;cursor:pointer}
.auto-hr14 .auto-nav .slick-slide.slick-current {background-color:#fff}

.auto-hr14 .arrows {position:absolute;z-index:2;left:-2rem;top:0;width:100%;height:100%}
}

/* auto-dp06 */
.auto-dp06 {position:relative}
.auto-dp06 [class *= "size-"] {display:inline-block;margin-left:auto;margin-right:auto;padding:0 1rem;text-align:left}
.auto-dp06 [class *= "size-"] a {font-weight:500;line-height:1;text-shadow:1px 1px 1px #000;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.auto-dp06 [class *= "size-"] {margin-bottom:1rem;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}

/**********************************************
note : 자동박스 MOBILE
**********************************************/
/* p08-1 */
.auto-p08-1 {position:relative;background:#fff}
.auto-p08-1 ul {border:1px solid rgba(0,0,0,.12);}
.auto-p08-1 li {border-top:1px dashed rgba(0,0,0,.12); padding:.75rem 0;}
.auto-p08-1 li:first-child {border-top:0;padding-top:0}
.auto-p08-1 .auto-images::before {border:0 !important}

/* p08 */
.auto-p08 {position:relative;background:#fff}
.auto-p08 ul {border:1px solid rgba(0,0,0,.12);}
.auto-p08 li {border-top:1px dashed rgba(0,0,0,.12); padding:.75rem 0;}
.auto-p08 li:first-child {border-top:0;padding-top:0;padding-bottom:0}
.auto-p08 .auto-images::before {border:0 !important}
.auto-p08 .photo-titbg.gradient {padding:.85rem .875rem}
.auto-p08 .share-btn {position:absolute;color:rgba(255,255,255,1);text-shadow:1px 1px 1px #000;font-size:1.5rem;right:.938rem;bottom:.75rem;z-index:999;cursor:pointer}

/* p11 */
.auto-p11 {position:relative}
.auto-p11 li {border-top:1px dashed rgba(0,0,0,.12); padding:.75rem 0;}
.auto-p11 li:first-child {border-top:0;padding-top:0;padding-bottom:0}
.auto-p11 .auto-images::before {border:0 !important}
.auto-p11 .photo-titbg.gradient {padding:.85rem .875rem}
.auto-p11 .share-btn {position:absolute;color:rgba(255,255,255,1);text-shadow:1px 1px 1px #000;font-size:1.5rem;right:.938rem;bottom:.75rem;z-index:999;cursor:pointer}

/* p11-1 */
.auto-p11-1 {position:relative}
.auto-p11-1 li {border-top:1px dashed rgba(0,0,0,.12); padding:.75rem 0;}
.auto-p11-1 li:first-child {border-top:0;padding-top:0}
.auto-p11-1 .auto-images::before {border:0 !important}

/* i04 */
.auto-i04 .auto-images.cover {background-position:top}

/**********************************************
note : 페이지 전체 (좌측 네비 메뉴)
**********************************************/
#com-nav .menu li.is-accordion-submenu-parent ul.menu.nested li.is-submenu-item a {font-size:1rem;font-weight:700}
.menu > li > a {line-height:1.5}

/**********************************************
note : 소개페이지
**********************************************/
.com-about {letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.com-about::after {content:'';display:table;clear:both}
.com-about .about-group:not(:first-child) {margin-top:1rem}
.com-about .about-group::after {content:'';display:table;clear:both}
.user-point2 {color:#c063c9}

/* 허스토리 */
.com-about.com-1 .about-group {padding-bottom:2rem;border-bottom:1px dashed #ccc}
.com-about.com-1 .about-group:last-child {border-bottom:0}
.com-about.com-1 .title {margin-bottom:30px;font-size:2.5rem;letter-spacing:-0.08em}
.com-about.com-1 .tt {margin-bottom:30px;font-size:2.85rem;letter-spacing:-0.08em}
.com-about.com-1 .cts-left {float:left;width:50%}
.com-about.com-1 .sub-title {margin-bottom:20px;font-size:1.563rem;color:rgba(0,0,0,.8);letter-spacing:-0.08em}
.com-about.com-1 p {font-size:.938rem;color:rgba(0,0,0,.65)}
@media screen and (max-width: 39.9375em) {
	.com-about.com-1 .cts-left {width:100%}
}

/* 허스토리 com-1-1
.com-about.h-story h4 {margin-bottom:20px;font-size:1.250rem;color:rgba(0,0,0,.8);letter-spacing:-0.08em}
.com-about.h-story h4.headline {margin-bottom:2.188rem;font-size:1.750rem;color:rgba(0,0,0,.8)}
.com-about.h-story p {font-size:.938rem;color:rgba(0,0,0,.65)}
.com-about.h-story .user-point2 {color:#c063c9}
.com-about.h-story .about-group {padding:1rem 0 2.188rem 0;border-bottom: 1px solid #f1f1f1}
.com-about.h-story .story01 {background:url('/image/company/h-story-bg01.jpg') no-repeat right 50%}
.com-about.h-story .story01 p {width:395px;font-size:.938rem;color:rgba(0,0,0,.65)}
.com-about.h-story .story02 ul.online-sns {margin:0;list-style:none;background: url('/image/company/h-story-bg02.jpg') no-repeat 463px 0;}
.com-about.h-story .story02 ul.online-sns li {font-size:.875rem;line-height:2.2;color:rgba(0,0,0,.65);letter-spacing:-0.04em}
.com-about.h-story .story03 ul {margin:0;list-style:none}
.com-about.h-story .story03 ul li {font-size:1rem;line-height:1.7;color:rgba(0,0,0,.65);}
.com-about.h-story .story04 {border:0}
.com-about.h-story .story04 dl {padding-bottom:200px;background: url('/image/company/h-story-bg03.jpg') no-repeat right 0;}
.com-about.h-story .story04 dl dt {margin-bottom:18px;font-size:1.375rem}
.com-about.h-story .story04 dl dd {font-size:1rem;color:rgba(0,0,0,.65)}
.com-about.h-story .story04 ul.event {margin:0;list-style:none;margin:0;padding:0 4px 0 2px;}
.com-about.h-story .story04 ul.event li {display:inline-block;width:220px;margin:0 52px 30px 0;vertical-align:top;text-align:center;font-size:1rem;line-height:1.4;color:rgba(0,0,0,.65)}
.com-about.h-story .story04 ul.event li:nth-child(3n) {margin-right:0}
@media screen and (max-width: 39.9375em) {
	.com-about.h-story .story01 {background:none}
	.com-about.h-story .story01 p {width:100%}
	.com-about.h-story .story02 ul.online-sns {background:none}
	.com-about.h-story .story04 dl {padding-bottom:0;background:none}
	.com-about.h-story .story04 ul.event {text-align:center}
	.com-about.h-story .story04 ul.event li {margin:0 0 20px 0}
}
*/

/* 연혁 */
.com-about.history .biz-tabs::after {content:'';display:table;clear:both}
.com-about.history .tabs {border:none;height:210px}
.com-about.history .tabs .tabs-title {float:none;margin-bottom:1px;text-align:center}
.com-about.history .tabs .tabs-title > a {display:block;width:234px;padding:.5rem 0;font-size:1.375rem;line-height:1em;letter-spacing:-0.05em;color:rgba(0,0,0,.8);text-decoration:none;background-color:#ececec}
.com-about.history .tabs .tabs-title > a:focus,.com-about.history .tabs .tabs-title > a[aria-selected="true"] {font-weight:700;background-color:#bf61c8;}
.com-about.history .tabs .tabs-title > a:hover,.com-about.history .tabs .tabs-title > a:focus,.com-about.history .tabs .tabs-title > a[aria-selected="true"] {color:#fff;background-color:#bf61c8}
.com-about.history .tabs-content {border:none}
.com-about.history .tabs-content .tabs-panel {position:relative;padding:2rem 0 0}
.com-about.history .tabs-content .tabs-panel img {position:absolute;right:0;top:-200px}
.com-about.history .history-group {display:table;width:100%;table-layout:fixed}
.com-about.history .history-group:not(:first-child) {margin-top:2rem}
.com-about.history .history-group h4 {float:left;width:135px;font-size:1.750rem;font-weight:bold;color:rgba(0,0,0,.65)}
.com-about.history .history-group dl {float:right;width:645px}
.com-about.history .history-group dt {float:left;width:8%;color:rgba(0,0,0,.4);font-size:1.250rem;font-weight:500}
.com-about.history .history-group dd {float:right;width:92%;color:rgba(0,0,0,.65);font-size:.9rem;padding-left:1rem}
@media screen and (max-width: 39.9375em) {
	.com-about.history .tabs {height:auto}
	.com-about.history .tabs-content .tabs-panel img {display:none}
	.com-about.history .history-group dl {float:left;width:100%}
}

/* ci소개 */
.com-about.about-ci .ci-top {padding-bottom:2rem;border-bottom:1px dashed #ccc}
.com-about.about-ci .title {margin-bottom:30px;font-size:2.5rem;letter-spacing:-0.08em}
.com-about.about-ci .sub-title {margin-bottom:20px;font-size:1.563rem;color:rgba(0,0,0,.8);letter-spacing:-0.08em}
.com-about.about-ci ul.brand-story {margin:0;list-style:none}
.com-about.about-ci ul.brand-story li {font-size:1rem;color:rgba(0,0,0,.65)}
.com-about.about-ci ul.brand-story li span {margin-right:20px;font-size:1.375rem}
.com-about.about-ci h4 {margin-bottom:20px;font-size:1.250rem;font-weight:bold;color:rgba(0,0,0,.8);letter-spacing:-0.08em}
.com-about.about-ci p {font-size:.875rem;color:rgba(0,0,0,.55);line-height:1.5}
.com-about.about-ci .down_ci {display:block;width:360px;margin:auto;padding:.438rem .938rem;font-size:.938rem;color:#fff;background-color:#bf61c8;text-decoration:none}
.com-about.about-ci .down_ci:hover {background-color:#a352af}

.brand-logo div {float:left;width:24%;height:100px;margin:0 .175rem;margin-bottom:1rem;padding:.5rem 0;vertical-align:middle;border:1px solid #eee}
.brand-logo30 div {float:left;width:360px;height:100px;margin:0 .175rem;margin-bottom:1rem;padding:.5rem 0;vertical-align:middle;border:1px solid #eee;text-align:center}
.brand-logo30 div img {max-width:360px;height:80px}


/* 오시는길*/
.com-about.maps [id*="daum"] {width:100% !important;margin-bottom:2rem}
.com-about.maps .maps-content::after {content:'';display:table;clear:both}
@media screen and (max-width: 39.9375em) {
	.com-about.maps [id*="daum"] .wrap_map {height:300px !important}
}

/* 전국지사 */
.com-about.office table {border-collapse:collapse}
.com-about.office table th,.com-about.office table td {font-size:.875rem}
.com-about.office table thead th {background-color:rgba(0,0,0,.025);border-top:1px solid rgba(0,0,0,.07);border-right:1px solid rgba(0,0,0,.07);text-align:center;color:rgba(0,0,0,.85)}
.com-about.office table tbody td {background-color:#fff;border-bottom:1px solid rgba(0,0,0,.07);border-right:1px solid rgba(0,0,0,.07);text-align:center;color:rgba(0,0,0,.65)}

/* 주요사업 */
.com-about.com-7 .about-group {padding-bottom:3rem;border-bottom:1px dashed #ccc}
.com-about.com-7 .about-group:not(:first-child) {margin-top:3rem}
.com-about.com-7 .about-group:last-child {border-bottom:0}
.com-about.com-7 .title {margin-bottom:30px;font-size:1.875rem;letter-spacing:-0.08em}
.com-about.com-7 .sub-title {margin-bottom:1rem;position:relative;padding-left:1rem;font-size:1.375rem}
.com-about.com-7 .sub-title::before {content:'';position:absolute;z-index:1;left:0;top:3px;width:50%;max-width:7px;height:25px;border-left:7px solid #c063c9}
.com-about.com-7 h3 {margin-bottom:20px;font-size:1.250rem;color:rgba(0,0,0,.8);letter-spacing:-0.08em}
.com-about.com-7 ul.online-sns {margin:0;list-style:none;background: url('/image/company/h-story-bg02.jpg') no-repeat 463px 0;}
.com-about.com-7 ul.online-sns li {font-size:.875rem;line-height:2.2;color:rgba(0,0,0,.65);letter-spacing:-0.04em}
.com-about.com-7 ul.site {margin:0;list-style:none}
.com-about.com-7 ul.site li {font-size:1rem;line-height:1.7;color:rgba(0,0,0,.65);}
.com-about.com-7 ul.event {margin:0;list-style:none;margin:0;padding:0 4px 0 2px;}
.com-about.com-7 ul.event li {display:inline-block;width:220px;margin:0 52px 30px 0;vertical-align:top;text-align:center;font-size:.938rem;line-height:1.4;color:rgba(0,0,0,.65)}
.com-about.com-7 ul.event li:nth-child(3n) {margin-right:0}
@media screen and (max-width: 39.9375em) {
	.com-about.com-7 .sub-title {padding-left:0}
	.com-about.com-7 .sub-title::before {display:none}
	.com-about.com-7 ul.online-sns {background:none}
	.com-about.com-7 ul.event {text-align:center}
	.com-about.com-7 ul.event li {margin:0 0 20px 0}
}

/* 만드는 사람들 */
.com-about.com-8 h1.title {font-size:2.125rem;letter-spacing:-0.08em;font-weight:500}
.com-about.com-8 ul {margin:0;list-style:none}
.com-about.com-8 ul li {font-size:1.325rem;color:rgba(0,0,0,.8);letter-spacing:-0.08em;line-height:2.5}
.com-about.com-8 ul p.sub-list {margin-left:1rem;font-size:.9rem;color:rgba(0,0,0,.7)}
.com-about.com-8 ul li .fa-check {margin-right:10px}
.com-about.com-8 .line {border:1px solid #ddd;padding:1.25rem 3rem}
.com-about.com-8 .title i {font-size:1.625rem !important;margin-right:.5rem}
.com-about.com-8 .office_group th {background:#fdf4fe}
.com-about.com-8 table {margin-top:1rem}

/**********************************************
note : 열린편집국
**********************************************/
/* 공통스타일 */
.editor-wrap {overflow:hidden;width:100%;margin:1.250rem auto;font-size:1rem;letter-spacing:-0.07em;line-height:1.563rem;text-align:left;color:#666666}
.editor-wrap img {display:block;margin:0 auto}
.editor-wrap .columns.com-img,.editor-wrap .columns.com-img {padding:0}

/* 열린편집국 */
.editor-1 .contact-box {margin:2.5rem auto 0;width:75%}
.editor-1 .editor-tit {font-size:1.875rem;font-weight:300;letter-spacing:-.125rem;line-height:1.1;color:#191919}
.editor-1 .contact-box p {color:#666;font-size:.875rem;font-weight:300}
.editor-1 .contact {color:#666;font-size:1rem;font-weight:300}
.editor-1 .contact span {display:inline-block;width:100px;color:#191919;font-weight:500}
.editor-1 .columns {padding:0}
.editor-1 hr {margin:2.5rem 0}
.editor-1 .report-box {margin-bottom:1.875rem}
.editor-1 .report-box i {display:block;width:100px;height:100px;margin:0 auto;padding-top:2rem;color:#fefefe;font-size:2.5rem;text-align:center;background-color:#e40e86;border-radius:10%}
.editor-1 .report-box i.fa-microphone {background-color:rgba(244,129,31,.9)}
.editor-1 .report-box i.fa-camera {background-color:rgba(113,189,68,.9)}
.editor-1 .report-box i.fa-pencil {background-color:rgba(0,169,174,.9)}
.editor-1 .report-box .editor-sub-tit {display:block;margin-bottom:.625rem;font-size:1.625rem;font-weight:700;letter-spacing:-.125rem;line-height:1.1;color:#191919}
.editor-1 .report-box p {margin-bottom:.5rem;color:#262728;font-size:.875rem;font-weight:300;text-align:justify}
.editor-1 .report-box ul {list-style:none;margin:0;font-size:.813rem;color:#888;text-align:justify}
.editor-1 .report-box.last {margin-bottom:0}

@media screen and (max-width: 39.9375em) {
	.editor-1 .contact-box {margin-top:1.5rem;width:100%}
	.editor-1 .editor-tit {display:block;margin-bottom:.625rem}
	.editor-1 .report-box .editor-sub-tit {margin-bottom:1rem;text-align:center}
	.editor-1 .report-box .mar-top {margin-top:1.25rem}
}

/* 상단 */
.editor-top {margin-bottom:1.25rem;padding:1rem 1.25rem;border:1px solid #dfdfdf}
.editor-top .header {margin-bottom:.9rem;padding-bottom:.9rem;border-bottom:1px solid rgba(0,0,0,.08)}
.editor-top .header::after {content:'';display:table;clear:both}
.editor-top .header > span {font-size:.75rem;color:#888}
.editor-top .header > span b {font-weight:normal;color:#191919}

.editor-top .content::after {content:'';display:table;clear:both}
.editor-top .content p {margin-bottom:0;color:#77787b;font-size:.8rem;line-height:1.65em;letter-spacing:-0.05em}

.editor-bbs {margin-bottom:0;color:#77787b;font-size:.8rem;line-height:1.65em;letter-spacing:-0.05em}

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


/* 신경훈 / 951747 / 20200526 */
/* 타이틀 */
#kd-type .subscribe-title-box {position:relative; overflow:hidden; width:100%; padding:4rem 4rem; background:rgba(0, 0, 0, 0) linear-gradient(to top, rgba(243, 80, 133, 1) 50%, rgba(247, 101, 148, 1) 100%) repeat 0 0;; color:#fff}
#kd-type .subscribe-title-box::after{content:'\f1e7'; font-family:'FontAwesome'; font-size:9rem; color:rgba(255,255,255,.8); position:absolute; right:1rem; bottom:-4rem;}
#kd-type .subscribe-title-box::before{content:'\f004'; font-family:'FontAwesome'; font-size:2.5rem; color:rgba(255,255,255,.6); position:absolute; right:9rem; top:3rem; transform:rotate(-30deg)}
#kd-type .subscribe-title-box .subscribe-title{overflow:hidden; font-family:'NanumGothic','Malgun Gothic'}
#kd-type .subscribe-title-box .subscribe-title h2{float:left; margin:0 1.5rem 0 0; font-size:3rem; font-family:'NanumGothic','Malgun Gothic'; font-weight:600}
#kd-type .subscribe-title-box .subscribe-title .sum{float:left; margin-top:.3rem; font-size:1.1rem; font-weight:600}
#kd-type .subscribe-title-box .subscribe-title .sum p{margin:0}
#kd-type .subscribe-title-box .confer{position:relative; display:inline-block; margin-top:.5rem; padding:.1rem .5rem .1rem 1.5rem; font-size:.8rem; color:rgba(255,255,255,.7);  line-height:1.4; letter-spacing:-.02em; background:rgba(0,0,0,.1); border-radius:10px }
#kd-type .subscribe-title-box .confer::after{content:'※'; position:relative; position:absolute; top:0; left:.5rem}

@media screen and (max-width: 63.9375em) {
	#kd-type .subscribe-title-box {padding:2rem 12rem 2rem 4rem}
	#kd-type .subscribe-title-box .subscribe-title h2{float:none; margin:0; font-size:3rem}
	#kd-type .subscribe-title-box .subscribe-title .sum{float:none}
}
@media screen and (max-width: 39.9375em) {
	#kd-type .subscribe-title-box {padding:2rem 1rem}
	#kd-type .subscribe-title-box .subscribe-title h2{font-size:3rem}
	#kd-type .subscribe-title-box .subscribe-title .sum{font-size:.9rem}
	#kd-type .subscribe-title-box .confer{margin-top:1rem; font-size:.75rem}
	#kd-type .subscribe-title-box::after{display:none}
	#kd-type .subscribe-title-box::before{font-size:2rem; position:absolute; right:1.5rem; top:2rem}
}

/* 폼 */
.subscribe-form{padding:2rem; font-family:"Noto Sans KR","Malgun Gothic",dotum,AppleGothic,"Helvetica Neue",Helvetica,Arial,sans-serif}
.subscribe-form fieldset{margin-bottom:1rem}
.subscribe-form [type=text],
.subscribe-form [type=tel],
.subscribe-form [type=email],
.subscribe-form [type=number],
.subscribe-form [type=radio]+label,
.subscribe-form textarea,
.subscribe-form select{margin:0; box-shadow:none; border-radius:5px; font-size:.9rem; font-weight:500; font-family:"Noto Sans KR","Malgun Gothic",dotum,AppleGothic,"Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1}
.subscribe-form button{border-radius:5px !important}
.subscribe-form .form-check-inline{display:inline-block; margin:.2rem .5rem 0 0}
.subscribe-form .form-check-inline [type=radio]{position:relative; top:.15rem; margin:0 .2rem 0 0}

.subscribe-form .support-info{position:relative; margin-bottom:1rem; padding-left:.9rem; font-size:1.5rem; font-weight:600; line-height:1.4}
.subscribe-form .support-info::after{content:''; position:absolute; top:0; left:0; width:4px; height:100%; background:#f76594}

.subscribe-form fieldset .sup{display:block; font-size:.65rem; line-height:1}
.subscribe-form fieldset .sup-medium{display:block; margin-top:.2rem; font-size:.75rem; line-height:1}
.subscribe-form fieldset a.link{color:#c00; font-weight:600; text-decoration:underline}




/* 홍경아 / 994474 / 20201016 */
@media screen and (max-width: 39.9375em){
   .row .article-list .article-list-content.type-sm .list-image { width: 100px;}
   .row .article-list .article-list-content.type-sm .list-summary {display: block;}
   .row .article-list .article-list-content.type-sm .list-block .list-summary.custom a { margin-top: .3rem; height: 20px; overflow: hidden;}
}



/**********************************************
리뉴얼모드 : 안단비 
**********************************************/
/* 배경
#user-container .inner {padding:45px 0;margin:0 auto;border-left:1px solid #f1f3f6;border-right:1px solid #f1f3f6;background-color:#fff;width:1180px}
 */

 /* 기사박스 제목 커스텀(pc) */
.box-skin .header > a span.cus-font , .box-skin .header > strong span.cus-font {font-size:1.188rem}
 
 /* 기사박스 제목 커스텀(mobile) */
.box-skin .header > a span.cus-m-font , .box-skin .header > strong span.cus-m-font {font-size:1.438rem}

/* 폰트 색 */
.auto-fontCus01 {color:#c063ca}

/* 자동박스 - 이미지 사이즈 */
.auto-images.contain {background-position:center;background-repeat:no-repeat;background-size:contain}

/* 이미지 비율 */
.auto-images.ratio-11 {height:0;padding-bottom:100%}
.auto-images.ratio-32 {height:0;padding-bottom:66.66667%}
.auto-images.ratio-34 {height:0;padding-bottom:56.25%}
.auto-images.ratio-cus01 {height:0;padding-bottom:56%}

/* 기본투명_가운데 제목라인 */
.box-skin.cus .header {position:relative;text-align:center}
.box-skin.cus .header::before {content:'';position:absolute;left:47%;bottom:-1px;z-index:2;transform:translateX(-50%);width:40px;border-bottom:4px solid #ee67b3}
.box-skin.cus .header::after {content:'';position:absolute;left:53%;bottom:-1px;z-index:2;transform:translateX(-50%);width:40px;border-bottom:4px solid #ffb0dc}
.box-skin.cus .header > strong, .box-skin.cus .header > a {margin-bottom:1rem;padding-bottom:.7rem;font-size:1.188rem}

/* 7대3 비율 - 2단 */
.box-skin.calc .skin-column:first-child {width:105px}
.box-skin.calc .skin-column:last-child {padding-left:20px}

/* 단(PC) - custom02 */
.index-wrap.custom-type02 .index-columns-flex {background-color:#32343c}
.index-wrap.custom-type02 .grid-5 {padding:0 1.25rem;border-left:1px solid rgba(0,0,0,.12);border-right:1px solid rgba(0,0,0,.12)}
.width-275 {width:275px}
.width-353 {width:353px}

/* 헤드라인 - CHA01 */
.auto-cha01 .auto-content {float:left;position:relative;width:332px}
.auto-cha01 .auto-content:first-child,.auto-cha01 .auto-content:nth-child(3n + 1) {width:calc(100% - 332px);height:580px;padding-right:2%;clear:both}
.auto-cha01 .auto-content:not:nth-child(2n + 1) {margin-top:0}
.auto-cha01 .auto-content a {display:block;position:relative;height:100%}

/* 포토 - auto-cpr01 */
.auto-cpr01 {position:relative}
.auto-cpr01 .photo-titbg {min-height:35px}
.auto-cpr01 .photo-btn {width:35px;height:35px;border-width:1px;border-style:solid;border-color:transparent;top:40%;transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg)}
.auto-cpr01 .photo-btn::before {content:'';position:absolute;z-index:-1;border-width:1px;border-style:solid;border-color:transparent;left:0px;right:0;top:0px;bottom:0}
.auto-cpr01 .photo-btn.auto-prev {left:20px;border-left-color:rgba(255,255,255,.25);border-bottom-color:rgba(255,255,255,.25)}
.auto-cpr01 .photo-btn.auto-next {right:20px;border-right-color:rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.25)}
.auto-cpr01 .photo-btn.auto-prev::before {border-left-color:rgba(0,0,0,.7);border-bottom-color:rgba(0,0,0,.7)}
.auto-cpr01 .photo-btn.auto-next::before {border-right-color:rgba(0,0,0,.7);border-top-color:rgba(0,0,0,.7)}

/* 포토 - auto-cpr02 */
.auto-cpr02 {position:relative}
.auto-cpr02 .photo-titbg {min-height:35px}
.auto-cpr02 .photo-btn {width:35px;height:35px;border-width:1px;border-style:solid;border-color:transparent;top:40%;transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg)}
.auto-cpr02 .photo-btn::before {content:'';position:absolute;z-index:-1;border-width:1px;border-style:solid;border-color:transparent;left:0px;right:0;top:0px;bottom:0}
.auto-cpr02 .photo-btn.auto-prev {left:20px;border-left-color:rgba(255,255,255,.25);border-bottom-color:rgba(255,255,255,.25)}
.auto-cpr02 .photo-btn.auto-next {right:20px;border-right-color:rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.25)}
.auto-cpr02 .photo-btn.auto-prev::before {border-left-color:rgba(0,0,0,.7);border-bottom-color:rgba(0,0,0,.7)}
.auto-cpr02 .photo-btn.auto-next::before {border-right-color:rgba(0,0,0,.7);border-top-color:rgba(0,0,0,.7)}

/* 영상 - auto-cva01 */
.auto-cva01 {position:relative}
.auto-cva01 .flex-video.widescreen, .auto-cva01 .responsive-embed.widescreen {padding-bottom:56%}
.auto-cva01 .photo-titbg {min-height:35px}
.auto-cva01 .photo-btn {width:35px;height:35px;border-width:1px;border-style:solid;border-color:transparent;top:40%;transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg)}
.auto-cva01 .photo-btn::before {content:'';position:absolute;z-index:-1;border-width:1px;border-style:solid;border-color:transparent;left:0px;right:0;top:0px;bottom:0}
.auto-cva01 .photo-btn.auto-prev {left:20px;border-left-color:rgba(255,255,255,.25);border-bottom-color:rgba(255,255,255,.25)}
.auto-cva01 .photo-btn.auto-next {right:20px;border-right-color:rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.25)}
.auto-cva01 .photo-btn.auto-prev::before {border-left-color:rgba(0,0,0,.7);border-bottom-color:rgba(0,0,0,.7)}
.auto-cva01 .photo-btn.auto-next::before {border-right-color:rgba(0,0,0,.7);border-top-color:rgba(0,0,0,.7)}

/* 모바일 - cc04 */
.auto-cc04 .auto-columns {float:right;position:relative;width:calc(100% - 200px);margin-top:1rem;padding-top:1rem;border-top:1px dotted rgba(0,0,0,.12)}
.auto-cc04 .auto-columns:first-child,.auto-cc04 .auto-columns:nth-child(5n + 1) {float:left;width:175px;clear:both}
.auto-cc04 .auto-columns:first-child,.auto-cc04 .auto-columns:nth-child(5n + 1),.auto-cc04 .auto-columns:nth-child(5n + 1) + .auto-columns {margin-top:0;border-top:none}
.auto-cc04 .auto-columns:nth-child(1),.auto-cc04 .auto-columns:nth-child(2) {margin-top:0;padding-top:0;border-top:none}
.auto-cc04 .auto-columns .photo-titbg [class*="size-"] {position:absolute;z-index:1;left:1.25rem;right:1.25rem;bottom:1rem}

/* 모바일 - cc05 */
.auto-cc05 {position:relative}
.auto-cc05 .photo-titbg {min-height:35px}
.auto-cc05 .photo-btn {width:35px;height:35px;border-width:1px;border-style:solid;border-color:transparent;top:50%;transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg)}
.auto-cc05 .photo-btn::before {content:'';position:absolute;z-index:-1;border-width:1px;border-style:solid;border-color:transparent;left:0px;right:0;top:0px;bottom:0}
.auto-cc05 .photo-btn.auto-prev {left:20px;border-left-color:rgba(255,255,255,.25);border-bottom-color:rgba(255,255,255,.25)}
.auto-cc05 .photo-btn.auto-next {right:20px;border-right-color:rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.25)}
.auto-cc05 .photo-btn.auto-prev::before {border-left-color:rgba(0,0,0,.7);border-bottom-color:rgba(0,0,0,.7)}
.auto-cc05 .photo-btn.auto-next::before {border-right-color:rgba(0,0,0,.7);border-top-color:rgba(0,0,0,.7)}

/* 모바일 - cc07 */
.auto-cc07 {position:relative}
.auto-cc07 .auto-images {height:0;padding-bottom:95%}
.auto-cc07 .photo-btn {position:absolute;width:30px;height:30px;top:-43px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-cc07 .photo-btn.auto-prev {right:32px;border-radius:3px 0 0 3px}
.auto-cc07 .photo-btn.auto-next {right:0;border-radius:0 3px 3px 0}
.auto-cc07 .photo-btn i {font-size:1.3rem}

/* 모바일 - cc09 */
.m-auto-p09 .auto-images {height:0;padding-bottom:66.666667%}

/* 모바일 - cc10 */
.auto-cc10 {position:relative}
.auto-cc10 .flex-video.widescreen, .auto-cc10 .responsive-embed.widescreen {padding-bottom:56%}
.auto-cc10 .photo-titbg {min-height:35px}
.auto-cc10 .photo-btn {position:absolute;width:30px;height:30px;top:-43px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-cc10 .photo-btn.auto-prev {right:32px;border-radius:3px 0 0 3px}
.auto-cc10 .photo-btn.auto-next {right:0;border-radius:0 3px 3px 0}
.auto-cc10 .photo-btn i {font-size:1.3rem}

/* 모바일 - cc11 */
.auto-cc11 {position:relative}
.auto-cc11 .photo-titbg {min-height:35px}
.auto-cc11 .photo-btn {position:absolute;width:30px;height:30px;top:-43px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-cc11 .photo-btn.auto-prev {right:32px;border-radius:3px 0 0 3px}
.auto-cc11 .photo-btn.auto-next {right:0;border-radius:0 3px 3px 0}
.auto-cc11 .photo-btn i {font-size:1.3rem}

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

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

/* 배진희 / 1065674 / 20210617 */
.auto-p08-2 ul{border:0;}
.auto-p08-2 li{border-top:0;}
.auto-p08-2 .auto-images::before{border:1px solid rgba(0,0,0,.1) !important;}


/* 신경훈 / 1067925 / 20210705 퀴즈 이벤트폼 */
#nd-event-wrap{background:#eee}
#nd-event-wrap .row{max-width:750px; margin:10px auto}
#nd-event-wrap .row .theme-header{display:none}
#nd-event-wrap .row .rows-group{margin-top:1rem; padding:20px 50px 30px 50px; background:#fff; border-radius:5px}
#nd-event-wrap .groups-question{padding:0 0 2rem 0; margin:2rem 0; font-size:1.2rem; font-weight:600; line-height:1.4; letter-spacing:-.05em; background:#fff; border-bottom:1px solid #ddd}
#nd-event-wrap .row .rows-group.questions-input{margin:0 0 1rem 0; padding:0; border-radius:0; overflow:hidden}
#nd-event-wrap .row .rows-group.questions-input .groups-cell:first-child{float:left; position:relative; top:9px; width:150px; margin-right:10px; margin-bottom:.5rem; text-align:right}
#nd-event-wrap .row .rows-group.questions-input .groups-cell:first-child label{font-size:1rem}
#nd-event-wrap .row .rows-group.questions-input .groups-cell:last-child{float:left; width:calc(100% - 160px)}
#nd-event-wrap .row .rows-group.questions-input .groups-question{padding:0; margin:0; border:0}
#nd-event-wrap .row .rows-group.questions-input .help-text{display:none}
#nd-event-wrap .row .rows-group .quiz-hint{margin-top:1.2rem}
#nd-event-wrap .nd-group .nd-radio{font-size:.9rem}
#nd-event-wrap .questions-infomation{margin:1rem 0; padding:30px 50px 20px 50px; background:#fff; border-radius:5px}
#nd-event-wrap .questions-text{padding:1.5rem 0 0}
#nd-event-wrap .questions-text .qt-box{margin-bottom:1rem; font-size:.8rem; line-height:1.6}
#nd-event-wrap .questions-text .qt-box strong{display:block;margin-bottom:.35rem; color:#444}
#nd-event-wrap .questions-text .qt-box span{display:block; color:#777}

@media screen and (max-width: 39.9375em) {
	#nd-event-wrap .row .rows-group{padding:20px}
	#nd-event-wrap .questions-infomation{padding:30px 20px}
	#nd-event-wrap .row .rows-group.questions-input .groups-cell:first-child{float:none; top:0; width:100%; margin-right:0; text-align:left}
	#nd-event-wrap .row .rows-group.questions-input .groups-cell:last-child{float:none; width:100%}
}