.container{position:absolute; left: 50%; width:1220px; overflow-x: hidden; z-index:10; margin-left: -610px; padding:0;}

.cbp-so-scroller {
	margin-bottom: 60px;
	overflow: hidden;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-section {

	margin-bottom: 2.5em;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-section:after {
	clear: both;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

/* Text styling */
.cbp-so-section h2 {
	font-size: 25px;
	/*font-weight: 500;*/
	line-height: 1;
	font-weight:normal;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-section p {
	font-size: 15px;
	/*font-weight: 300;*/
	line-height: 140%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

/* Sides */
.cbp-so-side {
	
	float: left;
	margin: 0;
	padding:0;
	overflow: hidden;
	min-height: 12em;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}


/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-side:after {
	clear: both;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-side-right {
	text-align: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-side-left {
	text-align: right;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-side-right img {
	float: right ;
	margin-left:20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-side-left img {
	float: left;
	margin-right:20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
	opacity: 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 

}

/* For example, add a delay for the right side:
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
*/

/* Example media queries */

@media screen and (max-width: 73.5em) {
	.cbp-so-scroller {
		font-size: 65%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}

	.cbp-so-section h2 {
		margin: 0;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}

	.cbp-so-side img {
		max-width: 120%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}
}

@media screen and (max-width: 41.125em) {
	.cbp-so-side {
		float: none;
		width: 100%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}

	.cbp-so-side img {
		max-width: 100%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}
}

.tx_box, .tx_box2 {width: 598px; height: 498px; font-size:16px; line-height:160%;  background: url("/nhroot/images/service/txbg.jpg") top left; color:#fff; border: 1px solid #92908c;}
.tx_box {text-align:right !important;}
.tx_box2 {text-align:left !important;}

.tx_box h1, .tx_box2 h1 {font-family: "Nanum", "³ª´®°íµñ", sans-serif; font-size: 40px; font-weight: 400; line-height: 30px; color: #fff; margin: 0;}
.tx_box h1 {padding:124px 100px 0 0;}
.tx_box2 h1 {padding: 124px 0 0 100px;}

.tx_box h2, .tx_box2 h2 {font-family: "Nanum", "³ª´®°íµñ", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; color: #fff; margin: 0;}
.tx_box h2 {padding: 20px 100px 50px 0;}
.tx_box2 h2 {padding: 20px 0 50px 100px;}

.tx_box .con, .tx_box2 .con {font-family: "Nanum", "³ª´®°íµñ", sans-serif; font-size: 16px; line-height: 26px; color: #fff; text-underline-position: under;}
.tx_box .con{padding:0 100px 0 0; }
.tx_box2 .con{padding:0 0 0 100px;}