/******************************************************************************************************
	서브 개별페이지 css 
	법무법인 해우 2019-02-12	
*******************************************************************************************************/

.wrapper-sub { 
	width:100%;
	max-width:1200px;
	margin:0 auto;
	margin-top:70px;
	background:#fff;
	font-size:15px; 
	line-height:1.6; 
	color:#333;
}
.wrapper-sub-page { 
	width:100%;
	margin:0 auto;
	margin-top:70px;
	background:#fff;
	font-size:15px; 
	line-height:1.6; 
	color:#333;
}
.wrapper-sub h1,
.wrapper-sub h2,
.wrapper-sub h3,
.wrapper-sub b,
.wrapper-sub strong { color:#000; }

.wide-container { width:100%; }



/***************** 서브 상단 bg 타이틀 *****************/
.sub-header { 
	width:100%; 
	height:180px; 
	background-color:#f7f7f7; 
	background-image:url("../img/sub_top_bg.png"); 
	background-position:center center; 
	background-repeat:no-repeat; 
	position:relative;
}
/*
.sub-header-10 { background-image:url("../img/sub_top_bg1.png"); }
.sub-header-20 { background-image:url("../img/sub_top_bg2.png"); }
.sub-header-30 { background-image:url("../img/sub_top_bg3.png"); }
.sub-header-40 { background-image:url("../img/sub_top_bg4.png"); }
*/
.sub-header-tit { display:table; width:100%; max-width:1200px; height:100%; margin:0 auto; }
.sub-header-tit-wrap { display:table-cell; vertical-align:middle; max-width:1200px; margin:0 auto; text-align:center; color:#fff; }
.sub-header-tit-wrap h2 { font-size:2rem; font-weight:500; }



/***************** 법무법인 소개 *****************/
.title-bar { position:relative; padding-bottom:30px; color:#363636; }
.title-bar:after { content:''; position:absolute; width:20px; height:1px; background-color:#1a1a1a; bottom:17px; left:0; }
.title-bar-center:after { content:''; position:absolute; width:20px; height:1px; background-color:#1a1a1a; bottom:17px; left:50%; margin-left:-10px; }
.txt-dot { position:relative; padding-left:10px; }
.txt-dot:before { content:''; position:absolute; width:3px; height:3px; background-color:#1a1a1a; border-radius:50%; top:10px; left:0; }
.txt-dot-big { position:relative; padding-left:10px; }
.txt-dot-big:before { content:''; position:absolute; width:6px; height:6px; background-color:#1a1a1a; border-radius:50%; top:9px; left:-1px; }
.bold_type_txt { clear:both; display:block; font-size:3em; color:#e7e7e7; font-weight:bold; letter-spacing:0.03em; line-height:1.4; padding-bottom:40px; }

/* 인사말 */
#page_about { }

/* CI 소개 */
#page_ci { }
#page_ci .page_ci_img { margin-bottom:70px; }
#page_ci .m_block { display:none; }
#page_ci .colorchip { display:inline-block; width:10px; height:10px; margin-right:10px; }

/* 인사말, CI 소개 공통 */
.about_content { }
.about_content .bold_type_txt { text-align:right; padding-right:10px; }
.about_content ol { }
.about_content ol li { position:relative; padding-left:58%; }
.about_content ol li:first-child { margin-top:0; }

.about_content ol li .titbox { position:relative; }
.about_content ol li .titbox:before { content:""; display:block; position:absolute; background:#1a1a1a; }
.about_content ol li .titbox .tit { font-weight:700; font-size:2em; color:#000; }
.about_content ol li .imgbox { position:absolute; top:0; left:0; width:42%; height:auto; }
.about_content ol li .imgbox_r { right:0; left:inherit; }
.about_content ol li .imgbox .img1 { position:absolute; top:0; left:0; box-shadow:rgba(0, 0, 0, 0.1) 5px 10px 18px 0px; max-width:350px; }
.about_content ol li .imgbox .img2 { position:absolute; top:70px; left:70px; box-shadow:rgba(0, 0, 0, 0.13) 28px 20px 43px 0px; max-width:520px; }
.about_content ol li .imgbox_r .img1 { right:0; left:inherit; }
.about_content ol li .imgbox_r .img2 { right:70px; left:inherit; }
.about_content ol li .conbox { clear:both; }
.about_content ol li .conbox p { margin:14px 0 0; word-break:keep-all; }
.about_content ol li .conbox p:first-child { margin-top:0; }
.about_content ol li .btn_wrap { margin-top:40px; text-align:left; }
.about_content ol li .btn_wrap a { display:inline-block; width:180px; line-height:47px; padding:0 15px; margin-right:4px; border:1px solid #363636; background:#363636; color:#fff; position:relative; }
.about_content ol li .btn_wrap a:before { content:""; display:block; position:absolute; top:17px; right:15px; width:7px; height:13px; background:url("../img/btn_arrow1.png") 0 0 no-repeat; }
.about_content ol li .btn_wrap a.point { border:1px solid #2eb4f0; background:#2eb4f0; }
.about_content ol li .btn_wrap a:hover { border:1px solid #000; background:#000; }
.about_content ol li .btn_wrap a.point:hover { border:1px solid #0173ad; background:#0173ad; }

.about_content ol li.c_type1 { }
.about_content ol li.c_type2 { margin-top:70px; } 
.about_content ol li.c_type1 .titbox,
.about_content ol li.c_type2 .titbox { position:absolute; top:1px; left:0; }
.about_content ol li.c_type1 .titbox:before,
.about_content ol li.c_type2 .titbox:before { top:50%; left:0; width:54px; height:1px; }
.about_content ol li.c_type1 .titbox .tit,
.about_content ol li.c_type2 .titbox .tit { float:left; margin:0 0 0 74px; }

.about_content ol li.c_type3 { min-height:500px; margin-top:70px; padding-left:58%; }
.about_content ol li.c_type3 .titbox:before { top:74px; left:0; width:1px; height:54px; }
.about_content ol li.c_type3 .titbox .tit { }
.about_content ol li.c_type3 .conbox { margin:94px 0 0; }

.about_content ol li.c_type4 { min-height:500px; padding-left:0; padding-right:58%; margin-top:90px; }
.about_content ol li.c_type4 .titbox:before { top:74px; left:0; width:1px; height:54px; }
.about_content ol li.c_type4 .titbox .tit { }
.about_content ol li.c_type4 .conbox { margin:94px 0 0; }
.about_content ol li.c_type4 .conbox .ceo { margin-top:40px; font-size:1.2em; }

/* 오시는길 */
#page_address { }
#page_address .bold_type_txt { text-align:right; padding-right:10px; }
#page_address section { clear:both; }
#page_address section.page_address_01 { }
#page_address section.page_address_01 .addressBox { clear:both; margin-bottom:50px; }
#page_address section.page_address_01 ul { overflow:hidden; border-bottom:1px solid #1a1a1a; padding-bottom:30px; }
#page_address section.page_address_01 li { float:left; }
#page_address section.page_address_01 li.item-01 { width:60%; padding-right:10px; }
#page_address section.page_address_01 li.item-02,
#page_address section.page_address_01 li.item-03 { width:20%; padding-right:10px; }
#page_address section.page_address_01 .map { width:100%; height:360px; margin-top:30px; }
#page_address section.page_address_01 .map iframe { width:100%; height:100%; }



/***************** 업무분야 *****************/
.business_top { clear:both; padding-top:60px; }
.business_top .business_top_title { }
.business_top .business_top_title p { font-size:1.5em; font-weight:300; letter-spacing:-0.05em; color:#787878; word-break:keep-all; }
.business_top .business_top_title span { display:block; }
.business_top .business_top_cs { padding-top:20px; }
.business_top .business_top_cs p { font-size:1.1em; color:#787878; }
.business_top .business_top_cs p i { color:#2eb4f0; }
.business_top .business_top_cs p em { font-style:normal; padding:0 2px; }
.business_top .business_top_cs p b { font-weight:600; }
.business_top .business_top_img { position:absolute; right:0; top:0; }

.businessWrap { background:#f7f7f7; padding-bottom:60px; margin-top:0; }
.businessWrap section { padding-top:60px; }
.business_conBox { clear:both; padding:40px 55px 40px 35px; background:#fff; }
.business_conBox .business_con { clear:both; margin-top:30px; }
.business_conBox .business_con.first { margin-top:0; }
.business_conBox .business_con p { word-break:keep-all; }
.business_conBox .business_con .csbox { }
.business_conBox .business_con .csbox span { padding-right:10px; }

.business_tab { clear:both; }
.business_tab .tabs { font-size:0; }
.business_tab .tabs li {
	display:inline-block;
	vertical-align:middle;
	text-align:center; 
}
.business_tab .tabs li a {
	display:block;
	min-width:160px;
	line-height:50px;
	padding:0 30px;
	background-color:#eaeaea;
	color:#acacac;
	font-size:17px;
	cursor:pointer;
}
.business_tab .tabs li a.active {
	background-color:#fff;
	font-weight:bold;
	color:#2eb4f0;
	position:relative;
}
.business_tab .tabs li a.active:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:#2eb4f0;
}
.business_tab .tabs li a:hover {
	background-color:#e5e5e5;
}
.business_tab .tabs li a.active:hover {
	background-color:#fff;
}



/***************** 인재채용 *****************/
#page_recruit { }
#page_recruit .bold_type_txt { text-align:right; padding-right:10px; }
#page_recruit section { clear:both; }
#page_recruit section.page_recruit_01 { text-align:center; }
#page_recruit section.page_recruit_01 ul { overflow:hidden; }
#page_recruit section.page_recruit_01 li { float:left; width:33.33%; padding:110px 30px 30px; position:relative; }
#page_recruit section.page_recruit_01 li i { position:absolute; top:0; left:50%; margin-left:-45px; width:90px; height:90px; background-repeat:no-repeat; background-size:contain; background-position:center center; }
#page_recruit section.page_recruit_01 li.item-01 i { background-image:url("../img/icon_recruit_01.png"); }
#page_recruit section.page_recruit_01 li.item-02 i { background-image:url("../img/icon_recruit_02.png"); }
#page_recruit section.page_recruit_01 li.item-03 i { background-image:url("../img/icon_recruit_03.png"); }
#page_recruit section.page_recruit_01 li h3:after { content:''; position:absolute; width:20px; height:1px; background-color:#1a1a1a; bottom:17px; left:50%; margin-left:-10px; }
#page_recruit section.page_recruit_01 li p { font-size:14px; word-break:keep-all; }
#page_recruit section.page_recruit_02 { width:100%; padding:3em 2em 6em; text-align:center; background:url("../img/bg_recruit.png") center center no-repeat; background-size:cover; } 
#page_recruit section.page_recruit_02 h2 { }
#page_recruit section.page_recruit_02 h2 span { display:block; }
#page_recruit section.page_recruit_02 ul {  margin-top:40px; } 
#page_recruit section.page_recruit_02 li { display:inline-block; vertical-align:top; margin:0 2em; font-size:1.2em; }
#page_recruit section.page_recruit_02 li h3 { }
#page_recruit section.page_recruit_02 li h3.title-bar:after { left:50%; margin-left:-10px; }



/***************** 사이트맵 *****************/
#page_sitemap { }
#page_sitemap .menu-wrap { }
#page_sitemap .menu-wrap .menu {
	float:left;
	width:33.33%;
	margin-bottom:55px; 
	padding:0 20px;
}
#page_sitemap .menu-wrap .menu ul { }
#page_sitemap .menu-wrap .menu li { display:block; margin-bottom:55px; }

#page_sitemap .menu-wrap .manu-tit {
	padding-bottom:15px;
	border-bottom:3px solid #191919;
	color:#191919;
	font-size:1.2em;
	line-height:1.4; 
}
#page_sitemap .menu-wrap .menu-list { }
#page_sitemap .menu-wrap .menu-list a {
	display:block;
	padding:15px 0;
	border-bottom:1px solid #d9d9d9; 
	font-size:0.875em; 
}
#page_sitemap .menu-wrap .menu-list a:hover {
	background:#f7f7f7;
	padding-left:10px;
}