/******************** left ********************/
#left_side {
	float:left;
	width:180px;
	margin-left:22px;
	padding-top:36px;
}
#left_side h2{
width:180px;
padding: 0px 0 30px 0;
text-align: center;}
#left_side .lnb_area ul li{font-size:14px;}
#left_side .lnb_area ul li a{
display: block;
color: #9c9c9c;
padding: 5px 0 5px 27px;
font-weight: bolder;}

#left_side .lnb_area ul li a.on,
#left_side .lnb_area ul li a:hover,
#left_side .lnb_area ul li a:focus{
font-weight:bolder;
color: #01268e;
background:url("../images/view/lnb_dot.png") 1% 7px no-repeat;
font-size: 15px;
}

/******************** right-side ********************/

#right_side {
	float:right;
	width:700px;
	margin-bottom: 80px;
}
#right_side .right_info {
	float:left;
	width:100%;
	height: 187px;
	border-bottom: 3px solid #01268e;
}
#right_side .right_info01 {
	float:left;
	width:100%;
	border-bottom: 3px solid #01268e;
}
#right_side .right_info02 {
	float:left;
	width:100%;
	padding:36px 0 30px 0;
	background:url("../images/view/coverimg03.jpg") 355px no-repeat;
}
#right_side .right_info03 {
	float:left;
	width:100%;
	padding:36px 0 56px 0;
	background:url("../images/view/coverimg05.jpg") 155px no-repeat;
}
#right_side .right_info04 {
	float:left;
	width:100%;
	padding:36px 0 56px 0;
	background:url("../images/view/coverimg06.jpg") 306px no-repeat;

}
#right_side .right_info05 {
	float:left;
	width:100%;
	padding:36px 0 28px 0;
	background:url("../images/business/coverimg01.jpg") 310px no-repeat;
}
#right_side .right_info06 {
	float:left;
	width:100%;
	padding:36px 0 28px 0;
	background:url("../images/business/coverimg03.jpg") 223px no-repeat;
}
#right_side .right_info07 {
	float:left;
	width:100%;
	padding:36px 0 28px 0;
	background:url("../images/business/coverimg04.jpg") 300px no-repeat;
}
#right_side .right_info08 {
	float:left;
	width:100%;
	padding:36px 0 28px 0;
	background:url("../images/support/coverimg01.jpg") 287px  no-repeat;
}
#right_side .right_info09 {
	float:left;
	width:100%;
	padding:36px 0 40px 0;
	background:url("../images/support/coverimg02.jpg") 460px 3px no-repeat;
}
#right_side .right_info10 {
	float:left;
	width:100%;
	padding: 36px 0 86px 0;
	background: url("../images/support/coverimg03.jpg") 289px -23px no-repeat;
}
#right_side .right_info11 {
	float:left;
	width:100%;
	padding: 36px 0 86px 0;
	background: url("../images/support/coverimg04.jpg") 320px -18px no-repeat;
}
#right_side .right_info12 {
	float:left;
	width:100%;
	padding: 36px 0 86px 0;
	background: url("../images/support/coverimg05.jpg") 320px -33px no-repeat;
}
/******************** right-side 배경이미지 끝 ********************/

#right_side h4 {
	margin-top: 12px;
	margin-left: 15px;
}
.contents .line {
	background:url("../images/view/content_line.gif");
	height: 3px;
	width: 700px;
}
.contents .line02 {
	width: 700px;
	float: left;
	border-bottom: 3px solid #01268e
}

.contents .sub_content {
	background:url("../images/view/bg_sub03.jpg");
	height:1224px;
}
/******************** view02 ********************/
.sub_content p.history01 {
float: left;
line-height: 22px;
color: #444;
padding-top: 144px;
padding-left: 404px;
letter-spacing: -0.7px;
}
.sub_content  span {
font-weight: bold;
color: #4d4135;
padding-right: 3px;
}
.sub_content p.history02 {
float: left;
line-height: 22px;
color: #444;
padding-top: 99px;
padding-left: 68px;
/*letter-spacing: -0.7px;*/
}
.sub_content p.history03 {
float: left;
line-height: 22px;
color: #444;
padding-top: 22px;
padding-left: 412px;
}
.sub_content p.history04 {
float: left;
line-height: 22px;
color: #444;
padding-top: 40px;
padding-left: 48px;
}
.sub_content p.history05 {
float: left;
line-height: 22px;
color: #444;
padding-top: 73px;
padding-left: 406px;
}
/******************** view00 ********************/
.sub_content00 p.about01 {
width:628px;
padding: 40px;
font-size: 14px;
line-height: 1.4;
float: left;
}
.sub_content00 p.about01 strong{
float: right;
font-size: 14px;
}
.sub_content00 p.about01 strong span{
color:#01268e;
font-weight:600;
}
/******************** view01 ********************/
.sub_content01 p.about02 {
width:628px;
padding: 36px;
line-height: 21px;
padding-bottom: 20px;
}
.sub_content01 p.about02 strong,
.sub_content01 p.about02_02 strong{
font-size: 14px;
margin-bottom: 40px;
}
.sub_content01 p.about02 strong span{
color:#01268e;
font-weight:800;
font-size: 13px;
}
.sub_content01 p.about02_02 {
width:620px;
padding: 12px 0 5px 36px;
line-height: 21px;
}

.about_company {
width: 450x;
}
.about_company.s {
width: 700x;
}
.tb_type01 {
border-top: 3px solid #444;
border-bottom: 1px solid #999;
width: 100%;
/*margin-left: 35px;*/
}
table th {
border-top: 1px solid #d9d9d9;
/*border-bottom: 0px !important;*/
}
.tb_type01 .last_tr td {
padding-left: 20px;
line-height: 16px;
border-bottom: 1px solid #d9d9d9;
}
.tb_type01 .last_tr td.solutionbox{
padding: 16px;
line-height: 1.8;
}
.tb_type01 td {
padding-left: 20px;
line-height: 16px;
border-bottom: 1px solid #999;
}
.tb_type01 th {
background: #fafafa;
text-align: left;
color: #444;
font-weight: bold;
height: 36px;
text-align: center;
}
.tb_type01 th span{
color: #888;}
.tb_type01 th.green{
background: #FAFFE7;
}

.tb_type01 th.yellow{
background: #FFFFD8;
}
.tb_type01 th.red{
background: #FFF7F0 ;
}
/*th.text1.yellow {
background: #ffffd8 url("../images/view/13_dot_02.png") no-repeat 115px 15px;
}*/

}
.tb_type01 th span {
color:#777;
font-weight: normal;
}
/******************** view03 ********************/
img .center_img {
}
/******************** view04 ********************/

.spssi {
display: inline-block;
overflow: hidden;
width: 22px;
height: 14px;
background: url(../images/view/sp_subway_sicons.png) no-repeat;
line-height: 999px;
vertical-align: top;}

.spssi3 {background-position: 0 -40px;}




/* Sprite Bus Icons */
.spbi{display:inline-block;overflow:hidden;background:url(../images/view/sp_bus_icons.png) no-repeat;line-height:999px;vertical-align:top}
.spbi_d1{width:24px;height:14px;background-position:0 0}
.spbi_d2{width:24px;height:14px;background-position:-29px 0}
.spbi_d3{width:24px;height:14px;background-position:-58px 0}
.spbi_d4{width:24px;height:14px;background-position:-87px 0}
.spbi_d5{width:24px;height:14px;background-position:-116px 0}
.spbi_d6{width:24px;height:14px;background-position:-144px 0}
.spbi_d10{width:24px;height:14px;background-position:-173px 0}
.spbi_d11{width:24px;height:14px;background-position:-202px 0}
.spbi_d12{width:24px;height:14px;background-position:-231px 0}
.spbi_d13{width:24px;height:14px;background-position:-260px 0}
.spbi_d14{width:24px;height:14px;background-position:-289px 0}
.spbi_d15{width:24px;height:14px;background-position:-144px 0}
.spbi_d20{width:34px;height:14px;background-position:-318px 0}
.spbi_d21,.spbi_d22{width:24px;height:14px;background-position:-355px 0}
.spbi_d26{width:24px;height:14px;background-position:-384px 0}
.spbi_i1,.spbi_i3,.spbi_i10{width:19px;height:20px;background-position:0 -21px}
.spbi_i2{width:19px;height:20px;background-position:-24px -21px}
.spbi_i4{width:19px;height:20px;background-position:-48px -21px}
.spbi_i5{width:19px;height:20px;background-position:-216px -21px}
.spbi_i6{width:19px;height:20px;background-position:-72px -21px}
.spbi_i11{width:19px;height:20px;background-position:-96px -21px}
.spbi_i12{width:19px;height:20px;background-position:-120px -21px}
.spbi_i13,.spbi_i20{width:19px;height:20px;background-position:-144 -21px}
.spbi_i14,.spbi_i15,.spbi_i21,.spbi_i22{width:19px;height:20px;background-position:-168px -21px}
.spbi_i26{width:19px;height:20px;background-position:-192px -21px}


.section_two_depth{position:relative;margin-top:20px;border-top:1px dashed #e8e8e8}
.section_two_depth .more_arr{top:17px}
.section_two_depth > h4{height:12px;padding-top:10px;margin-bottom:15px;font-size: 14px;font-weight: 600;}
.around_bus_table{overflow:hidden;border-top:2px solid #d0d0d1;border-bottom:1px solid #d0d0d1;line-height:18px;margin-bottom: 1px;}
.around_bus_table table{width:100%;margin:-1px 0;border-collapse:collapse}
.around_bus_table caption{overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-999px}
.around_bus_table .abt_col1{width:210px}
.around_bus_table th{width:140px;padding:0;border:1px solid #f5f5f5;border-left:0;color:#333;text-align:left}
.around_bus_table th .abt_th{padding:11px 15px 11px 28px;background:url(../images/view/pin_bus.png) no-repeat 3px 50%}
.around_bus_table th .abt_th a{color:#333}
.around_bus_table td{padding:7px 15px;border:1px solid #f5f5f5;border-right:0;color:#333}
.around_bus_table td a{text-decoration:underline}
.bus_lst > li{padding:4px 0}
.bus_lst dl{overflow:hidden;zoom:1}
.bus_lst dt{float:left;margin-right:5px}
.bus_lst dd{overflow:hidden;zoom:1}
.around_subway{padding-right:70px}
.around_subway > li{display:inline-block;*display:inline;zoom:1}
.around_subway > li > a{display:inline-block;color:#000;line-height:26px}
.around_subway > li > a .spssi{margin-top:-1px;vertical-align:middle}

/* Section Picture */
.section_picture{line-height:18px}
.section_picture .update_date{position:absolute;top:30px;right:0;color:#999;font-size:11px}
.sp_thumb_slide{position:relative}
.sp_thumb_slide a.spm_thumb_prev{position:absolute;top:0;left:0}
.sp_thumb_slide a.spm_thumb_next{position:absolute;top:0;right:0}
.sp_thumb_lst_wrap{overflow:hidden;position:relative;height:78px;margin:0 37px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f2f2f2}
.sp_thumb_lst{position:absolute;top:0;left:0;padding:5px 1px;font-size:0;white-space:nowrap}
.sp_thumb_lst > li{display:inline-block;*display:inline;padding:0 2px;zoom:1}
.sp_thumb_lst > li > a{display:block;overflow:hidden;position:relative;width:88px;height:68px;background-color:#fff;white-space:nowrap;text-align:center}
.sp_thumb_lst > li > a img{display:inline-block;vertical-align:middle}
.sp_thumb_lst > li > a .vfix{display:inline-block;width:1px;height:68px;margin-left:-1px;vertical-align:middle}
.sp_thumb_lst > li > a .fix{position:absolute;top:0;left:0;width:86px;height:66px;border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}
.sp_thumb_lst > li.on > a .fix{width:82px;height:62px;border:3px solid #008ae9;opacity:1;filter:alpha(opacity=100)}
.sp_thumb_lst > li img{vertical-align:top}
.sp_picture{position:relative;padding:0;border:1px solid #e5e5e5;border-bottom:0;white-spacee:nowrap;text-align:center}
.sp_picture .spm_sp_imageprev{position:absolute;top:50%;left:44px;margin-top:-15px}
.sp_picture .spm_sp_imagenext{position:absolute;top:50%;right:44px;margin-top:-15px}
.sp_picture img{vertical-align:middle}
.sp_picture .fix{display:inline-block;width:1px;height:447px;margin-left:-1px;vertical-align:middle}
.sp_sort{overflow:hidden;width:153px;margin-left:-9px;margin-bottom:15px}
.inside_map_area{width:719px;height:598px}

/* Section Assessment */
.section_assessment{padding-bottom:24px;line-height:18px}
.sec_assess_lst{margin-top:-13px}
.sec_assess_lst > li{overflow:hidden;padding:9px 70px 6px 0;border-top:1px dashed #e8e8e8;white-space:nowrap;text-overflow:ellipsis}
.sec_assess_lst > li:first-child{border-top:0}
.sec_assess_lst .spm_star_wrap{margin:-2px 3px 0 0;vertical-align:middle}
.sec_assess_lst em{display:inline-block;width:33px;color:#f00;font-weight:bold}
.sec_assess_lst  a{color:#000}




/******************** view04 end ********************/


/******************** business00 ********************/

.business_company {
width: 620px;
margin: 0 auto;
padding-bottom: 36px;
/*float: left;
padding-top: 36px;*/
}
.sub_content01 p.about02_02.business01 {
width: 700px;
padding: 30px 0 5px 40px;
line-height: 21px;
/*float: left;*/
}
.tb_type01.biz th {
background: #FAFFE7;
text-align: left;
color: #444;
font-weight: bold;
height: 36px;
text-align: center;
}
.tb_type01.biz tr.consult {
height: 50px;
}

/******************** business01 ********************/
.tb_type01.biz01 {
border-top: 3px solid #444;
border-bottom: 1px solid #999;
margin-left: 35px;
width: 630px;
margin-bottom: 36px;
}
.sub_content01 p.about02_02.tit30 {
width:620px;
padding: 30px 0 5px 36px;
line-height: 21px;
}
.tb_type01.biz01 td {
padding-left: 20px;
line-height: 33px;
border-bottom: 1px solid #999;
}
.tb_type01.biz01 td.last {
padding-left: 20px;
line-height: 33px;
}
.tb_type01.biz01 th {
background: #FFFDDA;
text-align: left;
color: #444;
font-weight: bold;
height: 36px;
text-align: center;
border-bottom: 1px solid #999;
}
table th.biz_top {
border-top: 1px solid #FFFDDA;
/*border-bottom: 0px !important;*/
}

/******************** business02 ********************/
.sub_content01.partner table {
margin-bottom:40px;
border-bottom:1px solid #9d9d9d;
width: 630px;
margin: 0px auto 40px;}
.sub_content01.partner table tr td {border-top:2px solid #444;text-align:center}
.sub_content01.partner table tr { height:80px;}
.sub_content01.partner table tr.pd td {padding:10px 12px;background-color:#fafafa;;border-top:1px solid #dedede}
.sub_content01.partner table tr td a {display:block;color:#f16815;line-height:120%;letter-spacing:-1px}
.sub_content01.partner table tr td strong {display:block;color:#6c6c6c;letter-spacing:-1px;line-height:120%}

/******************** business end ********************/
/******************** support03 채용정보 ********************/
.recommend{
background:#fafafa url("../images/view/btn_support04.png") no-repeat 500px 55px;
padding:25px 0 25px 20px;
overflow:hidden;
position: relative;
margin: 0px 40px 30px}
.recommend.green {
background: #FAFFE7 url("../images/view/btn_support04.png") no-repeat 500px 55px;
}
.recommend.purple{
background: #F4E7FF url("../images/view/btn_support02.png") no-repeat 500px 55px;
margin-top: 30px;
}
.recommend.yellow{
background: #FFFFD8 url("../images/view/btn_support001.png") no-repeat 410px 12px;
margin-top: 0px;
background-size: 190px;
}
.recommend.yellow.bg_solution02{
background: #FFFFD8 url("../images/view/btn_support002.png") no-repeat 395px 8px;
}
.recommend.yellow.bg_solution03{
background: #FFFFD8 url("../images/view/btn_support003.png") no-repeat 340px 28px;
}
.recommend.yellow.bg_solution04{
background: #FFFFD8 url("../images/view/btn_support005.png") no-repeat 300px 48px;
}
.recommend.yellow.bg_solution05{
background: #FFFFD8 url("../images/view/btn_support004.png") no-repeat 300px 48px;
}
.recommend.yellow.bg_solution06{
background: #FFF7F0 url("../images/view/btn_support01.png") no-repeat 430px 23px;
}
.recommend.yellow.bg_solution09{
background: #FFF7F0 url("../images/view/btn_support07.png") no-repeat 465px 9px;
}
.recommend.yellow.bg_solution010{
background: #FFF7F0 url("../images/view/btn_support08.png") no-repeat 455px 25px;
}
.recommend.yellow.bg_solution011{
background: #FFF7F0 url("../images/view/btn_support09.png") no-repeat 455px 25px;
}
.recommend.yellow.bg_solution012{
background: #FFF7F0 url("../images/view/btn_support10.png") no-repeat 455px 40px;
}
.recommend.yellow.bg_solution13{
background: #FFFFD8 url("../images/view/btn_support006.png") no-repeat 320px 50px;
}

.recommend.yellow.bg_solution14{
background: #FFFFD8 url("../images/view/btn_support007_170.png") no-repeat 340px 20px;
}
.recommend.yellow.bg_solution15{
background: #FFFFD8 url("../images/view/btn_support008.png") no-repeat 300px 20px;
}
.recommend.yellow.bg_solution16{
background: #FFFFD8 url("../images/view/btn_support009.png") no-repeat 300px 16px;
}
.recommend.yellow.bg_solution17{
background: #FFFFD8 url("../images/view/btn_support010.png") no-repeat 320px 120px;
}
.recommend.red.{
background: #FFF7F0
}
.recommend.red.bg_solution07 {
background: #FFF7F0 url("../images/view/btn_support05.png") no-repeat 430px 23px;
}
.recommend.red.bg_solution014 {
background: #FFFFD8 url("../images/view/btn_support11.png") no-repeat 430px 23px;
margin-top: 36px;
}
.recommend.red.bg_solution015 {
background: #FFFFD8 url("../images/view/btn_support11.png") no-repeat 430px 463px;
margin-top: 36px;
}
.recommend.red.bg_solution08 {
background: #FFF7F0 url("../images/view/btn_support06.png") no-repeat 430px 23px;
}
.recommend.bg02{
background:#fafafa url("../images/view/btn_support02.png") no-repeat 550px 60px;}
.recommend.bg03{
background:#fafafa url("../images/view/btn_support04.png") no-repeat 550px 30px;}
.recommend.bg04{
background:#fafafa url("../images/view/btn_support03.png") no-repeat 550px 55px;}
.recommend.bg05{
background:#fafafa url("../images/view/btn_support05.png") no-repeat 550px 40px;
margin-bottom: 0px;}
span.btn_mailto {
color:#d31145;
font-weight:600;
}
.recommend dl dt{padding:0 0 10px 0;}
.recommend dl dd ul li{
background:url("../images/view/13_dot_03.png") no-repeat 7px 8px; padding:0 0 5px 25px;}
.recommend.red dl dd ul li{
background:url("../images/view/13_dot_02.png") no-repeat 7px 8px; padding:0 0 5px 25px;}
.recommend.btn_var2 dl dd ul li{background:url("../images/view/13_dot_02.png") no-repeat 3px 3px; padding:0 0 5px 25px;}

.recommend dl dd ul li em.indent{display:block;text-indent:55px;}
.recommend strong.font_red
{color: #01268e;
font-size: 14px;
font-weight: 600;
line-height: 22px;}
.recommend p{position: absolute;right:10px;top:191px;}

/******************** support 게시판관련 ********************/


/******************** support04 약관정보 시작 ********************/
/******************** support04 약관정보 끝 ********************/

#right_side .right_info table.price tr th,
#right_side .right_info table.price tr td {
	height: 26px;
}
#right_side .right_info table.price .ori_price {
	color: #888888;
}
#right_side .right_info table.price .ori_price span {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0;
	text-decoration: line-through;
}
#right_side .right_info table.price .price {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
#right_side .right_info table.price .price span {
	font-size: 24px;
	color: #ff791a;
}
#right_side .right_info table.price .point,
#right_side .right_info table.price .delivery {
	color: #333333;
	font-size: 12px;
}
#right_side .right_info table.price .point span,
#right_side .right_info table.price .delivery span {
	font-size: 15px;
	font-weight: bold;
}
#right_side .right_info table.price .cnt {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
}
#right_side .right_info table.price .cnt input[type=text] {
	width: 20px;
	text-align: right;
}
#right_side .right_info ul li {
	display:inline-block;
	float:left;
	width:100%;
	border-bottom:2px solid #d9d9d9;
	margin:0;
	padding:0;
}
#right_side .right_info ul li img {
	float:left;
}
#right_side .right_info ul li.btn2_1,
#right_side .right_info ul li.btn2_2 {
	width:107px;
	margin-top:3px;
}
#right_side .right_info ul li.btn2_2 {
	float:right;
}


#right_side .right_info .info_box {
	float:left;
	width:100%;
	margin-top:28px;
}
#right_side .right_info .info_box img.txt_tit {
	float:left;
}
#right_side .right_info .info_box img.btn_more {
	float:right;
}
#right_side .right_info .info_box div.img {
	float:left;
	width:100%;
	position:relative;
	margin-top:10px;
}
#right_side .right_info .info_box div.img img.play {
	position:absolute;
	left:76px;
	top:40px;
}
#right_side .right_info .info_box p {
	margin-top:10px;
}
#right_side .right_info .info_box .mid {
	color:#464646;
}
#right_side .right_info .info_box .fdate {
	color:#9d9d9d;
}
#right_side .right_info1 h3 {
	float:left;
	width:100%;
	margin-top:20px;
}
#right_side .right_info1 ul.pd_info {
	float:left;
	width:100%;
	display:block;
	border-bottom:1px solid #dfe3e6;
}
#right_side .right_info1 ul.pd_info li {
	float:left;
	display:block;
	padding:17px 0;
}
#right_side .right_info1 ul.pd_info li.pd_img {
	width:73px;
	text-align: center;
}
#right_side .right_info1 ul.pd_info li.pd_info {
	width:144px;
}
#right_side .right_info1 ul.pd_info li.pd_info p {
	float:left;
	width:100%;
	color:#bcbcbc;
	line-height:15px;
	margin-bottom:6px;
}
#right_side .right_info1 ul.pd_info li.pd_info p.tit{
	color:#777;
	font-family: "돋움";
	letter-spacing:-1px;
}
#right_side .right_info1 ul.pd_info li.pd_info p.price{
	color:#ff791a;
	font-family: "돋움";
	font-size:15px;
	font-weight:bold;
}

/*portfolio*/
#container .refer_img {
width: 628px;
margin-left: 36px;}

.image-row {
  *zoom: 1;
  margin-bottom: 20px;
}
.image-set{
margin-left: 36px;
}
.example-image-link {
  display: inline-block;
  margin: 0 10px 20px 10px;
  line-height: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 4px solid #5e5e5e;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.example-image-link {
  display: inline-block;
  margin: 0 10px 20px 10px;
  line-height: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 4px solid #9c9c9c;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
.example-image-link:hover {
  border: 4px solid #01268e;
}

/* line 194, ../sass/screen.sass */
.example-image {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}


#lastWork, .work, .getTouch {margin: 40px 0 0 0;}
.screenshot {width: 420px; height: 250px; background-image:url('../images/portfolio/screen.png');background-repeat:no-repeat; margin-top: 30px;}
.screenshot img {margin: 25px 0 0 31px;padding: 0; border: 1px green solid;}
.separator {width: 960px; margin: 40px auto 0 auto;height: 2px; border-top: 1px #b8b8b8 dashed;}
#social img {margin: 20px 5px 0 0;}

/*portfolio 끝*/



/*공지사항 추가*/
/* container */
.txt_center {
text-align: center !important;}
input, select, textarea{font-size:12px;font-family: "Malgun Gothic";color:#333;}

#container .inner .title{
font-size: 16px;
font-weight: 600;
padding: 20px 0 20px 25px;}
#container .inner .navi{float:right;font-size:11px;color:#666;margin-top:6px}
#container .inner .navi em{color:#333;font-weight:bold;}
#container .inner .content{position:relative;clear:both;padding:0px 27px 20px 27px;}
#container .inner .content .line{border-top:#eee solid 1px;}
#container .inner .content select{height:21px;border:#e6e6e6 solid 1px;}
#container .inner .content input{border:none;}
#container .inner .content input.input{border:#e6e6e6 solid 1px;height:19px;padding:0;}
#container .inner .content input.input_login{border:#e6e6e6 solid 1px;height:30px;padding:0;}
#container .inner .content textarea{border:#e6e6e6 solid 1px;line-height:18px;padding:7px;font-family:dotum, '돋움', sans-serif;color:#666;}
/* 테이블 - 공지사항등 일반적인 게시판 */
#container .inner .content .tbl_normal,.tbl_normal th,.tbl_normal td{border:0;}
#container .inner .content .tbl_normal{width:100%;text-align:left;border:none;background:#fff;border-left:#eee solid 1px;border-right:#eee solid 1px;}
#container .inner .content .tbl_normal caption{display:none} 
#container .inner .content .tbl_normal th{height:24px;padding:5px 5px;font-weight:bold;border-top:#333 solid 2px;border-bottom:#eee solid 1px;}
#container .inner .content .tbl_normal td{height:24px;padding:5px 5px;font-family:'돋움',dotum;color:#666;border-bottom:#eee solid 1px;}
/* 테이블 - 글쓰기, 보기 게시판 */
#container .inner .content .tbl_write,.tbl_write th,.tbl_write td{border:0;}
#container .inner .content .tbl_write{width:100%;text-align:left;border:none;background:#fff;border-left:#eee solid 1px;border-right:#eee solid 1px;}
#container .inner .content .tbl_write caption{display:none} 
#container .inner .content .tbl_write th{
height:24px;padding:5px 20px;font-weight:bold;border-top:#333 solid 1px;border-bottom:#eee solid 1px;text-align: left;}
#container .inner .content .tbl_write td{height:24px;padding:5px 20px;font-family:'돋움',dotum;color:#666;border-bottom:#eee solid 1px;}
#container .inner .content .tbl_write td.center{
text-align: center;}


/* 테이블 - 검색결과 리스트 */
#container .inner .content .tbl_search,.tbl_search th,.tbl_search td{border:0;}
#container .inner .content .tbl_search{width:100%;text-align:left;border:none;background:#fff;border-left:#eee solid 1px;border-right:#eee solid 1px;}
#container .inner .content .tbl_search caption{display:none} 
#container .inner .content .tbl_search th{height:24px;padding:5px 5px;font-weight:bold;border-top:#333 solid 1px;border-bottom:#eee solid 1px;}
#container .inner .content .tbl_search td{height:24px;padding:10px 5px 5px;font-family:'돋움',dotum;color:#666;border-top:#333 solid 1px;border-bottom:#eee solid 1px;}
/* 검색 - 게시판아래 */
#container .inner .content .search{float:left;padding:20px 0;}
#container .inner .content .search fieldset.srchArea{position:relative;}
#container .inner .content .search .srchArea label{display:none;}
#container .inner .content .search .srchArea select{height:21px;border:#eee solid 1px;}
#container .inner .content .search .srchArea input{border:none; }
#container .inner .content .search .srchArea input.input{width:200px;border:#eee solid 1px;height:19px;padding:0;}
#container .inner .content .search .srchArea .srchBtn{position:absolute;top:5px;right:8px; padding:0; width:12px; height:12px;}
/* Paginate */
#container .inner .content .paginate{padding:20px 0;line-height:normal;text-align:right}
#container .inner .content .paginate a,
#container .inner .content .paginate strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:0 8px;font:12px/16px Tahoma, Sans-serif;color:#999;text-decoration:none;vertical-align:top}
#container .inner .content .paginate a:hover,
#container .inner .content .paginate a:active,
#container .inner .content .paginate a:focus{color:#666;background:#fff}
#container .inner .content .paginate strong{color:#01268e;font-weight:bold;}
#container .inner .content .paginate .direction{border:0;font-weight:normal;color:#999;text-decoration:none !important;z-index:1}
#container .inner .content .paginate .direction:hover,
#container .inner .content .paginate .direction:active,
#container .inner .content .paginate .direction:focus{color:#3e6cba;}
#container .inner .content .paginate .prev{padding:0 3px;top:-2px}
#container .inner .content .paginate .next{padding:0 3px;top:-2px}
#container .inner .content .paginate .direction span{display:inline-block;position:relative;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
/* 버튼 */
.btnArea{padding:20px 0 0;text-align:center}
.btnArea_top{padding:0 0 3px;text-align:right}
.btn,
.btn *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(../images/view/btn.gif) no-repeat;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap;font-weight:bold;}
.btn{margin-right:4px}
.btn *{left:4px;cursor:pointer;_cursor:hand}
.btn.small,
.btn.small *{height:21px;line-height:20px}
.btn.medium,
.btn.medium *{height:38px;line-height:35px}
.btn.smallC,
.btn.smallC *{height:21px;line-height:20px}
.btn.small{background-position:left 0px}
.btn.medium{background-position:left -28px}
.btn.smallC{background-position:left -73px}
.btn.small *{padding:0 12px 0 8px;background-position:right top;font-size:11px}
.btn.medium *{padding:0 34px 0 30px;background-position:right -28px;font-size:12px;}
.btn.smallC *{padding:0 12px 0 8px;background-position:right -73px;font-size:11px;color:#fff}
.btn *:hover,
.btn *:active,
.btn *:focus{font-weight:bold}



/* 문의 메일 보내기 */

textarea	{font-family:Malgun Gothic;}
input		{font-family:Malgun Gothic;}
.popoupWrap *				{font-family:Malgun Gothic; }
.popoupWrap img			{border:0; }
.popoupWrap .popupBg_t	{width:703px; padding-top:1px; }
.popoupWrap .popupBg_bt	{width:661px; padding: 0 0 38px 42px; }
.popoupWrap .popCont_new{padding:20px 0 0; }
.popoupWrap span.input				{display:inline-block; width:auto; border:0; height:35px; padding-left:8px; background:url(../images/view/input_bg_l.jpg) no-repeat 0 0; }
.popoupWrap span.input input		{height:34px; color:#888; line-height:34px; border:1px solid #111; background:url(../images/view/input_bg_r.jpg) no-repeat 100% 0; border:0;  font-family:Malgun Gothic; }
.popoupWrap span.textarea			{display:inline-block; width:479px; background:url(../images/view/textarea_bg.jpg) repeat-y 0 0; }
.popoupWrap span.textarea2			{display:inline-block; width:479px; padding:5px 0 0 ; background:url(../images/view/textarea_bg_t.jpg) no-repeat  0 0; }
.popoupWrap span.textarea3			{display:inline-block; width:479px; padding: 0 0 5px; background:url(../images/view/textarea_bg_b.jpg) no-repeat 0 100%; }
.popoupWrap textarea				{width:467px; height:200px; padding:9px 0 0 7px; color:#888; background:url(../images/view/textarea_bg.jpg) repeat-y 0; border:0; font-family:Malgun Gothic;   }

.popoupWrap .table_st_1				{}
.popoupWrap .table_st_1 th			{border-top: 0px;text-align:right; padding:9px 10px 0 0; color:#333; font-size:15px; vertical-align:top; }
.popoupWrap .table_st_1 th.no		{padding-top:0; }
.popoupWrap .table_st_1 td			{ padding:3px 0 3px 0; height:33px; font-size:11px; color:#888; }
.popoupWrap .btBtns