@charset "utf-8";
.siteWidthLayer {
	width: 100% !important;
}

/* ----------------------- visual 영역(내용)  ------------------------- */
#visual {
	padding: 5px;
	background: #eee;
}
/* ----------------------- 컨텐츠 영역(내용)  ------------------------- */
#contents {
	padding: 5px;
	background: #eee;	
}
#contentsInner {
	position:relative;
}
#contentsInner .contentsSecond {
	background: #FFF;
}

#contentsInner .contentsSecond .floatFirstWrap {
}
#contentsInner .contentsSecond .floatFirstWrap .leftWrap {
	position: relative;
}
#contentsInner .contentsSecond .floatFirstWrap .leftWrap p.imgArea {
	height: 180px;	
	background: url(../images/user_img/main_img0.jpg) no-repeat 50% 50%;
	background-size: 100% auto;
}
#contentsInner .contentsSecond .floatFirstWrap .leftWrap .textArea {
	position: absolute;
	top:0;
	left:0;
	padding: 20px;
}
#contentsInner .contentsSecond .floatFirstWrap .leftWrap .textArea h3.indexTitle {
	margin-bottom: 10px;
	font-size: 2em;
	font-family: 'MapoDPPA';
	color: #fff;
}
#contentsInner .contentsSecond .floatFirstWrap .leftWrap .textArea p.indexText {
	font-size: 1em;
	color: #fff;
}
#contentsInner .contentsSecond .floatFirstWrap .rightWrap {
}
#contentsInner .contentsSecond .floatSecondWrap {
}
#contentsInner .contentsSecond .floatSecondWrap .leftWrap {
}
#contentsInner .contentsSecond .floatSecondWrap .rightWrap {
	position: relative;
}
#contentsInner .contentsSecond .floatSecondWrap .rightWrap p.imgArea {
	height: 180px;	
	background: url(../images/user_img/main_img1.jpg) no-repeat 50% 50%;
	background-size: 100% auto;
}
#contentsInner .contentsSecond .floatSecondWrap .rightWrap .textArea {
	position: absolute;
	top:0;
	left:0;
	padding: 20px;
}
#contentsInner .contentsSecond .floatSecondWrap .rightWrap .textArea h3.indexTitle {
	margin-bottom: 10px;
	font-size: 2em;
	font-family: 'MapoDPPA';
	color: #fff;
}
#contentsInner .contentsSecond .floatSecondWrap .rightWrap .textArea p.indexText {
	font-size: 1em;
	color: #fff;
}
#contentsInner .contentsSecond .floatFirstWrap .countWrap {
	position: relative;
	padding: 20px;
}

#contentsInner .contentsSecond .floatFirstWrap .countWrap p.triangle {
	display: none;
	position: absolute;
	width: 35px;
	height: 50px;
	top: 47%;
	left: -35px;
}
#contentsInner .contentsSecond .floatSecondWrap .countWrap p.triangle {
	display: none;
	position: absolute;
	width: 35px;
	height: 50px;
	top: 47%;
	margin-top: 25px;
	right: -35px;
}
#contentsInner .contentsSecond .floatSecondWrap .countWrap {
	position: relative;
	padding: 20px;
}
#contentsInner .contentsSecond .countWrap h3.countTitle {
	margin-bottom: 20px;
	font-size: 3em;
	font-family: 'MapoDPPA';
	text-align: center;
	color: #333;
}
#contentsInner .contentsSecond .countWrap ul.countList li {
	float: left;
	width: 33%;
	border-right: 1px dotted #666;
}
#contentsInner .contentsSecond .countWrap ul.countList li:last-child {
	border-right: none;
}
#contentsInner .contentsSecond .countWrap ul.countList li span {
	display: block;
	text-align: center;
}
#contentsInner .contentsSecond .countWrap ul.countList li span.number {
	margin-bottom: -10px;
	font-size: 3em;
	font-weight: bold;
	text-align: center;
}
#contentsInner .contentsSecond .countWrap ul.countList li span.number span.num {
	display: inline;
}
#contentsInner .contentsSecond .countWrap ul.countList li span.number span.plusIcon {
	display: inline;
	font-weight: normal;
}
#contentsInner .contentsSecond .countWrap ul.countList li span.unit {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}
#contentsInner .contentsSecond .countWrap ul.countList li span.title {
	width: 90%;
	margin: 0 auto;
	font-size: 1em;
	font-weight: bold;
	color: #819fe3;
}
#contentsInner .contentsThird {
	position: relative;
	padding: 20px;
	background: url(../images/user_img/main_img3.jpg) no-repeat 50% 50%;
}
#contentsInner .contentsThird .floatWrap {
	position: relative;
}
#contentsInner .contentsThird .floatWrap .leftWrap .textWrap h3.floatTitle {
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: bold;
	font-family: 'MapoDPPA';
	color: #fff;
}
#contentsInner .contentsThird .floatWrap .leftWrap .textWrap p.floatText {
	margin-bottom: 20px;
	font-size: 1.4em;
	color: #fff;
	font-family: 'paybooc-Light';
}
#contentsInner .contentsThird .floatWrap .leftWrap .textWrap p.floatText span.bold {
	font-family: 'paybooc-Bold';
}
#contentsInner .contentsThird .floatWrap .rightWrap iframe {
	border: 1px solid #fff;
}

#contentsInner .contentsFourth {
	padding: 20px;
	background: #193670;
}
#contentsInner .contentsFourth .floatWrap {
	position: relative;
}
#contentsInner .contentsFourth .floatWrap .leftWrap {
}
#contentsInner .contentsFourth .floatWrap .leftWrap .textWrap {
}
#contentsInner .contentsFourth .floatWrap .leftWrap .textWrap h3.floatTitle {
	margin-bottom: 10px;
	font-size: 1.8em;
	font-family: 'MapoDPPA';
	color: #fff;
	letter-spacing: 5px;
}
#contentsInner .contentsFourth .floatWrap .leftWrap .textWrap p.floatText {
	margin-bottom: 20px;
	font-size: 1.4em;
	color: #fff;
	font-family: 'paybooc-Light';
}
#contentsInner .contentsFourth .floatWrap .leftWrap .textWrap p.floatText span.bold {
	font-family: 'paybooc-Bold';
}
#contentsInner .contentsFourth .floatWrap .rightWrap {
}
#contentsInner .contentsFourth .floatWrap .rightWrap .rightWrapInner h3.pdTitle {
	margin-bottom: 20px;
	font-size: 2em;
	font-family: 'MapoDPPA';
	color:#FFFFFF;
	letter-spacing: 10px;
}
#contentsInner .contentsFourth .floatWrap .rightWrap .rightWrapInner ul.imgList li a span.productsTitle {
	font-size: 1.2em;
	color: #fff;
}
#contentsInner .contentsFourth .floatWrap .rightWrap .rightWrapInner ul.imgList li a span.img span.plus {
	display: none;
}