@charset "utf-8";


.w_header {width:100%;  height:90px; background:#fff; }
.w_header .imbox { max-width:1120px; height:90px; margin:auto; position:relative;}
.w_header .imbox h1 {display:inline-block; width:169px; height:41px; background:url(../images/common/logo.png) no-repeat center center; background-size:169px 41px; position:absolute; left:0; top:37px; }
.w_header .imbox h1 a {display:block; width:169px; height:41px;}

@media screen and (max-width:1120px) {
.w_header .imbox h1 {margin-left:10px;}
}

.w_header .imbox ul {height:30px; position:absolute; /* left:50%; margin-left:-355px; */ left:250px; top:55px; font-size:0;}
.w_header .imbox li {padding-right:30px; height:30px; line-height:30px; font-weight:bold; position:relative; display:inline-block; font-size:16px;}
.w_header .imbox li a {display:inline-block;  height:30px; color:#333; }
.w_header .imbox li a:hover { color:#e4b477; }
.w_header .imbox li ul {position:absolute; width:220px; height:80px; padding:10px 15px; top:50px; left:0; margin-left:0; background:#fff; border:1px solid #999; display:none; opacity:0; z-index:999;}
.w_header .imbox li ul li {padding-right:0; height:30px; !important; float:unset; font-weight:bold; position:relative;}
.w_header .imbox li ul li a {width:100%; height:30px; display:block; line-height:30px;}
/*.w_header .imbox li:hover ul {display:block;}*/


.w_header .imbox li.menu5 {position:relative;}
.w_header .imbox li.menu5 span {position:absolute; right:0; top:20px; display:inline-block; width:20px; height:20px; background:url(../images/common/menu5_ico.png) no-repeat ; }

.w_header .imbox .top_call {position:absolute; top:0px; right:10px; height:35px; background:#6f8bd4; border-radius:0 0 17px 17px; text-align:center; min-width: 180px; }
.w_header .imbox .top_call a span {display:inline-block; width:25px; height:35px; vertical-align:middle; background:url(../images/common/top_call.png) no-repeat center center; background-size:12px}
.w_header .imbox .top_call a {color:#fff; display:inline-block; height:35px; line-height:32px; padding:0 13px 0 10px;}

.GNB_lang {position:absolute; display:block; top:50px; right:30px;}
.GNB_lang span {float:left; font-size:14px; margin:0 7px; font-weight:bold; }
.GNB_lang span a:hover {color:#00a0e9;}


.m_header {display:none}


#container {width:100%}

.main_visual1 {width:100%; height:400px; background:url(../images/main/main_visual_bg1.jpg) no-repeat center center; }
.main_visual2 {width:100%; height:400px; background:url(../images/main/main_visual_bg2.jpg) no-repeat center center; }
.main_visual3 {width:100%; height:400px; background:url(../images/main/main_visual_bg3.jpg) no-repeat center center; }
.main_visual4 {width:100%; height:400px; background:url(../images/main/main_visual_bg1.jpg) no-repeat center center; }

.visual_box {text-align:center;  box-sizing:border-box; padding:100px 10px 0 10px}
.visual_box span {display:inline-block; width:60px; height:5px; background:#00a0e9}
.visual_box .v_box_tit {font-size:35px; color:#fff; padding-top:25px }
.visual_box .v_box_txt {font-size:20px; color:#fff; padding-top:10px }


/*.visual_box .v_box_tit {font-size:35px; color:#fff; position:absolute; top:140px; width:100%; text-align:center; opacity:0; }
.visual_box .v_box_txt {font-size:20px; color:#fff; position:absolute; top:200px;  width:100%; text-align:center;  opacity:0;}*/

.new_txt_box {position:absolute; width:620px; height:240px; top:80px; left:50%; margin-left:-310px; /*background:url(../images/main/new_txt_box_bg.png) no-repeat center center;*/ z-index:9999 }
.new_txt_box p {font-family: NanumMyeongjo;}
.new_txt_box .tit1 {font-size:26px; color:#fff; position:absolute; top:50px; width:100%; text-align:center; opacity:0; }
.new_txt_box .tit2 {font-size:26px; color:#fff; position:absolute; top:100px;  width:100%; text-align:center; opacity:0;}
.new_txt_box .tit3 {font-size:26px; color:#fff; position:absolute; top:150px;  width:100%; text-align:center; opacity:0;}
.new_txt_box .tit4 {font-size:26px; color:#fff; position:absolute; top:200px;  width:100%; text-align:center; opacity:0;}
.new_txt_box .tit5 {font-size:26px; color:#fff; position:absolute; top:250px;  width:100%; text-align:center; opacity:0;}

@media screen and (max-width:620px) {
	.new_txt_box {width:90%; left:5%; margin-left:0;}
}

@media screen and (max-width:768px) {
	.new_txt_box .tit1,
	.new_txt_box .tit2,
	.new_txt_box .tit3,
	.new_txt_box .tit4,
	.new_txt_box .tit5 {font-size:18px;}
}

.main_notice {width:100%; height:57px; background:#dbe6f2; font-size:0; text-align:center; border-bottom: 1px solid #a9c0d8;}
.main_notice .noti_block { width:50%; max-width:560px; display:inline-block; font-size:16px;}
.main_notice .n_in {max-width:1120px; margin:auto;}
.main_notice .n_in dt {width:30%; float:left; text-align:left; line-height:55px; color:#fff }
.main_notice .n_in dt b {font-weight:normal; }
.main_notice .n_in dt span {display:inline-block; width:40px; height:50px; background:url(../images/main/notice_ico_bk.png) no-repeat center center; vertical-align:middle;}
.main_notice .n_in dt span.column_ico {width:40px; height:50px; background:url(../images/main/column_ico.png) no-repeat center center;}
.main_notice .n_in dd {line-height:55px; color:#333; }
.main_notice .n_in .n_tit {float:left; width:70% }
.main_notice .n_in .n_tit a {display:block; color:#333; text-align: left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_notice .n_in .n_date {float:left; width:15%; text-align:center}

.main_notice .n_in a {color:#333;}

.main_story {width:100%; height:580px; background:url(../images/main/main_story_bg.png) no-repeat center bottom;}
.main_story  .in_story {max-width:1120px; margin:auto; padding-top:70px;}
.main_story  .in_story p {text-align:center; font-size:24px; font-weight:bold; word-break: break-word; padding: 0 10px;}
.main_story  .in_story .story_tit {font-size:42px; color:#333; font-weight:bold; margin-top:10px; font-family:NanumMyeongjo;/*  letter-spacing:2px; */}
.main_story  .in_story .story_txt {font-size:26px; color:#333; padding-top:10px; font-weight:normal;}

.main_story  .in_story .story_box { padding:0 10px; padding-top:55px; box-sizing:border-box}
.main_story  .in_story .story_box ul {margin-left:-35px}
.main_story  .in_story .story_box li {box-sizing:border-box; padding-left:35px; width:33.3%; float:left}
.main_story  .in_story .story_box li a {display:block; height:280px; background:#576078; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;}
.main_story  .in_story .story_box li a:hover {background:#576996; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; margin-top:-20px}

.main_story  .in_story .story_box li .ico {width:100%; height:145px;}
.main_story  .in_story .story_box li .ico1 {background:url(../images/main/story_ico1.png) no-repeat center center }
.main_story  .in_story .story_box li .ico2 {background:url(../images/main/story_ico2.png) no-repeat center center }
.main_story  .in_story .story_box li .ico3 {background:url(../images/main/story_ico3.png) no-repeat center center }

.main_story  .in_story .story_box li .tit {font-size:25px; color:#fff; }
.main_story  .in_story .story_box li .tit.tit_en {font-size:20px;}
.main_story  .in_story .story_box li .txt {font-size:16px; color:#fff; padding-top:10px; font-weight: normal;}
.main_story  .in_story .story_box li .txt.txt_en {line-height:20px;}

@media screen and (max-width:840px) {
.law_field {width:100%; position:relative}
.law_field li {font-size:14px;}
.law_field li a {/* height:120px; */}
.main_story  .in_story .story_box li .tit.tit_en {font-size:16px;}
}

@media screen and (max-width:460px) {
.story_box_block {width:100%;}
.main_story  .in_story .story_box li .tit.tit_en {font-size:12px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

.law_field {width:100%; height:150px;}
.law_field li {width:12.5%; height:150px; text-align:center; }
.law_field li a {color:#333; display:block; width:100%; height:120px; box-sizing:border-box; padding-top:30px }
.law_field .swiper-container { max-width:1120px; margin:auto;}

.law_field li span {width:65px; height:65px; border:3px solid #333; display:block; border-radius:50%; margin:auto; margin-bottom:10px}
.law_field li.on span {border:3px solid #00a0e9}
.law_field li.on a {color:#00a0e9}
.law_field li.ico1 span {background:url(../images/common/law_field_ico1.png) no-repeat center center ; }
.law_field li.ico2 span {background:url(../images/common/law_field_ico2.png) no-repeat center center }
.law_field li.ico3 span {background:url(../images/common/law_field_ico3.png) no-repeat center center }
.law_field li.ico4 span{background:url(../images/common/law_field_ico4.png) no-repeat center center }
.law_field li.ico5 span {background:url(../images/common/law_field_ico5.png) no-repeat center center }
.law_field li.ico6 span{background:url(../images/common/law_field_ico6.png) no-repeat center center }
.law_field li.ico7 span{background:url(../images/common/law_field_ico7.png) no-repeat center center }
.law_field li.ico8 span{background:url(../images/common/law_field_ico8.png) no-repeat center center }
.law_field li.ico9 span{background:url(../images/common/law_field_ico9.png) no-repeat center center }
.law_field li.ico10 span{background:url(../images/common/law_field_ico10.png) no-repeat center center }

.law_field li.ico1.on span{background:url(../images/common/law_field_ico1_on.png) no-repeat center center ; }
.law_field li.ico2.on span{background:url(../images/common/law_field_ico2_on.png) no-repeat center center }
.law_field li.ico3.on span{background:url(../images/common/law_field_ico3_on.png) no-repeat center center }
.law_field li.ico4.on span{background:url(../images/common/law_field_ico4_on.png) no-repeat center center }
.law_field li.ico5.on span{background:url(../images/common/law_field_ico5_on.png) no-repeat center center }
.law_field li.ico6.on span{background:url(../images/common/law_field_ico6_on.png) no-repeat center center }
.law_field li.ico7.on span{background:url(../images/common/law_field_ico7_on.png) no-repeat center center }
.law_field li.ico8.on span{background:url(../images/common/law_field_ico8_on.png) no-repeat center center }
.law_field li.ico9.on span{background:url(../images/common/law_field_ico9_on.png) no-repeat center center }
.law_field li.ico10.on span{background:url(../images/common/law_field_ico10_on.png) no-repeat center center }

.field_cover {display:none}




#mainSwiper {width:100%; height:660px; background:#ededed}
#mainSwiper  img {width:100%}
#mainSwiper .swiper-container {max-width:1120px; margin:auto;}
#mainSwiper .main_sp_tit {font-size:28px; color:#333 ; text-align:center; padding-top:70px}
#mainSwiper .main_sp_tit span {color:#00a0e9}
#mainSwiper .main_sp_txt {font-size:20px; color:#333; padding-top:10px ; text-align:center}

#mainSwiper .main_team {max-width:900px; height:300px; border:3px solid #334462; background:#fff; margin:auto; margin-top:70px; margin-bottom:80px; position:relative }
#mainSwiper .main_team .team_in {width:325px; height:325px;  position:absolute; top:-15px; left:30px; border:1px solid #999;}
#mainSwiper .main_team .team_info { position:absolute; left:380px; padding:20px;}
#mainSwiper .main_team .team_info_name {font-size:16px; color:#333; padding-top:10px}
#mainSwiper .main_team .team_info_name span {font-size:20px; display:inllien-block; margin-right:10px; font-weight:bold}
#mainSwiper .main_team  dl {padding-top:20px; color:#333;}
#mainSwiper .main_team  dt {font-size:16px;}
#mainSwiper .main_team .career {font-size:14px;  height:90px; padding-top:10px; 
 /* text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;
  word-wrap:break-word; */}
#mainSwiper .main_team .contact {padding-top:20px;font-size:14px; }
#mainSwiper .main_team .contact .phone {color:#00a0e9; display:inline-block; margin-right:20px;}
#mainSwiper .main_team .contact .email {color:#333;}



/* pagination */
#mainSwiper  .pagination-dot {position:absolute; bottom:0px; left:0; z-index:5; width:100%;}
#mainSwiper  .pagination-dot .swiper-pagination-switch {display:inline-block; width:10px; height:10px; margin:0 0.26rem; border-radius:50%;}

#mainSwiper  .block-dot {text-align:center;}
#mainSwiper  .block-dot .swiper-pagination-switch {background-color:#334462;}
#mainSwiper  .block-dot .swiper-active-switch {background-color:#0ca4e9;}

#mainSwiper .more {width:40px; height:40px; background:#334462 url(../images/main/main_more.png) no-repeat center; background-size:22px; position:absolute; top:0; right:0;}
#mainSwiper .more a {display:inline-block; width:40px; height:40px; text-indent:-9999px}

.main_contact {width:100%; height:545px; background:#f9f9f9; padding-top:70px; box-sizing:border-box; overflow:hidden}
.main_contact .contact_in {max-width:1100px; height:400px; margin:auto; position:relative;}

.main_contact .contact_in a {display:block; max-width:1120px; height:400px;}
.main_contact .contact_box {width:465px; height:400px; background:rgba(0, 0, 0, 0.8 ); position:absolute; left:0; top:0; z-index:9999;  box-sizing:border-box; padding-top:40px; padding-left:40px; }

.main_contact .contact_box .box_tit {font-size:28px; color:#fff; }
.main_contact .contact_box .box_txt {font-size:18px; color:#fff}
.main_contact .contact_box ul {padding-top:70px}
.main_contact .contact_box li {color:#fff; font-size:14px; margin-bottom:10px; cursor:pointer; text-indent:-48px; margin-left:48px;}
.main_contact .contact_box li:hover {opacity:0.7;}

.main_contact .contact_box li span {display:inline-block; width:30px; height:30px; vertical-align:middle; margin-right:20px;}
.main_contact .contact_box li span.contact_3 {width: calc(100% - 80px); display: inline-block;}
.main_contact .contact_box li span.ico1 {background: url(../images/main/map_ico1.png) no-repeat center; background-size:30px}
.main_contact .contact_box li span.ico2 {background: url(../images/main/map_ico2.png) no-repeat center; background-size:30px}
.main_contact .contact_box li span.ico3 {background: url(../images/main/map_ico3.png) no-repeat center; background-size:30px}

.map_box {max-width: 1120px; margin: auto; overflow: hidden; height: 400px;}


#footer {width:100%; min-height:170px; background:#232323; text-align:center; line-height:70px; color:#fff; font-size:14px; }
#footer .f_list {height:60px; border-bottom:1px solid #323740}
#footer .f_list ul {max-width:1120px; text-align:center; margin:auto; }
#footer .f_list ul li {display:inline-block;}
#footer .f_list ul li a {color:#fff; padding:0 10px}
#footer .copy {max-width:1120px; text-align:center; margin:auto;}
#footer .copy .add {font-size:13px; color:#ddd; line-height:16px; padding-top:20px; line-height:22px }
#footer .copy .add.bottom_en {padding-top:60px;}
#footer .copy .add > span {margin:0 10px}
#footer .copy .add > span > span {margin:0 5px}
#footer .copy .copy_txt {font-size:11px; color:#ddd; line-height:16px;  padding-top:10px}





.main_along_team {width:100%; min-height:640px; background:#f3f3f3; padding-top:70px}
.main_along_team .team_tit {font-size:28px; color:#333 ; text-align:Center}
.main_along_team .team_txt {font-size:18px; color:#333; padding-top:10px; text-align:center}

.main_along_team .lawyer_list {max-width:1120px; margin:auto;  border-top:3px solid #334462; min-height:360px; box-sizing:border-box; padding:40px; position:relative; margin-top:50px; background:#fff; }
.main_along_team .lawyer_list .lawyer_list_img {float:left;  width:25%;}
.main_along_team .lawyer_list .lawyer_list_img img {width:100%;}





.lawyer_list_info {float:left; width:75%; padding-left:40px; box-sizing:border-box}

.lawyer_list_info .info_name {font-size:16px; color:#666; }
.lawyer_list_info .info_name span {font-size:25px; color:#333; margin-right:10px;}
.lawyer_list_info .phone {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_phone.png) no-repeat center left; color:#00a0e9; margin-right:30px }
.lawyer_list_info .email {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_email.png) no-repeat center left; color:#666 }
.lawyer_list_info dt {height:30px; line-height:30px; color:#333; margin-top:20px; }
.lawyer_list_info dt i {display:inline-block; width:4px; height:4px; background:#334462; vertical-align:middle; margin-right:10px; }
.lawyer_list_info dd {margin-top:10px; font-size:14px;}
.lawyer_list_info .more {width:40px; height:40px; background:#334462 url(../images/main/main_more.png) no-repeat center; background-size:22px; position:absolute; top:0; right:0;}
.lawyer_list_info .more a {display:inline-block; width:40px; height:40px; text-indent:-9999px}

.lawyer_list_info dd.sort p {display:inline-block; width:80px; text-align:center}
.lawyer_list_info dd.sort p span {display:block;}





/*1024*/
@media screen and (max-width:1024px) {

.w_header {width:100%;  height:90px; background:#fff;}
.w_header .imbox ul {height:30px; position:absolute; /* left:50%; margin-left:-301px; */ }
.w_header .imbox li {padding-right:15px; height:30px; line-height:30px; font-weight:bold; }
.w_header .imbox { height:90px; margin:auto; position:relative;}
.w_header .imbox li.menu5 span {position:absolute; right:0; top:20px; display:inline-block; width:20px; height:20px; background:none ; }


.main_story {width:100%; height:490px; background:url(../images/main/main_story_bg.png) no-repeat center bottom -100px;}
.main_story  .in_story .story_box li a {display:block; height:220px; background:#5083ce;  }
.main_story  .in_story .story_box li .txt {display:none}

#mainSwiper .main_team {margin-left:20px; margin-right:20px;}
#mainSwiper .main_team .team_info { position:absolute; left:380px; padding:20px;}



.main_contact {height:400px; padding:0;}
.main_contact .contact_box {width:50%; height:400px; background:rgba(23, 31, 45, 0.9 ); position:absolute; left:0; top:0; z-index:9999}

.main_along_team .lawyer_list {margin-left:20px; margin-right:20px;}
.main_along_team {padding-bottom:20px}
}

.w_header .imbox ul.w_header_member {height: 30px; margin-left: 0; right: 220px;  text-align: right; top:7px;}
.w_header .imbox ul.w_header_member li {padding-right: 0; height: 30px; line-height: 30px; margin-right: 15px; margin-top: 0; font-size:14px; font-weight:normal;}
.w_header .imbox ul.w_header_member li:last-child {margin-right:0;}
.w_header .imbox ul.w_header_member li a {color: #2664bf; height: 30px;}

/*768*/
@media screen and (max-width:768px) {
.law_field li {width:110px; }
}

/*840*/

@media screen and (max-width:840px) {
.m_header {display:block; width:100%; height:50px; background:#fff; position:relative}
.w_header {display:none}

.m_header h1 {width:166px; height:50px; margin:auto; background:url(../images/common/logo.png) no-repeat center center; background-size:auto 30px;}
.m_header h1 a {display:inline-block; width:166px; height:50px; text-indent:-99999px}

.m_header .top_call {position:absolute; right:10px; top:10px; width:30px; height:30px; border-radius:3px; background:#2664bf url(../images/common/top_call.png) no-repeat center center; background-size:12px}
.m_header .top_call a {display:block; width:30px; height:30px; }
.m_header .open_nav {position:absolute; left:10px; top:10px; width:30px; height:30px; border-radius:3px;  background:url(../images/common/open_nav.png) no-repeat center center; background-size:20px}
.m_header .open_nav a {display:block; width:30px; height:30px; text-indent:-9999px}

.m_header .open_nav_box {width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; top:0; left:0; z-index:10; display:none; overflow: auto;}
.m_header .open_nav_box .box_in {width:100%; position:absolute; top:50%; margin-top:-277px; }

.m_header .open_nav_box .box_in .open_close {width:50px; height:50px;  background:url(../images/common/open_close.png) no-repeat center center; background-size:50px; margin:auto; }
.m_header .open_nav_box .box_in .open_close a {display:inline-block; width:50px; height:50px; text-indent:-9999px}
.m_header .open_nav_box .box_in ul {margin-top:40px;}
.m_header .open_nav_box .box_in li {text-align:center; font-size:20px; margin-bottom:15px}
.m_header .open_nav_box .box_in li a {color:#fff;}
.m_header .open_nav_box .box_in li:last-child {margin-bottom:30px;}
.m_header .open_nav_box .box_in li ul {display:none; margin-top: 10px;}
.m_header .open_nav_box .box_in li ul li {margin-bottom:0; padding:5px 0;}
.m_header .open_nav_box .box_in li ul li:last-child {margin-bottom:0;}
.m_header .open_nav_box .box_in li ul li a {color:#ff9c00;}
.m_header .open_nav_box .box_in .m_call {max-width:200px; height:40px; line-height:40px; background:#00a0e9; border-radius:40px; margin:auto; }
.m_header .open_nav_box .box_in .m_call a {display:block; height:40px; color:#fff; text-align:center; padding:0 13px 0 10px;}
.m_header .open_nav_box .box_in .m_call a span {display:inline-block; width:30px; height:40px; background:url(../images/common/top_call.png) no-repeat center center; background-size:12px; vertical-align:middle }

.m_header .open_nav_box .box_in .GNB_lang_m {display:block; margin:20px auto; text-align:center;}
.m_header .open_nav_box .box_in .GNB_lang_m span {display:inline-block; font-size:16px; margin:0 7px; }
.m_header .open_nav_box .box_in .GNB_lang_m span a { color:#fff;}

.nav_box_member {display:block; width:100%; text-align:center; height: 30px;}
.nav_box_member li {display:inline-block; margin-right:20px;}
.nav_box_member li:last-child {margin-right:0;}

.main_visual {width:100%; height:360px; background:url(../images/main/main_visual_bg1.png) no-repeat center center; }

.visual_box {text-align:center; padding-top:90px}
.visual_box span {display:inline-block; width:60px; height:5px; background:#00a0e9}
.visual_box .v_box_tit {font-size:30px; color:#fff; padding-top:25px }
.visual_box .v_box_txt {font-size:16px; color:#fff; padding-top:10px }



.main_notice .n_in dt {width:30%; float:left; text-align:center; color:fff; text-align:center; line-height:55px; color:#fff; }

.main_notice .n_in dt span {display:inline-block; width:40px; height:50px; background:url(../images/main/notice_ico_bk.png) no-repeat center center; vertical-align:middle  }
.main_notice .n_in dd {line-height:55px; color:#fff; }
.main_notice .n_in .n_tit {float:left; width:70% }
.main_notice .n_in .n_tit a {display:block; color:#333}
.main_notice .n_in .n_date {display:none}


.main_story {width:100%; height:330px; background:url(../images/main/main_story_bg.png) no-repeat center bottom -150px;}
.main_story  .in_story .story_box { padding:0 10px; padding-top:40px; box-sizing:border-box}
.main_story  .in_story .story_box li a {display:block; height:120px; line-height:120px; background:#5083ce; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; text-align: center;}
.main_story  .in_story .story_box .story_box_block {display:inline-block; vertical-align:middle;}
.main_story  .in_story .story_box .story_box_block p {line-height:20px;}
.main_story  .in_story .story_box li .txt {display:none}
.main_story  .in_story {max-width:1120px; margin:auto; padding-top:50px;}

.main_story  .in_story .story_tit {font-size:26px; color:#333 }
.main_story  .in_story .story_txt {font-size:14px; color:#333; padding-top:0px}

.main_story  .in_story .story_box ul {margin-left:-10px}
.main_story  .in_story .story_box li {box-sizing:border-box; padding-left:10px; width:33.3%; float:left}
.main_story  .in_story .story_box li .ico {width:100%; height:60px;}
.main_story  .in_story .story_box li .ico1 {background:url(../images/main/story_ico1.png) no-repeat center center; background-size:32px}
.main_story  .in_story .story_box li .ico2 {background:url(../images/main/story_ico2.png) no-repeat center center; background-size:30px}
.main_story  .in_story .story_box li .ico3 {background:url(../images/main/story_ico3.png) no-repeat center center; background-size:29px}

.main_story  .in_story .story_box li .tit {font-size:16px; color:#fff; }




.field_cover {display:block; width:100%; height:150px; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.5) url(../images/common/law_field_click.png) no-repeat center top 30px; background-size:25px; color:#fff; text-align:center; z-index:99999}
.field_cover span {display:inline-block; padding-top:90px;}


.law_field .pre {position:absolute; top:10px;left:10px; width:24px; height:17px; background:url(../images/main/law_field_pre.png) no-repeat center center; background-size:18px }
.law_field .next {position:absolute; top:10px;right:10px; width:24px; height:17px; background:url(../images/main/law_field_next.png) no-repeat center center; background-size:18px }



#mainSwiper .main_sp_tit {font-size:22px; color:#333 ; text-align:center; padding-top:50px}
#mainSwiper .main_sp_tit span {color:#00a0e9}
#mainSwiper .main_sp_txt {font-size:14px; color:#333; padding-top:0px ; text-align:center}


#mainSwiper .main_team { width:300px;  margin-left:0px; margin-right:0px; margin:auto; height:400px; margin-bottom:60px; margin-top:50px   }
#mainSwiper .main_team .team_in {width:195px; height:215px;  position:absolute; top:30px; left:50%; margin-left:-97px}




#mainSwiper .main_team .team_info {width:200px; position:absolute; left:50%;top:260px; margin-left:-100px; padding:0;}
#mainSwiper .main_team .team_info_name {font-size:14px; color:#333; padding-top:10px; text-align:center}
#mainSwiper .main_team .team_info_name span {font-size:20px; display:inllien-block; margin-right:10px; font-weight:bold}
#mainSwiper .main_team  dl {padding-top:20px; color:#333; }
#mainSwiper .main_team  dt {display:none}
#mainSwiper .main_team .career {display:none}
#mainSwiper .main_team .contact {padding-top:0px;font-size:14px;   }
#mainSwiper .main_team .contact .phone {color:#00a0e9; display:block; margin-right:0px;  text-align:center}
#mainSwiper .main_team .contact .email {color:#333; display:block;  text-align:center}

#mainSwiper .more {max-width:30px; height:30px; background:#334462 url(../images/main/main_more.png) no-repeat center; background-size:20px; position:absolute; top:0; right:0;}
#mainSwiper .more a {display:inline-block; width:20px; height:20px; text-indent:-9999px}


.main_contact .contact_box {width:100%; height:400px; background:rgba(23, 31, 45, 0.9 ); position:absolute; left:0; top:0; z-index:9999;  box-sizing:border-box; padding-top:40px; padding-left:0px; }

.main_contact .contact_box .box_tit {font-size:22px; color:#fff; text-align:center }
.main_contact .contact_box .box_txt {font-size:12px; color:#fff;  text-align:center}
.main_contact .contact_box ul {padding-top:40px}
.main_contact .contact_box li {color:#fff; font-size:14px; margin-bottom:10px; text-align:center; text-indent:0; margin-left:0;}

.main_contact .contact_box li span {display:block; width:100%; height:30px; vertical-align:middle; margin-right:0px;   }
.main_contact .contact_box li span.ico1 {background: url(../images/main/map_ico1.png) no-repeat center; background-size:30px}
.main_contact .contact_box li span.ico2 {background: url(../images/main/map_ico2.png) no-repeat center; background-size:30px}
.main_contact .contact_box li span.ico3 {background: url(../images/main/map_ico3.png) no-repeat center; background-size:30px}
.main_contact .contact_box li  .last_none {display:none}


.main_notice .n_in dt {width:15%; float:left; text-align:center; line-height:55px;}
.main_notice .n_in dt b {display:none}
.main_notice .n_in .n_tit {float:left; width:85%; font-size:14px }

.main_along_team {padding-top:50px}
.main_along_team .team_tit {font-size:22px; color:#333 ; text-align:Center}
.main_along_team .team_txt {font-size:12px; color:#333; padding-top:0px; text-align:center}

.main_along_team .lawyer_list .lawyer_list_img {width:100%; text-align:center}
.main_along_team .lawyer_list .lawyer_list_img img {width:150px;}


.main_along_team .lawyer_list_info {float:left; width:100%; padding-left:0px; box-sizing:border-box}

.main_along_team .lawyer_list_info .info_name {font-size:14px; color:#666; text-align:center }
.main_along_team .lawyer_list_info .info_name span {font-size:20px; color:#333; margin-right:10px;}
.main_along_team .lawyer_list_info .email {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_email.png) no-repeat center left; color:#666 }
.main_along_team .lawyer_list_info dt {height:30px; line-height:30px; color:#333; margin-top:20px; text-align:Center}
.main_along_team .lawyer_list_info dt i {display:inline-block; width:4px; height:4px; background:#334462; vertical-align:middle; margin-right:10px; }
.main_along_team .lawyer_list_info dd {margin-top:10px; font-size:14px; text-align:center}
.main_along_team .lawyer_list_info .more {width:40px; height:40px; background:#334462 url(../images/main/main_more.png) no-repeat center; background-size:22px; position:absolute; top:0; right:0;}
.main_along_team .lawyer_list_info .more a {display:inline-block; width:40px; height:40px; text-indent:-9999px}

.main_along_team .lawyer_list_info dd.sort p {display:inline-block; width:80px; text-align:center}
.main_along_team .lawyer_list_info dd.sort p span {display:block;}


.new_txt_box {background:none}






.law_field li.ico1 span {background-size:40px }
.law_field li.ico2 span {background-size:40px }
.law_field li.ico3 span {background-size:40px }
.law_field li.ico4 span{background-size:40px }
.law_field li.ico5 span {background-size:40px }
.law_field li.ico6 span{background-size:40px }
.law_field li.ico7 span{background-size:40px}
.law_field li.ico8 span{background-size:40px }
.law_field li.ico9 span{background-size:40px }
.law_field li.ico10 span{background-size:40px}

.law_field li.ico1.on span{background-size:40px }
.law_field li.ico2.on span{background-size:40px }
.law_field li.ico3.on span{background-size:40px}
.law_field li.ico4.on span{background-size:40px }
.law_field li.ico5.on span{background-size:40px }
.law_field li.ico6.on span{background-size:40px}
.law_field li.ico7.on span{background-size:40px }
.law_field li.ico8.on span{background-size:40px }
.law_field li.ico9.on span{background-size:40px}
.law_field li.ico10.on span{background-size:40px }

#footer {width:100%; background:#171f2d; text-align:center;  color:#fff; font-size:10px; padding-bottom:20px}
#footer .f_list ul li a {color:#fff; padding:0 5px}
#footer .copy {max-width:1120px; text-align:center; margin:auto;}
#footer .copy .add {font-size:11px; color:#ddd; line-height:16px; padding-top:20px; line-height:22px }
#footer .copy .add > span {margin:0 10px}
#footer .copy .add > span > span {margin:0 5px}
#footer .copy .copy_txt {font-size:9px; color:#ddd; line-height:16px;  padding-top:10px}
}

@media screen and (max-height:600px){
.m_header .open_nav_box .box_in {top:0; margin-top:50px; margin-bottom:50px;}
}


@media screen and (max-width:640px) {
.main_notice {height:100px; padding: 10px 0;}
.main_notice .noti_block {display:block; width:100%; max-width: calc(100% - 20px);}
.main_notice .n_in dt {line-height:40px; clear: both;}
.main_notice .n_in dt span, .main_notice .n_in dt span.column_ico {height:40px;}
.main_notice .n_in .n_tit a {line-height: 40px;}
}

@media screen and (max-width:446px) {

.main_story  .in_story .story_box { padding-top:20px; }
}

@media screen and (max-width:400px) {
.main_contact .contact_box li {padding:0 20px;}
.main_contact .contact_box li br {display:none;}
}

/*360*/
@media screen and (max-width:360px) {

.visual_box {text-align:center; padding-top:100px}
.visual_box span {display:inline-block; width:60px; height:5px; background:#00a0e9}
.visual_box .v_box_tit {font-size:25px; color:#fff; padding-top:25px }
.visual_box .v_box_txt {font-size:14px; color:#fff; padding-top:10px }




.main_story  .in_story .story_box li .tit {font-size:12px; color:#fff; }
#mainSwiper .main_team { max-width:280px;  margin-left:0px; margin-right:0px; margin:auto; height:400px; margin-bottom:60px; margin-top:50px   }

#mainSwiper .main_team .team_in {width:195px; height:215px;  position:absolute; top:30px; left:50%; margin-left:-97px}


.main_along_team .lawyer_list_info .phone {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_phone.png) no-repeat center left; color:#00a0e9; margin-right:0px; }




}






/************************* SWIPER *************************/
.swiper-container {overflow:hidden; position:relative; width:100%; margin:0 auto; z-index:1; height:unset;}
.swiper-container-no-flexbox .swiper-slide {float:left;}
.swiper-wrapper {position:relative; width:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; padding: 0 10px;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {-webkit-transform:translate3d(0px, 0, 0); -moz-transform:translate3d(0px, 0, 0); -o-transform:translate(0px, 0px); -ms-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0);}
.swiper-container-free-mode > .swiper-wrapper {margin:0 auto; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.swiper-container-vertical > .swiper-wrapper {-webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;}
.swiper-slide {position:relative; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action:pan-y; touch-action:pan-y;}
.swiper-wp8-vertical {-ms-touch-action:pan-x; touch-action:pan-x;}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {position:absolute; top:50%; z-index:10; cursor:pointer;}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity:0.35; cursor:auto; pointer-events:none;}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide {pointer-events:none;}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto;}
/* Scrollbar */
.swiper-scrollbar {border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal > .swiper-scrollbar {position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%;}
.swiper-container-vertical > .swiper-scrollbar {position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%;}
.swiper-scrollbar-drag {height:100%; width:100%; position:relative; background:rgba(0, 0, 0, 0.5); border-radius:10px; left:0; top:0;}
.swiper-scrollbar-cursor-drag {cursor:move;}
/* pagination */
.paginationDot {width:100%; height:auto; z-index:5; text-align:center;}
.paginationDot .swiper-pagination-switch {display:inline-block; position:relative; width:1.5rem; height:1.5rem; margin:0 0.15rem; cursor:pointer;}
.paginationDot .swiper-pagination-switch:after {content:' '; display:block; position:absolute; top:50%; left:50%; width:0.6rem; height:0.6rem; margin-top:-0.3rem; margin-left:-0.3rem; border-radius:50%; background-color:rgba(255,255,255,0.5);}
.paginationDot .swiper-active-switch:after {background-color:#fff;}

.pagination {text-align:center; padding-top:9px; height:16px; font-size:3px; line-height:3px;}
.pagination .swiper-pagination-switch {width:7px; height:7px; display:inline-block; background-color:#cbcbcb; border-radius:50%; -webkit-border-radius:50%; margin:0 3px;}
.pagination .swiper-active-switch {background-color:#000;}


/* input {
   -webkit-appearance: none; -webkit-border-radius: 0;
}*/

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}



input[type=text] { 
-webkit-ime-mode:active; 
-moz-ime-mode:active; 
-ms-ime-mode:active; 
ime-mode:active; 
}