#main_bg{width:100%; height:6px; margin:0px;background: rgb(224, 56, 73);}

div.VisualImg01 {
	background: url("../img/sshm01.png") no-repeat left top / cover; width: 100%; height: 100%;
}
div.VisualImg02 {
	background: url("../img/sshm02.png") no-repeat left top / cover; width: 100%; height: 100%;
}
div.VisualImg03 {
	background: url("../img/sshm03.png") no-repeat left top / cover; width: 100%; height: 100%;
}
div.VisualImg04 {
	background: url("../img/sshm04.png") no-repeat left top / cover; width: 100%; height: 100%;
}

div.VisualImg01 div.black {
	background: rgb(2, 23, 35); width: 100%; height: 100%;
}
div.VisualImg02 div.black {
	background: rgb(12, 22, 35); width: 100%; height: 100%;
}
div.VisualImg03 div.black {
	background: rgb(27, 30, 16); width: 100%; height: 100%;
}
div.VisualImg04 div.black {
	background: rgb(14, 27, 34); width: 100%; height: 100%;
}


div.Stopimg {
	background: rgb(255, 255, 255); width: 100%; height: 300px; border-top-color: rgb(36, 132, 198); border-top-width: 2px; border-top-style: solid;
}
div.Stopimg div.SubText {
	margin: 0px auto; width: 1100px; height: 300px; position: relative;
}
div.Stopimg div.SubText .Upgul {
	left: 20px; top: 139px; position: relative;
}

div.subtop {
	background: url("/img/subimg.png");
}

.topimg {
 width:auto;
margin-top:160px;
color: rgb(255, 255, 255);
font-size:1.8em;
font-weight:bold; 
letter-spacing:-2px;
  opacity: 1;
  filter: alpha(opacity=0);
  padding: 4px 4px 4px;
  background: url("/img/alpha.png");

}
.pcolor a{color: rgb(255, 255, 255);}
.dyna {background: rgb(255, 255, 255);}


.iw_inner{  font-size: 16px;padding:5px;letter-spacing:-1px;}
.iw_inner dl{  font-size: 12px;padding:0px;margin-bottom:0px;letter-spacing:0px;}
.admin_font {
  color: #000000;
  font-family: "HelveticaNeueLTStd75Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-style: solid;
  border-color: #ffffff;
  padding: 15px 15px 15px 15px;


}
.clearfix:after {content:"";display:block;clear:both}
.tx1{background: rgb(255, 255, 255); }
.tx2{color: rgb(255, 255, 255);background: rgb(12, 22, 35);width: 37%; height:216px;float:left;background: url("../img/notice_bg.png") ;}
.tx3{color: rgb(255, 255, 255);width: 63%; height:432px;float:right;background: rgb(231, 231, 231);}
.tx4{color: rgb(255, 255, 255);background: rgb(12, 22, 35);width: 37%; height:216px;float:left;background: url("../img/custom_bg.png");}
.tx5{text-align: center;}
.tx6{color:#ff0000}
.tx7{width: 63%; height:432px;float:right;background: rgb(231, 231, 231); margin:0px; padding:0px}
.tx8{color:#858582;}
.tx9{color: rgb(255, 255, 255);}
.tz1{color:#0606fd; }
.tz2{color:#FFFFFF; margin-left:50px; margin-top:80px }
.txbg {background: rgb(255, 255, 255);}
.txbg1 {background: rgb(231, 231, 231);}
.Main_info {font-size:14px;line-height:10px;margin-bottom:30px;font-weight:100;float: right;color:#3e3b3b}
.fxs {font-size:1px} 
.yllfo {color: rgb(206, 166, 7);}
.xz {color: rgb(255, 255, 255);}
.not_info {padding:1.2px;}
.not_info a{color: rgb(255, 255, 255);}
.used_z1 {font-size:1.5em;line-height:20px;padding-bottom:20px;font-weight:60;}
.used_z2 {padding:15px;}
.interval3 {height:100px;}
.interval4 {height:20px;}
.fotobt_2 {width:100%;top:-50px;text-align:right;position:relative;}

/*°ßÀû¹®ÀÇ °ü·ÃCSS*/
.fxa {color: rgb(206, 166, 7); margin-top:30px}
.fxb { margin-top:0px}
.fxx {padding:6px;border-top:1px solid #a1a1a1;margin-right:200px;margin-top:4px}
.ffbg {background:#e1e1de; padding:40px; border-radius:10px;}
.fqa {width:100%}
.fqb {margin-left:20px}
.fqc {margin-left:85px}
.fqd {margin-top:20px}
.afx1 {width:40%}
.afx2 {width:20%}
.afx3 {width:40%}

/*°Ô½ÃÆÇ-CSS*/
#News .news_area{ position:absolute; right:0; top:0; width:395px; height:315px; background:#ebebeb url(../img/nt-bg.gif) no-repeat 100% 10px;}
#News .news_area .bod{ padding:47px 16px 0 30px;}
#News .news_area p{ margin-bottom:36px; padding-left:20px; font-size:0; line-height:1;}
#News .news_area ul li{ padding:0 7px; border-bottom:1px solid #bababa; line-height:23px;}
#News .news_area ul li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-family:'±¼¸²'; color:#88898a; text-decoration:none;}
#News .news_area ul li a em{ margin-right:7px;}
#News .news_area ul li a:hover{ color:#3c3b3b;}
#News .news_area ul li.last{ border-bottom:none;}
#News .news_area a:hover img{ margin-top:-31px;}
/*  list */
.list_main {display:table;	width:100%;margin-top:0px}
.list_s1 {width:10%; text-align:left; height:25px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold;text-align:center; background:#f7f7f7;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.list_s2 {width:45%; text-align:left; height:25px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold;text-align:center; background:#f7f7f7;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.list_s3 {width:15%; text-align:left; height:25px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold;text-align:center; background:#f7f7f7;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.list_s4 {width:15%; text-align:center; height:25px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold;text-align:center; background:#f7f7f7;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.list_s5 {width:15%; text-align:center; height:25px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold;text-align:center; background:#f7f7f7;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.faq_main {display:table;	width:100%;margin-top:0px}
.allnum {float:left; padding-top:10px; font-size:11px; margin-top:40px;}
.board_search2 {float:right; height:35px; margin-top:40px;}
.board_search {text-align:center; margin-top:20px; padding:10px 0 10px 0; border:1px solid #dfdfdf; background:#fcfcfc;}
.board_search_btn {margin-bottom:5px;.margin-bottom:0;.margin-top:0px;}

.board_list {clear:both; width:100%;  text-align:center;}
.board_list th {height:26px; padding-top:3px; color:#777; font-family:µ¸¿ò;letter-spacing:-1px; background:#f9f9f9;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.board_list td {border-bottom:1px solid #e4e4e4; padding:10px 0 8px 0; }
.board_title ab{text-align:left; height:25px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold;text-align:center; background:#f7f7f7;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.board_title ac{text-align:left;}
.board_title ad{text-align:left;}
.board_title af{text-align:left;}
.board_title ag{text-align:left;}

.board_opt {color:#000; font-weight:bold; font-size:12px;}

.board_button{clear:both;text-align:center; height:35px; margin-top:15px;}
.board_page {clear:both;text-align:center; height:30px; margin-top:30px; font-size:11px; font-weight:bold; letter-spacing:5px; font-family:Tahoma;}

a.notice:link {font-weight:bold; text-decoration:none; color:#555;}
a.notice:visited {font-weight:bold; text-decoration:none; color:#555;}
a.notice:active {font-weight:bold; text-decoration:none; color:#555;}
a.notice:hover {font-weight:bold; text-decoration:underline; color:#633c8f;}


/*  view */
.board_view {height:25px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold;text-align:center; background:#f7f7f7;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.board_view1 {height:25px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold;text-align:center; background:#f7f7f7;   border-bottom:1px solid #e4e4e4;}
.board_view2 {height:25px; padding-top:12px; color:#555; letter-spacing:-1px;  background:#f7f7f7;   border-bottom:1px solid #e4e4e4;}
.board_view3 {height:50px; padding-top:12px; color:#555; letter-spacing:-1px; font-weight:bold; background:#f7f7f7;  border-top:1px solid #a1a1a1;  border-bottom:1px solid #e4e4e4;}
.board_view_info {width:100%; }
.board_view_info th {padding:5px; color:#999; text-align:left; border-bottom:1px solid #e4e4e4;}
.board_view_info td {color:#999;  text-align:left; border-bottom:1px solid #e4e4e4; }
.board_content {padding:30px 10px 30px 10px; line-height:19px; border-bottom:1px solid #d8d8d8;}

.board_info {padding:5px 10px 5px 10px;}
.board_info li {float:left;margin-right:60px; color:#888;  letter-spacing:0px;}


.nextprev_list {width:100%;margin-bottom:10px; margin-top:50px;border-top:2px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.nextprev_list th {width:75px;text-align:center;padding-top:2px; font-weight:bold; color:#777; letter-spacing:-1px;}
.nextprev_title {vertical-align:middle;}
.nextprev_btn {vertical-align:bottom;}


/*  write */
.board_write {width:100%;border-top:1px solid #a1a1a1; border-bottom:1px solid #e4e4e4;}
.board_write .sel {padding:5px 0 0 7px; border-bottom:1px solid #d8d8d8; height:25px;}
.board_write th {border-bottom:1px solid #e4e4e4; letter-spacing:-1px; width:70px; text-align:left; padding-left:20px; padding-top:7px; padding-bottom:7px;  color:#727272;}
.board_write td {border-bottom:1px solid #e4e4e4; text-align:left; padding:7px 7px 7px 10px;  letter-spacing:-1px; color:#969696;}
.board_f_select {background:#F0F0F0; width:400px; border:1px solid #dfdfdf;}

.write_textarea {width:98%; height:300px; border:1px solid #d8d8d8; margin:5px 0; padding:5px; color:#888; font-size:14px; font-family:µ¸¿ò; line-height:1.2em;}
.write_textarea2 {width:98%; border:1px solid #d8d8d8; margin:10px 0; padding:5px; color:#888; font-size:12px; font-family:µ¸¿ò; line-height:1.2em;}
.write_textarea3 {width:98%; height:150px; border:1px solid #d8d8d8; margin:5px 0; padding:5px; color:#888; font-size:14px; font-family:µ¸¿ò; line-height:1.2em;}
.write_textarea4 {width:30%; height:20px; border:1px solid #d8d8d8;  color:#888; font-size:10px; font-family:µ¸¿ò; margin-top:30px;}

#gallery {width:720px;}
#gallery .list {clear:both; width:720px;}
#gallery .list li {float:left; width:187px; height:230px; margin-right:77px;  text-align:center;}
#gallery .list .last {margin-right:0px;}
#gallery .list li img {border:1px solid #dfdfdf; margin-bottom:7px;}  

#gfoto{
display:flex;
width:100%;
height:20px;
margin:0 auto;
border:0px solid #FFF;

}

#gfoto div{
width:100%;
}

#gfoto div:first-child{
order:1;
width:20%;
}

#gfoto div:nth-child(2){
order:2;
width:60%;
text-align:center; 
}

#gfoto div:nth-child(3){
order:3;
text-align:right; 
width:20%;
}
.imgright {margin-right:20px} 

.box_h1 {
	height:150px;
}
.box_h2 {
	height:70px;
}
.box_h3 {
	height:40px;
}
.dmb {margin-left:3px;}
.box1 {
	margin: 0px auto; width: 90%; min-width: 1112px; max-width: 1200px;
}
.box4 {
	margin: 0px auto; width: 100%; min-width: 1200px; max-width: 100%;
}
.box7 {
	margin: 0px auto; width: 100%; min-width: 1112px; max-width: 1200px;
}
.box8 {
	margin: 0px auto; width: 100%; min-width: 1112px; max-width: 1200px;
}

.bg_white {
	background: rgb(255, 255, 255); left: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: inherit;
}
.bg_black {
	background: rgb(0, 0, 0); left: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: inherit; opacity: 0.2;
}
.allmenu_btn .js-toggle-nav {
	display: none;
}
#header {
	left: 0px; top: 0px; width: 100%; position: fixed; z-index: 100;
}
.header_re#header {
	position: absolute;
}
.header_re#header .box1 {
	padding: 0px 5% 0px 0px; width: 95%; min-width: 95%; max-width: 95%;
}
#header .bg {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: inherit;
}
#header .top_area {
	position: relative; z-index: 1000;
}
#header .top_area .left {
	float: left;
}
#header .top_area .right {
	text-align: right; float: right;
}
#header .top_area .icon {
	line-height: 0; font-size: 0px;
}
#header .top_area .icon li {
	padding: 0px 5px; width: 30px; height: 30px; margin-right: 1px; vertical-align: top; display: inline-block; position: relative; z-index: inherit; -ms-zoom: 1;
}
#header .top_area .icon li a {
	position: relative; z-index: inherit;
}
#header .top_area .icon li:hover .bg_black {
	background: rgb(237, 28, 36); opacity: 1;
}
#header .top_area .icon li.on .bg_black {
	background: rgb(237, 28, 36); opacity: 1;
}
#header .top_area .hm {
	float: left;
}
#header .top_area .hm li {
	display: inline-block; -ms-zoom: 1;
}
#header .top_area .hm li > a {
	padding: 0px 0px 0px 15px; color: rgb(102, 102, 102); line-height: 30px; font-family: "Arial",sans-serif; font-size: 0.7em; text-decoration: none; display: block;
}
#header .top_area .hm li a:hover {
	color: rgb(237, 28, 36);
}
#header .top_area .hm .red {
	color: rgb(195, 36, 42);
}
#header .top_area .hm .green {
	color: rgb(80, 153, 0);
}
#header .top_area .hm .blue {
	color: rgb(43, 153, 200);
}
#header .top_area .hm .nation_kor {
	position: relative;
}
#header .top_area .hm .nation_kor a {
	color: rgb(195, 36, 42);
}
#header .top_area .hm .nation {
	top: 30px; text-align: center; right: -14px; line-height: 20px; display: none; border-collapse: collapse; position: absolute;
}
#header .top_area .hm .nation li {
	width: 76px; text-align: center; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
#header .top_area .hm .nation li:first-child {
	border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none;
}
#header .top_area .hm .nation li a {
	padding: 0px 10px 0px 33px; color: rgb(255, 255, 255); line-height: 35px;
}
#header .top_area .hm .nation_kor:hover .nation {
	display: block;
}
#header .top_area .hm .nation_kor:hover > a {
	color: rgb(229, 54, 61);
}
#header .top_area .hm .nation .kor {
	background: url("../images/inc/lang_kor.png") no-repeat 10px 7px rgb(195, 36, 42);
}
#header .top_area .hm .nation .kor:hover {
	background: url("../images/inc/lang_kor.png") no-repeat 10px 7px rgb(255, 132, 0);
}
#header .top_area .hm .nation .usa {
	background: url("../images/inc/lang_usa.png") no-repeat 10px 7px rgb(195, 36, 42);
}
#header .top_area .hm .nation .usa:hover {
	background: url("../images/inc/lang_usa.png") no-repeat 10px 7px rgb(255, 132, 0);
}
#header .top_area .hm .nation .viet {
	background: url("../images/inc/lang_viet.png") no-repeat 10px 7px rgb(195, 36, 42);
}
#header .top_area .hm .nation .viet:hover {
	background: url("../images/inc/lang_viet.png") no-repeat 10px 7px rgb(255, 132, 0);
}
#header .top_area .hm .nation .chi {
	background: url("../images/inc/lang_chi.png") no-repeat 10px 7px rgb(195, 36, 42);
}
#header .top_area .hm .nation .chi:hover {
	background: url("../images/inc/lang_chi.png") no-repeat 10px 7px rgb(255, 132, 0);
}
#header .top_area .lang {
	float: left;
}
#header .top_area .lang li {
	padding: 0px 10px; position: relative; z-index: inherit;
}
#header .top_area .lang li a {
	height: 30px; display: block; position: relative; z-index: inherit;
}
#header .top_area .lang li a img {
	width: 23px; margin-right: 10px; vertical-align: middle;
}
#header .top_area .lang li a span {
	color: rgb(237, 28, 36); line-height: 30px; font-size: 0.62em; font-weight: 600; vertical-align: middle;
}
#header .top_area .lang li:hover .bg_black {
	opacity: 0.8;
}
#header .top_area .lang li:hover a span {
	color: rgb(255, 255, 255);
}
#header .top_area .lang .phone {
	display: none;
}
#header .menu_area {
	position: relative; z-index: inherit;
}
#header .menu_area .line {
	border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(119, 119, 119); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
#header .menu_area .logo {
	left: 0px; top: 35px; width: 250px; position: absolute; z-index: inherit;font-size:1.6em;
}
#header .menu_area .header_gnb {
	width: 82%; text-align: right; float: right;
}
#header .menu_area .header_gnb .logo {
	display: none;
}
#header .menu_area .header_gnb .gnb {
	margin: 15px -30px 0px 0px;  
}
#header .menu_area .header_gnb .gnb > li {
	margin: 0px 1.5%; display: inline-block; position: relative; z-index: inherit; -ms-zoom: 1;
}
.en #header .menu_area .header_gnb .gnb > li {
	margin: 0px 1%;
}
#header .menu_area .header_gnb .gnb > li .dp1 {
	padding: 29px 10px 41px 12px; line-height: 100%; font-family: Arial, sans-serif; font-size: 1.25em; display: block;
}
#header .menu_area .header_gnb .gnb > li .on.dp1 {
	background: url("../images/inc/on_img.png") no-repeat 0px 19px; color: rgb(213, 28, 23);
}
#header .menu_area .header_gnb .gnb > li .dp2 {
	left: 50%; top: 89px; width: 200px; padding-top: 1px; margin-left: -100px; display: none; position: absolute; z-index: inherit;
}
#header .menu_area .header_gnb .gnb > li .dp2_right {
	margin-left: -148px;
}
#header .menu_area .header_gnb .gnb > li .dp2 > li {
	margin-top: -1px;
}
#header .menu_area .header_gnb .gnb > li .dp2 > li:first-child {
	margin-top: 0px;
}
#header .menu_area .header_gnb .gnb > li .dp2 > li > a {
	background: rgb(58, 53, 53); padding: 8px 5%; text-align: center; color: rgb(255, 255, 255); font-size: 0.87em; font-weight: 600; display: block; opacity: 0.9;
}
#header .menu_area .header_gnb .gnb > li .dp2 > li:hover > a {
	background: rgb(7, 5, 48); color: rgb(255, 255, 255); opacity: 1;
}
#header .menu_area .header_gnb .gnb .m_guide {
	display: none;
}
#header .menu_area .header_gnb .gnb .m_member {
	display: none;
}
#header .allmenu {
	background: rgb(255, 255, 255); border: 1px solid rgb(213, 28, 23); border-image: none; left: -1px; top: 30px; width: 100%; height: auto; display: none; position: absolute; z-index: 1000; opacity: 0.9;
}
#header .allmenu .gnb {
	padding: 20px; overflow: hidden;
}
#header .allmenu .gnb > li {
	margin: 0px 0px 0px 2.5%; width: 18%; float: left;
}
#header .allmenu .gnb > li:first-child {
	margin-left: 0px;
}
#header .allmenu .gnb > li.m_guide {
	display: none;
}
#header .allmenu .gnb > li.m_member {
	display: none;
}
#header .allmenu .gnb > li .dp1 {
	background: rgb(213, 28, 23); padding: 100px 0px 20px; border-radius: 5px; text-align: center; color: rgb(255, 255, 255); font-weight: 600; display: block; position: relative; z-index: inherit;
}
#header .allmenu .gnb > li .dp1 .icon {
	background-position: top; left: 0px; top: 0px; width: 100%; height: 80px; display: block; position: absolute; z-index: inherit; background-repeat: no-repeat;
}

#header .allmenu .gnb > li .dp2 {
	padding: 10px 0px 0px;
}
#header .allmenu .gnb > li .dp2 > li > a {
	padding: 10px 20px; color: rgb(102, 102, 102); font-size: 0.87em; font-weight: 600; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: dotted; display: block;
}
#header .allmenu .gnb > li .dp2 > li > a:hover {
	background: rgb(255, 132, 0); border-radius: 5px; color: rgb(255, 255, 255);
}
#header .allmenu .allmenu_btn_close {
	background: rgb(213, 28, 23); margin: 0px auto; padding: 10px 0px; border-radius: 5px 5px 0px 0px; width: 12%; text-align: center; color: rgb(255, 255, 255); font-weight: 600; display: block;
}
#contents {
	
}

.strong {
	color: rgb(27, 27, 27);
}
.soon {
	margin: 0px auto; width: 700px;
}
.main_con .menu_con li {
	height: 724px; overflow: hidden; position: relative; z-index: inherit;
}
.main_con .menu_con li > img {
	left: 50%; margin-left: -1000px; position: relative; z-index: inherit; max-width: 2000px;
}
.main_con .menu_con li .business {
	left: 0px; top: 0px; width: 100%;height: 100%; position: absolute; z-index: inherit;
}
.main_con .menu_con li .bx1 {
	top: 29%;
}
.main_con .menu_con li .bx1 .tit_1 {
	padding: 0px 0px 0px 1%; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; display: inline-block; position: relative; -ms-zoom: 1; text-shadow: 1px 1px 2px #666;
}
.main_con .menu_con li .bx1 .mt_1 {
	padding: 0px; width: 600px; text-align: left; color: rgb(39, 149, 244); line-height: 33px; font-size: 1.5em; margin-left: 100px;margin-top: 0px;
}
.main_con .menu_con li .bx1 .mt_2 {
	padding: 0px; width: 600px; text-align: left; color: rgb(255, 255, 255); line-height: 33px; font-size: 3.0em; margin-left: 100px;margin-top: 20px;text-shadow: 1px 3px 2px #666;font-weight: bold;
}
.main_con .menu_con li .bx1 .mt_3 {
	padding: 10px; width: 700px; text-align: left; color: rgb(224, 56, 73); line-height: 33px; font-size: 1.8em; margin-left: 100px;margin-top: 30px;background:rgba(0,0,0,0.35); 
}
.btb {background:rgb(0, 0, 0); opacity: 0.5;}
.main_con .menu_con li .bx1 .tt_1 {
	padding: 0px; width: 600px; text-align: left; color: rgb(255, 255, 255); line-height: 33px; font-size: 1.3em; margin-left: -27px;
}
.main_con .menu_con li .bx1 .tt {
	padding: 33px 0px 0px; width: 600px; text-align: center; color: rgb(0, 0, 0); line-height: 33px; font-size: 1.25em;
}
.main_con .menu_con li .bx1 .tt .point {
	color: rgb(116, 255, 136);
}
.main_con .menu_con dl .bx2 {
	margin-top:80px; height:470px;
}
.main_con .menu_con li .bx2 .tit_2 {
	padding: 0px 0px 0px 1%; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; display: inline-block; position: relative; -ms-zoom: 1; text-shadow: 1px 1px 2px #666;
}
.main_con .menu_con li .bx2 .tt_2 {
	padding: 80px 0px 0px 12px; width: 640px; color: rgb(0, 0, 0); line-height: 32px; font-size: 1.1em; margin-left: 0px; 
}
.main_con .menu_con dl .bx2 .ua_1 {
	padding: 0px 0px 0px 12px; width: 100%; margin-top:0px;
}
.main_con .menu_con dl .bx4 .ua_1 {
	padding: 50px 0px 0px 0px; width: 100%; margin-top:0px;
}
.main_con .menu_con dl .bx4 .ua_2 {
	background: rgb(224, 56, 73); margin: 10px auto; width: 200px; height: 3px;
}
.main_con .menu_con dl .bx4 .ua_3 {
	padding: 0px 0px 20px 0px; width: 100%; color: rgb(0, 0, 0); line-height: 20px; font-size: 2.2em; margin-left: 0px; text-align: center;
}

.main_con .menu_con li .bx2 .link_2 {
	background: rgb(73, 121, 0); padding: 3px 20px; border-radius: 4px; color: rgb(255, 255, 255); line-height: 27px; font-size: 0.87em; font-weight: 600; margin-top: 30px; margin-left: 13px; vertical-align: middle; display: inline-block; -ms-zoom: 1;
}
.main_con .menu_con li .bx2 .link_2 .icon {
	font-size: 0.75em; margin-left: 20px;
}
.main_con .menu_con li .bx2 .link_2:hover {
	background: rgb(185, 233, 112); opacity: 1;
}
.main_con .menu_con li .bx3 {
	top: 29%;
}
.main_con .menu_con li .bx3 .tit_3 {
	padding: 0px 0px 0px 1%; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; display: inline-block; position: relative; -ms-zoom: 1; text-shadow: 1px 1px 2px #666;
}
.main_con .menu_con dl .bx4 .tt_3 {
	background: url("../img/ssh01.png"); height:486px; top: 50%;
}
.main_con .menu_con li .bx3 .link_3 {
	background: rgb(187, 47, 94); padding: 3px 20px; border-radius: 4px; color: rgb(255, 255, 255); line-height: 27px; font-size: 0.87em; font-weight: 600; margin-top: 30px; margin-left: 13px; vertical-align: middle; display: inline-block; -ms-zoom: 1;
}
.main_con .menu_con li .bx3 .link_3 .icon {
	font-size: 0.75em; margin-left: 20px;
}
.main_con .menu_con li .bx3 .link_3:hover {
	background: rgb(187, 47, 94); opacity: 0.8;
}
.main_con .menu_con li .bx4 {
	top: 29%;
}

.main_con .menu_con li .bx4 .tit_4 {
	padding: 0px 0px 0px 1%; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; display: inline-block; position: relative; -ms-zoom: 1; text-shadow: 1px 1px 2px #666;
}
.main_con .menu_con li .bx4 .tt_4 {
	padding: 40px 0px 0px 12px; width: 703px; color: rgb(255, 255, 255); line-height: 32px; font-size: 1.1em; margin-left: 0px; text-shadow: 1px 1px 2px #000;
}
.main_con .menu_con li .bx4 .link_4 {
	background: rgb(224, 129, 19); padding: 3px 20px; border-radius: 4px; color: rgb(255, 255, 255); line-height: 27px; font-size: 0.87em; font-weight: 600; margin-top: 30px; margin-left: 13px; vertical-align: middle; display: inline-block; -ms-zoom: 1;
}
.main_con .menu_con li .bx4 .link_4 .icon {
	font-size: 0.75em; margin-left: 20px;
}
.main_con .menu_con li .bx4 .link_4:hover {
	background: rgb(255, 193, 214); opacity: 1;
}
.main_con .menu_con li .bx5 {
	top: 29%;
}
.main_con .menu_con li .bx5 .tit_5 {
	padding: 0px 0px 0px 1%; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; display: inline-block; position: relative; -ms-zoom: 1; text-shadow: 1px 1px 2px #666;
}
.main_con .menu_con li .bx5 .tt_5 {
	padding: 40px 0px 0px 12px; width: 703px; color: rgb(255, 255, 255); line-height: 32px; font-size: 1.1em; margin-left: 0px; text-shadow: 1px 1px 2px #000;
}
.main_con .menu_con li .bx5 .link_5 {
	background: rgb(229, 79, 20); padding: 3px 20px; border-radius: 4px; color: rgb(255, 255, 255); line-height: 27px; font-size: 0.87em; font-weight: 600; margin-top: 30px; margin-left: 13px; vertical-align: middle; display: inline-block; -ms-zoom: 1;
}
.main_con .menu_con li .bx5 .link_5 .icon {
	font-size: 0.75em; margin-left: 20px;
}
.main_con .menu_con li .bx5 .link_5:hover {
	background: rgb(229, 79, 20); opacity: 0.7;
}
.main_con .menu_con li .bx6 {
	top: 29%;
}
.main_con .menu_con li .bx6 .tit_6 {
	padding: 0px 0px 0px 1%; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; display: inline-block; position: relative; -ms-zoom: 1; text-shadow: 1px 1px 2px #666;
}
.main_con .menu_con li .bx6 .tt_6 {
	padding: 40px 0px 0px 12px; width: 703px; color: rgb(255, 255, 255); line-height: 32px; font-size: 1.1em; margin-left: 0px; text-shadow: 1px 1px 2px #000;
}
.main_con .menu_con li .bx6 .link_6 {
	background: rgb(224, 129, 19); padding: 3px 20px; border-radius: 4px; color: rgb(255, 255, 255); line-height: 27px; font-size: 0.87em; font-weight: 600; margin-top: 30px; margin-left: 13px; vertical-align: middle; display: inline-block; -ms-zoom: 1;
}
.main_con .menu_con li .bx6 .link_6 .icon {
	font-size: 0.75em; margin-left: 20px;
}
.main_con .menu_con li .bx6 .link_6:hover {
	opacity: 0.7;
}

.main_con .menu_con div .bx8 {
	margin-top:80px; height:245px;
}

/*¼­ºêÆäÀÌÁö CSS-1 */
.main_con .sb_con li {
	height: 330px; overflow: hidden; position: relative; z-index: inherit;
}
.main_con .sb_con li > img {
	left: 50%; margin-left: -1000px; position: relative; z-index: inherit; max-width: 2000px;
}
.main_con .sb_con li .business {
	left: 0px; top: 0px; width: 100%;height: 100%; position: absolute; z-index: inherit;
}
.main_con .sb_con li .bx1 {
	top: 29%;
}
.main_con .sb_con li .bx1 .tit_1 {
	padding: 0px 0px 0px 1%; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; display: inline-block; position: relative; -ms-zoom: 1; text-shadow: 1px 1px 2px #666;
}
.main_con .sb_con li .bx1 .mt_1 {
	padding: 0px; width: 600px; text-align: left; color: rgb(39, 149, 244); line-height: 33px; font-size: 1.5em; margin-left: 100px;margin-top: 0px;
}
.main_con .sb_con li .bx1 .mt_2 {
	padding: 0px; width: 600px; text-align: left; color: rgb(255, 255, 255); line-height: 33px; font-size: 3.0em; margin-left: 100px;margin-top: 20px;text-shadow: 1px 3px 2px #666;font-weight: bold;
}
.main_con .sb_con li .bx1 .mt_3 {
	padding: 10px; width: 600px; text-align: left; color: rgb(224, 56, 73); line-height: 33px; font-size: 1.8em; margin-left: 100px;margin-top: 30px;background:rgba(0,0,0,0.35); 
}
.btb {background:rgb(0, 0, 0); opacity: 0.5;}
.main_con .sb_con li .bx1 .tt_1 {
	padding: 0px; width: 600px; text-align: left; color: rgb(255, 255, 255); line-height: 33px; font-size: 1.3em; margin-left: -27px;
}
.main_con .sb_con  .ua_4 {
	 margin: 10px auto;  height: 50px;
}

.main_con .sb_con  .ua_5 {
	 margin: 10px auto;  height: 50px;
}
.main_con .sb_con  .ua_6 {
	 margin: 50px auto;  height: 50px;
}
.main_con .menu {
	top: 50%; text-align: center; right: 0px; margin-top: -200px; position: fixed; z-index: 2;
}
.main_con .menu li {
	margin: 10px 0px; padding: 10px 20px 10px 10px; right: -120px; overflow: hidden; position: relative; z-index: inherit; cursor: pointer;
}
.main_con .menu li .bg {
	background: rgb(34, 136, 3); border-radius: 0px 0px 0px 10px; border: 1px solid rgb(17, 78, 2); border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: inherit; opacity: 0.7;
}
.main_con .menu li .img {
	background-position: center; border-radius: 50px; width: 50px; height: 50px; float: left; position: relative; z-index: inherit; background-repeat: no-repeat; background-size: auto 100%;
}
.main_con .menu li .tt {
	margin: 0px 0px 0px 20px; color: rgb(255, 255, 255); line-height: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; float: left; position: relative; z-index: inherit;
}

.main_con .menu li:hover {
	right: 0px;
}
.main_con .menu li.on {
	right: 0px;
}
.main_con .menu li:hover .bg {
	opacity: 0.7;
}
.main_con .menu li.on .bg {
	opacity: 0.7;
}
/* °¶·¯¸® °ü·ÃCSS*/
 .self_main{}
 .self_main .f_left{float:left}
 .self_main .f_right{float:right}
 .self_main .layout_1{max-width:100%;height:100%;}
 .self_main .layout_1{float:left;width:100%;box-sizing:border-box}
 .self_main .foto{padding:0px 0 0px}
 .self_main .foto ul li{float:left; margin:0px 20px 30px 0px; padding:0 5px; box-sizing:border-box}
 .self_main .center {text-align:center;width:100%;}




.quick {
	right: 25px; bottom: 10px; position: fixed; z-index: 10;
}
.quick .top {
	background: rgb(63, 61, 61); border-radius: 10px; width: 60px; height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 12px; cursor: pointer;
}
#quick_menu {
	width: 90px; right: 0px; bottom: 93px; position: fixed; z-index: 10000;
}
#quick_menu .top_btn {
	margin: 0px auto; width: 30px;
}
#quick_menu .list > a {
	padding: 15px 5px 10px; text-align: center; display: block; min-height: 50px; opacity: 0.9;
}
#quick_menu .list > a > .icon {
	
}
#quick_menu .list > a > .tit {
	text-align: center; color: rgb(255, 255, 255); line-height: 14px; font-size: 0.68em; font-weight: 600; margin-top: 10px; display: block;
}
#quick_menu .m1 > a {
	background: rgb(204, 34, 26); border: 1px solid rgb(204, 34, 26); border-image: none;
}
#quick_menu .m2 > a {
	background: rgb(44, 90, 159); border: 1px solid rgb(44, 90, 159); border-image: none;
}
#quick_menu .m3 > a {
	background: rgb(255, 108, 0); border: 1px solid rgb(255, 108, 0); border-image: none; margin-top: 10px;
}
#quick_menu .m4 > a {
	background: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); border-image: none;
}
#quick_menu .list > a:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
#quick_menu .list > a:hover .tit {
	color: rgb(255, 255, 0);
}
#quick_menu .control {
	background: rgb(0, 0, 0); margin: 5px auto; border-radius: 100px; width: 40px; height: 33px; text-align: center; padding-top: 7px; cursor: pointer;
}
#quick_menu .control p {
	color: rgb(255, 255, 255); font-size: 0.65em;
}
#quick_menu .btn_top.control img {
	width: 35%; margin-bottom: 4px;
}
#quick_menu .btn_hide.control img {
	width: 25%; margin-bottom: 3px;
}
#quick_menu .btn_show.control img {
	width: 35%; margin-top: 5px;
}
#quick_menu .control:hover {
	background: rgb(242, 131, 0);
}

#footer {
	
}
#footer .box1 {
	position: relative; z-index: inherit;
}
.sb_con #footer {
	margin-top: 0px; position: relative; z-index: inherit;
}
.sb_con #footer .menu_bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: inherit;
}
#footer .copyright {
	background: rgb(22, 22, 22); height: 170px; 
}
#footer .copyright .box1 {
	overflow: hidden;
}
#footer .copyright .footerlogo {
	width: 18%; margin-top: 40px; float:left; font-size:1.6em; color: rgb(58, 56, 56);
}
#footer .copyright .info {
	width: 70%; overflow: hidden; margin-top: 40px; margin-left: 100px; float: left;
}
#footer .copyright .info dd {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 0.75em; margin-right: 2%; float: left;
}
#footer .copyright .info dd a {
	color: rgb(255, 255, 255);
}
#footer .copyright .info dd a:hover {
	text-decoration: underline;
}
#footer .copyright .info .copy {
	color: rgb(255, 255, 255); text-transform: uppercase; font-size: 0.62em;
}
#footer .copyright .info .point {
	color: rgb(255, 255, 255);
}
#footer .copyright .info dd .right{text-align:right;}
.copyright .info .law_menu {
	display: none;
}
.sb_con .copyright .info .copy .adm {
	top: 42px; right: 28px;
}
.main_con .copyright .info .copy .adm {
	top: 42px; right: 28px;
}
.sb_con #contents .sub_gnb .b2b a {
	background: rgb(213, 28, 23); padding: 8px 0px; border-radius: 5px; width: 15%; text-align: center; right: 40px; bottom: 30px; color: rgb(255, 255, 255); font-weight: 600; display: block; position: absolute; z-index: inherit;
}
.sb_con #contents .sub_gnb .b2b a:hover {
	background: rgb(255, 132, 0);
}
.main_con #footer .copyright .b2b a {
	padding: 2px 10px; border-radius: 3px; border: 1px solid rgb(255, 255, 0); border-image: none; color: rgb(255, 255, 0); display: block;
}
.main_con #footer .copyright .b2b a:hover {
	background: rgb(213, 28, 23); border: 1px solid rgb(213, 28, 23); border-image: none; color: rgb(255, 255, 255); text-decoration: none;
}
.sb_con #footer .copyright .b2b {
	display: none;
}
.footer_gnb_img {
	width: 14%;
}
.footer_gnb {
	left: 14%; top: 0px; width: 86%; height: 100%; position: absolute; z-index: inherit;
}
.footer_gnb .gnb {
	background: url("../images/inc/footer_menu_line.png") repeat-y right top; height: 100%; overflow: hidden; position: relative; z-index: inherit;
}
.footer_gnb .gnb > li {
	background: url("../images/inc/footer_menu_line.png") repeat-y left top; padding: 25px 2%; width: 16%; height: 100%; position: absolute; z-index: inherit;
}
.footer_gnb .gnb > li.m_1 {
	left: 0px;
}
.footer_gnb .gnb > li.m_2 {
	left: 20%;
}
.footer_gnb .gnb > li.m_3 {
	left: 40%;
}
.footer_gnb .gnb > li.m_4 {
	left: 60%;
}
.footer_gnb .gnb > li.m_5 {
	left: 80%;
}
.footer_gnb .gnb > li.m_guide {
	display: none;
}
.footer_gnb .gnb > li.m_member {
	display: none;
}
.footer_gnb .gnb > li .dp1 {
	color: rgb(255, 255, 255); padding-bottom: 20px; font-size: 0.93em; font-weight: 600; display: block;
}
.footer_gnb .gnb > li .dp2 > li > a {
	color: rgb(255, 255, 255); padding-top: 10px; font-size: 0.75em; display: block; opacity: 0.5;
}
.footer_gnb .gnb > li .dp2 > li:first-child > a {
	
}
.footer_gnb .gnb > li .dp1:hover {
	color: rgb(237, 28, 36);
}
.footer_gnb .gnb > li .dp2 > li > a:hover {
	color: rgb(255, 255, 0); opacity: 1;
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/*¼­ºêÆäÀÌÁö CSS */





  .col-sm-7 {
    width: 100%;
  }
  
  .col-sm-6 {
    width: 100%;margin:0px; padding:0px;
  }  
/*³ëÃâ°¹¼ö Á¶Á¤À§Ä¡ 7°³ 14.2857 */

  .col-sm-4 {
    width: 14.2857%;
  }
  .col-sm-4, .col-sm-7 {
    float: right;
  }

 .col-sm-4,  .col-sm-7 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
  .col-sm-5 {
    width: 33.333333333333333333333333333%;
  }
  .col-sm-5, .col-sm-6 {
    float: right;
  }

 .col-sm-5,  .col-sm-6 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


  
.product-driver {
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe5e5e5', GradientType=0);
  display: block;
  position: relative;
}
.product-driver > img {
  width: 100%;
  height: 100%;
  margin-top: 0px;
  margin-bottom:-4px;
}
.product-driver h3 {
  color: #000000;
  position: absolute;
  left: 10px;
  top: 0px;
  margin: 0;
  padding-top: 10px;
}
.product-driver h3 small {
  display: none;
  font-family: "HelveticaNeueLTStd75Bold", Helvetica, Arial, sans-serif;
}
.product-driver > .caption {
  -webkit-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
  background-color: rgba(131, 6, 11, 0.9);
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0px 0px 0px;
}
.product-driver > .caption p {
  color: #ffffff;
  font-family: "HelveticaNeueLTStd75Bold", Helvetica, Arial, sans-serif;
  font-size: 20px;
}
.product-driver > .caption p.more {
  color: #000000;
  font-size: 14px;
  font-weight:bold;
  text-transform: uppercase;
}
.product-driver:hover > .caption {
  opacity: 1;
  filter: alpha(opacity=100);
}

  .product-driver {
    margin-bottom: 0px;
  }
  .product-driver > .caption {
    display: block;
  }
  


  .product-driver h3 {
    left: 15px;
  }
  .product-driver > .caption {
    padding: 40px 15px 15px 15px;
  }

  .product-driver h3 {
    font-size: 24px;
  }

  .product-driver > .caption p {
    font-size: 14px;
    line-height: 1.42857143;
  }
  .product-driver > .caption p.more {
    font-size: 13px;
  }

  








.product-crene {
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #e5e5e5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe5e5e5', GradientType=0);
  display: block;
  position: relative;
}
.product-crene > img {
  width: 269;
  height: 217px;
  margin-top: 0px;
  padding:0px;
}
.product-crene h3 {
  color: #000000;
  position: absolute;
  left: 10px;
  top: 0px;
  margin: 0;
  padding-top: 10px;
}
.product-crene h3 small {
  display: none;
  font-family: "HelveticaNeueLTStd75Bold", Helvetica, Arial, sans-serif;
}
.product-crene > .caption {
  -webkit-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 98%;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0px 0px 0px 0px;
}
.product-crene > .caption p {
  color: #ffffff;
  font-family: "HelveticaNeueLTStd75Bold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  border-style: solid;
  border-color: #ffffff;
  padding: 15px 15px 15px 15px;

  
}
.product-crene > .caption p.more {
  color: #f8b500;
  font-size: 14px;
  text-transform: uppercase;
}
.product-crene:hover > .caption {
  opacity: 1;
  filter: alpha(opacity=100);

}
  .product-crene {
    margin-bottom: -4px;
  }
  .product-crene > .caption {
    display: block;
  }


  .product-crene h3 {
    left: 15px;
  }
  .product-crene > .caption {
    padding: 40px 15px 15px 30px;
  }

  .product-crene h3 {
    font-size: 24px;
  }
  .product-crene > .caption p {
    font-size: 14px;
    line-height: 1.42857143;
  }
  .product-crene > .caption p.more {
    font-size: 13px;
  }
  
  
    .tel_sam {
      font-family: Helvetica;
      font-size: 2.0em;
      margin-top:65px;
      margin-left:130px;
  }
  

/*À̹ÌÁö¾ËÆÄ°ªÁÖ¾îÁö´Â¼Ò½º ³¡*/

.font_1 { 
  line-height: 30px;
  font-size: 1.7em;
}
.font_2 { 
  line-height: 80px;
  height:460px;
  font-size: 16px;
}
.font_3 { 
  line-height: 50px;
  font-size: 1.3em;
}
.font_4 { 
  line-height: 30px;
  font-size: 2em;
  text-align:center;
}
.br_tag {
 margin-top:50px;
}
.br_tag1 {
 margin-top:20px;
}
.br_tag2 {
 margin-top:10px;
}
.bb_tag {
 margin-top:200px;
}
.bb_tag1 {
 margin-top:100px;
}
.bb_tag2 {
 margin-top:70px;
}
.row {
   width: 96%;
   max-width: 1020px;
   margin: 0 auto;
}

/* row clearing */
.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}

.column, .columns {
   position: relative;
   padding: 10 10px;
   min-height: 1px;
   float: left;
}
.column.centered, .columns.centered  {
    float: none;
    margin: 0 auto;
}


/* column widths */
.row .one         { width: 8.33333%; }
.row .two         { width: 16.66667%; }
.row .three       { width: 25%; }
.row .four        { width: 33.33333%; }
.row .five        { width: 41.66667%; }
.row .six         { width: 50%; }
.row .seven       { width: 58.33333%; }
.row .eight       { width: 66.66667%; }
.row .nine        { width: 75%; }
.row .ten         { width: 83.33333%; }
.row .eleven      { width: 91.66667%; }
.row .twelve      { width: 100%; }

#about p {
   line-height: 35px;
   color: #000000;
   letter-spacing: -1px;
}
#about .profile-pic {
   position: relative;
   width: 200px;
   height: 221px;
   border-radius: 0%;
}
#about .contact-details { width: 41.66667%; }

#about .main-col { padding-right: 5%; }
 .sign {
   font-weight: 300;
    font-size: 1.5em;
   float: right;
   margin-top:60px;
}

/* Portfolio Content */
#portfolio-wrapper .columns { margin-bottom: 36px; }
.portfolio-item .item-wrap {
   background: #fff;
   overflow: hidden;
   position: relative;

   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio-item .item-wrap a {
   display: block;
   cursor: pointer;
}

/* overlay */
.portfolio-item .item-wrap .overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;

	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   background: url(../img/overlay-bg.png) repeat;
}
.portfolio-item .item-wrap .link-icon {
   display: block;
   color: #fff;
   height: 30px;
   width: 30px;
   font-size: 18px;
   line-height: 30px;
   text-align: center;

   opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
}
.portfolio-item .item-wrap img {
   vertical-align: bottom;
}
.portfolio-item .portfolio-item-meta { padding: 18px }
.portfolio-item .portfolio-item-meta h5 {
   font: 14px/26px 'opensans-bold', sans-serif;
   color: #c18904;
   font-weight:bold;
}
.portfolio-item .portfolio-item-meta p {
   font: 12px/18px 'opensans-light', sans-serif;
   color: #bcf092;
   margin-bottom: 0;
}

/* on hover */
.portfolio-item:hover .overlay {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.portfolio-item:hover .link-icon {
   opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.button,
.button:visited,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
   background: #676767;
   display: inline-block;
   text-decoration: none;
   letter-spacing: 0;
   color: #fff;
	padding: 5px 20px;
	
   border: none;
   cursor: pointer;
   height: auto;

}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
   background: #1b1a1a;
   color: #fff;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
   background: #676767;
   color: #fff;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

 .button_a span{color: rgb(255, 255, 255); font-size: 1.1em;}
  .button_a {
  	background: none; padding: 3px 30px; border-radius: 0px; color: rgb(255, 255, 255); line-height: 27px; font-size: 0.87em;  margin-top: 30px; margin-left: 20px; vertical-align: middle; display: inline-block; -ms-zoom: 1;
  	  background: rgb(103, 103, 103); 
  	  border-width: 2px;
  	  border-style: solid;
	  border-color: #676767;
          padding: 3px 23px 3px 23px;
          
  }
   .button_a:hover {
  	background: rgb(27, 26, 26); 
  	color :#FFFFFF;
}
    .button_a  a{color: rgb(27, 26, 26); }
    .box9 {background: rgb(243, 185, 185); height:5px;padding:0;maring:0;}