/*
	cszone hompage sub2_2 솔루션소개 솔루션구성 - 작성자:이해나리
	Basic Set 은 수정불가
*/


/* container 시작 */
#wrap #container {position:relative; width:970px; height:auto; margin:0 auto;}
#wrap #container:after {content:""; clear:both; display:block; visibility:hidden; height:0;}


/* 솔루션 구성 title 시작 */
#container h2 {float:left; width:121px; height:26px; margin-top:97px;}

	/* 사용자 위치메뉴 시작 */
#container ol.right_menu {float:right; width:; height:12px; margin-top:97px; line-height:12px;}
#container ol.right_menu li {float:left; padding:0 10px; text-align:right; background: url("../image/right_nav/right_nav_bg.png") no-repeat 0 0;}
#container ol.right_menu li.rMenu01 {width:12px; background:none; padding:0;}
#container ol.right_menu li.rMenu02 {width:13px; background:none; padding-left:0;} 
#container ol.right_menu li.rMenu03 {width:58px;} 
#container ol.right_menu li.rMenu04 {width:58px;} 
#container ol.right_menu li a {color:#8f8f8f;}
#container ol.right_menu li a:hover {color:#1d76ef;}

/* CSNet24 시작 */
#container div.tit_contents {clear:both; width:100%; padding:44px 0 74px 0;}
#container div.tit_contents:after {content:""; clear:both; display:block; visibility:hidden; height:0; }
#container div.tit_contents img {display:inline-block; float:left; width:201px; height:51px;}
#container div.tit_contents p {display:inline-block; float:right; width:756px; height:60px; margin-top:-4px; font-size:12px; color:#808080;}
#container div.tit_contents p strong {display:block; font-size:18px;} 


#container div h3 {display:block; text-indent:-9999px; overflow:hidden;}
/* 일반 서비스 관리 솔루션 구성도 시작 */
#container div.con01 {display:block; width:100%; }
#container div.con01 h3 {width:256px; height:21px; padding-bottom:23px; background: url("../image/sub2_2/con01_tit.png") no-repeat 0 0;}
#container div.con01 div.con01_left {display:inline-block; float:left; position:relative; width:534px; height:354px; background: url("../image/sub2_2/con01_visual.png") no-repeat 0 0;}
#container div.con01 div.con01_left ul li {position:absolute; text-align:center; font-size:15px;}

	/* 구성도 좌측 */
#container div.con01 div.con01_left ul li.con01_vis01 {display:block; text-indent:-9999px; overflow:hidden;}
#container div.con01 div.con01_left ul li.con01_vis02 {top:108px; left:38px;}
#container div.con01 div.con01_left ul li.con01_vis03 {top:225px; left:38px;}
#container div.con01 div.con01_left ul li.con01_vis04 {top:108px; left:242px;}
#container div.con01 div.con01_left ul li.con01_vis05 {top:225px; left:242px;}
#container div.con01 div.con01_left ul li.con01_vis06 {top:25px; left:120px; font-size:13px; color:#768280;}
#container div.con01 div.con01_left ul li.con01_vis07 {top:253px; left:126px; font-size:13px; color:#768280;}

	/* 텍스트 우측 */
#container div.con01 div.con01_right {display:inline-block; float:right; width:436px; height:354px;}
#container div.con01 div.con01_right p {margin-bottom:47px; font-size:13px; color:#555;}
#container div.con01 div.con01_right p strong {display:inline-block; float:left; color:#2c2c2c;}

#container div.con01 div.con01_right ol {padding-top:10px;}
#container div.con01 div.con01_right ol li {font-size:13px; letter-spacing:-1px; line-height:20px; color:#555;}
	/* 솔루션 체험하기GO button */
#container div.con01 div.con01_right span.go_btn a {display:block; text-indent:-9999px; overflow:hidden; float:right; width:154px; height:41px; margin-top:60px; background: url("../image/sub2_2/gosolution_btn.png") no-repeat 0 0;}



/* 제조업체 서비스 관리 솔루션 구성도 시작 */
#container div.con02 {display:block; clear:both; width:100%; position:relative; padding-top:112px;}
#container div.con02 h3 {width:290px; height:21px; padding-bottom:23px; background: url("../image/sub2_2/con02_tit.png") no-repeat 0 0;}
	/* 엽업/ 연구소/ 공장 */
#container div.con02 ul.con02_1 {display:block;}
#container div.con02 ul.con02_1 li {float:left; width:123px; margin-left:15px; text-align:center; font-size:11px; color:#555; border-left:1px solid #adadad;}
#container div.con02 ul.con02_1 li.sub_tit {width:190px; font-size:15px; font-weight:bold; margin-left:-20px; border-left:none; background: url("../image/sub2_2/arr.png") no-repeat right 0;}
#container div.con02 ul.con02_1 li.con02_1Menu01 {border-left:none; }

#container div.con02 ul.con02_2 {display:block; clear:both; height:586px; position:relative;}
#container div.con02 ul.con02_2 li {position:absolute;}
#container div.con02 ul.con02_2 li.sub_tit {top:280px; left:15px; font-weight:bold; font-size:15px;}
#container div.con02 ul.con02_2 li.con02_2_1 {top:0px; left:0px;}
#container div.con02 ul.con02_2 li.visMain {text-indent:-9999px; overflow:hidden; top:20px; left:150px; width:672px; height:586px; background: url("../image/sub2_2/con02_visual.png") no-repeat 0 0;}
#container div.con02 ul.con02_2 li.visMain02 {top:225px; right:0; width:117px; height:140px; line-height:300px; text-align:center; font-weight:bold; font-size:15px; background: url("../image/sub2_2/con02_visual_2.png") no-repeat 0 top;}


/* 솔루션 특징및 장점 시작 */
#container div.con03 {display:block; clear:both; width:100%; height:500px; padding-top:112px; background: url("../image/sub2_2/con03_bg.png") no-repeat 0 180px;}
#container div.con03 h3 {width:154px; height:21px; padding-bottom:30px; background: url("../image/sub2_2/con03_tit.png") no-repeat 0 0;}

#container div.con03 span.con03_subtext {display:block; text-indent:-9999px; overflow:hidden; width:294px; height:44px; margin:30px 0 0 120px; background: url("../image/sub2_2/con03_subtext.png") no-repeat 0 0;}
#container div.con03 em {font-size:15px; color:#777; margin-left:120px;}
#container div.con03 p {font-size:14px; color:#666; margin:20px 0 0 120px; line-height:20px;}
	/* 솔루션 신청하기GO button */
#container div.con03 span.go_btn a {display:block; text-indent:-9999px; overflow:hidden; float:right; width:154px; height:41px; margin-top:60px; background: url("../image/sub2_2/application_btn.png") no-repeat 0 0;}