@import "global.css";


/*.page_active .sub_visual .visual_box .img_box {left:0; opacity:1; transition: all 1.0s  cubic-bezier(.46,.87,.18,1.01);}
.page_active .sub_visual .visual_box .comment1 {left:23.2%; opacity:1; transition: all 0.9s cubic-bezier(.46,.87,.18,1.01) 0.3s;}
.page_active .sub_visual .visual_box .comment2 {left:23.2%; opacity:1; transition: all 1.4s cubic-bezier(.46,.87,.18,1.01) 0.3s;}
.page_active .sub_visual .visual_box .comment3 {left:23.2%; opacity:1; transition: all 1.9s cubic-bezier(.46,.87,.18,1.01) 0.3s; }
.page_active .sub_visual .visual_box .comment4 { left:23.2%; opacity:1; transition: all 2.4s cubic-bezier(.46,.87,.18,1.01) 0.3s; }
.page_active .sub_visual .visual_box .comment5 { left:23.2%; opacity:1; transition: all 2.9s cubic-bezier(.46,.87,.18,1.01) 0.3s; }
.page_active .sub_visual .visual_box .comment1.onlyTxt {transition: all 0.9s cubic-bezier(.46,.87,.18,1.01);}*/

/*서브 공통*/
.ta_center { text-align:center; }

/*
.sub_content {position: relative; min-height:1000px; padding: 215px 8.2% 152px 17.5%; overflow:hidden;}
.sub_content {position: relative; min-height:1000px; min-width:1200px; width:1200px; padding: 215px 0 152px 0; margin:auto; overflow:hidden; border:1px solid #ddd; }*/
.sub_content {position: relative; min-height:800px; padding: 215px 13.5% 100px 13.5%; overflow:hidden;}
.sub_content.sbg { }
.sub_content.sbg:after {content:'';position: absolute;left:6%; right:0;top:260px;bottom:0; min-height:680px;  background-color:#f7f7f7;  z-index:-99; }
.sub_content.sbg.llback:after {content:'';position: absolute;left:6%; right:0;top:260px;bottom:0; min-height:680px; 
	background-color:#f7f7f7; 
	background-image :url('/img/ll_logo_back.png');
	background-repeat:no-repeat; 
	background-size:58%;
	background-position: bottom 0px left 0px;
	z-index:-99;
}

/*서브 타이틀*/
.sub_content h2.title { display:block; height:150px;font-size: 80px; position:relative; }
.sub_content h2.title > .titTxt_eff{position: absolute;width: 1200px;left: 100%; opacity: 0; font-weight:500;}
.page_active .sub_content h2.title > .titTxt_eff {left:-0.5%;opacity: 1;transition: all 0.9s cubic-bezier(.46,.87,.18,1.01);}
.sub_content .title strong {font-weight:600; }
.sub_content .title strong em { font-size:0.7em; opacity:.8; letter-spacing:-3px;}
.sub_content .sub_title {padding-bottom:2.5rem; font-size: 28px; color: #333; margin-left: -5px; letter-spacing:-2px;}
.sub_content .sub_title.detail { font-size: 2.2rem; letter-spacing:-1px;}
.sub_content .sub_title.detail em {}
.sub_content .sub_title_sub {padding-bottom:2.5rem; font-size: 28px; color: #333; margin-left: -5px;}
.mark_lawyer:before { content:""; display:inline-block; width:30px; height:30px; float:left; left:0; top:0; margin-right:10px; background:url("/main/img/mark_lawyer.png") no-repeat; background-size:30px;  }

/*언론보도 list*/
.tabBox_inner h1{font-size: 46px;font-weight: bold;color:#222;}
.tab_selcBox{position:relative;}
.tab_selcBox .tabs ul{display:inline-block;width:100%;}
.tab_selcBox .tabs ul > li{float:left;width:auto;text-align:center;cursor:pointer;position:relative;padding-bottom:7px;margin-right:30px}
.tab_selcBox .tabs ul > li > a{color: #aaa;font-size: 22px;font-weight: bold;}
.tab_selcBox .tabs ul > li.act > a, .tabs ul > li:hover > a{color:#131022}
.tab_selcBox .tabs ul > li > a:hover:after,.tabs ul > li.act > a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#131022;z-index:1}
.tab_contBox{width:100%;height:auto;}
.tab_contBox .tabDetail_box{position:relative;width:100%;height:0;overflow:hidden}
.tab_contBox .tabDetail_box.act{height:auto}
.sub_content .search_box { position:relative; margin-bottom:7rem;}
.sub_content .search_box .custom-select {width: 130px; float: left; position:relative; margin-right: 40px;}
.sub_content .search_box .search {position:relative; display:inline-block; width: 408px; float: left; }
.sub_content .search_box .search input[type="text"] {height: 50px; padding: 0 10px 0 10px; border: solid 1px transparent; border-bottom: solid 1px #222; font-size:16px; line-height:auto; color:#222;background: transparent;}
.sub_content .search_box .search input[type="submit"] {display:inline-block; width: 27px; height: 50px; position:absolute; right:20px; top:0px;border: solid 0px #fff; background-color:transparent; background:url(/main/img/ico_search1.png) right center no-repeat; }

.sub_content .notice_list ul {display:flex; flex-wrap:wrap; width: 100%; z-index:20;}
.sub_content .notice_list li {position:relative; margin-bottom: 3%; margin-right: 3%; float: left; width: 31.2%; height: 470px; }
.sub_content .notice_list li:nth-of-type(3n) {margin-right:0;}
.sub_content .notice_list li a {display:inline-block; width:100%; height: 100%; transform: translate(0, 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; }
.sub_content .notice_list.ani-active li a {transform: translate(0, 0%);}
.sub_content .notice_list li a .chk_box {height:0;}
.sub_content .notice_list li a .chk_box input[type="checkbox"] + label span {top:-15px;}
.sub_content .notice_list li a .gall_info { position:absolute; right:36px; top:36px; text-align:center; z-index:11;  }
.sub_content .notice_list li a .gall_info .date {font-size:12px; line-height:12px; color:#fff !important; font-family: 'Montserrat'; font-weight:600; text-align:center;  text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }
.sub_content .notice_list li a .gall_info .date strong {display:block; font-size:46px; line-height:46px; font-weight:600; color:#fff; }
.sub_content .notice_list li a .txt_box { display: block; position: absolute; left: 0px;bottom: 0px;width: 100%; max-height:17.5rem; box-sizing: border-box; padding: 23px 40px 23px 40px;}
.sub_content .notice_list li a .txt_box .cate {display:block; font-size: 16px; line-height: 1; color: rgba(34, 34, 34, 0.5); margin-bottom: 25px; }
.sub_content .notice_list li a .txt_box .title { display: block; width:100%; font-size: 20px; line-height: 1.2; color:#222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
.sub_content .notice_list li a .txt_box .cont { display:block; font-size: 17px; line-height: 1.4; color:#585858; margin-top:20px; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis;  overflow: hidden; -webkit-line-clamp: 3; height:70px;}
.sub_content .notice_list li a .txt_box .bo_info { margin-top:18px; font-size:15px; color:#422e19; font-weight:500;}
.sub_content .notice_list li a .txt_box .bo_channel { font-size:15px; }
.sub_content .notice_list li a .txt_box .bo_hit { float:right; right:0; }
.sub_content .notice_list li a .img { position:relative; width: 100%; height: 310px; overflow:hidden; display:block; background:#DDD; }
.sub_content .notice_list li a .img img { height: 100%; transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01); transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01); -moz-transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01); -ms-transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01); -o-transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01); }
.sub_content .notice_list li a .img:after { content:''; display:inline-block; width:100%; height:100%; position:absolute; float:left; left:0; top:0; background:rgba(0,0,0, 0.1); z-index:1; }
.sub_content .notice_list li a .img .no_image {position:absolute; top:50%; left:50%; line-height:0 !important; font-size:2.5rem; font-weight:600; transform:translate(-50%,-50%);}
.sub_content .notice_list li a:hover .img img { transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); }
.sub_content .notice_list li.empty_list { width:100%; height:auto; }

.sub_content .notice_list li:nth-child(1) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01), background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(1) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 0.15s, background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(2) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 0.3s, background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(3) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 0.45s, background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(4) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 0.6s, background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(5) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 0.75s, background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(6) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 0.9s, background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(7) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 1.05s, background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(8) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 1.2s, background-color 0.3s ease;}
.sub_content .notice_list li:nth-child(9) a {transition: transform 0.8s cubic-bezier(.42,.48,.06,1.01) 1.35s, background-color 0.3s ease;}
.sub_content .notice_list li.pick a {background-color:#e0002a !important; border: solid 0px #e0002a !important;}
.sub_content .notice_list li.pick a:hover {background-color:#c40025 !important;}
.sub_content .notice_list li.pick a .date {color:#fff;}
.sub_content .notice_list li.thumnail.pick a .txt_box {background-color:#e0002a !important;}
.sub_content .notice_list li.thumnail.pick a:hover .txt_box {background-color:#c40025 !important;}
.sub_content .notice_list li.pick a .txt_box .cate {color: rgba(255, 255, 255, 0.5);}
.sub_content .notice_list li.pick a .txt_box .title {color:#fff;}
.sub_content .notice_list li.thumnail a {background-color:#232733; border: solid 0px #232733;}
.sub_content .notice_list li.thumnail a .date {color:#222222;}
.sub_content .notice_list li.thumnail a .txt_box {background-color:#fff;}
.sub_content .notice_list li.thumnail a .txt_box .cate {color: rgba(255, 255, 255, 0.5);}
.sub_content .notice_list li.thumnail a .txt_box .title {color:#333;}
.sub_content .pagination {text-align:center; padding-top: 20px; }
.sub_content .pagination.openings {padding-top: 60px;}
.sub_content .pagination .btn_prev {display:inline-block; width: 32px; height: 32px; vertical-align:top; background:url(../../images/page_prev.png) center 7px no-repeat; }
.sub_content .pagination .btn_next {display:inline-block; width: 32px; height: 32px; vertical-align:top; background:url(../../images/page_next.png) center 7px no-repeat; }
.sub_content .pagination .num {display:inline-block; vertical-align:top; padding: 0 12px; }
.sub_content .pagination .num li {display:inline-block; vertical-align:top; }
.sub_content .pagination .num li a {display: block;width:32px;height:32px;line-height: 32px; color:#555;font-size: 16px;font-weight: bold;position: relative;}
.sub_content .pagination .num li a span {padding: 0 2px; display:inline-block; font-weight:500; }
.sub_content .pagination .num li.current a, .sk_notice_wrap .pagination .num li a:hover{color:#222;position: relative;}
.sub_content .pagination .num li.current a:after, 
.sub_content .pagination .num li a:hover:after{content: '';position: absolute;bottom: 0;left: 10px;right: 10px;background: #e0002a;height:2px}

/* 자필후기 */
.sub_content .notice_list.review li {position:relative; margin-bottom: 3%; margin-right: 2%; float: left; width: 31.2%; height: 340px;  }
.sub_content .notice_list.review li a .img { height: 270px;  }
.sub_content .notice_list.review li .txt_box { margin-top: 0px; }

/*언론보도 write*/
.sub_content.view .search_box {margin-bottom:0;}
.sub_content .board_view{padding-top:40px;box-sizing: content-box;}
.sub_content .board_view_top{padding:45px 130px 45px 40px; border-top:2px solid #222; border-bottom:1px solid #ccc;position: relative;background: #fff;}
.sub_content .board_view_top .txt{display:inline-block; width:calc(100% - 100px); vertical-align:top;}
.sub_content .board_view_top h3{font-size:24px; color:#222; font-weight:500; line-height:1.4;}
.sub_content .board_view_top .time_remaining{text-align:center;position: absolute; right:40px;top:33px;}
.sub_content .board_view_top .time_remaining .time_year{font-size: 12px; color:#222;margin-bottom: 3px;}
.sub_content .board_view_top .time_remaining .time_day{font-size: 42px; color:#222; font-weight: 500;}
.sub_content .board_view_sTop{padding:15px 40px; background: #f1f1f1;border-bottom: 1px solid #ccc;}
.sub_content .board_view_sTop .file_date_wrap{height:14px}
.sub_content .board_view_sTop .file_date_wrap > dt.file_name{display: inline-block;position: relative;padding-left:30px;text-decoration: underline;}
.sub_content .board_view_sTop .file_date_wrap > dt.file_name:after{content:'';position: absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;background: url("../../images/commons/btn_down_black.svg") no-repeat; background-size: cover;}
.sub_content .board_view_sTop .file_date_wrap > dt.file_name > a{color:#222;font-size: 14px;}
.sub_content .board_view_sTop .file_date_wrap > dt.file_volume{margin-left: 10px;color:#aaa;font-size: 12px;display: inline-block;}
.sub_content .board_view_sTop .file_date_wrap > dd.appl_period{display: inline-block; float: right; color:#555; font-size: 16px;}
.sub_content .board_view_sTop .file_date_wrap > dd.appl_period > span{color:#222; font-size: 16px; font-weight: 500; margin-left:10px;}
.sub_content .board_view_mid .txt_wrap{padding:75px 45px; font-size:16px; color:#555; line-height: 23px;background: #fff; }
.sub_content .board_view_mid .txt_wrap img{ display:block; width:auto; max-width:100%; margin:auto; }
.sub_content .board_view_mid .txt_wrap p { display:block; line-height:26px; }
.sub_content .board_view_mid .txt_wrap p img{width:auto; max-width:100%}
.sub_content .board_view_mid .txt_wrap .link_url{color:#222;font-weight: bold;text-decoration: underline; padding-right:30px;position: relative;}
.sub_content .board_view_mid .txt_wrap .link_url:after{content: '';position: absolute;right: 0;top: 50%;margin-top:-8px;width:17px;height:15px;background: url("../../images/commons/btn_link_black.png") no-repeat;}
.sub_content .board_view_mid .txt_wrap #youtube_wrap { text-align:center; }
.sub_content .board_view_mid .txt_wrap #youtube_wrap iframe {}
.sub_content .board_view_bom > ul{border-bottom:1px solid #222;}
.sub_content .board_view_bom > ul > li{width:100%; display:table; border-top:1px solid #ccc;}
.sub_content .board_view_bom > ul > li > span{display:table-cell; width:15rem; font-size:1.7rem; color:#222; font-weight:bold;  vertical-align:middle;position: relative;padding:30px 40px;text-align: left;background: #f1f1f1;}
.sub_content .board_view_bom > ul > li > span:after{content: '';position: absolute;right: 35px;top: 53%;margin-top:-3px;width:10px;height:5px;background: url("/theme/classic/img/sub_arrw_black.svg") no-repeat; transform: rotate(180deg);}
.sub_content .board_view_bom > ul > li:last-child > span:after{background: url("/theme/classic/img/sub_arrw_black.svg") no-repeat; transform: rotate(0deg);}
.sub_content .board_view_bom > ul > li > p{display:table-cell; width:calc(100% - 70px); padding:0 30px; vertical-align:middle;background: #fff;}
.sub_content .board_view_bom > ul > li > p > a > span{display:inline-block; max-width:100%; font-size:16px; color:#555; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;vertical-align: middle;}
.sub_content .board_view_bom > ul > li > p.no > span{color:#999;font-size: 16px;}
.sub_content .btn_default{display: flex; justify-content: center; margin:40px auto 0; text-align:center;}
.sub_content .btn_default.btn_top_end { justify-content: end; margin-bottom:7rem;}
.sub_content .btn_default > a{width:260px}
.sub_content .board_view .board_view_mid .txt_wrap .btn_iconBg{margin-top: 60px;}


.board_view-page .view_contents {
    padding: 60px 38px;
    color: #000;
    font-family: "Apple SD Gothic Neo","나눔바른고딕",NanumBarunGothic;
    line-height: 1.7em;
    font-size: 18px;
    word-spacing: 3px;
}

/*구성원소개*/
#info.sub_content .sub_title {padding-bottom:0;}
#info.sub_content .search_box {margin-bottom:0;}
#info.sub_content .flex_wrap {margin-bottom:7rem;}
.director_list { /* display: flex; flex-wrap: wrap; padding-top: 20px; */
	display:flex;
	flex-wrap:wrap;
	margin-top:80px;
	
}
.director_list.director_list2{padding-top: 0;}
/*
.director_list .scroll_motion {width:21%; margin-right:5.3%;  margin-bottom: 10%; transform: translateY(70px); opacity: 0; transition-duration: 0.7s; cursor:pointer; border:0px solid #ddd; }
.director_list .scroll_motion:nth-of-type(4n) {margin-right:0;}
.director_list .scroll_motion.active {transform: translateY(0); opacity: 1;}
.director_list .scroll_motion.init {transform: translateY(70px); transition-property: border; transition-duration: 0.2s; transition-delay: 0s; opacity: 0; animation: fadeUp 0.7s forwards;}
.director_list .scroll_motion.init:nth-of-type(2) {animation-delay: 0.2s, 0s;}
.director_list .scroll_motion.init:nth-of-type(3) {animation-delay: 0.3s, 0s;}
.director_list .scroll_motion.init:nth-of-type(4) {animation-delay: 0.4s, 0s;}
.director_list > div:nth-of-type(4n-2) {transition-delay: 0.2s;}
.director_list > div:nth-of-type(4n-1) {transition-delay: 0.3s;}
.director_list > div:nth-of-type(4n) {transition-delay: 0.4s; margin-right:0; }
*/
/* .director_list .scroll_motion .img {width: 25rem; height: 275px; border-radius: 50%; overflow: hidden; position: relative;} */
.director_list .scroll_motion { /* width:20%; max-width:243px;  margin-right:0%;  margin-bottom: 10%; transform: translateY(70px); opacity: 0; transition-duration: 0.7s; cursor:pointer; border:0px solid #ddd; */
	width:20%;  margin-right:0%;  margin-bottom: 10%; transform: translateY(70px); opacity: 0; transition-duration: 0.7s; cursor:pointer; border:0px solid #ddd;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	display:flex;
}
.director_list .scroll_motion:nth-of-type(5n) {margin-right:0;}
.director_list .scroll_motion.active {transform: translateY(0); opacity: 1;}
.director_list .scroll_motion.init {transform: translateY(70px); transition-property: border; transition-duration: 0.2s; transition-delay: 0s; opacity: 0; animation: fadeUp 0.7s forwards;}
.director_list .scroll_motion.init:nth-of-type(2) {animation-delay: 0.2s, 0s;}
.director_list .scroll_motion.init:nth-of-type(3) {animation-delay: 0.3s, 0s;}
.director_list .scroll_motion.init:nth-of-type(4) {animation-delay: 0.4s, 0s;}
.director_list .scroll_motion.init:nth-of-type(5) {animation-delay: 0.6s, 0s;}
.director_list > div:nth-of-type(5n-3) {transition-delay: 0.2s;}
.director_list > div:nth-of-type(5n-2) {transition-delay: 0.3s;}
.director_list > div:nth-of-type(5n-1) {transition-delay: 0.4s; }
.director_list > div:nth-of-type(5n) {transition-delay: 0.6s; margin-right:0; }

.director_list .scroll_motion > a {display: flex; flex-direction: column; align-items:center;}
.director_list .scroll_motion .img {width: 223px; height: 223px; border-radius: 50%; overflow: hidden; position: relative; border:0px solid #eee; transition:.4s; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }
.director_list .scroll_motion .img img {position: absolute;  width: 100%; transition:.4s; }
.director_list .scroll_motion:hover .img { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.director_list .scroll_motion:hover .img img {transform:scale(1.07);}
.director_list .scroll_motion .txt { text-align:center; padding-top:4rem;}
.director_list .scroll_motion .txt p { font-size:1.5rem; margin-top:0.8rem; }
.director_list .scroll_motion .txt p.content_title { font-size:1.8rem; font-weight:600; color: #AC7741; }
.director_list .scroll_motion .txt p.content_name { font-size:2.2rem; margin:2rem 0 2rem 0; font-weight:500; line-height:1.3;}
.director_list .scroll_motion .txt p.l_spec { color:#222; } 
.director_list .scroll_motion .txt p.l_spec.l_lic {display:inline-block; padding-left:0px; }
.director_list .scroll_motion .txt p.l_spec.l_lic:after { content:""; display:inline-block; width:20px; height:20px; float:left; left:0; top:0; margin-right:5px; background:url("/main/img/mark_lawyer.png") no-repeat; background-size:18px; }
/* .director_list .scroll_motion .txt p:nth-of-type(3) { font-size:1.8rem; margin-top: 0; color: #222; } */
.director_list .scroll_motion:nth-child(n+10) .txt p.l_spec.l_lic:after { background: url("/main/img/mark_logo.png") no-repeat; background-size: 20px;}

.ll_content { display:flex; }
.lawyer_detail .ll_content .l_img { display:inline-block; max-width:430px; width:100%; }
.lawyer_detail .ll_content .l_img .lawyer_thum { width:100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px; }
.lawyer_detail .ll_content .l_info { width:calc(100% - 430px); padding-left:130px; font-size:1.8rem;  }
.lawyer_detail .ll_content .l_info .info_sec { display:flex; flex-direction:row; align-items: flex-start; padding-bottom:40px; margin-bottom:40px; border-bottom:1px dashed #ddd; }
.lawyer_detail .ll_content .l_info .info_sec:last-child {border:0; }
.lawyer_detail .ll_content .l_info .info_sec .hello { font-family: 'Nanum Myeongjo', serif; font-size:2.2rem; font-weight:500; color:#888; position:relative; padding:15px 40px 0 40px; line-height:1.5;}
.lawyer_detail .ll_content .l_info .info_sec .hello:before { content: open-quote; font-size:5rem; opacity:0.3; position:absolute; float:left; left:0; top:0;   }
.lawyer_detail .ll_content .l_info .info_sec .hello:after  { content: close-quote; font-size:5rem; opacity:0.3; position:absolute; float:right; right:0; top:0;  }
.lawyer_detail .ll_content .l_info .info_sec .title { min-width:180px; font-size:2.2rem; font-weight:600; color:#555; line-height:1.2;}
.lawyer_detail .ll_content .l_info .info_sec ul { width:calc(100% - 180px); }
.lawyer_detail .ll_content .l_info .info_sec ul li { position:relative; padding-left:20px; line-height:2.3rem; margin-bottom:10px; font-size:1.7rem; color:#333; }
.lawyer_detail .ll_content .l_info .info_sec ul li:before { content:""; display:inline-block; width:3px; height:3px; float:left; left:0; top:13px; border-radius:5px; position:absolute; background:#AC7741;}


/* 형량검색 */
.gt_wrap .sub_title_sub {margin-top:30px;}
.gt_wrap .ta_center {padding:0 30px;}
.sub_inner .gt_container {}
.sub_inner .gt_container.search_box { display:inline-block; }
.sub_inner .gt_container.search_box .search { position: relative; display: inline-block; width: 408px; margin-top:30px; float: none; }
.sub_inner .gt_container.search_box .search #gtx_input { font-size:1.6rem;  font-weight:600; padding:0 18px; 
	position: relative;
    padding: 0 102px 0 20px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    background: #fff;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    letter-spacing: -.5px;
	border:0; height: 60px;
	transition:all 0s; 
}
.sub_inner .gt_container.search_box .search input[type="submit"] { top: 4px; }
.sub_inner .gt_container.search_box .search #gtx_input:focus { border-radius:10px; -webkit-border-radius: 10px; }
.sub_inner .gt_container.search_box .search #gtx_input::placeholder { font-weight:400; }
.sub_inner .gt_container .at_key { position:absolute; max-height:280px; width:100%;  overflow:auto; border:1px solid #ddd; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; z-index:10; background:#fff; }
.sub_inner .gt_container .at_key ul {}
.sub_inner .gt_container .at_key ul li { padding:10px; font-size:1.7rem; cursor:pointer; background:#fff; }
.sub_inner .gt_container .at_key ul li:hover { background:#f3f3f3;}
.sub_inner .gt_container .at_key ul li a { display:block; width:100%; }

.gt_sc_sec { margin:80px auto 160px auto; }

.result_c li { line-height:1.3;  padding:20px 40px; border-bottom:1px dashed #797979; font-size:1.88rem;  }
.result_c li:first-child { padding-top:0; }
.result_c li:last-child { border:0; padding-bottom:0; }
.result_c li .lc_result { display:block; font-weight:600; margin-bottom:10px; }
.result_c li div , .result_c li p { line-height:1.5;  }

.gt_result { font-size:2rem; padding:0 30px; }
.gt_result .gt_sc_sec {}
.gt_result .title { font-size:3rem; margin-bottom:30px; padding-bottom:20px;}
.gt_result .result_ul { display:flex; flex-direction: row; align-items: flex-start; }
.gt_result .result_ul li { display:inline-block; padding:20px; width:24%; margin:0 0.5%; background:#fff; font-size:1.8rem; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.gt_result .result_ul li:last-child { /* border-bottom:1px solid #ddd; */ }
.gt_result .result_ul li a {}
.gt_result .result_ul li a:hover { text-decoration:underline; }
.gt_result .result_ul li .ll_title {}
.gt_result .result_ul li .ll_title .lb_result { display:inline-block; position:relative; padding:3px 0 3px 0px; font-size:0.8em; margin-right:30px; font-weight:600; color:#0977ff;  }
/* .gt_result .result_ul li .ll_title .lb_result:after { content:''; display:inline-block; position:absolute;  width:1px; height:13px; float:right; top:6px; right:-15px; background:#ddd; } */
.gt_result .result_ul li .ll_title .lb_subject { margin-top:12px; line-height:1.4; width:100%; height:50px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }
.gt_result .result_ul li .ll_wrap { position:relative; margin:20px 0 0 0; font-size:0.88em; color:#888; line-height:1.45; height:110px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-word; }
.gt_result .result_ul li .ll_ll { display:flex; margin-top:40px; justify-content: flex-start; align-items: center; }
.gt_result .result_ul li .ll_ll .lll_thum_wrap { display:inline-block;  text-align:center; margin-right:8px; }
.gt_result .result_ul li .ll_ll .lll_thum_wrap:last-child { margin:0; }
.gt_result .result_ul li .ll_ll .lll_thum_wrap .lll_thum { display:inline-block; width:50px; height:50px; overflow:hidden; border-radius:50%; }
.gt_result .result_ul li .ll_ll .lll_thum_wrap .lll_name { font-size:0.78em; margin-top:5px; }


.gt_result .result_ul li.empty_li { padding:40px; color:#b2afab; }

#c_list .detect_t { display:flex; }
#c_list .detect_t h3 { display:block; width:50%; text-align:center; padding:10px; background:#131022; color:#fff; border-top-left-radius:18px; border-top-right-radius:18px; }
#c_list .detect_t h3:last-child { background:#131022; border-left:1px solid #ddd;  }
#c_list .ca_tab { display:flex; }
#c_list .ca_tab ul { display:block; width:50%; height:300px; background:#fff; overflow-y: auto; }
#c_list .ca_tab ul li { display:block; padding:10px 18px; background:#fff; font-size:1.8rem; border-bottom:1px solid #ddd; cursor:pointer; }
#c_list .ca_tab ul li.on { background:#f3f3f3; font-weight:600; } 

/*
.sub_inner .gt_container .sc_form { text-align:center; }
.sub_inner .gt_container .sc_form .gt_input {min-width: 300px; width:50%; padding:25px 30px; font-size:2.3rem; border-radius:8px; }
.sub_inner .gt_container .sc_form #sc_btn {}
*/


/*업무분야*/
.field_wrap {}
.field_wrap .f_txt_wrap {padding:6rem 0 12rem 0; border-top:1px solid#DDD;}
.field_wrap .f_txt_wrap.f_top {border-top:0;}
.field_wrap .f_txt_wrap.f_top .f_title {font-weight:600;}
.field_wrap .f_txt_wrap.f_top .f_top_txt {line-height:1.48; font-size:2rem; letter-spacing: -1px; transform: rotate(0.1deg);}
.field_wrap .f_txt_wrap .f_title {padding-bottom:3rem; font-size:3rem; font-weight:500;}
.field_wrap .f_txt_wrap .f_sub_title {padding:2rem 0; font-size:2.2rem; font-weight:500; color:#AC7741;}
.field_wrap .field_txt .bg_txt {line-height:1; color:#e5e5e5;  z-index: -1; width: 100%; padding-left:100px; padding-bottom:10px; font-size: 100px; font-weight: 600; font-family: 'Montserrat';}
.field_wrap .field_txt .field_h3 {margin-bottom:40px; font-size:40px; font-weight:600; color:#534a80;}
.field_wrap .field_txt .field_p {line-height:1px; font-size:22px; margin-bottom:20px; font-weight:600;}
.field_wrap .field_txt .field_txt_con {font-size:19px; line-height:1.4; letter-spacing: -0.1px}
.field_wrap .f_txt_wrap .f_ul {}
.field_wrap .f_txt_wrap .f_ul li {margin-bottom:2rem;}
.field_wrap .f_txt_wrap .f_ul li:last-child {margin-bottom:0;}
.field_wrap .f_txt_wrap .f_ul li p.f_m_title {line-height:1.5; font-size:1.88rem; font-weight:500;}
.field_wrap .f_txt_wrap .f_ul li p.f_m_txt {line-height:1.5;font-size:1.7rem; letter-spacing: -1px;}
.field_wrap .f_txt_wrap .f_list {margin-top:2rem;}
.field_wrap .f_txt_wrap .f_list .f_list_title {margin-bottom:2rem; font-size:1.88rem; font-weight:500; transform: rotate(0.2deg);}
.field_wrap .f_txt_wrap .f_list .f_list_txt {line-height:1.3; font-size:1.7rem; transform: rotate(0.1deg);}
.field_banner {width:100%; height:400px; background-size:cover !important; background-position:center !important;}

/* 성공사례 */
.bo_v_result { display: inline-block; padding: 8px; background: #122f50; color: #fff; font-weight: 400; font-size: 1.8rem; }  
#bo_v_img { text-align:center; padding:0 0 80px 0;}
#bo_v_img img { width:33%; margin:1%; box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 25px -7px; /* box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;  */ }


.llly_wrap { padding:20px 0;  }
.llly_wrap .llly_title { display:inline-block; position:relative; font-size:1.9rem; margin-bottom:30px; font-weight:500; color:#fff;  background:#131022; padding:8px 15px; }
.llly_wrap .llly_title:after { content:''; display:inline-block; position:absolute; float:left; left:0px; top:13px;  width:0px; height:16px; background:#FFF;  } 
.llly_wrap .llly_list { display:flex; }
.llly_wrap .llly_list .lll_thum_wrap { margin-right:18px; transition:all 0.3s; }
.llly_wrap .llly_list .lll_thum_wrap .lll_thum { width:90px; height:90px; border-radius:70px; transition:all 0.3s; }
.llly_wrap .llly_list .lll_thum_wrap .lll_name { font-size:1.5rem; text-align:center; margin-top:13px; }
.llly_wrap .llly_list .lll_thum_wrap:hover { transform:translateY(-5px); }
.llly_wrap .llly_list .lll_thum_wrap:hover .lll_thum { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
/*
.llly_wrap { padding:20px 0;  }
.llly_wrap .llly_title { display:inline-block; position:relative; font-size:1.9rem; margin-bottom:30px; font-weight:500; color:#fff;  background:#AC7741; padding:8px 15px; }
.llly_wrap .llly_title:after { content:''; display:inline-block; position:absolute; float:left; left:0px; top:13px;  width:0px; height:16px; background:#FFF;  } 
.llly_wrap .llly_list { display:flex; }
.llly_wrap .llly_list .lll_thum_wrap { margin-right:18px; transition:all 0.3s; }
.llly_wrap .llly_list .lll_thum_wrap .lll_thum { width:90px; height:90px; border-radius:70px; transition:all 0.3s; }
.llly_wrap .llly_list .lll_thum_wrap .lll_name { font-size:1.5rem; text-align:center; margin-top:13px; }
.llly_wrap .llly_list .lll_thum_wrap:hover { transform:translateY(-5px); }
.llly_wrap .llly_list .lll_thum_wrap:hover .lll_thum { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
*/


/*서브 공통*/
.sub_wrap {width: 100%; }
.sub_visual {width: 100%; height: 100%; position:relative; /* overflow:hidden;  */}
.sub_visual:before {content:''; width: 100%; height: 15.89%; position:absolute; left:0px; bottom:0px; background-color:#f7f7f7;}
.sub_visual .visual_box {position:absolute; right:0px; bottom:0px;  width: 100%; height: 68.72%; margin-top: 31.28%;}
.sub_visual .visual_box .img_box {position:absolute; left:100%; top:0px; width: 100%; height: 100%; overflow:hidden; opacity:0; transition: all 0.6s cubic-bezier(.46,.87,.18,1.01); }
.sub_visual .visual_box .img_box .s_inner {width: 100%; height: 100%; position:absolute; right:0px; bottom:0px;  overflow:hidden;}
.sub_visual .visual_box .img_box span {position:absolute; right:0px; bottom:0px; display:block; width: 100%; height: 100%;  box-sizing: border-box; padding-left: 60px;}
.sub_visual .visual_box .img_box span em  {position:relative; display:block; width: 100%; height: 100%; background-size: cover !important; background-color:#ddd !important; }
.sub_visual .visual_box .comment1 {position:absolute; width: 1200px; left:100%; top:-63px; font-size:80px; line-height:60px; color:#000; font-weight:600; font-family:'Montserrat', 'NanumSquare'; opacity:0; transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) ;}
.sub_visual .visual_box .comment2 {position:absolute; width: 1200px; left:100%; top:38px; font-size:80px; line-height:60px; color:#000; font-weight:600; font-family:'Montserrat', 'NanumSquare'; opacity:0; transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) 0.1s;}
.sub_visual .visual_box [class ^= "comment"].sub { font-size:35px; line-height:45px; color:#333; font-weight:600; font-family:'NanumSquare'; }
.sub_visual .visual_box .comment3 { position:absolute; width: 1200px; left:100%; top:230px; opacity:0; transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) 0.1s; -webkit-transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) 0.1s; -moz-transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) 0.1s; -ms-transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) 0.1s; -o-transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) 0.1s; }
.sub_visual .visual_box .comment4 { position:absolute; width: 1200px; left:100%; top:290px; opacity:0; transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) 0.1s;  }
.sub_visual .visual_box .comment5 { position:absolute; width: 1200px; left:100%; top:350px; opacity:0; transition: all 0.6s cubic-bezier(.46,.87,.18,1.01) 0.1s;  }
.sub_visual .visual_box.lh3 .comment3 { top: 80px; }
.sub_visual .visual_box.lh3 .comment4 { top: 140px; }
.page_active .sub_visual .visual_box .img_box {left:0; opacity:1; transition: all 1.0s  cubic-bezier(.46,.87,.18,1.01);}
.page_active .sub_visual .visual_box .comment1 {left:17.5%; opacity:1; transition: all 0.9s cubic-bezier(.46,.87,.18,1.01) 0.3s;}
.page_active .sub_visual .visual_box .comment2 {left:17.5%; opacity:1; transition: all 1.4s cubic-bezier(.46,.87,.18,1.01) 0.3s;}
.page_active .sub_visual .visual_box .comment3 {left:17.5%; opacity:1; transition: all 1.9s cubic-bezier(.46,.87,.18,1.01) 0.3s; }
.page_active .sub_visual .visual_box .comment4 {left:17.5%; opacity:1; transition: all 2.4s cubic-bezier(.46,.87,.18,1.01) 0.3s; }
.page_active .sub_visual .visual_box .comment5 {left:17.5%; opacity:1; transition: all 2.9s cubic-bezier(.46,.87,.18,1.01) 0.3s; }
.page_active .sub_visual .visual_box .comment1.onlyTxt {transition: all 0.9s cubic-bezier(.46,.87,.18,1.01);}

/*why니케*/
.sub_wrap .section1 {width: 100%; padding-bottom: 170px;  position:relative; overflow:hidden; background-color:#f7f7f7;}
.sub_wrap .section1 .title_box {padding: 85px 0 85px 17.5%; }
.sub_wrap .section1 .title_box p {overflow:hidden; font-size:4.8rem; line-height:1.52; color:#222; font-weight:700;}
.sub_wrap .section1 .title_box .b_tit {font-size:3rem; font-weight:500;}
.sub_wrap .section1 .title_box p span {display:inline-block; transform: translate(-100%, 0); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section1 .title_box p:nth-child(2) span {transition: all 1.0s cubic-bezier(.46,.87,.18,1.01) 0.3s;}
.sub_wrap .section1 .title_box p:nth-child(3) span {transition: all 1.0s cubic-bezier(.46,.87,.18,1.01) 0.6s;}
.sub_wrap .section1 .title_box.ani-active p span {transform: translate(0%, 0);}
.sub_wrap .section1 .conts_box {position:relative; padding-left: 23.2%; margin-bottom: 135px; }
.sub_wrap .section1 .conts_box .tit {font-size:24px; line-height:1.58; color:#000; margin-bottom: 45px; opacity:0; transform: translate(0, 100px); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section1 .title_box.subb p {font-size:3.8rem;}
.sub_wrap .section1 .conts_box .tit.ani-active {opacity:1; transform: translate(0, 0);}
.sub_wrap .section1 .conts_box .txt_box { width: 100%; display:inline-block; vertical-align:top; opacity:0; transform: translate(0, 100px); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01); -webkit-transition: all 1.0s cubic-bezier(.46,.87,.18,1.01); -moz-transition: all 1.0s cubic-bezier(.46,.87,.18,1.01); -ms-transition: all 1.0s cubic-bezier(.46,.87,.18,1.01); -o-transition: all 1.0s cubic-bezier(.46,.87,.18,1.01); }
.sub_wrap .section1 .conts_box .txt_box.ani-active {opacity:1; transform: translate(0, 0);}
.sub_wrap .section1 .conts_box .txt_box > div {float: left; width: 478px; margin-right: 45px; font-size:16px; line-height:1.63; color:#555;}
.sub_wrap .section1 .conts_box .txt_box .ceo {padding-top: 25px; color:#222; font-weight:bold; text-align:right; }
.sub_wrap .section1 .sub_title_box {margin-bottom: 90px; padding-left: 17.395%; }
.sub_wrap .section1 .sub_title_box strong {display:inline-block; font-size:100px; line-height:1; color:#e5e5e5; font-weight:600; font-family:'Montserrat';}
.sub_wrap .section1 .conts_amount {padding-left: 17.5%; width: 100%; display:inline-block;  box-sizing: border-box;}
.sub_wrap .section1 .conts_amount li {float: left; opacity:0; transform: translate(0, 100px); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section1 .conts_amount.ani-active li { opacity:1; transform: translate(0, 0);}
.sub_wrap .section1 .conts_amount li:nth-child(1) {width: 25%; transition-delay:0;}
.sub_wrap .section1 .conts_amount li:nth-child(2) {width: 22%; transition-delay:0.15s;}
.sub_wrap .section1 .conts_amount li:nth-child(3) {width: 22%; transition-delay:0.3s;}
.sub_wrap .section1 .conts_amount li .count {font-size:30px; line-height:30px;  color:#222; font-weight:600; margin-bottom: 25px; font-family:'Montserrat';}
.sub_wrap .section1 .conts_amount li .count strong, .sk_product_wrap .section1 .conts_amount li .count .sign {font-size:8rem; line-height:60px; font-weight:600; color:#131022; }
.sub_wrap .section1 .conts_amount li .txt {font-size:2rem; line-height:1.63; font-weight:500; color:#111;}
.sub_wrap .section1 .conts_amount li:nth-child(1) .txt {margin-left: 2.2rem;}
.sub_wrap .section1 .conts_amount li:nth-child(2) .txt {margin-left: 2.2rem;}
.sub_wrap .section1 .conts_amount li .caTop_txt {font-family:'Montserrat'; font-weight: 800;}
.sub_wrap .section2 {width: 100%; padding-bottom: 140px; position:relative; overflow:hidden;}
.sub_wrap .section2 .divide_box {padding: 145px 0 0 ; margin-left: 23%; overflow:hidden; }
.sub_wrap .section2 .title {font-family: 'Montserrat'; font-size: 50px; font-weight: 600; line-height: 1; color: #222222; margin-bottom: 78px; overflow:hidden; }
.sub_wrap .section2 .title span {display:inline-block; transform: translate(-100%, 0); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section2 .title.ani-active span {transform: translate(0%, 0);}
.sub_wrap .section2 .tabs {width: 100%; display:inline-block; vertical-align:top; margin-bottom: 85px; opacity:0; transform: translate(0, 100px); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section2 .tabs.ani-active {opacity:1; transform: translate(0, 0);}
.sub_wrap .section2 .tabs li {float: left; margin-right: 60px;}
.sub_wrap .section2 .tabs li a {padding-bottom: 7px; display:inline-block; font-family: 'Montserrat'; font-size: 24px; font-weight: bold; color: #aaaaaa; border-bottom: solid 2px transparent;}
.sub_wrap .section2.step1 .tabs li:nth-child(1) a {border-bottom: solid 2px #AC7741; color:#AC7741;}
.sub_wrap .section2.step2 .tabs li:nth-child(2) a {border-bottom: solid 2px #AC7741; color:#AC7741;}
.sub_wrap .section2.step3 .tabs li:nth-child(3) a {border-bottom: solid 2px #AC7741; color:#AC7741;}
.sub_wrap .section2.step4 .tabs li:nth-child(4) a {border-bottom: solid 2px #AC7741; color:#AC7741;}
.sub_wrap .section2.step5 .tabs li:nth-child(5) a {border-bottom: solid 2px #AC7741; color:#AC7741;}
.sub_wrap .section2.step6 .tabs li:nth-child(6) a {border-bottom: solid 2px #AC7741; color:#AC7741;}
.sub_wrap .section2 .tab_conts {width: 600%; overflow:hidden; position:relative; opacity:0; transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section2 .tab_conts.ani-active  { opacity:1;}
.sub_wrap .section2.step1 .tab_conts {transform: translateX(0);}
.sub_wrap .section2.step2 .tab_conts { transform: translateX(-16.6667%); -webkit-transform: translateX(-16.6667%); -moz-transform: translateX(-16.6667%); -ms-transform: translateX(-16.6667%); -o-transform: translateX(-16.6667%); }
.sub_wrap .section2.step3 .tab_conts { transform: translateX(-33.3334%); -webkit-transform: translateX(-33.3334%); -moz-transform: translateX(-33.3334%); -ms-transform: translateX(-33.3334%); -o-transform: translateX(-33.3334%); }
.sub_wrap .section2.step4 .tab_conts { transform: translateX(-50.0001%); -webkit-transform: translateX(-50.0001%); -moz-transform: translateX(-50.0001%); -ms-transform: translateX(-50.0001%); -o-transform: translateX(-50.0001%); }
.sub_wrap .section2.step5 .tab_conts { transform: translateX(-66.6668%); -webkit-transform: translateX(-66.6668%); -moz-transform: translateX(-66.6668%); -ms-transform: translateX(-66.6668%); -o-transform: translateX(-66.6668%); }
.sub_wrap .section2.step6 .tab_conts { transform: translateX(-83.3335%); -webkit-transform: translateX(-83.3335%); -moz-transform: translateX(-83.3335%); -ms-transform: translateX(-83.3335%); -o-transform: translateX(-83.3335%); }
.sub_wrap .section2 .tab_conts .conts_box {float: left; width: 16.6667%; opacity:0; transition: all 0.5s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section2 .tab_conts .conts_box .top { overflow: hidden; margin-bottom: 100px; }
.sub_wrap .section2 .tab_conts .conts_box .top > div { float: left; }
.sub_wrap .section2 .tab_conts .conts_box .txt {font-size: 30px; line-height: 1.47; color: #222222; font-weight:bold; }
.sub_wrap .section2 .tab_conts .conts_box .top .image { margin-left: 50px; }
.sub_wrap .section2 .tab_conts .conts_box ul {width: 100%; overflow:hidden; }
.sub_wrap .section2 .tab_conts .conts_box ul li {float: left; width: 25%; font-size: 16px; line-height: 1.63; color: #555555; }
.sub_wrap .section2 .tab_conts .conts_box ul li p {font-size: 24px; line-height: 1; letter-spacing: -0.24px; color: #222222; font-weight:bold; margin-bottom: 28px; }
.sub_wrap .section2 .tab_conts .conts_box ul li strong {font-family: 'Montserrat'; font-size: 40px; font-weight: 500; line-height: 1; color: #AC7741;}
.sub_wrap .section2 .tab_conts .conts_box ul li strong em {font-size: 20px; color: #222222;}
.sub_wrap .section2.step1 .tab_conts .conts_box:nth-child(1) {opacity:1;}
.sub_wrap .section2.step2 .tab_conts .conts_box:nth-child(2) {opacity:1;}
.sub_wrap .section2.step3 .tab_conts .conts_box:nth-child(3) {opacity:1;}
.sub_wrap .section2.step4 .tab_conts .conts_box:nth-child(4) {opacity:1;}
.sub_wrap .section2.step5 .tab_conts .conts_box:nth-child(5) {opacity:1;}
.sub_wrap .section2.step6 .tab_conts .conts_box:nth-child(6) {opacity:1;}
.sub_wrap .section3 {width: 100%; padding: 170px 0; position:relative; overflow:hidden;}
.sub_wrap .section3 .img_box {width: 100%; display:inline-block; vertical-align:top; }
.sub_wrap .section3 .img_box .divider {float: right; width: 57.24%; }
.sub_wrap .section3 .img_box .img1 {float: left; width: 50.72%; position:relative; z-index:5; transform: translate(0, 30%);}
.sub_wrap .section3 .img_box .img1 > div {position:relative; width: 100%; }
.sub_wrap .section3 .img_box .img1 p {width: 100%; position:relative; overflow:hidden; }
.sub_wrap .section3 .img_box .img1 p img {width: 100%;}
.sub_wrap .section3 .img_box .img1 p img:nth-child(2) {position:absolute; left:0; top:-100%; transition: all 1.0s cubic-bezier(.46,.87,.18,1.01) 0.3s;}
.sub_wrap .section3 .img_box .img2 {float: left; width: 49.28%; position:relative;  }
.sub_wrap .section3 .img_box .img2 > div {position:relative; width: 100%; }
.sub_wrap .section3 .img_box .img2 p {width: 100%; position:relative; overflow:hidden; }
.sub_wrap .section3 .img_box .img2 p img {width: 100%;}
.sub_wrap .section3 .img_box .img2 p img:nth-child(2) {position:absolute; left:0; top:100%; transition: all 1.0s cubic-bezier(.46,.87,.18,1.01) 0.1s; }
.sub_wrap .section3 .img_box .img3 {float: left; width: 100%; position:relative;  }
.sub_wrap .section3 .img_box .img3 > div {position:relative; width: 100%; }
.sub_wrap .section3 .img_box .img3 p {width: 100%; position:relative; overflow:hidden; }
.sub_wrap .section3 .img_box .img3 p img {width: 100%;}
.sub_wrap .section3 .img_box .img3 p img:nth-child(2) {position:absolute; left:0; top:-100%; transition: all 1.0s cubic-bezier(.46,.87,.18,1.01) 0.2s; }
.sub_wrap .section3 .img_box .img4 {float: right; width: 25.1%; position:relative; transform: translate(0, 5%);}
.sub_wrap .section3 .img_box .img4 > div {position:relative; width: 100%; }
.sub_wrap .section3 .img_box .img4 p {width: 100%; position:relative; overflow:hidden; }
.sub_wrap .section3 .img_box .img4 p img {width: 100%;}
.sub_wrap .section3 .img_box .img4 p img:nth-child(2) {position:absolute; left:0; top:100%; transition: all 1.0s cubic-bezier(.46,.87,.18,1.01); }
.sub_wrap .section3.step3 .img_box .img1 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap .section3.step3 .img_box .img2 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap .section3.step3 .img_box .img3 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap .section3.step3 .img_box .img4 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap .section3.step4 .img_box .img1 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap .section3.step4 .img_box .img2 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap .section3.step4 .img_box .img3 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap .section3.step4 .img_box .img4 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap.flexib .section3.step2 .img_box .img1 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap.flexib .section3.step2 .img_box .img2 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap.flexib .section3.step2 .img_box .img3 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap.flexib .section3.step2 .img_box .img4 p img:nth-child(2) {position:absolute; left:0; top:0%; }
.sub_wrap .section5 {width: 100%; position:relative; overflow:hidden;}            
.sub_wrap .section5 .inner1 {width: 76.7%; height: 503px; margin-left: 17.5%; padding-top: 150px;  position:relative; box-sizing: border-box;} 
.sub_wrap .section5 .inner1 .title {font-family:'Montserrat'; font-size: 50px; font-weight: 600; line-height: 1; color: #333333; margin-bottom: 45px; overflow:hidden; }
.sub_wrap .section5 .inner1 .title span {display:inline-block; transform: translate(-100%, 0); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section5 .inner1 .title.ani-active span {transform: translate(0%, 0);}
.sub_wrap .section5 .inner1 .txt {font-size: 16px; line-height: 1.63; color: #555555; opacity:0; transform: translate(0, 100px); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section5 .inner1 .txt.ani-active {opacity:1; transform: translate(0, 0);}
.sub_wrap .section5 .inner1 .btn_ask {position:absolute; left:782px; top:237px; display:inline-block; width: 350px; height: 60px; background-color:#534a80;}
.sub_wrap .section5 .inner1 .btn_ask span {display:block; width: 100%; padding: 0 30px; font-size:16px; line-height:60px; color:#fff; font-weight:bold; text-align:center; box-sizing: border-box; vertical-align:top; white-space: nowrap; transition: all 0.8s ease;}
.sub_wrap .section5 .inner1 .btn_ask:after {content:''; position:absolute; right:130px; top:50%; margin-top: -11px; display:inline-block; width: 22px; height: 22px; background:url(/main/img/btn_arrow.svg) 0 0 no-repeat; opacity:0; transition: all 0.5s ease 0.05s;}
.sub_wrap .section5 .inner1 .btn_ask:hover:after {right:30px; opacity:1;}
.sub_wrap .section5 .inner1 .btn_ask:hover span {width: 0; }
.sub_wrap .section5 .inner2 {width: 100%; height: 400px; padding-left: 17.5%; position:relative; box-sizing: border-box;} 
.sub_wrap .section5 .inner2 .bg {position:absolute; right:0px; top:0px; width: 100%; height: 100%; box-sizing: border-box; padding-left: 60px; }
.sub_wrap .section5 .inner2 .bg p {width: 100%; height: 100%; background:url(../../images/img_pro4.jpg) right center no-repeat #cdced1; background-position: right 0;}
.sub_wrap .section5 .inner2 .bg.flexib p {background:url(../../images/img_proF4.jpg) right center no-repeat #d0d6ea;}
.sub_wrap .section5 .inner2 .title {position:relative; top:-25px; z-index:5; font-family:'Montserrat'; font-size: 50px; font-weight: 600; line-height: 1; color: #333333; margin-bottom: 80px; overflow:hidden; }
.sub_wrap .section5 .inner2 .title span {display:inline-block; transform: translate(-100%, 0); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section5 .inner2 .title.ani-active span {transform: translate(0%, 0);}
.sub_wrap .section5 .inner2 .txt {position:relative; z-index:5; font-family: 'Montserrat'; font-size: 60px; font-weight: 600; line-height: 1.2; color: #ffffff; opacity:0; transform: translate(0, 100px); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap .section5 .inner2 .txt.ani-active {opacity:1; transform: translate(0, 0);}

.why .main_slide_wrap {position:relative;}
.why .success_Swiper {color:#FFF;}
.why .success_Swiper .swiper-wrapper { padding: 6rem 0 4rem 0; } 
.why .success_Swiper .swiper-wrapper .swiper-slide {min-height:43rem; padding:4rem 3rem; background: rgba(172, 119, 65, 0.3);} 
.why .success_Swiper .swiper-wrapper .swiper-slide .division {display:flex; align-items: center; justify-content: center; width:12.6rem; height:4.8rem; font-size:1.5rem; border-radius:30rem; font-weight:700; background:#193d00; color:#FFF;}
.why .success_Swiper .swiper-wrapper .swiper-slide .success_txt {height:19rem; color:#000; }
.why .success_Swiper .swiper-wrapper .swiper-slide .success_txt .s_title { padding: 2rem 0; font-size:1.9rem; font-weight:700; color:#333; }
.why .success_Swiper .swiper-wrapper .swiper-slide .success_txt .s_sub { line-height:2.5rem; font-size:1.5rem; font-weight:400; color:#131022; }
.why .success_Swiper .swiper-wrapper .swiper-slide .s_lawyer { display:flex; align-items:center; padding-top: 8rem; font-size:1.5rem; color:#fff; }
.why .success_Swiper .swiper-wrapper .swiper-slide .s_lawyer::after {content:''; clear: both; }
.why .success_Swiper .swiper-wrapper .swiper-slide .s_lawyer .s_profile { float: left; display:inline-block; vertical-align: middle; width:6rem; height:6rem; margin-right:2rem; border-radius:10rem; overflow: hidden; }
.why .success_Swiper .swiper-wrapper .swiper-slide .s_lawyer .s_profile img {width:100%;}
.why .success_Swiper .swiper-wrapper .swiper-slide .s_lawyer .s_name {padding-top: .7rem; margin-left:2rem; line-height:1.5;}
.why .success_Swiper .swiper-wrapper .swiper-slide .slide_hov {position:absolute; top:0; left:0; width:100%; height:100%; padding:4rem 2.5rem; text-align:center; background:rgb(2 2 2 / 50%); transition: .4s; opacity: 0; cursor: pointer;}
.why .success_Swiper .swiper-wrapper .swiper-slide:hover .slide_hov {opacity: 1;}
.why .success-swiper-pagination { left:50%; width:100%; transform: translate(-50%, 0px) !important;}
.why .success-swiper-pagination .swiper-pagination-bullet { width:1rem; height:1rem; margin: 0 .5rem; border-radius:10rem; background:#4F4F4F; opacity: 1;}
.why .success-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff !important;}
.why .success_Swiper.wh .swiper-wrapper .swiper-slide { border:1px solid#131022; background:#FFF;}
.why .success_Swiper.wh .swiper-wrapper .swiper-slide .success_txt .s_title {margin-bottom:2rem; border-bottom:1px solid#193d00;}
.why .success_Swiper.wh .swiper-wrapper .swiper-slide .s_lawyer .s_name {color:#222;}

.info_wrap .txt_max {max-width:1280px;}
.info_wrap .cont_tit{margin-bottom: 35px; color: #a9b99d; font-size: 2.8em; font-weight: bold;}
.info_wrap .box_list_wrap{display: flex; margin-top:50px;}
.info_wrap .box_list_wrap .box{width: 32.2%; margin: 0 1.7% 20px 0; padding: 50px; background: #f9f9f9; box-sizing: border-box; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; cursor: default;}
.info_wrap .box_list_wrap .box:last-child{margin-right: 0;}
.info_wrap .box_list_wrap .box .txt{color: #585858; font-size: 1.7rem;; line-height: 1.3em; }
.info_wrap .box_list_wrap .box .txt em{display: block; line-height:1.5; margin-bottom: 15px; color: #444; font-size: 2rem; text-decoration: underline; word-break: break-all; }

/* 니케소개 */
.sub_wrap.sustain.she .section2{background-color: initial;}
.sub_wrap.sustain.she .section2::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1020px;background: #f7f7f7;z-index: -1;}
.sub_wrap.sustain .section2 .title_box{padding:150px 0 90px 17.5%;}
.sub_wrap.sustain .section2 .title_box p{font-size: 46px; line-height: 1.52;}
.sub_wrap.sustain .section2 .conte_box1{padding-left: 23.3%;margin-bottom: 120px;}
.sub_wrap.sustain .section2 .conte_box1 .tit > dl{margin-bottom: 170px;}
.sub_wrap.sustain .section2 .conte_box1 .tit > dl > dt{font-size: 24px;line-height: 1.58;color: #000;margin-bottom: 50px;}
.sub_wrap.sustain .section2 .conte_box1 .tit > dl > dd{font-size: 16px;line-height: 1.63;color: #555;}
.sub_wrap.sustain .section2 .conte_box1 .contImg_box{height: 950px;position: relative;margin-left:17%}
.sub_wrap.sustain .section2 .conte_box1 .contImg_box .she_img_box_01{position: absolute; top:0; left: 0; z-index: 7;}
.sub_wrap.sustain .section2 .conte_box1 .contImg_box .she_img_box_02{position: absolute; top:100px; left: initial; right: 0; z-index: 5;}
.sub_wrap.sustain .section2 .conte_box1 .contImg_box .she_img_box_03{position: absolute; top:470px; left: 128px; z-index: 10;}
.sub_wrap.sustain.eth .section2{background-color: initial;}
.sub_wrap.sustain.eth .section2::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1550px;background: #f7f7f7;z-index: -1;}
.txt_box{margin-top: 90px;}
.txt_box > .txt_title {font-size: 5rem;line-height: 1.58;font-weight: 600;color: #222;}
.txt_box > .txt_con {margin: 50px 0 30px;font-size: 2.2rem;line-height: 1.63;color: #555;}
.title_box.subb .txt_box > .txt_con {font-size:2rem;}
.sub_title{font-size: 100px;color: #e5e5e5;font-family: 'Montserrat';}
.sub_title > strong{font-weight: 600;}
.sub_title_box{padding-left: 0;}
.sub_wrap.sustain.eth .section2 .conte_box1{ margin-bottom: 0;}
.sub_wrap.sustain.eth .section2 .conte_box1 .eth_list_box{margin: 0 -140px 0 135px;height: 125px;}
.sub_wrap.sustain.eth .section2 .conte_box1 .eth_list_box > li{float:left;position: relative;padding-top:100px;font-size: 24px;color:#222;margin-right:150px}
.sub_wrap.sustain.eth .section2 .conte_box1 .contImg_box{height: 900px;position: relative;margin-top:170px}
.sub_wrap.sustain.eth .section2 .conte_box1 .contImg_box .eth_img_box_01{position: absolute; top:0; right: 140px; z-index: 7;}
.sub_wrap.sustain.eth .section2 .conte_box1 .contImg_box .eth_img_box_02{position: absolute; top:244px; right: 550px; z-index: 10;}
.sub_wrap.sustain.eth .section2 .conte_box1 .contImg_box .eth_img_box_03{position: absolute; top:134px; right: 0; z-index: 5;}
.sub_wrap.sustain .section2 .sub_title_box strong {display:inline-block; font-size:100px; line-height:1; color:#e5e5e5; font-weight:600; font-family:'Montserrat';}

/* 오시는길 */
.tab_selcBox .tabs.map_tab ul { display:flex; }
.tab_selcBox .tabs.map_tab ul > li{ margin-right:39px}
.tab_selcBox .tabs.map_tab ul > li > a {color: #aaa;font-size:1.8rem;font-weight: 500; white-space: nowrap;}
.tab_selcBox .tabs.map_tab ul > li.act a { color:#000; }
.nex_con_inner{padding:150px 0 170px 17.5%; background-color: #f7f7f7;}
.nex_con_inner .tab_contBox .txt{font-size:100px;color:#e5e5e5;margin-bottom:90px;font-weight: bold;}
.nex_con_inner .tab_contBox .area_info{display: inline-block;width:100%}
.nex_con_inner .tab_contBox .area_info .area_tit{font-size: 30px; color:#222;margin:75px 0 30px;font-weight: bold;}
.nex_con_inner .tab_contBox .area_info > ul{overflow: hidden;}
.nex_con_inner .tab_contBox .area_info > ul > li{float:left; width:50%;}
.nex_con_inner .tab_contBox .area_info > ul > li:first-child{padding-right:15%;}
.nex_con_inner .tab_contBox .area_info > ul > li:last-child{position: relative;padding-left:24px}
.nex_con_inner .tab_contBox .area_info > ul > li:last-child:after{content:'';position: absolute;top: 6px;bottom: 6px;left: 0;width:4px;background: #ccc;}
.nex_con_inner .tab_contBox .area_info > ul > li > p{font-size:16px;color:#555;line-height: 28px;font-family: 'Montserrat';}
.nex_con_inner .tab_contBox .area_info > ul > li > p.other{font-weight: bold;font-family: 'Montserrat';}
.nex_con_inner .tab_contBox .area_info > ul > li > p > span{display:inline-block; width:20%; font-weight: bold;padding-right:10px;color:#222}
.nex_con_inner .tab_contBox{padding:40px 0 0 0;  }
.nex_con_inner .tab_contBox > ul > li > img{width:100%}
.nex_con_inner .tabBox_inner{max-width:1180px; overflow: hidden;}
.nex_con_inner .tabBox_inner h1{margin:0 0 60px 0px}
.nex_con_inner .tab_selcBox{margin-left:10px}
.nex_con_inner .root_daum_roughmap .wrap_controllers {display:none;}
.sub_wrap.nex .section2 .nex_con_inner .tabBox_inner h1 span {display:inline-block; transform: translate(-100%, 0); transition: all 1.0s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap.nex .section2 .nex_con_inner .tabBox_inner.ani-active h1 span {transform: translate(0%, 0);}
.sub_wrap.nex .tab_selcBox {opacity:0; transform: translate(0, 20px); transition: all 1.2s cubic-bezier(.46,.87,.18,1.01);}
.sub_wrap.nex .tab_selcBox.ani-active {opacity:1; transform: translate(0, 0);}
.sub_wrap.nex .tab_contBox{opacity:0; transform: translate(0, 40px); transition: all 1.2s cubic-bezier(.46,.87,.18,1.01) 0.2s;}
.sub_wrap.nex .tab_contBox.ani-active {opacity:1; transform: translate(0, 0);}

/* 조력 */
.protection {position:relative;}
.protection .section1 {}
.protection .section2,
.protection .section3 {position:relative;}
.protection .section1 .title_box {}
.protection .section1 .title_box:nth-of-type(2) { padding-top:6rem; padding-bottom:0;}
.protection .section1 .title_box:nth-of-type(2) .txt_box {margin-top:3rem; margin-bottom:50px; border-bottom:1px solid#AEAEAE;}
.protection .section1 .title_box:nth-of-type(2) .txt_box .txt_con {margin:0 0 50px 0;}
.protection .protection_title { font-size:35px !important;  }
.protection .protection_title.line {position:relative; display:block; text-align:center; padding:5px 0; margin-bottom:8rem; font-weight:600; }
.protection .protection_title.line::after {}
.protection .protection_title.line em { display:inline-block; position:relative; padding:20px 0; overflow:hidden; }
.protection .protection_title.line em::after { content:''; position:absolute; left:-100%; bottom:-5px; display:inline-block; width:100%; height:60%; background:#000a3d2b; z-index:-1; transition:1s; }
.protection .ani-active .protection_title.line em::after {left:0%; }
.protection .ani-active .protection_title.line::after {left:0%; }
.protection .protection_sub {margin-bottom:4rem; font-size:2.2rem !important; font-weight:600; color: #131022 !important;}
.protection .protection_sub::before {content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-right:1.5rem; background:url(/main/img/chkbox.png)no-repeat center center;}
.protection .protection_btn_wrap { display:flex;align-items: flex-start;  flex-direction: row; justify-content: center; width:auto; }
.protection .protection_btn_wrap li { margin-right:10rem;  }
.protection .protection_btn_wrap li:last-child { margin-right:0; }
.protection .protection_btn_wrap li .btn_con { display:flex; flex-direction: column; text-align:center; }
.protection .protection_btn_wrap li:last-child .btn_con { display:flex; flex-direction: row; } 
.protection .protection_btn_wrap .btn {display:inline-block; padding:1.5rem 4rem; margin-bottom:1.5rem;  font-size:2rem; border:1px solid#AEAEAE; border-radius:10rem; color:#000; cursor:pointer; transition:.3s; text-align:center; background:#fff; }
.protection .protection_btn_wrap li:last-child .btn { margin-right:1.5rem; }
.protection .protection_btn_wrap li:last-child .btn:last-child { margin-right:1.5rem; }
.protection .protection_btn_wrap .btn.active {border:1px solid#534a80; background: #534a80; color:#FFF;}
.protection .section2 .txt_box {display:none; margin:100px 0;}
.protection .section2 .txt_box.view {display:block;}
.protection .txt_con {font-size:2rem !important; line-height:1.4; font-weight:400 !important; }
.protection .section_title {width:45rem; padding:2rem 0; font-size:1.4rem; text-align:center;  margin: auto auto 10rem; border-bottom:1px solid#131022; border-radius:0rem; color:#131022;}
.protection .section_title .step_logo_wrap {}
.protection .section_title .step_logo_wrap .step_logo { width:70px; }
.protection .section_title > b { display:block; margin-top:25px; font-size:2.2rem;}
.protection .txt_box .img_con {display:flex; align-items:center; margin-bottom:5rem; padding-bottom:5rem; border-bottom:1px solid#ccc;}
.protection .txt_box .img_con .img_txt_wrap {padding-left:5rem;}
.protection .txt_box .img_con img {}
.protection .txt_box .img_con .img_txt_wrap .img_title {margin-bottom:2rem; font-size:3rem; font-weight:700;} 
.protection .txt_box .img_con .img_txt_wrap .img_txt { font-size:2rem; line-height:1.4;}
.protection .sub_txt_box {margin-bottom:5rem;}

/* 솔루션 */
.sub_stab { margin:40px auto 0px auto; text-align:center; }
.sub_stab.box ul  {  display: flex; width: 100%; max-width: 850px; flex-wrap: wrap; justify-content: center; align-items: center; margin: auto; font-size:2rem; }
.sub_stab.box ul li { padding:0; border:1px solid #ddd; margin:3px 3px; font-size: 1em; background:#fff; }
.sub_stab.box ul li a { display:block; width:100%; height:100%;  padding:16px 32px; }
.sub_stab.box ul li.on a  { background:#222; color:#fff; }
	
.sub_inner {font-size:1.88rem; line-height:2.8rem;}
.sub_inner .txt_inner { padding: 10rem 0 6rem 0; border-bottom:1px dashed #c3c3c3; }
.sub_inner .txt_inner:last-child { border-bottom:0; }
.sub_inner .solution_wrap.vt { display:flex;  }
.sub_inner .solution_wrap.vt .ttitle { width:300px; border-bottom:0; font-weight:600; font-size:1.2em; padding-left:28px;  }
.sub_inner .solution_wrap.vt .ttitle:before { content:""; display:inline-block; width:10px; height:10px; position:absolute; top:10px; left:0; background:#534a80; }
.sub_inner .solution_wrap.vt .ttitle .title {line-height:1.5;}
.sub_inner .solution_wrap.vt .ttitle .sb_tt { font-size:0.7em; line-height:1.4; margin-top:10px; color:#888; font-weight:500; }
.sub_inner .solution_wrap.vt .bcont { width:calc(100% - 300px);}
.sub_inner .solution_wrap.vt .bcont .sol_p {font-size:1em; padding-bottom:10px; line-height:1.5; }
.sub_inner .solution_wrap.vt .bcont .sb_tt { display:inline-block; margin-bottom:0px; margin-top:20px;  font-size:0.9em; padding:10px 18px; background:#fff; }
.sub_inner .solution_wrap.vt .bcont .sb_tt b { font-weight: 600; color:#534a80; }
.sub_inner .solution_wrap.vt .bcont.cwrap { position:relative; padding:0; border:0px solid #ddd; }
.sub_inner .solution_wrap.vt .ss2ul_wrap.hp { display:flex;     justify-content: space-between; }
.img_label { margin:10px; font-size:0.9rem; }
.sub_inner .solution_wrap.vt .ss1ul_wrap ul { display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; }
.sub_inner .solution_wrap.vt .ss1ul_wrap ul li {  border:0 !important; width:calc(50% - 16px); margin:3px; min-height:auto;  background:#fff; font-size:1em; padding:2rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 50px -12px; border-radius:13px; }
.sub_inner .solution_wrap.vt .ss1ul_wrap ul li .tit { margin-bottom: 0px;  padding-bottom: 0px; font-size:1em; letter-spacing:0px; font-weight:500; }
.sub_inner .solution_wrap.vt .ss1ul_wrap ul li .tit em { display: inline-block; margin-bottom: 0px; margin-right:10px;  color: #534a80; }
.sub_inner .solution_wrap.vt .ss1ul_wrap ul li span { display:block; position:relative; padding-left:35px; margin-top:6px; font-size:0.8em;  letter-spacing:0px; color:#555;  }
.sub_inner .solution_wrap.vt .ss2ul_wrap ul li { position:relative; font-size:1em; margin-bottom:10px; letter-spacing:0.5px; }
.sub_inner .solution_wrap.vt .ss2ul_wrap ul li .t_num { display:inline-block; width:30px; height:30px; position:absolute; left:0; top:0px; background:#fff; color:#fff; line-height:30px; text-align:center; font-style:italic; color:#000; margin-right:10px;    box-shadow: #493e7299 3px 3px;}
.sub_inner .solution_wrap.vt .ss2ul_wrap ul li .t_img {margin-bottom:20px;}
.sub_inner .solution_wrap.vt .ss2ul_wrap .t_img span {display:block; margin:10px 0 5px 0; font-size:0.75em; color:#333;}
.sub_inner .solution_wrap.vt .c_point .ss2ul_wrap ul li { padding:3px 0 10px 45px; }
.sub_inner .solution_wrap .ss2ul_wrap.ck ul li {margin-bottom:20px;}
.sub_inner .solution_wrap .ss2ul_wrap.ck ul li:before { content:""; display:inline-block; width:24px; height:17px; background-image:url('/crim/images/icon_ck.png'); background-size:20px 15px; background-repeat:no-repeat; background-position:center;  margin-right:20px;     filter: invert(48%) sepia(36%) saturate(2304%) hue-rotate(210deg) brightness(90%) contrast(86%); }
.sub_inner .solution_wrap.vt .bar ul li { position:relative; padding-left:15px; }
.sub_inner .solution_wrap.vt .bar ul li:before { content:""; display:inline-block; position:absolute; top:17px; left:0;  width:5px; height:2px; background:#aaaaaa;  }
.back_color { /* background: #F7FAF6;  */}

/* 해결방법 */
.sub.cont_wrap .txt_inner  { max-width:1100px; margin:auto; }
.sub.cont_wrap { padding:100px 0; }
.sub .solution_wrap { font-size:1.88rem;  }
.sub .solution_wrap .btitle { margin-bottom:60px; text-align:center; }
.sub .solution_wrap .btitle span { display:inline-block; padding:28px 60px; border-top-left-radius:25px; border-bottom-right-radius:25px; background:#131022; color:#fff; font-size:1.4em; font-weight: 600; }
.sub .solution_wrap .btitle em { color: #efd751; }
.sub .solution_wrap .ttitle { font-size:1.1em; margin-bottom:30px; padding-bottom:20px; text-align:left; letter-spacing:-1px; font-weight:500;  border-bottom:1px solid #eee; }
.sub .solution_wrap .ttitle .title { display:inline-block; margin-right:20px; }
.sub .solution_wrap .ttitle .sb_tt { font-size:1em; color:#777; margin-top:10px;}
.sub .solution_wrap .bcont { }
.sub .solution_wrap .solution_li ul { display:flex; position:relative; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; width:100%; }
.sub .solution_wrap .solution_li ul li { padding:17px 15px; margin:0 10px;  font-size:1.03em; border:1px solid #AEAEAE; border-radius:30px; background:#fff; z-index:10;  cursor:pointer; transition:all 0.3s; }
.sub .solution_wrap .solution_li ul li:before { content:""; display:block; position:absolute; width:20px; height:4px; }
.sub .solution_wrap .solution_li ul li.active ,
.sub .solution_wrap .solution_li ul li:hover { transform: translateY(-3px); background: #131022; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; color:#fff; }
.sub .solution_wrap .mimportant { text-align: center; padding: 20px; background: #cfe5c0; margin-top: 40px;}
@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; } 
}
.sub .solution_wrap .solution_content { display:none; position:relative; margin-bottom:120px;}
.sub.back_color .solution_content { background:#fff; padding:60px 80px; margin-top:50px; border:1px solid #eee; box-shadow: rgba(0, 0, 0, 0.1) 0px 60px 40px -7px;}
.sub .solution_wrap .solution_content.active { display:block; }
.sub .solution_wrap .solution_content .sb_title { font-size:2.8rem; font-weight:500; text-align:center; }
.sub .solution_wrap .solution_content .sb_title:before { content:""; display:inline-block; width:8px; height:20px; background:#534a80; margin-right:10px; }
.sub .solution_wrap .solution_content .sb_point { position:relative; font-size:1em; line-height:1.4; font-weight:500; color:#555; text-align:center; margin:100px 0 80px 0; }
.sub .solution_wrap .solution_content .sb_point:before { content:""; display:inline-block; position:absolute; float:left; left:50%; top:-40px; margin-left:-50px; width:80px; height:1px; background:#ddd; }
.sub .solution_wrap .solution_content .sb_point .point_sub { margin-top:40px; font-size:1em; line-height:1.8;}
.sub .solution_wrap .solution_content .sb_content { margin-top:40px;}
.sub .con_sec { padding:20px 0; }
.sub .con_sec.ta_center img {width:100%;}
.sub .con_sec .title { font-weight:500; font-size:1em; margin-bottom:8px; }
.sub .con_sec .title span.sb_ex { display:inline-block; padding:2px 5px 5px 5px; background:#222; color:#fff; line-height:1.1em; border-radius:0px; margin-right:10px; font-size:1em;}
.sub .con_sec .desc {font-size:0.9em; line-height:1.5em; color:#6a6a6a; }
.sub .con_sec .con_img_wrap { display:block; margin:auto; text-align:center; }
.sub .con_sec .con_img_wrap .img_desc { line-height:1; text-align:center; font-size:0.9em; }
.sub .con_sec .sub_lie_txt { display:flex; justify-content: center; margin-top:20px; }
.sub .con_sec .sub_lie_txt > div { display:inline-block; padding:10px 20px; margin:5px;  background:#f3f3f3; }
.sub .con_sec .img_over { display:inline-block; width:600px; padding:40px; line-height:1.3; background:rgba(255,255,255,0.9); margin-top:0px; transform: translateY(-80px);  font-weight:600; font-size:1em; opacity:0; }
.sub .solution_content.active .img_over { animation-name:fade_up; animation-duration:0.8s; animation-fill-mode:forwards; }
@keyframes fade_up {
	0% { margin-top:0px; opacity:0;  }
	50% {  }
	100% { margin-top:-200px; opacity:1;  }
}

/* 선처 솔루션 */
.sub .solution_wrap.sol02 {}
.sub .solution_wrap.vt .bar ul li:before {content: ""; display: inline-block; position: absolute; top: 10px; left: 0; width: 5px; height: 2px; background: #aaaaaa;}
.sub_inner .solution_wrap.vt.sol02 .t_img {margin-top:30px;}
.sub_inner .solution_wrap.vt.sol02 .t_img span {font-size:1em; margin-bottom:10px;}
.sub_inner .solution_wrap.vt.sol02 .float_wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub_inner .solution_wrap.vt.sol02 .float_wrap ul {margin-bottom:30px;}
.sub_inner .solution_wrap.vt.sol02 .float_wrap .t_img {margin-top:0;}
.sub_inner .solution_wrap.vt.sol02 .float_wrap .t_img span {margin-top:0;}
.more_bar_wrap { display:block; text-align:center; }
.more_bar_wrap .more_bar_btn { display:inline-block; background:#193d00; color: #efd751; padding:10px 10px; margin-top:10px; font-size:0.95em; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }

 

/* navi */
.navigator {position:absolute; left:75px; top:119px; z-index:30;  }
.navigator.active {position:fixed; }
.navigator ul {}
.navigator ul li {position:relative; margin-bottom: 13px; font-size:15px; line-height:15px; color:#222; font-family: 'Montserrat'; font-weight:600; transition: all 0.9s cubic-bezier(.46,.87,.18,1.01);}
.navigator ul li a {display:inline-block; }
.navigator ul li a:before {content:''; display:block; width: 4px; height: 4px; position:absolute; left:-11px; top:50%; margin-top: -2px; border-radius: 4px; background-color:#AC7741; transform: scale(0, 0); transition: all 0.9s cubic-bezier(.46,.87,.18,1.01);}
.navigator ul li.on {color:#e0002a;}
.navigator ul li.on a:before {transform: scale(1, 1);}


#bo_v_con {
	font-size:1.7rem; 
}
#bo_v_con p { 
	line-height: 2.2rem !important;
}

/* animation keyframes */
@keyframes fadeUp {
	0% {transform: translateY(100px); opacity: 0;}
	100% {opacity: 1; transform: translateY(0);}
}

@keyframes mini-scroll {
  0%   {top:-16px;}
  100% {top:45px;}
}

@keyframes circle {
  0%   {transform:rotate(0);}
  100% {transform:rotate(360deg);}
}

@keyframes txt_changer {
  0%   {transform: translate(0, 100%);}

  10%  {transform: translate(0, 0%);}
  40%  {transform: translate(0, 0%);}

  60%  {transform: translate(0, -200%);}
  90%  {transform: translate(0, -200%);}

  100% {transform: translate(0, -300%);}
}

@keyframes top_button {
  0%   {transform:translate(0, 0px);}
  50%   {transform:translate(0, 5px);}
  100% {transform:translate(0, -5px);}
}

@keyframes round {
  0%   {transform:scale(0.7, 0.7);}  
  100% {transform:scale(1.1, 1.1);}
}

@keyframes arrow_next {
  0%   {transform:translate(0, 0);}  
  100% {transform:translate(10px, 0);}
}
@keyframes arrow_prev {
  0%   {transform:translate(0, 0);}  
  100% {transform:translate(-10px, 0);}
}