html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
a, address,em, font, img,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
article, aside,figure, footer, header,nav,
section{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body, header, nav, footer{margin:0; padding:0;}

header, nav, footer{display:block;}

li{list-style:none;}

.clear {clear:both;}
	

header{min-width:1150px; max-width:1230px; vertical-align:bottom; margin:0 auto;}

header #logo{
	float:left;
	width:22%;	/* 로고를 감싸고 있는 #logo 크기 */
	display:inline-block;
}

nav{
	float:right;
	width:78%; /* 가로 사이즈 100% */
	background-color:#000000; /* 백그라운드 색상 지정 */
	z-index:2;/*  ie6 dropdown 메뉴 해결 방법 */
}

nav #menu_bar{
	vertical-align:bottom; margin:0 auto; 
}

nav #menu_bar ul#menu_dropdown li {
	float:left; /* 메뉴 정렬을 왼쪽에서 오른쪽으로 */
	margin:0;	/* 마진 값 설정 */ 
	list-style:none; 	 /* 리스트 앞부분 * 생기는 것 방지 */
	font-weight: bold;
}

nav #menu_bar ul#menu_dropdown li a {
	color:#d9d9d9; /* 색상 지정 */
	padding:28px 50px 29px 50px; /* 패딩으로 각 메뉴 사이 간격 조정 */
	text-transform: uppercase; /* 메뉴 글자 대문자 */
	text-decoration: none; /* 링크의 밑줄 없앰 */
	font-size:20px;
	display: block;
}
	
nav #menu_bar ul#menu_dropdown li a:hover {
	color:#FFF; /* 메뉴에 마우스 오버시 색상 변경 */
}

nav #menu_bar ul#menu_dropdown li ul	{	
	margin:0 0 0 0;
	padding: 0;
	list-style:none;
	position:absolute; 
	visibility:hidden; 
	z-index:100; 
}
		
nav #menu_bar ul#menu_dropdown li ul li {	
	float: none;
	display:inline;	
	font-weight: normal;
}

nav #menu_bar ul#menu_dropdown li ul li a {
	width:auto;
	padding:8px 50px 8px 50px;
	background:#000000;
	font-size:0.9em;
	text-transform: capitalize;
}

nav #menu_bar ul#menu_dropdown li ul li a.r_corner {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

nav #menu_bar ul#menu_dropdown li ul li a:hover {	
	background: #FFF;
	color:#000000;
}

#container{
	min-width:1150px; max-width:1230px; margin:0 auto;
}

#container #box_group{
	margin-top:20px;
	padding:0;
}
	
#container #box_group #product_box_group #product_box{
	display:inline-block;
	padding:10px 10px 10px 10px;
	border:1px solid #CCC;
	margin-bottom:5px;
	width:31%;
	height:170px;
}
	
#container #box_group #product_box_group #product_box #product_img{
	float:left;
	display:block;
	padding-right:10px;
}
	
#container #box_group #product_box_group #product_box h3{
	font-size:17px;
	font-weight:normal;
	padding-bottom:10px;
}
	
#container #box_group #product_box_group #product_box #product_img img{
	float:left;
	height:80px;
}

#container #box_group #product_box_group #product_box #product_content{
	float:right;
	width:72%;
	text-align: justify;
}
	
#container #box_group #product_box_group #product_box #product_content h3{
	font-size:13px;
	font-weight:bold;
	padding-bottom:5px;
	color:#ff7f39;
}

#container #box_group #product_box_group #product_box a{
	text-decoration:none;
	color:#000;
}

#container #box_group #product_box_group #product_box #product_content p{
	font-size:12px;
	line-height:16px;
	float:left;
	color:#000000;
}
	
footer {
	min-width:1150px; max-width:1230px;
	margin:0 auto;
}

footer #site_info_top ul li {
	float:left; /* 메뉴 정렬을 왼쪽에서 오른쪽으로 */
	margin-top:20px;	/* 마진 값 설정 */ 
	list-style:none; 	 /* 리스트 앞부분 * 생기는 것 방지 */
}

footer #site_info_top ul li a {
	color:#000;  /*색상 지정 */
	padding:0 15px; /* 패딩으로 각 메뉴 사이 간격 조정 */
	text-transform: uppercase; /* 메뉴 글자 대문자 */
	text-decoration: none; /* 링크의 밑줄 없앰 */
	background-image: url(http://gw.collb.co.kr/collbhome.nsf/menu_line.png); /*  구분선에 백그라운드 이미지로 처리 */
	background-repeat: no-repeat; /* 백그라운드 이미지 반복 방지 */
	background-position: right center;  /* 백그라운드의 이미지 위치 지정 */
	display: block;
}

footer #site_info_bottom {
	margin-top:20px;
}

footer #site_info_bottom img {
	float:left;
}

footer #site_info_bottom p {
	font-size:13px; /* 글꼴 사이즈 조절 */
	line-height:20px; /* 자간 조절 */
	float:left;	/* 배열된 위치는 왼쪽으로 */
	padding-left:30px;
}

/* 서브 페이지 디자인 */
#container aside {
	float:left;
	/*height:300px;*/	
	width:23%;
	margin-top:50px;
}

#container aside #aside_nav{
	margin: 0 auto;
	width:220px;
}
#container aside #aside_nav #nav_title h3 {
	background-color:#ff7f39;
	background-image:url(http://gw.collb.co.kr/collbhome.nsf/sub_icon1.png);
	background-repeat:no-repeat;
	background-position:120px 100px;
	height:180px;
	padding:10px 0 0 20px;
	color:#fcd5b5;
	font-size: 2em;
}

#container aside #aside_nav #nav_title_product h3 {
	background-color:#ff7f39;
	background-image:url(http://gw.collb.co.kr/collbhome.nsf/sub_icon4.png);
	background-repeat:no-repeat;
	background-position:120px 105px;
	height:180px;
	padding:10px 0 0 20px;
	color:#fcd5b5;
	font-size: 2em;
}

#container aside #aside_nav #nav_title_service h3 {
	background-color:#ff7f39;
	background-image:url(http://gw.collb.co.kr/collbhome.nsf/sub_icon5.png);
	background-repeat:no-repeat;
	background-position:120px 95px;
	height:180px;
	padding:10px 0 0 20px;
	color:#fcd5b5;
	font-size: 2em;
}

#container aside #aside_nav #nav_list ul {
	list-style:none;
	text-align:center;
}

#container aside #aside_nav #nav_list ul li {
	line-height:3em;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	/*line-height:3em !important;
	line-height:1.5em;	*/
}

#container aside #aside_nav #nav_list ul li a {
	color: #666;
	text-decoration: none;
	text-transform: capitalize;
	display:block;	
	border-bottom: 1px solid #CCC;
}

#container aside #aside_nav #nav_list ul li a:hover {
	background-color: #ffb27f;
	color:#FFF;
	text-decoration: none;
}

#container aside #aside_nav #nav_list_policy ul {
	list-style:none;
	text-align:center;
}

#container aside #aside_nav #nav_list_policy ul li {
	line-height:3em;
	border: 5px solid #ff7f39;
	/*line-height:3em !important;
	line-height:1.5em;	*/
}

#container aside #aside_nav #nav_list_policy ul li a {
	color: #666;
	text-decoration: none;
	text-transform: capitalize;
	display:block;	
	border-bottom: 1px solid #CCC;
}

#container aside #aside_nav #nav_list_policy ul li a:hover {
	background-color: #ffb27f;
	color:#FFF;
	text-decoration: none;
}

#container aside #aside_nav #nav_support1 {
	padding:30px 5px;
}

#container aside #aside_nav #nav_support1 h3{
	padding-bottom:10px;
}

#container aside #aside_nav #nav_support1 ul li img{
	padding-right:10px;
	width:25px;
	vertical-align: -8px;
}

#container aside #aside_nav #nav_support2 {
	padding-left:20px;
}

#container aside #aside_nav #nav_support2 h3{
	padding-bottom:10px;
}

#container aside #aside_nav #nav_support2 ul li img{
	padding-right:10px;
	width:25px;
	vertical-align: -8px;
}

#container aside #aside_nav #nav_support1 #nav_contact a{
	text-decoration: none;
	color:#000;
}

#container aside #aside_nav #nav_support2 #nav_contact a{
	text-decoration: none;
	color:#000;
}

#container article{
	float: left;
	width: 73%;
	padding: 40px 20px 20px 20px;
	margin:0;
	min-height:850px;
}

/* 회사 소개 페이지 */
#container article #vision_title h2, #container article #history_title h2, #container article #intro_title h2, 
#container article #loc_title h2, #container article #gro_title h2, #container article #mob_title h2, 
#container article #search_title h2, #container article #meme_title h2, #container article #pulse_title h2, 
#container article #ecm_title h2, #container article #req_title h2, #container article #data_title h2, #container article #policy_title h2 {
	font-size: 2em;
	text-transform: uppercase;
	border-bottom:2px solid #ff7f39;
	margin: 10px 0 30px ;
	padding-bottom:10px;
}

#container article #vision_title h3, #container article #gro_title h3, #container article #mob_title h3, 
#container article #search_title h3, #container article #meme_title h3, #container article #pulse_title h3, 
#container article #ecm_title h3{
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom:20px;
}

#container article #vision_content p{
	float: right;
	line-height: 1.7em;
	text-align: justify;
	margin: 35px 0 0 0;
	width:51%;
}

#container article figure.vision_img{
	float:left;
	margin: 5px 0 20px 0px;
	width:40%;
}

#container article figure.vision_img img {
	box-shadow: 3px 3px 5px #ccc;
	width:100%;
	padding:3px;
	margin-bottom:10px;	
}

#container article #intro_content{
	padding-left:10px;	
}

#container article #intro_content p {
	float: right;
	line-height: 2em;
	text-align: justify;
	margin:0;
	width:100%;
}

#container article figure.intro_img_1 img{
	float:left;
	box-shadow:none;
	width:35%;
	padding-top:50px;
	padding-left:20px;
}

#container article figure.intro_img_2 img{
	float:right;
	box-shadow:none;
	width:70%;
}

#container article figure.loc_img img{
	display:block;
	box-shadow:none;
	width:90%;
	padding-left:45px;
}

#container article #loc_content{
	padding:0 0 0 50px;	
}

#container article #loc_content ul{
	margin:20px 0;
}

#container article #loc_content ul li.loc_th {
	float: left;
	width:25%;
	font-weight: bold;
}

#container article #loc_content ul li.loc_td {
	font-size:0.9em;
	overflow: hidden;
	line-height: 200%;
}

#container article #loc_content ul li.loc_td img{
	width:20px;
}

#container article #loc_content ul li.loc_td_subway {
	font-size:0.9em;
	overflow: hidden;
	line-height: 200%;
}

#container article #loc_content ul li.loc_td_subway img{
	width:25px;
	height:20px;
}

#container article #history_container{
	padding-left:20px;
}

#container article #history_container #history_2013 h3{
	color:#E66E0D;
	font-size: 2em;
	padding-bottom:20px;
	
}

#container article #history_container #history_2013 ul{
	padding-left:40px;
	padding-bottom:50px;
}

#container article #history_container #history_2013 ul li{
	line-height:2em;
	text-align:left;
	list-style:disc;
}

#container article #history_container #history_2012 h3{
	color:#E28801;
	font-size: 2em;
	padding-bottom:20px;
}

#container article #history_container #history_2012 ul{
	padding-left:40px;
	padding-bottom:50px;
}

#container article #history_container #history_2012 ul li{
	line-height:2em;
	text-align:left;
	list-style:disc;
}
#container article #history_container #history_2011 h3{
	color:#FE9704;
	font-size: 2em;
	padding-bottom:20px;
}

#container article #history_container #history_2011 ul{
	padding-left:40px;
	padding-bottom:50px;
}

#container article #history_container #history_2011 ul li{
	line-height:2em;
	text-align:left;
	list-style:disc;
}
#container article #history_container #history_2010 h3{
	color:#ffc000;
	font-size: 2em;
	padding-bottom:20px;
}

#container article #history_container #history_2010 ul{
	padding-left:40px;
	padding-bottom:50px;
}

#container article #history_container #history_2010 ul li{
	line-height:2em;
	text-align:left;
	list-style:disc;
}


/* 솔루션 페이지 */

#container article #gro_content p{
	padding-left:10px;
	width:97%;
	float:left;
	line-height: 1.7em;
	margin-bottom:20px;
}

#container article figure.gro_img_2 img{
	width:100%;
	overflow: hidden;
	margin-bottom:20px;
}

#container article figure.gro_img_3 img{
	width:100%;
	overflow: hidden;
	margin-top:20px;
}

#container article #gro_contnet #gro_box{
	vertical-align:top;
}

#container article #gro_content #gro_box h3{
	float:left;
	padding-top:20px;
	padding-bottom:10px;
	width:100%;
}

#container article #gro_content #gro_box #gro_content_detail{
	width:42%;
	display:inline-block;
	float:left;
	padding:20px;
	margin: 20px 0 0 30px;
}

#container article #gro_content #gro_box #gro_content_detail img{
	float:left;
	padding-right:10px;
}

#container article #gro_content #gro_box #gro_content_detail ul{
	padding-top:15px;
}

#container article #gro_content #gro_box #gro_content_detail ul li{
	list-style:disc;
	line-height:1.7em;
	text-align: justify;
	font-size: 0.9em;
	color:#666;
}

#container article #gro_content #gro_box #gro_content_detail ul li.point{
	color:#e86c0a;
	font-weight: bold;
}

#container article #gro_content #gro_box #gro_content_detail h4{
	color:#e86c0a;
	padding-top:10px;
}

#container article #gro_content #gro_content_detail_2{
	display:block;
}
#container article #gro_content #gro_content_detail_2 h3{
	float:left;
	padding-top:20px;
	padding-bottom:10px;
	
}

#container article #gro_content #gro_content_detail_2 p{
	margin:0;
	width:97%;
}

#container article #gro_content #gro_content_detail_3 img{
	padding-top:20px;
}

#container article #gro_contnet #gro_box_2{
	vertical-align:top;
}

#container article #gro_content #gro_box_2 #gro_content_detail{
	width:42%;
	display:inline-block;
	float:left;
	padding:20px;
	margin: 20px 0 0 30px;
}

#container article #gro_content #gro_box_2 #gro_content_detail.detail_2{
	padding-bottom:50px;
}

#container article #gro_content #gro_box_2 #gro_content_detail ul{
	padding-top:15px;
}

#container article #gro_content #gro_box_2 #gro_content_detail ul li{
	list-style:disc;
	line-height:1.7em;
	text-align: justify;
	font-size: 0.9em;
	color:#666;
}

#container article #gro_content #gro_box_2 #gro_content_detail h3{
	color:#e86c0a;
}

#container article #mob_content span.first{
	font-size:2em;
	color:#a05295;
	line-height: 2em;
}

#container article #mob_content figure.mob_img_1 img, #container article #mob_content figure.mob_img_2 img {
	width:100%;
	margin-bottom:20px;
}

#container article #mob_content p {
	width:97%;
	padding-bottom:30px;
	float:left;
	line-height: 1.7em;
}

#container article #mob_contnet #mob_box{
	vertical-align:top;
}

#container article #mob_content #mob_box #mob_content_detail{
	width:40%;
	display:inline-block;
	float:left;
	padding:20px;
	margin: 20px 0 0 30px;
}

#container article #mob_content #mob_box #mob_content_detail.detail_2{
	padding-bottom:100px;
}
#container article #mob_content #mob_box #mob_content_detail img{
	float:left;
	padding-right:10px;
}

#container article #mob_content #mob_box #mob_content_detail ul{
	padding-top:15px;
}

#container article #mob_content #mob_box #mob_content_detail ul li{
	list-style:disc;
	line-height:1.7em;
	text-align: justify;
	color:#666;
	font-size:0.9em;
}

#container article #mob_content #mob_box #mob_content_detail h3{
	color:#e86c0a;
	padding-top:10px;
}

#container article #search_content #search_detail_content{
	width:100%;
	padding-top:30px;
}

#container article #search_content #search_detail_content .detail_1{
	display:inline-block;
	float:left;
	width:50%;
	padding-top:50px;
	text-align: justify;

}

#container article #search_content #search_detail_content figure.search_img_1 img {
	float:right;
}

#container article #search_content #search_detail_content h3{
	padding-bottom:20px;
}

#container article #meme_content #meme_detail_content{
	width:100%;
	padding-top:30px;
}

#container article #meme_content #meme_detail_content .detail_1{
	display:inline-block;
	float:left;
	width:50%;
	padding-top:100px;
	text-align: justify;
}

#container article #meme_content #meme_detail_content figure.meme_img_1 img {
	float:right;
}

#container article #meme_content #meme_detail_content h3{
	padding-bottom:20px;
}

#container article #pulse_content #pulse_detail_content{
	width:100%;
	padding-top:30px;
}

#container article #pulse_content #pulse_detail_content .detail_1{
	display:inline-block;
	float:left;
	width:50%;
	padding-top:40px;
	text-align: justify;
}

#container article #pulse_content #pulse_detail_content figure.pulse_img_1 img {
	float:right;
}

#container article #pulse_content #pulse_detail_content h3{
	padding-bottom:20px;
}

#container article #ecm_content p{
	margin-bottom:100px;
	width:97%;
	padding-left:10px;
	line-height: 1.7em;
}

#container article figure.ecm_img img{
	padding-bottom:100px;
	padding-left:80px;
}

#container article #req_content{
	padding-left:10px;
	line-height: 1.7em;
}

#container article #req_content #req_table table{
	width:95%;
	padding-left:50px;
	margin-top:50px;
}

#container article #req_content #req_table table td{
	height:50px;
	padding-left:20px;
}

#container article #req_content #req_table table td.col_1{
	background:#90afd5;
	width:30%;	
}

#container article #req_content #req_table table td.col_2{
	width:70%;
}

#container article #req_content #req_table table td.col_1_6{
	background:#90afd5;
	width:30%;
	height: 200px;
}

#container article #req_content #req_table table td.col_2_6{
	width:70%;
	height: 200px;
}

#container article #req_content #req_table table td.col_2 input{
	width:95%;
	height:40px;
}

#container article #req_content #req_table table td.col_2_6 input{
	width:95%;
	height:190px;
}

#container article #req_content #req_table table td.col_1_7{
	font-size:0.9em;
}

#container article #req_content #req_table table td.col_1_8{
	float:right;
	margin-right:20px;
}

#container article #req_content #req_table table td.col_1_8 input[type="button"]{
	border:none;
	background:#7f7f7f;
	width:80px;
	height:30px;
	font-size: 1em;
	color:#FFF;
	border-radius:3px;
	margin-right:20px;
	font-weight: bold;
}

#container article #req_content #req_table table td.col_1_8 input[type="reset"]{
	border:none;
	background:#a5a5a5;
	width:80px;
	height:30px;
	font-size: 1em;
	color:#FFF;
	border-radius:3px;
	font-weight: bold;
}

#container article #data_content #data_table{
	 float:left;
	 width:845px;
	 height:40px;
	 color:white;
	 margin-left:10px;
	 letter-spacing:2px;
	 padding:0px;
	 background-color:rgba(181, 200, 201, 0.72);"
}

#container article #policy_content{
	padding-left:10px;
}

#container article #policy_content ul{
	padding-bottom:30px;
}

#container article #policy_content ul li{
	font-weight: bold;
	line-height: 1.7em;
}

#container article #policy_content ul li ul li{
	font-weight: normal;
}