/* about */
.content.about .content-wrapper {
	padding: 267px 0 159px;
	overflow: hidden;
}
.content.about .top-banner-block .title {
	margin-bottom: 35px;
}
.content.about .circle-section {
	text-align: center;
	max-width: 1087px;
	margin: 0 auto;
}
.content.about .circle-section .wrap {
	font-size: 0;
	padding-bottom: 50px;
	border-bottom: 1px solid #c8c8c8;
}
.content.about .circle-section .circle {
	display: inline-block;
	position: relative;
	width: 330px;
	height: 330px;
	border-radius: 50%;
	border: 2px solid #c3c3c3;
	color: #787878;
	cursor: pointer;
}
.content.about .circle-section .circle:first-child {
	margin-right: -46px;
}
.content.about .circle-section .circle.is-active {
/*	background: rgba(170, 170, 170, 0.7);*/
/*	opacity: 0.7;*/
	background: #c3c3c3;
	color: #ffffff;
}
.content.about .circle-section .circle .message {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
}
.content.about .circle-section .desc-block {
	position: relative;
	width: 695px;
	margin: 58px auto 170px;
	padding: 0 30px
}
.content.about .circle-section .desc-block .slide {
	font-family: 'NotoSansKR-Thin';
	font-size: 18px;
	line-height: 1.35;
}
.content.about .circle-section .desc-block .slide b {
	font-family: 'NotoSansKR-Regular';
}
.content.about .circle-section .desc-block .arrow {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 20px;
	margin-top: -10px;
	/*	background: url("/img/arrow_right_12x23.png") center / 12px 23px no-repeat;*/
}
.content.about .circle-section .desc-block .arrow.prev {
/*	transform: rotate(180deg);*/
	background: url("../../../img/arrow_left_12x23.png") center / cover no-repeat;
	left: 0;
}
.content.about .circle-section .desc-block .arrow.prev.last {
	background: url("../../../img/arrow_left_12x23_end.png") center / cover no-repeat;
}
.content.about .circle-section .desc-block .arrow.next {
	right: 0;
	background: url("../../../img/arrow_right_12x23.png") center / cover no-repeat;
}
.content.about .circle-section .desc-block .arrow.next.last {
	background: url("../../../img/arrow_right_12x23_end.png") center / cover no-repeat;
}
.content.about .ceo-section {
/*	height: 392px;*/
	position: relative;
	background: url(../../../img/ceo_section_bg.jpg) center / cover no-repeat;
	padding: 88px 0 82px;
}
.content.about .ceo-section .text-wrap {
	text-align: center;
}
.content.about .ceo-section .title {
	font-size: 30px;
	letter-spacing: -0.04em;
	color: #ffffff;
	margin-bottom: 80px;
	text-align: center;
}
.content.about .ceo-section .ment {
	font-family: 'NotoSansKR-Light';
	font-size: 28px;
	line-height: 1.31;
	color: #ffffff;
	text-align: center;
	margin-bottom: 35px;
}
.content.about .ceo-section .more-message {
	display: block;
	position: relative;
	width: 252px;
	height: 69px;
	margin: 0 auto;
	background: #ffffff;
	z-index: 1;
}
.content.about .ceo-section .signature {
	margin-bottom: 106px;
	text-align: center;
}
.content.about .ceo-section .ceo-img {
	display: block;
	margin: 0 auto;
}
.content.about .ceo-section .more-message .plus {
	position: absolute;
	font-family: 'NotoSansKR-Bold';
	font-size: 30px;
	line-height: 1;
	letter-spacing: 0;
	color: #ffffff;
	left: 50%;
	top: -40px;
	margin-left: -8px;
}
.content.about .ceo-section .more-message span {
	font-size: 18px;
	color: #0e0d0c;
	line-height: 1.1;
	letter-spacing: -0.04em;
}
.content.about .history-section {
	width: 1087px;
	margin: 0 auto;
	padding: 120px 0;
	text-align: center;
	border-bottom: 1px solid #c8c8c8;
}
.content.about .history-section .title {
	margin-bottom: 85px;
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: -0.04em;
}
.content.about .history-section .num-section {
	position: relative;
	margin-bottom: 35px;
}
.content.about .history-section .num-section:last-child {
	margin-bottom: 0;
}
.content.about .history-section .num-section .history-trigger {
/*	padding: 30px 0;*/
	display: inline-block;
/*	border-bottom: 1px solid #c8c8c8;*/
	padding-right: 4px;
	position: relative;
}
.content.about .history-section .num-section .history-trigger:after {
	content: "";
	display: inline-block;
	font-family: 'NotoSansKR-Bold';
	width: 19px;
	height: 11px;
	background: url(../../../img/arrow_down_19x11.png) 0 0 / 19px 11px no-repeat;
	vertical-align: middle;
	transition: transform 0.2s ease;
}
.content.about .history-section .num-section.is-active .history-trigger:after {
	transform: rotate(180deg);
}
.content.about .history-section .num-section .history-content {
/*	display: none;*/
	position: relative;
	width: 1087px;
	overflow: hidden;
/*	height: 0;*/
	height: 0;
	margin: 0 auto;
/*	padding-top: 45px;*/
	opacity: 0;
	transition: opacity 0.7s ease;
}
.content.about .history-section .num-section.is-active .history-content {
	position: relative;
	display: block;
	opacity: 1;
/*	height: 850px;*/
	height: auto;
	margin: 0 auto 105px;
	padding-top: 35px;
}
/*
.content.about .history-section .num-section.is-active .history-content.is-more {
	height: auto;
}
*/
/*
.content.about .history-section .num-section .history-content::after {
	bottom: 0;
}
*/
/*
.content.about .history-section .num-section.is-active .history-content.is-more::after {
	bottom: 100px;
}
*/
/*
.content.about .history-section .num-section.is-active .history-content.is-more::before {
	content: none;
}
*/
/*
.content.about .history-section .num-section.is-active .history-content::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;
	background: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
	z-index: 13;
}
*/
/*
.content.about .history-section .num-section.is-active .more-btn {
	position: absolute;
	left: 50%;
	margin-left: -19px;
	bottom: -68px;
	width: 14px;
	height: 10px;
	padding: 20px;
	background: url(../../../img/arrow_down.png) center / 14px 10px no-repeat;
}
*/

.content.about .history-section .num-section .dot {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
/*	margin-top: -10px;*/
	background: #99cc33;
	z-index: 3;
}
.content.about .history-section .num-section.is-active .history-content .line  {
	content: '';
	position: absolute;
	top: 110px;
/*	bottom: 100px;*/
	left: 50%;
	width: 1px;
/*	height: 100%;*/
	background: #767676;
	opacity: 0.4;
	z-index: 2;
/*	margin-top: 156px;*/
}
.content.about .history-section .num-section._3rd .history-content::after {
/*	height: 3403px;*/
}
.content.about .history-section .num-section.is-active._1st .history-content {
	height: auto;
}
.content.about .history-section .num-section.is-active._1st .history-content:before {
	content: none;
}
.content.about .history-section .num-section._1st .history-content::after {
	bottom: 123px;
}
.content.about .history-section .num-section .history-content .column {
	box-sizing: border-box;
}
.content.about .history-section .num-section .history-content .column.left {
	text-align: right;
	float: left;
	width: 50%;
	padding-right: 45px;
}
.content.about .history-section .num-section .history-content .column.right {
	text-align: left;
	float: right;
	width: 50%;
	padding-left: 45px;
}
.content.about .history-section .num-section .history-content .block#history2017 {
	padding-top: 237px;
}
.content.about .history-section .num-section .history-content .block#historyImg2017 {
	padding-top: 49px;
}
.content.about .history-section .num-section .history-content .block#history2016 {
	padding-top: 104px;
}
.content.about .history-section .num-section .history-content .block#history2015 {
	padding-top: 180px;
}
.content.about .history-section .num-section .history-content .block#history2014 {
	padding-top: 63px;
}
.content.about .history-section .num-section .history-content .block#history2013 {
	padding-top: 243px;
}
.content.about .history-section .num-section .history-content .block#history2012 {
	padding-top: 161px;
}
.content.about .history-section .num-section .history-content .block#history2011 {
	padding-top: 249px;
}
.content.about .history-section .num-section .history-content .block#history2010 {
	padding-top: 258px;
}
.content.about .history-section .num-section .history-content .block#historyImg2011 {
	padding-top: 87px;
}
.content.about .history-section .num-section .history-content .block#history2009 {
	padding-top: 299px;
}
.content.about .history-section .num-section .history-content .block#history2008 {
	padding-top: 191px;
}
.content.about .history-section .num-section .history-content .block#history2007 {
	padding-top: 147px;
}
.content.about .history-section .num-section .history-content .block#history2006 {
	padding-top: 138px;
}
.content.about .history-section .num-section .history-content .block#history2004 {
/*	padding-top: 197px;*/
}
.content.about .history-section .num-section .history-content .block#history2003 {
	padding-top: 105px;
}
.content.about .history-section .num-section .history-content .block#history2001 {
	padding-top: 187px;
}
.content.about .history-section .num-section .history-content .block#historyImg2001 {
	padding-top: 70px;
}
.content.about .history-section .num-section .history-content .block#history1998 {
/*	padding-top: 356px;*/
	padding-top: 85px;
}
.content.about .history-section .num-section .history-content .block#history2002 {
	padding-top: 83px;
}
.content.about .history-section .num-section .history-content .block#history2000 {
	padding-top: 101px;
}
.content.about .history-section .num-section .history-content .block#history1996 {
	padding-top: 130px;
}
.content.about .history-section .num-section .history-content .block#history1997 {
	padding-top: 173px;
}
.content.about .history-section .num-section .history-content .block#history1994 {
	padding-top: 145px;
}
.content.about .history-section .num-section .history-content .block#history1995 {
	padding-top: 126px;
}
.content.about .history-section .num-section .history-content .block#history1989 {
	padding-top: 126px;
}
.content.about .history-section .num-section .history-content .block#history1990 {
	padding-top: 128px;
}
.content.about .history-section .num-section .history-content .block#history1986 {
	padding-top: 128px;
}
.content.about .history-section .num-section .history-content .block#historyImg1981 {
}
.content.about .history-section .num-section .history-content .block#history1980 {
	padding-top: 102px;
}
.content.about .history-section .num-section .history-content .block#history1976 {
	padding-top: 84px;
}
.content.about .history-section .num-section .history-content .block .year {
	position: relative;
	font-size: 180px;
	color: #e0e0e0;
	opacity: 0.35;
	line-height: 0.7;
	padding-bottom: 18px;
}
.content.about .history-section .num-section .history-content .column.left .year {
	margin-right: -9px;
}
/*
.content.about .history-section .num-section .history-content .block .year:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-top: -10px;
	background: #99cc33;
	z-index: 1;
}
.content.about .history-section .num-section .history-content .column.left .year:after {right: -10px}
.content.about .history-section .num-section .history-content .column.right .year:after {left: -10px}
*/
.content.about .history-section .num-section .history-content .column span {
	font-family: 'NotoSansKR-Light';
	font-size: 18px;
	color: #0d0d0d;
	line-height: 28px;
}
.content.about .history-section .num-section .history-content .column.right .line-break {
	padding-left: 43px
}
.content.about .history-section .num-section .history-content .column .m {
	font-family: 'NotoSansKR-Bold';
	font-size: 18px;
	color: #0d0d0d;
}
.content.about .history-section .num-section .history-content .column br {
	font-family: 'NotoSansKR-Bold';
	font-size: 18px;
	color: #0d0d0d;
}
.content.about .history-section .num-section .history-content .column.left .m {
	padding-left: 5px;
}
.content.about .history-section .num-section .history-content .column.right .m {
	padding-right: 5px;
}
.content.about .history-section .num-section .history-trigger {
	font-size: 0;
}
.content.about .history-section .num-section .history-trigger span {
	display: inline-block;
	font-family: 'NotoSansKR-Light';
	font-size: 28px;
	line-height: 1.3;
	margin-right: 35px;
	vertical-align: middle;
}
.content.about .history-section .num-section .history-trigger span b {
	font-family: 'NotoSansKR-Bold';
}
.content.about .brochure-section {
	padding: 119px 0 145px;
	text-align: center;
	background: #f8f8f8;
}
.content.about .brochure-section .title {
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: -0.04em;
	margin-bottom: 29px;
}
.content.about .brochure-section .sub-title {
	font-size: 18px;
	line-height: 1.2;
}
.content.about .brochure-section .year-list {
	display: inline-block;
	width: 837px;
	padding: 24px 12px;
	border: 1px solid #c4c4c4;
	border-right: none;
	border-left: none;
	margin: 25px auto 65px;
}
.content.about .brochure-section .year-list li {
	display: inline-block;
	padding: 0 74px;
	font-size: 0;
}
.content.about .brochure-section .year-list li a {
	font-size: 24px;
	color: #b4b4b4;
}
.content.about .brochure-section .year-list li:hover a,
.content.about .brochure-section .year-list li.is-active a {
	color: #171717;
}
.content.about .brochure-section .brochure-slide {
	position: relative;
/*	width: 637px;*/
	width: 800px;
	margin: 0 auto;
}
.content.about .brochure-section .brochure-slide img {
	margin: 0 auto;
}
.content.about .brochure-section .brochure-slide .arrow {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 20px;
	margin-top: -10px;
	/*	background: url("/img/arrow_right_12x23.png") center / 12px 23px no-repeat;*/
	background: url("../../../img/arrow_right_12x23.png") center / cover no-repeat;
}
.content.about .brochure-section .brochure-slide .arrow.prev {
	transform: rotate(180deg);
	left: -19px;
}
.content.about .brochure-section .brochure-slide .arrow.next {
	right: -19px;
}
.content.about .brochure-section .link-wrapper {
	margin: 6px auto 66px;
	font-size: 0;
}
.content.about .brochure-section .link-wrapper a {
	display: inline-block;
	font-size: 18px;
	color: #b1b1b1;
	line-height: 1.2;
	padding: 0 22px;
}
.content.about .brochure-section .link-wrapper a:hover,
.content.about .brochure-section .link-wrapper a.is-active {
	color: #0d0d0d;
}
.content.about .brochure-section .button-wrapper {
	font-size: 0;
}
.content.about .brochure-section .button-wrapper button {
	width: 158px;
	height: 70px;
	background: #171717;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.1;
}
.content.about .brochure-section .button-wrapper .download {
	margin-left: 34px;
}
.content.about .button-wrapper .download:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	/*	background: url("/img/arrow_right_12x23.png") center / 12px 23px no-repeat;*/
	background: url("../../../img/download_icon.png") center / cover no-repeat;
	margin: 0 0 -2px 6px;
}
.content.about .bi-section {
	padding: 120px 0 0;
	text-align: center;
}
.content.about .bi-section .title {
	font-size: 30px;
	letter-spacing: -0.04em;
	margin-bottom: 17px;
}
.content.about .bi-section .sub-title {
	font-family: 'NotoSansKR-Light';
	font-size: 18px;
	line-height: 1.2;
}
.content.about .bi-section .bi-board {
	position: relative;
	margin: 19px auto 49px;
	padding: 152px 0 138px;
	background-size: 20px 15px;
	background-image: url(../../../img/grid_pattern.png);
	background-repeat: repeat;
/*	background-image: linear-gradient(to right, #f2f2f2 1px, transparent 1px), linear-gradient(to bottom, #f2f2f2 1px, transparent 1px);*/
}
/*
.content.about .bi-section .bi-board .bi._1 {
	margin: 56px 225px 0 0;
}
*/
.content.about .bi-section .desc {
	font-family: 'NotoSansKR-Light';
	font-size: 18px;
	line-height: 1.2;
}
.content.about .bi-section .desc b {
	font-family: 'NotoSansKR-Regular';
}
.content.about .bi-section .button-wrapper {
	font-size: 0;
	margin-top: 90px;
}
.content.about .bi-section .button-wrapper button {
	width: 158px;
	height: 70px;
	background: #171717;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.1;
}
.content.about .bi-section .button-wrapper .ai {
	margin-right: 34px;
}
/* end about */