/************* 위드로 리뉴 *************/
@charset "utf-8";

/*-------------- layout -------------*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

html {overflow-y:scroll;font-size: 62.5% !important;}
body {font-family: 'Pretendard';}
h1, h2, h3, h4, h5, h6 {font-family: 'Pretendard';}

#wrap {overflow:hidden;}

.inner {max-width:1200px; margin:0 auto;}

.mbr {display:none;}

.mark_history { 	position:absolute; float:right; right:18px; top:18px; 
									padding:10px; 
									font-size:1.6rem; color:#fff; 
									border-radius: 3px; 
									background:  radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
																radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); 
									box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
								}

.mark_history em:first-child { display:inline-block; position:absolute; width:3px; height:100%; left:3px; top:0;  }
.mark_history em:last-child { display:inline-block; position:absolute; width:3px; height:100%; right:3px; top:0;  }
.mark_history em:before { content:""; display:inline-block; position:absolute; top:3px; left:0; width:3px; height:3px; border-radius:3px; background:  radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
																radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); }
.mark_history em:after { content:""; display:inline-block; position:absolute; bottom:3px; left:0; width:3px; height:3px; border-radius:3px; background:  radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
																radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); }
	
/*-------------- 말줄임표 -------------*/
.ellipsis-1 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden;}
.ellipsis-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden;}
.ellipsis-3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden;}

/*-------------- 버튼 -------------*/
.btns {position:relative; align-items: center; justify-content: space-between; width:10.2rem; padding:1rem 3rem 1rem 2rem; font-size:1.3rem; border:1px solid#DFDFDF; color:#333; border-radius:100px;}
.btns::after { content: ''; position: absolute; right: 16px; top: 35%; width: 7px; height: 7px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(135deg);}
.btns.bk { padding:1rem 2rem; font-weight:500; border:1px solid#333; background:#333; color:#FFF !important; }
.btns.bk::after {display:none;}

.gt_sign { position:relative; display:inline-block; width: 7px; height: 7px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg);}
.bgt_sign {position:relative; display:inline-block; width: 21px; height: 21px; border: 1px solid#fff;  border-radius: 100%;}
.bgt_sign::after {content: ''; position:absolute; top:6px; left:4px; display:inline-block; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }

.shapes {position: relative; display: inline-block;  width: 75px; height: 50px; background: #E73B27; }
.shapes::before { content: ""; position: absolute;  bottom: -35px; left: 0;  height: 0;width: 0; border-top: 35px solid #E73B27; border-left: 37px solid transparent;border-right: 37px solid transparent;}

.sound_only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;}
.txt-point {color:#61C7D1;}

/*-------------- side -------------*/
.side { display:none; position:fixed; right:0; top:20rem; width:7.2rem; height:28.8rem; z-index:1; border-radius: 25px 0px 0px 25px; background: #333333; z-index:100; transition:.4s;}
.side:hover {background:#222;}
.side .mo_view {display:none;}
.side li {height:100%;}
.side li a {height:100%; display:flex;  flex-direction:column; color:#FFF;}
.side li a > span {display:flex; flex:1; align-items:center; justify-content:center;}
.side li a > span.side01 {font-size:1.1rem; font-weight:500;}
.side li a > span.side02 {font-size:1.7rem; writing-mode: vertical-lr; font-weight:600; }
.side li a > span.side03 {background:url(/tf/img/side_btn.png)no-repeat center center; background-size:25px;}
.side .mo_side_num {display:none;}


/*-------------- top banner -------------*/
.top_wrap {position:absolute; top:0; width:100vw; height:13.5rem;  background:#FFF ; z-index:100;}
.top_banner {position:absolute; top:0; display:block; text-align:center; width:100vw; padding:1.8rem 0; font-size:1.7rem; z-index:112; background:#20202C; color:#8F8F95;}
.top_banner .top_banner_txt {letter-spacing: 0.1px;}
.top_banner .top_banner_txt b { display:inline-block; margin-right:10px; font-weight:400; color:#61C7D1;}
.top_banner .top_banner_txt em {color:#FFF;}
.top_banner_txt .bgt_sign {vertical-align: middle; margin-left:15px;}

/*-------------- header -------------*/
#container .header {top:65px; padding:15px 0 0 0; background:#FFF; transition:all .2s;}
#container .header.on {top:0; padding:15px 0; box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px; }
#container .header .header_inner {align-items:center; max-width:1280px; margin:0 auto;}
.basic_h1 {display:none;}
.renew_h1 {display:block;}
#container .header.hv a {}
#container .header .gnb {max-width:auto; width:calc(100% - 180px - 230px)}
#container .header .gnb a {padding:0 2rem; font-size:16px; font-weight:500; color:#333;}
#container .header .header-btn {display:none;}
#container .header .header-btn02 {display:block;}
#container .header .header-btn02 .site_list {display:inline-block;}
#container .header .header-btn02 .btns:first-child {margin-right:10px;}

/*-------------- footer -------------*/
.basic_footer {display:none;}
.renew_footer {display:block;}

/*-------------- main 공통 -------------*/
.main_section {position:relative; width:100%; height:100%; padding:14rem 0;}
.main_section .main_txt {text-align:center;}
.main_txt .main_tit {font-size:3.8rem;}
.main_txt .gold_tit { 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;}
.main_txt .gold_tit:before,  .main_txt .gold_tit:after { content:''; display:inline-block; position:absolute; float:left; width:25px; height:25px; border:2px solid #79632f; } 
.main_txt .gold_tit:before { left:-10px; top:-10px; border-right:0; border-bottom:0; }
.main_txt .gold_tit:after {  right:-10px; bottom:-10px; border-color:#e0c27a;  border-left:0; border-top:0;  }
.main_txt .main_sub_tit {font-size:1.8rem;  margin:2rem 0 4rem 0;}

/*-------------- main visual -------------*/
.main_Swiper {position:relative !important; margin-top:135px;}
.main_Swiper img {
	display:none;
}
.main_Swiper .visual {position:relative; width:100%; height:610px;}
.main_Swiper .visual .visual_bg { left:0; top:0; width:100%; z-index:-1;}
.main_Swiper .visual .visual_bg img {position:absolute; width:100%; height:100%; object-fit: cover; transition:3s;}
.main_Swiper .visual.scale_bg .visual_bg img {transform:scale(1.2);}
.main_Swiper .visual .visual_txt { display:flex; flex-direction:column; justify-content: center; align-items:center; text-align:center; max-width:630px; width:100%; height:100%; margin:0 auto; z-index:11; color:#FFF;}
.main_Swiper .visual .visual_txt .visual_tit {font-size:6rem; font-weight:700; margin-bottom:2rem; z-index:1;}
.main_Swiper .visual .visual_txt .visual_sub_tit {font-size:2rem; transform: rotate(0.1deg);}
.main_Swiper .main_navi_warp {position:absolute; display:none; bottom:4.5rem; left:50%; width:1200px; height:30px; transform:translate(-50%,0%); z-index:1;}
.main_Swiper .main_navi_warp.block {display:block;}

.main_Swiper .main_navi_warp .navi_num {position:absolute; top:4px; left:0; display:flex; align-items:center;}
.main_Swiper .main_navi_warp .progress_bar { width:8.6rem; height:.2rem; background: rgba(255, 255, 255, 0.3); z-index:1;}
.main_Swiper .main_navi_warp .navi_num .index_num {display:inline-block; font-size:1.4rem; color:#FFF;}
.main_Swiper .main_navi_warp .navi_num .index_num.active_index {margin-right:12px;}
.main_Swiper .main_navi_warp .navi_num .index_num.next_index {margin-left:12px;}
.main_Swiper .main_navi_warp .navi_btn {position:absolute; left:150px;top:0;}
.main_Swiper .main_navi_warp .navi_btn .bgt_sign {position:inherit; margin:0; top:auto; left:auto; right:auto; background:#FFF; }
.main_Swiper .main_navi_warp .navi_btn .bgt_sign::after {border-color:#333;}
.main_Swiper .main_navi_warp .navi_btn .bgt_sign.main_prev { transform: rotate(180deg);} 
.main_Swiper .main_navi_warp .navi_btn .bgt_sign.main_next {margin-left:30px;} 
.main_Swiper .main_navi_warp .progress_bar {left:0rem;}
.main_Swiper .main_navi_warp .progress_bar .bar { width:0%; height:2px; background:#FFF; z-index:1; transition:13s; }
.main_Swiper .main_navi_warp .progress_bar.active .bar {animation-name: loading; animation-duration: 5s; animation-delay: .3s;  animation-timing-function: linear; animation-fill-mode: forwards;}


.main_Swiper .visual#m_1 { background-image:url(/wl/img/main_bg.jpg); background-repeat: no-repeat; background-size:cover; }
@media (max-width: 1000px) {
	.main_Swiper .visual#m_1 { background-image:none; }
	.main_Swiper img {display:block;}
}

/*-------------- main field -------------*/
.main_field {padding:4.5rem 0; background:#F5F5F5;}
.main_field .main_txt {color:#333;}
.main_field .main_txt h4 {font-size:2.6rem; font-weight:700; color:#333;}
.main_field .main_txt .main_min_tit {font-size:1.4rem;}
.main_field .main_field_layout {display:flex; align-items:center; justify-content:space-between;}
.main_field .mfield_list {display:flex;}
.main_field .mfield_list li {position:relative; width:150px; height:112px; margin-right:10px; font-size:1.4rem; font-weight:500; border-radius:6px; overflow:hidden; color:#FFF;}
.main_field .mfield_list li:last-child {margin-right:0;}
.main_field .mfield_list li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.main_field .mfield_list li a span {z-index:1;}
.main_field .mfield_list li a .mf_mask {content:''; position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background: linear-gradient(119.14deg, #3B61BC 0%, #65C6B4 100%); opacity:0; transition:all .3s;}
.main_field .mfield_list li:hover a .mf_mask {opacity:1;}  


/*-------------- main section01_1 -------------*/
.main_section01_1 { padding: 14rem 0 17rem; }
.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_section01_1 .online_btn {display: inline-block; padding: 1.5rem 3rem; font-size: 1.5rem; font-weight: 500; background: #61C7D1; color: #fff; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25)); margin-top: 30px;
    position: absolute;}
.main_section01_1 .online_btn .bgt_sign {vertical-align: bottom; margin-left: 10px; border: 1px solid#fff; background: #fff;}
.main_section01_1 .online_btn .bgt_sign::after {border-top: 1px solid #333; border-right: 1px solid #333;}


/*-------------- main section02 -------------*/
.main_section02 {}
.main_section02 .main_txt {color:#333;}
.main_section02 .main_txt .success_num { display:inline-block; color: #61C7D1; min-width:120px; text-align:center; }
.main_section02 .main_success_wrap {margin-bottom:50px;}
.main_section02 .main_success_wrap .s_top { display:flex; flex-wrap:wrap; font-size:2rem; font-weight:500; justify-content: space-evenly; }
.main_section02 .main_success_wrap .s_top .s_item a {position:relative; display:flex; max-width:58rem; width:100%; height:35rem; border:2px solid#F3F3F3; transition:.3s; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius:15px; overflow:hidden;  }
.main_section02 .main_success_wrap .s_top .s_item:hover a{border:2px solid#61C7D1;}
.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; left:50px;}
.main_section02 .main_success_wrap .s_top .shapes {display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px;}
.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:6.5rem;}
.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:1.5rem; font-size:15px; font-weight:600; color:#111;}
.main_section02 .main_success_wrap .s_txt { line-height:1.4; margin-bottom:1.5rem; font-size:13px; font-weight:600; color:#999; } 
.main_section02 .main_success_wrap .s_top .s_item .s_top_info .s_txt {line-height:1.4; font-size:1.5rem; color:#999;}
.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:210px;}
.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:30px auto 0 auto;}
.main_section02 .sub_inner .success_Swiper {max-width:1180px;}
.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_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:3.5rem !important; height:3.5rem !important; top:45% !important; border-radius:100%; color:#FFF !important; background:#333;}
.main_section02 .swiper-button-prev:after, 
.main_section02 .swiper-button-next:after {font-size:1.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; color:#fff;}

/*-------------- main section03 -------------*/
.main_section03 {padding:14rem 0; background:#282A2F; color:#FFF;}
.main_section03 .main_info {display:flex; justify-content:space-between; }
.main_section03 .main_txt {text-align:left;}
.main_section03 .main_txt .main_sub_tit {margin-top:4rem;}
.main_section03 .main_info .main_info_section:nth-of-type(2) {position:relative; width:calc(100% - 69.5rem); padding-left:6.5rem;}
.main_section03 .main_info .online_btn {/*position:absolute; left:-25px;*/ display:inline-block; padding:1.5rem 3rem; font-size:1.5rem; font-weight:500; background:#61C7D1; color:#fff; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));}
.main_section03 .main_info .online_btn .bgt_sign { vertical-align: bottom; margin-left:10px; border:1px solid#fff; background:#fff;}
.main_section03 .main_info .online_btn .bgt_sign::after {border-top: 1px solid #333; border-right: 1px solid #333;}
.main_section03 .main_info .main_info_doc {display:flex; position:absolute; bottom:-200px; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));z-index:1;}
.main_section03 .main_info .main_info_doc img {width:160px; margin-right:10px;}


/*-------------- main solution -------------*/
.main_solution {background:#F5F5F5;}
.main_solution .sol_list {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main_solution .sol_list li { width:32%; padding:5rem 3rem; background:#FFF; transition:all .4s; border:2px solid#fff;}
.main_solution .sol_list li:nth-of-type(1),
.main_solution .sol_list li:nth-of-type(2),
.main_solution .sol_list li:nth-of-type(3) {margin-bottom:2rem;}
.main_solution .sol_list li:hover {border:2px solid#61C7D1; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1); transform:translate(-5px,-5px);}
.main_solution .sol_list li a {display:flex; align-items:center; justify-content:space-between; width:100%; height:100%;}
.main_solution .sol_list li .sol_txt {float:left;}
.main_solution .sol_list li .sol_txt .sol_num {margin-bottom:1rem; font-size:1.6rem; font-weight:700; color: #61C7D1;}
.main_solution .sol_list li .sol_txt .sol_title {font-size:1.8rem; font-weight:500; color:#111;}
.main_solution .sol_list li .bgt_sign {float:right; background:#61C7D1;}
.main_solution .sol_list li .bgt_sign::after {border-color:#fff;}

/*-------------- main solution 끝 -------------*/

.v_txt_wrap { width:100%; }
.v_txt_wrap {}

.media_img { width: 100%; height: 230px; overflow: hidden; background: #eee; }

.mm .swiper-button-next, .mm .swiper-button-prev { top:38%; color:#ddd; }
.mm .swiper-button-prev { left:0; }
.mm .swiper-button-next { right:0; }

/*-------------- ani -------------*/
@keyframes loading {
  0% {
    width:0%;
  }
  100% {
    width:100%;
  }
}

/*컨텐츠 05*/
#container .sub-05 { padding:100px 0; background:#F4F4F4; }
#container .sub-05 .text-wrap { max-width:1400px; margin:0 auto; }
#container .sub-05 .counsel-wrap.renew { max-width:1400px; margin:0 auto; margin-top:60px; }
#container .sub-05 .counsel-wrap.renew .counsel_inner {display:flex;}
#container .sub-05 .counsel-wrap.renew .input-wrap { width:40%; }
#container .sub-05 .counsel-wrap.renew .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; }
#container .sub-05 .counsel-wrap.renew .input-wrap  input.fr_input.info_t { height:100px !important; }
#container .sub-05 .counsel-wrap.renew .input-wrap  textarea.info_t {  height:100px !important; width:100%; resize: none; background:#fff; border:0; font-size:17px; color:#222; padding:20px;}
#container .sub-05 .counsel-wrap.renew .input-wrap  input.fr_input::placeholder { color:#000; font-size:17px; }
#container .sub-05 .counsel-wrap.renew .input-wrap .chk-wrap { display:flex; align-items:center; justify-content:end; margin:15px 0 !important; font-size:1.5rem  }
#container .sub-05 .counsel-wrap.renew .input-wrap .chk-wrap input { display:inline-block; margin-right:5px; vertical-align:middle; border:0; }
#container .sub-05 .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);} 
#container .sub-05 .counsel-wrap.renew .coun_Swiper { position:relative; width:60%; margin-left:50px; background:#FFF; max-height:373px; }
#container .sub-05 .counsel-wrap.renew .coun_Swiper::before {content:''; position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; z-index:5;}
#container .sub-05 .counsel-wrap.renew .counsel-list li { display:flex; align-items:center; justify-content:space-between; padding:20px 30px; border-bottom:1px solid#E2E2E2; }
#container .sub-05 .counsel-wrap.renew .counsel-list li:last-child { border:0; }
#container .sub-05 .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; }
#container .sub-05 .counsel-wrap.renew .counsel-list li .list-date { font-size:17px; color:#777; }


#container .sub .text-wrap {text-align:center;}
#container .sub .text-wrap h2 {font-size:3.8rem;}
#container .sub-04 { max-width: 1200px !important; padding:14rem 0; overflow:hidden;}
#container .sub-04 .news {justify-content:space-between; margin-top:0;}
#container .sub .c-title {color:#61C7D1;}
#container .sub .c-title:after {background:#61C7D1;}
#container .sub_office {max-width: 1200px !important; padding-bottom:14rem;}
#container .sub_office .img_content {margin-top:0;}
#container .sub_office .img_content > div.swiper {max-width:46%;}
#container .main_online_wrap {max-width:1200px; margin:0 auto;}
#container .sub-05 {padding:14rem 0;}
#container .sub-05 .counsel-wrap {margin-top:0;}
#container .sub-06 {max-width:1200px; padding:14rem 0;}
#container .sub-06 .map-wrap {margin-top:0;}
#container .sub-06 .office > p {font-size:2.4rem;}
#container .sub-06 .office-info p {font-size:1.8rem; margin-bottom:1rem;}




@media (max-width: 1000px) {
	.mbr {display:block;}

	.hamburger {top:17px !important;}
	.hamburger .line {background:#000;}
	#bora-message-check {left:20px !important; top:75px !important;}
	.top_wrap {position: initial; height:0;}
	#container .header {top:0; padding:1.5rem 1rem;}
	#container .header.on {padding:1.5rem 1rem;}
	#container .header .header-btn02 {display:none;}
	
	#container footer .footer-top .terms {font-size:1.2rem;}
	#container footer .footer-bottom {font-size:1.2rem;}
	#container footer .footer-bottom .copyright {font-size:1.2rem;}
	
	.mark_history {font-size:12px;}

	.side_menu .side_nav {margin:62px 0;}
	.side_menu .side_nav li a {font-size:1.7rem;}
	/*-------------- side -------------*/
	
	.side {display:flex; top:auto; left:auto; bottom:0; width:100%; height:5.8rem; border-radius:0; }
	.side .mo_view {display:block; margin-left:5px;}
	.side li a { justify-content: center;}
	.side li a > span.side01 {display:none;}
	.side li a > span.side02 {font-size:1.5rem; writing-mode: inherit; font-family: 'Pretendard'; background:#034b8f;}
	.side li a > span.side03 {display:none;}
	.side li:first-child {width:100%;}
	.side li:last-child {width:100%;}
	.side .mo_side_num {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#2D7CC7; font-size:1.8rem; font-weight:500; color:#fff;}
	.side .mo_side_num b {display:block; margin-bottom:2px;}

	.top_banner {display:none; font-size:1.2rem;  padding: 1.8rem 1rem;}
	
	.shapes {width:4.5rem; height:40px; font-size:1.4rem;}
	.shapes::before { bottom: -19px; border-left: 22.5px solid transparent; border-right: 22.5px solid transparent;border-top: 19px solid #E73B27;}
	.bgt_sign {width:18px; height:18px;}
	.bgt_sign::after {top:5.5px; left:5px; width:5px; height:5px;}

	.main_section {padding:7rem 2rem;}
	.main_txt .main_tit {font-size:2.2rem;}
	#container .sub .text-wrap h2 {font-size:2rem;}
	.main_txt .main_sub_tit {font-size:1.5rem;}
	
	.main_Swiper { margin-top:0; padding-top:62px;}
	.main_Swiper .swiper-wrapper { height:auto; }
	.main_Swiper .main_navi_warp { bottom:8rem; }
	.main_Swiper .visual {width:100vw; height:auto; }
	.main_Swiper .visual img.mback_img { width:100%; }
	.main_Swiper .main_navi_warp {width:100%; left:55%; }
	
	.main_field {padding:4rem 2rem;}
	.main_field .main_field_layout {display:block;}
	.main_field .main_txt .main_min_tit {margin-bottom:1rem;}
	.main_field .main_txt h4 {font-size:1.6rem;}
	.main_field .mfield_list {flex-wrap:wrap; margin-top:2rem;}
	.main_field .mfield_list li {width:48%; margin-bottom:1rem; margin-right:1rem; background-size:cover !important;}
	.main_field .mfield_list li:nth-of-type(2n) {margin-right:0;}
	
	.main_section02 .main_txt .success_num {min-width:auto; margin-right:.5rem;}
	.main_section02 .main_success_wrap .s_top .s_item:first-child {margin:0 0 2rem 0;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_info {width: calc(100% - 12rem); padding:2rem; margin-top:0rem; justify-content: end;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_img {width: 12rem; padding:.5rem; background:#fff;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_sub {left:135px;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_sub .shapes {font-size:1.2rem;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_lawyer { border:0;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_lawyer .profile_info b {font-size:1.3rem;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_lawyer .profile_info {display:none;}
	.main_section02 .main_success_wrap .s_class {font-size:1.6rem;}
	.main_section02 .main_success_wrap .s_title {font-size:1.5rem;}
	.main_section02 .main_success_wrap .s_bot li .s_bot_img {padding:2rem;}
	.main_section02 .main_success_wrap .s_class {font-size:1.6rem;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_info .s_txt {font-size:1.3rem;}
	.main_section02 .main_success_wrap .s_top .s_item a {height:23rem;}
	.main_section02 .main_success_wrap .s_top .s_item .s_top_img .s_document {height:142px;}
	
	.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:1.3rem; min-width:148px; padding:20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin:0 5px;  margin-bottom:10px;}
	.main_section02 .main_txt.num_sec .main_tit span { display:block; }
	.main_section02 .main_txt.num_sec .main_tit span em { font-size:1.7em; min-width:auto; }
	.main_section02 .main_txt.num_sec .main_tit span sub { display:none; }
	
	.main_section03 .main_info {display:block;}
	.main_section03 .main_info .main_info_section img {width:100%;}
	.main_section03 .mark_history { padding:8px; top:10px; right:10px;}
	.main_section03 .main_info .main_info_section:nth-of-type(2) {width:100%; padding-left:0;}
	.main_section03 .main_info .online_btn {left:auto;}
	.main_section03 .main_txt .main_sub_tit {margin:2rem 0; font-size:1.5rem;}
	
	.main_section03 .main_info .main_info_doc {position:inherit; display:flex; justify-content:space-between; bottom: -85px;}
	.main_section03 .main_info .main_info_doc img {width:105px;}
	
	.main_solution .sol_list li:nth-of-type(1), .main_solution .sol_list li:nth-of-type(2), .main_solution .sol_list li:nth-of-type(3) {margin-bottom:1rem;}
	.main_solution .sol_list li {width:48%; padding:1.5rem; margin-bottom:1rem;}
	.main_solution .sol_list li .sol_txt .sol_title {font-size:1.4rem;}
	
	#container .sub-04 {padding:5rem 2rem;}
	#container .sub-04 figure figcaption p {font-size:1.5rem;}
	#container .sub-04 figure figcaption > span {font-size:1.3rem;}

	#container .sub_office {padding:0 2rem 6rem 2rem;}
	#container .sub_office .img_content > div.swiper {max-width:100%;}

	#container .sub-05 {padding:5rem 2rem;}
	#container .sub-05 .counsel-wrap.renew .coun_Swiper {width:100% !important; margin-left:0 !important; margin-top:3rem;}
	#container .sub-05 .counsel-wrap.renew .input-wrap .chk-wrap {font-size:13px;}
	#container .sub-05 .counsel-wrap.renew .input-wrap .counsel-btn {height:60px; font-size:17px;}
	#container .sub-05 .counsel-wrap.renew .input-wrap input.fr_input {height:45px; padding:15px; font-size:14px;}
	#container .sub-05 .counsel-wrap.renew .input-wrap  input.fr_input::placeholder { color:#000; font-size:14px; }
	#container .sub-05 .counsel-wrap.renew .input-wrap textarea.info_t {padding:15px; font-size:14px;}
	#container .sub-05 .counsel-wrap.renew .input-wrap .counsel-btn {height:45px; font-size:15px;}
	
	#container .sub-06 {padding:5rem 2rem;}
	#container .sub-06 .office-info span {font-size:1.4rem;}
}