#aboutContainer {
	width : 100%;
	height : 100vh;
	min-height: 900px;
	z-index : 0;
	padding-top : 1.5%;
	background: #ffffff;
}

#aboutContainer > .top {
	display : block;
	width : 100%;
	height : 20%;
	padding-top : 3%;
	
}

#aboutContainer > .middle {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	width : 100%;
	height : 65%;
}

#aboutContainer > .middle .middle_content {
	width: 1025px;
	max-width: 100vw;
	height: 647px;
    margin: 0px auto;
    position: relative;
}

#aboutContainer > .bottom { 
	display : block;
	width : 100%;
	height : 15%;
}

#aboutContainer > .middle .left { 
	width : 30.5%;
	height : 100%;
	text-align : center;
	position: absolute;
	left: 0px;
	top: 0px;
    z-index: 1;
}

#aboutContainer > .middle .center { 
	position : relative;
	width : 100%;
	height : 100%;
}

#aboutContainer > .middle .right { 
	width : 30.5%;
	height : 100%;
	text-align : center;
	position: absolute;
	right: 0px;
	top: 0px;
    z-index: 1;
}

/* top */
#aboutContainer > .top > .aboutTitle {
	display : block;
	width : 100%;
	height : 100%;
	text-align : center;
}

#aboutContainer > .top > .aboutTitle > h1 {
	margin-top : 0px;
	margin-bottom : 0px;
	text-decoration : underline;
	text-underline-position : under;
}
 


/* middle */
#aboutContainer > .middle .left, #aboutContainer > .middle .center, #aboutContainer > .middle .right {
	display : inline-block;
}


#aboutContainer > .middle .left {
	text-align : right;
}

#aboutContainer > .middle .right {
	text-align : left;
}

#aboutContainer > .middle .left > .topic, #aboutContainer > .middle .right > .topic {
	display : block;
	width : 100%;
	height : 30%;
}

#aboutContainer > .middle .left > .topic {
	padding-right: 50px;
}

#aboutContainer > .middle .left > .topic[data-ten-i18n-type=else] {
	padding-right: 45px;
}

#aboutContainer > .middle .left > .topic:nth-of-type(1) {
	padding-top: 85px;
}

#aboutContainer > .middle .left > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
	padding-top: 63px;
}

#aboutContainer > .middle .left > .topic:nth-of-type(2) {
	padding-top: 140px;
}

#aboutContainer > .middle .left > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
	padding-top: 120px;
}

#aboutContainer > .middle .right > .topic {
	padding-left: 30px;
}

#aboutContainer > .middle .right > .topic:nth-of-type(1) {
	padding-top: 60px;
}

#aboutContainer > .middle .right > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
	padding-top: 8px;
}

#aboutContainer > .middle .right > .topic:nth-of-type(2) {
	padding-top: 170px;
}

#aboutContainer > .middle .left > .topic > p, #aboutContainer > .middle .right > .topic > p {
	margin-top : -15px;
	margin-bottom : -15px;
	color : #222;
	font-size : 18px; 
	font-weight: 300;
} 
 
#aboutContainer > .middle .center .circleDiv {
	display : block;
	width : 100%;
	height : 100%;
	margin-top : -5%;
	z-index : 0;
}

#aboutContainer > .middle .center .circleDiv > .circleImg {
	width : 100%;
	height : 100%;
	background : url(../images/circle.png) no-repeat center;
	background-size: 450px;;
}

#aboutContainer > .middle .center > .logoDiv {
	display : block;
	position : relative;
	width : 100%;
	height : 100%;
	top : -100%;
	z-index : 1;
}

#aboutContainer > .middle .center > .logoDiv > .logoImg {
	width : 100%;
	height : 100%;
	position : relative;
	background : url(../images/logo-black.png) no-repeat center;
	background-size : 210px;
}

#aboutContainer > .middle .center > .line {
	width : 300px;
	position : absolute;
	z-index : 2;
	border-bottom : 1px solid gray;
}

#aboutContainer > .middle .center > .line:nth-child(1) {
	top : 135px;
	left : 95px;
} 
#aboutContainer > .middle .center > .line:nth-child(2) {
	top : 135px; 
	right : 95px;
} 
#aboutContainer > .middle .center > .line:nth-child(3) {
	top : 410px; 
	left : 95px;
} 
#aboutContainer > .middle .center > .line:nth-child(4) {
	top : 410px; 
	right : 95px;
} 

#aboutContainer > .middle .center > .circle {
	width : 20px;
	height : 20px;
	background-color : gray;
	position : absolute;
	border-radius : 100%; 
	border : 3px solid gray;
	z-index : 2;
}

#aboutContainer > .middle .center > .circle:nth-child(5) {
	top : 125px; 
	left : 385px;
}

#aboutContainer > .middle .center > .circle:nth-child(6) {
	top : 125px; 
	right : 385px;
}

#aboutContainer > .middle .center > .circle:nth-child(7) {
	top : 400px; 
	left : 385px;
}

#aboutContainer > .middle .center > .circle:nth-child(8) {
	top : 400px;; 
	right : 385px;
}
 
#aboutContainer > .bottom > .article {
	width : 100%;
	height : 100%;
	text-align : center;
	margin-top : -31px;
} 

#aboutContainer > .bottom > .article > p {
	font-size : 19px;
	line-height: 1.65em;
	font-weight: 500;
	color: #333;
}



/**
여기는 폰과 패블릿 공통
*/
@media ( max-width: 767px ) {

	#aboutContainer {
		height: auto;
	}

	#aboutContainer > .top {
		height: 15%;
	}

	#aboutContainer > .bottom > .article > p {
		padding: 0px;
		margin: 40px 0px;
	}

	#aboutContainer > .middle {
		height: auto;
		margin-top: 60px;
	}

	#aboutContainer > .bottom > .article {
		margin: 0px auto;
		text-align: justify;
		padding: 10px;
	}

	
}


/**
여기는 폰
*/
@media (max-width: 413px) {

	#aboutContainer > .top > .aboutTitle > h1 {
		margin-top : 40px;
	}	

	#aboutContainer > .middle .middle_content {
		width: 300px;
		height: 330px;
	}
	
	#aboutContainer > .middle .left, #aboutContainer > .middle .right {
		width: 140px;
	}
	
	#aboutContainer > .middle .left {
		left: -10px;
	}
	
	#aboutContainer > .middle .right {
		right: -10px;
	}
	
	#aboutContainer > .middle .left > .topic p, #aboutContainer > .middle .right > .topic p {
		font-size: 10px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(1) {
		padding-top: 68px;
	}
	#aboutContainer > .middle .left > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
		padding-top: 40px;
	}
	#aboutContainer > .middle .right > .topic:nth-of-type(1) {
		padding-top: 53px;
	}
	#aboutContainer > .middle .right > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
		padding-top: 10px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(2) {
		padding-top: 74px;
	}
	#aboutContainer > .middle .left > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-top: 45px;
	}
	#aboutContainer > .middle .right > .topic:nth-of-type(2) {
		padding-top: 74px;
	}
	#aboutContainer > .middle .right > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-top: 74px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(1),
	#aboutContainer > .middle .left > .topic:nth-of-type(2) {
		padding-right: 64px;
	}
	#aboutContainer > .middle .left > .topic:nth-of-type(1)[data-ten-i18n-type=else],
	#aboutContainer > .middle .left > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-right: 64px;
	}
	#aboutContainer > .middle .right > .topic:nth-of-type(1),
	#aboutContainer > .middle .right > .topic:nth-of-type(2) {
    	padding-left: 51px;
	}
	#aboutContainer > .middle .right > .topic:nth-of-type(1)[data-ten-i18n-type=else],
	#aboutContainer > .middle .right > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
    	padding-left: 63px;
	}
	
	
	#aboutContainer > .middle .center > .line {
		width : 96px;
	}
	
	#aboutContainer > .middle .center > .line:nth-child(1),
	#aboutContainer > .middle .center > .line:nth-child(2) {
		top: 86px;
	}

	#aboutContainer > .middle .center > .line:nth-child(1),
	#aboutContainer > .middle .center > .line:nth-child(3) {
    	left: -6px;
	}

	#aboutContainer > .middle .center > .line:nth-child(2),
	#aboutContainer > .middle .center > .line:nth-child(4) {
		right : -9px;
	}

	#aboutContainer > .middle .center > .line:nth-child(3),
	#aboutContainer > .middle .center > .line:nth-child(4) {
		top : 205px; 
	}
	
	#aboutContainer > .middle .center > .circle {
		width : 8px;
		height : 8px;
	}

	#aboutContainer > .middle .center > .circle:nth-child(5) {
		top: 82px;
    	left: 206px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(6) {
		top: 82px;
    	right: 203px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(7) {
		top : 201px; 
		left : 206px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(8) {
		top : 201px;
		right : 203px;
	}

	#aboutContainer > .bottom > .article {
		width: 300px;
		margin-top: -32px;
	}

	#aboutContainer > .middle .center .circleDiv > .circleImg {
		background-size: 220px;
	}
	
	#aboutContainer > .middle .center > .logoDiv > .logoImg {
		background-size : 100px;
	}

	#aboutContainer > .bottom > .article > p {
		margin: 0px;
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 1.65em;
		font-weight: 300;
		color: #555;
	}
}

/**
여기는 패블릿
*/
@media (min-width: 414px) and (max-width: 767px) {

	#aboutContainer > .middle .middle_content {
		width: 400px;
		height: 400px;
	}
	
	#aboutContainer > .middle .left, #aboutContainer > .middle .right {
		width: 200px;
	}
	
	#aboutContainer > .middle .left {
		left: -100px;
	}
	
	#aboutContainer > .middle .right {
		right: -100px;
	}
	
	#aboutContainer > .middle .left > .topic p, #aboutContainer > .middle .right > .topic p {
		font-size: 14px;
	}
	
	#aboutContainer > .middle .left > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
		padding-top: 18px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(1) {
		padding-top: 58px;
		padding-right: 75px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(2) {
		padding-top: 97px;
		padding-right: 75px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-top: 83px;
	}
	
	#aboutContainer > .middle .right > .topic:nth-of-type(1) {
		padding-top: 37px;
    	padding-left: 67px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
		padding-top: 0px;
	}	
	
	#aboutContainer > .middle .right > .topic:nth-of-type(2) {
		padding-top: 97px;
		padding-left: 75px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-top: 117px;
	}
	
	#aboutContainer > .middle .center > .line {
		width : 200px;
	}
	
	#aboutContainer > .middle .center > .line:nth-child(1) {
		top: 87px;
    	left: -97px;
	}

	#aboutContainer > .middle .center > .line:nth-child(2) {
		top : 87px; 
		right : -100px;
	}

	#aboutContainer > .middle .center > .line:nth-child(3) {
		top : 270px; 
		left : -97px;
	}

	#aboutContainer > .middle .center > .line:nth-child(4) {
		top : 270px; 
		right : -100px;
	}

	#aboutContainer > .middle .center > .circle {
		width : 16px;
		height : 16px;
		background-color : gray;
		position : absolute;
		border-radius : 100%; 
		border : 3px solid gray;
		z-index : 2;
	}

	#aboutContainer > .middle .center > .circle:nth-child(5) {
		top : 80px;
		left : 285px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(6) {
		top: 80px;
    	right: 285px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(7) {
		top : 263px; 
		left : 285px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(8) {
		top : 263px;
		right : 285px;
	}

	#aboutContainer > .bottom > .article {
		width: 564px;
	}

	#aboutContainer > .middle .center .circleDiv > .circleImg {
		background-size: 350px;
	}
	
	#aboutContainer > .middle .center > .logoDiv > .logoImg {
		background-size : 150px;
	}

	#aboutContainer > .bottom > .article > p {
		font-size: 15px;
		line-height: 1.65em;
		font-weight: 500;
		color: #333;
	}

}

/**
여기는 패블릿 애매한 것을 정의하는 곳
*/
@media (min-width: 414px) and (max-width: 620px) {	
	
	#aboutContainer > .middle .middle_content {
		width: 400px;
		height: 400px;
	}
	
	#aboutContainer > .middle .left, #aboutContainer > .middle .right {
		width: 200px;
	}
	
	#aboutContainer > .middle .left {
		left: -100px;
	}
	
	#aboutContainer > .middle .right {
		right: -100px;
	}
	
	#aboutContainer > .middle .left > .topic p, #aboutContainer > .middle .right > .topic p {
		font-size: 11px;
	}
	
	#aboutContainer > .middle .left > .topic:nth-of-type(1) {
		padding-top: 90px;
		padding-right: 0px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(1)[data-ten-i18n-type=else],
	#aboutContainer > .middle .left > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-right: 0px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
		padding-top: 79px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(2) {
		padding-top: 84px;
    	padding-right: 0px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-top: 71px;
	}
	
	#aboutContainer > .middle .right > .topic:nth-of-type(1) {
		padding-top: 75px;
		padding-left: 0px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
		padding-top: 44px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(2) {
		padding-top: 100px;
    	padding-left: 0px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-top: 105px;
	}
	
	#aboutContainer > .middle .center > .line {
		width : 130px;
	}
	
	#aboutContainer > .middle .center > .line:nth-child(1) {
		top: 114px;
    	left: -4px;
	}

	#aboutContainer > .middle .center > .line:nth-child(2) {
		top: 114px;
    	right: -4px;
	}

	#aboutContainer > .middle .center > .line:nth-child(3) {
		top : 243px; 
		left : -4px;
	}

	#aboutContainer > .middle .center > .line:nth-child(4) {
		top : 243px; 
		right: -4px;
	}
	
	#aboutContainer > .middle .center > .circle {
		width : 10px;
		height : 10px;
		background-color : gray;
		position : absolute;
		border-radius : 100%; 
		border : 3px solid gray;
		z-index : 2;
	}

	#aboutContainer > .middle .center > .circle:nth-child(5) {
		top: 110px;
		left: 267px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(6) {
		top: 110px;
    	right: 264px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(7) {
		top : 238px; 
		left : 267px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(8) {
		top : 238px;
		right : 264px;
	}

	#aboutContainer > .bottom > .article {
		width: 400px;
		margin-top: -58px;
	}

	#aboutContainer > .middle .center .circleDiv > .circleImg {
		background-size: 250px;
	}
	
	#aboutContainer > .middle .center > .logoDiv > .logoImg {
		background-size : 120px;
	}

	#aboutContainer > .bottom > .article > p {
		margin: 0px;
		margin-bottom: 30px;
		font-size: 13px;
		line-height: 1.65em;
		font-weight: 300;
		color: #555;
	}
}

/**
여기는 테블릿
*/
@media (min-width: 768px) and (max-width: 1024px) {

	

	#aboutContainer > .middle .middle_content {
		width: 700px;
		height: 600px;
	}
	
	#aboutContainer > .middle .left > .topic:nth-of-type(1) {
		padding-top: 120px;
		margin-left: -60px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
		padding-top: 100px;
	}

	#aboutContainer > .middle .left > .topic:nth-of-type(2) {
		padding-top: 150px;
		margin-left: -60px;
	}

	#aboutContainer > .middle .left > .topic > p, #aboutContainer > .middle .right > .topic > p {
		margin-top: -15px;
		margin-bottom: -15px;
		color: #222;
		font-size: 14px;
		font-weight: 300;
	}
	
	#aboutContainer > .middle .right > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
	    padding-top: 83px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(1) {
	    padding-top: 100px;
    	margin-left: 47px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(1)[data-ten-i18n-type=else] {
	    padding-top: 60px;
    	margin-left: 33px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(2) {
		padding-top: 168px;
		margin-left: 47px;
	}

	#aboutContainer > .middle .right > .topic:nth-of-type(2)[data-ten-i18n-type=else] {
		padding-top: 167px;
		margin-left: 33px;
	}

	#aboutContainer > .middle .center > .line {
		width : 250px;
	}
	
	#aboutContainer > .middle .center > .line:nth-child(1) {
		top : 152px;
		left : -27px;
	}

	#aboutContainer > .middle .center > .line:nth-child(2) {
		top : 152px; 
		right : -30px;
	}

	#aboutContainer > .middle .center > .line:nth-child(3) {
		top : 381px; 
		left : -27px;
	}

	#aboutContainer > .middle .center > .line:nth-child(4) {
		top : 381px; 
		right : -30px;
	} 

	#aboutContainer > .middle .center > .circle:nth-child(5) {
		top : 142px;
		left : 471px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(6) {
		top : 142px;
		right : 471px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(7) {
		top : 372px; 
		left : 471px;
	}
	
	#aboutContainer > .middle .center > .circle:nth-child(8) {
		top : 372px;
		right : 471px;
	}

	#aboutContainer > .middle {
		height: auto;
	}

	#aboutContainer > .bottom > .article {
		width: 700px;
		margin: 0px auto;
		margin-top: -50px;
		text-align: justify;
		padding: 10px;
	}

	#aboutContainer > .bottom > .article > p {
		font-size: 15px;
		line-height: 1.65em;
		font-weight: 500;
		color: #333;
	}
	
}

/**
여기는 PC
*/
@media (min-width: 1025px) {
}