@charset "utf-8";

.title_wrap { margin-bottom:100px; }
.title_wrap h2 { font-size:50px; text-align:center; margin-bottom:10px; }
.title_wrap p { font-size:25px; text-align:center; font-weight:700; }


ul.law_list_type01 { border-top:1px solid #000; margin-bottom:90px; }
ul.law_list_type01 li { height:80px; line-height:75px; border-bottom:1px solid #d7d7d7; background:#fff; font-size:25px; }
ul.law_list_type01 li strong { color:#273a62; }
ul.law_list_type01 li .icon { display:inline-block; margin-right:10px; }

/* Intro */
#lawting-intro  {  }
#lawting-intro .sec01 { position:relative; padding:100px 0; }
#lawting-intro .sec01 .inner { width:700px; height:500px; margin:0 auto; background:url('/img/sub/introiduce/txt1.jpg') top center no-repeat; padding-top:110px; }
#lawting-intro .sec01 .inner p { font-size:16px; text-align:center; line-height:30px;}
#lawting-intro .sec01 .inner p strong { font-weight:700; }

#lawting-intro .sec02 { }
#lawting-intro .sec02 ul {}
#lawting-intro .sec02 ul li { position:relative; }
#lawting-intro .sec02 ul li:after {display:block;visibility:hidden;clear:both;content:""}
#lawting-intro .sec02 ul li .thumb { float:left; width:50%; height:370px; }
#lawting-intro .sec02 ul li.item1 .thumb { background:url('/img/sub/introiduce/img1.jpg') top right no-repeat; }
#lawting-intro .sec02 ul li.item2 .thumb { background:url('/img/sub/introiduce/img2.jpg') top right no-repeat; }
#lawting-intro .sec02 ul li.item3 .thumb { background:url('/img/sub/introiduce/img3.jpg') top right no-repeat; }

#lawting-intro .sec02 ul li .info { float:right; width:50%; padding:70px 0 0 60px;  }
#lawting-intro .sec02 ul li .info h2 { color:#2e3d68; font-size:30px; font-weight:700; margin-bottom:10px; }
#lawting-intro .sec02 ul li .info p { font-size:18px; font-weight:300; line-height:28px;  }

#lawting-intro .sec02 ul li.item2 .thumb { float:right; }
#lawting-intro .sec02 ul li.item2 .info { float:right; text-align:right; padding:70px 60px 0 0px;   }

#lawting-intro .sec03 { position:relative; padding:220px 0 150px; }
#lawting-intro .sec03 .inner { width:1380px; margin:0 auto; }

#lawting-intro .sec04 { position:relative; padding:120px 0; background:#f0f0f0; }
#lawting-intro .sec04 .inner { width:1400px; margin:0 auto; }
#lawting-intro .sec04 .cv-pager { margin-top:30px; }
#lawting-intro .sec04 .cv-pager:after {display:block;visibility:hidden;clear:both;content:""}
#lawting-intro .sec04 .cv-pager li { float:left; width:19.20%; margin-bottom:15px; }
/*#lawting-intro .sec04 .cv-pager li { float:left; width:24.25%; } */
#lawting-intro .sec04 .cv-pager li + li { margin-left:1%; }
#lawting-intro .sec04 .cv-pager li:nth-child(5n-4) { clear:both; margin-left:0; }
#lawting-intro .sec04 .cv-pager li img { width:100%; height:auto; opacity: 0.7; }
#lawting-intro .sec04 .cv-pager li a.active img { opacity: 1; }

/* marketer */

#marketer {  width:1080px; margin:150px auto 0; }
#marketer .mem_title{margin-top:100px;}
#marketer .mem_title>.t1{color:#797979;font-size:20px;font-weight:bold;letter-spacing:3px}
#marketer .mem_title>.t2{color:#355ba1;font-size:22px;font-weight:600}

#marketer .mem_wrap{width:1080px;padding-bottom:200px;}
#marketer .mem_wrap .mem_big{margin-top:100px;}
#marketer .mem_wrap .mem_big ul::after{content:'';display:block;clear:both;}
#marketer .mem_wrap .mem_big li{overflow:hidden;background:#efefef;position:relative;float:left;width:530px;height:340px;padding:40px 35px;margin-right:15px;margin-bottom:15px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#marketer .mem_wrap .mem_big li:nth-child(2n){margin-right:0;}
#marketer .mem_wrap .mem_big li:hover{background:#355ba1}
#marketer .mem_wrap .mem_big li:hover .t1_1,
#marketer .mem_wrap .mem_big li:hover .t1_2 div,
#marketer .mem_wrap .mem_big li:hover .t1 a{color:#fff}
#marketer .mem_wrap .mem_big li .t1_1{color:#202223;font-size:30px;line-height:28px;font-weight:bold}
#marketer .mem_wrap .mem_big li .t1_2{margin-top:29px;}
#marketer .mem_wrap .mem_big li .t1_2 div{color:#808080;font-size:20px;line-height:28px}
#marketer .mem_wrap .mem_big li .t1 a{position:absolute;bottom:40px;left:35px;display: inline-block;color:#355ba1;font-size:20px;font-weight:bold}
#marketer .mem_wrap .mem_big li img{position:absolute;bottom:0;right:-20px;width:285px}

#marketer .mem_wrap .mem_detail{margin-top:60px;}
#marketer .mem_wrap .mem_detail .title{color:#202223;font-size:24px;line-height:24px;}

#marketer .mem_wrap .mem_detail .part1{overflow:hidden;position:relative;width:100%;height:616px;background-color:#efefef;color:#202223}
#marketer .mem_wrap .mem_detail .part1 .t1_1{padding-top:65px;padding-left:58px;font-size:33px;line-height:45px;}
#marketer .mem_wrap .mem_detail .part1 .t1_1.lett{letter-spacing:-3px;}
#marketer .mem_wrap .mem_detail .part1 .t1_2{margin-top:40px;padding-left:58px;}
#marketer .mem_wrap .mem_detail .part1 .t1_2 p{font-size:22px;line-height:22px;}
#marketer .mem_wrap .mem_detail .part1 .t1_2 p:first-child{margin-bottom:11px;color:#808080;font-size:12px;line-height:12px;letter-spacing:3px;font-weight:bold}
#marketer .mem_wrap .mem_detail .part1 .t1_3{position:relative;z-index:10;margin-left:58px;margin-top:26px;padding:23px 25px;width:490px;height:265px;background-color:#fff;overflow-y:scroll;}
#marketer .mem_wrap .mem_detail .part1 .t1_3::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}
#marketer .mem_wrap .mem_detail .part1 .t1_3::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
#marketer .mem_wrap .mem_detail .part1 .t1_3 .txt{margin-bottom:17px;color:#808080;font-size:15px;line-height:20px;}
#marketer .mem_wrap .mem_detail .part1 img{position:absolute;bottom:0;right:-60px;z-index:1}

#marketer .mem_wrap .mem_detail .part2{margin-top:50px}
#marketer .mem_wrap .mem_detail .part2 img{width:100%}

#marketer .mem_wrap .mem_detail .part3{margin-top:90px;}
#marketer .mem_wrap .mem_detail .p3_ul{margin-top:40px;}
#marketer .mem_wrap .mem_detail .p3_ul ul::after{content:'';display:block;clear:both;}
#marketer .mem_wrap .mem_detail .p3_ul li{position:relative;float:left;margin-right:27px;margin-top:30px;width:248px;height:248px;background-color:#efefef;text-align:center;}
#marketer .mem_wrap .mem_detail .p3_ul li:nth-child(4n){margin-right:0}
#marketer .mem_wrap .mem_detail .p3_ul li:nth-child(-n+4){margin-top:0}
#marketer .mem_wrap .mem_detail .p3_ul li a{position:absolute;display:block;width:100%;margin:0 auto;bottom:0;}
#marketer .mem_wrap .mem_detail .p3_ul li img{margin-bottom:-5px;width:90%;}
#marketer .mem_wrap .mem_detail .p3_ul li .cover{position:absolute;width:100%;height:100%;opacity:0;background-color:rgba(0,107,214,0.8);z-index:1;transition:all 0.3s ease-out}
#marketer .mem_wrap .mem_detail .p3_ul li .cover a{position:relative;width:100%;height:100%;}
#marketer .mem_wrap .mem_detail .p3_ul li .cover .name{padding-top:21px;padding-left:18px;color:#fff;font-size:20px;line-height:20px;text-align:left;}
#marketer .mem_wrap .mem_detail .p3_ul li .cover .plus{position:absolute;bottom:20px;right:20px;color:#fff;font-size:35px;line-height:35px;}
#marketer .mem_wrap .mem_detail .p3_ul li:hover .cover{opacity:1;transition:all 0.3s ease-out}

/* marketing field */

#marketing-field { }
#marketing-field .inner { width:1400px; margin:0 auto; }

#marketing-field .sec01 { position:relative; padding:80px 0; text-align:center; background:#f5f5f5; }
#marketing-field .sec01 ul {}
#marketing-field .sec01 li { display:table; padding:80px 0 40px; }
#marketing-field .sec01 li .thumb { display:table-cell; width:410px; text-align:left; }
#marketing-field .sec01 li .info { display:table-cell; vertical-align:middle; text-align:left; font-size:30px; font-weight:300; }
#marketing-field .sec01 li + li { border-top:1px dotted #b5b5b5; }

#marketing-field .sec02 { position:relative; padding:150px 0 100px;  }
#marketing-field .sec02 h2 { text-align:center; font-size:55px; margin-bottom:100px; font-weight:400; }
#marketing-field .sec02 h2 strong{ color:#23345f; } 
#marketing-field .sec02 .info_wrap { margin-bottom:100px; }
#marketing-field .sec02 .info_wrap h3 { margin-bottom:50px; text-align:center; }

#marketing-field .sec03 { position:relative; padding:150px 0 200px; background:#f5f5f5; }
#marketing-field .sec03 .inner { width:1540px; }
#marketing-field .sec03 h2 { text-align:center; font-size:55px; margin-bottom:100px; font-weight:400; }
#marketing-field .sec03 .info_wrap { display:table; margin-bottom:200px; }
#marketing-field .sec03 .info_wrap.info_wrap_type01 { width:1442px; margin:0 auto; }
#marketing-field .sec03 .info_wrap > div { display:table-cell; }

#marketing-field .sec04 { position:relative; padding:150px 0; }
#marketing-field .sec04 h2 { text-align:center; font-size:55px; margin-bottom:100px; font-weight:400; }
#marketing-field .sec04 .info_box { position:relative; border:5px solid #c8c8c8; padding:50px; text-align:center; margin-bottom:150px; }
#marketing-field .sec04 .info_box h3 { position:absolute; top:-45px; left:50%; margin-left:-170px; background:#fff; width:340px; font-size:50px; text-align:center; z-index:5; }
#marketing-field .sec04 .info_box p { font-size:35px; }
#marketing-field .sec04 .desc { font-size:35px; text-align:center; }

/* strong point */

#strong-point {}
#strong-point .inner { width:1400px; margin:0 auto; }

#strong-point .title_wrap { position:relative; margin-bottom:90px; }
#strong-point .title_wrap .line { width:55px; height:6px; background:#273a62; margin:0 auto 30px; }
#strong-point .title_wrap h2 { font-size:35px; text-align:center; margin-bottom:10px; }
#strong-point .title_wrap p { font-size:40px; text-align:center; font-weight:300; }

#strong-point .sec01 { position:relative; padding:200px 0 120px; text-align:center; }
#strong-point .sec01 h2 { font-weight:300; font-size:35px; margin-bottom:90px; }

#strong-point .sec02 { position:relative; background:#f5f5f5; padding:100px 0 150px; }
#strong-point .sec02 ul.law_list_type01 li { padding-left:190px;  }

#strong-point .sec03 { position:relative; background:#fff; padding:150px 0 0; }
#strong-point .sec03 .title_wrap h2 { color:#2a3764; }

#strong-point .sec03 ul.law_list_type01 li { padding-left:330px;  }

#strong-point .sec03 .img_info { margin-bottom:150px; }
#strong-point .sec03 h3 { margin-bottom:30px; text-align:center; font-weight:400; font-size:30px; }
#strong-point .sec03 h3 strong { color:#2a3764; }

#strong-point .sec04 { position:relative; background:#f5f5f5; padding:150px 0 50px; }
#strong-point .sec04 .title_wrap h2 { color:#2a3764; }
#strong-point .sec04 ul.law_list_type01 li { padding-left:300px;  }

#strong-point .sec05 { position:relative; background:#fff; padding:150px 0 50px; }
#strong-point .sec05 ul.law_list_type01 li { padding-left:380px;  }

#strong-point .sec06 { position:relative; background:#fff; padding:50px 0 100px; text-align:center; }
#strong-point .sec06 ul { display:inline-block; }
#strong-point .sec06 ul:after{content:'';display:block;clear:both;}
#strong-point .sec06 ul li { float:left; margin-left:10px; margin-bottom:10px; }
#strong-point .sec06 ul li:nth-child(4n-3) { clear:both; }