/* add */


#main_full_banner_1 { background: url(../images/main_full_banner_1.jpg) top center no-repeat; width:100%;}
#main_full_banner_2 { background: url(../images/main_full_banner_2.jpg) top center no-repeat; width:100%;}

.full_banner { margin:0 auto; margin-top:50px; margin-bottom:50px; width:1000px; }

.title_mg {font-family:'Noto Serif KR'; font-weight:500; letter-spacing:-0.08em; margin:0 auto; text-align:center; font-size:2.5em; padding-bottom:50px; }
.teams_txt { margin-left: 50px;}

.agreement_txt {margin-top:20px; }

.sub_qna { margin-top:50px;}
.sub_qna h2 { margin-left:10px;}

.floating-banner {
    position: fixed;
    top: 90%;
	right: 20px;
    width: 310px;
	height: 80px;
    transform: translateY(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
	z-index:9999;
}



 /* reset */

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family:'Noto Sans KR', sans-serif; font-weight:300;color:#404040;}
div {display:block;}
h1,h2,h3,h4, h5, h6 {font-family: 'Noto Sans KR';font-weight:500;letter-spacing:-0.08em;}
p {font-size:17px;line-height:160%;color:inherit;}
h1 {font-size:40px;}
h2 {font-size:30px}
h3 {font-size:30px;}
h4 {font-size:26px;line-height:115%;letter-spacing:-0.02em;}

.center {text-align:center}
.half {width:50%}

.container {width:1200px; margin:0 auto;}
.container_fluid {width:100%; min-width: 1200px;}

@media screen and (max-width: 1024px) {
	.container {width:100%;margin:0 auto;}

	.full_banner {width:100%; margin:0 auto;margin-top:50px; margin-bottom:50px;}
	.teams_all { width:100%; margin:0 auto;margin-top:50px; margin-bottom:50px;}
	.special .spec_txt h3 {padding-top:30px;}
	.main_teams_img { width:100%;}

	.floating-banner { display:none;}
}


.clearfix:after {content:""; clear:both; display:block;}
.float {float:left;}
.float_r {float:right;}
.hide {
    display: inline-block;
    position: absolute;
    z-index: -10;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    font-size: medium;
    line-height: normal;
    word-break: break-all;
}

/* index header */
.pc_header.main_header {position: absolute; width:100%; min-width:1200px; top:0; left:0; z-index: 100; background-color:rgba(255,255,255,0.05);}

/* sub header */
.pc_header { width:100%; min-width:1200px; background-color:#121d37;}
.pc_header .logo {float:left; margin-top:27px;}
.pc_header nav {float:right; margin-right:15px;}

.pc_header nav li {float:left; height:110px; }
.pc_header nav li a {font-size:19px; font-weight: 300; color:#fff; padding:40px 30px; display: inline-block;}
.pc_header nav li a:hover {font-weight: 700; color:#ededed; }
.pc_header nav #gnb li a.on {color:#fff; font-weight: 700;}
.mobile_header {display:none;}

@media screen and (max-width: 1024px) {
	.pc_header {display:none; }	
	.mobile_header {position: fixed; width:100%; display:block; background-color:#002b54 !important; height:55px; z-index:99;}
	.mo_main_header {top:0; left:0; z-index: 100; background-color:rgba(255,255,255,0.05);}
	.mobile_header.active {background:#002b54;}
	.mobile_header .logo {margin:0 auto; width:142px;}
	.mobile_header .logo a {margin-top:11px; display:inline-block;}
	.mobile_header .logo img {width:100%;}
	.site_menu_btn {position: absolute; top:0; right:0; color:#fff; width:55px; height:55px; text-align: center; line-height: 55px;}
	.site_menu_btn a {color:#fff;font-size: 1rem;}
	.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}

	.sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 20px; color: #818181; display: block; transition: 0.3s;}

	.sidenav a:hover {color: #f1f1f1;}

	.sidenav .closebtn {position: absolute;	top: 0; right: 20px; font-size: 36px; margin-left: 50px; padding-top:0;}
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/* flexslider */
#main .main_slide {width: 100%; min-width: 1200px; height: 910px;}
#main .main_sl1 {background: url(../images/main_slide1.jpg) top center no-repeat;}
#main .main_sl2 {background: url(../images/main_slide3.jpg) top center no-repeat;}
#main .flex-control-nav {bottom: 15px;z-index: 11;}
#main .caption1 {background:url(../images/main_slide_txt_1.png) no-repeat; width:800px; height:250px; position:absolute; left:50%; bottom:324px; margin-left:-357px;}
#main .caption2 {background:url(../images/main_slide_txt_1.png) no-repeat; width:800px; height:250px; position:absolute; left:50%; bottom:324px; margin-left:-357px;}


@media screen and (max-width: 1024px) {
	#main .flexslider .slides li {overflow: hidden;}
	#main .main_slide {width:100%; min-width:100%; height:55vh; background-size:cover;}
	#main .main_sl2 {background-position-x:55%;}
	#main .flexslider .slides .flex-caption {width:70%; background-size:contain;left:50%; bottom:0; top:50%; transform: translate(-50%, -50%); margin-left:0;margin-top:30px;}
}

@media screen and (max-width: 767px) {
	#main .flexslider .slides .flex-caption {width:86%; margin-top:60px;}
	#main .main_slide {height:62vh;}
	#main .main_sl2 {background-position-x:75%; background-size: 275%;}
}

/* #main section tit */
#main .service {background-color: #f4f6fa;}
#main .tit_area {text-align: center;}
#main .tit_area .main_content_tit {font-size:50px; font-weight: 300; letter-spacing:0; line-height: 1; position: relative; margin:0;}
#main .tit_area .main_content_tit:after {content:"";width:46px;height:4px; background-color:#303030;position: absolute; bottom:-26px; left:50%; margin-left:-23px;}
#main .tit_area .main_content_tit2 {font-size:20px; font-weight: 300; color:#b6b6b6; margin:0;}

@media screen and (max-width: 1024px) {
	#main .tit_area .main_content_tit {font-size:2.5rem;}
	#main .tit_area .main_content_tit2 {font-size:1.2rem;}
}

/* #main service */
#main #main_content1 {padding-top:100px;padding-bottom:100px;}
#main .service .list_service {padding-top:96px;}
#main .service .list_service li {float:left;margin-bottom: 1.25%;}
#main .service .list_service .list_w2 {width:49.375%;}
#main .service .list_service .list_w1 {width:32.5%;}
#main .service .list_service .list1 {margin-right:1.25%;}
#main .service .list_service .list3 {margin-right:1.25%;}
#main .service .list_service .list4 {margin-right:1.25%;}
#main .service .list_service li .box_service {height:300px; background-position: center; background-repeat: no-repeat; position: relative;}
#main .service .list_service li .box_service .txt_service {position: absolute; bottom:30px; left:30px; font-size: 26px; color:#fff; font-weight: 500;}

@media screen and (max-width: 1024px) {
	#main #main_content1 {padding-top:80px;padding-bottom:0px;}
	#main .service .list_service li {float:left;margin-bottom:0;}
	#main .service .list_service .list_w2 {width:50%;}
	#main .service .list_service .list_w1 {width:33.333%;}
	#main .service .list_service .list1 {margin-right:0;}
	#main .service .list_service .list3 {margin-right:0;}
	#main .service .list_service .list4 {margin-right:0;}
	#main .service .list_service li .box_service {height:250px; background-size: cover;}
	#main .service .list_service li .box_service .txt_service {font-size: 1.5rem; bottom:20px; left:20px;}
}
@media screen and (max-width: 767px) {
	#main #main_content1 {padding-top:70px;padding-bottom:0px;}
	#main .service .list_service li {float:left;margin-bottom:0;}
	#main .service .list_service .list_w2 {width:100%;}
	#main .service .list_service .list_w1 {width:50%;}
	#main .service .list_service .list1 {margin-right:0;}
	#main .service .list_service .list3 {width:100%; margin-right:0;}
	#main .service .list_service .list4 {margin-right:0;}
	#main .service .list_service li .box_service {height:200px; background-size: cover;}
	#main .service .list_service li .box_service .txt_service {}
}

/* #main principle */
#main #main_content2 {padding-top:100px;padding-bottom:100px;}
#main .principle .list_principle {padding-top:96px;}
#main .principle .list_principle li {float:left; margin:0 2.5% 2.5% 2.5%; width:28.333%; }
#main .principle .list_principle li .box_principle {height:340px; background-position: center; background-repeat: no-repeat; position: relative; text-align: center;}
#main .principle .list_principle li .box_principle .txt_principle {color:#fff; font-size:30px; width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media screen and (max-width: 1024px) {
	#main #main_content2 {padding-top:80px;padding-bottom:80px;}
	#main .principle .list_principle {width:92%; padding-top:65px;}
	#main .principle .list_principle li {margin:0 1.5%; width:30.333%;}
	#main .principle .list_principle li .box_principle {height:250px; background-size:contain;}
	#main .principle .list_principle li .box_principle .txt_principle {font-size:1.5rem;}
}

@media screen and (max-width: 767px) {
	#main .principle .list_principle li {width:100%; margin-bottom:5%;}
}

/* #main contact */
#main .contact {position: relative; min-width:1200px; height:460px; width:100%; overflow: hidden}
#main .contact .box_contact {width:480px; height:340px; margin-top:60px; padding:70px 50px; z-index:12; position: absolute; top:0; left:60%; background-color: #07004b;}
#main .contact .box_contact .list_contact {color:#fff; display:block;}
#main .contact .box_contact .list_contact dt, #main .contact .box_contact .list_contact dd {vertical-align: middle; margin-bottom:30px; } 
#main .contact .box_contact .list_contact .tit_contact {font-size:21px; font-weight: 500; float:left; width:35%;}
#main .contact .box_contact .list_contact .desc_contact {font-size:21px; float:left; width:65%;}
#main .contact .box_contact .list_contact .desc_contact.tel {font-size:35px; font-weight: 500;line-height: 1;}


@media screen and (max-width: 1024px) {
	#main .contact {min-width:100%; }
	#main .contact .box_contact {position: relative; width:50%; top:0;left:0;margin-top:0; height:460px; float:right;}
	#main .contact .box_contact .list_contact .tit_contact {float:none; margin-bottom:6px;width:100%}
	#main .contact .box_contact .list_contact .desc_contact {float:none; width:100%;}
	#main .contact iframe {width:50%;}
	#main .contact .box_contact .list_contact .last_dt {margin-bottom:0;}
}

@media screen and (max-width: 767px) {
	#main .contact {min-width:100%; overflow:auto; height:inherit;}
	#main .contact .box_contact {position: relative; width:100%; top:initial; left:initial; margin-top:0; padding:3rem 2rem; height:inherit;}
	#main .contact .box_contact .list_contact .tit_contact {font-size:1.2rem;}
	#main .contact .box_contact .list_contact .desc_contact {font-size:1.2rem;}
	#main .contact .box_contact .list_contact .desc_contact.tel {font-size:2rem;}
	#main .contact .box_contact .list_contact .desc_contact.time {margin-bottom:0;}
	#main .contact iframe {width:100%; height:400px;}
}

/* footer */
footer {background-color: #2b2b2b; padding:60px 0; width:100%; position: relative;}
footer .footer_logo {float:left; width:320px;}
footer .footer_info1 {float:left; width:520px; color:#d5d5d5; font-size:16px; }
footer .footer_info1 span {display: inline-block; line-height: 1.7; letter-spacing: 0;}
footer .footer_info1 .copyright {margin-top:35px; font-size:13px;}
footer .footer_info1 a {color: #d5d5d5;
    padding-top: 10px;
    display: inline-block;}

footer .footer_info2 {float:right; width:360px; color:#d5d5d5;}
footer .footer_info2 .footer_desc_tel {font-size: 35px; line-height: 1.3}
footer .footer_info2 .link_blog {padding-top:14px; display: inline-block;}


@media screen and (max-width: 1024px) {
	footer {text-align: center; padding:3rem 1rem;}
	footer .footer_logo {float:none; width:100%;}
	footer .footer_info1 {float:none; width:100%; margin-top:1.2rem; font-size:1rem;}
	footer .footer_info1 span {line-height: 1.7; letter-spacing: 0;}
	footer .footer_info1 .copyright {margin-top:1.6rem; font-size:0.9rem;}
	footer .footer_info2 {float:none; width:100%; margin-top:1.2rem;}
	footer .footer_info2 .footer_tit_tel {font-size: 1.2rem; line-height: 1.3}
	footer .footer_info2 .footer_desc_tel {font-size: 2rem; line-height: 1.5}
}

@media screen and (max-width: 767px) {
	footer .footer_info1 {font-size:1rem;}
	footer .footer_info1 .copyright {font-size:0.9rem;}
}

/* sub common */
#sub .subtop {width:100%;height:270px; background-repeat: no-repeat; background-position: top center; text-align: center;}
#sub .subtop1 {background-image:url(../images/sub_top_bg_1.jpg);}
#sub .subtop2 {background-image:url(../images/sub_top_bg_2.jpg);}
#sub .subtop3 {background-image:url(../images/sub_top_bg_3.jpg);}
#sub .subtop4 {background-image:url(../images/sub_top_bg_4.jpg);}
#sub .subtop5 {background-image:url(../images/sub_top_bg_5.jpg);}
#sub .subtop6 {background-image:url(../images/sub_top_bg_6.jpg);}
#sub .subtop .subtop_txt1 {padding-top:90px; color:#fff; font-size:56px;/* letter-spacing: 0.15em;*/ line-height: 1; font-weight: bold;}
#sub .subtop .subtop_txt2 {color:#fff; font-size:24px;font-weight: 300;padding-top:16px;}
#sub .inner {width:1200px; margin:140px auto;}
#sub .inner .sub_contents {min-height:400px;}

@media screen and (max-width: 1024px) {
	#sub .subtop {height:255px;padding-top:55px;}
	#sub .subtop .subtop_txt1 {padding-top:52px; font-size:3rem;}
	#sub .subtop .subtop_txt2 {padding-top:10px; font-size:1.5rem;}
	#sub .inner {width:100%; margin:100px 0;}
	#sub .inner .sub_contents {margin:0 2rem;}
}

@media screen and (max-width: 767px) {
	#sub .subtop {height:190px;}
	#sub .subtop .subtop_txt1 {padding-top:32px; font-size:2.5rem;}
	#sub .subtop .subtop_txt2 {padding-top:6px; font-size:1.2rem;}
	#sub .inner {width:100%; margin:70px 0;}
	#sub .inner .sub_contents {margin:0 1rem;}
}

/* sub1_1 About */
.about .about_img {float:left; width:50%;}
.about .about_txt {float:left; width:50%; padding-left:25px; padding-top:35px;}
.about .about_txt .about_tit {font-size:42px;color:#0d2d7c;margin-bottom:60px; line-height: 1;}
.about .about_txt .para p {font-size:21px; margin-bottom:40px;}
.about .about_txt .para p:last-child {margin-bottom:0;}
.arr {background: url(../images/arr1.png) no-repeat center; width:89px; height:44px; margin:100px auto;}
.special .special_list {margin-bottom:60px;}
.special .spec_img {float:left;width:33.333%;}
.special .spec_txt {float:left; width:63.666%;margin-left:3%;padding-top:40px;}
.special .spec_txt h3 {font-weight: 300; line-height: 1; font-size:35px; margin-bottom:30px; margin-top:-40px;}
.special .spec_txt h3 b {font-weight: 500;}
.special .spec_txt p {font-size:21px;}
.special .spec_txt .go_official_blog {text-decoration: underline;
    font-weight: bold;}


@media screen and (max-width: 1024px) {
	.about .about_img {width:48%;}
	.about .about_img img {width:100%;}
	.about .about_txt {width:52%; padding-left:24px; padding-top:0;}
	.about .about_txt .about_tit {font-size:2.3rem; margin-bottom:2rem;}
	.about .about_txt .para p {font-size:1rem; margin-bottom:1.5rem;}
	.arr {background: url(../images/arr1.png) no-repeat center cover; width:70px; height:45px; margin:70px auto;}
	.special .spec_img {width:40%;}
	.special .spec_img img {width:100%;}
	.special .spec_txt {width:57%; padding-top:20px;}
	.special .spec_txt h3 {font-size:2rem;}
	.special .spec_txt p {font-size:1.2rem;}
}

@media screen and (max-width: 767px) {
	.about .about_img {width:100%;}
	.about .about_txt {width:100%; padding-left:0; padding-top:30px;}
	.about .about_txt .about_tit {line-height: 1.3; font-size:2.1rem;}
	.about .about_txt .para p {font-size:1.2rem;}
	.arr {margin:50px auto;}
	.special .spec_img {width:100%;}
	.special .spec_txt {width:100%;}
	.special .spec_txt {margin-left:0;}
	.special .spec_txt h3 {font-size:2.1rem; line-height: 1.3; margin-bottom:25px;}
	.special .spec_txt p {font-size:1.2rem;}
}


/* sub2_1 Professionals */
.lawyer {position: relative;}
.lawyer + .lawyer {margin-top:100px;}
.lawyer .lawyer_img {text-align: right;}
.lawyer .name_box {background-color:#081d5b; width:215px; height:205px; position: absolute; top:115px; left:0; padding-top:50px; padding-left:24px;}
.lawyer .name_box .position {color:#fff; font-size:20px; line-height: 1.1;}
.lawyer .name_box .lawyer_name {color:#fff; font-size:48px; line-height: 1; margin-top:8px;}
.lawyer .profile {width:100%; padding-left:340px;margin-top:60px;}
.lawyer .profile .profile_box {float:left; width:50%;}
.lawyer .profile .profile_box .profile_tit {font-size:21px;margin-bottom:10px;}
.lawyer .profile .profile_box .profile_cont {min-height:85px;}
.lawyer .profile .profile_box .profile_cont li {font-size:17px; color:#505050; margin-bottom:5px;}
.lawyer .profile .profile_box .profile_cont + .profile_tit {margin-top:60px;}

.bg_grey {background-color:#f8f8f8; padding:1px 0;}
.partner .partner_tit {text-align: center; color:#07163b; font-size:46px; font-weight: 300; margin-bottom:5px;}
.partner .partner_sm_tit {text-align: center; font-size:18px; color:#707070; font-weight: 300; margin-bottom:80px;}
.partner .partner_list .partner_box {width:50%; float:left;}
.partner .partner_list .partner_box .partner_img {float:left; width:250px;}
.partner .partner_list .partner_box .partner_txt {float:left;margin-left:35px;}
.partner .partner_list .partner_box .partner_txt h4 {font-size:25px;margin-bottom:40px;}
.partner .partner_list .partner_box .partner_txt h4 small {font-size:18px; color:#808080; font-weight: 300;}
.partner .partner_list .partner_box .partner_txt li {margin-bottom:3px; font-size:17px;}

@media screen and (max-width: 1024px) {
	.lawyer .lawyer_img img {width:95%;}
	.lawyer .name_box {width:190px; height:initial; top:10%; left:0; padding-top:35px; padding-bottom:35px; padding-left:20px;}
	.lawyer .name_box .position {font-size:1.2rem;}
	.lawyer .name_box .lawyer_name {font-size:2.8rem; line-height: 1; margin-top:8px;}
	.lawyer .profile {padding-left:5%;margin-top:35px;}
	.partner {margin:0 1rem;}
	.partner .partner_tit {font-size:2.8rem;}
	.partner .partner_sm_tit {font-size:1.1rem; margin-bottom:60px;}
	.partner .partner_list .partner_box .partner_img {width:46%; margin:0 2%;}
	.partner .partner_list .partner_box .partner_img img {width:100%;}
	.partner .partner_list .partner_box .partner_txt {width:48%;margin:0 1%;}
	.partner .partner_list .partner_box .partner_txt h4 {font-size:1.6rem; margin-bottom:20px}
	.partner .partner_list .partner_box .partner_txt h4 small {font-size:1.2rem;}
	.partner .partner_list .partner_box .partner_txt li {font-size:1rem;}
}

@media screen and (max-width: 767px) {
	.lawyer + .lawyer {margin-top:80px;}
	.lawyer .lawyer_img {overflow: hidden;}
	.lawyer .lawyer_img img {width:145%; margin-left:-200px;}
	.lawyer .name_box {width:150px; padding:24px 15px; top:10%; position:relative; }
	.lawyer .name_box .position {font-size:0.9rem;}
	.lawyer .name_box .lawyer_name {font-size:2.1rem; line-height: 1; margin-top:8px;}
	
	.lawyer .profile .profile_box {width:100%;}
	.lawyer .profile .profile_box .profile_cont {min-height:initial;}
	.lawyer .profile .profile_box + .profile_box {margin-top:30px;}
	.lawyer .profile .profile_box .profile_cont + .profile_tit {margin-top:30px;}

	.partner .partner_tit {font-size:2.4rem; line-height: 1.2;}
	.partner .partner_sm_tit {font-size:1rem;}
	.partner .partner_list .partner_box {width:100%;}
	.partner .partner_list .partner_box + .partner_box {margin-top:35px;}
	.partner .partner_list .partner_box .partner_img {width:46%; margin:0 27%;}
	.partner .partner_list .partner_box .partner_img img {max-width:initial;}
	.partner .partner_list .partner_box .partner_txt {width:100%;margin:10px 0 0 0; text-align: center;}
	.partner .partner_list .partner_box .partner_txt h4 {font-size:1.4rem; margin-bottom:16px;}
	.partner .partner_list .partner_box .partner_txt h4 small {font-size:1.1rem; display: block;}
	.partner .partner_list .partner_box .partner_txt li {font-size:1rem;}
}

/* sub3 Services */
#sub_menu {width:1200px; margin:0 auto;}
#sub_menu .snb li {float:left; width:20%; text-align: center;}
#sub_menu .nav2 li {width:50%;}
#sub_menu .snb li a {font-size:21px; font-weight: 300; color:#fff; padding:18px; display: inherit; background-color: #002b54; border-right:1px solid #838b9d;}
#sub_menu .snb li:first-child a {border-left:1px solid #ccc;}
 #sub_menu .snb li:last-child a {border-right:1px solid #ccc;}
#sub_menu .snb li a.on {background-color: #fff; color:#002b54; font-weight: bold;}

#mo_sub_menu {display:none;}

@media screen and (max-width: 1024px) {
	#sub_menu {width:100%;}
	#sub_menu .snb li a {font-size:1.1rem; padding:18px 0;}
}

@media screen and (max-width: 767px) {
	#sub_menu {display:none;}
	#mo_sub_menu {display:block;}
	.dropbtn {
		width:100%;
	    background-color: #fff;
	    color: #002b54;
	    padding: 16px;
	    font-size: 1.3rem;
	    font-weight: bold;
	    border: none;
	    cursor: pointer;
	    border-bottom:1px solid #dcdcdc;
	    background:url(../images/drop_arr.png) no-repeat center right;
	    background-size: contain;
	}

	.dropbtn:hover, .dropbtn:focus {
	  background-color: #fff;
	}
	.dropdown {
	  position: relative;
	  display: inline-block;
	  width:100%;
	}

	.dropdown-content {
		text-align: center;
	  display: none;
	  position: absolute;
	  background-color: #f5f5f5;
	  min-width: 100%;
	  overflow: auto;
	  z-index: 1;
	}

	.dropdown-content a {
	  color: #808080;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	  font-size:1.1rem;
	  border-bottom:1px solid #dcdcdc;
	}

	.dropdown a:hover {background-color: #ddd;}

	.show {display: block;}
}

.service + .service {margin-top:80px;}
#sub .service h2 {font-size:42px; color:#0d2d7c; font-weight: bold; margin-bottom:30px;}
.service .service_txt {margin-bottom:80px;}
.service .service_desc {/*width:66.666%;*/}
.service .service_img {float:right; /*width:33.333%;*/ text-align:right; margin:0 0 30px 40px;}
.service .service_desc .para {padding-right:10px;}
.service .service_desc p {font-size:20px;margin-bottom:30px;}
.service .service_desc p:last-child {margin-bottom:0;}
.service .service_ium {width:100%;}
.service h3 {font-size:42px; color:#0d2d7c; font-weight: bold; margin-bottom:30px;}

@media screen and (max-width: 1024px) {
	#sub .service h2 {font-size:2.2rem; margin-bottom:24px;}
	.service h3	{font-size:2.2rem; margin-bottom:24px;}
	.service .service_desc .para {padding-right:16px;}
	.service .service_desc p {font-size:1.2rem; margin-bottom:25px;}
	.service .service_img {margin-left:30px;}
	.service .service_img img {width:100%; }
}

@media screen and (max-width: 767px) {
	.service .service_desc .para {padding-right:0;}
	.service .service_desc {width:100%; margin-top:20px;}
	.service .service_img {width:100%; margin:0 0 20px 0;}
}

/* sub3_1, sub3_2 */
.service .service_list .wrap_list {float:left; width:100%; margin-bottom:50px;}
.service .service_list .wrap_list:last-child {margin-bottom:0;}
.service .service_list .wrap_list h4 {font-size:28px; padding:25px 0 25px 25px; border-top:2px solid #ccc; border-bottom:1px solid #ccc; width:100%;}
.service .service_list .wrap_list .area_list {padding:25px 0 25px 25px; border-bottom:1px solid #ccc;}
.service .service_list .wrap_list .area_list li {font-size:21px; margin-bottom:14px; list-style-type: disc; list-style-position: inside;}

@media screen and (max-width: 1024px) {
	.service .service_list .wrap_list h4 {font-size:1.6rem;}
	.service .service_list .wrap_list .area_list li {font-size:1.2rem;}
}

/* sub3_3, sub3_4 */
.service .service_list .box_list li {float:left; text-align: center;margin:1%; border:3px solid #c0c0c0; font-size:26px; height:150px; font-weight: 500; line-height: 1.4; padding:0 25px;   display: flex;
  justify-content: center;
  align-items: center;}
.service .service_list .w2 li {width:49%;}
.service .service_list .w4 li {width:23.5%;height:200px;}
.service .service_list .w2 li:nth-child(2n-1) {margin-left:0;}
.service .service_list .w2 li:nth-child(2n) {margin-right:0;}
.service .service_list .w4 li:nth-child(4n-3) {margin-left:0;}
.service .service_list .w4 li:nth-child(4n) {margin-right:0;}
.service .service_list .box_list li small {font-size:17px; font-weight: 300; line-height:1.4;display: contents;}

@media screen and (max-width: 767px) {
	.service .service_list .box_list li {font-size:1.3rem; margin-right:0; margin-left:0; padding:0 20px;}
	.service .service_list .w2 li {width:100%;}
	.service .service_list .w4 li {width:49%; height:150px;}
	.service .service_list .w4 li:nth-child(2n-1) {margin-left:0; margin-right:1%;}
	.service .service_list .w4 li:nth-child(2n) {margin-right:0; margin-left:1%;}
	.service .service_list .w4 li:nth-child(4n-3) {margin-left:initial;}
	.service .service_list .w4 li:nth-child(4n) {margin-right:initial;}
	.service .service_list .box_list li small {font-size:1.1rem;}
}

/* sub3_5 */
.service .service_list dl {width:100%;}
.service .service_list dl dt {float:left; width:33.333%; font-size:25px; font-weight: 500; min-height:120px; border-bottom:1px solid #ccc; padding-top:30px; padding-bottom:30px;}
.service .service_list dl dd {float:left; width:66.666%; font-size : 21px; min-height:120px; border-bottom:1px solid #ccc; padding-top:30px; padding-left:20px; padding-bottom:30px}
.service .service_list dl .dt-first {border-top:1px solid #ccc;}
.service .service_list dl .dd-first {border-top:1px solid #ccc;}

@media screen and (max-width: 1024px) {
	.service .service_list dl dt {float:none; width:100%; min-height:initial; padding:25px 20px; font-size:1.4rem;}
	.service .service_list dl dd {float:none; width:100%; min-height:initial; padding:25px 20px; font-size:1.2rem;}
	.service .service_list dl .dt-first {border-bottom:0;}
}

/* sub5 contact us */
#sub .contact {margin-bottom:100px;}
.contact .map {float:left; width:50%;}
.contact .contact_txt {float:left; width:50%;padding-left:50px;margin-top:35px;}
.contact .contact_txt .contact_info {margin-top:40px; line-height: 2;}
.contact .contact_txt .contact_info dt {font-size:21px; font-weight: 500; float:left; width:12%;}
.contact .contact_txt .contact_info dd {font-size:21px; float:left; width:88%;}
.blog_go_banner {border:1px solid #ccc;padding:32px 58px;}
.blog_go_banner a {background:url(../images/link_arr.png) no-repeat right center; display:block; width:100%; }
.blog_go_banner .blog_icon {float:left;margin-right:30px;}
.blog_go_banner .blog_txt {float:left;}
.blog_go_banner .blog_txt p {color:#909090;margin-top:3px;}
.blog_go_banner .blog_go_arr {float:right;margin-top:18px;}

@media screen and (max-width: 1024px) {
	#sub .contact {margin-bottom:60px;}
	.contact .map img {float:left; width:100%;}
	.contact .contact_txt {margin-top:0;padding-left:30px;}
	.contact .contact_txt img {width:100%;}
	.contact .contact_txt .contact_info dt {font-size:1.2rem;}
	.contact .contact_txt .contact_info dd {font-size:1.2rem;}
	.blog_go_banner {padding:32px 24px;}
	.blog_go_banner a {background-size: auto 15px;}
	.blog_go_banner .blog_icon {display:inline-block; width:68px; float:none; vertical-align: middle; margin-right:20px;}
	.blog_go_banner .blog_txt {width: calc(100% - 170px); display:inline-block; float:none; vertical-align: middle;}
}

@media screen and (max-width: 767px) {
	#sub .contact {margin-bottom:40px;}
	.contact .map {width:100%;}
	.contact .contact_txt {width:100%;padding-left:0;margin-top:40px;}
	.contact .contact_txt img {width:60%;}
	.contact .contact_txt .contact_info {margin-top:20px;}
	
	.blog_go_banner {padding:16px;}
	.blog_go_banner a {background-size: auto 10px;}
	.blog_go_banner .blog_icon {width:48px; margin-right:14px;}
	.blog_go_banner .blog_icon img {width:100%;}
	.blog_go_banner .blog_txt {width: calc(100% - 110px);}
	.blog_go_banner .blog_txt h4 {font-size:1.3rem;}
	.blog_go_banner .blog_txt p {font-size:0.9rem;}
}
@media screen and (max-width: 480px) {
	.contact .contact_txt .contact_info dt {font-size:1.1rem;}
	.contact .contact_txt .contact_info dd {font-size:1.1rem;}
	.blog_go_banner .blog_icon {width:40px; margin-right:12px;}
	.blog_go_banner .blog_txt  {width: calc(100% - 96px);}
	.blog_go_banner .blog_txt h4 {font-size:1.2rem;}
	.blog_go_banner .blog_txt p {font-size:0.8rem;}
}