@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
* {-webkit-text-size-adjust:none;}
* { margin:0;padding:0; }
a { text-decoration: none;color:#666; }
a:visited{ text-decoration: none;color:#666; }
a:hover{ color:#666; }
img{ border:0px;vertical-align:bottom; }

body{
	margin:0px;
	padding:0px;
}

/* Table */
table{
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td, th{
	padding:0px;
	word-break:break-all;
}

/* Etc */
.title{
	color:#000;
	font-size:22px;
	font-weight:500;
	text-align:center;
}

#wrap{ 
	position:relative;
	width:100%;
	font-family:Nanum Gothic,Helvetica,sans-serif;
}

/* 본문 */
#wrap > #body{
	position:relative;
	width:100%;
	background-color:#ffffff;
}
#wrap > #body > #body_content{
	position:relative;
	width:100%;
}

/* BUSINESS */
#wrap > #body > #body_content > #business_wrap{
	width:100%;
	background-color:#fff;
}		
#wrap > #body > #body_content > #business_wrap > #business{
	position:relative;
	padding:25px 0px;
	margin-left:10px;
	margin-right:10px;
}
#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul{
	width:100%;
	margin-top:20px;
}
#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li{
	position:relative;
	height:70px;
	list-style:none;
	color:#444;
	border:1px solid #ddd;
	border-radius:10px 0px 0px 0px;
	margin-bottom:10px;
	overflow:hidden;
}
#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li:nth-child(even){
	color:#fff;
	background:url(/images/icon_business_bg2.png) no-repeat center;
	background-size:100%;
	background-color:#6c7c85;
}
#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > p.image{
	width:100%;
}
#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > p.image img{
	height:100%;
}
#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > p.name{
	position:absolute;
	left:0px;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	font-size:16px;
	font-weight:500;
	letter-spacing:-1px;
	text-align:center;
}

/* 변호사 소개 */
#wrap > #body > #body_content > #lawer_wrap{
	width:100%;
	/*background-color:#090b13;*/
	background:url(/images/main_contact_img_bg.png) no-repeat center bottom;
	background-color:#292a2d;
}		
#wrap > #body > #body_content > #lawer_wrap > #lawer{
	position:relative;
	padding:25px 0px;
	margin-left:10px;
	margin-right:10px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > ul{
	width:100%;
	margin-top:20px;
	overflow:hidden;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > ul > li{
	float:left;
	position:relative;
	list-style:none;
	width:calc(50% - 5px);
	margin-right:10px;
	margin-bottom:10px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > ul > li:nth-child(2n){
	margin-right:0px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > ul > li:last-child{
	margin-bottom:0px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > ul > li > p.image{
	height:100%;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > ul > li > p.image img{
	width:100%;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > ul > li > p.name{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:60px;
	line-height:45px;
	color:#fff;
	font-size:16px;
	font-weight:500;
	text-align:center;
	background:rgba(108,124,133,0.8);
	padding:0px 0px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > ul > li > p.name > .part{
	display:block;
	color:#ddd;
	font-size:15px;
	font-style:normal;
	letter-spacing:-1px;
	margin-top:-25px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > .more{
	width:100%;
	height:46px;
	line-height:46px;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
	background-color:#f86201;
	margin-top:20px;
	cursor:pointer;
}

/* CONTACT */
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > .contect_title{
	margin-top:30px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form{
	margin-top:20px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form > table{
	width:100%;
	border-bottom:1px solid #bcbcbc;
	padding-bottom:10px;
	margin:auto;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form > table th{
	height:50px;
	color:#fff;
	font-size:18px;
	text-align:left;
	padding-bottom:10px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form > table td{
	height:50px;
	font-size:18px;
	text-align:left;
	padding-bottom:10px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form > table td span{
	display:inline-block;
	width:150px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form .main_input_01{
	width:calc(100% - 10px);
	height:50px;
	color:#999;
	font-size:17px;
	border:0px;
	background-color:#eee;
	padding-left:10px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form .main_input_02{
	width:calc(100% - 10px);
	height:50px;
	color:#999;
	font-size:17px;
	border:0px;
	background-color:#eee;
	padding-left:10px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form .main_checkbox_01{
	width:22px;
	height:22px;
	border-radius:3px;
	background-color:#eee;
	margin-right:3px;
	margin-bottom:-3px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form .main_radio_01{
	width:18px;
	height:18px;
	margin-right:3px;
	margin-bottom:-3px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form .main_textarea_01{
	width:calc(100% - 20px);
	height:120px;
	color:#999;
	font-size:17px;
	font-family:"Noto Sans KR","Nanum Gothic",Helvetica,sans-serif;
	font-weight:normal;
	border:0px;
	background-color:#eee;
	padding:10px;
}
#wrap > #body > #body_content > #lawer_wrap > #lawer > #lawer_content > form .button{
	width:100%;
	height:46px;
	line-height:46px;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
	background-color:#f86201;
	margin-top:20px;
	cursor:pointer;
}

/* 오시는길 */
#wrap > #body > #body_content > #map_wrap{
	background-color:#fff;
	padding:25px 0px;
	margin-left:10px;
	margin-right:10px;
}		
#wrap > #body > #body_content > #map_wrap > #map{
}
#wrap > #body > #body_content > #map_wrap > #map > #map_content{
	text-align:center;
}
#wrap > #body > #body_content > #map_wrap > #map > #map_content > .address{
	color:#000;
	font-size:15px;
	text-align:center;
	margin-top:20px;
}