@charset "utf-8";

@media all and (max-width:1580px){
	#header {left:30px;right:0;margin-right:0;}
	#wrap > .inner {padding-left:270px;}
	#element {padding:30px 40px;}
}

@media all and (max-width:1400px){
	#element .info {padding:35px 40px 40px 0;color:#fff;}
	#element .info dl dt {font-size:12px;margin-bottom:7px;}
	#element .info dl dd {font-size:24px;}
	#element .info .sum {margin-top:20px;font-size:14px;}
	#element .info .btn {margin-top:15px;}
	#element .info .btn a {width:100px;height:34px;line-height:32px;font-size:12px;}
}

@media all and (min-width:1201px){
    .__m {display:none !important;}    
}

@media all and (max-width:1200px){
	#wrap {padding:55px 0 0 0;}
	#wrap > .inner {padding-left:0;}
	#wrap.main > .inner:before {display:none;}
	#header {position:fixed;left:0;top:0;background:#fff;height:55px;z-index:500;border-bottom:1px solid #ebebeb;border-right:none;width:100%;overflow-y:visible;}
	#header .wrap {padding:0;position:static;}
	#header .favorite {display:none;}
	#header h1 {top:0;left:50%;margin-left:-75px;width:150px;text-align:center;}
	#header h1 a {font-size:18px;height:55px;line-height:55px;display:block;}
	#header .foot {display:none;}
	#header .menu {display:block;}
	#header ._close {display:block;}

	#nav {position:fixed;left:0;top:0;z-index:1000;left:0;top:0;width:100%;height:0;overflow:hidden;transition-delay:0.5s;box-sizing:border-box;padding-right:40px;}
	header #nav h2 {background:#1f54c0;font-size:18px;height:55px;line-height:55px;text-align:center;font-weight:600;display:block;color:#fff;}
	#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.75);transition:0.5s;opacity:0;}
	#nav .inner {width:calc(100% - 45px);position:absolute;left:-30px;top:0;height:100%;overflow:auto;z-index:10;background:#fff;transition:0.5s;opacity:0;}
	#nav .close {position:absolute;right:-30px;top:0;width:45px;border:none;background:none;color:#fff;z-index:10;transition:0.5s;opacity:0;}
	#nav .close i {font-size:20px;}

	#header .gnb > li {border-bottom:1px solid #ddd;}
	#header .gnb > li > a {font-size:15px;color:#222;padding:15px 20px;}
	#header .gnb > li.active > a {color:#1f54c0}
	#header .gnb li ul {background:#f7f7f7;}
	#header .gnb li ul li {border-top:1px solid #ddd;}
	#header .gnb li ul li a {font-size:14px;color:#777;padding:13px 10px 13px 25px;}
	#header .gnb .chi > a {background-position:95% 50% !important;background-size:10px 10px !important;}

	.nav-on #nav {height:100%;transition-delay:0s;}
	.nav-on #nav .inner {opacity:1;left:0;}
	.nav-on #nav .bg {opacity:1;}
	.nav-on #nav .close {opacity:1;right:0;}

	#menu {display:none;}

	#main {background:#f2f2f2;}


}

@media all and (max-width:768px){
	#vis,
	#vis .vis {height:auto;height:170px;}
	#vis .vis .inner {padding-bottom:20px;}
	#vis .vis dl {display:inline-block;vertical-align:middle;color:#fff;}
	#vis .vis dl dt {font-size:14px;}
	#vis .vis dl dd {font-size:24px;margin-top:10px;}
	#vis .vis img {display:block;width:100%;}
	#vis > .roll > .vis:nth-child(n+2) {display:none;}
	#vis .bx-pager {bottom:5%;}

	

	#quick {margin:20px 0;position:relative;padding-bottom:20px;}
	#quick .link .img img {width:40px;}
	#quick .link .txt {font-size:12px;margin-top:10px;}

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

	#board {margin:0;padding:0 15px;}
	#board .box {width:100%;padding:0;margin-bottom:10px;display:inline-block;}
	#board .box .in {height:auto;padding:20px 15px;}
	#board .box .tab {margin-bottom:15px;}
	#board .box .tab .tit {font-size:12px;padding:0 8px;}
	#board .box .tab .more {width:12px;height:12px;}
	#board .box .con dl dt a {font-size:16px;}
	#board .box .con dl dd {font-size:12px;line-height:1.8em;height:5.4em;margin:13px 0;}
	#board .box .con p {font-size:12px;}

	#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:100%;}
	#board .lawyer .in {background-image:url(../images/main-lawyer-m.png);height:200px;}
	#board .lawyer .in .ver em {font-size:12px;}
	#board .lawyer .in .ver strong {font-size:24px;margin:5px 0 15px;}
	#board .lawyer .in .ver span {width:100px;height:35px;line-height:33px;font-size:13px;}

	#element {margin-top:5px;padding:0 15px;background:none;}
	#element .inner > * {display:block;}
	#element .info {width:100%;height:auto;padding:30px 15px 20px 0;text-align:center;background:url(../images/element-bg-m.png) no-repeat 50% 50%;background-size:cover;}
	#element .info dl dt {font-size:12px;margin-bottom:5px;}
	#element .info dl dd {font-size:24px;}
	#element .info .sum {margin-top:15px;font-size:12px;line-height:1.4em;}
	#element .info .btn {margin-top:15px;}
	#element .info .btn a {width:100px;height:35px;line-height:33px;font-size:13px;}

	#element .control {white-space:nowrap;position:static;margin-top:15px;}
	#element .control li {display:inline-block;padding:0 30px;position:relative;}
	#element .control li:before {height:12px;margin-top:-6px;}
	#element .control li a {width:12px;}

	#element .img,
	#element .img img {width:100%;}

	#footer {display:block;}

	#main {padding-bottom:25px;}


	#svis {height:140px;}
	#svis dl dt {font-size:24px;}
	#svis dl dd {font-size:12px;margin-top:5px;}

	#snb .snb {padding-left:40px;position:relative;margin-right:-2px;}
	#snb .snb > li:first-child {position:absolute;left:0;top:0;width:40px;}
	#snb .snb > li {margin-left:-1px;width:50%;}
	#snb .snb > li > a,
	#snb .snb > li > span {height:40px;line-height:38px;font-size:12px;}
	#snb .snb > li > span {font-size:12px;padding:0 20px 0 10px;width:100%;min-width:auto;background-size:13px 5.5px;box-sizing:border-box;}
	#snb .snb > li:last-child > span {border-right:1px solid #ebebeb;}

	#snb .snb li ul {padding:10px 0;}
	#snb .snb li ul li a {font-size:12px;padding:3px 10px;}


	#content {padding:25px 15px;}


	.__greeting .info {padding-right:0;width:100%;}
	.__greeting .info dl {font-size:25px;padding:0 0 15px 0;margin-bottom:25px;}
	.__greeting .info dl:before {width:100%;height:3px;left:0;bottom:0;}
	.__greeting .info p {padding-left:0;font-size:12px;}
	.__greeting .img {margin-top:20px;width:100%;}
	.__greeting .img img {width:100%;}

	/* 180627 sub12 */
	.__greeting .info .lawyer {font-size:25px;padding:0 0 15px 0;margin-bottom:25px;}
	.__greeting .info .lawyer:before {width:100%;height:3px;left:0;bottom:0;}
	.__greeting .info .lawyer span {color:#222;}	
	.__greeting .box {padding-left:80px;position:relative;margin-left:0;font-size:12px;margin-bottom:20px;}
	.__greeting .box span {display:inline-block;width:60px;height:35px;line-height:35px;font-size:13px;}
	/* //180627 sub12 */


	.__search {position:relative;margin-bottom:15px;text-align:center;padding:0 34px 0 32%;}
	.__search .sel,
	.__search .txt,
	.__search .btn {font-size:12px;height:35px;}
	.__search .sel {position:absolute;min-width:auto;position:absolute;left:0;top:0;width:30%;padding-left:5px;}
	.__search .txt {width:100%;}
	.__search .btn {width:35px;margin-left:0;position:absolute;right:0;top:0;}

	.__board-list .box {padding:15px;}
	.__board-list .box .subject {font-size:16px;}
	.__board-list .box .sum {font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:normal;margin-top:10px;line-height:1.5em;max-height:4.5em;}
	.__board-list .box .date {font-size:12px;margin-top:15px;}

	.__board-list .td_num {position:relative;left:auto;top:auto;margin-top:0;width:100%;height:auto;text-align:left;font-size:12px;margin-bottom:5px;}

	.__botarea {margin-top:20px;}

	.__paging {font-size:0;position:relative;}
	.__paging .prev {position:absolute;left:0;top:0;}
	.__paging .next {position:absolute;right:0;top:0;}

	/* location */
	.location_tbl {margin-top:30px;}	
	.location_tbl th, .location_tbl td {font-size:13px;padding:8px 0 3px 10px;}
	/* //location */

}