@charset "utf-8";

/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
}
* { position:relative; word-break:keep-all; }
::-webkit-input-placeholder { color:#a6a6a6; }/* WebKit browsers */
:-moz-placeholder { color:#a6a6a6; }/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#a6a6a6; }/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#a6a6a6; }/* Internet Explorer 10+ */

section, article, div, li, dt, dd {box-sizing:border-box;}


/* header */
#header { position:absolute; top:0;left:0;width:100%;min-width:1526px;z-index:10;}
#header .wrap { position:relative; margin:0 auto; width:100%;max-width:1526px;height:120px;}
#header .wrap h1 {display:block;left:0;top:36px;}
#header .wrap h1 a{display:inline-block;width:300px;height:41px;background:url(../images/logo.png);text-indent:-99999px;}
#header .wrap .txt_phone {position:absolute;right:30px;top:40px;line-height:1;font-family: 'Noto Sans KR';font-size:20px;color:#fff;font-weight:400;}
#header .wrap .txt_phone a {display:inline-block;top:4px;font-size:34px;font-weight:600;color:#fff;padding-left:10px;}


/* gnb */
/*
#header .gnb_open {position:fixed;right:50px;top:50px;width:33px;z-index:30;}
*/

#header .gnb_open {position:fixed;right:40px;top:37px;width:50px;height:50px;z-index:30;}
/*#header .gnb_open {position:fixed;right:50%;margin-right:-747px;top:37px;width:50px;height:50px;z-index:30;}*/
#header .gnb_open i {display:block;width:100%;height:100%;background:url(../images/gnb_list.png);text-indent:-99999px;background-size:100%;}
#header .gnb_open span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative;  background: #cdcdcd; border-radius: 3px;}


.gnb_mask { display:none; position:absolute; top:0; left:0; z-index:200; width:100%; min-width:320px; height:100%; background-color:#000; opacity:0.5;}
#gnb { display:none; position:fixed; top:0; right:-100%; z-index:300; width:400px; height:100%;box-shadow:0 0px 20px rgba(0,0,0,.4);  -webkit-font-smoothing: antialiased;; background:#fff;}

#gnb .gnb_close_con { width: 100%;  padding: 15.625% 0 0; text-align: left;position: relative; overflow: hidden; }
#gnb .gnb_close_con a.gnb_close { position: absolute; top: 20px; right: 20px;width:33px;height:40px;}
#gnb .gnb_close_con a.gnb_close span {display: block; width: 33px; height: 3px;background:#888; 
	transition: color 0.3s ease;border-radius: 3px;}
#gnb .gnb_close_con a.gnb_close span:first-child {transform: translateY(10px) rotate(135deg);}
#gnb .gnb_close_con a.gnb_close span:last-child {transform: translateY(7px) rotate(-135deg);}
#gnb .gnb_close_con a.gnb_home { position: absolute; left: 0; top: 0; z-index: 10; overflow: hidden; height: 100%; }
#gnb .gnb_close_con a.gnb_home img { width: auto; height: 100%; }


#gnb .depth0 { overflow-y:auto; overflow-x:hidden; height:100%;margin:0 50px;}
#gnb .depth0 > li { border-bottom:1px solid #ccc;}
#gnb .depth0 > li:last-child {border-bottom:none;}
#gnb .depth0 > li > a { display:block; position:relative; padding:18px 0; color:#222; font-weight:500;font-family:'Noto Sans KR';}
#gnb .depth0 > li > a:hover { color: #a52424;}



/* Mobile bottom bar */
#bar_nav {display:none;position:fixed;bottom:0;left:50%;transform: translateX(-50%);width:100%;box-shadow:0 -5px 20px rgba(0,0,0,.3);background:#4c3b3b;z-index:50;}
#bar_nav ul {display:flex;}
#bar_nav ul li {width:33.33%;height:3.8em;background:#a52424;}
#bar_nav ul li:nth-child(2) {background-color:#0c2b40;}
#bar_nav ul li:nth-child(3) {background-color:#4c3b3b;}
#bar_nav ul li a {position:relative;display:block;width:100%;height:100%;overflow:hidden;}
#bar_nav ul li a::before {content:'';position:absolute;left:10%;top:50%;transform: translateY(-50%);width:26px;height:26px;background-size:cover;opacity:.6;}
#bar_nav ul li:nth-child(1) a::before {background-image:url(../images/bar_i01.png);}
#bar_nav ul li:nth-child(2) a::before {background-image:url(../images/bar_i02.png);}
#bar_nav ul li:nth-child(3) a::before {background-image:url(../images/bar_i03.png);}
#bar_nav ul li a span {display:block;padding-left:37% ;color:#fff;font-size:0.75em;line-height:1.4;margin-top:1.1em;}
#bar_nav ul li a span b{font-weight:500;display:block;}

@media (max-width: 720px) {
   #bar_nav {display:block;}

}


/* layout */
#wrap {position:relative; min-width:1526px;max-width:1920px;margin:0 auto;overflow:hidden;}
section {position:relative;background-repeat:no-repeat; background-position:center 0; letter-spacing:-0.05em;line-height:1;margin:0 auto;overflow:hidden;}
section .wrap { width:1526px; padding:200px 0 150px;margin:0 auto; text-align:left; z-index:1;}
section .wrap_w { width:100%;text-align:left; z-index:1;}
section h2 {position:relative;text-align:left;font-size:50px;padding-left:30px;}
section h2::before {content:'';position:absolute;left:0;top:-5px;width:4px;height:60px;background:#222;}
section h2 b {font-weight:700;color:#a52424;}
section b {font-weight:700;}

.pcv {display:inline-block;}
.mov {display:none ;}

/*--------------------------------------------------------------
	Main Visual
---------------------------------------------------------------*/
.section1 {height:1079px;background:url(../images/main_visual.jpg) 50% no-repeat;}
.section1 .wrap {padding:0;}
.section1 .tx {position:absolute;left:0;right:0;top:270px;}
.section1 .tx h2, .section1 .tx h3 {color:#fff;}
.section1 .tx h2 {padding:40px 0 0;}
.section1 .tx h2 p {display:block;}
.section1 .tx h3 {font-size:30px;font-weight:400;}
.section1 .tx .box {margin-top:80px;}
.section1 .tx .box p {display:block;color:#fff;font-size:30px;padding:5px 0;overflow:hidden;}
.section1 .tx .box p b {font-size:40px;font-weight:700;}
.section1 .tx .box p i {font-weight:500;}
.section1 .tx .box p b, .section1 .tx .box p i {color:#ff0000;}
.section1 .tx .box ul {display:flex;font-size:0;margin-top:40px; flex-direction:row;flex-wrap:wrap;}
.section1 .tx .box ul li {display:inline-block;width:294px;line-height:80px;background:#ff0000;color:#fff; font-size:30px;font-weight:500; text-align:center; margin-right:10px;}
.section1 .tx .box ul li:last-child {margin-right:0;}


/*--------------------------------------------------------------
	단계별 체계적인 관리 및 대응
---------------------------------------------------------------*/
.section4 {height:1286px;background:url(../images/sec4_bg.jpg) 50% no-repeat;}
.section4 .wrap_w {position:absolute;left:0;right:0;bottom:0;background:url(../images/sec4_box_bg.png) 50% no-repeat;height:276px;}
.section4 .cbox {position:relative;margin:100px auto 0;text-align:left;}
.section4 .cbox ul {display:flex;flex-direction:column;flex-wrap:nowrap;}
.section4 .cbox ul li {display:block;}
.section4 .cbox ul li:nth-child(2) {margin-top:40px;}
.section4 .cbox ul li .c_tit {display:block;position:absolute;left:0;top:0;padding:30px 34px;font-size:40px;font-weight:700;}
.section4 .cbox ul li .c_img {text-align:right;}

.section4 .cbox2 {display:flex;position:relative;width:1526px;height:100%;margin:0 auto;text-align:left;flex-direction:row;flex-wrap:wrap;align-items:center;}
.section4 .cbox2 h5 {position:absolute;left:0;/*top:50%;transform:translateY(-50%);*/width:640px;color:#fff;font-size:34px;font-weight:500;line-height:1.4;}
.section4 .cbox2 ul {display:flex;font-size:0;margin-left:640px;flex-direction:row;flex-wrap:wrap;}
.section4 .cbox2 ul li {display:inline-block;}
.section4 .cbox2 ul li:nth-child(2) {margin-left:30px;}
.section4 .cbox2 ul li p {font-size:28px;color:#fff;padding: 5px 0;}


/*--------------------------------------------------------------
	관련법령
---------------------------------------------------------------*/

.section2 .cbox {position:relative;margin:40px auto 0;text-align:left;}
.section2 .cbox .raw {position:relative;padding:0px 0;}
.section2 .cbox .raw.r2 {margin-top:40px;}
.section2 .cbox .raw h5 {display:inline-block;background:#ae2121;font-size:40px;color:#fff;font-weight:500;padding:15px 30px;}
.section2 .cbox .raw .rbox {margin-top:30px;}
.section2 .cbox .raw p {font-size:30px; font-weight:700;padding-bottom:20px;}
.section2 .cbox .raw ul {display:flex;flex-direction:column;flex-wrap:nowrap;}
.section2 .cbox .raw ul li {font-size:24px;line-height:1.3;padding-bottom:6px;padding-left:28px;}
.section2 .cbox .raw ul li:before {content:'①';position:absolute;left:0;top:0;bottom:0;width:50px;}
.section2 .cbox .raw ul li:nth-child(2):before {content:'②';}
.section2 .cbox .raw ul li:nth-child(3):before {content:'③';}
.section2 .cbox .raw ul li:nth-child(4):before {content:'④';}
.section2 .cbox .raw ul li:nth-child(5):before {content:'⑤';}
.section2 .cbox .raw ul li:nth-child(6):before {content:'⑥';}
.section2 .cbox .raw ul li b {font-weight:600;}


/*--------------------------------------------------------------
	성공사례
---------------------------------------------------------------*/
.section_story {background-image:url(../images/sec_story_bg.jpg);background-attachment:fixed;}
.section_story  h2 {width:1526px;margin:200px auto 0;color:#2f3649;}
.section_story  h2::before {background:#2f3649;}

.section_story .cbox {background:#2f3649;margin:50px 0 70px;padding:50px 0;}
.section_story .cbox .story_view {position:relative;width:1526px;margin:0 auto;}
.section_story .cbox .story_view h3 {display:inline-block;padding:20px 0;font-size:30px;font-weight:500;color:#fff;}
.section_story .cbox .story_view .story {position:relative;text-align:left;}
.section_story .cbox .story_view .st_img {position:absolute;right:0;top:-87px; width:300px; overflow:hidden;}
.section_story .cbox .story_view .st_img img {width:100%;}
.section_story .cbox .story_view  p {width:78%;font-size:24px;font-weight:300;color:#fff;letter-spacing:-0.038em;line-height:1.4; /*text-align:justify;*/ padding-bottom:15px; overflow:hidden;}
.section_story .cbox .story_view  p:last-child {padding-bottom:0;} 
.section_story .cbox .story_view  p span {display:block;}
.section_story .cbox .story_view .stamp {position:absolute;top:-72px;right:194px;width:397px;height:397px;background:url(../images/stamp.png) 100% no-repeat;}

.section_story .slide_box {position:relative;margin-left:calc(50% - 763px);padding-bottom:150px;}
.section_story .slide_box .swiper-container { width: 100%; height: 447px;  margin: 20px auto; }
.section_story .slide_box .swiper-slide {text-align: left; color:#fff; background: #2f3649;  width: 495px; height: 425px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

.section_story .slide_box .swiper-container-horizontal>.swiper-scrollbar {left:0;width:100%;}
.section_story .slide_box .swiper-scrollbar-drag {background:rgba(0,0,0,.2);}
.section_story .slide_box .swiper-slide .slide_view {position:relative;height:100%;width:100%;padding:30px;}
.section_story .slide_box .swiper-slide .slide_view h4, 
.section_story .slide_box .swiper-slide .slide_view h5 {color:#fff;font-weight:500;}
.section_story .slide_box .swiper-slide .slide_view h4 {font-size:30px;padding-bottom:20px;}
.section_story .slide_box .swiper-slide .slide_view h5 {font-size:24px;padding-bottom:40px;}
.section_story .slide_box .swiper-slide .slide_view p {font-size:20px;line-height:1.6;word-break:break-all;}
.section_story .slide_box .swiper-slide .slide_view .stamp_s {position:absolute;bottom:30px;right:20px;width:153px;height:153px;}
.section_story .slide_box .swiper-slide .slide_view .stamp_s img {width:100%;}


/*--------------------------------------------------------------
	변호사 (차별화된 법률 서비스)
---------------------------------------------------------------*/
.section3 {height:1748px;background:url(../images/sec3_bg.jpg) 50% no-repeat;}
.section3  h2 {width:1526px;margin:200px auto 0;color:#cfb798;z-index:2;}
.section3 h2::before {background:#cfb798;}

.section3 .cbox {position:relative;width:1526px;margin:0 auto;padding:50px 0 0;z-index:2;}

.section3 .cbox .swiper-container { width: 1526px; height: 575px; }
.section3 .cbox .swiper-slide {width:368px;  height: 520px; text-align: center;   
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.section3 .cbox .swiper-pagination {bottom:0;left:0%;}
.section3 .cbox .swiper-pagination-bullet {margin-right:10px;width:15px;height:15px;background:#fff;}
.section3 .cbox .swiper-pagination-bullet-active {background:#cfb798;}
.section3 .cbox .swiper-button-prev {left:50%;margin-left:-700px;}
.section3 .cbox .swiper-button-next {right:50%;margin-right:-700px;}

.section3 .cbox .swiper-slide .lawyer {position:relative;width:100%;height:100%;border:1px solid #b79f7f;overflow:hidden;}
.section3 .cbox .swiper-slide .lawyer a {display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;}
.section3 .cbox .swiper-slide .lawyer .law_logo {position:absolute;top:30px;left:30px;width:60px;height:58px;background:url(../images/sec3_logo.png) 0 0 no-repeat;z-index:2;}
.section3 .cbox .swiper-slide .lawyer .law_peo {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}
.section3 .cbox .swiper-slide .lawyer .law_peo.peo01 {background:url(../images/sec3_p01.png) right 20px no-repeat; background-size:59%;}
.section3 .cbox .swiper-slide .lawyer .law_peo.peo02 {background:url(../images/sec3_p02.png) right 20px no-repeat; background-size:60%;}
.section3 .cbox .swiper-slide .lawyer .law_peo.peo03 {background:url(../images/sec3_p03.png) right 20px no-repeat; background-size:62%;}
.section3 .cbox .swiper-slide .lawyer .tx {position:absolute;bottom:30px;left:30px;text-align:left;}
.section3 .cbox .swiper-slide .lawyer .tx p {line-height:40px; background:url(../images/sec3_p_bg01.png);background-size:cover;font-size:20px; font-weight:500;padding:0 20px; min-width:240px;}
.section3 .cbox .swiper-slide .lawyer .tx p:nth-child(2) {margin-top:5px;background-image:url(../images/sec3_p_bg02.png)}
.section3 .cbox .swiper-slide .lawyer .tx .name {font-size:18px;color:#fff;padding:20px 0 0;}
.section3 .cbox .swiper-slide .lawyer .tx .name span {display:inline-block;font-weight:700;font-size:30px;padding-right:10px;}

.section3 .info_box {position:relative;background:url(../images/sec3_info_box.png); background-size:cover;height:275px;z-index:2;overflow:hidden;}
.section3 .info_box ul { width: 1464px;margin:0 auto;padding:50px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		flex-wrap:wrap;
		}
.section3 .info_box ul li {width:50%;color:#fff;margin-bottom:30px;}
.section3 .info_box ul li p {font-size:30px;color:#cfb798;font-weight:500; padding-bottom:15px;}
.section3 .info_box ul li span {font-size:24px;}

.section3 .lawyer_list {position:relative;margin-left:calc(50% - 763px);padding-bottom:150px;}
.section3 .lawyer_list .swiper-container { width: 100%; height: 347px;  margin: 80px auto 0; }
.section3 .lawyer_list .swiper-slide {text-align: left; color:#fff; background: #2f3649;  width:320px; height: 320px; border:1px solid #979797;box-sizing:border-box;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
.section3 .lawyer_list .swiper-scrollbar-drag {background:rgba(255,255,255,.2);}
.section3 .lawyer_list .swiper-scrollbar {background:rgba(255,255,255,.1);}

.section3 .lawyer_list .swiper-container-horizontal>.swiper-scrollbar {left:0;width:100%;}
.section3 .lawyer_list .lawyer_man {position:relative;width:100%;height:100%;overflow:hidden;}
.section3 .lawyer_list .lawyer_man a {display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;}
.section3 .lawyer_list .lawyer_man .lm {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/sec3_lawyer_list01.jpg) 50% 50% no-repeat;background-size:100%;}
.section3 .lawyer_list .lawyer_man .lm01 {background-image:url(../images/sec3_lawyer_list01.jpg);}
.section3 .lawyer_list .lawyer_man .lm02 {background-image:url(../images/sec3_lawyer_list02.jpg);}
.section3 .lawyer_list .lawyer_man .lm03 {background-image:url(../images/sec3_lawyer_list03.jpg);}
.section3 .lawyer_list .lawyer_man .lm04 {background-image:url(../images/sec3_lawyer_list04.jpg);}
.section3 .lawyer_list .lawyer_man .lm05 {background-image:url(../images/sec3_lawyer_list05.jpg);}
.section3 .lawyer_list .lawyer_man .lm06 {background-image:url(../images/sec3_lawyer_list06.jpg);}
.section3 .lawyer_list .lawyer_man .name {position:absolute;bottom:0;left:0;right:0;line-height:60px; font-size:18px;color:#fff;text-align:center;background:rgba(0,0,0,.8);}
.section3 .lawyer_list .lawyer_man .name span {display:inline-block;font-size:30px;font-weight:700;padding-right:10px;top:3px;}





/*--------------------------------------------------------------
	통계로 보는 성폭력범죄 추이
---------------------------------------------------------------*/
.section_graph {position:relative;}
.section_graph .gbox  {position:relative;margin-top:22px;}
.section_graph .gbox p {text-align:right;margin-bottom:40px;}
.section_graph .gbox p i {color:#a52424;font-weight:500;}
.section_graph .gbox ul {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
.section_graph .gbox ul li {margin-right:50px;}
.section_graph .gbox ul li:last-child {margin-right:0;}
.section_graph .gbox ul li .g_wrap {width:331px;height:385px;background:url(../images/gbg.png) 0 0 no-repeat;background-size:100%;}
.section_graph .gbox ul li:first-child .g_wrap {background-image:url(../images/gbg_all.png)}
.section_graph .gbox ul li .g_wrap ul {display:flex;margin-left:45px;}
.section_graph .gbox ul li .g_wrap ul li {margin:0;}
.section_graph .gbox ul li .g_wrap .graph {position:relative;min-width:68px;height:313px;text-align:center;
	display:-webkit-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-content:center;
	overflow:hidden;
	
	}
.section_graph .gbox ul li:nth-child(2) .g_wrap .graph {width:120px;}
.section_graph .gbox ul li:nth-child(4) .g_wrap .graph {width:80px;}

/* graph number */
.section_graph .gbox ul li .g_wrap .graph p {text-align:center;margin-bottom:10px;font-size:16px;font-weight:600;color:#a52424; animation:DownUp_tx 2s ease-in-out backwards;}
.section_graph .gbox ul li .g_wrap .graph p.gt2-1 {animation-delay:0.8s;} 
.section_graph .gbox ul li .g_wrap .graph p.gt2-2 {animation-delay:1.3s;} 
.section_graph .gbox ul li .g_wrap .graph p.gt3-1 {animation-delay:0.8s;} 
.section_graph .gbox ul li .g_wrap .graph p.gt3-2 {animation-delay:1.3s;}
.section_graph .gbox ul li .g_wrap .graph p.gt3-3 {animation-delay:1.5s;}
.section_graph .gbox ul li .g_wrap .graph p.gt3-4 {animation-delay:1.8s;}
.section_graph .gbox ul li .g_wrap .graph p.gt4-1 {animation-delay:0.8s;} 
.section_graph .gbox ul li .g_wrap .graph p.gt4-2 {animation-delay:1.3s;}
.section_graph .gbox ul li .g_wrap .graph p.gt4-3 {animation-delay:1.5s;}

/* graph bar */
.section_graph .gbox ul li .g_wrap .graph .gbar {margin:0 auto;width:53px;background:#a52424;animation:DownUp 2s ease-in-out backwards;	}
.section_graph .gbox ul li .g_wrap .graph .gbar.g1 {height:287px; animation-delay:0s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g2-1 {height:144px; animation-delay:0.5s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g2-2 {height:249px; animation-delay:1s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g3-1 {height:144px; animation-delay:0.5s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g3-2 {height:64px; animation-delay:1s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g3-3 {height:48px; animation-delay:1.3s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g3-4 {height:38px; animation-delay:1.5s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g4-1 {height:144px; animation-delay:0.5s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g4-2 {height:242px; animation-delay:1s;}
.section_graph .gbox ul li .g_wrap .graph .gbar.g4-3 {height:80px; animation-delay:1.3s;}

	@keyframes DownUp{
		0% {transform:translateY(400px);opacity:0} 
		/*animation-timing-function:cubic-bezier(1,0,0,8,1);*/
		70%,100% {transform:translateY(0);opacity:1}
	} 

	@keyframes DownUp_tx{
		0% {transform:translateY(100px);opacity:0} 
		70%,100% {transform:translateY(0);opacity:1}
	} 

/* graph title */
.section_graph .gbox ul li .g_wrap .g_tit {padding-top:10px;font-size:26px;}
.section_graph .gbox ul li:nth-child(1) .g_wrap .g_tit {color:#a52424;}
.section_graph .gbox ul li .g_wrap .g_tit i {font-weight:600;}
.section_graph .gbox ul li .g_wrap .g_tit span {display:block;font-size:16px;line-height:1.3;}

.section_graph .gbox ul li .tx_g {font-size:24px;font-weight:700;margin-left:45px;}
.section_graph .gbox ul li .tx_g i {color:#a52424;}
.section_graph .cbox  {position:relative;text-align:left;margin-top:50px;}
.section_graph .cbox p {line-height:1.4;font-size:24px;padding-bottom:15px;}






/*--------------------------------------------------------------
	월간 사건별 성공사례
---------------------------------------------------------------*/
.section5 {background-image:url(../images/sec5_bg.jpg);background-attachment:fixed;height:1355px;}
.section5 h2 {color:#fff;}
.section5 h2 b {color:#d63131;}
.section5 .wrap .table_box {position:relative;margin-top:40px;padding:30px;background:rgba(255,255,255,.8);}
.section5 .wrap .table_box .table_wrap {position:relative;padding:30px;background:#f4f4f4;overflow:hidden;}
.section5 .wrap .table_box .swiper-container {width: 100%; height: auto; margin-left: auto; margin-right: auto;padding-bottom:30px;}
.section5 .wrap .table_box .swiper-slide {height: auto; 
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
.section5 .wrap .table_box .swiper-pagination {bottom:0;left:0;width:100%;text-align:center;}
.section5 .wrap .table_box .swiper-pagination-bullet {margin-right:10px;width:16px;height:16px;background:#b6b6b6;opacity:1;}
.section5 .wrap .table_box .swiper-pagination-bullet-active {background:#ff0505;}

.section5 .wrap .table_box .swiper-button-prev, 
.section5 .wrap .table_box .swiper-button-next {top:50%;margin-top:0;width:27px;height:44px;}
.section5 .wrap .table_box .swiper-button-prev {left:50%;margin-left:-850px;background:url(../images/bt_prev.png);background-size:100%;}
.section5 .wrap .table_box .swiper-button-next {right:50%;margin-right:-850px;background:url(../images/bt_next.png);background-size:100%;}

.section5 .wrap .table_box .tx {position:relative;width:100%;margin-bottom:30px;}
.section5 .wrap .table_box .tx:last-child {margin-bottom:0;}
.section5 .wrap .table_box .tx p {padding:0 0 15px 16px;font-size:24px;font-weight:700;text-align:left;}
.section5 .wrap .table_box .tx table {width:100%;}
.section5 .wrap .table_box .tx table td {line-height:40px;border:1px solid #ccc;padding-left:16px;text-align:left;background:#fff;}
.section5 .wrap .table_box .tx table td.poi {background:#d63131;color:#fff;font-weight:500;}




/*--------------------------------------------------------------
	자필후기 슬라이드
---------------------------------------------------------------*/
.section6 {background:#f4f4f4;}
.section6 h2 {font-weight:700;color:#7d766b;}
.section6 h2:before {background:#7d766b;}
.section6 .cbox {position:relative;padding-top:50px;}
.section6 .cbox .swiper-wrapper {left:0;}
.section6 .cbox .swiper-container {width: 100%;height: 570px; margin: 0 auto;}
.section6 .cbox .swiper-slide {text-align: center;font-size: 18px; background: #fff; width: 400px ;border:1px solid #bbbbbb;
								/* Center slide text vertically */
								display: -webkit-box;
								display: -ms-flexbox;
								display: -webkit-flex;
								display: flex;
								-webkit-box-pack: center;
								-ms-flex-pack: center;
								-webkit-justify-content: center;
								justify-content: center;
								-webkit-box-align: flex-start;
								-ms-flex-align: flex-start;
								-webkit-align-items: flex-start;
								align-items: flex-start;
								flex-wrap:wrap;
							}

.section6 .cbox .swiper-slide p {width:100%;text-align:left;padding:0 20px;background:#eeeeee;font-size:20px; font-weight:500;color:#444; line-height:1.4;height:98px; word-break:break-all;overflow:hidden; 
								display:flex; 
								-webkit-box-align: center;
								-ms-flex-align: center;
								-webkit-align-items: center;
								align-items: center; 
							}
.section6 .cbox .swiper-slide .ibox {width:100%;height:470px;overflow:hidden;}
.section6 .cbox .swiper-slide .ibox img {width:100%;}

.section6 .cbox .swiper-pagination {bottom:-40px;left:50%;}
.section6 .cbox .swiper-pagination-bullet {margin-right:10px;width:15px;height:15px;}
.section6 .cbox .swiper-pagination-bullet-active {background:#7d766b;}
.section6 .cbox .swiper-button-prev {left:50%;margin-left:-700px;}
.section6 .cbox .swiper-button-next {right:50%;margin-right:-700px;}



/*--------------------------------------------------------------
	변호인단
---------------------------------------------------------------*/
.section7 {background-image:url(../images/sec7_bg.jpg);background-attachment:fixed;height:1097px;}
.section7 .tbox {color:#fff;}
.section7 .tbox p {font-size:30px;margin-top:20px;padding-left:30px;}
.section7 .tbox h2 {color:#fff;}
.section7 .tbox h2:before {background:#fff;}
.section7 .tbox h2 span{color:#2b8bc7;}
.section7 .cbox {position:relative;margin:0 auto;padding-top:50px;z-index:2;}




/*--------------------------------------------------------------
	온라인상담 및 현황
---------------------------------------------------------------*/
.section8 {background:#333;transition:all .3s ease;height:1036px;}
.section8  .video_wrap {position:absolute; top:0; left:0; overflow:hidden;width:100% !important; height:100% !important; }
.section8  .video_wrap:before {content:'';position:absolute;left:0;right:0;width:100%;height:calc(100% - 0px);background-color:rgba(0, 0, 0, .6);z-index:2;}
.section8  .video_wrap #bgVideo {position:absolute; top:calc(50% - 0px); left:50%; transform: translate(-50%, -50%);overflow:hidden;width:auto; height:auto; min-width:100%; min-height:100%;z-index:1;}
/*.section8 {background-image:url(../images/sec8_bg.jpg);background-attachment:fixed;height:1036px;}*/
.section8 .wrap {z-index:3;}
.section8 .tbox {color:#fff;}
.section8 .tbox p {font-size:30px;padding-left:30px;}
.section8 .tbox h2 {color:#fff;padding-bottom:20px;}
.section8 h2:before {background:#c0a792;}
.section8 .tbox h2 span{color:#c0a792;}
.section8 .cbox {position:relative;margin-top:60px;}
.section8 .cbox .list {position:absolute;left:0;top:0;width:748px;height:474px;background:#fff;padding:30px;}
.section8 .cbox .list h3 {font-size:24px;font-weight:700;color:#876e58;text-align:left;}
.section8 .cbox .list p {font-size:18px;padding:15px 0 30px;}
.section8 .cbox .list ul {border-top:2px solid #222;border-bottom:1px solid #222;padding:20px 0;font-size:0;}
.section8 .cbox .list ul li {display:flex;justify-content:space-betweenj;flex-direction:row;text-align:center;line-height:40px;font-size:18px;}
/*.section8 .cbox .list ul li a {display:flex;justify-content:space-betweenj;flex-direction:row;}*/
.section8 .cbox .list ul li span {display:inline-block;}
.section8 .cbox .list ul li span.date {width:25%;text-align:left;} 
.section8 .cbox .list ul li span.tit {width:38%;text-align:left;}
.section8 .cbox .list ul li span.name {width:22%;}
.section8 .cbox .list ul li span.result {width:15%;color:#825a38;}

.section8 .cbox .counsel {position:absolute;right:0;top:0;width:748px;height:474px;color:#fff;}
.section8 .cbox .counsel input[type="text"] {width:100%;line-height:60px;background:#fff;border:none;padding-left:15px;font-size:20px;}
.section8 .cbox .counsel textarea {width:100%;background:#fff;border:none;height:152px;padding:15px;font-size:20px;}
.section8 .cbox .counsel ul {}
.section8 .cbox .counsel ul li {display:block;margin-bottom:15px;}

.section8 .cbox .counsel .agree_check {padding:6px 0 30px;text-align:left;font-size:20px;}
.section8 .cbox .counsel .agree_check a {color:#fff;}
.section8 .cbox .counsel .agree_check label {position:relative;display:inline-block;padding-left:25px;font-size:20px;color:#fff;margin-left:10px;}
.section8 .cbox .counsel .agree_check input[type="radio"] {display:none;}
.section8 .cbox .counsel .agree_check input[type="radio"] + label span { position:absolute;top:0;left:0;display:inline-block;  width:16px;  height:16px;  border:2px solid #222; border-radius:50%; background:#fff;  cursor:pointer; margin-right:5px;}
.section8 .cbox .counsel .agree_check input[type="radio"]:checked + label span { border-color:#222;}
.section8 .cbox .counsel .agree_check input[type="radio"]:checked + label span:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:8px;height:8px;background:#222;border-radius:50%;}
.section8 .cbox .counsel .bt_agree {display:block;position:absolute;bottom:0;left:0;right:0;background:#c0a792;color:#fff;line-height:90px;font-size:34px; font-weight:700;border-radius:5px;text-align:center;}



/*--------------------------------------------------------------
	언론보도 링크
---------------------------------------------------------------*/
.section9 {background-image:url(../images/sec9_bg.jpg);background-attachment:fixed;height:1002px;}
.section9 h2 {color:#fff;}
.section9 h2:before {background:#c0a792;}
.section9 h2 span{color:#c0a792;}
.section9 .cbox {position:relative;padding-top:60px;}
.section9 .cbox ul { font-size:0;
								display:flex; 
								-webkit-box-pack: space-between;
								-ms-flex-pack: space-between;
								-webkit-justify-content: space-between;
								justify-content:space-between;
								-webkit-box-align: center;
								-ms-flex-align: center;
								-webkit-align-items: center;
								align-items: center; 
						}
.section9 .cbox ul li {width:calc(50% - 31px);display:inline-block;}
.section9 .cbox ul li:first-child {margin-right:62px;}
.section9 .cbox ul li a {color:#fff;}
.section9 .cbox ul li .ibox {height:400px;overflow:hidden;}
.section9 .cbox ul li .ibox img {width:100%;}
.section9 .cbox ul li .tx {color:#fff;text-align:left;}
.section9 .cbox ul li .tx p {font-size:24px;padding:25px 0 13px;}
.section9 .cbox ul li .tx span {display:block;font-size:20px;transform:skew(-0.1deg);letter-spacing:-0.03em;}



/*--------------------------------------------------------------
	의뢰인서비스 슬라이드
---------------------------------------------------------------*/
.section10 {background:#fff;}
.section10 h2 span {color:#235aa5;}
.section10 .cbox {position:relative;padding-top:70px;}
.section10 .cbox .swiper-container {margin-left:433px;width:970px !important;height: 550px; border:2px solid #bcbcbc; border-radius:25px 50px;}
.section10 .cbox .swiper-slide {height:550px;text-align: left; font-size: 24px; background: #fff;  padding:50px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.section10 .cbox .swiper-slide .sbox {width:100%;height:100%;}
.section10 .cbox .swiper-slide .sbox h4 {font-size:40px;font-weight:700;padding-bottom:36px;}
.section10 .cbox .swiper-slide .sbox h4 i {font-weight:400;font-size:28px;}
.section10 .cbox .swiper-slide .sbox p {line-height:1.4;}
.section10 .cbox .swiper-slide .sbox span {display:block;padding:20px 0;font-size:20px;}
.section10 .cbox .swiper-slide .sbox ul {display:flex;flex-direction:row;justify-content:space-between;font-size:0;}
.section10 .cbox .swiper-slide .sbox ul li {display:inline-block;width:calc(50% - 10px);height:220px;border:1px solid #bcbcbc;border-radius:5px;overflow:hidden;}
.section10 .cbox .swiper-slide .sbox ul li:first-child {margin-right:20px;}

.section10 .cbox .swiper-pagination {top:70px;left:0;width:386px;}
.section10 .cbox .swiper-pagination-bullet { width:100%; height: 60px; text-align: center; line-height: 60px;  font-size: 30px;font-weight:500;color:#fff; opacity: 1; background:#444; border-radius:0;margin-bottom:10px !important;}
.section10 .cbox .swiper-pagination-bullet-active {background: #235aa5; }


/*--------------------------------------------------------------
	찾아오시는길
---------------------------------------------------------------*/
.section11 {background:#f4f4f4;}
.section11 .tab_box {position:absolute;top:883px;left:0;z-index:2;}
.section11 .tab_box ul {display:flex;font-size:0;}
.section11 .tab_box ul li {display:inline-block;line-height:45px;margin-right:10px;width:110px;}
.section11 .tab_box ul li a {display:block;height:100%;width:100%;font-size:28px;font-weight:500;color:#5f5757;background:#e6e6e6;text-align:center;}
.section11 .tab_box ul li.active a {background:#444;color:#fff;}
.section11 .cbox {position:relative;padding-top:60px;}
.section11 .cbox .box {position:relative;}
.section11 .cbox .map {border:1px solid #e0e0e0;width:988px;height:550px;}
.section11 .cbox .map iframe {width:100%;height:100%;}
.section11 .cbox .info {margin-top:80px;text-align:left;font-size:30px;}
.section11 .cbox .info p {padding:10px 0;}
.section11 .cbox .info p span {display:inline-block;font-size:40px;font-weight:700;padding-right:20px;}
.section11 .cbox .info p a {display:inline-block;color:#222;font-weight:500;}
.section11 .cbox .info p i {display:inline-block;padding:0 15px;color:#888;}
.section11 .cbox .pic {position:absolute;top:0;right:0;}


footer {position:relative;background:#323232;font-family: 'Noto Sans KR';font-weight:300;}
footer .wrap {position:relative;width:1526px;margin:0 auto;padding:50px 0 50px 0;}
footer .wrap .flogo_area {position:absolute;left:0;top:40px;width:110px;}
footer .wrap .flogo_area img {width:100%;}
footer .wrap .copyright {margin-left:192px;color:#c7c7c7;font-size:14px;line-height:1.4;letter-spacing:0;}
footer .wrap .copyright p {line-height:1.6;}
footer .wrap .copyright p span { display: inline-block; margin-right: 15px;padding-right:15px;}
footer .wrap .copyright p span::after {content:'';position:absolute;right:0;top:6px;width:1px;height:12px;background:#c7c7c7;}
footer .wrap .copyright p span:last-child::after {display:none;}


/*--------------------------------------------------------------
	우측 레이어 문의창
---------------------------------------------------------------*/
/* quick counsel*/
#quick_counsel {position:fixed;right:0;bottom:0;width:370px;height:750px;background:#fff;border:1px solid #888;z-index:10; }
#quick_counsel h2 {display:block;background:#000;line-height:70px;text-align:center;font-size:24px;color:#fff;font-weight:400;}
#quick_counsel .bt_close {position:absolute;right:20px;top:20px;display:block; width:26px; height:26px; background:url(../images/bt_close.png) no-repeat; text-indent:-99999px; z-index:21;}
#quick_counsel > .wrap {position:relative;padding:30px;}
#quick_counsel > .wrap .pu_img {height:317px;border-radius:5px;overflow:hidden;background:url(../images/pu_img.jpg) no-repeat 50% 0;}

#quick_counsel > .wrap .form_box {position:relative;margin-top:20px;}
#quick_counsel > .wrap .form_box li {margin-bottom:10px;}
#quick_counsel > .wrap .form_box li:last-child {margin-bottom:0;}
#quick_counsel > .wrap .form_box input[type="text"] {width:100%;line-height:50px;background:#eeeeee;border:1px solid #888;border-radius:5px;padding-left:15px;font-size:18px;}
#quick_counsel > .wrap .agree_check {padding:10px 0 20px;text-align:center;font-size:14px;}
#quick_counsel > .wrap .agree_check a {color:#222;}
#quick_counsel > .wrap .agree_check label {position:relative;display:inline-block;padding-left:20px;font-size:14px;color:#222;margin-left:10px;}
#quick_counsel > .wrap .agree_check input[type="radio"] {display:none;}
#quick_counsel > .wrap .agree_check input[type="radio"] + label span { position:absolute;top:0;left:0;display:inline-block;  width:10px;  height:10px;  border:2px solid #000; border-radius:50%;   cursor:pointer;}
#quick_counsel > .wrap .agree_check input[type="radio"]:checked + label span { border-color:#000;}
#quick_counsel > .wrap .agree_check input[type="radio"]:checked + label span:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:6px;height:6px;background:#000;border-radius:50%;}

#quick_counsel > .wrap .bt_agree {display:block;line-height:50px;background:#000;font-size:20px;font-weight:400;color:#fff;text-align:center;border-radius:5px;}

.quick_open {position:fixed;display:none;right:20px;bottom:20px;width:102px;height:102px;background:#000;color:#fff;line-height:102px;border-radius:50px;text-align:center;font-size:18px; box-shadow:0 5px 10px rgba(0,0,0,.3);z-index:9;}










@media (max-width: 720px) {

	/* header */
	#header {min-width:100%;}
	#header .wrap { width:calc(100% - 8.333vw);max-width:100%;height:13.888vw;}
	#header .wrap h1 {top:3.611vw;left:0;}
	#header .wrap h1 a {width:41.666vw;height:5.694vw;background-size:100%;}
	#header .wrap .txt_phone {display:none;}


	/* gnb */
	#header .gnb_open {right:4.166vw;top:3.5vw;width:7.7vw;height:7.7vw;margin-right:0;}
	#header .gnb_open span { width: 100%; margin-bottom: 1vw; }
	#gnb {width:100%;}
	#gnb .gnb_close_con a.gnb_close {top: 4.78vw; right: 2.78vw;width:33px;height:40px;}
	#gnb .gnb_close_con a.gnb_close span {width: 33px; height: 3px;}
	#gnb .depth0 { margin:0 7vw;}
	#gnb .depth0 > li > a { padding:2.5vw 0;}


	#wrap {width:100%;min-width:100%;}
	section .wrap {width:calc(100% - 8.333vw); padding:20.833vw 0 ;}
	section {background-size:cover;}
	section h2 {font-size:6.944vw;padding-left:4vw;}
	section h2:before {width:0.555vw;height:100%;top:0;}

	.pcv {display:none;}
	.mov {display:inline-block;}

	.section1 {min-width:100%;height:152.777vw;;background:url(../images/main_visual_m.jpg) 50% no-repeat;background-size:cover;}
	.section1 .wrap {width:calc(100% - 8.333vw);}
	.section1 .tx {top:30.5vw;text-align:center;}
	.section1 .tx h2 {font-size:8.333vw;padding:6vw 0 0;font-weight:500;line-height:1.2;text-align:center;}
	.section1 .tx h2 p img {width:70.277vw;}
	.section1 .tx h3 {font-size:4.166vw;}
	.section1 .tx h3 span {display:block;line-height:1.4;}
	.section1 .tx .box {margin-top:10vw;padding:0 4.166vw;}
	.section1 .tx .box p {font-size:4vw;padding:1.1vw 0;}
	.section1 .tx .box p:nth-child(2) {padding-top:0;}
	.section1 .tx .box p b {font-size:4vw;}
	.section1 .tx .box p i {font-weight:700;}
	.section1 .tx .box p span {display:block;padding:0 0 1.1vw 0;}
	.section1 .tx .box ul {margin-top:4.166vw;}
	.section1 .tx .box ul li {width:calc(50% - 1.388vw);margin-right:1.388vw;margin-bottom:1.388vw; font-size:4.166vw;line-height:11.111vw;}
	.section1 .tx .box ul li:nth-child(even) {width:50%;margin-right:0}

	/*관리 및 대응*/
	.section4 .wrap_w {height:55.833vw;background-image:url(../images/sec4_box_bg_m.png);background-size:cover;}
	.section4 {background-image:url(../images/sec4_bg_m.jpg);height:251.527vw;}
	.section4 .cbox {margin:7vw auto 0; }
	.section4 .cbox ul li:nth-child(2) {margin-top:9.305vw;}
	.section4 .cbox ul li .c_tit {position:relative;left:auto;top:auto;padding:0 0 3vw 0;font-size:5.555vw;}
	.section4 .cbox ul li .c_img {text-align:center;}
	.section4 .cbox ul li .c_img img {width:100%}

	.section4 .cbox2 {display:block;width:calc(100% - 8.333vw);height:100%;margin:0 auto;text-align:left;padding:5.555vw 0 0;}
	.section4 .cbox2 h5 {position:relative;left:0;width:100%;font-size:4vw;}
	.section4 .cbox2 ul {margin-left:0;margin-top:3.33vw;}
	.section4 .cbox2 ul li {display:block;width:100%;}
	.section4 .cbox2 ul li:nth-child(2) {margin-left:0;}
	.section4 .cbox2 ul li p {font-size:3.333vw;padding: 0.694vw 0;}


	.section2 .cbox {margin:7.816vw auto 0;}
	.section2 .cbox .raw {padding:0px 0;}
	.section2 .cbox .raw.r2 {margin-top:5.555vw;}
	.section2 .cbox .raw h5 {font-size:4.166vw;padding:2.083vw 4.166vw;}
	.section2 .cbox .raw .rbox {margin-top:4.166vw;}
	.section2 .cbox .raw p {font-size:4.166vw;padding-bottom:2.777vw;}
	.section2 .cbox .raw ul li {font-size:3.333vw;padding-bottom:0.833vw;padding-left:3.888vw;}
	.section2 .cbox .raw ul li:before {width:6.9444vw;}

	.section_story {height:auto;background-repeat:repeat;}
	.section_story h2 {width:calc(100% - 8.333vw);text-align:left;margin:20.833vw auto 0}
	.section_story .cbox {margin:5.555vw 0 4.166vw;padding:6.944vw 0 10vw;}
	.section_story .cbox .story_view {width:100%;}
	.section_story .cbox .story_view h3 {font-size:4.166vw;padding:4.166vw;line-height:1.3;}
	.section_story .cbox .story_view h3 span {display:block;}
	.section_story .cbox .story_view .story {padding:4.166vw;min-height:auto; }
	.section_story .cbox .story_view .st_img {width:30vw;height:auto;margin-bottom:3vw; top:47vw;left:auto;right:3vw;}
	.section_story .cbox .story_view .story .tit {display:block;font-size:3.9vw; padding:1.4vw 0 2vw;}
	.section_story .cbox .story_view  p {font-size:3.333vw;width:100%;}
	.section_story .cbox .story_view  p span {padding-bottom:0.5vw;line-height:1.5;}
	.section_story .cbox .story_view  p.itx {width:65%;}
	.section_story .cbox .story_view .stamp {top:55vw;right:5vw;width:40vw;height:40vw;background-size:100%;}

	.section_story .slide_box {margin-left:4.166vw;padding-bottom:20.83vw;}
	.section_story .slide_box .swiper-container {height: 65.083vw;  margin: 2.777vw auto; }
	.section_story .slide_box .swiper-slide {width:68.75vw; height: 59.027vw;}
	.section_story .slide_box .swiper-slide .slide_view {padding:4.166vw;}

	.section_story .slide_box .swiper-slide .slide_view h4 {font-size:4.166vw;padding-bottom:2.777vw;}
	.section_story .slide_box .swiper-slide .slide_view h5 {font-size:3.333vw;padding-bottom:5.555vw;}
	.section_story .slide_box .swiper-slide .slide_view p {font-size:3vw;line-height:1.5;}
	.section_story .slide_box .swiper-slide .slide_view .stamp_s {bottom:4.166vw;right:2.777vw;width:21.25vw;height:21.25vw;}





	.section3 {background-image:url(../images/sec3_bg_m.jpg);min-height:252.777vw;height:auto;background-position:0 0;}
	.section3  h2 {width:calc(100% - 8.333vw); margin:20.833vw auto 0;}
	.section3  h2 span {display:block;line-height:1.2;}
	.section3 .cbox {position:relative;width:calc(100% - 8.333vw);padding:6.944vw 0 0;}

	.section3 .cbox .swiper-container { width: 100%; height: 110vw; }
	.section3 .cbox .swiper-slide {width:50.833vw/* !important*/;  height:93vw;}
	.section3 .cbox .swiper-pagination {bottom:6vw;}
	.section3 .cbox .swiper-slide .lawyer {width:96%;}
	.section3 .cbox .swiper-slide .lawyer .law_logo {top:4.166vw;left:4.166vw;width:8.333vw;height:8.333vw;background-size:100%;}
	.section3 .cbox .swiper-slide .lawyer .law_peo.peo01 {background-size:60%;}
	.section3 .cbox .swiper-slide .lawyer .law_peo.peo02 {background-size:65%;}
	.section3 .cbox .swiper-slide .lawyer .law_peo.peo03 {background-size:68%;}
	.section3 .cbox .swiper-slide .lawyer .tx {bottom:4.166vw;left:4.166vw;}
	.section3 .cbox .swiper-slide .lawyer .tx p {line-height:6vw;font-size:4vw;padding:0 3vw; min-width:33.333vw;}

	.section3 .cbox .swiper-slide .lawyer .tx .name {font-size:3.333vw;padding:3vw 0 0;}
	.section3 .cbox .swiper-slide .lawyer .tx .name span {font-size:6vw;padding-right:1.8vw;}

	.section3 .info_box {background-image:url(../images/sec3_info_box_m.png);height:auto;}
	.section3 .info_box ul { width: 100%;margin:0 auto;padding:6.944vw 0 4vw 7vw;}
	.section3 .info_box ul li {width:100%;display:block;margin-bottom:3vw;}
	.section3 .info_box ul li p {font-size:4.166vw;padding-bottom:1.5vw;}
	.section3 .info_box ul li span {font-size:3.333vw;}

	.section3 .lawyer_list {margin-left:8.333vw;padding-bottom:20.833vw;}
	.section3 .lawyer_list .swiper-container { width: 100%; height: 51.944vw;  margin: 4.166vw auto 0; }
	.section3 .lawyer_list .swiper-slide { width:44.444vw; height: 44.444vw;} 

	.section3 .lawyer_list .lawyer_man .name {line-height:8.333vw; font-size:2.777vw;}
	.section3 .lawyer_list .lawyer_man .name span {font-size:4.166vw;padding-right:1.5vw;top:3px;}


	.section_graph .gbox  {margin-top:8.333vw;}
	.section_graph .gbox p {margin-bottom:40px;font-size:2.8vw;}
	.section_graph .gbox ul li {margin-right:0;}
	.section_graph .gbox ul li:nth-child(1),
	.section_graph .gbox ul li:nth-child(3) {margin-right:2vw;}

	.section_graph .gbox ul li:nth-child(3),
	.section_graph .gbox ul li:nth-child(4) {margin-top:7vw;}

	.section_graph .gbox ul li .g_wrap {width:42vw;height:50.472vw;}
	.section_graph .gbox ul li:first-child .g_wrap {background:url(../images/gbg.png) 0 0 no-repeat;background-size:100%;}
	.section_graph .gbox ul li:nth-child(3) .g_wrap,
	.section_graph .gbox ul li:nth-child(4) .g_wrap {height:47.472vw;}

	.section_graph .gbox ul li .g_wrap ul {margin-left:6.25vw;}
	.section_graph .gbox ul li .g_wrap ul li {margin:0;}
	.section_graph .gbox ul li .g_wrap .graph {min-width:7.9vw;height:40vw;}
	.section_graph .gbox ul li:nth-child(2) .g_wrap .graph {width:16.666vw;}
	.section_graph .gbox ul li:nth-child(4) .g_wrap .graph {width:11.111vw;}
	.section_graph .gbox ul li .g_wrap .graph p {margin-bottom:1.388vw;font-size:3.5vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar {width:6.361vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g1 {height:37.86vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g2-1 {height:18.5vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g2-2 {height:31.583vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g3-1 {height:18.5vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g3-2 {height:8.1vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g3-3 {height:5.5vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g3-4 {height:4.27vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g4-1 {height:17.5vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g4-2 {height:31.611vw;}
	.section_graph .gbox ul li .g_wrap .graph .gbar.g4-3 {height:10vw;}
	.section_graph .gbox ul li .g_wrap .g_tit {padding-top:1.388vw;font-size:4.333vw;}
	.section_graph .gbox ul li:nth-child(1) .g_wrap .g_tit {padding-top:2.8vw !important;}
	.section_graph .gbox ul li .g_wrap .g_tit span {font-size:3vw;}
	.section_graph .gbox ul li .tx_g {font-size:3.333vw;margin-left:6.25vw;}

	.section_graph .cbox  {margin-top:50px;}
	.section_graph .cbox p {font-size:3.333vw;padding-bottom:15px;}


	.section5 {background-image:url(../images/sec5_bg_m.jpg);height:auto;background-attachment:scroll;}
	.section5 h2 {text-align:left;}
	.section5 h2 img {width:55.277vw;}
	.section5 .wrap .table_box {margin-top:5.555vw;padding:4.1666vw;background:#f4f4f4;}
	.section5 .wrap .table_box .table_wrap {padding:0;background:transparent;}
	.section5 .wrap .table_box .tbox01 {position:relative;left:auto;top:auto;width:100%;}
	.section5 .wrap .table_box .tbox02 {position:relative;margin-left:0;width:100%;}
	.section5 .wrap .table_box .tx {position:relative;margin-bottom:3.1666vw !important;}
/*	.section5 .wrap .table_box .tx:last-child {margin-bottom:4.1666vw;}*/
	.section5 .wrap .table_box .tx p {padding:0 0 2.083vw 2.222vw;font-size:3.333vw;}
	.section5 .wrap .table_box .tx table td {font-size:2.8vw;line-height:5.555vw;padding-left:2.222vw;}


	.section6 .wrap {width:calc(100% - 8.333vw);}
	.section6 h2 {font-size:5.555vw;line-height:1.4;}
	.section6 h2 i {display:block;}
	.section6 .tbox {width:calc(100% - 8.333vw);}

	.section6 .cbox {padding-top:6.944vw;left:0;margin-left:0;}
	.section6 .cbox .swiper-wrapper {left:0;}
	.section6 .cbox .swiper-container {width:calc(100% - 8.333vw);height: auto; margin: 0 auto;}
	.section6 .cbox .swiper-slide { width: 100% !important;}
	.section6 .cbox .swiper-slide p {font-size:3.333vw;height:15.972vw; }
	.section6 .cbox .swiper-slide .ibox {height:91.4vw;}
	.section6 .cbox .swiper-pagination {left:0;bottom:-7vw;width:100%;}
	.section6 .cbox .swiper-pagination-bullet {width:4vw;height:4vw;}


	.section7 {background-image:url(../images/sec7_bg_m.jpg);background-attachment:scroll;height:147.916vw;}
	.section7 .wrap {width:100%;padding-top:27.777vw;}
	.section7 .tbox {width:calc(100% - 8.333vw);margin:0 auto;}
	.section7 .tbox p {font-size:3.333vw;font-weight:300;padding:2.777vw 0 0 6.44vw;margin:0;}
	.section7 .tbox h2 {font-size:6.944vw;}
	.section7 .tbox h2 i {display:block;line-height:1.2;}
	.section7 .cbox {width:100%;padding:7.138vw 0 0;}
	.section7 .cbox img {width:100%;}
	.section7 .cbox ul li {width:33.33%;font-size:3.333vw;}
	.section7 .cbox ul li:nth-child(2) {z-index:2;}
	.section7 .cbox ul li .ibox {height:57.5vw;overflow:inherit;}
	.section7 .cbox ul li .ibox img {width:43.194vw;}
	.section7 .cbox ul li:nth-child(1) .ibox img{margin-left:-8vw;}
	.section7 .cbox ul li:nth-child(2) .ibox img{margin-left:-5vw;}
	.section7 .cbox ul li:nth-child(3) .ibox img{margin-left:-8vw;}
	.section7 .cbox .tx {padding-top:4.166vw;}
	.section7 .cbox .tx p {font-size:3.333vw;}
	.section7 .cbox .tx p:first-child {line-height:1.4;font-size:2.777vw;}
	.section7 .cbox .tx p:last-child {height:11.111vw;font-size:2.5vw;}
	.section7 .cbox .tx p span {display:block;padding-left:0;font-size:5.555vw;}
	.section7 .bgbox {top:115vw;height:33.194vw;}

	.section8 {background-image:url(../images/sec8_bg_m.jpg);background-attachment:scroll;height:auto;}
	.section8 .wrap {width:calc(100% - 8.333vw);}
	.section8 .tbox p {font-size:3.333vw;padding-left:5.33vw;}
	.section8 .tbox h2 {padding-bottom:2.777vw;line-height:1.2;font-size:6.944vw;}
	.section8 .cbox {margin-top:8.333vw;}

	.section8 .cbox .list {position:relative;margin-top:10vw;top:auto;width:100%;height:auto;padding:6.166vw 4.166vw;}
	.section8 .cbox .list h3 {font-size:5.555vw;padding-bottom:4.388vw;}
	.section8 .cbox .list ul {padding:2.777vw 0;}
	.section8 .cbox .list ul li {line-height:6.5vw;font-size:3.2vw;}

	.section8 .cbox .counsel {position:relative;right:auto;top:auto;width:100%;height:auto;}
	.section8 .cbox .counsel input[type="text"] {width:100%;line-height:8.5vw;padding-left:2.083vw;font-size:3.5vw;}
	.section8 .cbox .counsel textarea {width:100%;height:22vw;padding:2.083vw;font-size:3.5vw;}
	.section8 .cbox .counsel ul li {margin-bottom:2.083vw;}
	.section8 .cbox .counsel .agree_check {padding:0.833vw 0 4.166vw;font-size:3.5vw;}
	.section8 .cbox .counsel .agree_check label {padding-left:4.472vw;font-size:3.5vw;margin-left:1.3888vw;}
	.section8 .cbox .counsel .agree_check input[type="radio"] + label span { top:-0.5vw;width:3vw;  height:3vw; margin-right:0.694vw;}
	.section8 .cbox .counsel .agree_check input[type="radio"]:checked + label span:after {width:1.3vw;height:1.3vw;}
	.section8 .cbox .counsel .bt_agree {position:relative;bottom:auto;left:0;right:0;line-height:14vw;font-size:4.8vw;}

	.section9 {background-image:url(../images/sec9_bg_m.jpg);background-attachment:scroll;height:221.527vw;}
	.section9 h2 {font-size:6.944vw;line-height:1.2;}

	.section9 .cbox {position:relative;padding-top:8.333vw;}
	.section9 .cbox ul {width:calc(100% - 8.333vw);margin:0 auto;display:flex;flex-direction:column;}
	.section9 .cbox ul li {width:calc(100%);display:block;text-align:center;}
	.section9 .cbox ul li:first-child {margin-right:0}
	.section9 .cbox ul li .ibox {height:auto;}
	.section9 .cbox ul li .tx {margin-bottom:5.166vw;}
	.section9 .cbox ul li .tx p {font-size:4vw;padding:2.472vw 0 1.805vw;font-weight:500;}
	.section9 .cbox ul li .tx span {font-size:3.2vw;line-height:1.2;}

	.section10 .wrap {width:calc(100% - 8.333vw);}
	.section10 h2 {font-size:6.944vw;line-height:1.2;}
	.section10 h2 i {display:block;}
	.section10 h2 span {color:#235aa5;}
	.section10 .cbox {padding-top:2.722vw;}
	.section10 .cbox .swiper-container {margin-left:0;margin-top:25vw;width:100% !important; height: auto;border-radius:5px;}
	.section10 .cbox .swiper-slide {height:auto;font-size: 3.2vw; padding:5.944vw 4vw;}
	.section10 .cbox .swiper-slide .sbox h4 {font-size:5.555vw;padding-bottom:5vw;}
	.section10 .cbox .swiper-slide .sbox h4 i {display:block;padding-top:1vw;font-size:3.888vw;}
	.section10 .cbox .swiper-slide .sbox span {padding:2.777vw 0;font-size:3vw;line-height:1.4;}
	.section10 .cbox .swiper-slide .sbox ul li {display:inline-block;width:calc(50% - 10px);height:auto;}
	.section10 .cbox .swiper-slide .sbox ul li:first-child {margin-right:20px;}
	.section10 .cbox .swiper-slide .sbox ul li img {width:100%;}
	.section10 .cbox .swiper-pagination {top:5.722vw;left:0;width:100%;}
	.section10 .cbox .swiper-pagination-bullet { width:calc(50% - 0.694vw); height: 8.333vw;line-height: 8.333vw;  font-size: 4.166vw;border-radius:0; margin-bottom:1.388vw !important;}
	.section10 .cbox .swiper-pagination-bullet:nth-child(odd) {margin-right:1.388vw;}

	.section11 .wrap {width:calc(100% - 8.333vw);}
	.section11 h2 {font-size:6.944vw;line-height:1.2;}
	.section11 .tab_box {top:116.777vw;}
	.section11 .tab_box ul li {line-height:6.25vw;width:15.27vw;}
	.section11 .tab_box ul li a {font-size:3.888vw;}
	.section11 .cbox {padding-top:8.333vw;}
	.section11 .cbox .map {height:76.388vw;}
	.section11 .cbox .map iframe {width:100%;height:100%;}
	.section11 .cbox .info {margin-top:10.888vw;font-size:3.33vw;}
	.section11 .cbox .info p {padding:1.388vw 0;}
	.section11 .cbox .info p span {font-size:4.16vw;padding-right:2.777vw;}



	footer .wrap {width:100%;margin:0 auto;padding:6.94vw 0 23.94vw}
	footer .wrap .flogo_area {position:relative;left:inherit;top:inherit;width:17.5vw; margin:0 auto !important;text-align:center;}
	footer .wrap .flogo_area img {width:100%;}
	footer .wrap .copyright {margin-left:0;margin-top:7vw;font-size:2.5vw;text-align:center;}
	footer .wrap .copyright p {line-height:1.6;}
	footer .wrap .copyright p span {margin-right: 2.083vw;padding-right:2.083vw;}
	footer .wrap .copyright p span::after {top:1.138vw;width:1px;height:1.666vw;}
	footer .wrap .copyright p span:nth-child(3)::after {display:none;}
	footer .wrap .copyright p:nth-child(2) span::after {display:none;}


	#quick_counsel, .quick_open  {display:none !important;}


}