/******************** main_slide *********************/
#main_slide {
	width: 100%;
	height: 471px;
	float: left;
	text-align: center;
	border-bottom: solid 1px #e3e4e5;
	background: #03779e;
}
#main_slide .w1263 {
	position: relative;
}
#main_slide .prev,
#main_slide .next {
	position: absolute;
	top: 210px;
	z-index: 10;
}
#main_slide .prev {
	left: 120px;
}	
#main_slide .next {
	right: 120px;
}
#main_slide .slider-item {
	width: 1263px;
	height: 471px;
}
#main_slide .pager {
	width: 567px;
	height: 34px;
	position: absolute;
	top: 350px;
	left: 220px;
	background: url("../images/main/bg_main_slidebtn.png") repeat-x;
	z-index: 10;
}
#main_slide .pager li {
	float: left;
	width: 142px;
	height: 25px;
	padding-top: 6px;
}
#main_slide .pager li.last {
	float: left;
	width: 141px;
}
#main_slide .pager li.activeSlide,
#main_slide .pager li:hover {
	background: url("../images/main/bg_main_slidebtn_on.gif") no-repeat;
}

/******************** container *********************/
/*추가 시작*/
.txt_outline{
height:250px;background:url("../images/main/div01_bg.gif") no-repeat 0px 0px;
overflow:hidden;
margin-left: 264px;
margin-top: 6px;}
.txt_outline .txt_est{
float: left;
padding-top: 65px;
width: 202px;
height: 200px;
color: #1a1c22;
font-size: 13px;
line-height: 1.4;
padding: 25px 16px 25px 16px;
}

.txt_outline .txt_est.long{width:177px;}
.txt_outline .txt_est.longlong{width:222px;}
.tbl_est{width:100%;border-top:2px solid #788092}
.tbl_est tr th{padding:12px 0 14px;color:#006cb8;text-align:left;border-bottom:1px solid #ecedef;vertical-align:middle}
.tbl_est tr td{padding:12px 0 14px;color:#666f84;font-weight:bold;border-bottom:1px solid #ecedef}
.tbl_est tr td .prd_li{padding:8px 0 10px;overflow:hidden}
.tbl_est tr td .prd_li li a, .tbl_est tr td .prd_li a{color:#666f84;width:277px;line-height:1.8}
.tbl_est tr td .prd_li li{float:left;width:277px;line-height:1.8}
.tbl_est .prd_btm th, .tbl_est .prd_btm td{border-bottom:1px solid #c0c3ca}
/*추가 끝*/

#container {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

/* products */
#container .products {
	width: 100%;
	float: left;
	margin-top: 29px;
}
#container .products ul {
	float: left;

}
#container .products ul li {
	/*width: 25%;
	float: left;
	/*display:inline-block;*/
}
#container .products ul li dl dd {
	margin: 0 auto;
	text-align: center;
}
#container .products ul li dl dd.subj {
	width: 170px;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 18px;
}
#container .products ul li dl dd.desc {
	width: 110px;
	margin-top:5px;
	font-size: 11px;
	color: #bcbcbc;
}
#container .products ul li dl dd.price {
	margin-top:5px;
	font-size: 15px;
	color: #ff791a;
	font-weight: bold;
	letter-spacing: 0px;
}

/* event_banner */
#container .event_banner {
	width: 100%;
	float: left;
	margin:5px 0px 15px 0px;
	position: relative;
}
#container .event_banner .close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

/* cont_wrap */
#container .cont_wrap {
	width: 100%;
	float: left;
	margin-top: 0px;
}
#container .txt_outline h3 {
	float: left;
	padding-bottom: 13px;
}
#container .txt_outline .more {
	float: right;
}
#container .cont_wrap .talk,
#container .cont_wrap .sbs,
#container .cont_wrap .notice,
#container .cont_wrap .quick {
	width: 221px;
	float: left;
	font-size: 13px
}
#container .cont_wrap .prd_bnr,
#container .cont_wrap .customer {
	width: 442px;
	float: left;
}
#container .cont_wrap .notice,
#container .cont_wrap .customer,
#container .cont_wrap .quick {
	margin-top: 29px;
}
#container .cont_wrap .sbs,
#container .cont_wrap .prd_bnr,
#container .cont_wrap .quick,
#container .cont_wrap .customer {
	margin-left: 39px;
}
#container .cont_wrap .talk dl dt {
	width: 221px;
	height: 134px;
	text-align: center;
	background: url("../images/main/bg_main_talk_thumb.gif") no-repeat;
}
#container .cont_wrap .talk dl dt img {
	margin-top: 9px;
}
#container .cont_wrap .talk dl dd.desc {
	margin-top: 10px;
	line-height: 18px;
	color: #464646;
}
#container .cont_wrap .talk dl dd.author {
	margin-top: 5px;
	font-size: 11px;
	color: #464646;
	font-weight: bold;
	letter-spacing: 0px;
}
#container .cont_wrap .talk dl dd.author span.dt {
	color: #9d9d9d;
}
#container .cont_wrap .prd_bnr .bnr {
	height: 211px;
}
#container .cont_wrap .prd_bnr .pager {
	float: right;
	margin-top: 5px;
}
#container .cont_wrap .prd_bnr .pager li {
	float: left;
	margin-right: 5px;
}
#container .cont_wrap .prd_bnr .pager li a {
	width:13px;
	height:13px;
	background:url('../images/common/btn_page_circle.gif') no-repeat center center;
	display:inline-block;
}
#container .cont_wrap .prd_bnr .pager li.activeSlide a,
#container .cont_wrap .prd_bnr .pager li.activeSlide a:hover {
	background:url('../images/common/btn_page_circle_on.gif') no-repeat center center;
}

#container .cont_wrap .sbs li {
	margin-bottom: 5px;
}
#container .txt_outline .txt_est ul li {
	line-height: 22px;
	text-indent: 10px;
	background: url("../images/common/bul_notice.gif") 0 50% no-repeat;
}
#container .txt_outline .txt_est ul li.content {
	text-indent: 10px;
	background: url("../images/common/bul_notice.gif") 0 6% no-repeat;
}
#container .txt_outline .txt_est ul li.twoline{
	text-indent: 10px;
	background: url("../images/common/bul_notice.gif") 0 23% no-repeat;
}
#container .cont_wrap .quick ul li {
	padding: 10px 0;
	border-top: solid 1px #e3e3e3;
}
#container .cont_wrap .quick ul li.fst {
	border-top: none;
	padding-top: 0;
}
#container .cont_wrap .quick ul li.last {
	padding-bottom: 0;
}


/* 최근작업*/
#container .recent {
	width: 100%;
	height: 12px;
	float: left;
	margin-top: 50px;
	border-top: solid 2px #5b5b5b;
}
#container .recent .portfolio {
	margin-top: -15PX;
	padding-left: 400PX;
}
/* 최근작업 끝*/
/* ----------------------------------------------Wrapper-------------------------------------*/

div.cont_wrap, .cont_wrap100{display:block; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;float:left;}

.row1, .row1 a{color:#C0BAB6; background-color:#333333;}
.row2{color:#919191; background-color:#232323; border-bottom:1px solid #333333;}
.row3{color:#666666; background-color:#FFFFFF;}
.row4, .row4 a{color:#919191; background-color:#232323;}
.row5{color:#666666; background-color:#FFFFFF; border-bottom:1px solid #E5E4E3;}

/*----------------------------------------------Third Grid-------------------------------------*/

/*
.one_third{width:360px;} => 360 ÷ 1200 = 0.3 * 100 = 30
.two_third{width:780px} => 780 ÷ 1200 = 0.65 * 100 = 65
*/

.one_third{width:33%;}
.two_third{width:65%;}

/*
.one_third.nogutter{width:400px;} => 400 ÷ 1200 = 0.3333333 * 100 = 33.33333
.two_third.nogutter * .one_third.nogutter => 2 * 33.33333 = 66.66666
*/

.one_third.nogutter{width:33.33333%;}
.two_third.nogutter{width:66.66666%;}
 .img_work {margin: 0 30px; height: 270px;}
 .img_work p {float: left;
font-size: 12px;}

/*----------------------------------------------Site Wide Shared Classes-------------------------------------*/

.post-image{margin: 20px 0px 10px;height: 190px;}
.post-image img {width:100%;}
.blog-post-title
{margin: 0 0 10px 0;
font-size: 0.9em;
color: #03779e;
text-align: center;}
.blog-post-title a{color:#979797; background-color:#FFFFFF;}
.blog-post-title a:hover{color:#03779e; background-color:#FFFFFF;}
.read-more{text-align:right;}

.blog-post-meta{font-size:.8em;}
.blog-post-meta ul{margin:0; padding:0; list-style:none;}
.blog-post-meta ul li{display:inline; margin-left:5px; padding-left:5px; border-left:1px solid #D6D6D6;}
.blog-post-meta ul li:first-child{margin-left:0; padding:0; border:none;letter-spacing: -0.1px;font-size: 11px;
}
.blog-detail{float:left;}
li.blog-post-cats a {color:#86c22d; outline:none; text-decoration:none;}
li.blog-post-cats {position: absolute;}
/*----------------------------------------------Blog Overview-------------------------------------*/

#blog-posts #blog-overview{display:block; width:100%;}
#blog-posts #blog-overview .blog-post-excerpt{margin-bottom:50px;}
#blog-posts #blog-overview .blog-post-excerpt .blog-post-meta ul{padding:15px 0; border:solid #D6D6D6; border-width:1px 0;}

/*----------------------------------------------Portfolio Overview-------------------------------------*/

#img_portfolio ul{margin:0; padding:0; list-style:none;}
#img_portfolio ul li{margin-bottom:10px;float: left;}


/*솔루션박스*/
#container .solutionbox {
	width: 100%;
	height: 360px;
	float: left;
	margin-top: 20px;
	background:url('../images/main/bg_solution.gif') no-repeat center 0px;
}
#container .solutionbox .s_inner{
padding: 27px 23px 0px 23px;
width: 44%;
float: left;}
#container .solutionbox .s_inner.rightpart {
float:right;
}
#container .solutionbox .s_inner h2{
font-size: 22px;
line-height: 1em;
font-weight: normal;
margin-bottom: 17px;
color: #515151;}
.img-indent {margin:0 20px 0 0;float:left}


#container .solutionbox .s_inner p {
padding: 3px 0 5px 14px;
color: #006cb8;
text-align: left;
border-bottom: 1px solid #ecedef;
vertical-align: middle;
margin-bottom: 5px;
font-size: 13px;
font-weight: 800;
line-height: 1.8
}
#container .solutionbox .s_inner .more_solution {
position: absolute;
left: 27.3%;
margin-top: 50px;
}
#container .solutionbox .s_inner .more_solution.second{
left: 65.4%;
margin-top: 20px;
}
#container .solutionbox .s_inner .more_solution.second.at {
margin-top: 50px;
}
#container .solutionbox .s_inner ul{
color: #464646;
font-size: 12px;
line-height: 1.7;
letter-spacing: -0.1px;
}
#container .solutionbox .s_inner ul li{
background: url("../images/common/bul_notice.gif") 135px 24% no-repeat;
}
#container .solutionbox .s_inner ul li.onerow {
background: url("../images/common/bul_notice.gif") 135px 50% no-repeat;}
