@charset "utf-8";

@font-face {
    font-family: "Shilla_CultureB-Bold";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}


/*----- main visual sec -----*/
.main_visual_sec .container .wrapper {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100vh;
}
.main_visual_sec .container .wrapper .video_area {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /*filter: blur(3px);*/
}
.main_visual_sec .container .wrapper .video_area video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.main_visual_sec .container .wrapper .cont_area {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.main_visual_sec .container .wrapper .cont_area .logo {
  display:none;
  position: absolute;
  top: 150px;
  left: 5%;
  max-width: 350px;
}
.main_visual_sec .container .wrapper .cont_area .logo img {
  width: 100%;
}
.main_visual_sec .container .wrapper .cont_area .tit {
  width:100%;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 5.8rem;
  color: #fff;
  line-height: 1.7;
  font-weight: 700;
  letter-spacing: 1px;
  /*-webkit-text-stroke:1px #fff;*/
}
.main_visual_sec .container .wrapper .cont_area .tit span {
	display: inline-block;
	margin-bottom: 1%;
	background: linear-gradient(
		to bottom, 
		#FFD700 20%,
		#FFEC8B 40%,
		#DAA520 60%,
		#B8860B 80%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #fff;
	position: relative;
	font-size: 7.5rem;
	font-family: "Shilla_CultureB-Bold";
}

.main_visual_sec .container .wrapper .cont_area .tit span::after {
	content: attr(data-heading) "";
	left: 0;
	top: 0;
	z-index: -1;
	position: absolute;
	text-shadow: 
		-1px 0 2px #FFD700,
		0 1px 2px #FFEC8B,
		2px 2px 5px rgba(218, 165, 32, 0.8),
		-2px -2px 5px rgba(184, 134, 11, 0.8),
		0 0 15px rgba(255, 215, 0, 0.7);
}
.main_visual_sec .container .wrapper .cont_area .counter_list {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  list-style: none;
  width: 95%;
  max-width: 1290px;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item {
  width: 33.3333333333%;
  text-align: center;
  font-weight: 600;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item:not(:last-child) {
  position: relative;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item:not(:last-child)::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  content: "";
  width: 5px;
  height: 50px;
  border-right: 3px solid #fff;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .txt {
  font-size: 20px;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .txt2 {
	font-size:40px;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .counter {
  font-size: 40px;
  margin: 0 5px;
}


/*-------------- main visual -------------*/
.main_Swiper {position:relative !important; margin-top:74px;}
.visual {position:relative; width:100% !important; height:690px !important;}
.visual .visual_div {width:100%; height:100%; display:flex;}
.visual .pc_v  {display:block;}
.visual .mobile_v {display:none;}
.visual .visual_bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}
.visual .visual_img {position:absolute; width:100%; height:100vh; }
.visual .visual_img {position:absolute; width:100%; height:100vh; }
/*.visual .pc_v .visual_bg::after {content:''; position:absolute; top:0; right:0; display:block; width:100%; height:690px; background-position: bottom !important; background:url(/tf/img/tf_main_bg.png)no-repeat;}
.visual .mobile_v .visual_bg::after {content:''; position:absolute; top:0; right:0; display:block; width:100vw; height:100vh; background:url(/tf/img/tf_main_bg_m01.png)no-repeat; background-size:cover;}
.visual.scale_bg .visual_bg .visual_img {animation-name: scale_bg; animation-duration: 8s; animation-timing-function: linear;  }*/
.visual .visual_txt { display:flex; flex-direction:column; justify-content: center; align-items:center; text-align:center; max-width:760px; width:100%; height:100%; margin:0 auto; z-index:11; color:#FFF;}
.visual .visual_txt .visual_tit {font-size:5.2rem; font-weight:700; margin-bottom:8rem; z-index:1;}
.visual .visual_txt .visual_sub_tit {margin:10px 0; font-weight:600; font-size:2.2rem; transform: rotate(0.1deg);}
.visual .visual_txt .tit_gy {letter-spacing:-0.4px; line-height:1.2; font-size:1.8rem; color:#b5b5b5;}
.visual_bottom {display:flex; flex-wrap:wrap; align-items: center; justify-content: center; padding:2.5rem 0; font-size:2rem; font-weight:500; background:#2D7CC7; color:#FFF;}
.visual_bottom .phone_number_tit {margin-right:5rem; transform: rotate(0.1deg);}
.visual_bottom .input_wrap {position:relative;}
.visual_bottom .input_wrap input { width:44.5rem; height:4.3rem; padding: 0.8rem 1.5rem; font-size:1.6rem;}
.visual_bottom .input_wrap button {position:absolute; display:inline-block; width:5.5rem; height:100%; background:url(/tf/img/ico_check.png)no-repeat center center; background-color:#333; border:0;}
/*.main_navi_warp {position:absolute; bottom:6.7rem; left:50%; transform:translate(-50%,0%); z-index:1;}*/
.main_navi_warp .navi_inner {position:absolute; display:flex; align-items:end; justify-content:center; width:100%; height:690px; top:0; padding-bottom:100px;}
.main_navi_warp .swiper-pagination {display:flex; position:relative; align-items:end;  justify-content:center; width:auto !important; height:690px; padding-right:10px;}
.swiper-pagination-bullets.swiper-pagination-horizontal {bottom:10px !important;}
.main_navi_warp .swiper-pagination-bullet { position:relative; width:50px !important; height:3px !important; background:none; opacity:1 !important; background:rgba(255,255,255,0.3) !important; border-radius:0 !important; font-size:0;  }
.main_navi_warp .swiper-pagination-bullet::after {content:''; position:absolute; top:0; left:0; display:inline-block; width:0%; height:100%; background:#fff; z-index:1;}
.main_navi_warp .swiper-pagination-bullet-active { background:rgba(255,255,255,0.3) !important; }
.main_navi_warp .swiper-pagination-bullet-active::after { width:100%; animation-name: loading; animation-duration: 5s; animation-delay: .3s;  animation-timing-function: linear; animation-fill-mode: forwards; opacity:1 !important;}
.main_Swiper .slide_btn {  width:2rem; height:2rem;  z-index:1; background:url(/tf/img/slide_stop.png)no-repeat; cursor:pointer;} 
.main_Swiper .slide_btn.active { position:absolute; top:-1rem; left:15rem; width:3rem; height:3rem; transform:translate(-58%,0%); z-index:1; background:url(/tf/img/main_next_arrow.png)no-repeat; cursor:pointer;}

@keyframes loading {
  0% {
    width:0%;
  }
  100% {
    width:100%;
  }
}


@keyframes scale_bg {
  0% {
    transform:scale(1);
  }
  100% {
   transform:scale(1.2);
  }
}

/*-------------- main 공통 -------------*/
.main_section {position:relative; width:100%; height:100%; padding:14rem 0;}
.main_section .main_txt {text-align:center;}
.main_section .main_txt .main_tit {font-size:3.8rem;}
.main_txt .red_tit { display:inline-block; position:relative; padding:5px 40px 5px 40px; background: #79632f; background: linear-gradient(45deg, #ad2828, #ff0000 );  /* background:#194C58; */ color:#fff; font-size:36px;}
.main_txt .red_tit:before,  .main_txt .red_tit:after { content:''; display:inline-block; position:absolute; float:left; width:25px; height:25px; border:2px solid #e13e3e; } 
.main_txt .red_tit:before { left:-10px; top:-10px; border-right:0; border-bottom:0; }
.main_txt .red_tit:after {  right:-10px; bottom:-10px; border-color:#e13e3e;  border-left:0; border-top:0;  }
.main_section .main_txt .main_sub_tit {font-size:1.8rem;  margin:2rem 0 4rem 0;}



/*-------------- main section01 -------------*/
.main_section01 {}
.main_section01 .main_txt {color:#FFF;}
.main_section01 .main_lawyer_wrap {display:flex; justify-content: space-between;  }
.main_section01 .main_lawyer_wrap .main_lawyer { display:inline-block; position:relative; border:1px solid#666; overflow:hidden;}
.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_img {overflow:hidden;}
.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_img img {filter: grayscale(45%); transition:.4s;}
.main_section01 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_img img {filter: grayscale(0%); transform: scale(1.1);}
.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_img .lawyer_logo {position:absolute; top:3rem; right:3rem;}
.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_txt {position:absolute; bottom:0; width:100%; height:8.5rem; padding:2.5rem 0 2.5rem 2.5rem; background: rgba(0, 0, 0, 0.6); transition:.4s;}
.main_section01 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_txt {height:14rem;}
.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name { font-size:1.8rem; font-weight:500; color:#666; transition:.4s;}
.main_section01 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_txt .lawyer_name { color:#2D7CC7; }
.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name b {font-size:2.6rem; margin-right:.5rem; font-weight:700;}
.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .l_btn {display:none; margin-top:1.7rem; }
.main_section01 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_txt .l_btn {display:flex; border:1px solid#2D7CC7; color:#2D7CC7; font-weight:500;}
.main_section01 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_txt .l_btn::after {background:url(/tf/img/next_arrow_bl.png)no-repeat center center;}

.lawyer_Swiper  {width:420px;  }
.main_section01_1 { }
.main_section01_1 .main_txt {color:#FFF;}
.main_section01_1 .main_lawyer_wrap {display:flex; position:relative; justify-content: space-between; }
.main_section01_1 .main_lawyer_wrap .main_lawyer { display:block; width:100%; position:relative; border:0;  }
.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_img {overflow:hidden;}
.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_img img {filter: grayscale(45%); transition:.4s;}
.main_section01_1 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_img img {filter: grayscale(0%); transform: scale(1.01);}
.main_section01_1 .lawyer_logo {position:absolute; top:0; left:0;}
.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_txt {position:absolute; bottom:0; width:100%; height:auto; text-align:end; background: transparent; transition:.4s; }
.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name { font-size:1.8rem; font-weight:500; color:#f8f8f8; transition:.4s; font-family: 'Nanum Myeongjo', serif; font-weight: 700; }
.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name img {width:260px;}
.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name span { display:inline-block; margin-left:20px; }
/*.main_section01_1 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_txt .lawyer_name { color:#2D7CC7; }*/
.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name b {font-size:2.8rem; margin-right:.5rem; font-weight:700;}
.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .l_btn {display:none; margin-top:1.7rem; }
.main_section01_1 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_txt .l_btn {display:flex; border:1px solid#2D7CC7; color:#2D7CC7; font-weight:500;}
.main_section01_1 .main_lawyer_wrap .main_lawyer:hover .main_lawyer_txt .l_btn::after {background:url(/tf/img/next_arrow_bl.png)no-repeat center center;}
.main_section01_1 .l_info_section {position:relative; display:flex; justify-content: space-between; align-items: flex-end; color:#eee; font-size:1.6rem; }
.main_section01_1 .l_info_section .lawyer_Swiper_info_wrap .doc_img_wrap {margin-bottom:40px;}
.main_section01_1 .l_info_section .lawyer_Swiper_info_wrap .doc_img_wrap img {width:130px; margin-right:20px;}
.main_section01_1 .l_info_section .info_hello { font-size:1.8em; font-family: 'Nanum Myeongjo', serif; font-weight: 700; margin-bottom:40px; color:#e0c27a; }
.main_section01_1 .l_info_section .info_tag { font-size:1em; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.1);}
.main_section01_1 .l_info_section .info_tag span { display:inline-block; border-radius:30px; background:rgba(255,255,255,0.3); padding:6px 10px; margin-right:8px; margin-bottom:8px; }
.main_section01_1 .l_info_section .info_tag span:last-child { margin-right:0;}
.main_section01_1 .l_info_section .info_history {position: relative; z-index:1;}
.main_section01_1 .l_info_section .info_history li { display:block; position:relative; margin-top:10px; padding-left:20px; color:#ababab;  }
.main_section01_1 .l_info_section .info_history li:before { content:""; display:inline-block; width:8px; height:8px; position:absolute; float:left; top:7px; left:0;   border-radius:8px; background:transparent; border:2px solid rgba(224, 194, 122, 0.5); }

.main_section01_1 .l_info_section .img_area {position:absolute; bottom:0; right:0; width: 240px;}
.main_section01_1 .l_info_section .img_area img{width:100%;}

.main_section01_1 .swiper { overflow: visible; }
.main_section01_1 .mark_history  { top:-50px; }

/*-------------- main section02 -------------*/
.main_section02 {}
.main_section02 .main_txt {color:#333;}
.main_section02 .main_txt .counter {color:#fff;}
.main_section02 .main_success_wrap {margin-bottom:50px;}
.main_section02 .main_success_wrap .s_top {display:flex; flex-wrap:wrap;}
.main_section02 .main_success_wrap .s_top .s_item a {position:relative; display:flex; max-width:58rem; width:100%; height:330px; border:2px solid#F3F3F3; transition:.3s; box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;}
.main_section02 .main_success_wrap .s_top .s_item:hover a{border:2px solid#2D7CC7;}
.main_section02 .main_success_wrap .s_top .s_item:first-child {margin-right:2rem; }
.main_section02 .main_success_wrap .s_top .s_item .s_top_sub { position:absolute; top:-1px; left:5rem; padding:2rem 3rem; font-size:1.7rem; font-weight: 500; border-radius: 0px 0px 20px 20px; color:#FFF; background:#2D7CC7;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_info {display:flex; flex-direction:column; width:calc(100% - 20rem); padding:5rem; margin-top:6rem;}

.main_section02 .main_success_wrap .s_class {margin-bottom:1.5rem; font-size:2rem; font-weight:700;}
.main_section02 .main_success_wrap .s_title {line-height:1.4;  margin-bottom:1rem; font-size:1.8rem; font-weight:600; color:#111;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_info .s_txt {line-height:1.3;font-size:1.5rem; color:#999; font-weight:600;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_img {max-width:20rem; width:100%; padding:3rem; background: #F3F3F3;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_document {display:flex; align-items:center; height:200px; overflow:hidden;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_document img {width:100%;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_lawyer {position:relative; display:flex; align-items:center; margin-top:.5rem; border: 1px solid #DDDDDD; background:#FFF;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_lawyer .profile {}
.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_lawyer .profile img {width:100%;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_lawyer .profile_info {position:absolute; width:60%; right:0; font-size:1.2rem;color:#666;}
.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_lawyer .profile_info b {font-size:1.6rem; font-weight:500; color:#111;}
.main_section02 .sub_inner {position:relative; max-width:1300px; margin:0 auto;}
.main_section02 .sub_inner .success_Swiper {max-width:1180px; margin-top:3rem;}
.main_section02 .main_success_wrap .s_bot {display:flex; margin-top:3rem; }
.main_section02 .main_success_wrap .s_bot li {max-width:22rem; width:100%;}
.main_section02 .main_success_wrap .s_bot li .s_bot_txt {line-height:1.4; font-weight:600; font-size:1.3rem; color:#999;}
.main_section02 .main_success_wrap .s_bot li .s_bot_img {margin-bottom:2.4rem; padding:3rem 4rem; background: #F3F3F3;}
.main_section02 .main_success_wrap .s_bot li .s_bot_img img {width:100%;}
.main_section02 .swiper-button-prev, 
.main_section02 .swiper-button-next { width:4.6rem !important; height:6.4rem !important; top:40% !important; color:#FFF !important; background:#333;}
.main_section02 .swiper-button-prev:after, 
.main_section02 .swiper-button-next:after {font-size:2.5rem;}
.main_section02 .swiper-button-next.success_next { right:0 !important;}
.main_section02 .swiper-button-prev.success_prev {left:0 !important;}
.case_more {text-align:center;}
.case_more a {display:inline-block; padding:12px 40px; font-size:20px; font-weight:500; border-radius:0px 20px 0px 20px; background-image: linear-gradient(to right, #2D7CC7,#59bdd3); color:#FFF; transition:.3s;}
.case_more a:hover {transform:translate(-5px,-5px); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}


.main_section02 .main_txt .flex { display:flex; justify-content: center; align-items: center; flex-direction: row; }
.main_section02 .main_txt.num_sec .main_tit { display:inline-block; font-size:2.3rem; min-width:250px; padding:20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin:0 10px;  margin-bottom:10px; background: linear-gradient(45deg, #79632f , #e0c27a ); color:#fff;}
.main_section02 .main_txt.num_sec .main_tit span { display:block; }
.main_section02 .main_txt.num_sec .main_tit span em { font-size:2em; min-width:170px; }
				
/*-------------- main section03 -------------*/
.main_section03 {padding-top:0;}
.main_section03 .main_field {position:relative; height:68.6rem; overflow:hidden; color:#FFF;}
.main_section03 .main_field .section03_bg {position:absolute; top:0; left:0; bottom:0;}
/*.main_section03 .main_field .section03_bg img {width:100%;}*/
.main_section03 .main_field .main_field_txt {position:absolute; top:0; width:100%; height:100%;}
.main_section03 .main_txt {position:absolute; top:10rem; color:#fff; left:50%; transform:translate(-50%,0); z-index:1;}
.main_section03 .main_field .main_field_txt .main_field_col {display:flex; height:100%;}
.main_section03 .main_field .main_field_txt .main_field_col li {display:flex; flex-direction:column; justify-content: center; align-items:center; text-align:center; width:20%; height:100%; border-right:1px solid rgba(255,255,255,0.3); transition:.4s; cursor:pointer;}
.main_section03 .main_field .main_field_txt .main_field_col li .f_title { font-size:2rem; font-weight:600;}
.main_section03 .main_field .main_field_txt .main_field_col li .f_txt {display:none; margin:2rem 0 3.5rem 0; font-size:1.4rem;}
.main_section03 .main_field .main_field_txt .main_field_col li .f_btn {display:none; }
.main_section03 .main_field .main_field_txt .main_field_col li:hover {width:40%; background: rgba(45, 124, 199, 0.7);}
.main_section03 .main_field .main_field_txt .main_field_col li:hover .f_title {font-weight:700; margin-bottom:20px;}
.main_section03 .main_field .main_field_txt .main_field_col li:hover .f_txt {display:block;}
.main_section03 .main_field .main_field_txt .main_field_col li:hover .f_btn {display:flex;}

.sub_banner {display:flex; align-items:center; justify-content: center; width:100%; height:34rem; padding:0; text-align:center; background:url(/tf/img/sub_banner_bg.jpg)no-repeat; background-size:cover; color:#FFF;}
.sub_banner .main_txt {}
.sub_banner .banner_btn {display:inline-block;font-size:1.6rem; padding:1.8rem 3rem; font-weight:500; border:1px solid#FFF; color:#FFF; transition:.3s;}
.sub_banner .banner_btn:hover {background:#FFF; color:#222; }

/*-------------- main section04 -------------*/
.main_section04 .main_tit {color:#333;}
.main_section04 .main_tit .main_sub_tit {color:#666;}
.main_section04 .main_news {display:flex;  justify-content: space-between;}
.main_section04 .main_news li a {display:flex; flex-direction:column; max-width:36rem; width:100%; border-top:2px solid#111; transition:.4s;}
.main_section04 .main_news li:nth-of-type(2n) a {flex-direction: column-reverse; border-top:0; border-bottom:2px solid#111;}
.main_section04 .main_news li:hover a {border-top:2px solid#2D7CC7;}
.main_section04 .main_news li:nth-of-type(2n):hover a {border-top:0; border-bottom:2px solid#2D7CC7;}
.main_section04 .main_news li .news_txt {padding:5.5rem 2rem;}
.main_section04 .main_news li .news_txt .n_title {margin-bottom:3rem; font-size:2.7rem; font-weight:500;}
.main_section04 .main_news li .news_txt .n_txt {font-size:1.6rem; line-height:1.4; color:#888;}
.main_section04 .main_news li .n_img {overflow:hidden;}
.main_section04 .main_news li .n_img img {width:100%; transition:.4s;}
.main_section04 .main_news li:hover .n_img img {transform:scale(1.1); }

/*-------------- main 사무실 -------------*/
.sub_office {padding-top:0;}
.sub_office .img_content { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px; }
.sub_office .img_content .subTit { display:block; margin-bottom:10px; font-size:20px;}
.sub_office .img_content > div.swiper {max-width: 560px; margin:0;}
.sub_office .img_content > div .img_wrap {position:relative; height:350px;}
.sub_office .img_content > div .img_wrap > .img {display:block; width:100%; height:100%; background-repeat: no-repeat !important; background-size:cover !important; background-position:center !important; }

/*고객감사후기*/
.sub_thanks {max-width:1300px; margin:0 auto; padding-top:0; padding-bottom:14rem;}
.sub_thanks .thanks_swiper {max-width:1200px;}
.sub_thanks ul {}
.sub_thanks ul li {width:30%; overflow:hidden;}
.sub_thanks ul li .thanks_img {}
.sub_thanks ul li .thanks_img img {width:100%; height:230px;object-fit:cover;}
.sub_thanks ul li .thanks_title {text-align:center; margin-top:20px; font-size:23px; font-weight:bold; text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.sub_thanks .swiper-button-prev {left:0 !important;}
.sub_thanks .swiper-button-next {right:0 !important;}
.sub_thanks .swiper-button-prev, 
.sub_thanks .swiper-button-next { width:3.5rem !important; height:3.5rem !important; top:45% !important; color:#FFF !important; background:#333;}
.sub_thanks .swiper-button-prev:after, 
.sub_thanks .swiper-button-next:after {font-size:1.5rem;}

/*-------------- main 상담신청 -------------*/
.sub-05 { background:#F4F4F4; }

.sub-05 .counsel-wrap { max-width:1400px; margin:0 auto; margin-top:60px; }
.sub-05 .counsel-wrap .counsel_inner {display:flex;}
.sub-05 .counsel-wrap .input-wrap { width:40%; }
.sub-05 .counsel-wrap .input-wrap  input.fr_input { display:block; width:100%; height:64px; padding:20px; border:0; margin-bottom:10px;  font-size:17px; background:#FFF; color:#222; }
.sub-05 .counsel-wrap .input-wrap  input.fr_input.info_t { height:100px !important; }
.sub-05 .counsel-wrap .input-wrap  textarea.info_t {  height:140px !important; width:100%; resize: none; line-height:1.4; background:#fff; border:0; font-size:15px; color:#222; padding:15px;}
.sub-05 .counsel-wrap .input-wrap  input.fr_input::placeholder { color:#000; font-size:17px; }
.sub-05 .counsel-wrap .input-wrap .chk-wrap { display:flex; align-items:center; justify-content:end; margin:20px 0 !important; font-size:15px; }
.sub-05 .counsel-wrap .input-wrap .chk-wrap input { display:inline-block; margin-right:5px; vertical-align:middle; border:0; }
.sub-05 .counsel-wrap .input-wrap .counsel-btn { display:flex; align-items:center; justify-content:center; width:100%; height:75px; font-size:23px; font-weight:bold;color:#FFF;background-image: linear-gradient(to right, #130E0F,#258EA5);} 
.sub-05 .counsel-wrap .counsel-list {  width:100%; margin-left:0px; background:#FFF; }
.sub-05 .counsel-wrap .counsel-list li { display:flex; align-items:center; justify-content:space-between; padding:45px 30px; border-bottom:1px solid#E2E2E2; }
.sub-05 .counsel-wrap .counsel-list li:last-child { border:0; }
.sub-05 .counsel-wrap .counsel-list li .list-title {     width: calc(100% - 268px); font-size:23px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sub-05 .counsel-wrap .counsel-list li .list-date { font-size:17px; color:#777; }
.sub-05_1 { position:relative; background:url(/wl/img/bg_mask.png)no-repeat; background-size: cover; padding:60px 0;  }
.sub-05_1 .sub-05_bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background:url(/wl/img/bg_img.png)no-repeat; background-size: cover;}
.sub-05_1 .text-wrap { max-width:1400px; margin:0 auto; }
.sub-05_1 .text-wrap h2 { color:#fff; }
.sub-05_1 .more { color:#FFF;  }
.sub-05_1 .more::after { filter: invert(100%) sepia(0%) saturate(7414%) hue-rotate(11deg) brightness(120%) contrast(120%);}
.sub-05_1 .s_list { position:relative; width:100%; height:200px;overflow:hidden; margin-top:0px; }
.sub-05_1 .s_list .bg_txt { position:absolute; display: flex; font-size:8.8rem; color:#fff; opacity:0.05; font-weight:600; white-space: nowrap; animation: marquee 55s linear infinite; }
.sub-05_1 .s_text_wrap { position:relative; width:1400px; margin:auto; }
.sub-05_1 .s_text_wrap .s_text { position:absolute; float:right; right:0; margin-top:-300px;  width:880px;  }
.sub-05_1 .s_text_wrap .s_text .s_text_li { position:relative; float:left; display:inline-block; width:31.3%; margin:1%; height:130px; /* background:rgba(255,255,255,1);  */ color:#222; font-weight:600; font-size:1.3rem; letter-spacing:-1px;  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;  }
.sub-05_1 .s_text_wrap .s_text .s_text_li a { display:block; width:100%; height:100%; padding:25px; /* background:#fff; */ transition:all 0.3s; background-image: linear-gradient(-45deg, transparent 20px,
#ECFAFD 0); }
.sub-05_1 .s_text_wrap .s_text .s_text_li a:hover {color:#fff; /*  background:#173f3b;  */ background-image: linear-gradient(-45deg, transparent 20px, #C2A664 0);  }
.sub-05_1 .s_text_wrap .s_text .s_text_li.active { opacity:1; }
.counsel-wrap.renew .input-wrap .counsel-btn { display:flex; align-items:center; justify-content:center; width:100%; height:75px; font-size:23px; font-weight:bold;color:#FFF;background-image: linear-gradient(to right, #130E0F,#258EA5); border:0;} 
.counsel-wrap.renew .coun_Swiper { position:relative; width:60%; margin-left:50px; background:#FFF; max-height:423px; }
.counsel-wrap.renew .coun_Swiper::before {content:''; position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; z-index:5;}
.counsel-wrap.renew .counsel-list li { display:flex; align-items:center; justify-content:space-between; padding:20px 30px; border-bottom:1px solid#E2E2E2; }
.counsel-wrap.renew .counsel-list li:last-child { border:0; }
.counsel-wrap.renew .counsel-list li .list-title {width: calc(100% - 268px); font-size:1.8rem; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.counsel-wrap.renew .counsel-list li .list-date { font-size:17px; color:#777; }
.counsel-wrap.renew .counsel-list li .full-btn {display:inline-block; width:105px; height: 35px; line-height:30px; text-align:center; font-size:17px; font-weight:bold; border: 2px solid transparent; border-radius: 20px; background-image:  linear-gradient(to right, #130E0F,#258EA5); background-origin: border-box; background-clip: content-box, border-box; color:#FFF;}
.btns { display:inline-block; width:105px; height: 35px; line-height:30px; text-align:center; font-size:17px; font-weight:bold; border: 2px solid transparent; border-radius: 20px; background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #130E0F,#258EA5); background-origin: border-box; background-clip: content-box, border-box;  }
.btns.gy { border:2px solid#777; color:#777; background-image: none;  }
@keyframes marquee {
	0% { left: 0; }
	100% { left: -100%; }
}
	
/*-------------- main map -------------*/
.main_section .map-wrap { height:420px; margin-top:50px; background:gray; }
.main_section .office {}
.main_section .office > p { margin:40px 0 15px 0; font-size:27px; font-weight:bold; }
.main_section .office-info { display:flex; }
.main_section .office-info > div { flex-grow:1; padding-left:35px; border-right:1px solid#E2E2E2; }
.main_section .office-info > div:first-child { padding-left:0; }
.main_section .office-info > div:last-child { border:0; }
.main_section .office-info p { margin-bottom:5px; font-size:21px; }
.main_section .office-info p:after { display:none; }
.main_section .office-info span { font-size:16px; }
.main_section .siteLink {width: 100%; padding: 80px 10px 0; text-align: center;}
.main_section .siteLink a {display: block; color: #fff; border-radius: 100px; font-size: 30px; font-weight: 600; padding: 20px 0; width: 100%; background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 87% at 26% 20%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%); box-shadow: 2px 19px 31px rgba(0, 0, 0, 0.2); background-color: #003770;}
.main_section .siteLink a:first-child {margin-bottom: 50px;}


.bot_wrap {padding:40px 0 80px 0; background:#F4F4F4; }
.bot_Swiper {max-width:1200px; margin:0 auto;}
.bot_Swiper .title {font-size:24px; font-weight:700; margin-bottom:20px;}
.bot_Swiper ul li {padding:10px 0; background:#fff;pointer-events: auto !important;}
.bot_Swiper ul li a {display:block; width:100%; height:100%; text-align:center;}
.bot_Swiper ul li a img {width:90%;}




/* 바이럴 viral section */
.sec.viral {
	background-image:url(/wl/img/viral_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
}
.sec.viral .wrapper {
	padding: clamp(60px, 4.17vw, 80px) 0;
	text-align:center;
	position:relative;
}
.sec.viral p {
	color:#fff;
	text-align:center;
}
.sec.viral .txt1 {
	font-size:clamp(28px, 2.08vw, 40px);
	line-height: 1.30;
	font-weight:600;
	padding-bottom:26px;
	font-family: 'Nanum Myeongjo', serif;
}
.sec.viral .txt2 {
	background: linear-gradient(90deg, #F5DF94 0%, #BC8E31 36.5%, #DCBB68 66%, #F1DA8F 100%), #D9D9D9;
	padding:clamp(10px, 1.04vw, 20px) clamp(16px, 1.93vw, 37px);
	display:inline-block;
}
.sec.viral .txt2 span {
	-webkit-text-stroke: .7px #D2AD57;
	line-height: 1.21;
	font-size:clamp(33px, 2.50vw, 48px);
	font-weight:700;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.sec.viral .txt2 span::after, .sec.viral .txt2 span::before {
	position:absolute;
	content:"";
	width:clamp(130px, 14.11vw, 271px);
	height:clamp(172px, 18.75vw, 360px);
	background-image:url(/wl/img/viral_leaf_left.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
	top:50%;
	transform:translateY(-50%);
	transition:.3s;
}
.sec.viral .txt2 span::after {
	right:11.67vw;
	transform:translateY(-50%) scaleX(-1);
}
.sec.viral .txt2 span::before{
	left:11.67vw;
}
.sec.viral .txt3 {
	padding-top:30px;
	line-height: 1.41;
	font-size:clamp(22px, 1.77vw, 34px);
	font-weight:400;
}
.sec.viral .txt3 span {
	color:#67C8FF;
	font-weight:700;
}

@media (max-width:1300px) {
	.sec.viral .txt2 span::after {
		right:6vw;
	}
	.sec.viral .txt2 span::before{
		left:6vw; 
	}
}
@media (max-width:1000px) {
	.sec.viral .txt2 br {
		display:none;
	}
	.sec.viral .txt3 br {
		display:block;
	}
	.sec.viral .txt2 span::after {
		right:20px;
	}
	.sec.viral .txt2 span::before{
		left:20px;
	}
	.main_section .siteLink a{
		font-size: clamp(18px, 3.00vw, 30px);
	}
	.main_lawyer_wrap .lawyer_name.brown span {
		font-size: clamp(18px, 3.00vw, 30px) !important;
	}
}
@media (max-width:900px) {
	.main_visual_sec .container .wrapper .cont_area .tit span{
		font-size: 38px;
	}
	.sec.viral .wrapper {
		position:unset;
	}
	.sec.viral .txt1 br, .sec.viral .txt2 br, .sec.viral .txt3 br {
		display:block;
	}
	.sec.viral .txt2 {
		display:block;
		width:100%;
	}
	.sec.viral .txt2 span{
		position:relative;
	}
	.sec.viral .txt2 span::after, .sec.viral .txt2 span::before {
		background-image:url(/wl/img/viral_leaf_left_mo.png);
		transform:translate(-60%, -50%);
	}
	.sec.viral .txt2 span::after {
		right:0;
		transform:translate(85%, -50%) scaleX(-1);
	}
	.sec.viral .txt2 span::before{
		left:0; 
	}
}
@media (max-width:760px) {
	.sec.viral {
		background-image:url(/wl/img/viral_bg_mo.jpg);
	}
	.sec.viral .wrapper {
		padding: clamp(60px, 16.84vw, 128px) 0;
	}
	.sec.viral .txt1 {
		font-size:clamp(17px, 3.95vw, 30px);	
		padding-bottom:2.63vw;
	}
	.sec.viral .txt2{
		padding:2.37vw 0;
	}
	.sec.viral .txt2 span{
		font-size:clamp(19px, 5.92vw, 45px);
	}
	.sec.viral .txt2 span::after, .sec.viral .txt2 span::before {
		width:clamp(60px, 20.26vw, 154px);
		height:clamp(78px, 26.84vw, 204px);	
		transform:translate(0, -50%);
	}
	.sec.viral .txt2 span::after {
		right:-17vw;
		transform:translate(0, -50%) scaleX(-1);
	}
	.sec.viral .txt2 span::before{
		left:-8vw;
	}
	.sec.viral .txt3 {
		padding-top:3.95vw;
		font-size:clamp(12px, 4.47vw, 34px);
		letter-spacing:-0.4vw;
	}
}
@media (max-width:570px) {
	.main_visual_sec .container .wrapper .cont_area .tit span{
		font-size: 8.5vw;
	}
}