/* -------------------------------------------------------------- 
   Concept page Css
-----------------------------------------------------------------
PC/Tablet
@media screen and (min-width: 768px){}
SmartPhone
@media screen and (max-width: 767px){}


【CSS MENU】 
1.0 - common
2.0 - conceptFrame
	2.1 - pageTitle
	2.2 - Frame
*/

/* =========================================================
	1.0 - common
========================================================= */
/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.concept #contenaer{
			margin-top:25px;
	}
	.concept #contents{
		min-height:352px;
		padding-top:54px;
		background:url(../images/background.png) center top no-repeat;
	}
	.concept footer{
		margin:40px 0 0 0;
	}
}


/* =========================================================
	2.0 - ConceptFrame
========================================================= */
/* ---------------------------------------------------------
	2.1 - pageTitle
--------------------------------------------------------- */
.concept h2{
	height:23px;
	text-indent:-99999px;
	background:url(../images/title-concept.png) center top no-repeat;
}

/* ---------------------------------------------------------
	2.2 - Frame
--------------------------------------------------------- */
.concept h3{
	text-align: center;
}

.concept .conceptTxt p{
	font-size:14px;
	text-align:center;
	line-height:2;
	margin-top:32px;
}
.concept .conceptTxt .spimg{
	display:none;
}

/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
  .concept .conceptTxt{
    padding-bottom:50px;
  }
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.concept h3{
		margin-top:25px;
	}
	.concept .conceptTxt p{
		font-size:14px;
		text-align:center;
		line-height:2;
		margin-top:20px;
	}
	.concept .conceptTxt span{
		display: block;
		width:100%;
		margin:0;
		padding:0;
	}	
	.concept .conceptTxt br{
		display: none;
	}	
	.concept .conceptTxt .spimg{
		display: inherit;
	}
}