/*인사말*/
.sub_wrap { position:relative; padding-top:100px; box-sizing:border-box; }
.sub_wrap .sub_head { position:fixed; top:101px; width:100%; padding:18px 0; text-align:center; border-top:0px solid#E9E9E9; border-bottom:1px solid#E9E9E9; background:#FFF; z-index:1; transition:all .4s; }
.sub_wrap .sub_head.hidden { top:0; }
.sub_wrap .sub_head > a { display:inline-block; padding:8px 20px; font-size:17px;  color:#B6B6B6; transition:.5s; color:#999; background:#f3f3f3; border-radius:30px; margin:0 13px; color:#000; }
.sub_wrap .sub_head > a.active { font-weight:bold; color:#fff; background:#222; }
.sub_wrap .sub_text { text-align:center; padding:100px 0 80px 0; }
.sub_wrap h2 { margin-bottom:15px; font-size:40px; font-weight:bold; letter-spacing:-1px;}
.sub_wrap .sub_text h2 { margin-bottom:30px; }
.sub_wrap .sub_text > span { display:block; line-height:1.3; font-size:22px; color:#555; }
.sub_wrap .sub_spot {}
.sub_wrap .sub_bg { width:100%; height:40vh; color:#FFF;}
.sub_wrap .sub_bg.s_bg01 { background:url(/wl/img/sub_bg1.png)no-repeat; background-attachment: fixed;}
.sub_wrap .sub_bg.s_bg02 {background:url(/wl/img/sub_bg2.png)no-repeat; background-attachment: fixed;}
.sub_wrap .sub_bg > div { display:flex; flex-direction:column; justify-content:center; max-width:1400px; width:100%; height:100%; margin:0 auto; }
.sub_wrap .sub_bg span { font-size:21px; font-weight:400; }
.sub_wrap .sub_bottom {max-width:1400px; padding:140px 0px; margin:0 auto;  }
.sub_wrap .sub_bottom span { display:block; font-size:21px; line-height: 1.7; }
.sub_wrap .sub_bottom .sign  { font-size:2rem; line-height: 1.7; font-weight:500; text-align:right; margin-top:80px;  }
.sub_wrap .sub_bottom .sign span { display:inline-block; font-size:1.3rem; }
.sub_wrap .sub_bottom .sign img { width:280px; margin-left:30px; }

/*위드로 철학*/
.about_wrap { padding-top:0 !important; }
.about_wrap .sub_top {position: relative; top:0; height:400px;overflow: hidden; z-index: 11; }
.about_wrap .sub_top .bg { position:absolute; float:left; left:0; top:0; width:100%; height:100%;background-position:center; background-repeat:no-repeat;  animation-name: zoom-in; animation-duration:8.8s; animation-fill-mode:forwards; z-index:-1;}
.about_wrap .sub_top .sub_top_text { display:flex; align-items:center; justify-content:center; flex-direction: column; height:100%; width:100%; padding-top: 135px; font-size:45px; font-weight:bold; color:#e0c27a !important; }
.about_wrap .sub_top .sub_top_text .sub_top_sub { display:block; font-size:23px; text-align:center; margin-top:10px; color:#fff; }
.about_wrap .sub_top .bg:after { content:""; display:block; position:absolute; float:left; left:0; top:0; width:100%; height:100%; -webkit-box-sizing: border-box;
    background: linear-gradient(180deg, rgba(0,0,0,0.5), transparent); background-size: 100% 100%; 
} 
.about_wrap .sub_top:after { content:""; display:block; width:100%; height:5px; margin-top:-5px; bottom:0; left:0; 
	background: linear-gradient(90deg, #79632f , #e0c27a ); 
	animation-name: right-in; animation-duration:1.8s; animation-fill-mode:forwards;
}
.about_wrap .sub_head { position:relative; top:0; }
.about_wrap .sub_text { }
/* background-image: linear-gradient(45deg, #130E0F,#258EA5); */  
.about_wrap .sub_text h2 { display:inline-block; position:relative; padding:5px 40px 5px 40px; background: #79632f; background: linear-gradient(45deg, #79632f , #e0c27a );  /* background:#194C58; */ color:#fff; font-size:36px; }
.about_wrap .sub_text h2:before,  .about_wrap .sub_text h2:after { content:''; display:inline-block; position:absolute; float:left; width:25px; height:25px; border:2px solid #79632f; } 
.about_wrap .sub_text h2:before { left:-10px; top:-10px; border-right:0; border-bottom:0; }
.about_wrap .sub_text h2:after {  right:-10px; bottom:-10px; border-color:#e0c27a;  border-left:0; border-top:0;  }

.about_wrap .sub_text .circle_wrap { position:relative; max-width:1200px; height: 80vh; padding-top:320px; margin:0 auto; }
.about_wrap .sub_text .circle_wrap .c_top { display:flex; align-items:center; justify-content:center; position:relative; }
.about_wrap .sub_text .circle_wrap .c_top .g_circle { position:absolute; display:flex; align-items:center; justify-content:center; max-width:200px; width:100%; height:200px; font-size:27px; font-weight:bold; border-radius:100%; color:#004cb4; background:#F2F2F2;
    background: #eaeaea;
    box-shadow: 0 3px 5px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 30%), inset 0 -5px 5px rgb(100 100 100 / 10%), inset 0 5px 5px rgb(255 255 255 / 30%);
 }
.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(1) { transform: translate(-245%,100%); }
.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(2) { transform:translate(-160%,-30%); }
.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(3) {transform: translate(0%,-73%);}
.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(4) {transform:translate(160%,-30%); }
.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(5) { transform: translate(245%,100%); }
.about_wrap .sub_text .circle_wrap .m_circle {  max-width:700px; width:100%; height:700px; margin:0 auto; font-size:53px; font-weight:bold; color:#FFF; border-radius:100%; background: linear-gradient(#194C58 0%, rgba(25, 67, 88, 0) 55.21%);}
.about_wrap .sub_text .circle_wrap .m_circle span { display: flex; align-items: center;  justify-content: center; height: 60%;  }
.about_wrap .about_list { position:relative; background:#F3F9FA; }
.about_wrap .about_list ul { max-width:1400px; padding:100px 0; margin:0 auto; }
.about_wrap .about_list ul li { display:flex; align-items: flex-start; width:100%; padding:40px; margin-bottom:35px; background:#FFF; }  
.about_wrap .about_list ul li .li_num { display:flex; align-items:center;  justify-content:center; width:65px; height:65px; margin-right:30px; font-size:25px; font-weight:bold; border-radius:100%; color:#FFF; background:#194C58; 
	box-shadow: rgb(0 44 95 / 40%) 4px 4px;
}
.about_wrap .about_list ul li > div p { display:inline-block; margin-bottom:10px; font-size:23px; font-weight:bold;color:#fff; padding:0 10px 3px 10px; background: #194C58; box-shadow: rgb(0 44 95 / 40%) 4px 4px; }
.about_wrap .about_list ul li > div span { display:block; font-size:20px; color:#666; }
@keyframes zoom-in {
	0% { transform: scale( 1, 1 ) }
	100% { transform: scale( 1.3, 1.3 ) }
}
@keyframes right-in {
	0% { transform:translateX(-100%); }
	100% { transform:translateX(0); }
}

/*구성원 소개*/
.sub_wrap {}
.sub_wrap .sub_top { height:500px; }
.sub_wrap .sub_top .sub_bg_text { display:flex; flex-direction:column; justify-content:center; max-width:1400px; width:100%; height:100%; padding-top:50px; margin:0 auto; color:#FFF;  }
.sub_wrap .sub_top .sub_bg_text h3 { margin-top:15px; font-size:45px; font-weight:bold;  }
.sub_wrap .sub_top .sub_bg_text span { font-size:21px; }
.sub_wrap .sub_text .btn_wrap { margin-top:50px; }
.sub_wrap .sub_text .btn_wrap > a {display:inline-block; padding:20px 30px; margin-right:25px; border-radius:100px; font-size:19px; background:#F5F5F5; transition:all .2s;} 
.sub_wrap .sub_text .btn_wrap > a.active { background:#194C58; color:#FFF; } 
.sub_wrap .sub_text .btn_wrap > a.active:after { border:1px solid#fff; background:url(/wl/img/arrow_wh.png)no-repeat center; } 
.sub_wrap .sub_text .btn_wrap > a:after { content:''; display:inline-block; width:25px; height:25px; margin-left:20px;     vertical-align: sub; border:1px solid#DDD; border-radius:100%; background:url(/wl/img/arrow.png)no-repeat center;  }
.sub_wrap .info_list { position:relative; background:#F3F9FA; }
.sub_wrap .info_list .info_content { max-width:1400px; padding:100px 0; margin:0 auto; }
.sub_wrap .info_list .info_content > li { display:flex; padding:60px 60px 100px 60px; margin-bottom:100px;  background:#FFF; box-shadow: rgb(100 100 111 / 5%) 0px 7px 29px 0px;}
.sub_wrap .info_list .info_content > li .info_img .l_img_wrap { position:relative; max-width:550px; max-height:600px; background:#F3F9FA; overflow:hidden;}
.sub_wrap .info_list .info_content > li .info_img .l_img_wrap .mark_history { left:18px; right:auto; }
.sub_wrap .info_list .info_content > li .info_img .l_img_wrap img.l_img { width:100%;  }
.sub_wrap .info_list .info_content > li .info_img .m_doc { display:flex; justify-content: center; margin-top:30px; }
.sub_wrap .info_list .info_content > li .info_img .m_doc img { display:inline-block; max-width:150px; margin:0 5px; border:1px solid #f3f3f3; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
.sub_wrap .info_list .info_content > li .info_text {flex-grow:1; margin-left:60px; color:#222; font-size:18px; }
.sub_wrap .info_list .info_content > li .info_text .name { margin-top:30px; }
.sub_wrap .info_list .info_content > li .info_text .name span { }
.sub_wrap .info_list .info_content > li .info_text .name h3 { font-size:35px; font-weight:bold; letter-spacing:-3px; margin:5px 0 10px 0; }
.sub_wrap .info_list .info_content > li .info_text .name h3 em { font-size:28px; }
.sub_wrap .info_list .info_content > li .info_text .sub_con { padding:10px 0; }
.sub_wrap .info_list .info_content > li .info_text .sub_con .title { font-weight:600; font-size:20px; padding: 10px 0; margin:10px 0; border-bottom:2px solid #222; }
.sub_wrap .info_list .info_content > li .info_text .sub_con .content { line-height:1.6; }
.sub_wrap .info_list .info_content > li .sub_ul { margin-bottom:50px; }
.sub_wrap .info_list .info_content > li .sub_ul li { font-size:17px; margin-bottom:5px;  transform: rotate(0.1deg); }
.info_wrap .info_list .info_content > li .sub_ul li.title { font-size:19px; font-weight:bold; padding-bottom:15px; margin:30px 0 15px 0; border-bottom:2px solid#222; }
.sub_wrap .info_list .info_content > li .sub_ul li.li_mt { margin-top:30px; }
.sub_wrap .info_list .info_content > li .info_text .profile_btn { display:block; width:100%; padding:15px 0; text-align:center; font-size:19px; font-weight:bold; color:#FFF; background:#194C58; cursor:pointer; transition:all .3s; }
.sub_wrap .info_list .info_content > li .info_text .profile_btn:active { background:#1b2f33; }

/*오시는길*/
.sub_wrap .map_wrap { position:relative; max-width:1400px; margin:0 auto; }
.sub_wrap .map_wrap .map_view { padding:20px 0; text-align:center; }
.sub_wrap .map_wrap .map_view > span { display:inline-block; margin:0 5px; padding:10px 20px;  font-size:17px; border-radius:100px; cursor:pointer;background: #194C58; color:#FFF; }
.sub_wrap .map_wrap .map_view > span:hover,
.sub_wrap .map_wrap .map_view > span:active{ background:#1b2f33; transition:all .3s; }
.sub_wrap .map_wrap .map_info { padding:30px 0 200px 0; }
.sub_wrap .map_wrap .map_info li { display:flex; align-items:flex-start; padding:20px; border-bottom:1px solid#DDD; } 
.sub_wrap .map_wrap .map_info li.m_num { align-items:center; margin-bottom:0; }
.sub_wrap .map_wrap .map_info li.m_num span { margin-bottom:0; }
.sub_wrap .map_wrap .map_info li .m_left { width:150px; font-size:24px; }
.sub_wrap .map_wrap .map_info li .m_right { font-size:17px; }
.sub_wrap .map_wrap .map_info li b { color:#222; }
.sub_wrap .map_wrap .map_info li em { margin-right:5px; color: #194C58;}
.sub_wrap .map_wrap .map_info li span { display:inline-block; margin-bottom:10px; color:#404040; }
.aft:after {content:''; display:inline-block; width:2px; height:15px; margin:0 8px; background:#DDD;}
.sub_wrap .map_wrap .map_info .traffic .m_right > div b { display:block; margin-bottom:10px; }

.sub_wrap .v_content span { font-size: 19px !important; line-height:1.93 !important;   font-family: 'Noto Sans KR', sans-serif !important; }

/*언론보도 (list)*/
.sub_wrap .media_list { max-width:1200px; padding-bottom:150px; margin:0 auto; }
.sub_wrap .media_list .m_ul { padding:30px 60px; border-top:2px solid#194C58; }
.sub_wrap .media_list .m_ul li a { display:flex; padding:30px 0; }
.sub_wrap .media_list .m_ul li .media_img { width:350px; height:230px; margin-right:50px; overflow:hidden;  background:#eee; }
.sub_wrap .media_list .m_ul li .media_img img { width:100%; }
.sub_wrap .media_list .m_ul li .media_text {width: calc(100% - 400px); margin-top:20px;}
.sub_wrap .media_list .m_ul li .media_text .m_top { display:inline-block; padding:0 5px; font-size:16px; color:#fff; background:#194C58; }
.sub_wrap .media_list .m_ul li .media_text h3 { display: -webkit-box; margin:13px 0; font-size:20px; font-weight:bold; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.sub_wrap .media_list .m_ul li .media_text h3:hover { text-decoration:underline; }
.sub_wrap .media_list .m_ul li .media_text .m_sub { display: -webkit-box; margin-bottom:15px; font-size:16px;  overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.sub_wrap .media_list .m_ul li .media_text .date { color:#aaa; font-size:14px; }

/*언론보도 (view)*/
.sub_wrap .media_view { position:relative; max-width:1300px; padding-bottom:100px; margin:0 auto;}
.sub_wrap .media_view .m_view { border-top:3px solid#194C58; border-bottom:3px solid#194C58; }
.sub_wrap .media_view .m_view.online { border-bottom:0px solid#194C58;}
.sub_wrap .media_view .m_view .m_inner { padding:60px; margin-bottom:50px;}
.sub_wrap .media_view .m_view .v_title { padding-bottom:30px; border-bottom:1px solid#DDD; font-weight:bold; }
.sub_wrap .media_view .m_view .v_title h2 { margin-bottom:20px; font-size:35px; }
.sub_wrap .media_view .m_view .v_title .date {float:right;  font-size:22px; color:#AAA;}
.sub_wrap .media_view .m_view .v_title p { display:inline-block; clear:both; font-size:22px;}
.sub_wrap .media_view .m_view .v_content { padding-top:80px; }
.sub_wrap .media_view .m_view .v_content .img_wrap { text-align:center; }
.sub_wrap .media_view .m_view .v_content .img_wrap .v_img { width:400px; height:260px; margin:0 auto 10px auto; overflow:hidden; background:#DDD;  }
.sub_wrap .media_view .m_view .v_content .img_wrap .v_img img { width:100%; }
.sub_wrap .media_view .m_view .v_content .img_wrap span { font-size:18px; }
.sub_wrap .media_view .m_view .v_content .text_wrap { padding-top:50px; font-size:16px; } 
.sub_wrap .media_view .m_view .v_content .text_wrap div { width:100%;}
.sub_wrap .media_view .m_view .v_content .text_wrap a { display:block; margin-top:50px; }
.sub_wrap .media_view .v_list { margin-bottom:70px; }
.sub_wrap .media_view .v_list.cmt { background:#f2f2f2;}
.sub_wrap .media_view .v_list .list_bottom { display:flex; padding:30px; font-size:19px; border-bottom:1px solid#DDD;}
.sub_wrap .media_view .v_list .lb { width:100px; }
.sub_wrap .media_view .v_list .v_list_title { text-decoration:underline; cursor:pointer; }
.sub_wrap .media_view .v_list .v_list_title:hover { font-weight:500; }
.sub_wrap .go_list_wrap {text-align:center;}
.sub_wrap .go_list_wrap .go_list { display:inline-block; text-align:center; font-size:22px; font-weight:bold; }
.sub_wrap .go_list_wrap .go_list em {  display: inline-block; position: relative;width: 30px;height: 20px; margin-right: 10px;}

/*업무사례(list)*/
.sub_wrap .success_wrap { max-width:1300px; margin:0 auto; padding-bottom:100px; }
.sub_wrap .success_wrap .s_content { border-top:2px solid#194C58; }
.sub_wrap .success_wrap .s_content li { padding:35px 50px; border-bottom:1px solid#ddd; transition:all 0.3s; }
.sub_wrap .success_wrap .s_content li:hover { background-color: #e8f4f6; }
.sub_wrap .success_wrap .s_content li .li_inner{ display:flex; }
.sub_wrap .success_wrap .s_content li .li_inner .li_ca { width:100px;  text-align:center; }
.sub_wrap .success_wrap .s_content li .li_inner .li_content { width:calc(100% - 470px); padding:0 60px 0 30px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_info { width:160px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_ca .ca_name { display:inline-block; background-image: linear-gradient(45deg, #130E0F,#258EA5); padding:5px 10px; color:#fff; font-weight:500; font-size:18px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_result { width:130px;  text-align:center; }
.sub_wrap .success_wrap .s_content li .li_inner .li_result span { display:inline-block; background: #79632f; background: linear-gradient(45deg, #79632f , #e0c27a ); padding:5px 10px; color:#fff; font-weight:500; font-size:18px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_info .author { font-size:17px; color:#b29142; font-weight:500; margin-bottom:10px;}
.sub_wrap .success_wrap .s_content li .li_inner .li_info .author svg { width:20px; height:13px; margin-right:5px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_info .hit { font-size:17px; font-weight:500; }
.sub_wrap .success_wrap .s_content li .li_inner .li_info .hit em { color:#555;  }
.sub_wrap .success_wrap .s_content li .li_inner .li_info.author { width:180px;  text-align:center;}
.sub_wrap .success_wrap .s_content li .li_inner .li_info.hit { width:60px;  text-align:center; }
.sub_wrap .success_wrap .s_content li .li_top { font-size:20px; font-weight:bold; }
.sub_wrap .success_wrap .s_content li .li_top .pen { display:inline-block; padding:0 5px; margin-right:10px;  font-weight:400; color:#FFF; background:#194C58;  }
.sub_wrap .success_wrap .s_content li .li_top > .title { display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub_wrap .success_wrap .s_content li .li_top > .title:hover { text-decoration:underline; cursor:pointer; }
.sub_wrap .success_wrap .s_content li .li_sub { display: -webkit-box; margin:20px 0; font-size:16px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; color:#666; }
.sub_wrap .success_wrap .s_content li .date { font-size:15px; color:#AAA; }

.sub_wrap .success_wrap .s_content li.li_title { padding: 15px 50px; font-size:1.8rem; color:#333 !important; background:#fff; font-weight:600; }
.sub_wrap .success_wrap .s_content li.li_title:hover { background:#fff; }

/**/
/*업무사례(성공사례) 추가(list)*/
/**/
.success_area {
	width:90%;
}
.success_list {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap:wrap;
}
.success_list li,
.success_list a,
.success_list p,
.success_list img,
.success_list div,
.success_list strong {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.success_list img {
  width: 100%;
  height: auto;
  box-shadow: rgba(33, 35, 38, 0.4) 0px 10px 10px -10px;
}
.success_list .list_item {
  width: calc((100% - 60px) / 3);
  background: #f7f7f7;
  padding: 40px 30px;
  transition:all 0.3s !important;
}
.success_list .list_item:hover {
	background:#fff;
	box-shadow: rgba(50, 50, 93, 0.15) 0px 50px 100px -20px, rgba(0, 0, 0, 0.2) 0px 30px 60px -30px;
}
.success_list .list_item .list_link {
  display: block;
}
.success_list .list_item .list_link .cont1 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.success_list .list_item .list_link .cont1 p {
  color: #f7f7f7;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 8px 15px;
  background: #af9273;
}
.success_list .list_item .list_link .cont2 {
  margin-bottom: 20px;
}
.success_list .list_item .list_link .cont2 .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}
.success_list .list_item .list_link .cont2 .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #999;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.success_list .list_item .list_link .cont3 {
  display: flex;
  align-items: center;
  gap: 9.6227%;
}
.success_list .list_item .list_link .cont3 div {
  width: calc((100% - 9.6227%) / 2);
}
.success_list .list_item .list_link .cont3 .img_area {
	padding-bottom : 66%;
	position: relative;
	overflow: hidden;
}
.success_list .list_item .list_link .cont3 .img_area img {
	position :absolute;
	width:100%;
	top:0;
	left:0;
}
.success_list .list_item .list_link .cont3 .thumb_area .lawyer {
  width: 38.7500%;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 14px;
  min-width: 60px;
  background-color:#ddd;
}
.success_list .list_item .list_link .cont3 .thumb_area .txt {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.success_list .list_item .list_link .cont3 .thumb_area .txt strong {
  margin-top: 8px;
  display: block;
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}

/*업무사례(view)*/
.sub_wrap .success_view {}
.sub_wrap .success_view .v_content .v_section { font-size:21px; font-weight:300; padding-bottom:60px; }
.sub_wrap .success_view .v_content .v_section .section_text { margin-top:10px;letter-spacing: 1px; }
.sub_wrap .success_view .summary {padding:25px; background:#c1bcbc; }
.sub_wrap .success_view .summary p { margin-bottom:5px; font-size:22px; font-weight:bold; color:#222;}
.sub_wrap .success_view .summary .text_box {  padding:15px; font-size:15px; background: rgba(255,255,255,0.3);}

/*업무분야*/
.sub_wrap .field_wrap { position:relative; max-width:1300px; padding-bottom:150px; margin:0 auto; }
.sub_wrap .field_wrap .field_list { border-top:2px solid #194C58; }
@keyframes link {
  0% {
    opacity:0;
  }
  100% {
     opacity:1;
  }
}
.sub_wrap .field_wrap .field_list ul > li { padding:50px 0; border-bottom: 1px dashed #828282; }
.sub_wrap .field_wrap .field_list li .title { margin-bottom:30px; font-size:22px; }
.sub_wrap .field_wrap .field_list li .title .num { display: inline-block;width: 18px; height: 18px; background:#194C58; color: #fff; text-align: center; font-weight:bold;
line-height: 43px; margin-right: 20px; box-shadow: rgb(0 44 95 / 40%) 4px 4px; border-bottom-right-radius: 10px;}
.sub_wrap .field_wrap .field_list li .title h3 { display:inline-block; }
.sub_wrap .field_wrap .field_list li b { display:block; font-size:19px; color:#194C58;}
.sub_wrap .field_wrap .field_list li > p { line-height: 1.95; font-size:18px; }
.sub_wrap .field_wrap .field_list li.top { padding-bottom:0; border-bottom:0; }
.sub_wrap .field_wrap .field_list li.top h3 { margin-bottom:30px; font-size:35px; font-weight:600; }
.sub_wrap .field_wrap .field_list li.top p { font-size:16px; }
.sub_wrap .field_wrap .field_list li.li-list { font-size:16px; font-weight:300; }
.sub_wrap .field_wrap .field_list li.li-list .con_inner { padding:15px 0; }
.sub_wrap .field_wrap .field_list li.li-05 .sub {font-size:16px; font-weight:300;}
.sub_wrap .field_wrap .field_list li.li-05 .sub span { display:block; margin:10px 0; }
.sub_wrap .field_wrap .field_list li.li-05 .sub p { margin-bottom:5px; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table { margin:30px 0 0 20px; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table b { font-size:16px; font-weight:500; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table ul { font-size:15px; margin-top:10px; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table ul li { display:flex; border-bottom:1px solid#DDD; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table ul li.t-title {background: #dbdde4; } 
.sub_wrap .field_wrap .field_list li.li-05 .li-table ul li > div { display:flex; align-items:center; padding:10px; border-right:1px solid#DDD; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table ul li > div:last-child { border-right:0; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table ul li .t-1 { width:20%; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table ul li .t-2 { width:60%; }
.sub_wrap .field_wrap .field_list li.li-05 .li-table ul li .t-3 { width:20%; }
.sub_wrap .field_wrap .field_list li .field_Swiper {}
.sub_wrap .field_wrap .field_list li .field_Swiper .swiper-slide {width:300px;}
.sub_wrap .field_wrap .field_list li .field_Swiper img {width:100%;}
.tf_navi_banner { position:relative; height:200px; padding:20px; margin-top:70px; text-align:center; color:#fff;}
.page + .tf_navi_wrap .tf_navi_banner {margin-top:70px;}
.tf_navi_banner a::after {content:''; position:absolute; top:0; right:0; width:100%; height:100%; background:#000; opacity:0.3;}
.tf_navi_banner a {position:absolute; top:0; right:0; width:100%; height:100%;  display:flex; align-items:center; justify-content:center;}
.tf_navi_banner h3 {line-height:1.4; font-size:32px; font-weight:500; z-index:1;}
.tf_navi_banner h3 em {font-size:17px; font-weight:400; display:inline-block; background:rgba(255,255,255,0.3); padding:8px 17px 8px 13px; position:relative; }
.tf_navi_banner h3 em .gt_sign {width:10px; height:10px; margin-left:5px; border-color:#fff; color:#FFF;}

.tf_navi_wrap.pc {display:block;}
.tf_navi_wrap.mobile {display:none;}
.tf_navi_wrap .tf_navi_banner.min_banner h3 {font-size:28px !important; }


.sub_wrap table.s_table { width: 100%; border-top: 1px solid #ddd; border-collapse: collapse; margin-top: 13px; }
.sub_wrap table.s_table th, table.s_table td { border-bottom: 1px solid #ddd; border-left: 1px solid #bcbcbc; padding: 10px; font-size: 16px; color:#333; } 
.sub_wrap table.s_table th { background: #cfdddc; font-weight: 500; text-align:center; }
.sub_wrap table.s_table th:first-child, table.s_table td:first-child { border-left: none; }
.sub_wrap table.s_table td { font-weight: 400; font-size:16px;}


.list_deco::before { content:''; display:inline-block; width:5px; height:5px; margin-right:15px; vertical-align:middle; border-radius:100%; background:#194C58; }

/*업무분야(list)*/
.sub_wrap .online_btn { display:inline-block; padding:20px 40px; margin-top:50px; font-size:16px; background: #194C58;     background-image: linear-gradient(45deg, #130E0F,#258EA5); color:#FFF; transition:.3s; }
.sub_wrap .online_btn:hover { background:#1b2f33; }
.sub_wrap .online_btn span { display:inline-block; vertical-align:middle; margin-left:10px; width:17px; height:21px; background:url(/wl/img/online_btn.png)no-repeat; filter: invert(100%) sepia(100%) saturate(24%) hue-rotate(337deg) brightness(104%) contrast(108%); }
.sub_wrap .online_wrap { position:relative; max-width:1300px; padding-bottom:150px; margin:0 auto; }
.sub_wrap .online_wrap .online_ul { border-top:2px solid #194C58; font-size:16px; }
.sub_wrap .online_wrap .online_ul.o_list li a { display:flex; align-items:center; padding:15px 50px; border-bottom:1px solid#DDD; }
.sub_wrap .online_wrap .online_ul.o_list li a > div { flex-grow:1; margin-right:35px; }
.sub_wrap .online_wrap .online_ul li a .num { }
.sub_wrap .online_wrap .online_ul li a .lock { width:31px; height:31px; margin-right:10px; background:url(/wl/img/ico_secret.gif)no-repeat; }
.sub_wrap .online_wrap .online_ul li a .sub { margin-right:10px;  }
.sub_wrap .online_wrap .status { display:inline-block; padding:1px 5px;  }
.sub_wrap .online_wrap .clear {background:#194C58; color:#FFF;}
.sub_wrap .online_wrap .wait { background:#F3F3F3; color:#000; font-weight:300; }
.sub_wrap .online_wrap .online_ul li a .title {  width: calc(100% - 480px); font-size:18px;}
.sub_wrap .online_wrap .online_ul li a .name { margin-right:50px; }
.sub_wrap .online_wrap .online_ul li a .date { margin-right:0; color:#666;}

/*업무분야(view)*/
.sub_wrap .online_wrap .m_view .m_inner { padding:0 30px; }
.sub_wrap .online_wrap .m_view .m_inner .view_top { display:flex; align-items:center; padding:30px 0; font-size:17px; border-bottom:1px solid#DDD; }
.sub_wrap .online_wrap .m_view .m_inner .view_top span { margin-right:25px; }
.sub_wrap .online_wrap .m_view .m_inner .view_top span:last-child { margin-right:0; }
.sub_wrap .online_wrap .m_view .m_inner .view_top span.title { font-size:20px; }
.sub_wrap .online_wrap .m_view .m_inner .view_top span.name { margin-right:60px; } 
.sub_wrap .online_wrap .m_view .m_inner .view_top span.date { color:#999; }
.sub_wrap .online_wrap .m_view .m_inner .view_top .title { width: calc(100% - 360px);}
.sub_wrap .online_wrap .m_view .m_inner .view_text { min-height:300px; padding:30px 0; font-size:18px; }

/*전문서비스*/
.sub_wrap .sub_text .service_img { max-width:1400px;  height:500px;  margin:80px auto 0 auto; }
.sub_wrap .sub_text .service_img.s_img1{ background:url(/wl/img/service_img1.jpg)no-repeat; background-size:cover; box-shadow: rgba(0, 0, 0, 0.45) 0px 35px 20px -20px; }
.sub_wrap .sub_text .service_img.s_img2{ background:url(/wl/img/service_img2.jpg)no-repeat; background-size:cover;}
.sub_wrap .sub_text .service_img.s_img3{ background:url(/wl/img/service_img3.jpg)no-repeat; background-size:cover;}
.sub_wrap .service_wrap {}
.sub_wrap .service_wrap .service_list {}
.sub_wrap .service_wrap .service_list li { align-items:start; }
.sub_wrap .service_wrap .service_list li .s_text { width:95%; }
.sub_wrap .service_wrap .service_list li .s_text span { line-height: 1.6; font-size:19px; }
.about_wrap .about_list ul li > div p { margin-top:15px; }

/*전문서비스02*/
.sub_wrap .service02_wrap { padding:100px 0; background:#F3F9FA; }
.sub_wrap .service02_con { max-width:1400px; margin:0 auto; }
.sub_wrap .service02_con .service_tab { display:flex;  justify-content: space-between;}
.sub_wrap .service02_con .service_tab li { position:relative; display:inline-block; width:300px; height:320px;  text-align:center; border:1px solid#E2E2E2; background:#FFF; cursor:pointer;}
.sub_wrap .service02_con .service_tab li::after { content:''; position:absolute; right:-34%; top:50%; display:inline-block; width:70px; height:70px; background:url(/wl/img/service_arrow.png)no-repeat; transform: translate(-50%, -50%);}
.sub_wrap .service02_con .service_tab li:last-child::after { display:none; } 
.sub_wrap .service02_con .service_tab li.active { background:#194C58; transition:all .5s; }
.sub_wrap .service02_con .service_tab li.active .tab_inner > span,
.sub_wrap .service02_con .service_tab li.active .tab_inner > p  { color:#FFF; }
.sub_wrap .service02_con .service_tab li.active .tab_inner .tab_img { background-color:#FFF !important; border:0; }
.sub_wrap .service02_con .service_tab li .tab_inner { display: flex;  flex-direction: column;  align-items: center; justify-content: center; width: 100%; height: 100%;  }
.sub_wrap .service02_con .service_tab li .tab_inner .tab_img {  width:100px; height:100px; margin:0 auto; border:1px solid#DDD; border-radius:100%; }
.sub_wrap .service02_con .service_tab li .tab_inner .tab_img.logo1 {background:url(/wl/img/min_logo.png)no-repeat center center;}
.sub_wrap .service02_con .service_tab li .tab_inner .tab_img.logo2 {background:url(/wl/img/logo2.png)no-repeat center center;}
.sub_wrap .service02_con .service_tab li .tab_inner .tab_img.logo3 {background:url(/wl/img/logo3.png)no-repeat center center;}
.sub_wrap .service02_con .service_tab li .tab_inner .tab_img.logo4 {background:url(/wl/img/logo4.png)no-repeat center center;}
.sub_wrap .service02_con .service_tab li .tab_inner span { display:block;  font-size:23px; font-weight:bold;  }
.sub_wrap .service02_con .service_tab li .tab_inner .num {margin-top:15px; color:#194C58;}
.sub_wrap .service02_con .service_tab li .tab_inner .title { margin-top:12px; }
.sub_wrap .service02_con .service_tab li .tab_inner p { margin-top:15px; font-size:21px; color:#666;}
.sub_wrap .service02_con .service_list li.service_li { display:none; }
.sub_wrap .service02_con .service_list li.view { display:flex; animation: link 1s ease 0s; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.sub_wrap .service02_con .service_list .sub_ol { padding:0; margin:30px 0 0 0; }
.sub_wrap .service02_con .service_list .sub_ol li { position:relative; padding:0 0 0 20px; margin-bottom:8px; font-size:18px;  }
.sub_wrap .service02_con .service_list .sub_ol li:last-child { margin:0; }
.sub_wrap .service02_con .service_list .sub_ol li:before {content:""; display:inline-block; position:absolute; float:left; left:0; top:10px; width: 0; height: 0; border-bottom: 5px solid #4990a1; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.sub_wrap .service02_con .service_list .sub_ol li:after { content:""; display:inline-block; position:absolute; float:left; left:0; top:15px; width: 0; height: 0; border-top: 5px solid #194C58; border-left: 5px solid transparent; border-right: 5px solid transparent; }

	


/* 온라인 문의 */
.sub_wrap .online_wrap .online_btn_wrap { display:bleck; text-align:center; }
.sub_wrap .online_wrap .go_online_btn { display:flex; padding:20px; margin:0px auto 60px auto; width:300px; background:#162754; color:#fff; font-size:1.5rem; text-align:center; align-items: center; justify-content: center; transition:all 0.3s;  } 
.sub_wrap .online_wrap .go_online_btn span { display:inline-block; font-size:15px; }
.sub_wrap .online_wrap .go_online_btn span svg { width:17px; height:17px; margin-left:5px; }
.sub_wrap .online_wrap .go_online_btn:hover { background:#000; }

.sub_wrap .online_wrap .online_ul.online li { padding:15px 60px; min-height:auto; border-bottom:1px solid#DDD; }
.sub_wrap .online_wrap .online_ul.online li .flex { display:flex; align-items:center; width:100%; }
.sub_wrap .online_wrap .online_ul.online li .b_desc_wrap { width:100%; margin-top:0;  }
.sub_wrap .online_wrap .online_ul.online li .b_desc_wrap .title { width:calc(100% - 340px); font-size:1.8rem; font-weight:400; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sub_wrap .online_wrap .online_ul.online li .b_desc_wrap .secret { display:inline-block; width: 31px; height:31px; background-image: url(/img/ico_secret.gif); margin-right:20px;}
.sub_wrap .online_wrap .online_ul.online li .b_desc_wrap .date { position:absolute; float:right; right:60px;  }
.sub_wrap .online_wrap .online_ul.online a:hover .title { text-decoration:none; } 

.sub_wrap .online_view {max-width:1200px; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .label_title { display:inline-block; min-width:150px;}
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content { width:calc(100% - 150px);}
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input { height:45px; border:2px solid #f2f2f2; padding:8px 15px; font-size:16px; background:#f2f2f2; outline:0; transition:all 0.2s; border-radius:5px; min-width:300px; font-weight:500; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input:focus { border:2px solid #002c5f; padding:8px 15px; background:#fff;  }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input.full { width:100%; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input.phone1 { width:80px !important; min-width:auto; text-align:center; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input.phone2 { width:100px !important; min-width:auto; text-align:center; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input.phone3 { width:100px !important; min-width:auto; text-align:center; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content textarea { resize:none;}
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content textarea.fr_input { min-height:300px;}
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .help { float:right;  font-size:16px; position:absolute; top:27px; right:60px; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap { display:flex; align-items:center; position:absolute; right:60px; top:23px; font-size:1.5rem;}
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap label {  letter-spacing:-1px; font-size:15px; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap label:before {content: '\2713'; display: inline-block; color:#ddd; padding: 0 13px 0 0; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap label.on:before {content: '\2713'; display: inline-block; color:red; padding: 0 13px 0 0; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap a { margin-left: 40px; text-align:right; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap a em { display:block; background:#f3f3f3; border-radius:5px; padding:3px; font-size:15px; }

.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content #captcha #captcha_info { display:none; }
.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content #captcha #captcha_key {border: 2px solid #f2f2f2; padding: 8px 15px; background: #f2f2f2; outline: 0;transition: all 0.2s;border-radius: 5px;min-width: 80px;height:45px;text-align: center; margin-left: 20px;}
#captcha #captcha_reload {top: 2px !important; width: 33px !important;height: 33px !important;  margin: 0 10px 0 10px;text-indent: -9999px;}
#captcha #captcha_reload span {float: left; display: block !important; width: 33px !important; height: 33px !important;background: url(/wl/img/ico_reset_circle.png) 0 0 no-repeat !important; text-indent: -99999em; overflow: hidden;}
#captcha img { width:120px; }
#captcha_audio , #captcha_mp3{display:none;}
.sub_wrap .online_wrap .online_ul.online .online_btn_wrap { text-align:center; }
.sub_wrap .online_wrap .online_ul.online .go_online_btn { display: flex;  padding: 20px; margin: 0px auto 60px auto; width: 300px; background: #162754; color: #fff;  font-size: 1rem; text-align: center; align-items: center;  justify-content: center; transition: all 0.3s;

background-image: linear-gradient(45deg, #130E0F,#258EA5);
}

.mo_br {display:none;}