/**********************************************
note : design custom style page
**********************************************/

/* 창간사 */
.about-us.com-1 .header {margin-bottom:5rem}
.about-us.com-1 .titles {display:block;margin-bottom:1.375rem;font-size:3.2rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.125;letter-spacing:-.05em;color:rgba(0,0,0,.95)}
.about-us.com-1 .titles > strong {font-size:1.125em}
.about-us.com-1 .subtitles {display:block;font-size:1.375rem;line-height:1.375;color:#222;text-decoration:underline}
.about-us.com-1 .content {padding:0 .625rem;column-count:2;column-gap:3.25rem;column-rule:1px solid rgba(0,0,0,.08);font-size:1.125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;letter-spacing:-.0125em;color:rgba(0,0,0,.65);text-align:justify}
.about-us.com-1 .content > p {margin-bottom:1em;line-height:inherit}
@media screen and (max-width: 39.9375em) {
	.row .about-us.com-1 .titles {font-size:2.563rem}
	.row .about-us.com-1 .subtitles {font-size:1.125rem}
	.row .about-us.com-1 .content {padding:0;column-count:auto;column-gap:normal;column-rule:initial;font-size:1.063rem}
}

/* 연혁 */
.about-us.history {padding:0 50px}
.about-us.history .content .history-item {position:relative;display:block;width:100%;padding-bottom:70px;font-size:0}
.about-us.history .content .history-item::before {content:'';position:absolute;top:0;bottom:0;left:140px;border-left:5px solid rgba(0,0,0,.05)}
.about-us.history .content .history-item > [class*="item-"] {display:inline-block;vertical-align:top}
.about-us.history .content .history-item > .item-year {width:140px;font-size:30px;line-height:1}
.about-us.history .content .history-item > .item-con {width:calc(100% - 140px);padding-left:50px}
.about-us.history .content .history-item > .item-con ul {margin:0}
.about-us.history .content .history-item > .item-con ul li {display:block;width:100%;margin-top:6px;font-size:0}
.about-us.history .content .history-item > .item-con ul li:first-child {position:relative;margin-top:0}
.about-us.history .content .history-item > .item-con ul li:first-child::before {content:'';position:absolute;top:5px;left:-56px;width:17px;height:17px;background-color:#fff;border:4px solid #1281b8;border-radius:50%}
.about-us.history .content .history-item > .item-con ul li strong {display:inline-block;vertical-align:top;width:100px;font-size:20px;letter-spacing: -.05em;}
.about-us.history .content .history-item > .item-con ul li span {display:inline-block;vertical-align:top;width:calc(100% - 100px);font-size: 18px;color: rgba(0,0,0,.5);letter-spacing: -.05em;}

@media screen and (max-width: 39.9375em) {
	.about-us.history {padding:0}
	.about-us.history .content .history-item::before {display:none}
	.about-us.history .content .history-item > [class*="item-"] {display:block;width:100%;padding:0}
	.about-us.history .content .history-item > .item-year {margin-bottom:20px}
	.about-us.history .content .history-item > .item-con ul li:first-child::before {display:none}
	.about-us.history .content .history-item > .item-con ul li strong {font-size:18px;font-weight: 500;}
	.about-us.history .content .history-item > .item-con ul li span {font-size:16px;padding-top: .095rem;}
}

/*임원 및 객원논설위원 소개 */
.about-us.com-4 .about-group {margin-bottom:1.5rem;background-color:#fff;padding:1.5rem 2rem;}
.about-us.com-4 .about-group::after {content:'';display:table;clear:both}
.about-us.com-4 .about-group.last .ceo-list-group {display:block;width:100%;}
.about-us.com-4 .about-group .title {display:block;font-size:1.7rem;color:#fff;margin-bottom:1.5rem;padding:.2rem 1.2rem}
.about-us.com-4 .ceo-list-group {display:block;width:50%;float:left;font-size:0;margin-bottom:.5rem}
.about-us.com-4 .ceo-image {display:inline-block;width:80px;vertical-align:top;}
.about-us.com-4 .ceo-cts {display:inline-block;width:calc(100% - 100px);vertical-align:top}
.about-us.com-4 .ceo-cts li {font-size:0.813rem;color:rgba(0,0,0,.55);list-style:none}
.about-us.com-4 .ceo-cts li strong {display:block;margin-bottom:.8rem;font-size:.9rem;color:rgba(0,0,0,.8)}
@media screen and (max-width: 39.9375em) {
	.row .about-us.com-4 .about-group .title {font-size:1.2rem;margin-bottom:1rem;padding:.2rem 1rem}
	.row .about-us.com-4 .about-group .ceo-list-group {display:block;width:100%;}
}

/*임원 및 객원논설위원 소개 */
.about-us.com-5 .about-group {margin-bottom:1.5rem;background-color:#fff;padding:1.5rem 2rem;}
.about-us.com-5 .about-group::after {content:'';display:table;clear:both}
.about-us.com-5 .about-group.last .ceo-list-group {display:block;width:100%;}
.about-us.com-5 .about-group .title {display:block;font-size:1.7rem;color:#fff;margin-bottom:1.5rem;padding:.2rem 1.2rem}
.about-us.com-5 .ceo-list-group {display:block;width:50%;float:left;font-size:0;margin-bottom:.5rem}
.about-us.com-5 .ceo-image {display:inline-block;width:80px;vertical-align:top;}
.about-us.com-5 .ceo-cts {display:inline-block;width:calc(100% - 100px);vertical-align:top}
.about-us.com-5 .ceo-cts li {font-size:0.813rem;color:rgba(0,0,0,.55);list-style:none}
.about-us.com-5 .ceo-cts li strong {display:block;margin-bottom:.8rem;font-size:.9rem;color:rgba(0,0,0,.8)}
@media screen and (max-width: 39.9375em) {
	.row .about-us.com-5 .about-group .title {font-size:1.2rem;margin-bottom:1rem;padding:.2rem 1rem}
	.row .about-us.com-5 .about-group .ceo-list-group {display:block;width:100%;}
}


/* 멀티기능성 배너 */
#rollBanner-1 {margin-left:-15px;margin-right:-15px}
#rollBanner-1 .columns {padding-left:0;padding-right:0}