@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
.loop-img{ position: absolute;  z-index: 2; top: 28%; left: 30%;
    animation-name: loop;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-timing-function: linear;}
#scroll_down { position: absolute; bottom: 60px;  left: 50%; transform: translateX(-50%);  z-index: 50;}
#scroll_down .txt { font-size: 13px; color: #fff; font-weight:500; letter-spacing:0.2em; line-height: 1em;  margin-bottom: 15px;  display: block;}
#scroll_down .fig {width: 25px; height: 39px;  position: relative;  border: 1px solid #fff;  border-radius: 25px; margin: 0 auto;}
#scroll_down .fig:after { display: inline-block;  content: ""; position: absolute; top: 8px;  left: 50%;  width: 1px; height: 10px; background: #fff;  transform: scaleY(0);  animation: lineActiveAnimation 1.5s cubic-bezier(0.445,0.05,0.55,0.95) infinite; margin-left: -1px;}

/* main_visual */
.visual {position: relative;}
.visual .visual-bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; overflow: hidden;}
.visual .visual-bg::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.visual .visual-bg video {width: 100%; height: 100%; object-fit: cover;}
.visual .swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.visual .visual-txt {position: relative; text-align: center; color: #fff; text-shadow: 0px 0px 8px rgb(0 0 0 / 30%);}
.visual .visual-txt.tx1::before {content: ''; position: absolute; top: -136px; left: 50%; transform: translateX(-50%); width: 294px; height: 136px; background: url("/img/main/mv_img06.png") no-repeat center; background-size: cover;}
.visual .visual-txt.tx2::before {content: ''; position: absolute; top: -145px; left: 50%; transform: translateX(-50%); width: 98px; height: 135px; background: url("/img/main/mv_img07.png") no-repeat center; background-size: cover;}
.visual .visual-txt.tx2 span {position: absolute; top: -40px; left: 50%; transform: translateX(-50%); font-size: 24px; font-weight: 500; letter-spacing: 0.5rem; width: 100%;}
.visual .visual-txt.tx2 span strong {width: 138px; display: inline-block;}
.visual .visual-txt.tx3 ul {display: flex; justify-content: center; align-items: center;}
.visual .visual-txt.tx3 ul li {position: relative; display: flex; align-items: center; padding: 0 40px 0 20px;}
.visual .visual-txt.tx3 ul li:first-child {padding-left: 0;}
.visual .visual-txt.tx3 ul li:last-child {padding-right: 0;}
.visual .visual-txt.tx3 ul li::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 20px; height: 19px; background: url("/img/main/mv_img05.png") no-repeat center; background-size: cover;}
.visual .visual-txt.tx3 ul li:last-child::after {content: none;}
.visual .visual-txt.tx3 ul li img {height: 50px; margin-right: 10px;}
.visual .visual-txt.tx3 ul li:nth-child(4) img {height: 45px;} 
.visual .visual-txt.tx3 ul li:nth-child(5) img {height: 45px;} 
.visual .visual-txt.tx3 ul li span {font-size: 20px;}
.visual .visual-txt h2 {font-family: "Noto Serif KR", serif; font-weight: 600; font-size: 4rem; margin-bottom: 20px;}
.visual .visual-txt p {font-size: 20px; letter-spacing: 0.05rem; color: rgba(255, 255, 255, 0.8);}

.visual .swiper-slide-active .visual-txt.tx1::before {animation: fadeUpImg 0.5s both 0.5s;}
.visual .swiper-slide-active .visual-txt.tx2::before {animation: fadeUpImg2 0.5s both 0.5s;}
.visual .swiper-slide-active .visual-txt.tx2 span {animation: fadeUpTxt2 0.5s both 0.5s;}
.visual .swiper-slide-active .visual-txt.tx3 ul {animation: fadeUpTxt 0.5s both 0.5s;}
.visual .swiper-slide-active .visual-txt h2 {animation: fadeUpTxt 0.7s both 0.7s;}
.visual .swiper-slide-active .visual-txt p {animation: fadeUpTxt 1s both 1s;}

@keyframes fadeUpTxt {
    0% {transform: translateY(-30px); opacity: 0;}
    100% {transform: translateY(0px); opacity: 1;}
}

@keyframes fadeUpTxt2 {
    0% {top: -60px; opacity: 0;}
    100% {top: -40px; opacity: 1;}
}

@keyframes fadeUpImg {
    0% {top: -156px; opacity: 0;}
    100% {top: -136px; opacity: 1;}
}

@keyframes fadeUpImg2 {
    0% {top: -165px; opacity: 0;}
    100% {top: -145px; opacity: 1;}
}

.swiper {width: 100%;  height: 100%;}
.swiper-slide{background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}
.slide-inner{  position: absolute;  top:38%; width:100%;  margin: 0 auto; color: white;text-align:center; text-shadow:10px 10px 10px rgb(0, 0, 0, 0.2);}
.slide-inner>p.st01 {font-size:25px;}
.slide-inner>p.st01 span {text-align: left; background: url(/img/main/mv_img05.png) right 50% no-repeat; padding:0 50px 0 0; height:50px;display: inline-block;  margin-left:10px;}
.slide-inner>p.st01 span:nth-child(5) {background:none; margin-right:0px;}
.slide-inner>p.st01 span strong.mt_st01 {background: url(/img/main/mv_img01.png) 0 0 no-repeat;  padding:0 0 0 60px;}
.slide-inner>p.st01 span strong.mt_st02 {background: url(/img/main/mv_img02.png) 0 0 no-repeat;  padding:0 0 0 50px;}
.slide-inner>p.st01 span strong.mt_st03 {background: url(/img/main/mv_img03.png) 0 0 no-repeat;  padding:0 0 0 50px;}
.slide-inner>p.st01 span strong.mt_st04 {background: url(/img/main/mv_img04.png) 0 0 no-repeat;  padding:0 0 0 50px;}
.slide-inner>p.st01 span strong.mt_st05 {background: url(/img/main/mv_img08.png) 0 0 no-repeat;  padding:0 0 0 50px;}
.slide-inner>p.st01 span strong {text-align: left; height:45px;display: inline-block;font-size:1.5rem;}
.slide-inner>p.st02 {padding:15px 0;font-size:60px;font-weight:500;font-family: "Noto Serif KR", serif;}
.slide-inner>p.st03 {font-size:20px;font-weight:500; color: rgb(255, 255, 255, 0.6);}
.slide-inner>p.st04 {font-size:100px;font-weight:400; margin-top: -60px}
.slide-inner>p.st05 {font-size:20px;font-weight:400;font-family: "Archivo Black", sans-serif;}
.slide-inner>p.st05 span {display: inline-block;}
.slide-inner>p.st05 span.st01 {}
.slide-inner>p.st05 span.st02 {}
.slide-inner>p.st05 span.st02 img {margin-top:-50px; width:50px;}
.slide-inner>p.st05 span.st03 {}
.slide-inner>p.st06 {font-size:17px;font-weight:500; color: rgb(255, 255, 255, 1.0); margin-top:20px;}
.slide-inner>p.st07 {font-size:30px;font-weight:500; color: rgb(255, 255, 255, 1.0); margin-top:20px;}

.swiper-button-prev{  background: url(/img/main/arrow_left.png) no-repeat 50% 50%;border-radius: 50%;  border:1px solid #fff; width: 75px;  height: 75px;  top: 50%;  left: 7%;}
.swiper-button-next{  border-radius: 50%; border:1px solid #fff; background: url(/img/main/arrow_right.png) no-repeat 50% 50%; width: 75px;  height: 75px;  top: 50%; right: 7%;}

.swiper-button-next:after, .swiper-button-prev:after{opacity: 0;}
.swiper-pagination{  bottom: var(--swiper-pagination-bottom, 0) !important;  top: var(--swiper-pagination-top, 46.5%) !important;  z-index: 1;  position: absolute;  left: 218px !important;  width: 5% !important; display:none;  justify-content: space-between;  align-items: center;}
.swiper-pagination-bullet-active{ background-color: #fff !important;}



/* 센터 안내 */
.main_wrap {width: 100%; height: 100svh; padding-top: 90px; padding-top: 0;}
.main_wrap .bg_slide {display: flex ; position: relative; width: 100%; height: 100%; transition: all 0.3s ease-out;}
.main_wrap .bg_slide li { position: relative; left: 0; top: 0; width: 25%;height: 100%; overflow: hidden; transition: all 0.5s ease;}
.main_wrap .bg_slide li .link {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
.main_wrap .bg_slide li div.img {height: 100%; width: 100%; position: relative; transition: all 0.24s ease-out; }
/* .main_wrap .bg_slide li div.img::before { content: ""; position: absolute; left: 0 ; top: 0; width: 100%; height: 100%; background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 0%); z-index: 1; opacity: 0.5; transition: all 0.5s ease-out;} */
.main_wrap .bg_slide li:nth-child(1) div.img::before {}
.main_wrap .bg_slide li:nth-child(2) div.img::before {opacity: 0.4;}
/* .main_wrap .bg_slide li:nth-child(2) div.img img {scale: 1.9;} */
.main_wrap .bg_slide li:nth-child(1) div.img img {object-position: 38% 50%;}
.main_wrap .bg_slide li:nth-child(2) div.img img {object-position: 50% 50%;}    
.main_wrap .bg_slide li:nth-child(3) div.img img {object-position: 82% 50%;}
.main_wrap .bg_slide li:nth-child(4) div.img img {object-position: 55% 50%;}
.main_wrap .bg_slide li div.img img {width: 100%; height: 100%; object-fit: cover;}
.main_wrap .bg_slide li:hover { width: 80%;}
.main_wrap .bg_slide li:hover div.img::before {opacity: 0; }
.main_wrap .bg_slide li div.img::after { content: ""; position: absolute; left: 0 ; top: 0; width: 100%; height: 100%; opacity: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0) 0%); z-index: 1; opacity: 0; transition: all 0.4s ease-out; }
.main_wrap .bg_slide li:hover div.img::after {opacity: 1; ;} 


/* @keyframes main_bg_show01 {
    0%,100%{box-shadow:inset 0px 0px 230px #0040ff; ;} 50%{box-shadow: inset -150px 0px 230px #0040ff;;}} */

.main_wrap .bg_slide li div.text { position: absolute; left: 00%; top: 0; width: 100%; height: 100%; letter-spacing:0.8;display: flex; justify-content: center; flex-direction: column; color: #fff;  align-items: center; transition: all 0.236s ease-in-out; padding: 0;z-index: 2;  }
.main_wrap .bg_slide li div.text span {font-size:14px;font-weight: 500; padding-bottom:30px; text-transform: uppercase;}
.main_wrap .bg_slide li div.text strong {font-size:40px; padding: 0 0 0px 0; text-align: center; padding-bottom:30px;}
.main_wrap .bg_slide li div.text strong em { font-size: 28px; font-weight: 500;}
.main_wrap .bg_slide li div.text p.info {text-align: center; line-height: 1.7; margin-bottom:10px ; font-size:16px;  font-weight: 300;padding-bottom:150px; display:block;}
.main_wrap .bg_slide li div.text p.btn {}
.main_wrap .bg_slide li div.text p.btn a {padding:10px 25px; display:inline-block; color:#fff; border:1px solid #fff;border-radius: 30px; font-size:14px;}
.main_wrap .bg_slide li div.text .hide_txt { white-space:nowrap; }
.main_wrap .bg_slide li div.text .hide_txt .infotxt { line-height: 1.7; margin-bottom: 50px ; opacity: 0; transition: all 0.44s cubic-bezier(0.4, 0, 1, 1); transform: translateY(15px); color: #D6D6D6; font-weight: 300; font-size: 20px;}
.main_wrap .bg_slide li div.text .hide_txt a {color: #fff; display: flex; align-items: center; gap: 0 18px; font-weight: 500; opacity: 0; transition: all 0.44s cubic-bezier(0.4, 0, 1, 1); transition-delay: 0.1s; transform: translateY(15px); font-size: 16px;}
.main_wrap .bg_slide li div.text .hide_txt a svg line{stroke-width: 2px;}
.main_wrap .bg_slide li div.text > svg {display: none;}
.main_wrap .bg_slide li:hover div.text strong {text-align: left;}
.main_wrap .bg_slide li:hover div.text {   align-items: flex-start; padding-left: 80px;}
.main_wrap .bg_slide li:hover div.text p.info  {text-align: left;}
.main_wrap .bg_slide li:hover div.text p.btn a {padding:10px 25px; display:inline-block; color:#000; border:1px solid #fff; background-color:#fff; border-radius: 30px; font-size:14px;font-weight: 600;}
.main_wrap .bg_slide li:hover div.text .hide_txt .infotxt ,
.main_wrap .bg_slide li:hover div.text .hide_txt a {opacity: 1;  transform: translateY(0px);}
@keyframes main_svg_ani {
    0%,100%{transform: translateX(0);} 50%{transform: translateX(10px);}}
.main_wrap .bg_slide li:hover div.text .hide_txt a svg {animation: main_svg_ani 1.3s ease-out infinite forwards;}
@keyframes main_bg_slide_before {
    100%{height: 0; opacity: 0;}}
@keyframes main_bg_slide_text {
    100%{filter: blur(0px); letter-spacing: 1px;}}
.main_wrap .bg_slide li div.text {filter: blur(5px) ; letter-spacing: 10px; white-space: nowrap; animation: main_bg_slide_text 1s ease-in-out 1 forwards; text-shadow: 0px 0px 8px rgb(0 0 0 / 30%);}

.main_wrap .bg_slide li:nth-child(1):before{animation-delay: 0.2s;}
.main_wrap .bg_slide li:nth-child(2):before{animation-delay: 0.3s;}
.main_wrap .bg_slide li:nth-child(3):before{animation-delay: 0.4s;}
.main_wrap .bg_slide li:nth-child(4):before{animation-delay: 0.5s;}


.scroll_down {position: absolute; left: 50%; transform: translateX(-50%); bottom: 45px;z-index: 10;}
.scroll_down .box {background-color: #ffffff33; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; transform: rotate(45deg); position: relative; cursor: pointer; transition: all 0.25s ease-out;}  
.scroll_down .box svg{transform: rotate(-45deg);}
.scroll_down .box .arrow { position: absolute; color: #fff; font-size: 13px; }
.scroll_down .box .arrow01 {left: -3px; top: -3px; transform: rotate(-45deg);}
.scroll_down .box .arrow02 {right: -3px; top: -3px; transform: rotate(45deg);}
.scroll_down .box .arrow03 {left: -3px; bottom: -3px; transform: rotate(-135deg);}
.scroll_down .box .arrow04 {right: -3px; bottom: -3px; transform: rotate(135deg);}
@keyframes arrow_top_bottom {0%{transform:rotate(-45deg)  translateY(0px) ; opacity: 1;} 25%{transform: rotate(-45deg) translateY(20px); opacity: 0;}50%{transform:rotate(-45deg) translateY(-20px); opacity: 0;} 90%{transform:rotate(-45deg)  translateY(0px) ; opacity: 1;} 100%{transform:rotate(-45deg)  translateY(0px) ; opacity: 1;}}
.scroll_down:hover .box svg{animation: arrow_top_bottom 1s infinite forwards;}
.scroll_down:hover .box {background-color: #1b4c9b9e;}

/* */
.main_visual .main_slide_mo {overflow: hidden; height: 100%; display: none; position: relative;}
.main_visual .main_slide_mo .swiper-pagination{bottom: 170px ; top: auto ; left: auto ; right: auto; display: flex; gap: 0 20px; justify-content: center;}
.main_visual .main_slide_mo .swiper-pagination .swiper-pagination-bullet {margin: 0; opacity: .2; width: 15px; height: 15px; background-color: #fff;}
.main_visual .main_slide_mo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
.main_visual .main_slide_mo .swiper-slide {height: 100%;}
.main_visual .main_slide_mo .swiper-slide .img {height: 100%; position: relative; width: 100%;}
.main_visual .main_slide_mo .swiper-slide .img img {height: 100%; object-fit: cover; width: 100%;}
.main_visual .main_slide_mo .swiper-slide.slide01 .img img {object-position: 40% 50%;}
.main_visual .main_slide_mo .swiper-slide.slide03 .img img {object-position: 80% 50%;}
.main_visual .main_slide_mo .swiper-slide .text {position: absolute; left: 0; top: -12% ;width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: column ; justify-content: center; color: #fff; padding: 0 20px; gap: 35px 0;}
.main_visual .main_slide_mo .swiper-slide .text strong {font-size: 60px; opacity: 0; transform: translateY(50px); }
.main_visual .main_slide_mo .swiper-slide .text strong em { font-size: 34px; font-weight: 400;}
.main_visual .main_slide_mo .swiper-slide .text .hide_txt {font-size: 22px; color: #D6D6D6; line-height: 1.4;}
.main_visual .main_slide_mo .swiper-slide .text .hide_txt .infotxt{margin-bottom: 50px; opacity: 0; transform: translateY(50px); word-break: keep-all; }
.main_visual .main_slide_mo .swiper-slide .text .hide_txt a {font-size: 20px; color: #fff; display: flex; gap: 0 15px ; align-items: center; font-weight: 600; opacity: 0; transform: translateY(50px); }
.main_visual .main_slide_mo .swiper-slide .text .hide_txt a svg {width: 19px; height: 6px;}
.main_visual .main_slide_mo .swiper-slide .text .line {    width: 25px; height: 1px; background: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(255, 255, 255, 0.30575980392156865) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.2) 100%); display: none;}

.main_visual .main_slide_mo .swiper-slide .img::before { content: ""; position: absolute; left: 0 ; top: 0; width: 100%; height: 100%;  z-index: 1; background-color: rgba(0,0,0,0.5);}
@keyframes mo_main_anim01 {0%{opacity: 0; transform: translateY(30px);} 100%{opacity: 1; transform: translateY(0);}}
.main_visual .main_slide_mo .swiper-slide-active .text strong ,
.main_visual .main_slide_mo .swiper-slide-active .text .hide_txt a,
.main_visual .main_slide_mo .swiper-slide-active .text .hide_txt .infotxt {animation: mo_main_anim01 1.2s ease-in-out 1 forwards;}

.main_visual .main_slide_mo .swiper-slide-active .text .hide_txt .infotxt  {animation-delay: 0.1s;}
.main_visual .main_slide_mo .swiper-slide-active .text .hide_txt a  {animation-delay: 0.2s;}
.main_visual .main_slide_mo .swiper-slide .text > svg {display: none;}


/*구성원소개*/
#section03 {position: relative; background-color: #575048; overflow:hidden; z-index: 1;}
#section03::before {content: ''; position: absolute; top: 50%; right: 100px; transform: translateY(-50%); width: 600px; height: 827px; background: url("/img/main/logo-240920.svg") no-repeat center; background-size: cover; opacity: 0.1;}
.m_law_W {margin:0 auto; min-width:1200px; max-width:1400px; width:100%;display:flex; overflow:hidden;}
.m_law_le {width:10%; }
.m_law_cen {width:80%; bottom:0;}
.m_law_ri {width:10%;  text-align:right;}
.m_lawyer_con {position: relative; height:100vh;}
.ml_bg01 {background: url(/img/sub/lawyer_img01.png) no-repeat right 120px; background-size: 550px;}
.ml_bg02 {background: url(/img/sub/lawyer_img02.png) no-repeat right 120px; background-size: 550px;}
.ml_bg03 {background: url(/img/sub/lawyer_img03.png) no-repeat right 120px; background-size: 550px;}
.ml_bg04 {background: url(/img/sub/lawyer_img04.png) no-repeat right 120px; background-size: 550px;}
.ml_bg05 {background: url(/img/sub/lawyer_img05.png) no-repeat right 120px; background-size: 550px;}
.ml_bg06 {background: url(/img/sub/lawyer_img06.png) no-repeat right 120px; background-size: 550px;}
.ml_bg07 {background: url(/img/sub/lawyer_img07.png) no-repeat right 120px; background-size: 550px;}
.m_lawyer_info { color:#fff;  padding:20% 0 0 0;}
.m_lawyer_info .m_lawyer_info01 {font-size:50px;font-weight:300;background: url(/img/main/main_line01.png) no-repeat 0 bottom; padding-bottom:35px; margin-bottom:35px;}
.m_lawyer_info .m_lawyer_info01 strong {font-weight:600;}
.m_lawyer_info .m_lawyer_info02 {font-size:30px;font-weight:500;}
.m_lawyer_info .m_lawyer_info03 {font-size:18px;font-weight:300; margin:20px 0;}
.m_lawyer_info .m_lawyer_info04 {}
.m_lawyer_info .m_lawyer_info04 span {display:inline-block; border:1px solid #fff;border-radius:20px; padding:5px 20px; margin:0 5px 5px 0; font-size:15px;}
.m_lawyer_info .m_lawyer_info05 {position: relative; display: inline-block; margin-top: 50px; color: #fff;}
.m_lawyer_info .m_lawyer_info05 p {width: 0; height: 50px; line-height: 50px; overflow: hidden; font-size: 17px; transition: all 0.5s;}
.m_lawyer_info .m_lawyer_info05 span {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #000; background: #fff; font-size: 24px; transition: all 0.5s;}
.m_lawyer_info .m_lawyer_info05:hover p {width: 100px;}
.m_lawyer_info .m_lawyer_info05:hover span {left: 100px; background: #b89765; color: #fff;}
/* .m_lawyer_info .m_lawyer_info05 {margin-top:50px;background: url(/img/main/btn_bg02.png) no-repeat 0 0; color:#fff; height:66px; display:inline-block; padding:15px 0 0 50px;} */
/* .m_lawyer_info .m_lawyer_info05  p span {background: url(/img/main/btn_bg03.png) no-repeat right 50%;display:inline-block;font-size:15px;font-weight:500; padding:5px 30px 0 0;} */



.solution-list-controls{ position:relative; top:50%; }
.solution-list-controls button{position:relative; color:#222; font-size:1.3em; width:60px; height:60px; border:1px solid #fff; border-radius:50%; }
.solution-list-controls button.slick-disabled{opacity:0.25; cursor:default;}


/* ******************  메인 :: 뉴스 & 퀵메뉴 ********************** */
#section05 {background:#fff url(/img/main/sec_bg05.png) 0 0 repeat-x;}
.m_banner {display:flex; width:100%;justify-content: space-between;}
.m_banner-tit-box {width:30%;}
.m_b_tit {}
.m_b_tit p.tit {ont-weight:400; font-family: "Archivo Black", sans-serif; font-size: 60px;}
.m_b_tit p.txt {}
.m_banner-list-con {width:70%; padding:0 0 0 100px;}
.m_banner-list-con .slick-slide{display:inline-block;}
.main-news-list-con {}
.main-news-list-con ul {display:flex;width:100%;}
.main-news-list-con li {width:20%;display:inline-block; padding:30px 20px;}
.main-news-list-con li img {width:70%;}
.main-news-list ul {background:#384874; width:100%;flex-direction: row; flex-wrap: nowrap; align-content: space-between; justify-content: right;}
.main-news-list ul li {width:100%; padding:20px 50px;display:inline-block;  justify-content: center; text-align:right;}
.slick-initialized .slick-slide {display:inline-block;}
.main-news-list-controls ul { align-items:center; height:28px;}
.main-news-list-controls .total-page-btn{color:#212121; letter-spacing:-0.35px; font-size:0.89em; transition:all 0.3s}
.main-news-list-controls .total-page-btn:hover{color:#00b0ec;}
.main-news-list-controls .news-controls{position:relative;  padding-top:50px;}
.main-news-list-controls button{position:relative; color:#222; border:1px solid #ddd; border-radius:50%; width:60px; height:60px; font-size:1.3em; margin-left:0.5em;}
.main-news-list-controls button.slick-disabled{opacity:0.25; cursor:default;}





/*승소사례*/
.top02 {width: 100%; display: flex;  color: #000;position: relative; align-items: center; justify-content: space-between;}
.top02_le {}
.top02_ri {margin-top: 50px;}
.top02_le h4{font-weight:700; font-size: 60px;  margin-bottom:5px; padding-right:15px; display:inline-block;}
.top02_le p{font-size: 1rem;  opacity: 0.7;  display:inline-block; color:#666;}
.top02_ri a { border-radius: 30px; border:1px solid #a1a1a1;font-size:15px;   display:inline-block; color:#000; padding:10px 30px;font-weight:400;}
.top02_ri a:hover {background: #000; color: #fff;}

.top03 {width: 100%; color: #fff;position: relative; }
.top03_le { float:left;}
.top03_ri {float:right;}
.top03_le h4{font-weight:700;font-size: 60px;  margin-bottom:5px; padding-right:15px; display:inline-block;}
.top03_le p{font-size: 1rem;  opacity: 0.7;  display:block; color:#ddd; padding-top:5px;}
.top03_ri a { border-radius: 30px; border:1px solid #a1a1a1;font-size:14px;   display:inline-block; color:#fff; padding:10px 30px;font-weight:600;}

.success02{ background:#cfd3de;width: 100%;  height: 100%;}
.success02-in{max-width: 1600px;  position: relative;  top:55%;left: 50%;  transform: translate(-50%, -50%);  display: flex;flex-direction: column; justify-content: center; align-items: center;}
.success02-in .top{position: relative; width: 100%; color: #fff; }
.success02-in .top>h4{font-weight:400; font-family: "Archivo Black", sans-serif; font-size: 60px;  margin-bottom:5px;}
.success02-in .top>p{font-size: 1rem;  opacity: 0.7; }
.success02-in .slick-prev {display:none;position: absolute; right:70px; top:50%; z-index:-100000000001; margin-top:-330px;  border-radius: 50%; border:1px solid #fff;font-size:0;  background: url(/img/main/arrow_left02.png) no-repeat 50% 50%; width:60px;  height:60px;}
.success02-in .slick-next  {position: absolute;right:0; top:50%; z-index:1; margin-top:-330px; border:1px solid #fff; border-radius: 50%;background: url(/img/main/arrow_right02.png) no-repeat 50% 50%; width:60px;  height:60px;font-size:0; }
.success02-in .slick-prev,
.success02-in .slick-next {background: none;}
.success02-in .auto{overflow:hidden; margin-top:50px; padding-bottom:20px; display: flex; align-items: center; justify-content: space-between; transition: transform 0.5s ease; max-width: calc(100%);}
.success02-in .auto .win_box {box-shadow:10px 10px 10px rgb(0, 0, 0, 0.2); border:1px solid #fff; background:#fff ; position: relative;border-radius: 30px;overflow: hidden; width:33.3333333%;box-sizing: border-box;cursor: pointer; height:400px;}


.success02-in .auto .boxx{ box-shadow:10px 10px 10px rgb(0, 0, 0, 0.2); border:1px solid ##384874; background:#d8dfe9 ; position: relative;border-radius: 30px;overflow: hidden; width:25%;box-sizing: border-box;cursor: pointer; height:450px;}
.success02-in .auto .boxx .text{position: absolute; color:#fff;background:#384874 url(/img/main/bbs_bg01.png) repeat-x 0 0; top: 0%;  left: 0%; transform: translate(-0%,-0%);  height:450px; text-align:center; width: 100%;z-index: 2;opacity: 1;}
.success02-in .auto .boxx .text>p.st01{font-size: 15px;margin-bottom:5px; padding-top:70px;}
.success02-in .auto .boxx .text>p.st02{font-size: 25px;margin-bottom:30px; padding-bottom:30px; font-weight:300;background:url(/img/main/bbs_line01.png) no-repeat 50% bottom;}
.success02-in .auto .boxx .text>p.st02 span {font-size: 35px;margin-bottom:15px;font-weight:600;}
.success02-in .auto .boxx .text>p.st03{font-size: 20px;margin-bottom:15px;font-weight:500;font-family: "Noto Serif KR", serif;}
.success02-in .auto .boxx .text>p.st04{margin-bottom:50px;}
.success02-in .auto .boxx .text>p.st04 span { background:url(/img/main/btn_bg01.png) no-repeat right 50%; display:inline-block; padding:20px 60px 0 0; height:45px;font-size: 14px; font-weight: 600;}

.success02-in .auto .boxx:hover .text.hover {opacity: 1;}
.success02-in .auto .boxx .hover-img{display: block;  width: 100%;  object-fit: cover;opacity: 1; transition: opacity 0.3s ease;}
.success02-in .auto .boxx:hover .hover-img{opacity: 1;}

.win_list {width:100%;max-width: 1600px;  position: relative; margin-top:50px;}
.win_list ul li {width:31%; float:left;}
.win_list ul li:nth-child(1) {margin-right:1.5%;}
.win_list ul li:nth-child(2) {margin:0 1.5%;}
.win_list ul li:nth-child(3) {margin-left:1.5%;}
.win_list ul li  .win_box {  width:100%;  height:400px; border-radius:50px;background:#fff; border:1px solid #a8afc1;}
.win_list ul li  .win_box .text p.st01 {font-size:20px;padding:70px 50px 15px 50px; color:#b89765; font-weight: 600;}
.win_list ul li  .win_box .text p.st02 {font-size:30px;padding:0px 50px 15px 50px; font-weight: 600;}
.win_list ul li  .win_box .text p.st03 {font-size:17px;padding:0px 50px 15px 50px;color:#888;}
.win_list ul li  .win_box:hover {background:#b89765 url(/img/main/bbs_bg02.png) no-repeat right 330px; }
.win_list ul li  .win_box:hover .text p {color:#fff;}

/*문의하기*/
#section08 {background:url(/img/main/main_bg05.png) repeat 0 0;}
.contact_W {background:url(/img/main/main_bg06.png) no-repeat right 0;width: 100%; /*border:1px solid #000;*/ top:0;position: relative; height: 100%; }
.contact{width: 100%; margin-top:15%;}
.contact-in{max-width: 1600px; display: flex; margin: 0 auto;}
.contact-in .left{width: 20%; color:#fff;}
.contact-in .left>h4{font-weight:700; font-size: 60px;  margin-bottom:5px; }
.contact-in .left>p{font-size: 0.9rem;  opacity: 0.7;  display:inline-block;}
.contact-in .right{padding-left:100px; position: relative; width:80%; overflow: hidden; }

.m_counsel_table div { color: #fff; overflow:hidden; }
.m_counsel_table > ul {display: flex; flex-wrap: wrap; gap: 10px 20px ;}
.m_counsel_table > ul > li {position: relative; flex-basis: 100%;}
.m_counsel_table > ul > li::before {content: '*'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #fff;}
.m_counsel_table > ul > li.bl::before {content: '*'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #000;}
.m_counsel_table > ul > li.ls::before {content: none;}
.m_counsel_table > ul > li.lt::before {top: 17%;}
.m_counsel_table .office span {margin-right:20px; display:inline-block;}
.m_counsel_table .cate { font-size:0.9rem; color: #fff; font-weight:500; margin-bottom: 20px; position: relative; width: fit-content;}
.m_counsel_table .cate em { background-color: #F62525; width: 6px; height: 6px; border-radius: 100%; display: inline-block; position: absolute; right: -11px; top: 22px;}
.m_counsel_table .td02 {flex-basis: calc(50% - 40px); }
.m_counsel_table .td03 {flex-basis: calc(33.33% - 40px); }
.m_counsel_table .cate {margin-bottom: 0; height: 60px; display: flex; align-items: center;}
.m_counsel_table input[type="text"] {height: 60px; border-bottom: 1px solid #E9E9E9; border-top:none;background:none; border-right:none; border-left:none; font-family: inherit; font-size: inherit; font-weight: inherit; color: #fff; width: 100%; padding-bottom: 0px; padding: 0 15px;}
.m_counsel_table .td02 input[type="text"] {height: 60px;}
.m_counsel_table textarea {font-size: inherit; font-family: inherit; font-weight: inherit; padding: 10px 20px !important;}
.m_counsel_table textarea::placeholder ,
.m_counsel_table input[type="text"]::placeholder {color: #9C9C9C; font-family: inherit; font-size: inherit; font-weight: inherit;}
.m_counsel_table .section div ul { display: flex; height: 60px; align-items: center;}
.m_counsel_table .section div ul li { display: flex; align-items: center;  color: #fff;  padding-right:30px;}
.m_counsel_table [type="radio"],
.m_counsel_table [type="checkbox"] {appearance: none;border-radius: 100%;width: 20px;height: 20px;transition: all 0.2s ease-in-out;background-color:#FBFBFB;border: 1px solid #DBDBDB; position: relative; cursor: pointer;}
.m_counsel_table [type="radio"]:checked ,
.m_counsel_table [type="checkbox"]:checked {background-color: #b89765; border-color: #b89765;}
.m_counsel_table [type="radio"]:checked + label,
.m_counsel_table [type="checkbox"]:checked + label {color: #b89765; display:inline-block;}
.m_counsel_table [type="radio"]:checked::before,
.m_counsel_table [type="checkbox"]:checked::before {opacity: 1;}
.m_counsel_table [type="radio"] + label,
.m_counsel_table [type="checkbox"] + label {cursor: pointer; padding-left: 10px; color: #fff;}
.m_counsel_table [type="radio"]::before ,
.m_counsel_table [type="checkbox"]::before { content: "\e929"; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); opacity: 0; font-size: 0px;}  
.m_counsel_table .radio_box input[type="radio"] {margin-right: 10px;}
.m_counsel_table .radio_box input[type="text"] {width: 140px;}
.m_counsel_table .radio_box input::placeholder { color: #fff; }
.m_counsel_table textarea { width: calc(100% - 60px); overflow:auto;  height: 120px; background:none;color:#fff; border-bottom: 1px solid #E9E9E9; border-top:none; border-right:none; border-left:none;  padding: 10px 10px;}
.m_counsel_table input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.m_counsel_table .file_box{display: flex; align-items: center; color: #fff; font-size: 14px; font-weight: 500;flex-wrap: wrap; gap: 10px 0; line-height: 1.6; word-break: keep-all;}
.m_counsel_table .select002{width: 100%;font-weight: 400;  height: 60px; background:none; border-bottom: 1px solid #E9E9E9; border-top:none; border-right:none; border-left:none; padding: 0px 0 0px 15px !important;  font-size: 16px;}
.m_counsel_table .select002 ::placeholder{font-size: 16px; color: #ccc; }
.m_counsel_table .spam input {padding-left: 20px; width: 455px;}
.m_counsel_table .check .check_txt {background-color: #FBFBFB; border: 1px solid #DBDBDB; padding:28px 30px; line-height: 1.6; color: #fff; margin-bottom: 10px;}
.m_counsel_table .check .check_input {display: flex; justify-content: flex; margin-bottom: 60px; align-items: center;}
.m_counsel_table .check .check_txt p:nth-child(1) {margin-bottom: 25px;}
.m_counsel_table .inquiry_btn {  display: flex; align-items: center; font-size:18px; padding:12px 70px 12px 30px;justify-content: center; color: #fff;  background:#b89765 url(/img/main/arrow_right03.png) no-repeat right 50%; ; border-radius:30px; cursor: pointer;position: relative; overflow: hidden;}
.m_counsel_table .inquiry_btn p {z-index: 2;}
.m_counsel_table .inquiry_btn::before {z-index: 1;;content: ""; position: absolute;background-color: #b89765; border-radius: 100%; width: 200px; height: 200px; scale: 0; transition: all 0.8s cubic-bezier(0.39, 0.58, 0.11, 1.26);}
.m_counsel_table .inquiry_btn:hover::before {scale: 1;}


/*06*/
#section06 {position: relative; background:#000 url(/img/main/sec_bg06.png) no-repeat 0 50%; overflow:hidden;background-size:100%;}
.m_press_W {max-width: 1600px; margin: 0 auto;  display: flex; justify-content: space-between; align-items: center;}
.m_press_le {width:30%;}
.m_press_le_con {color:#fff;}
.m_press_le_con p.tit{font-weight:700;  font-size: 60px;  margin-bottom:5px; }
.m_press_le_con p.txt02 {font-size: 1.5rem;  display:block; padding:0 0 15px 0;}
.m_press_le_con p.txt{font-size: 1rem;  opacity: 0.7;  display:block;}
.m_press_le_con p.btn {display:block; margin-top:50px;}
.m_press_le_con p.btn a {border-radius: 30px; border:1px solid #fff;font-size:15px;   display:inline-block; color:#fff; padding:10px 30px;font-weight:400;}
.m_press_le_con p.btn a:hover {background: #fff; color: #222;}
.m_press_ri {width:70%;}
.m_press_ri_con {display: flex;}
.m_press_box {width:380px; height:500px; background:#fff;border-radius:20px; margin-bottom:20px;}

.m_press_W .m_press_list {position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100vh; overflow: hidden; width: 50vw; padding-right: 5%; box-sizing: border-box; display: flex; justify-content: space-between;}
.m_press_W .m_press_list ul {width: calc(100% / 2 - 20px); height: 3596.4px; animation: moveIMG 30s linear infinite;}
.m_press_W .m_press_list ul:nth-child(2) {margin-top: -100px;}
.m_press_W .m_press_list ul li {width: 100%; margin-bottom: 30px; border-radius: 15px; overflow: hidden;}
.m_press_W .m_press_list ul li:last-child {margin-bottom: 0;}
.m_press_W .m_press_list ul li img {width: 100%;}

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

/*07*/
#section07 {background:#26355d;}
.business-in{ max-width: 1600px; margin: 0 auto;  display: flex;  flex-direction: column;}
.business-in .bottomarea{display: flex; overflow: visible; transition: transform 0.5s ease; margin-top:50px;}
.business-in .top03 .top03_ri .but #leftbtn { width: 60px; height: 60px;   border:1px solid #fff;  cursor: pointer;  border-radius:50%; display:inline-block; background:none; color:#fff; font-size:18px;}
.business-in .top03 .top03_ri .but #rightbtn{width: 60px; height: 60px;  border: 1px solid #fff; cursor: pointer; border-radius:50%;display:inline-block; background:none; color:#fff; font-size:18px;}
.business-in .top03 .top03_ri .but #leftbtn:hover { background:#fff; color:#000;}
.business-in .top03 .top03_ri .but #rightbtn:hover {background:#fff; color:#000;}
.business-in .bottomarea .boxTT{ position: relative;  flex: 0 0 auto; padding:60px 30px;
width: calc(100% / 5 - 20px); /* 5개 요소가 보이도록 조정 */ 
margin: 0 20px; box-sizing: border-box;  transition: transform 0.5s ease;  border-radius:20px; height: 20%; cursor: pointer; height:400px;}
.business-in .bottomarea .kn_bg01 {background: url(/img/main/kn_bg01.png);}
.business-in .bottomarea .kn_bg02 {background: url(/img/main/kn_bg02.png);}
.business-in .bottomarea .kn_bg03 {background: url(/img/main/kn_bg03.png);}
.business-in .bottomarea .kn_bg04 {background: url(/img/main/kn_bg04.png);}
.business-in .bottomarea .kn_bg05 {background: url(/img/main/kn_bg05.png);}
.business-in .bottomarea .kn_bg06 {background: url(/img/main/kn_bg06.png);}
.business-in .bottomarea .boxTT>img{ display: block; width: 100%; object-fit: cover;height: 100%;}
.business-in .bottomarea .boxTT p {}
.business-in .bottomarea .boxTT p.cate {padding-bottom:20px;}
.business-in .bottomarea .boxTT p.cate span {color:#000; background:#fff; padding:5px 10px; font-size:15px; display:inline-block;border-radius: 20px; }
.business-in .bottomarea .boxTT p.tit {color:#fff; font-size:25px;font-weight:600;}
.business-in .bottomarea .boxTT p.txt {color:#fff; font-size:16px;font-weight:400;}
.business-in .bottomarea .boxTT:hover {background:#fff;}
.business-in .bottomarea .boxTT:hover p.cate span {color:#fff; background:#26355d; padding:5px 10px; font-size:15px; display:inline-block;border-radius: 20px; }
.business-in .bottomarea .boxTT:hover p.tit {color:#000; font-size:25px;font-weight:600;}
.business-in .bottomarea .boxTT:hover p.txt {color:#777; font-size:16px;font-weight:400;}
/*
.business-in .bottomarea .boxTT .text{ width: 90%;  position: absolute;  top: 64%;  left: 5%;  z-index: 2;opacity:0.0;}
.business-in .bottomarea .boxTT:hover  .text{opacity:1; width: 90%;  position: absolute;  top: 0%;  left: 5%;  z-index: 2; color:#000;}
.business-in .bottomarea .boxTT::after{  content: "";  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;  opacity:0.0;   pointer-events: none;  transition: opacity 1s ease; z-index: 1;  border-radius: 20px;  box-sizing: border-box;}
.business-in .bottomarea .boxTT:hover::after{opacity: 1;}
*/



@media only screen and (max-width: 801px) {

section {height: 100vh;}
section.fp-auto-height {height: auto;}

/* 240930 추가 */

/*******************************메인********************************/
.loop-img{ position: absolute;  z-index: 2; top: 28%; left: 30%;
    animation-name: loop;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-timing-function: linear;}
#scroll_down {  bottom: 50px;}
#scroll_down .txt { font-size: 12px;  margin-bottom: 10px;  display: block;}
#scroll_down .fig {width: 25px; height: 39px;  position: relative;  border: 1px solid #fff;  border-radius: 25px; margin: 0 auto;}
#scroll_down .fig:after { display: inline-block;  content: ""; position: absolute; top: 8px;  left: 50%;  width: 1px; height: 10px; background: #fff;  transform: scaleY(0);  animation: lineActiveAnimation 1.5s cubic-bezier(0.445,0.05,0.55,0.95) infinite; margin-left: -1px;}

/* main_visual */
.visual {position: relative;}
.visual .visual-bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; overflow: hidden;}
.visual .visual-bg::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.visual .visual-bg video {}
.visual .swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.visual .visual-txt {position: relative; text-align: center; color: #fff; text-shadow: 0px 0px 8px rgb(0 0 0 / 30%);}
.visual .visual-txt.tx1::before {content: ''; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 180px; height:84px; }
.visual .visual-txt.tx2::before {content: ''; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 50px; height: 69px;}
.visual .visual-txt.tx2 span {position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size:13px; font-weight: 500; letter-spacing: 0.3rem; width: 100%;}
.visual .visual-txt.tx2 span strong {width:5px; display: inline-block;}
.visual .visual-txt.tx3 ul {display: flex; justify-content: center; align-items: center;flex-wrap: wrap; margin-bottom:20px;}
.visual .visual-txt.tx3 ul li {position: relative; display: flex; align-items: center; padding: 0 10px 0 10px;}
.visual .visual-txt.tx3 ul li::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width:7px; height: 7px; background: url("/img/main/mv_img05.png") no-repeat center; background-size: cover;}
.visual .visual-txt.tx3 ul li:last-child::after {content: none;}
.visual .visual-txt.tx3 ul li img {height: 30px; margin-right: 10px;}
.visual .visual-txt.tx3 ul li span {font-size: 15px; display:none;}
.visual .visual-txt h2 { font-size:25px; margin-bottom: 20px; padding:0 10px;}
.visual .visual-txt p {font-size:14px; padding:0 10px;}

@keyframes fadeUpTxt {
    0% {transform: translateY(-30px); opacity: 0;}
    100% {transform: translateY(0px); opacity: 1;}
}

@keyframes fadeUpTxt2 {
    0% {top: -60px; opacity: 0;}
    100% {top: -20px; opacity: 1;}
}

@keyframes fadeUpImg {
    0% {top: -120px; opacity: 0;}
    100% {top: -100px; opacity: 1;}
}

@keyframes fadeUpImg2 {
    0% {top: -120px; opacity: 0;}
    100% {top: -100px; opacity: 1;}
}

.swiper {width: 100%;  height: 100%;}
.swiper-slide{background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}
.slide-inner{  position: absolute;  top:38%; width:100%;  margin: 0 auto; color: white;text-align:center; text-shadow:10px 10px 10px rgb(0, 0, 0, 0.2);}
.slide-inner>p.st01 {font-size:25px;}
.slide-inner>p.st01 span {text-align: left; background: url(/img/main/mv_img05.png) right 50% no-repeat; padding:0 50px 0 0; height:50px;display: inline-block;  margin-left:10px;}
.slide-inner>p.st01 span:nth-child(5) {background:none; margin-right:0px;}
.slide-inner>p.st01 span strong.mt_st01 {background: url(/img/main/mv_img01.png) 0 0 no-repeat;  padding:0 0 0 60px;}
.slide-inner>p.st01 span strong.mt_st02 {background: url(/img/main/mv_img02.png) 0 0 no-repeat;  padding:0 0 0 50px;}
.slide-inner>p.st01 span strong.mt_st03 {background: url(/img/main/mv_img03.png) 0 0 no-repeat;  padding:0 0 0 50px;}
.slide-inner>p.st01 span strong.mt_st04 {background: url(/img/main/mv_img04.png) 0 0 no-repeat;  padding:0 0 0 50px;}
.slide-inner>p.st01 span strong.mt_st05 {background: url(/img/main/mv_img08.png) 0 0 no-repeat;  padding:0 0 0 50px;}
.slide-inner>p.st01 span strong {text-align: left; height:45px;display: inline-block;font-size:1.5rem;}
.slide-inner>p.st02 {padding:15px 0;font-size:60px;font-weight:500;font-family: "Noto Serif KR", serif;}
.slide-inner>p.st03 {font-size:20px;font-weight:500; color: rgb(255, 255, 255, 0.6);}
.slide-inner>p.st04 {font-size:100px;font-weight:400; margin-top: -60px}
.slide-inner>p.st05 {font-size:20px;font-weight:400;font-family: "Archivo Black", sans-serif;}
.slide-inner>p.st05 span {display: inline-block;}
.slide-inner>p.st05 span.st01 {}
.slide-inner>p.st05 span.st02 {}
.slide-inner>p.st05 span.st02 img {margin-top:-50px; width:50px;}
.slide-inner>p.st05 span.st03 {}
.slide-inner>p.st06 {font-size:17px;font-weight:500; color: rgb(255, 255, 255, 1.0); margin-top:20px;}
.slide-inner>p.st07 {font-size:30px;font-weight:500; color: rgb(255, 255, 255, 1.0); margin-top:20px;}

.swiper-button-prev{  background: url(/img/main/arrow_left.png) no-repeat 50% 50%;border-radius: 50%;  border:1px solid #fff; width: 75px;  height: 75px;  top: 50%;  left: 7%;}
.swiper-button-next{  border-radius: 50%; border:1px solid #fff; background: url(/img/main/arrow_right.png) no-repeat 50% 50%; width: 75px;  height: 75px;  top: 50%; right: 7%;}

.swiper-button-next:after, .swiper-button-prev:after{opacity: 0;}
.swiper-pagination{  bottom: var(--swiper-pagination-bottom, 0) !important;  top: var(--swiper-pagination-top, 46.5%) !important;  z-index: 1;  position: absolute;  left: 218px !important;  width: 5% !important; display:none;  justify-content: space-between;  align-items: center;}
.swiper-pagination-bullet-active{ background-color: #fff !important;}



/* 센터 안내 */
.main_wrap {width: 100%; height: 100vh;}
.main_wrap .bg_slide {display: flex ; flex-wrap: wrap; width: 100%; height:100%; transition: all 0.3s ease-out; flex-direction: column; /*bottom:10%;justify-content: flex-end;  padding-top: 18%;*/}
.main_wrap .bg_slide li { position: relative; left: 0; top: 0; width: 50%;height: 50%; overflow: hidden; transition: all 0.5s ease;}
.main_wrap .bg_slide li .link {width: 50%; height: 50%; position: absolute; left: 0; top: 0; z-index: 5;}
.main_wrap .bg_slide li div.img {height: 100%; width: 100%; position: relative; transition: all 0.24s ease-out; }

.main_wrap .bg_slide li:hover { width:50%;}
.main_wrap .bg_slide li:hover div.img::before {opacity: 0; }
.main_wrap .bg_slide li div.img::after { content: ""; position: absolute; left: 0 ; top: 0; width: 100%; height: 100%; opacity: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0) 0%); z-index: 1; opacity: 0; transition: all 0.4s ease-out; }
.main_wrap .bg_slide li:hover div.img::after {opacity: 1; ;} 


.main_wrap .bg_slide li div.text { position: absolute; left: 00%; top: 0; width: 100%; height: 100%; letter-spacing:0.8; }
.main_wrap .bg_slide li div.text span {display:none;}
.main_wrap .bg_slide li div.text strong {font-size:20px; padding: 0 0 0px 0; text-align: center; padding-bottom:5px;}
.main_wrap .bg_slide li div.text strong em { font-size: 20px; font-weight:400;}
.main_wrap .bg_slide li div.text p.info { display:none;line-height: 1.2; margin-bottom:0px ; font-size:13px;;padding:0px 20px; }
.main_wrap .bg_slide li div.text p.btn {margin-top:10px;}
.main_wrap .bg_slide li div.text p.btn a {padding:5px 15px; display:inline-block; color:#fff; border:1px solid #fff;border-radius: 30px; font-size:12px;}
.main_wrap .bg_slide li div.text .hide_txt { white-space:nowrap; }
.main_wrap .bg_slide li div.text .hide_txt .infotxt { line-height: 1.7; margin-bottom: 50px ; opacity: 0; transition: all 0.44s cubic-bezier(0.4, 0, 1, 1); transform: translateY(15px); color: #D6D6D6; font-weight: 300; font-size: 20px;}
.main_wrap .bg_slide li div.text .hide_txt a {color: #fff; display: flex; align-items: center; gap: 0 18px; font-weight: 500; opacity: 0; transition: all 0.44s cubic-bezier(0.4, 0, 1, 1); transition-delay: 0.1s; transform: translateY(15px); font-size: 16px;}
.main_wrap .bg_slide li div.text .hide_txt a svg line{stroke-width: 2px;}
.main_wrap .bg_slide li div.text > svg {display: none;}
.main_wrap .bg_slide li:hover div.text {justify-content: center; padding-left: 0; align-items: center;}
/* .main_wrap .bg_slide li:hover div.text strong {text-align: left;} */
/* .main_wrap .bg_slide li:hover div.text {   align-items: flex-start; padding-left: 80px;} */
/* .main_wrap .bg_slide li:hover div.text p.info  {text-align: left;} */
/* .main_wrap .bg_slide li:hover div.text p.btn a {padding:10px 25px; display:inline-block; color:#000; border:1px solid #fff; background-color:#fff; border-radius: 30px; font-size:14px;font-weight: 600;} */
/* .main_wrap .bg_slide li:hover div.text .hide_txt .infotxt , */
/* .main_wrap .bg_slide li:hover div.text .hide_txt a {opacity: 1;  transform: translateY(0px);} */
@keyframes main_svg_ani {
    0%,100%{transform: translateX(0);} 50%{transform: translateX(10px);}}
.main_wrap .bg_slide li:hover div.text .hide_txt a svg {animation: main_svg_ani 1.3s ease-out infinite forwards;}
@keyframes main_bg_slide_before {
    100%{height: 0; opacity: 0;}}
@keyframes main_bg_slide_text {
    100%{filter: blur(0px); letter-spacing: 1px;}}
/* .main_wrap .bg_slide li::before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color:#1c4d9bad;z-index: 1; animation: main_bg_slide_before 0.75s ease-in 1 forwards;} */
.main_wrap .bg_slide li div.text {filter: blur(5px) ; letter-spacing: 10px; white-space: nowrap; animation: main_bg_slide_text 1s ease-in-out 1 forwards; text-shadow: 0px 0px 8px rgb(0 0 0 / 30%);}



/* */
.main_visual .main_slide_mo {overflow: hidden; height: 100%; display: none; position: relative;}
.main_visual .main_slide_mo .swiper-pagination{bottom: 170px ; top: auto ; left: auto ; right: auto; display: flex; gap: 0 20px; justify-content: center;}
.main_visual .main_slide_mo .swiper-pagination .swiper-pagination-bullet {margin: 0; opacity: .2; width: 15px; height: 15px; background-color: #fff;}
.main_visual .main_slide_mo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
.main_visual .main_slide_mo .swiper-slide {height: 100%;}
.main_visual .main_slide_mo .swiper-slide .img {height: 100%; position: relative; width: 100%;}
.main_visual .main_slide_mo .swiper-slide .img img {height: 100%; object-fit: cover; width: 100%;}
.main_visual .main_slide_mo .swiper-slide.slide01 .img img {object-position: 40% 50%;}
.main_visual .main_slide_mo .swiper-slide.slide03 .img img {object-position: 80% 50%;}
.main_visual .main_slide_mo .swiper-slide .text {position: absolute; left: 0; top: -12% ;width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: column ; justify-content: center; color: #fff; padding: 0 20px; gap: 35px 0;}
.main_visual .main_slide_mo .swiper-slide .text strong {font-size: 60px; opacity: 0; transform: translateY(50px); }
.main_visual .main_slide_mo .swiper-slide .text strong em { font-size: 34px; font-weight: 400;}
.main_visual .main_slide_mo .swiper-slide .text .hide_txt {font-size: 22px; color: #D6D6D6; line-height: 1.4;}
.main_visual .main_slide_mo .swiper-slide .text .hide_txt .infotxt{margin-bottom: 50px; opacity: 0; transform: translateY(50px); word-break: keep-all; }
.main_visual .main_slide_mo .swiper-slide .text .hide_txt a {font-size: 20px; color: #fff; display: flex; gap: 0 15px ; align-items: center; font-weight: 600; opacity: 0; transform: translateY(50px); }
.main_visual .main_slide_mo .swiper-slide .text .hide_txt a svg {width: 19px; height: 6px;}
.main_visual .main_slide_mo .swiper-slide .text .line {    width: 25px; height: 1px; background: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(255, 255, 255, 0.30575980392156865) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.28895308123249297) 100%); display: none;}

.main_visual .main_slide_mo .swiper-slide .img::before { content: ""; position: absolute; left: 0 ; top: 0; width: 100%; height: 100%;  z-index: 1; background-color: rgba(0,0,0,0.5);}
@keyframes mo_main_anim01 {0%{opacity: 0; transform: translateY(30px);} 100%{opacity: 1; transform: translateY(0);}}
.main_visual .main_slide_mo .swiper-slide-active .text strong ,
.main_visual .main_slide_mo .swiper-slide-active .text .hide_txt a,
.main_visual .main_slide_mo .swiper-slide-active .text .hide_txt .infotxt {animation: mo_main_anim01 1.2s ease-in-out 1 forwards;}

.main_visual .main_slide_mo .swiper-slide-active .text .hide_txt .infotxt  {animation-delay: 0.1s;}
.main_visual .main_slide_mo .swiper-slide-active .text .hide_txt a  {animation-delay: 0.2s;}
.main_visual .main_slide_mo .swiper-slide .text > svg {display: none;}


/*구성원소개
#section03 {width:100%;}


.m_law_W {min-width:300px; max-width:801; width:100%;overflow:hidden;}
.m_law_le {width:50px; height:50px; position: absolute; top:50%;z-index:1000000000000000000; border:1px solid #000;}
.m_law_cen {width:100%;  bottom:0;overflow:hidden;position: absolute; top:0%; height:100%; left:50px; margin:0 auto; }
.m_law_ri {width:50px;  text-align:right;height:50px; position: absolute; top:50%; z-index:1000000000000000000;}
.m_lawyer_con {position: relative;overflow:hidden;}
.ml_bg01 {background: url(/img/sub/lawyer_img01.png) no-repeat 50% bottom; background-size:auto 350px;overflow:hidden;}
.ml_bg02 {background: url(/img/sub/lawyer_img02.png) no-repeat 50% bottom;background-size:auto 350px;overflow:hidden;}
.ml_bg03 {background: url(/img/sub/lawyer_img03.png) no-repeat 50% bottom;background-size:auto 350px;overflow:hidden;}
.ml_bg04 {background: url(/img/sub/lawyer_img04.png) no-repeat 50% bottom;background-size:auto 350px;overflow:hidden;}
.ml_bg05 {background: url(/img/sub/lawyer_img05.png) no-repeat 50% bottom;background-size:auto 350px;overflow:hidden;}
.m_lawyer_info {display:block; color:#fff;  padding:0 0 0 0;text-align:center;overflow:hidden; margin:0;position: absolute; top:20%; width:100%; margin:0 auto;}
.m_lawyer_info .m_lawyer_info01 {font-size:30px; background:none; padding:0 0 0 0px; margin-bottom:0px;}

.m_lawyer_info .m_lawyer_info02 {font-size:14px;font-weight:500;}
.m_lawyer_info .m_lawyer_info03 {display: none;}
.m_lawyer_info .m_lawyer_info04 {display: none;}
.m_lawyer_info .m_lawyer_info05 {display: none;}
.m_lawyer_info .m_lawyer_info05:hover p {width: 100px;}
.m_lawyer_info .m_lawyer_info05:hover span {left: 100px; background: #b89765; color: #fff;}

.solution-list-controls{ position:relative; top:50%;  z-index:1000000000000000;}
.solution-list-controls button{position:relative; color:#fff; font-size:1.3em; width:50px; height:50px; background:#000; border:0px solid #000; border-radius:50%; }
.solution-list-controls button.slick-disabled{opacity:0.25; cursor:default;}*/

/*구성원소개*/
#section03 {background-color: #575048; }
#section03::before {content: ''; position: absolute; top: 50%; right: 100px; transform: translateY(-50%); width: 600px; height: 827px; background: url("/img/main/logo-240920.svg") no-repeat center; background-size: cover; opacity: 0.1;}
.m_law_W {min-width:300px; max-width:801px; }
.m_law_le {width:15%; }
.m_law_cen {width:70%; bottom:0;}
.m_law_ri {width:15%;  text-align:right; }
.m_lawyer_con {position: relative; height:100vh;}
.ml_bg01 {background: url(/img/sub/lawyer_img01.png) no-repeat 50% bottom; background-size: auto 550px;}
.ml_bg02 {background: url(/img/sub/lawyer_img02.png) no-repeat 50% bottom; background-size: auto 550px;}
.ml_bg03 {background: url(/img/sub/lawyer_img03.png) no-repeat 50% bottom; background-size: auto 550px;}
.ml_bg04 {background: url(/img/sub/lawyer_img04.png) no-repeat 50% bottom; background-size: auto 550px;}
.ml_bg05 {background: url(/img/sub/lawyer_img05.png) no-repeat 50% bottom; background-size: auto 550px;}
.ml_bg06 {background: url(/img/sub/lawyer_img06.png) no-repeat 50% bottom; background-size: auto 550px;}
.ml_bg07 {background: url(/img/sub/lawyer_img07.png) no-repeat 50% bottom; background-size: auto 550px;}
.m_lawyer_info {display:block; color:#fff;  padding:0 0 0 0;text-align:center;overflow:hidden; margin:0;position: absolute; top:60%; width:100%; margin:0 auto;}
.m_lawyer_info .m_lawyer_info01 {font-size:30px; background:none; padding:0 0 0 0px; margin-bottom:0px;}
.m_lawyer_info .m_lawyer_info02 {font-size:14px;font-weight:500;}
.m_lawyer_info .m_lawyer_info03 {display: none;}
.m_lawyer_info .m_lawyer_info04 {display: none;}
/* .m_lawyer_info .m_lawyer_info05 {display: none;} */
.m_lawyer_info .m_lawyer_info05 {margin-top: 25px;}
.m_lawyer_info .m_lawyer_info05 p {width: auto; height: auto; border: 1px solid #fff; padding: 14px 20px; line-height: 1; font-size: 14px;}
.m_lawyer_info .m_lawyer_info05 span {display: none;}
/* .m_lawyer_info .m_lawyer_info05:hover p {width: 100px;} */
/* .m_lawyer_info .m_lawyer_info05:hover span {left: 100px; background: #b89765; color: #fff;} */


.solution-list-controls{ position:relative; top:50%; }
.solution-list-controls button{position:relative; color:#222; font-size:1.3em; width:50px; height:50px; border:1px solid #fff; border-radius:50%;}
.solution-list-controls button.slick-disabled{opacity:0.25; cursor:default;}
.solution-list-controls button:hover {color:#fff;border:1px solid #222;  background:#222;}

/* ******************  메인 :: 뉴스 & 퀵메뉴 ********************** */
#section05 {background:#fff url(/img/main/sec_bg05.png) 0 0 repeat-x;}
.m_banner {display:flex; width:100%;justify-content: space-between;}
.m_banner-tit-box {width:30%;}
.m_b_tit {}
.m_b_tit p.tit {ont-weight:400; font-family: "Archivo Black", sans-serif; font-size: 60px;}
.m_b_tit p.txt {}
.m_banner-list-con {width:70%; padding:0 0 0 100px;}
.m_banner-list-con .slick-slide{display:inline-block;}
.main-news-list-con {}
.main-news-list-con ul {display:flex;width:100%;}
.main-news-list-con li {width:20%;display:inline-block; padding:30px 20px;}
.main-news-list-con li img {width:70%;}
.main-news-list ul {background:#384874; width:100%;flex-direction: row; flex-wrap: nowrap; align-content: space-between; justify-content: right;}
.main-news-list ul li {width:100%; padding:20px 50px;display:inline-block;  justify-content: center; text-align:right;}
.slick-initialized .slick-slide {display:inline-block;}
.main-news-list-controls ul { align-items:center; height:28px;}
.main-news-list-controls .total-page-btn{color:#212121; letter-spacing:-0.35px; font-size:0.89em; transition:all 0.3s}
.main-news-list-controls .total-page-btn:hover{color:#00b0ec;}
.main-news-list-controls .news-controls{position:relative;  padding-top:50px;}
.main-news-list-controls button{position:relative; color:#222; border:1px solid #ddd; border-radius:50%; width:60px; height:60px; font-size:1.3em; margin-left:0.5em;}
.main-news-list-controls button.slick-disabled{opacity:0.25; cursor:default;}





/*승소사례*/
.top02 {width: 100%; display: flex;  color: #000;position: relative; align-items: center; flex-direction: column; align-items: flex-start}
.top02_le {padding:0 30px;}
.top02_ri {padding:5px 30px 0 30px;}
.top02_le h4{font-size:30px;  margin-bottom:5px; padding-right:0px; display:inline-block;}
.top02_le p{font-size: 0.9rem;  opacity: 0.7;  display:inline-block; color:#666;}
.top02_ri a { border-radius: 30px; ;font-size:0.9rem;  padding:7px 20px;font-weight:400;}
.top02_ri a:hover {background: #000; color: #fff;}


.top03 {width: 100%; color: #fff;position: relative; }
.top03_le { float:none; padding:0 30px;}
.top03_ri {float:none;padding:10px 30px 30px 30px;}
.top03_le h4{ font-size:27px;  margin-bottom:5px; padding-right:15px; display:inline-block;}
.top03_le p{font-size: 0.9rem;  opacity: 0.7;  display:block; color:#ddd; padding-top:5px;}
.top03_ri a { border-radius: 30px; border:1px solid #a1a1a1;font-size:14px;   display:inline-block; color:#fff; padding:10px 30px;font-weight:600;}

.success02{ background:#cfd3de;width: 100%;  height: 100%;}
.success02-in{max-width: 1600px;  position: relative;  top:55%;left: 50%;  transform: translate(-50%, -50%);  display: flex;flex-direction: column; justify-content: center; align-items: center;}
.success02-in .top{position: relative; width: 100%; color: #fff; }
.success02-in .top>h4{font-weight:400; font-family: "Archivo Black", sans-serif; font-size: 60px;  margin-bottom:5px;}
.success02-in .top>p{font-size: 1rem;  opacity: 0.7; }
.success02-in .slick-prev {display:none;position: absolute; right:70px; top:50%; z-index:-100000000001; margin-top:-330px;  border-radius: 50%; border:1px solid #fff;font-size:0;  background: url(/img/main/arrow_left02.png) no-repeat 50% 50%; width:60px;  height:60px;}
.success02-in .slick-next  {position: absolute;right:0; top:50%; z-index:1; margin-top:-330px; border:1px solid #fff; border-radius: 50%;background: url(/img/main/arrow_right02.png) no-repeat 50% 50%; width:60px;  height:60px;font-size:0; }
.success02-in .slick-prev,
.success02-in .slick-next {background: none;}
.success02-in .auto{overflow:hidden; margin-top:50px; padding-bottom:20px; display: flex; align-items: center; justify-content: space-between; transition: transform 0.5s ease; max-width: calc(100%);}
.success02-in .auto .win_box {box-shadow:10px 10px 10px rgb(0, 0, 0, 0.2); border:1px solid #fff; background:#fff ; position: relative;border-radius: 30px;overflow: hidden; width:33.3333333%;box-sizing: border-box;cursor: pointer; height:400px;}

/* 승소리스트 :: 리스트 */
.success02-in .area-box .register-list-con{margin:0 15px 0 15px;}
.area-box {width:95%;}
.success02-in .area-box .register-item{width:100%; font-size:14px; margin:0 0px; padding-top:0.75em;background:none;}
.success02-in .area-box .register-item .register-item-inner{width:100%;display:block; background-color:#fff; border-radius:10px; padding:30px 0;  margin:0 0px;  min-height:180px;height:180px;} 
.success02-in .auto .boxx{ box-shadow:10px 10px 10px rgb(0, 0, 0, 0.2); border:1px solid ##384874; background:#d8dfe9 ; position: relative;border-radius: 30px;overflow: hidden; width:25%;box-sizing: border-box;cursor: pointer; height:450px;}
.success02-in .auto .boxx .text{position: absolute; color:#fff;background:#384874 url(/img/main/bbs_bg01.png) repeat-x 0 0; top: 0%;  left: 0%; transform: translate(-0%,-0%);  height:270px; text-align:center; width: 100%;z-index: 2;opacity: 1;}
.success02-in .auto .boxx .text>p.st01{font-size: 14px;margin-bottom:5px; padding-top:70px;}
.success02-in .auto .boxx .text>p.st02{font-size: 20px;margin-bottom:30px; padding-bottom:30px; font-weight:300;background:url(/img/main/bbs_line01.png) no-repeat 50% bottom;}
.success02-in .auto .boxx .text>p.st02 span {font-size: 20px;margin-bottom:15px;font-weight:600;}
.success02-in .auto .boxx .text>p.st03{font-size: 20px;margin-bottom:15px;font-weight:500;font-family: "Noto Serif KR", serif;}
.success02-in .auto .boxx .text>p.st04{margin-bottom:50px;}
.success02-in .auto .boxx .text>p.st04 span { background:url(/img/main/btn_bg01.png) no-repeat right 50%; display:inline-block; padding:20px 60px 0 0; height:45px;font-size: 14px; font-weight: 600;}

.success02-in .area-box .register-item .register-item-inner span.register-cate {padding:0 20px; }
.success02-in .area-box .register-item .register-item-inner strong.register-tit {padding:0 20px; font-size:18px;}
.success02-in .area-box .register-item .register-item-inner p.register-txt {padding:0 20px}
.success02-in .area-box .register-item .register-item-inner p.register-arrow {display:none;}


.success02-in .auto .boxx:hover .text.hover {opacity: 1;}
.success02-in .auto .boxx .hover-img{display: block;  width: 100%;  object-fit: cover;opacity: 1; transition: opacity 0.3s ease;}
.success02-in .auto .boxx:hover .hover-img{opacity: 1;}

.win_list {width:100%;max-width: 700px;  position: relative; margin-top:50px;}
.win_list ul li {width:31%; float:left;}
.win_list ul li:nth-child(1) {margin-right:0%;}
.win_list ul li:nth-child(2) {margin:0 0%;}
.win_list ul li:nth-child(3) {margin-left:0%;}
.win_list ul li  .win_box {  width:100%;  height:400px; border-radius:50px;background:#fff; border:1px solid #a8afc1;}
.win_list ul li  .win_box .text p.st01 {font-size:20px;padding:70px 50px 15px 50px; color:#b89765; font-weight: 600;}
.win_list ul li  .win_box .text p.st02 {font-size:30px;padding:0px 50px 15px 50px; font-weight: 600;}
.win_list ul li  .win_box .text p.st03 {font-size:17px;padding:0px 50px 15px 50px;color:#888;}
.win_list ul li  .win_box:hover {background:#b89765 url(/img/main/bbs_bg02.png) no-repeat right 330px; }
.win_list ul li  .win_box:hover .text p {color:#fff;}

/*문의하기*/
#section08 {background:url(/img/main/main_bg05.png) repeat 0 0;}
.contact_W {background:none;width: 100%; /*border:1px solid #000;*/ top:0;position: relative; height: 100%; }
.contact{width: 100%; margin-top:0; padding-top: 15%;}
.contact-in{max-width: auto; display: flex; margin: 0 auto;flex-direction: column; padding:0 30px;}
.contact-in .left{width: 100%;display:none; }
.contact-in .left>h4{font-weight:400; font-family: "Archivo Black", sans-serif; font-size: 30px;  margin-bottom:5px; }
.contact-in .left>p{font-size: 0.9rem;  opacity: 0.7;  display:inline-block;}
.contact-in .right{padding:80px 0 0 0px; position: relative; width:100%; overflow: hidden; }


.m_counsel_table > ul {display: flex; flex-wrap: wrap; gap: 10px 10px ;font-size: 0.9rem; width:100%;}
.m_counsel_table > ul > li {flex-basis: 100%;}
.m_counsel_table .office span {margin-right:20px;}
.m_counsel_table .office span.tit {display:none;}
.m_counsel_table .cate { font-size: 10.9rem; color: #fff; font-weight:500; margin-bottom: 20px; position: relative; width: fit-content;}
.m_counsel_table .cate em { background-color: #F62525; width: 3px; height: 3px; border-radius: 100%; display: inline-block; position: absolute; right: -11px; top: 22px;}
.m_counsel_table .td02 {flex-basis: calc(50% - 10px); }
.m_counsel_table .td03 {flex-basis: calc(31.0% - 1px); }
.m_counsel_table .cate {margin-bottom: 0; height: 60px; display: flex; align-items: center;}
.m_counsel_table input[type="text"] {height: 30px; border-bottom: 1px solid #E9E9E9; border-top:none;background:none; border-right:none; border-left:none; font-family: inherit; font-size: inherit; font-weight: inherit; color: #fff; width: 100%; padding-bottom: 0px;}
.m_counsel_table .td02 input[type="text"] {height: 30px;}
.m_counsel_table textarea {font-size: inherit; font-family: inherit; font-weight: inherit;}
.m_counsel_table textarea::placeholder ,
.m_counsel_table input[type="text"]::placeholder {color: #9C9C9C; font-family: inherit; font-size: inherit; font-weight: inherit;}
.m_counsel_table .section div ul { display: flex; height: 60px; align-items: center;}
.m_counsel_table .section div ul li { display: flex; align-items: center;  color: #fff;  padding-right:30px;}
.m_counsel_table [type="radio"],
.m_counsel_table [type="checkbox"] {appearance: none;border-radius: 100%;width: 20px;height: 20px;transition: all 0.2s ease-in-out;background-color:#FBFBFB;border: 1px solid #DBDBDB; position: relative; cursor: pointer;}
.m_counsel_table [type="radio"]:checked ,
.m_counsel_table [type="checkbox"]:checked {background-color: #b89765; border-color: #b89765;}
.m_counsel_table [type="radio"]:checked + label,
.m_counsel_table [type="checkbox"]:checked + label {color: #b89765; display:inline-block;}
.m_counsel_table [type="radio"]:checked::before,
.m_counsel_table [type="checkbox"]:checked::before {opacity: 1;}
.m_counsel_table [type="radio"] + label,
.m_counsel_table [type="checkbox"] + label {cursor: pointer; padding-left: 10px; color: #fff;}
.m_counsel_table [type="radio"]::before ,
.m_counsel_table [type="checkbox"]::before { content: "\e929"; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); opacity: 0; font-size: 0px;}  
.m_counsel_table .radio_box input[type="radio"] {margin-right: 10px;}
.m_counsel_table .radio_box input[type="text"] {width: 140px;}
.m_counsel_table .radio_box input::placeholder { color: #fff; }
.m_counsel_table textarea { width: calc(100% - 0px); overflow:auto;  height: 90px; background:none;color:#fff; border-bottom: 1px solid #E9E9E9; border-top:none; border-right:none; border-left:none;  padding: 10px 10px;}
.m_counsel_table input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.m_counsel_table .file_box{display: flex; align-items: center; color: #fff; font-size: 14px; font-weight: 500;flex-wrap: wrap; gap: 10px 0; line-height: 1.4; word-break: keep-all;}
.m_counsel_table .select002{width: 100%;font-weight: 400;  height:30px;   font-size: 14px;}
.m_counsel_table .select002 ::placeholder{font-size: 16px; color: #ccc; }
.m_counsel_table .spam input {padding-left: 20px; width: 455px;}
.m_counsel_table .check .check_txt {background-color: #FBFBFB; border: 1px solid #DBDBDB; padding:28px 30px; line-height: 1.6; color: #fff; margin-bottom: 10px;}
.m_counsel_table .check .check_input {display: flex; justify-content: flex; margin-bottom: 60px; align-items: center;}
.m_counsel_table .check .check_txt p:nth-child(1) {margin-bottom: 20px;}
.m_counsel_table .inquiry_btn {  display: flex; align-items: center; font-size:15px; padding:12px 50px 12px 30px;justify-content: center; color: #fff;  background:#b89765 url(/img/main/arrow_right03.png) no-repeat right 50%; ; border-radius:30px; cursor: pointer;position: relative; overflow: hidden;}
.m_counsel_table .inquiry_btn p {z-index: 2;}
.m_counsel_table .inquiry_btn::before {z-index: 1;;content: ""; position: absolute;background-color: #b89765; border-radius: 100%; width: 200px; height: 200px; scale: 0; transition: all 0.8s cubic-bezier(0.39, 0.58, 0.11, 1.26);}
.m_counsel_table .inquiry_btn:hover::before {scale: 1;}


/*06*/
#section06 {background:#000 url(/img/main/sec_bg06.png) no-repeat 50% bottom;background-size:cover; overflow:hidden;}
.m_press_W {max-width: auto; margin: 0 auto;  display: flex; height: 100%; align-content: center;}
.m_press_le {width:100%; height: 100%; padding:0% 0px 0 0px;background:rgba(0, 0, 0, 0.5); z-index: 2; position: relative; display: flex; align-items: center; align-content: center; justify-content: center;}
.m_press_le_con {}
.m_press_le_con p.tit{ font-size:30px;  margin-bottom:5px; padding:0 30px;}
.m_press_le_con p.txt02 {font-size: 1.0rem;  display:block; padding:0 30px 15px 30px;}
.m_press_le_con p.txt{font-size:0.9rem;  opacity: 0.7;  display:block; padding:0 30px;}
.m_press_le_con p.btn {display:block; margin-top:50px; padding:0 30px;}
.m_press_le_con p.btn a {border-radius: 30px; border:1px solid #fff;font-size:15px;   display:inline-block; color:#fff; padding:10px 30px;font-weight:400;}
.m_press_ri {width:70%;}
.m_press_ri_con {display: flex;}
.m_press_box {width:380px; height:500px; background:#fff;border-radius:20px; margin-bottom:20px;}

.m_press_W .m_press_list {width: calc(100vw - 5%);}
.m_press_W .m_press_list ul {}

/*07*/
.business-in{ max-width:auto; margin: 0 auto;  display: flex;  flex-direction: column;}
.business-in .bottomarea{display: flex; overflow: visible; transition: transform 0.5s ease; margin-top:50px;}
.business-in .top03 .top03_ri .but #leftbtn { width: 50px; height: 50px; font-size:15px;}
.business-in .top03 .top03_ri .but #rightbtn{width: 50px; height: 50px; font-size:15px;}

.business-in .bottomarea .boxTT{padding:30px 20px;
width: calc(100% / 1 - 40px); /* 5개 요소가 보이도록 조정 */ 
margin: 0 20px; box-sizing: border-box;  transition: transform 0.5s ease;  border-radius:10px; cursor: pointer; height:200px;}

.business-in .bottomarea .boxTT>img{ display: block; width: 100%; object-fit: cover;height: 100%;}
.business-in .bottomarea .boxTT p {}
.business-in .bottomarea .boxTT p.cate {padding-bottom:20px;}
.business-in .bottomarea .boxTT p.cate span {color:#000; background:#fff; padding:5px 10px; font-size:13px; display:inline-block;border-radius: 20px; }
.business-in .bottomarea .boxTT p.tit {color:#fff; font-size:17px;font-weight:600;}
.business-in .bottomarea .boxTT p.txt {color:#fff; font-size:14px;font-weight:400;}
.business-in .bottomarea .boxTT:hover {background:#fff;}
.business-in .bottomarea .boxTT:hover p.cate span {color:#fff; background:#26355d; padding:5px 10px; font-size:15px; display:inline-block;border-radius: 20px; }
.business-in .bottomarea .boxTT:hover p.tit {color:#000; font-size:25px;font-weight:600;}
.business-in .bottomarea .boxTT:hover p.txt {color:#777; font-size:16px;font-weight:400;}
/*
.business-in .bottomarea .boxTT .text{ width: 90%;  position: absolute;  top: 64%;  left: 5%;  z-index: 2;opacity:0.0;}
.business-in .bottomarea .boxTT:hover  .text{opacity:1; width: 90%;  position: absolute;  top: 0%;  left: 5%;  z-index: 2; color:#000;}
.business-in .bottomarea .boxTT::after{  content: "";  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;  opacity:0.0;   pointer-events: none;  transition: opacity 1s ease; z-index: 1;  border-radius: 20px;  box-sizing: border-box;}
.business-in .bottomarea .boxTT:hover::after{opacity: 1;}
*/
}

.logo-banner-list {width: 100%; display: flex; overflow: hidden;}
.logo-banner-list {width: 100%; display: flex; overflow: hidden;}
.logo-banner-list ul {display: flex; align-items: center; width: 8040px; flex-wrap: nowrap; animation: moveLogo 80s linear infinite;}
.logo-banner-list ul:hover {animation-play-state: paused;}
.logo-banner-list ul li {display: flex; justify-content: center; align-items: center; padding: 20px;}
.logo-banner-list ul li img {}

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

@media screen and (max-width: 600px) {
.ml_bg01 {background: url(/img/sub/lawyer_img01.png) no-repeat 50% bottom; background-size: auto 580px;}
.ml_bg02 {background: url(/img/sub/lawyer_img02.png) no-repeat 50% bottom; background-size: auto 580px;}
.ml_bg03 {background: url(/img/sub/lawyer_img03.png) no-repeat 50% bottom; background-size: auto 580px;}
.ml_bg04 {background: url(/img/sub/lawyer_img04.png) no-repeat 50% bottom; background-size: auto 580px;}
.ml_bg05 {background: url(/img/sub/lawyer_img05.png) no-repeat 50% bottom; background-size: auto 580px;}
.ml_bg06 {background: url(/img/sub/lawyer_img06.png) no-repeat 50% bottom; background-size: auto 580px;}
.ml_bg07 {background: url(/img/sub/lawyer_img07.png) no-repeat 50% bottom; background-size: auto 580px;}
.main_wrap .bg_slide{bottom: 0; padding-top: 0;}
}

@media screen and (max-width: 490px) {
    .m_lawyer_info{top: 63%;}
.ml_bg01 {background: url(/img/sub/lawyer_img01.png) no-repeat 50% bottom; background-size: auto 740px;}
.ml_bg02 {background: url(/img/sub/lawyer_img02.png) no-repeat 50% bottom; background-size: auto 740px;}
.ml_bg03 {background: url(/img/sub/lawyer_img03.png) no-repeat 50% bottom; background-size: auto 740px;}
.ml_bg04 {background: url(/img/sub/lawyer_img04.png) no-repeat 50% bottom; background-size: auto 740px;}
.ml_bg05 {background: url(/img/sub/lawyer_img05.png) no-repeat 50% bottom; background-size: auto 740px;}
.ml_bg06 {background: url(/img/sub/lawyer_img06.png) no-repeat 50% bottom; background-size: auto 740px;}
.ml_bg07 {background: url(/img/sub/lawyer_img07.png) no-repeat 50% bottom; background-size: auto 740px;}
.m_counsel_table > ul{gap: 25px 0; font-size: 0.8rem; }
.m_counsel_table .select002{font-size: 13px;}
.m_counsel_table .select002{padding: 0 0 0 6px !important;}
.m_counsel_table input[type="text"]{padding: 0 11px; font-size: 13px;}
.m_counsel_table .td03{flex-basis: calc(100% - 0px);}
.contact-in .right{padding: 0;}
.contact{padding-top: 10%;}
.m_counsel_table textarea{padding: 3px 11px !important; font-size: 13px;}
}
@media screen and (max-width: 395px) {
.ml_bg01 {background: url(/img/sub/lawyer_img01.png) no-repeat 50% bottom; background-size: auto 570px;}
.ml_bg02 {background: url(/img/sub/lawyer_img02.png) no-repeat 50% bottom; background-size: auto 570px;}
.ml_bg03 {background: url(/img/sub/lawyer_img03.png) no-repeat 50% bottom; background-size: auto 570px;}
.ml_bg04 {background: url(/img/sub/lawyer_img04.png) no-repeat 50% bottom; background-size: auto 570px;}
.ml_bg05 {background: url(/img/sub/lawyer_img05.png) no-repeat 50% bottom; background-size: auto 570px;}
.ml_bg06 {background: url(/img/sub/lawyer_img06.png) no-repeat 50% bottom; background-size: auto 570px;}
.ml_bg07 {background: url(/img/sub/lawyer_img07.png) no-repeat 50% bottom; background-size: auto 570px;}
}