@charset 'utf-8';

/* ********************************************** *
 * 서브 레이아웃
 * ********************************************** */
.sub_top {position: relative;}
.sub_top li {list-style:none;}
.sub_top .sub_visual {width:100%; height:450px; position:relative; overflow:hidden; background-color: #000;}
.sub_top .sub_visual .bg {width:100%; height:450px; background-size:cover !important; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.sub_top .sub_visual .img {display:none;}
.sub_top .sub_visual img {width:100%;}
.sub_top .sub_visual .txt_box {position:absolute; left:0; top:0; width:100%; height:100%; padding:40px 20px 0px; box-sizing:border-box;}
.sub_top .sub_visual .table {display:table; width:100%; table-layout:fixed; height:100%;}
.sub_top .sub_visual dl {display:table-cell; vertical-align:middle; text-align:center;}
.sub_top .sub_visual dt {overflow:hidden; display: inline-flex; justify-content: center; align-items: center; position: relative; height: 50px;}
.sub_top .sub_visual dd {overflow:hidden; display: none;}
.sub_top .sub_visual .tit {font-family: 'Poppins'; font-size:40px; color:#fff; font-weight:700; letter-spacing:6px; line-height:1; text-indent: 3px; margin-right: -3px;}
.sub_top .sub_visual .tit {animation: p_tit2 2s both; -webkit-animation: p_tit2 2s both;}
.sub_top .sub_visual .tit h3 {white-space: nowrap;}
.sub_top .sub_visual .txt {color: #fff; font-size:40px; font-weight:100; line-height:1; letter-spacing:2.7px;}
.sub_top .sub_visual .txt {-webkit-transform: translate(0,-70px); -ms-transform: translate(0,-70px); -mo-transform: translate(0,-70px); -o-transform: translate(0,-70px); transform: translate(0,-70px);}
.sub_top .sub_visual .txt {animation: p_tit3 2s ease; -webkit-animation: p_tit3 2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; }
.sub_top .sub_visual .line {position: absolute; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.15);}
.sub_top .sub_visual .line {animation: line1 3s both; -webkit-animation: line1 3s both;}
.sub_top .sub_visual .line.line1 {top: 0;}
.sub_top .sub_visual .line.line2 {bottom: 0;}

.sub_top.sub_01 .sub_visual .bg {background:transparent url('../images/barungil_sub/sub_visual_01.jpg') center top no-repeat; animation: subvs 5s forwards; -webkit-animation: subvs 5s forwards;}
.sub_top.sub_02 .sub_visual .bg {background:transparent url('../images/barungil_sub/sub_visual_02.jpg') center top no-repeat; animation: subvs 5s forwards; -webkit-animation: subvs 5s forwards;}
.sub_top.sub_03 .sub_visual .bg {background:transparent url('../images/barungil_sub/sub_visual_03.jpg') center top no-repeat; animation: subvs 5s forwards; -webkit-animation: subvs 5s forwards;}
.sub_top.sub_04 .sub_visual .bg {background:transparent url('../images/barungil_sub/sub_visual_04.jpg') center top no-repeat; animation: subvs 5s forwards; -webkit-animation: subvs 5s forwards;}
.sub_top.sub_05 .sub_visual .bg {background:transparent url('../images/barungil_sub/sub_visual_05.jpg') center top no-repeat; animation: subvs 5s forwards; -webkit-animation: subvs 5s forwards;}
.sub_top.sub_06 .sub_visual .bg {background:transparent url('../images/barungil_sub/sub_visual_06.jpg') center top no-repeat; animation: subvs 5s forwards; -webkit-animation: subvs 5s forwards;}
.sub_top.sub_07 .sub_visual .bg {background:transparent url('../images/barungil_sub/sub_visual_07.jpg') center top no-repeat; animation: subvs 5s forwards; -webkit-animation: subvs 5s forwards;}

@-webkit-keyframes subvs {
    0% {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
    20% {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); }
    100% {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); -o-transform: scale(1.0,1.0) rotate(0.01deg); -moz-transform: scale(1.0,1.0) rotate(0.01deg); -webkit-transform: scale(1.0,1.0) rotate(0.01deg); transform: scale(1.0,1.0) rotate(0.01deg);}
}

@keyframes subvs {
    0% {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
    20% {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); }
    100% {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); -o-transform: scale(1.0,1.0) rotate(0.01deg); -moz-transform: scale(1.0,1.0) rotate(0.01deg); -webkit-transform: scale(1.0,1.0) rotate(0.01deg); transform: scale(1.0,1.0) rotate(0.01deg);}
}

@-webkit-keyframes p_tit2 {
    from {letter-spacing: 14px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    to {letter-spacing: 6px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@keyframes p_tit2 {
    from {letter-spacing: 14px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    to {letter-spacing: 6px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

@-webkit-keyframes line1 {
    from {transform: scaleX(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0);}
    to {transform: scaleX(1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1);}
}
@keyframes line1 {
    from {transform: scaleX(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0);}
    to {transform: scaleX(1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1);}
}


@-webkit-keyframes p_tit3 {
    from {-webkit-transform: translate(0,-70px); -ms-transform: translate(0,-70px); -mo-transform: translate(0,-70px); -o-transform: translate(0,-70px); transform: translate(0,-70px);}
    to {-webkit-transform: translate(0,0); -ms-transform: translate(0,0); -mo-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
}
@keyframes p_tit3 {
    from {-webkit-transform: translate(0,-70px); -ms-transform: translate(0,-70px); -mo-transform: translate(0,-70px); -o-transform: translate(0,-70px); transform: translate(0,-70px);}
    to {-webkit-transform: translate(0,0); -ms-transform: translate(0,0); -mo-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
}

/* 로케이션 */
.sub_location {position:relative; display: none; margin-top: 30px;}
.sub_location .inner {position: relative; background: #fff;}
.sub_location .ul {display:table; table-layout:fixed; height:50px; width:100%; box-sizing:border-box;}
.sub_location .li {display:table-cell; vertical-align:middle;}

.sub_location .depth_box {position:static; display:block; width:100%;}
.sub_location .depth {padding:0 40px 0 15px; height:50px; line-height:50px; position:relative; width:100%; display: none;}
.sub_location .depth {box-sizing:border-box; z-index:100; color:#999; font-size: 16px; letter-spacing: -1px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sub_location .depth {background: transparent url('../images/barungil_sub/down_ic.svg') right 15px center no-repeat; background-size: 9px 5px !important;}
.sub_location .depth:after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: calc(100% - 1px); background: #fff;}
.sub_location .li.depth1 {position:static; border-left:0; display: none;}
.sub_location .li.depth3 {display: none;}
.sub_location .depth1 .depth:after {content: ''; position: absolute; left: 0; right: inherit; top: 0; width: 1px; height: calc(100% - 1px); background: #fff;}
.sub_location .depth h2 {white-space: nowrap;}
.sub_location .ctg_box {border:1px solid #ddd; box-sizing: border-box;}
.sub_location .ctg_box ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; overflow:hidden;}
.sub_location .ctg_box li {height:50px; text-align: center; position: relative;}
.sub_location .ctg_box.if_even li {width: 50%;}
.sub_location .ctg_box.if_even li:nth-of-type(even):before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 300%; background: #ddd;}
.sub_location .ctg_box.if_even li:nth-of-type(2)~ li:after {content: ''; position: absolute; left: 0; top: 0; width: 300%; height: 1px; background: #ddd;}
.sub_location .ctg_box.if_odd li {width: 33.3334%;}
.sub_location .ctg_box.if_odd li+ li:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 300%; background: #ddd;}
.sub_location .ctg_box.if_odd li:nth-of-type(3)~ li:after {content: ''; position: absolute; left: 0; top: 0; width: 300%; height: 1px; background: #ddd;}
.sub_location .ctg_box .btn {display:block; height:50px; line-height:50px; background:#fff; color:#888; letter-spacing: -0.1px; padding: 0 5px; box-sizing: border-box;}
.sub_location .ctg_box .hit .btn {background: #f7f7f7; color: #000; font-weight: 500;}

.sub_location .if_open_loc .depth {color:#402784; font-weight: 500; background-color: #fff; background-image: url('../images/barungil_sub/up_ic.svg');}
.sub_location .if_open_loc .depth:before {content:""; position:absolute; height: 100%; left: -1px; right: 0; top:0; border:1px solid #402784; border-bottom:0; box-sizing: border-box; z-index: 1;}
.sub_location .depth1.if_open_loc .depth:before {left: 0; right: -1px;}
.sub_location .if_open_loc .ctg_box {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); box-shadow:0px 5px 5px rgba(0,0,0,0.1);}
.sub_location .if_open_loc .ctg_box li {height:50px; }

/* 2차 메뉴 */
.sub_ctg2 {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1;}
.sub_ctg2 ul {width: 100%; display: table; table-layout: fixed;}
.sub_ctg2 li {display: table-cell; vertical-align: middle; text-align: center;}
.sub_ctg2 li+ li .btn {border-left: 1px solid rgba(255, 255, 255, 0.15); box-sizing: border-box;}
.sub_ctg2 .btn {width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.85); position: relative; overflow: hidden;}
.sub_ctg2 .tx {font-size: 17px; color: #f5f5f5; letter-spacing: -0.4px; line-height: 1; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50); position: relative; z-index: 1;}
.sub_ctg2 .tx {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.sub_ctg2 .ctg_bg {position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(64, 39, 132, 0.85);}
.sub_ctg2 .ctg_bg {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.sub_ctg2 .hit .tx {color: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.sub_ctg2 .hit .ctg_bg {bottom: 0;}

.sub_ctg2+ .txt_box {padding-bottom: 20px;}


/* 2차 레이아웃 */
.ctg2_wrap {padding:70px 0 60px;}
.ctg2_wrap .inner {position: relative;}
.ctg2_wrap li {list-style:none;}
.ctg2_wrap dl {text-align:center;}
.ctg2_wrap dt {font-size:45px; color:#000; font-weight:600; line-height:1; letter-spacing:-0.8px; position:relative;}
.ctg2_wrap dd {font-family: 'Poppins', 'Noto'; font-size: 18px; color: #ccc; letter-spacing: 0; line-height: 1; margin-top: 25px; font-weight: 300;}

/* 서브 공유하기 */
.p_share {position: absolute; right: 0; top: -15px;}
.p_share .btn_share {font-size: 0; width: 50px; height: 50px; border: 1px solid #e5e5e5; border-radius: 100px; box-sizing: border-box;}
.p_share .btn_share {background: #fff url('../images/barungil_sub/share_ic.svg') center center no-repeat; background-size: 50px auto !important;}

.p_share .share_ov {position: absolute; right: 0; top: 0; width: 50px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.p_share .share_ov {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.p_share .share_ov {border-radius: 100px; box-sizing: border-box; height: 50px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_share .share_ov .tx {font-family: 'Poppins'; font-size: 17px; color: #fff; letter-spacing: 0; line-height: 1; box-sizing: border-box; visibility: hidden;}
.p_share .share_ov .tx {transition: all 0.5s ease-out ; -webkit-transition: all 0.5s ease-out; width: 0; overflow: hidden; white-space: nowrap;}
.p_share .share_ov .tx h1 {white-space: nowrap;}
.p_share .share_ov .ic {width: 50px; height: 50px; background: url('../images/barungil_sub/share_ic2.svg') center center no-repeat; background-size: 50px auto !important;}

.p_share .share_open {position: absolute; right: 0; top: 0; display: none; z-index: 10;}
.p_share .share_open .in {width: 300px;}
.p_share .share_open .btn {display: flex; flex-direction: row; justify-content: center; align-items: center; background: #000; width: 100%;}
.p_share .share_open .btn {border-radius: 100px; box-sizing: border-box; min-width: 140px; position: relative; height: 50px;}
.p_share .share_open .btn .tx {font-family: 'Poppins'; font-size: 17px; color: #fff; letter-spacing: 0; line-height: 1;}
.p_share .share_open .btn .ic {position: absolute; right: 0; top: 0; width: 50px; height: 50px; background-size: auto 100% !important;}
.p_share .share_open .btn .ic {background: url('../images/barungil_sub/share_close.svg') right center no-repeat;}
.p_share .share_open .box {border: 1px solid #000; border-radius: 0 0 20px 20px; box-sizing: border-box; margin-top: -25px; background: #fff;}
.p_share .share_open .box {padding: 25px 25px 10px 25px; width: 100%; text-align: center;}
.p_share .share_open .box .tit {font-size: 16px; color: #000; letter-spacing: -0.8px; line-height: 1; margin: 25px 0 10px;}
.p_share .share_open .box ul {display: flex; flex-direction: row; justify-content: space-around; align-items: center;}
.p_share .share_open .box li {}
.p_share .share_open .box .btn_link {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; box-sizing: border-box;}
.p_share .share_open .box .btn_link img {width: 40px;}
.p_share .share_open .box .btn_link .tx {font-size: 14px; color: #999; letter-spacing: -0.8px; line-height: 1; margin-top: 10px;}

.p_share .share_bg {position: fixed; left: 0; top: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; visibility: hidden;}
.p_share .share_bg {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out;}

.p_share.if_open_p_share .share_open {display: block;}
.p_share.if_open_p_share .share_open .btn .upper_link {display: none;}


/* 서브섹션 */
.section_wrap {}
.section {}
.section+ .section {margin-top:130px;}

/* 서브 탭 */
.sub_ctg {position:relative; margin-bottom:70px;}
.sub_ctg  li {list-style:none;}
.sub_ctg .inner {position: relative; overflow: hidden; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box;}
.sub_ctg .inner ul {display:table; table-layout:fixed; box-sizing:border-box; width: 100%; overflow: hidden;}
.sub_ctg .inner li {display:table-cell; vertical-align:middle; position:relative; box-sizing:border-box;}
.sub_ctg .inner li {transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;}
.sub_ctg .inner .btn {height: 65px; color:#888; letter-spacing:-0.5px; font-size:16px; display:flex; flex-direction: row; justify-content: center; align-items: center;}
.sub_ctg .inner .btn {background: #f8f8f8; box-sizing:border-box; white-space:nowrap; line-height: 1; position: relative;}
.sub_ctg .inner .btn:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 300%; background: #ddd; z-index: 1;}
.sub_ctg .inner .btn:after {content: ''; position: absolute; left: 0; top: 0; width: 300%; height: 1px; background: #ddd; z-index: 1;}

.sub_ctg .inner li.hit .btn {color:#235377 !important; background: #fff; font-weight:600;}







/* ********************************************** *
 * 온라인상담
 * ********************************************** */
body.if_inquiry .footer {padding-bottom: 90px;}
body.if_inquiry .cs_quick.if_scroll .quick_box {display: none;}
body.if_inquiry .fly {bottom: 20px;}
body.if_inquiry .fly .li.cs {display: none;}
.p_inquiry {overflow: visible;}
.p_inquiry .rb_layout {background: #f3f3f3 url('../images/barungil_sub/p_inquiry_1.jpg') right -65px no-repeat;}
.p_inquiry .rb_layout {background-size: 1100px auto !important; padding: 0 100px 75px 100px; box-sizing: border-box;}

.p_inquiry .top_box {padding-top: 110px; box-sizing: border-box;}
.p_inquiry .top_box .tit {font-size: 21px; color: #999; font-weight: 300; line-height: 1.5; letter-spacing: -1.1px;}
.p_inquiry .top_box .tit {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_inquiry .top_box .cs_box {margin-top: 10px;}
.p_inquiry .top_box .cs_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.p_inquiry .top_box .tel {font-family: 'Poppins'; font-size: 27px; color: #000; font-weight: 500; letter-spacing: 0; line-height: 1;}
.p_inquiry .top_box .email {font-family: 'Poppins'; font-size: 17px; color: #333; font-weight: 400; letter-spacing: 0; line-height: 1; margin-top: 10px;}
.p_inquiry .top_box .cs_time {font-size: 17px; color: #333; letter-spacing: -0.4px; background: transparent url('../images/barungil_sub/time_ic.svg') left center no-repeat;}
.p_inquiry .top_box .cs_time {background-size: 20px 20px !important; padding-left: 30px; box-sizing: border-box;}

.p_inquiry .rb_board {background: #fff; padding: 60px; box-sizing: border-box; margin-top: 30px;}
.p_inquiry .rb_form {border-top: 2px solid #333; box-sizing: border-box;}
.p_inquiry .textarea_box {position: relative; overflow: hidden;}
.p_inquiry .textarea_box .num {position: absolute; right: 10px; bottom: 5px; font-family: 'Poppins'; letter-spacing: 0; color: #000; z-index: 1;}
.p_inquiry .textarea_box .num em {color: #eb0000;}
.p_inquiry .if_w50 .td .inner dd {padding-right: calc(50% + 15px); box-sizing: border-box;}
.p_inquiry .warning_tx {text-align: center; margin-top: 30px;}
.p_inquiry .warning_tx .tx {font-size: 15px; color: #894fff; letter-spacing: -0.4px; line-height: 1.3; padding-left: 20px; box-sizing: border-box; position: relative; text-align: left;}
.p_inquiry .warning_tx .tx:before {content: ''; position: absolute; left: 0; top: 2px; width: 14px; height: 14px;}
.p_inquiry .warning_tx .tx:before {background: transparent url('../images/barungil_sub/warning_ic.svg') center center no-repeat; background-size: 15px 15px !important;}

/* 화상상담 신청 안내 */
.p_inquiry .info_box {position: relative; display: none;}
.p_inquiry .info_box li {list-style: none;}
.p_inquiry .info_box .ul {display: table; table-layout: fixed; width: 100%; margin-top: 55px;}
.p_inquiry .info_box .li {display: table-cell; vertical-align: top;}
.p_inquiry .info_box .ul .box {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative; text-align: center;}
.p_inquiry .info_box .ul .li+ .li .box:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5;}
.p_inquiry .info_box .ul .ic_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.p_inquiry .info_box .ul .num {font-family: 'Poppins'; font-size: 25px; font-weight: 300; letter-spacing: 0; color: #894fff; line-height: 1; margin-top: 10px;}
.p_inquiry .info_box .ul .ic {font-size: 0; margin-top: 30px;}
.p_inquiry .info_box .ul .ic img {width: 48px;}
.p_inquiry .info_box .ul .tx_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.p_inquiry .info_box .ul .tit {margin-top: 35px;}
.p_inquiry .info_box .ul .tt {font-size: 19px; color: #333; letter-spacing: -1px; line-height: 1.2;}
.p_inquiry .info_box .ul .tx {font-size: 15px; color: #999; letter-spacing: -0.4px; line-height: 1.4; margin-top: 15px;}

/* 비용 안내 보기 */
.p_inquiry .tit_box {position: relative; margin-bottom: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.p_inquiry .tit_box .tit {font-size: 21px; color: #000; font-weight: 500; letter-spacing: -1px; line-height: 1;}

.p_inquiry .btn_link {height: 40px; background: #333; border-radius: 100px; box-sizing: border-box; padding: 0 30px; white-space: nowrap;}
.p_inquiry .btn_link {display: inline-flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; letter-spacing: -1px; max-width: 130px; margin-top: 10px;}
.p_inquiry .btn_link h1 {white-space: nowrap;}

.p_inquiry .cost_box {position: absolute; right: 0; top: 90%; z-index: 10; text-align: center; display: flex; justify-content: center; align-items: center;}
.p_inquiry .cost_box {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; max-width: 650px; width: 650px; margin-top: -5px;}
.p_inquiry .cost_box {transition: top 0.5s ease-out, opacity 0.5s ease-out; -webkit-transition: top 0.5s ease-out, opacity 0.5s ease-out;}
.p_inquiry .if_video .cost_box {right: auto; left: 50%; margin-left: -325px;}
.p_inquiry .cost_box .inner {width: 100%; background: #fff; border: 1px solid #ccc; border-radius: 10px;}
.p_inquiry .cost_box .inner {box-sizing: border-box; box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2); padding: 40px;}
.p_inquiry .cost_box .tit_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.p_inquiry .cost_box .cost_tit {font-size: 25px; font-weight: 500; color: #000; letter-spacing: -1px; line-height: 1; text-align: left;}
.p_inquiry .cost_box .cost_tit em {font-weight: 300;}
.p_inquiry .cost_box .btn_close {padding: 10px; box-sizing: border-box; font-size: 0; margin: -10px; transition: transform 0.4s ease-out; -webkit-transition: transform 0.4s ease-out;}
.p_inquiry .cost_box .btn_close img {width: 15px;}
.p_inquiry .cost_box .table {margin-top: 20px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.p_inquiry .cost_box .table ul {border-top: 1px solid #e5e5e5; box-sizing: border-box;}
.p_inquiry .cost_box .table li:first-of-type {width: 140px;}
.p_inquiry .cost_box .table li+ li {border-left: 1px solid #e5e5e5; box-sizing: border-box;}
.p_inquiry .cost_box .table li .li_tx {padding: 0 15px; box-sizing: border-box;}
.p_inquiry .cost_box .table li.if_group {vertical-align: top;}
.p_inquiry .cost_box .table li.if_group .li_tx {flex-direction: column; padding: 15px 15px;}
.p_inquiry .cost_box .table li .group {font-size: 15px; color: #fff; letter-spacing: -0.7px; background: #333; border: 1px solid #333; border-radius: 50px; box-sizing: border-box;}
.p_inquiry .cost_box .table li .group {display: flex; justify-content: center; align-items: center; padding: 7px 15px;}
.p_inquiry .cost_box .table li .group u {display: inline;}
.p_inquiry .cost_box .table li .name {width: 100%; margin-top: 5px; font-size: 14px; color: #333; letter-spacing: -0.6px; line-height: 1.4;}
.p_inquiry .cost_box .table li .name {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_inquiry .cost_box .th {display: table; table-layout: fixed; width: 100%; background: #f3f3f3;}
.p_inquiry .cost_box .th li {display: table-cell; vertical-align: middle;}
.p_inquiry .cost_box .th .li_tx {font-size: 15px; color: #888; letter-spacing: -0.8px; line-height: 1;}
.p_inquiry .cost_box .th .li_tx {display: flex; justify-content: center; align-items: center; padding: 15px; box-sizing: border-box;}
.p_inquiry .cost_box .td {display: table; table-layout: fixed; width: 100%;}
.p_inquiry .cost_box .td li {display: table-cell; vertical-align: middle;}
.p_inquiry .cost_box .td .li_tx {display: flex; justify-content: center; align-items: center; font-size: 15px; color: #000; letter-spacing: -0.8px; line-height: 1.3; height: 60px; }
.p_inquiry .cost_box .td .li_tx u {color: #888;}
.p_inquiry .cost_box .td .li_tx.if_num {font-family: 'Poppins'; font-size: 17px; color: #000; letter-spacing: 0; justify-content: flex-end;}
.p_inquiry .cost_box .td .li_tx.if_num em {font-family: 'Noto'; font-size: 16px; color: #000; letter-spacing: 0; line-height: 1; margin-top: -2px;}
.p_inquiry .cost_box .tip_box {margin-top: 15px; text-align: left;}
.p_inquiry .cost_box .tip_tx {font-size: 14px; color: #888; letter-spacing: -0.8px; line-height: 1.3;}
.p_inquiry .cost_box .tip_tx+ .tip_tx {margin-top: 4px;}
.p_inquiry .cost_box .tip_box.if_top .tip_tx {color: #894fff;}

.p_inquiry .if_open_cost .cost_box {top: 100%; visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}

/* 상담 절차 안내 */
.p_inquiry .cs_flow {margin-top: 80px;}
.p_inquiry .flow_box {display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; margin-top: 15px; text-align: center;}
.p_inquiry .flow_box {border: 1px solid #e5e5e5; box-sizing: border-box;}

.p_inquiry .flow_box dl {flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative;}
.p_inquiry .flow_box dl {padding: 20px 10px 30px 10px; box-sizing: border-box; background: #fff;}
.p_inquiry .flow_box dl+ dl:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5;}
.p_inquiry .flow_box dl+ dl:after {content: ''; position: absolute; left: -27px; top: 50%; width: 55px; height: 30px; margin-top: -15px;}
.p_inquiry .flow_box dl+ dl:after {background: #fff url('../images/barungil_sub/flow_ic.svg') center center no-repeat; background-size: 28px 13px !important;}
.p_inquiry .flow_box .num {font-family: 'Poppins'; font-size: 23px; color: #ccc; font-weight: 300; letter-spacing: 0; line-height: 1;}
.p_inquiry .flow_box .tt {font-size: 17px; color: #333; letter-spacing: -0.8px; margin-top: 10px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_inquiry .flow_box .tx {font-size: 14px; color: #aaa; letter-spacing: -0.8px; line-height: 1.3; margin-top: 5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}








/* ********************************************** *
 * 서브 공통
 * ********************************************** */
/* 공통 서브 내용 */
.p_cont+ .p_cont {margin-top: 120px;}

/* 공통 타이틀 */
.tit_type1 {border-bottom: 1px solid #e5e5e5; box-sizing: border-box; margin-bottom: 40px;}
.tit_type1 .tit {font-size: 33px; color: #000; letter-spacing: -1.8px; line-height: 1; position: relative; padding-bottom: 20px; box-sizing: border-box; padding-right: 5px;}
.tit_type1 .tit:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #000;}

.tit_type2 {font-size: 23px; color: #402784; font-weight: 500; letter-spacing: 0; line-height: 1; margin-bottom: 20px;}









/* ********************************************** *
 * 서브 비주얼 다른 페이지
 * ********************************************** */
body.if_vs_other .sub_top {display: none;}
body.if_vs_other .sub_top+ .ctg2_wrap {display: none;}







/* ********************************************** *
 * 변호사 상세
 * ********************************************** */
.p_lawyer_v {}
.p_lawyer_v li {list-style: none;}

/* 변호사 비주얼 */
.p_lawyer_v .lawyer_visual {background-color: #b6bdcd; position: relative; height: 850px; background-position: center bottom !important;}
.p_lawyer_v .lawyer_visual {background-repeat: no-repeat !important; background-size: 2200px auto !important;}
.p_lawyer_v .lawyer_visual:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 310px;}
.p_lawyer_v .lawyer_visual:before {background: transparent url('../images/barungil_sub/lawer_vs_bg.png') center bottom repeat-x; background-size: auto 100% !important;}
.p_lawyer_v .lawyer_visual .layout_fix {height: 100%;}
.p_lawyer_v .lawyer_visual .inner {height: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.p_lawyer_v .lawyer_visual .info {padding-bottom: 110px; box-sizing: border-box;}
.p_lawyer_v .lawyer_visual .name_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.p_lawyer_v .lawyer_visual .name_box .tx {font-size: 27px; font-weight: 300; color: #000; letter-spacing: -0.8px; line-height: 1;}
.p_lawyer_v .lawyer_visual .name_box .name {font-size: 65px; font-weight: 600; color: #000; letter-spacing: 5.5px; line-height: 1; margin-top: 5px;}
.p_lawyer_v .lawyer_visual .name_box .name_en {font-family: 'Playfair Display'; font-style: italic; font-weight: 400; font-size: 40px; color: rgba(255, 255, 255, 0.2); letter-spacing: 0;}
.p_lawyer_v .lawyer_visual .name_box .name_en {position: absolute; right: 0; bottom: 0; width: 50%; text-align: center; margin-bottom: 45px; line-height: 1;}
.p_lawyer_v .lawyer_visual .history_box {margin-top: 50px;}
.p_lawyer_v .lawyer_visual .history_box .ul {}
.p_lawyer_v .lawyer_visual .history_box li {padding-left: 20px; position: relative; box-sizing: border-box;}
.p_lawyer_v .lawyer_visual .history_box li:before {content: '•'; position: absolute; left: 8px; top: 3px; font-size: 15px; color: rgba(255, 255, 255, 0.5); line-height: 1;}
.p_lawyer_v .lawyer_visual .history_box li+ li {margin-top: 7px;}
.p_lawyer_v .lawyer_visual .history_box .tx {font-size: 16px; color: #fff; letter-spacing: -0.3px; line-height: 1.4;}
.p_lawyer_v .lawyer_visual .btn_more {margin-top: 25px; width: 150px; height: 45px; border: 1px solid #fff; border-radius: 100px; box-sizing: border-box;}
.p_lawyer_v .lawyer_visual .btn_more {display: flex; justify-content: center; align-items: center; margin-left: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_lawyer_v .lawyer_visual .btn_more .tx {font-size: 15px; color: #fff; letter-spacing: -0.3px; line-height: 1; padding-right: 17px; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_lawyer_v .lawyer_visual .btn_more .tx {background: transparent url('../images/barungil_sub/more_ic3.svg') right center no-repeat; background-size: 12px auto !important;}

.p_lawyer_v .lawyer_visual .photo {position: absolute; left: 0; top: 0; width: 100%; font-size: 0;}
.p_lawyer_v .lawyer_visual .photo img {width: 100%;}
.p_lawyer_v .lawyer_visual .photo:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 250px;}
.p_lawyer_v .lawyer_visual .photo:before {background: transparent url('../images/barungil_sub/lawer_vs_bg.png') center bottom repeat-x; background-size: auto 100% !important;}

.p_lawyer_v .lawyer_visual .btn_box {position: relative;}
.p_lawyer_v .lawyer_visual .btn_box .ul {}
.p_lawyer_v .lawyer_visual .btn_box .li+ .li {margin-top: 10px;}
.p_lawyer_v .lawyer_visual .btn_box .li.share {display: none;}
.p_lawyer_v .lawyer_visual .btn_box .link .btn {width: 50px; height: 50px; border: 1px solid #e5e5e5; border-radius: 100px; box-sizing: border-box;}
.p_lawyer_v .lawyer_visual .btn_box .link .btn {display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_lawyer_v .lawyer_visual .btn_box .link .tx {font-size: 14px; color: #fff; font-weight: 500; letter-spacing: -0.8px; line-height: 1;}
.p_lawyer_v .lawyer_visual .btn_box .li.scroll {margin-top: 20px;}
.p_lawyer_v .lawyer_visual .btn_box .scroll .btn {display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 0; padding: 30px 0; box-sizing: border-box;}
.p_lawyer_v .lawyer_visual .btn_box .scroll .bar {position: relative; width: 2px; height: 100px; background: rgba(255, 255, 255, 0.3); overflow: hidden; margin-bottom: 10px;}
.p_lawyer_v .lawyer_visual .btn_box .scroll .bar:before {content:''; position:absolute; left:0; top:0; width:2px; height:25px; background: #fff;}
.p_lawyer_v .lawyer_visual .btn_box .scroll .bar:before {animation: bar_move 1.3s infinite forwards; -webkit-animation: bar_move 1.3s infinite forwards; animation-delay:.2s; -webkit-animation-delay:.2s}
.p_lawyer_v .lawyer_visual .p_share {position: relative; top: 0;}
.p_lawyer_v .lawyer_visual .p_share .btn_share {border: 0;}

@keyframes bar_move {
    from {top:-25px;}
    to {top:100%;}
}

@-webkit-keyframes bar_move {
    from {top:-25px;}
    to {top:100%;}
}

/* 변호사 정보 */
.p_lawyer_v .lawyer_info {display: flex; flex-direction: row; align-content: space-between; align-items: flex-start;}
.p_lawyer_v .lawyer_info .left {flex: auto;}
.p_lawyer_v .lawyer_info .right {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 400px; flex: none;}

/* 학력 및 경력 */
.p_lawyer_v .lawyer_info .career {margin-top: 70px; padding-right: 50px; box-sizing: border-box;}
.p_lawyer_v .lawyer_info .career dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.p_lawyer_v .lawyer_info .career dl:first-of-type {margin-top: -5px;}
.p_lawyer_v .lawyer_info .career dl+ dl {margin-top: 35px;}
.p_lawyer_v .lawyer_info .career dt {padding-left: 20px; width: 170px; box-sizing: border-box; margin-top: 5px; flex: none;}
.p_lawyer_v .lawyer_info .career li {padding-left: 20px; box-sizing: border-box; position: relative;}
.p_lawyer_v .lawyer_info .career li+ li {margin-top: 6px;}
.p_lawyer_v .lawyer_info .career li:nth-of-type(10n)+ li {margin-top: 35px;}
.p_lawyer_v .lawyer_info .career li:before {content: '•'; position: absolute; left: 8px; top: 6px; color: #000; font-size: 11px; line-height: 1;}
.p_lawyer_v .lawyer_info .career .tx {font-size: 17px; color: #888; letter-spacing: -0.3px; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}

/* 업무분야 */
.p_lawyer_v .lawyer_info .legal {width: 100%; margin-left: auto; background: #402784; border: 1px solid #402784; border-radius: 0 0 40px 0; }
.p_lawyer_v .lawyer_info .legal {padding: 120px 50px 50px 50px; box-sizing: border-box;}
.p_lawyer_v .lawyer_info .legal .tit_box {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; position: relative;}
.p_lawyer_v .lawyer_info .legal .tit_type2 {color: #fff;}
.p_lawyer_v .lawyer_info .legal .btn_view {height: 30px; background: #fff; border: 1px solid #fff; border-radius: 50px; box-sizing: border-box; margin-left: auto;}
.p_lawyer_v .lawyer_info .legal .btn_view {display: flex; justify-content: center; align-items: center; padding: 0 10px; margin-bottom: 15px;}
.p_lawyer_v .lawyer_info .legal .btn_view .ic {position: relative; width: 10px; height: 10px; margin-right: 5px;}
.p_lawyer_v .lawyer_info .legal .btn_view .ic:before {content: ''; position: absolute; left: 0; top: 4px; width: 100%; height: 2px; background: #402784;}
.p_lawyer_v .lawyer_info .legal .btn_view .ic:after {content: ''; position: absolute; left: 4px; top: 0; width: 2px; height: 100%; background: #402784;}
.p_lawyer_v .lawyer_info .legal .btn_view .tx {font-size: 14px; color: #402784; letter-spacing: -0.6px; line-height: 1;}
.p_lawyer_v .lawyer_info .legal ul {}
.p_lawyer_v .lawyer_info .legal li {position: relative; border: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 0; height: 50px; box-sizing: border-box;}
.p_lawyer_v .lawyer_info .legal li:last-of-type {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.p_lawyer_v .lawyer_info .legal li+ li {margin-top: -1px; }
.p_lawyer_v .lawyer_info .legal .btn {width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_lawyer_v .lawyer_info .legal .btn {padding-left: 20px; padding-right: 35px; box-sizing: border-box; position: relative;}
.p_lawyer_v .lawyer_info .legal .upper_link {background: transparent url('../images/barungil_sub/go_ic.svg') right 20px center no-repeat; background-size: 7px auto !important;}
.p_lawyer_v .lawyer_info .legal .upper_link {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.p_lawyer_v .lawyer_info .legal .tx {font-size: 15px; color: #fff; letter-spacing: -0.4px; line-height: 1; z-index: 3; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.p_lawyer_v .lawyer_info .legal .import {height: 20px; line-height: 18px; border-radius: 20px; box-sizing: border-box; width: 40px; text-align: center; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.p_lawyer_v .lawyer_info .legal .import {font-size: 12px; color: #402784; letter-spacing: -0.6px; background: #fff; margin-left: 5px; display: none; z-index: 3; flex: none;}
.p_lawyer_v .lawyer_info .legal li.if_import .import {display: block;}

.p_lawyer_v .lawyer_info .legal.if_mo {background: #fff; border: 0; padding: 0; margin-top: 40px; width: 100%;}
.p_lawyer_v .lawyer_info .legal.if_mo .tit_type2 {display: none;}
.p_lawyer_v .lawyer_info .legal.if_mo ul {overflow: hidden; margin-left: -10px; margin-top: -10px;}
.p_lawyer_v .lawyer_info .legal.if_mo li {border: 0 !important; display: inline-block; width: 25%; float: left; height: auto;}
.p_lawyer_v .lawyer_info .legal.if_mo li+ li {margin-top: 0;}
.p_lawyer_v .lawyer_info .legal.if_mo .btn {border: 1px solid #402784; height: 50px; margin-left: 10px; margin-top: 10px; width: auto; padding-left: 15px; padding-right: 25px;}
.p_lawyer_v .lawyer_info .legal.if_mo .upper_link {background-image: url('../images/barungil_sub/go_ic2.svg'); background-size: 5px auto !important; background-position: right 15px center !important}
.p_lawyer_v .lawyer_info .legal.if_mo .tx {color: #402784;}
.p_lawyer_v .lawyer_info .legal.if_mo .tx h1 {white-space: nowrap;}
.p_lawyer_v .lawyer_info .legal.if_mo .import {background: #402784; color: #fff; line-height: 19px;}

/* 전문분야 등록증 */
.p_lawyer_v .lawyer_info .cert {position: absolute; right: -40px; top: 45px; background: #fff; border: 1px solid #ccc; border-radius: 10px;}
.p_lawyer_v .lawyer_info .cert {z-index: 10; padding: 30px 50px; box-sizing: border-box; box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);}
.p_lawyer_v .lawyer_info .cert {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.p_lawyer_v .lawyer_info .cert {transition: right 0.5s ease-out, opacity 0.5s ease-out; -webkit-transition: right 0.5s ease-out, opacity 0.5s ease-out;}
.p_lawyer_v .lawyer_info .cert .btn_close {position: absolute; right: 40px; top: 40px; z-index: 11;}
.p_lawyer_v .lawyer_info .cert .btn_close {padding: 10px; box-sizing: border-box; font-size: 0; margin: -10px; transition: transform 0.4s ease-out; -webkit-transition: transform 0.4s ease-out;}
.p_lawyer_v .lawyer_info .cert .btn_close img {width: 15px;}
.p_lawyer_v .lawyer_info .cert ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start;}
.p_lawyer_v .lawyer_info .cert li {width: 100%; height: auto; font-size: 0; text-align: center; position: relative;}
.p_lawyer_v .lawyer_info .cert li+ li {margin-left: 20px; padding-left: 20px; box-sizing: border-box;}
.p_lawyer_v .lawyer_info .cert li+ li:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #eee;}
.p_lawyer_v .lawyer_info .cert img {max-width: 300px;}

/*.p_lawyer_v .lawyer_info .cert {right: -10px; visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}*/
.lawyer_info.if_open_cert .cert {right: -10px; visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}

/* 성공사례 */
.p_lawyer_v .lawyer_info .case {width: 100%; margin-left: auto; border: 1px solid #402784; border-radius: 0 40px 0 0; box-sizing: border-box; padding: 50px 50px 20px 50px;}
.p_lawyer_v .lawyer_info .case ul {}
.p_lawyer_v .lawyer_info .case li {}
.p_lawyer_v .lawyer_info .case li+ li {margin-top: 10px;}
.p_lawyer_v .lawyer_info .case .box {height: 100%; background: #f5f5f5; border: 1px solid #f5f5f5; padding: 25px; box-sizing: border-box;}
.p_lawyer_v .lawyer_info .case .box {position: relative; z-index: 1; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_lawyer_v .lawyer_info .case .box .cate {font-size: 16px; color: #894fff; font-weight: 500; letter-spacing: -0.4px; line-height: 1.1; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.p_lawyer_v .lawyer_info .case .box .cate {max-width: 100%; padding: 5px 0; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.p_lawyer_v .lawyer_info .case .box .cate .upper_link {z-index: 10;}
.p_lawyer_v .lawyer_info .case .box .cate .bar {width:100%; height:1px; background:#7644ff; position:absolute; left:0; bottom:0;}
.p_lawyer_v .lawyer_info .case .box .cate .bar {-webkit-transform: scaleX(0); transform: scaleX(0); will-change: transform; transform-origin: top right;}
.p_lawyer_v .lawyer_info .case .box .cate .bar {transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.p_lawyer_v .lawyer_info .case .box .cate h2 {white-space: nowrap;}
.p_lawyer_v .lawyer_info .case .box .tit {font-size: 16px; color: #333; letter-spacing: -0.2px; line-height: 1.4; margin-top: 5px;}
.p_lawyer_v .lawyer_info .case .box .tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 45px;}
.p_lawyer_v .lawyer_info .case .box .tit h1 {word-break: break-all;}
.p_lawyer_v .lawyer_info .case .box .tx {font-size: 13px; color: #888; letter-spacing: 0; line-height: 1.5; margin-top: 10px;}
.p_lawyer_v .lawyer_info .case .box .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 59px;}
.p_lawyer_v .lawyer_info .case .box .tx h1 {word-break: break-all;}
.p_lawyer_v .lawyer_info .case .box .date {font-family: 'Poppins'; font-size: 13px; color: #aaa; font-weight: 400; margin-top: 15px;}
.p_lawyer_v .lawyer_info .case .more_btn {margin-top: 20px; text-align: center;}

.p_lawyer_v .lawyer_info .btn_all {margin: 0 auto; margin-top: 30px; width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; max-width: 400px;}
.p_lawyer_v .lawyer_info .btn_all {background: #402784; font-size: 16px; color: #fff; letter-spacing: -0.8px; line-height: 1;}






/* ********************************************** *
 * 변호사 전체보기
 * ********************************************** */
.p_lawyer {}
.p_lawyer li {list-style: none;}

.p_lawyer_li {}
.p_lawyer_li .ul {overflow: hidden; margin-left: -30px; margin-top: -50px;}
.p_lawyer_li .li {display: inline-block; float: left; width: 20%;}
.p_lawyer_li .box {margin-left: 30px; margin-top: 50px; position: relative; max-width: 320px;}
.p_lawyer_li .thumb_box {border-radius: 10px; box-sizing: border-box; overflow: hidden; position: relative;}
.p_lawyer_li .thumb {font-size: 0; position: relative;}
.p_lawyer_li .thumb .img {position: absolute; left: 0; top: 0; width: 100%; max-width: 100%;}
.p_lawyer_li .thumb .img.ov {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transition: all 1.2s ease-out; -webkit-transition: all 1.2s ease-out;}
.p_lawyer_li .thumb .img.ov {transform: scale(1.1); -webkit-transform: scale(1.1);}
.p_lawyer_li .thumb .fake {width: 100%;}
.p_lawyer_li .thumb .fake img {width: 100%;}
.p_lawyer_li .ov_box {position: absolute; left: 0; bottom: -137px; width: 100%; z-index: 1; background: rgba(0, 0, 0, 0.85);}
.p_lawyer_li .ov_box {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_lawyer_li .legal {width: 100%; padding: 10px 17px; box-sizing: border-box; }
.p_lawyer_li .legal ul {overflow: hidden;}
.p_lawyer_li .legal li {display: inline-block; float: left; width: 50%;}
.p_lawyer_li .legal .tx {border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 5px; box-sizing: border-box; margin: 3px; display: flex; justify-content: center; align-items: center;}
.p_lawyer_li .legal .tx {font-size: 13px; color: #fff; letter-spacing: 0; height: 30px; text-align: center; white-space: nowrap;}
.p_lawyer_li .legal .tx h2 {white-space: nowrap;}
.p_lawyer_li .btn_more {width: 100%; height: 45px; font-size: 15px; color: #fff; letter-spacing: -0.8px;}
.p_lawyer_li .btn_more {background: #894fff url('../images/barungil_sub/go_ic.svg') right 20px center no-repeat; background-size: 7px auto !important;}
.p_lawyer_li .btn_more {display: flex; justify-content: flex-start; align-items: center; padding: 0 20px; box-sizing: border-box;}

.p_lawyer_li .name_box {text-align: center; margin-top: 20px;}
.p_lawyer_li .name_en {font-family: 'Playfair Display'; font-style: italic; font-weight: 400; font-size: 17px; color: #ccc; letter-spacing: 0; line-height: 1;}
.p_lawyer_li .name {margin-top: 5px; font-size: 21px; color: #999; font-weight: 500; letter-spacing: -0.4px;}
.p_lawyer_li .name strong {color: #000; margin-right: 5px;}

/* 대표변호사(4개) */
.p_lawyer_li.if_col4 .ul {margin-left: -40px;}
.p_lawyer_li.if_col4 .li {width: 25%;}
.p_lawyer_li.if_col4 .box {margin-left: 40px;}
.p_lawyer_li.if_col4 .name_en {font-size: 18px;}
.p_lawyer_li.if_col4 .name {font-size: 23px; margin-top: 10px;}
.p_lawyer_li.if_col4 .ov_box {bottom: -170px;}
.p_lawyer_li.if_col4 .legal {padding: 15px;}
.p_lawyer_li.if_col4 .legal .tx {height: 35px; margin: 5px;}
.p_lawyer_li.if_col4 .btn_more {height: 50px;}

/* 일반변호사(4개) */
.p_lawyer_li.type_normal4 .li {width:25%;}






/* ********************************************** *
 * 서브 공통
 * ********************************************** */
/* 검색 */
.p_search {width: 100%; background: #f5f5f5; padding: 50px 20px; box-sizing: border-box; text-align: center;}
.p_search li {list-style: none;}
.p_search .search_box {position: relative; width: 100%; max-width: 520px; display: inline-block; font-size: 17px; }
.p_search .input_search {background: #fff; border: 1px solid #e5e5e5; border-radius: 100px; box-sizing: border-box; line-height: 1; height: 60px;}
.p_search .input_search {width: 100%; padding: 0 60px 2px 30px; color: #402784 !important; font-weight: 400; letter-spacing: -0.8px;}
.p_search .input_search {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_search .input_search::placeholder {color: rgba(0, 0, 0, 0.3) !important;}
.p_search .input_search::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.3) !important;}
.p_search .input_search:-ms-input-placeholder {color: rgba(0, 0, 0, 0.3) !important;}
.p_search .input_search:-moz-placeholder {color: rgba(0, 0, 0, 0.3) !important;}
.p_search .input_search:focus {color: #402784 !important;}
.p_search .btn_search {position: absolute; right: 0; top: 0; height: 60px; width: 60px;}
.p_search .btn_search {background: transparent url('../images/barungil/search_ic2.svg') center center no-repeat; background-size: 22px 22px !important;}

.p_search .result {margin-top: 35px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p_search .result .tx {font-size: 23px; color: #333; font-weight: 300; letter-spacing: -0.7px; line-height: 1.4;}
.p_search .result .tx .word {color: #ff0000; font-weight: 500;}
.p_search .result .btn_all {font-size: 17px; color: #fff; letter-spacing: -0.8px; background: #402784;}
.p_search .result .btn_all {height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 100px;}
.p_search .result .btn_all {padding: 0 55px; box-sizing: border-box; margin-top: 15px; line-height: 1;}

/* select 있을때(성공사례) */
.p_search.if_select {}
.p_search.if_select .ul {display: flex; flex-direction: row; justify-content: space-between; align-content: stretch; align-items: stretch; max-width: 700px; margin: 0 auto;}
.p_search.if_select .li_select {width: 230px; flex: none;}
.p_search.if_select .li_search {flex: auto; margin-left: -1px;}
.p_search.if_select .select {height: 60px; border-radius: 100px 0 0 100px; border: 1px solid #e5e5e5; box-sizing: border-box; font-size: 17px;}
.p_search.if_select .select {color: #333;}
.p_search.if_select .select select {position: relative; border: 0; padding-left: 30px; color: #333;}
.p_search.if_select .select .icon {width: 50px; height: 100%;}
.p_search.if_select .select .icon .ic {border-width: 6px; border-top-width: 7px;}
.p_search.if_select .input_search {border-radius: 0 100px 100px 0;}

/* 리스트 */
.list_type1 {}
.list_type1 li {line-height: 1; position: relative; padding-left: 10px;}
.list_type1 li+ li {margin-top: 10px;}
.list_type1 li:before {content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #ccc; border: 1px solid #ccc; border-radius: 50px; box-sizing: border-box;}
.list_type1 .tx {font-size: 16px; color: #888; letter-spacing: -0.4px; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}






/* ********************************************** *
 * 업무분야 전체보기
 * ********************************************** */
.p_field {}
.p_field li {list-style: none;}

/* 업무분야 목록 */
.p_field .field_li {margin-top: 50px;}
.p_field .field_li .ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; margin-left: -44px; margin-top: -40px;}
.p_field .field_li .li {width: 25%; margin-top: 40px;}
.p_field .field_li .box {position: relative; height: 100%; margin-left: 44px; display: flex; flex-direction: column; justify-content: flex-start; align-content: center;}
.p_field .field_li .box {overflow: hidden; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_field .field_li .box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; z-index: 5;}
.p_field .field_li .box:before {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_field .field_li .thumb {font-size: 0; position: relative; overflow: hidden;}
.p_field .field_li .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1;}
.p_field .field_li .thumb img {width: 100%; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out;}
.p_field .field_li .txt_box {text-align: center; padding-bottom: 40px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_field .field_li .tit {margin: -30px 30px 35px 30px; background: #fff; padding-top: 30px; box-sizing: border-box; position: relative; z-index: 2;}
.p_field .field_li .tit {font-size: 21px; color: #000; font-weight: 500; letter-spacing: 0; white-space: nowrap; line-height: 1; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_field .field_li .tit h1 {white-space: nowrap;}
.p_field .field_li .tag_box {padding: 0 15px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start;}
.p_field .field_li .tag_box {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_field .field_li .tag_box .tx {font-size: 13px; color: #999; letter-spacing: -0.8px; line-height: 1.3; padding: 5px 7px; box-sizing: border-box;}
.p_field .field_li .tag_box .tx {border: 1px solid #e5e5e5; border-radius: 5px; margin: 3px;}
.p_field .field_li .tag_box .tx:before {content: '#'; line-height: 1;}
.p_field .field_li .tag_box .tx .word {color: #ff0000;}
.p_field .field_li .btn_box {position: absolute; left: 0; bottom: -40px; width: 100%; height: 40px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.p_field .field_li .btn {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; line-height: 1;}
.p_field .field_li .btn {background: #402784; font-size: 15px; color: #fff; letter-spacing: -0.4px;}








/* ********************************************** *
 * 법인소개 > 인사말
 * ********************************************** */
.p_greeting {}
.p_greeting li {list-style: none;}

/* 상단 비주얼 */
.p_greeting .gt_visual {position: relative; height: 1000px; overflow: hidden; background: #000;}
.p_greeting .gt_visual .bg {position: absolute; left: 0; top: 0; width:100%; height:100%; background-size:cover !important; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_greeting .gt_visual .bg {background: transparent url('../images/barungil_sub/p_greeting_vs.jpg') center center no-repeat; animation: subvs 9s forwards; -webkit-animation: subvs 9s forwards;}
.p_greeting .gt_visual:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
.p_greeting .gt_visual:before {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.p_greeting .gt_visual .layout_fix {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.p_greeting .gt_visual .tx_box1 {position: relative; padding: 30px 0 35px 0; box-sizing: border-box; display: inline-block; overflow: hidden;}
.p_greeting .gt_visual .tit_en {font-family: 'Playfair Display'; font-size: 65px; font-weight: 700; color: #fff; letter-spacing: 0.2px; line-height: 1; margin-bottom: 20px;}
.p_greeting .gt_visual .tit_en {animation: gt_tit_en 3s both; -webkit-animation: gt_tit_en 3s both;}
.p_greeting .gt_visual .tit_ko {font-size: 33px; color: #fff; font-weight: 600; letter-spacing: 0; line-height: 1.5;}
.p_greeting .gt_visual .tit_ko {animation: gt_tt 1.7s both; -webkit-animation: gt_tt 1.7s both;}
.p_greeting .gt_visual .tit_ko1 {animation-delay: 0.5s;}
.p_greeting .gt_visual .tit_ko2 {animation-delay: 0.6s;}
.p_greeting .gt_visual .line {position: absolute; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.15);}
.p_greeting .gt_visual .line {animation: gt_line 3s both; -webkit-animation: gt_line 3s both; transform-origin: center;}
.p_greeting .gt_visual .line1 {top: 0;}
.p_greeting .gt_visual .line2 {bottom: 0; animation-delay: 0.7s;}
.p_greeting .gt_visual .tx_box2 {margin-top: 45px; margin-bottom: -10px;}
.p_greeting .gt_visual .tt {font-size: 24px; color: #fff; font-weight: 300; letter-spacing: -0.4px; line-height: 1.8;}
.p_greeting .gt_visual .tt {animation: gt_tt 1.7s both; -webkit-animation: gt_tt 1.7s both;}
.p_greeting .gt_visual .tt1 {animation-delay: 1s;}
.p_greeting .gt_visual .tt2 {animation-delay: 1.2s;}
.p_greeting .gt_visual .tt u {display: inline;}
.p_greeting .gt_visual .line_ct {position: absolute; left: 50%; bottom: 0; width: 1px; height: 150px; background: #fff;}

@-webkit-keyframes gt_line {
    from {transform: scaleX(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0);}
    to {transform: scaleX(1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1);}
}
@keyframes gt_line {
    from {transform: scaleX(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0);}
    to {transform: scaleX(1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1);}
}

@-webkit-keyframes gt_tit_en {
    from {letter-spacing: 16px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    to {letter-spacing: 0.2px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@keyframes gt_tit_en {
    from {letter-spacing: 16px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    to {letter-spacing: 0.2px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

@-webkit-keyframes gt_tt {
    from {transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    to {transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@keyframes gt_tt {
    from {transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    to {transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

/* 내용 */
.p_greeting .text_box {position: relative; background: transparent url('../images/barungil_sub/p_greeting2.png') right bottom no-repeat;}
.p_greeting .text_box {background-size: 100% auto !important; padding: 50px 0 220px 0; box-sizing: border-box;}
.p_greeting .text_box .tx {font-size: 17px; color: #888; letter-spacing: -0.6px; line-height: 1.8; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_greeting .text_box .tx {max-width: 800px;}
.p_greeting .text_box .tx+ .tx {margin-top: 40px;}
.p_greeting .text_box .name {color: #000; margin-left: 20px;}

.p_greeting .img_box {height: 330px; background: transparent url('../images/barungil_sub/p_greeting1.jpg') center center no-repeat; text-align: center;}
.p_greeting .img_box {background-size: cover !important; display: flex; justify-content: center; align-items: center; padding: 0 50px; box-sizing: border-box; display: none;}
.p_greeting .img_box .tx {font-size: 23px; color: #fff; font-weight: 300; letter-spacing: -0.3px; line-height: 1.7;}







/* ********************************************** *
 * 법인소개 > 바른길의 약속
 * ********************************************** */
.p_troth {}
.p_troth li {list-style: none;}

.p_troth dl {}
.p_troth dl+ dl {margin-top: 100px;}
.p_troth dl:last-of-type dd {padding-bottom: 0;}
.p_troth dt {}
.p_troth dt .img {display: none; width: 100%;}
.p_troth .tit_box {background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;}
.p_troth .tit_box {height: 350px; padding: 0 100px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-end;}
.p_troth .tit_box .box {background: #fff; width: 50%; padding: 80px 50px 0 50px; box-sizing: border-box;}
.p_troth .tit_box .box {display: inline-flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;}
.p_troth .tit_box .tx_en {font-family: 'Playfair Display'; font-style: italic; font-size: 25px; color: #894fff; font-weight: 700;}
.p_troth .tit_box .tx_en {letter-spacing: 0; line-height: 1; position: relative; margin-left: 3px;}
.p_troth .tit_box .tx_en:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #894fff;}
.p_troth .tit_box .tx_ko {margin-top: 15px; font-size: 34px; color: #000; letter-spacing: -0.3px; line-height: 1.3;}
.p_troth dd {position: relative; padding-top: 140px; padding-bottom: 40px; box-sizing: border-box;}
.p_troth dd:before {content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #eee;}
.p_troth dd ul {overflow: hidden;}
.p_troth dd li {display: inline-block; float: left; width: 50%; padding: 0 100px; box-sizing: border-box;}
.p_troth dd li:nth-of-type(2n)+ li {clear: both;}
.p_troth dd li:nth-of-type(2n)~ li {margin-top: 70px;}
.p_troth dd .num {font-family: 'Poppins'; font-size: 30px; color: #333; font-weight: 300; letter-spacing: 0; position: relative; line-height: 1;}
.p_troth dd .num {padding-left: 3px; box-sizing: border-box;}
.p_troth dd .num:before {content: ''; position: absolute; left: -3px; bottom: -1px;width: 55px; height: 14px; background: rgba(0, 0, 0, 0.1);}
.p_troth dd .num:before {border-radius: 100px; box-sizing: border-box;}
.p_troth dd .tx {margin-top: 5px; font-size: 17px; color: #999; letter-spacing: -0.7px; line-height: 1.75; text-align: justify;}

.p_troth .cont_1 .tit_box {background-image: url('../images/barungil_sub/p_troth1.jpg');}
.p_troth .cont_2 .tit_box {background-image: url('../images/barungil_sub/p_troth2.jpg'); justify-content: flex-end;}
.p_troth .cont_2 .tit_box .box {align-items: flex-end; text-align: right;}
.p_troth .cont_3 .tit_box {background-image: url('../images/barungil_sub/p_troth3.jpg');}








/* ********************************************** *
 * 오시는길
 * ********************************************** */
.p_location {}
.p_location li {list-style: none;}

.p_location .half {display: flex; flex-direction: row; justify-content: space-between; align-content: stretch; align-items: stretch;}
.p_location .loc_box {flex: 1; background: #f5f5f5;}
.p_location .loc_box.left {margin-right: 20px;}
.p_location .loc_box.right {margin-left: 20px;}
.p_location .map_box {width: 100%; height: 600px; border: 1px solid #e5e5e5; box-sizing: border-box; position: relative;}
.p_location .map_ic {width: 204px;}

.p_location .map_info {}
.p_location .map_info .tit_box {width: 100%; background: #402784; padding: 0 20px 50px 50px; box-sizing: border-box;}
.p_location .map_info .tit_box .inner {padding: 45px 0 0 50px; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, 0.3);}
.p_location .map_info .tit_box .tit {font-size: 43px; color: #fff; font-weight: 100; letter-spacing: -1.2px; line-height: 1.1;}
.p_location .map_info .tit_box .tit strong {font-weight: 600;}
.p_location .map_info .tit_box .addr {font-size: 19px; color: #fff; font-weight: 300; letter-spacing: -0.9px; margin-top: 25px; line-height: 1.3;}
.p_location .map_info .tit_box .addr {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_location .map_info .tit_box .tel {font-family: 'Poppins'; font-size: 25px; color: #fff; letter-spacing: 0; line-height: 1.1; margin-top: 10px;}
.p_location .map_info .link_box {width: 100%; border-bottom: 40px solid #fff; box-sizing: border-box;}
.p_location .map_info .link_box ul {display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative;}
.p_location .map_info .link_box ul {border: 1px solid #e5e5e5; border-top: 0; box-sizing: border-box;}
.p_location .map_info .link_box li {width: 50%; position: relative;}
.p_location .map_info .link_box li+ li:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5;}
.p_location .map_info .link_box .btn {display: flex; justify-content: center; align-items: center; height: 75px; background: #fff;}
.p_location .map_info .link_box .ic {width: 32px;}
.p_location .map_info .link_box .tx {font-size: 19px; color: #000; letter-spacing: -0.8px; line-height: 1; margin-left: 15px;}

.p_location .info_box {background: #f5f5f5; padding: 0 40px 30px 40px; box-sizing: border-box; border-top: 30px solid #fff;}
.p_location .info_box dl {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 50px 0; box-sizing: border-box;}
.p_location .info_box dl+ dl {border-top: 1px solid #e5e5e5;}
.p_location .info_box dt {flex: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 385px;}
.p_location .info_box .icon {background: #fff; border: 1px solid #fff; border-radius: 100px; box-sizing: border-box; padding: 25px;}
.p_location .info_box .icon img {width: 46px; height: 46px;}
.p_location .info_box .tit_box {margin-left: 35px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.p_location .info_box .tit_en {font-family: 'Poppins'; font-size: 18px; font-weight: 300; color: #ccc; line-height: 1;}
.p_location .info_box .tit_ko {font-size: 27px; color: #000; letter-spacing: -1px; line-height: 1; margin-top: 10px;}
.p_location .info_box dd {flex: auto; padding-left: 55px; box-sizing: border-box; margin-top: 30px;}
.p_location .info_box .tt {font-size: 19px; color: #333; letter-spacing: -0.4px; margin-bottom: 15px; line-height: 1.3;}
.p_location .info_box .tt {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_location .info_box .bus {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.p_location .info_box .bus li {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_location .info_box .bus li+ li {margin-top: 5px;}
.p_location .info_box .bus .cate {padding: 5px 10px; box-sizing: border-box; font-size: 13px; color: #fff; letter-spacing: -0.8px; line-height: 1.1; background: #aaa;}
.p_location .info_box .bus .blue .cate {background: #6175f5;}
.p_location .info_box .bus .green .cate {background: #47af1b;}
.p_location .info_box .bus .orange .cate {background: #ff451e;}
.p_location .info_box .bus .tx {font-size: 15px; letter-spacing: -0.4px; margin-left: 10px; line-height: 1.1; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_location .info_box .bus .blue .tx {color: #6175f5;}
.p_location .info_box .bus .green .tx {color: #47af1b;}
.p_location .info_box .bus .orange .tx {color: #ff451e;}
.p_location .info_box .box+ .box {margin-top: 30px;}
.p_location .list_type1 li+ li {margin-top: 5px;}
.p_location .list_type1 li:before {background: #ccc; top: 8px;}
.p_location .list_type1 .tx {font-size: 14px; color: #999;}









/* ********************************************** *
 * 업무분야 > 기업법무
 * ********************************************** */
.p_fd_comp {}
.p_fd_comp li {list-style: none;}

/* 비주얼 */
.p_fd_comp .visual_box {background: transparent url('../images/barungil_sub/p_fd_comp1.jpg') center top no-repeat; background-size: cover !important;}
.p_fd_comp .visual_box {padding: 0 100px; box-sizing: border-box; text-align: center;}
.p_fd_comp .visual_box .tit {padding: 110px 0 90px; box-sizing: border-box; font-family: 'Playfair Display'; font-style: italic; color: #fff;}
.p_fd_comp .visual_box .tit {letter-spacing: 0; line-height: 1.1; font-size: 45px;}
.p_fd_comp .visual_box .box {background: #fff; padding: 80px 50px 0 50px; box-sizing: border-box;}
.p_fd_comp .visual_box .tx {font-size: 23px; color: #000; font-weight: 500; letter-spacing: -0.8px; line-height: 1.6; word-wrap:break-word; word-break:keep-all; white-space:normal;}

/* 상세분야 */
.p_fd_comp .detail_box {margin-top: 140px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.p_fd_comp .detail_box dl {width: 50%; padding: 0 50px; box-sizing: border-box;}
.p_fd_comp .detail_box dl:nth-of-type(odd) {padding-right: 60px;}
.p_fd_comp .detail_box dl:nth-of-type(even) {padding-left: 60px;}
.p_fd_comp .detail_box dl:nth-of-type(2n)~ dl {margin-top: 100px;}
.p_fd_comp .detail_box dt {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_fd_comp .detail_box .ic {flex: none; background: #402784; border: 1px solid #402784; padding: 20px; box-sizing: border-box; border-radius: 100px;}
.p_fd_comp .detail_box .ic {position: relative; z-index: 1;}
.p_fd_comp .detail_box .ic img {width: 40px;}
.p_fd_comp .detail_box .tit_box {flex: auto; position: relative;}
.p_fd_comp .detail_box .tit_box:before {content: ''; position: absolute; left: -10%; bottom: 0; width: 110%; height: 1px; background: #ccc;}
.p_fd_comp .detail_box .tit_box .tit {font-size: 24px; color: #402784; font-weight: 500; letter-spacing: -0.8px; position: relative;}
.p_fd_comp .detail_box .tit_box .tit {padding-left: 20px; padding-bottom: 20px; box-sizing: border-box; line-height: 1.1;}
.p_fd_comp .detail_box .tit_box .tit:before {content: ''; position: absolute; left: -10%; bottom: 0; width: 110%; height: 1px; background: #402784;}
.p_fd_comp .detail_box dd {padding-left: 110px; margin-top: 5px;}

/* 고문업체 */
.p_fd_comp .bg_box {background: #f9f9f9; padding: 100px 0; box-sizing: border-box; margin-top: 85px;}
.p_fd_comp .bg_box .tit_box {text-align: center; }
.p_fd_comp .bg_box .tit_box img {width: 32px;}
.p_fd_comp .bg_box .tit_box .tit {font-size: 20px; color: #000; letter-spacing: -0.8px; line-height: 1.5; margin-top: 15px;}
.p_fd_comp .bg_box .tit_box .tit_2 {font-size: 23px; color: #402784; font-weight: 500; letter-spacing: -0.4px; line-height: 1; margin-top: 35px; padding-top: 35px; box-sizing: border-box; position: relative;}
.p_fd_comp .bg_box .tit_box .tit_2:before {content: ''; position: absolute; left: 50%; top: 0; width: 32px; height: 1px; margin-left: -16px; background: #000;}
.p_fd_comp .ma_link {margin-top: 30px;}
.p_fd_comp .ma_link .layout_fix {box-sizing: border-box;}
.p_fd_comp .ma_link .rolling_box ul {margin-left: -14px;}
.p_fd_comp .ma_link .rolling_box .box {margin-left: 14px;}
.p_fd_comp .ma_link .rolling_btn .ic {background: transparent; border-color: transparent;}









/* ********************************************** *
 * 업무분야 > 회생·파산
 * ********************************************** */
.p_fd_finance {}
.p_fd_finance li {list-style: none;}

.p_fd_finance .detail_box {display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.p_fd_finance .detail_box dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.p_fd_finance .detail_box dl {width: 50%; box-sizing: border-box;}
.p_fd_finance .detail_box dl:nth-of-type(odd) {padding-right: 60px;}
.p_fd_finance .detail_box dl:nth-of-type(even) {padding-left: 60px; border-left: 1px solid #e5e5e5;}
.p_fd_finance .detail_box dl:nth-of-type(2n)~ dl {margin-top: 100px;}
.p_fd_finance .detail_box dd {padding-left: 45px; box-sizing: border-box;}
.p_fd_finance .detail_box .tit {width: 140px; height: 140px; background: #894fff; border: 1px solid #894fff; border-radius: 0 0 50px 0;}
.p_fd_finance .detail_box .tit {display: flex; justify-content: center; align-items: center; font-size: 25px; color: #fff;}
.p_fd_finance .detail_box .tit {line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; box-sizing: border-box; position: relative;}
.p_fd_finance .detail_box .tit:before {content: ''; position: absolute; right: -1px; top: -1px; width: 28px; height: 1px;}
.p_fd_finance .detail_box .tit:before {background: #fff; transform: rotate(-45deg); transform-origin: right top; z-index: 1;}
.p_fd_finance .detail_box .box+ .box {margin-top: 35px;}
.p_fd_finance .detail_box .tt {font-size: 23px; color: #894fff; font-weight: 500; letter-spacing: -0.4px; position: relative;}
.p_fd_finance .detail_box .tt {padding-right: 15px; padding-left: 5px; box-sizing: border-box; margin-bottom: 15px; line-height: 1;}
.p_fd_finance .detail_box .tt:before {content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 14px; background: #e5e5e5;}
.p_fd_finance .detail_box .tt:before {border: 1px solid #e5e5e5; border-radius: 50px; box-sizing: border-box; z-index: -1;}
.p_fd_finance .detail_box .tx {font-size: 16px; color: #888; letter-spacing: -0.4px; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_fd_finance .detail_box .black .tit {background: #000; border-color: #000;}
.p_fd_finance .detail_box .black .tt {color: #333;}
.p_fd_finance .detail_box .black .list_type1 li:before {background: #333; border-color: #333;}
.p_fd_finance .list_type1 {margin-left: 5px;}
.p_fd_finance .list_type1 li:before {background: #894fff; border-color: #894fff;}








/* ********************************************** *
 * 업무분야 > 공증·등기
 * ********************************************** */
.p_fd_paper {}
.p_fd_paper li {list-style: none;}
.p_fd_paper .tit_type1 {margin-bottom: 0;}
.p_fd_paper .tit_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px;}
.p_fd_paper .tit_box .num {width: 40px; height: 40px; background: #402784; border: 1px solid #402784; border-radius: 100px; box-sizing: border-box;}
.p_fd_paper .tit_box .num {display: flex; justify-content: center; align-items: center; font-family: 'Poppins'; font-size: 20px; color: #fff;}
.p_fd_paper .tit_box .num {font-weight: 500; letter-spacing: 0; line-height: 1;}
.p_fd_paper .tit_box .tit {font-size: 25px; color: #402784; font-weight: 500; letter-spacing: -0.8px; margin-left: 10px;}

/* 비주얼 타이틀 */
.p_fd_paper .visual_tit {display: flex; flex-direction: row; justify-content: space-between; align-content: stretch; align-items: stretch;}
.p_fd_paper .visual_tit .img_box {width: 50%; background-repeat: no-repeat !important;; background-position: center bottom !important; background-size: cover !important;}
.p_fd_paper .visual_tit .img_box {display: flex; justify-content: center; align-items: center;}
.p_fd_paper .visual_tit.visual1 .img_box {background-image: url('../images/barungil_sub/p_fd_paper1.jpg');}
.p_fd_paper .visual_tit.visual2 .img_box {background-image: url('../images/barungil_sub/p_fd_paper2.jpg');}
.p_fd_paper .visual_tit .tit_en {font-family: 'Playfair Display'; font-style: italic; font-size: 40px; color: #fff; letter-spacing: 0; line-height: 1.1;}
.p_fd_paper .visual_tit .tx_box {width: 50%; padding: 60px; box-sizing: border-box; position: relative;}
.p_fd_paper .visual_tit .tx_box:before {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5;}
.p_fd_paper .visual_tit .tx_box:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e5e5e5;}
.p_fd_paper .visual_tit dl+ dl {margin-top: 50px;}
.p_fd_paper .visual_tit dt {}
.p_fd_paper .visual_tit dd {padding-left: 50px; box-sizing: border-box;}
.p_fd_paper .visual_tit .tx {font-size: 16px; color: #888; letter-spacing: -0.4px; line-height: 1.5; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_fd_paper .visual_tit .tag_li {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-left: -5px; margin-top: -5px;}
.p_fd_paper .visual_tit .tag_li li {margin-left: 5px; margin-top: 5px;}
.p_fd_paper .visual_tit .tag_li .tx {padding: 10px 20px; box-sizing: border-box; background: #eee; border: 1px solid #eee; border-radius: 100px; line-height: 1.1;}
.p_fd_paper .list_type1 .tx {line-height: 1.4;}

/* 배경 박스 */
.p_fd_paper .bg_box {margin-top: 100px; background: #f9f9f9; padding: 100px; box-sizing: border-box;}
.p_fd_paper .bg_box dl+ dl {margin-top: 100px;}

.p_fd_paper .table {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: #fff; overflow: hidden;}
.p_fd_paper .table {border-top: 2px solid #000; box-sizing: border-box; margin-top: 30px;}
.p_fd_paper .table .tr {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%;}
.p_fd_paper .table .tr {border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.p_fd_paper .table .box {box-sizing: border-box; padding: 30px 50px;}
.p_fd_paper .table .box+ .box {border-left: 1px solid #e5e5e5;}
.p_fd_paper .table .box.th {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 65px; padding: 0;}
.p_fd_paper .table .tt {font-size: 19px; color: #000; font-weight: 300; letter-spacing: -0.8px;}
.p_fd_paper .table .tt strong {font-weight: 600;}
.p_fd_paper .table .btn_down {font-size: 0;}
.p_fd_paper .table .icon {width: 25px; height: 25px; background-repeat: no-repeat !important; background-position: center !important; background-size: 100% auto !important;}
.p_fd_paper .table .icon.acrobat {background-image: url('../images/barungil_sub/acrobat_ic.png')}
.p_fd_paper .table .icon.doc {background-image: url('../images/barungil_sub/doc_ic.png')}
.p_fd_paper .table .icon img {width: 30px;}
.p_fd_paper .table .num_li {margin-top: 5px;}
.p_fd_paper .table .num_li li {}
.p_fd_paper .table .num_li li+ li {margin-top: 3px;}
.p_fd_paper .table .num_li .tx {font-size: 15px; color: #999; letter-spacing: -0.4px; line-height: 1.3;}
.p_fd_paper .table .down_li {}
.p_fd_paper .table .down_li li {display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; padding: 10px 0; box-sizing: border-box;}
.p_fd_paper .table .down_li li+ li:before {content: ''; position: absolute; left: 0; top: 0; width: 150%; height: 1px; background: #eee;}
.p_fd_paper .table .down_li .tx {flex: auto; font-size: 15px; color: #999; letter-spacing: -0.4px; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_fd_paper .table .down_li .tx {position: relative; padding-left: 20px;}
.p_fd_paper .table .down_li .tx:before {content: ''; position: absolute; left: 7px; top: 8px; width: 4px; height: 4px; background: #333; border: 1px solid #333; border-radius: 50px; box-sizing: border-box;}
.p_fd_paper .table .down_li .btn_box {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-left: 60px; min-width: 60px;}
.p_fd_paper .table .down_li .btn_box .btn_down+ .btn_down {margin-left: 10px;}

.p_fd_paper .table1 .box {flex: 1;}
.p_fd_paper .table1 .box.th {padding: 0 20px 0 50px;}
.p_fd_paper .table1 .btn_down {display: none;}
.p_fd_paper .table1 .th_tx {font-size: 21px; color: #894fff; font-weight: 500; letter-spacing: -0.6px; line-height: 1;}
.p_fd_paper .table2 .tr {align-items: center;}
.p_fd_paper .table2 .box {padding: 25px 60px 25px 40px;}
.p_fd_paper .table2 .box+ .box {flex: auto;}
.p_fd_paper .table2 .box.th {justify-content: center;}
.p_fd_paper .table2 .box:first-of-type {width: 205px; text-align: center; padding: 0; flex: none;}
.p_fd_paper .table2 .box:last-of-type .tt {display: none;}
.p_fd_paper .table2 .th_tx {font-size: 17px; color: #000; letter-spacing: -0.6px; line-height: 1;}

.p_fd_paper .help_li {margin-top: 15px;}
.p_fd_paper .help_li li {}
.p_fd_paper .help_li li+ li {margin-top: 3px;}
.p_fd_paper .help_li .tx {font-size: 15px; color: #aaa; letter-spacing: -0.4px; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_fd_paper .help_li .tx em {color: #333;}
.p_fd_paper .help_li.import .tx {color: #333;}
.p_fd_paper .help_li.import .tx.red {color: #ff0000;}
.p_fd_paper .help_li .bullet .tx {position: relative; padding-left: 19px; box-sizing: border-box;}
.p_fd_paper .help_li .bullet .tx:before {content: ''; position: absolute; left: 8px; top: 9px; width: 3px; height: 3px; background: #333;}
.p_fd_paper .help_li .bullet .tx:before {border: 1px solid #333; border-radius: 100px; box-sizing: border-box;}
.p_fd_paper .help_li li+ .group_title {margin-top:15px;}