@charset "utf-8";
* {word-break:keep-all;letter-spacing:-0.025em;}
html,body {height:100%;}
img {max-width:100%;}
.ready {
    text-align:center;
    font-size:22px;
    color:#999999;
    margin:130px 0;
    font-weight:300;
}
table,th,td {margin:0;padding:0;border-spacing:0px;border-collapse:collapse;}

#wrap {overflow:hidden;padding:0 30px;}
#wrap > .inner {max-width:1500px;margin:0 auto;position:relative;box-sizing:border-box;padding-left:300px;min-height:100vh;}
#wrap.main > .inner:before {content:"";display:block;position:absolute;left:240px;top:0;width:2000px;height:100%;background:#f2f2f2;}

#header {position:fixed;right:50%;top:0;width:240px;height:100vh;margin-right:510px;border-right:1px solid #ebebeb;box-sizing:border-box;overflow-y:auto;}
#header .wrap {padding:190px 30px 30px 0;position:relative;}
#header .favorite {position:absolute;top:40px;left:0;box-sizing:border-box;display:block;width:100px;height:36px;line-height:34px;border:1px solid #ebebeb;text-align:center;}
#header h1 {font-size:0;position:absolute;left:10px;top:125px;}
#header h1 a {font-size:34px;font-family:ns,sans-serif;color:#222;}
#header h1 a span {color:#1f54c0;}
#header nav h2 {display:none;}
#header .gnb > li > a {display:block;font-size:18px;color:#222;padding:17px 0;}
#header .gnb > li:hover > a, #header .gnb > li.active > a {color:#1f54c0;}
#header .gnb li ul {display:none;}
#header .gnb li ul li a {display:block;font-size:14px;color:#777;padding:8px 0 8px 15px;}
#header .gnb li ul li:hover a {color:#1f54c0;}
#header .gnb .chi > a {background:url(../images/gnb-on.png) no-repeat 100% 50%;}
#header .gnb .chi.active > a {background:url(../images/gnb-off.png) no-repeat 100% 50%;color:#1f54c0;}
#header .gnb .chi.active > ul {display:block;}
#header .gnb li ul li.active a {color:#1f54c0;}
#header ._close {display:none;}
#header .menu {display:none;background:none;border:none;width:45px;position:absolute;left:0;top:0;}

#header .foot {margin-top:75px;border-top:1px solid #ebebeb;padding:25px 0 0 10px;}
#header .foot h2 {font-size:14px;color:#8e8e8e;margin-bottom:15px;font-weight:normal;}
#header .foot .tel {font-size:14px;}
#header .foot .tel li {font-size:14px;color:#afafaf;margin-top:10px;}
#header .foot .tel li:first-child {margin-top:0;}
#header .foot address {font-size:14px;color:#afafaf;margin-top:8px;line-height:1.4em;}
#header .foot .copy {margin-top:20px;color:#8e8e8e;line-height:1.4em;font-size:14px;}

#main {position:relative;z-index:100;padding-bottom:30px;}


#menu:after {content:"";display:block;clear:both;}
#menu > li {float:left;width:25%;position:relative;}
#menu > li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#d2d2d2;}
#menu > li:first-child:before {display:none;}
#menu > li > a {display:block;height:86px;line-height:86px;text-align:center;font-size:18px;color:#222;}
#menu > li:hover > a {color:#1f54c0;}
#menu > li.active > a {color:#1f54c0;}

#vis,
#vis .vis {height:300px;box-sizing:border-box;position:relative;}
#vis .vis {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;font-size:0;text-align:center;}
#vis .vis:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis dl {display:inline-block;vertical-align:middle;color:#fff;}
#vis .vis dl dt {font-size:18px;}
#vis .vis dl dd {font-size:42px;margin-top:10px;}
#vis .vis img {display:none;}
#vis > .roll > .vis:nth-child(n+2) {display:none;}

#vis .bx-pager {position:absolute;z-index:100;bottom:40px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 6px;
	width:6px;
	height:6px;
	background:#9f9691;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
}
#vis .bx-pager .bx-pager-item a.active {background:#fff;width:10px;height:10px;}


#quick {margin:50px 0;font-size:0;}
#quick .link {display:inline-block;vertical-align:top;text-align:center;box-sizing:border-box;width:14.285714%;}
#quick .link .img {display:inline-block;position:relative;}
#quick .link .img .on {position:absolute;left:0;top:0;opacity:0;}
#quick .link .txt {display:block;font-size:14px;margin-top:15px;}
#quick .link:hover .img .on {opacity:1;}
#quick .link:hover .img .off {opacity:0;}
#quick .link:hover .txt {color:#1f54c0;}

#board {margin:0 -10px;font-size:0;}
#board .box {vertical-align:top;box-sizing:border-box;width:33.33333%;padding:0 10px;margin-bottom:20px;display:inline-block;}
#board .box .in {background:#fff;box-sizing:border-box;height:260px;padding:28px 30px 0;border:1px solid #ebebeb;display:block;}
#board .box .tab {position:relative;margin-bottom:22px;}
#board .box .tab > * {display:inline-block;}
#board .box .tab .tit {font-size:14px;color:#1f54c0;padding:0 10px;position:relative;}
#board .box .tab .tit:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ebebeb;}
#board .box .tab .tit:first-child {padding-left:0;}
#board .box .tab .tit:first-child:before {display:none;}
#board .box .tab .tit.active {color:#222;}
#board .box .tab .more {position:absolute;right:0;top:0;width:13px;height:13px;background:url(../images/ico-more.png) no-repeat;background-size:100% 100%;text-indent:-9999px;}
#board .box .con {display:none;}
#board .box .con.active {display:block;}
#board .box .con dl dt a {display:block;font-size:19px;color:#222;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:600;}
#board .box .con dl dd {font-size:14px;line-height:2em;height:6em;margin:20px 0 20px;overflow:hidden;}
#board .box .con p {color:#bbb;font-size:14px;}

#board .lastest .in:hover {background:#1f54c0;}
#board .lastest .in:hover .tab .tit {color:#fff;}
#board .lastest .in:hover .tab .tit:before {background:#fff;}
#board .lastest .in:hover .tab .more {background-image:url(../images/ico-more2.png);}
#board .lastest .in:hover .con dl dt a {color:#fff;}
#board .lastest .in:hover .con dl dd {color:#fff;}
#board .lastest .in:hover .con p {color:#fff;}

#board .lawyer {width:66.66666%;}
#board .lawyer .in {background:url(../images/main-lawyer.png) no-repeat 50% 50%;background-size:cover;text-align:center;padding:0;}
#board .lawyer .in:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#board .lawyer .in .ver {display:inline-block;vertical-align:middle;color:#fff;}
#board .lawyer .in .ver > * {display:block;}
#board .lawyer .in .ver em {font-size:18px;}
#board .lawyer .in .ver strong {font-size:42px;font-weight:normal;margin:10px 0 20px;}
#board .lawyer .in .ver span {display:inline-block;box-sizing:border-box;width:115px;height:40px;line-height:38px;font-size:14px;border:1px solid #fff;}


#element {margin-top:30px;background:url(../images/element-bg.png) no-repeat 50% 50%;background-size:cover;box-sizing:border-box;padding:60px 80px;}
#element .inner {position:relative;font-size:0;}
#element .inner > * {box-sizing:border-box;display:inline-block;vertical-align:top;}
#element .info {width:46%;height:100%;padding:35px 90px 40px 0;color:#fff;}
#element .info dl dt {font-size:14px;margin-bottom:10px;}
#element .info dl dd {font-size:36px;}
#element .info .sum {margin-top:25px;font-size:18px;line-height:1.4em;}
#element .info .btn {margin-top:20px;}
#element .info .btn a {display:inline-block;width:115px;height:40px;line-height:38px;box-sizing:border-box;text-align:center;border:1px solid #ddd;font-size:14px;color:#fff;}
#element .control {white-space:nowrap;position:absolute;left:0;bottom:0;}
#element .control li {display:inline-block;padding:0 14px;position:relative;}
#element .control li:before {content:"";display:block;width:1px;height:14px;position:absolute;left:0;top:50%;margin-top:-7px;background:#6c6765;}
#element .control li:first-child {padding-left:0;}
#element .control li:last-child {padding-right:0;}
#element .control li:first-child:before {display:none;}
#element .control li a {display:block;width:17px;}

#element .img {width:54%;text-align:right;}

#footer {display:none;border-top:1px solid #e1e1e1;padding:20px 15px;background:#f2f2f2;}
#footer h2 {font-size:12px;color:#8e8e8e;margin-bottom:8px;font-weight:normal;}
#footer .tel {font-size:12px;position:relative;}
#footer .tel li {font-size:12px;color:#afafaf;display:inline-block;position:relative;padding:0 5px;}
#footer .tel li:before {content:"";display:block;width:1px;position:absolute;left:0;top:50%;margin-top:-6px;background:#afafaf;}
#footer .tel li:first-child {padding-left:0;}
#footer .tel li:first-child:before {display:none;}
#footer address {font-size:12px;color:#afafaf;margin-top:5px;}
#footer address br {display:none;}
#footer .copy {margin-top:15px;color:#8e8e8e;font-size:12px;}
#footer .copy br {display:none;}


#sub {position:relative;z-index:100;}

#svis {font-size:0;text-align:center;height:220px;background-repeat:no-repeat;background-position:100% 50%;background-size:cover;}
#svis:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#svis dl {display:inline-block;vertical-align:middle;}
#svis dl dt {font-size:36px;color:#fff;}
#svis dl dd {color:#f0efef;font-size:14px;margin-top:10px;}


#snb {border:1px solid #ebebeb;position:relative;z-index:100;}
#snb .snb {max-width:1430px;margin:0 auto;font-size:0;}
#snb .snb > li {display:inline-block;position:relative;margin-left:-1px;vertical-align:top;}
#snb .snb > li:first-child {margin-left:0;}
#snb .snb > li > a,
#snb .snb > li > span {display:block;height:49px;line-height:49px;border-left:1px solid #ebebeb;position:relative;font-size:15px;}
#snb .snb > li > a {font-size:0;}
#snb .snb > li > span {font-size:14px;padding:0 50px 0 20px;cursor:pointer;min-width:120px;background:url(../images/snb-bg.png) no-repeat 100% 50%;}
#snb .snb > li:last-child > span {border-right:1px solid #ebebeb;}

#snb .snb li ul {display:none;position:absolute;left:0;top:100%;min-width:100%;border:1px solid #ebebeb;border-top:none;box-sizing:border-box;padding:20px 0;background:#fff;}
#snb .snb li ul li a {display:block;font-size:14px;white-space:nowrap;padding:6px 20px;color:#999;}
#snb .snb > li.on > span {color:#000;}
#snb .snb > li.on > ul {display:block;}
#snb .snb li ul li a:hover {color:#000;}

#content {padding:50px 0;}


.__greeting {font-size:0;}
.__greeting > * {box-sizing:border-box;display:inline-block;vertical-align:top;}
.__greeting .info {padding-right:40px;width:53%;}
.__greeting .info dl {position:relative;font-size:34px;padding:0 0 25px 50px;margin-bottom:35px;display:inline-block;}
.__greeting .info dl:before {content:"";display:block;width:100%;height:4px;background:#1f54c0;position:absolute;left:0;bottom:0;}
.__greeting .info dl dt {color:#222;}
.__greeting .info dl dd {color:#1f54c0;}
.__greeting .info p {padding-left:50px;font-size:16px;line-height:1.6em;}
.__greeting .img {text-align:right;width:47%;}

/* 180627 sub12 */
.__greeting .info .lawyer {position:relative;font-size:34px;padding:0 0 25px 50px;margin-bottom:35px;display:inline-block;}
.__greeting .info .lawyer:before {content:"";display:block;width:100%;height:4px;background:#1f54c0;position:absolute;left:0;bottom:0;}
.__greeting .info .lawyer span {color:#222;}
.__greeting .info .lawyer strong {color:#1f54c0;font-weight:500;}
.__greeting .box {padding-left:120px;position:relative;margin-left:50px;font-size:16px;line-height:2.4em;margin-bottom:40px;}
.__greeting .box span {display:inline-block;width:90px;height:35px;line-height:35px;font-size:16px;color:#fff;font-weight:400;text-align:center;background:#00529b;position:absolute;left:0;top:0;}
/* //180627 sub12 */

.__search {text-align:right;margin-bottom:20px;font-size:0;}
.__search .sel,
.__search .txt,
.__search .btn {display:inline-block;vertical-align:top;box-sizing:border-box;border:1px solid #c1c1c1;font-size:14px;height:40px;}
.__search .sel {margin-right:8px;min-width:100px;padding-left:5px;}
.__search .txt {width:270px;}
.__search .btn {width:40px;margin-left:-1px;}

.__board-list {border-top:1px solid #222;}
.__board-list .box {padding:20px 45px 20px 60px;border-bottom:1px solid #ebebeb;position:relative;}
.__board-list .box .subject {font-size:21px;color:#222;}
.__board-list .box .subject a {display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#222;max-width:100%;}
.__board-list .box .sum {font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:10px;}
.__board-list .box .date {font-size:14px;color:#bbb;margin-top:20px;}

.__board-list .td_num {position:absolute;left:0;top:50%;margin-top:-10px;width:60px;height:20px;font-size:14px;text-align:center;}
.__board-list .td_num strong {color:#1f54c0;font-weight:600;}

.__botarea {margin-top:30px;}
.__botarea .cen {text-align:center;}

.__paging {font-size:0;}
.__paging a {
	display:inline-block;_display:inline;
	box-sizing:border-box;
	width:30px;
	border-radius:3px;
	overflow:hidden;
	height:30px;
	line-height:28px;
	border:1px solid #e1e1e1;
	text-align:center;
	vertical-align:middle;
	color:#555;
	font-size:12px;
	z-index:0;
	margin:0 3px;
	position:relative;
}
.__paging .num:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#2d69b6;color:#fff;background:#2d69b6;}

/* 컨텐츠 */
#hnn-content {position:relative;padding:60px 0 100px;z-index:0; min-height:350px;}

/* location */
.location_tbl {width:100%;border-top:1px solid #1f54c0;margin-top:50px;}
.location_tbl th, .location_tbl td {font-size:16px;border-bottom:1px solid #ebebeb;padding:15px 0 15px 50px;}
.location_tbl th {color:#222;background:#f3f3f3;text-align:left;font-weight:400;}
.location_tbl td {color:#666;}
/* location */