@charset "utf-8";

@font-face {
    font-family: "Shilla_CultureB-Bold";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;overflow-x:hidden;overflow-y:hidden;-ms-overflow-style: none;font-size:0.75em;font-family: 'Noto Sans KR', sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
em {font-style: normal;}
textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
button {
    background: 0;
    border: 0;
    outline: 0;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.6); 
 
}


.top_banner {display:none;}
.header-btn02 {display:none;}

#container { position:relative; width:100%; margin:0; box-sizing:border-box; }


/*메인*/
#container .main { position:relative; width:100vw; height:100vh; }
#container .main video { position:relative; width:100vw; height:100vh; object-fit: cover; }
#container .main .spot-text { position:absolute;  top:35%;  left:13%; width:100%;  /* left:25%;  transform: translate(-50%, -50%); */ color:#FFF; z-index:100;}
#container .main .spot-text span { font-size:2.8rem; /*  font-size:23px; */}
#container .main .spot-text p.visual-sub-title { margin-top:0px; /* font-size:3.2rem; */ font-size:2.8rem;  line-height:1.3; font-weight:600; }
#container .main .spot-text p.visual-sub-title em { /* color:#258EA5; */}
#container .main .spot-text .v_txt_wrap { width:100%; } 
#container .main .spot-text .v_txt_wrap .v_txt_inner { position:absolute; width:100%; opacity:0; } 
#container .main .spot-text .v_txt_wrap .v_txt_inner.active { animation: btxt ; animation-fill-mode: forwards; }
@keyframes btxt {
	0%{ opacity:0; transform:translateX(100) }
	49%{}
	50%{ }
	99%{}
	100%{ opacity:1; transform:translateX(0) }
}
@keyframes dsv {
	0%{ opacity:1; }
	49%{}
	50%{ }
	99%{}
	100%{ opacity:0;  }
}

#container .main .sidebar { position:absolute; top:50%; left:5%;   transform: translate(-50%, -50%);}
#container .main .sidebar li { position:relative;  color:#FFF;}
#container .main .sidebar li .side-num { position:absolute; top:-65px; right:40px; display:block; font-size:15px; }
#container .main .sidebar li .progress-line {display: inline-block;content:"";position: relative;width: 60px;height: 1px;background: rgba(255,255,255,0.5);vertical-align: top;margin: 5px 20px 0 20px; transform:rotate(-90deg); }
#container .main .sidebar li .progress-line:after { display:block;content:"";position: absolute;bottom: 0px;right: 0px;width: 60px;height: 1px;background: #fff;animation: line 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;}
@keyframes line {
	0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center left}
	49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center left}
	50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center right}
	99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center right}
	100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center right}
}
#container .main .sidebar li .side-t { position:absolute; right:31px; bottom:-75px; font-size:15px; transform:rotate(-90deg); }

/*컨텐츠 공통*/
#container .sub { position:relative; }
#container .sub .text-wrap { z-index:11;}
#container .sub .text-wrap .back-text { font-size:23px; font-weight:bold; letter-spacing:5px; color:#E2E2E2; }
#container .sub .text-wrap .back-text.wh { color:#FFF; }
#container .sub .text-wrap h2 { margin-top:20px; font-size:43px; font-weight:bold; letter-spacing:-1px;}
#container .sub .text-wrap h2.wh { color:#FFF; }
#container .sub .text-wrap .sub-text { margin-top:35px; font-size:21px; transform: rotate(0.1deg); }
#container .sub .text-wrap .sub-text.wh { color:#FFF; }
#container .sub .btn { display:inline-block; width:105px; height: 35px; line-height:30px; text-align:center; font-size:17px; font-weight:bold; border: 2px solid transparent; border-radius: 20px; background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #130E0F,#258EA5); background-origin: border-box; background-clip: content-box, border-box;  }
#container .sub .btn.gy { border:2px solid#777; color:#777; }
#container .sub .full-btn {display:inline-block; width:105px; height: 35px; line-height:30px; text-align:center; font-size:17px; font-weight:bold; border: 2px solid transparent; border-radius: 20px; background-image:  linear-gradient(to right, #130E0F,#258EA5); background-origin: border-box; background-clip: content-box, border-box; color:#FFF;}
#container .sub .more { display:inline-block; margin-top:40px; font-size:17px; font-weight:bold; cursor:pointer; z-index:100; }
#container .sub .more::after { content:''; display:inline-block; width:50px; height:15px; margin-left:20px; background:url(/wl/img/arrow_next.png)no-repeat center; z-index:11; }

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);

  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);

  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));

  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));

  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));

  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );

  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));

  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}





/*----- main visual sec -----*/
.main_visual_sec .container .wrapper {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100vh;
}
.main_visual_sec .container .wrapper .video_area {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /*filter: blur(3px);*/
}
.main_visual_sec .container .wrapper .video_area video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.main_visual_sec .container .wrapper .cont_area {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.main_visual_sec .container .wrapper .cont_area .logo {
  display:none;
  position: absolute;
  top: 150px;
  left: 5%;
  max-width: 350px;
}
.main_visual_sec .container .wrapper .cont_area .logo img {
  width: 100%;
}
.main_visual_sec .container .wrapper .cont_area .tit {
  width:100%;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 5.8rem;
  color: #fff;
  line-height: 1.7;
  font-weight: 700;
  letter-spacing: -1px;
  /*-webkit-text-stroke:1px #fff;*/
}
.main_visual_sec .container .wrapper .cont_area .tit span {
	display: inline-block;
	margin-bottom: 1%;
	background: linear-gradient(
		to bottom, 
		#FFD700 20%,
		#FFEC8B 40%,
		#DAA520 60%,
		#B8860B 80%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #fff;
	position: relative;
	font-size: 7.5rem;
	font-family: "Shilla_CultureB-Bold";
}

.main_visual_sec .container .wrapper .cont_area .tit span::after {
	content: attr(data-heading) "";
	left: 0;
	top: 0;
	z-index: -1;
	position: absolute;
	text-shadow: 
		-1px 0 2px #FFD700,
		0 1px 2px #FFEC8B,
		2px 2px 5px rgba(218, 165, 32, 0.8),
		-2px -2px 5px rgba(184, 134, 11, 0.8),
		0 0 15px rgba(255, 215, 0, 0.7);
}
.main_visual_sec .container .wrapper .cont_area .counter_list {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  list-style: none;
  width: 95%;
  max-width: 1290px;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item {
  width: 33.3333333333%;
  text-align: center;
  font-weight: 600;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item:not(:last-child) {
  position: relative;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item:not(:last-child)::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  content: "";
  width: 5px;
  height: 50px;
  border-right: 3px solid #fff;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .txt {
  font-size: 20px;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .txt2 {
	font-size:40px;
}
.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .counter {
  font-size: 40px;
  margin: 0 5px;
}






.visual .swiper-slide .green { /* color: #e0c27a; font-size:1.2rem !important; */  font-size:2.8rem; color: #e0c27a; font-family: 'Montserrat'; font-weight: 600; display: block; /* margin-bottom: 8px; */ margin-bottom: 0px; text-transform: uppercase; opacity: 0; transition: 2.5s; }
.visual .swiper-slide .green svg { width:48px;  }
.visual .swiper-slide .visual-title {
    color: white;
    font-weight: bold;
    font-size: 52px;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(25px);
    transition: 0.8s all ;
}

.swiper-slide-active .splitting .char {
    animation: slide-in .8s ease both;
    animation-delay: calc(.8s + (.06s * var(--char-index)));
    will-change: transform;
    transform-origin: top left;
}

@keyframes slide-in {
    from {
        transform: translateY(10px) scaleY(1.5);
        opacity: 0;
    }

}

.visual .swiper-slide .visual-sub-title {
    color: white;
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(25px);
    transition: .8s all 1s;
}

.visual .swiper-slide.swiper-slide-active .visual-title, 
.visual .swiper-slide.swiper-slide-active .green, 
.visual .swiper-slide.swiper-slide-active .visual-sub-title, 
.visual .swiper-slide.swiper-slide-active .btn-box {
    opacity: 1;
    transform: translate(0px, 0px);
}

/*컨텐츠 01*/
#container .sub-01 { max-width:1400px; margin:0 auto; padding:150px 0px; }
#container .sub-01 .text-wrap { width:565px;}
#container .sub-01 .text-wrap .logo_text {font-size: 23px; font-weight:700;}
#container .sub-01 .text-wrap .logo_text > svg {vertical-align:middle; margin-right:10px;}
#container .sub-01 .text-wrap .back-text {display:block; margin:20px 0 35px 0;}
#container .sub-01 .sub_text {font-size:21px;}
#container .sub-01 .field {display:flex; flex-wrap:wrap; }
#container .sub-01 .field > li {min-width:220px; margin-right:10px;  margin-top:60px; border:1px solid #E2E2E2; }
#container .sub-01 .field > li .top {position:relative; padding:28px 23px; background:#EEF8F6; }
#container .sub-01 .field > li .top .bg {display:block; width:100%; height:100%; position:absolute; top:0; left:0;  background: linear-gradient(180deg, #130E0F 0%, #258EA5 100%); opacity:0;}
#container .sub-01 .field > li .top > span {display:block;}
#container .sub-01 .field > li .top > span.num {margin-bottom:3px; font-size:14px; font-weight:500; color:#e0c27a;}
#container .sub-01 .field > li .top > span.title {margin-bottom:15px; font-size:24px; font-weight:600; color:#222;}
#container .sub-01 .field > li .top > .more {margin-top:0; font-weight:400; font-size:14px; color:#444;}
#container .sub-01 .field > li .top > .more::after { content:""; display:inline-block; width:20px; height:20px; margin-left:10px; background-size:20px; float:right; background-position:center; }
#container .sub-01 .field > li .bottom { background:#000; min-height:130px; overflow:hidden; }
#container .sub-01 .field > li .bottom > img { transition:all 0.4s; }

#container .sub-01 .field > li:hover .top .bg {opacity:1; transition:all .5s;}
#container .sub-01 .field > li:hover .top { transition:5s;}
#container .sub-01 .field > li:hover .top > span.num {position: relative; color:#FFF; }
#container .sub-01 .field > li:hover .top > span.title { position: relative; color:#FFF;}
#container .sub-01 .field > li:hover .top > .more { position: relative; color:#FFF;}	
#container .sub-01 .field > li:hover .top > .more::after{filter: invert(100%) sepia(100%) saturate(17%) hue-rotate(268deg) brightness(106%) contrast(104%);}
#container .sub-01 .field > li:hover .bottom img { transform: scale(1.15, 1.15);}





#container .sub-01 .text-wrap .dnone { display:none; }
#container .sub-01 .text-wrap .dnone.on { display:block; }
#container .sub-01 .button-wrap { margin-top:50px; }
#container .sub-01 .button-wrap > a { display:inline-block; margin-right: 20px; font-size:17px; color:#777; cursor:pointer; } 
#container .sub-01 .button-wrap .btn { color:#222;  }

/*컨텐츠 02*/
#container .sub-02 {  background:url(/wl/img/profile-back.png)no-repeat 28% 58%; background-color:#FAFAFA !important;}
#container .sub-02 .sub-02-inner {max-width:1400px; margin:0 auto; padding-top:150px;}
#container .sub-02 .text-wrap {position:absolute;}
#container .sub-02 .profile-wrap { position:relative; }
#container .sub-02 .profile-wrap .item { display:flex; justify-content: right; }
#container .sub-02 .profile-wrap .item .img_wrap { width:50%; height:100%; }
#container .sub-02 .profile-wrap .item img {}
#container .sub-02 .profile-wrap .item ul { width:40%; margin-top:50px; }
#container .sub-02 .profile-wrap .item ul li {}
#container .sub-02 .profile-wrap .item ul li.li-b { font-size:34px; font-weight:bold; }
/*
#container .sub-02 .profile-wrap .item ul li.li-b::before { content:''; display:block; width:50px; height:50px; margin-bottom:10px; background:url(/wl/img/after.png)no-repeat center; }
*/
#container .sub-02 .profile-wrap .item ul li.li-work { display:flex; margin:35px 0 50px 0; }
#container .sub-02 .profile-wrap .item ul li.li-work > a { width:20%; }
#container .sub-02 .profile-wrap .item ul li.li-work div { width:80%; margin-left:20px; font-size:19px; color:#555; } 
#container .sub-02 .profile-wrap .item ul li.li-introduce {  font-size:16px; color:#777; }
#container .sub-02 .profile-wrap .item ul li.li-introduce p { margin-bottom:5px; }
#container .sub-02 .profile-wrap .slide-btn-wrap { display:flex; position:absolute; bottom:10px; z-index:111; }
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn { align-items:center; margin-right:30px;}
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn.active { width:150px; }
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn .img-btn {  display:inline-block; width:50px; height:50px; border-radius:100%; background-color:#DDD !important; cursor:pointer; overflow:hidden;  }
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn.active .img-btn { width:60px; height:60px;  }
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn.active .img-btn > img { width:60px; height:60px; }
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn .img-btn > img {  width:50px; height:50px; cursor:pointer; }
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn .name-btn { position:absolute; display:inline-block; opacity:0; vertical-align: super; margin-left:13px; font-size:17px; color:#777;   }
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn.active .name-btn { opacity:1; transition:all 1s; }
#container .sub-02 .profile-wrap .slide-btn-wrap .page-btn .name-btn > b { font-size:22px; font-weight:bold; color:#222; }

/*컨텐츠 03*/
#container .sub-03 {  padding: 100px 260px 0 260px; background:url(/wl/img/sub03-back.png)no-repeat 28% 49%; background-size:cover;}
#container .sub-03 .slide-wrap {  margin-top:80px; padding:50px; background:#FFF; }
#container .sub-03 .slide-wrap .item { position:relative; border:1px solid#E2E2E2; cursor:pointer; }
#container .sub-03 .slide-wrap .item .item_inner { position:relative; }
#container .sub-03 .slide-wrap .item .item_inner:after {  content:''; display:inline-block; position:absolute; top:0; left:0;  width:100%; height:100%; font-size:40px; background-color:rgba(0, 0, 0, 0.8) !important; color:#FFF; background:url(/wl/img/plus.png)no-repeat center center;  transition:all .5s; opacity:0;}
#container .sub-03 .slide-wrap .item .item_inner:hover:after{opacity:1; }
#container .sub-03 .slide-wrap .item .item_inner { padding:50px 25px; }
#container .sub-03 .slide-wrap .item p {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin:15px 0 30px 0; font-size:23px; font-weight:bold; color:#000; }
#container .sub-03 .slide-wrap .item .success_story {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5;-webkit-box-orient: vertical; font-size:17px; line-height:1.6;  }
#container .sub-03 .slide-wrap .item .text-result { margin-top:30px; padding:20px 25px; background:#F3F3F3; }
#container .sub-03 .slide-wrap .item .text-result span {  font-size:17px; } 
#container .sub .c-title { font-weight:bold; color:#258EA5; } 
#container .sub .c-title:after { content:''; display:inline-block; width:2px; height:14px; margin:0 5px; background:#258EA5; }
#container .sub-03 .more { position:absolute; left:50%; bottom:-30px;  transform:translateX(-50%); padding:8px 28px; background:#fff; }

/*컨텐츠 04*/
#container .sub-04 { max-width:1400px; margin:0 auto; padding:150px 0px;  }
#container .sub-04 .news { display:flex; justify-content:center; margin-top:50px; }
#container .sub-04 figure {width:30%; margin: 0; margin-right: 21px;}
#container .sub-04 figure:last-child { margin-right:0; }
#container .sub-04 figure img { width: 100%;}
#container .sub-04 figure figcaption {}
#container .sub-04 figure figcaption p { margin:30px 0 15px 0; font-size:23px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#container .sub-04 figure figcaption span { font-size:17px; }

/*위드로 사무실 view*/
#container .sub_office {max-width:1400px; margin:0 auto; padding-bottom:100px;}
#container .sub_office .img_content { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px; }
#container .sub_office .img_content .subTit { display:block; margin-bottom:10px; font-size:20px;}
#container .sub_office .img_content > div.swiper {max-width: 650px; margin:0;}
#container .sub_office .img_content > div .img_wrap {position:relative; height:350px;}
#container .sub_office .img_content > div .img_wrap > .img {display:block; width:100%; height:100%; background-repeat: no-repeat !important; background-size:cover !important; background-position:center !important; }

/*고객감사후기*/
#container .sub_thanks {max-width:1300px; margin:0 auto; padding-bottom:14rem;}
#container .sub_thanks .thanks_swiper {max-width:1200px;}
#container .sub_thanks ul {}
#container .sub_thanks ul li {width:30%; overflow:hidden;}
#container .sub_thanks ul li .thanks_img {}
#container .sub_thanks ul li .thanks_img img {width:100%; height:230px;object-fit:cover;}
#container .sub_thanks ul li .thanks_title {text-align:center; margin-top:20px; font-size:23px; font-weight:bold; text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
#container .sub_thanks .swiper-button-prev {left:0 !important;}
#container .sub_thanks .swiper-button-next {right:0 !important;}
#container .sub_thanks .swiper-button-prev, 
#container .sub_thanks .swiper-button-next { width:3.5rem !important; height:3.5rem !important; top:45% !important; border-radius:100%; color:#FFF !important; background:#333;}
#container .sub_thanks .swiper-button-prev:after, 
#container .sub_thanks .swiper-button-next:after {font-size:1.5rem;}

/*컨텐츠 05*/
#container .sub-05 { padding:100px 0; background:#F4F4F4; }
#container .sub-05 .text-wrap { max-width:1400px; margin:0 auto; }
#container .sub-05 .counsel-wrap { max-width:1400px; margin:0 auto; margin-top:60px; }
#container .sub-05 .counsel-wrap .counsel_inner {display:flex;}
#container .sub-05 .counsel-wrap .input-wrap { width:40%; }
#container .sub-05 .counsel-wrap .input-wrap  input.fr_input { display:block; width:100%; height:64px; padding:20px; border:0; margin-bottom:10px;  font-size:17px; background:#FFF; color:#222; }
#container .sub-05 .counsel-wrap .input-wrap  input.fr_input.info_t { height:100px !important; }
#container .sub-05 .counsel-wrap .input-wrap  textarea.info_t {  height:100px !important; width:100%; resize: none; background:#fff; border:0; font-size:17px; color:#222; padding:20px;}
#container .sub-05 .counsel-wrap .input-wrap  input.fr_input::placeholder { color:#000; font-size:17px; }
#container .sub-05 .counsel-wrap .input-wrap .chk-wrap { display:flex; align-items:center; justify-content:end; margin:20px 0 !important;  }
#container .sub-05 .counsel-wrap .input-wrap .chk-wrap input { display:inline-block; margin-right:5px; vertical-align:middle; border:0; }
#container .sub-05 .counsel-wrap .input-wrap .counsel-btn { display:flex; align-items:center; justify-content:center; width:100%; height:75px; font-size:23px; font-weight:bold;color:#FFF;background-image: linear-gradient(to right, #130E0F,#258EA5);} 
#container .sub-05 .counsel-wrap .counsel-list {  width:100%; margin-left:0px; background:#FFF; }
#container .sub-05 .counsel-wrap .counsel-list li { display:flex; align-items:center; justify-content:space-between; padding:45px 30px; border-bottom:1px solid#E2E2E2; }
#container .sub-05 .counsel-wrap .counsel-list li:last-child { border:0; }
#container .sub-05 .counsel-wrap .counsel-list li .list-title { width: calc(100% - 268px); font-size:23px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#container .sub-05 .counsel-wrap .counsel-list li .list-date { font-size:17px; color:#777; }


#container .sub-05_1 { position:relative; background:url(/wl/img/bg_mask.png)no-repeat; background-size: cover; padding:60px 0;  }
#container .sub-05_1 .sub-05_bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background:url(/wl/img/bg_img.png)no-repeat; background-size: cover;}
#container .sub-05_1 .text-wrap { max-width:1400px; margin:0 auto; }
#container .sub-05_1 .text-wrap h2 { color:#fff; }
#container .sub-05_1 .more { color:#FFF;  }
#container .sub-05_1 .more::after { filter: invert(100%) sepia(0%) saturate(7414%) hue-rotate(11deg) brightness(120%) contrast(120%);}
#container .sub-05_1 .s_list { position:relative; width:100%; height:200px;overflow:hidden; margin-top:0px; }
#container .sub-05_1 .s_list .bg_txt { position:absolute; display: flex; font-size:8.8rem; color:#fff; opacity:0.05; font-weight:600; white-space: nowrap; animation: marquee 55s linear infinite; }
#container .sub-05_1 .s_text_wrap { position:relative; width:1400px; margin:auto; }
#container .sub-05_1 .s_text_wrap .s_text { position:absolute; float:right; right:0; margin-top:-300px;  width:880px;  }
#container .sub-05_1 .s_text_wrap .s_text .s_text_li { position:relative; float:left; display:inline-block; width:31.3%; margin:1%; height:130px; /* background:rgba(255,255,255,1);  */ color:#222; font-weight:600; font-size:1.3rem; letter-spacing:-1px;  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;  }
#container .sub-05_1 .s_text_wrap .s_text .s_text_li a { display:block; width:100%; height:100%; padding:25px; /* background:#fff; */ transition:all 0.3s; background-image: linear-gradient(-45deg, transparent 20px,
#ECFAFD 0); }
#container .sub-05_1 .s_text_wrap .s_text .s_text_li a:hover {color:#fff; /*  background:#173f3b;  */ background-image: linear-gradient(-45deg, transparent 20px, #C2A664 0);  }
#container .sub-05_1 .s_text_wrap .s_text .s_text_li.active { opacity:1; }
/*
#container .sub-05_1 .s_text_wrap .s_text { position:absolute; margin-top:-180px; width:100%; padding-left:200px; color:#e0c27a; font-size:2.8rem; font-weight:600; letter-spacing:-2px; text-align:center;}
#container .sub-05_1 .s_text_wrap .s_text .s_text_li { position:absolute; width:100%; opacity:0; }
#container .sub-05_1 .s_text_wrap .s_text .s_text_li.active { opacity:1; }
*/
@keyframes marquee {
	0% { left: 0; }
	100% { left: -100%; }
}


/*컨텐츠 06*/
#container .sub-06 { max-width:1400px; margin:0 auto;  padding:100px 0; }
#container .sub-06 .text-wrap { text-align:center; }
#container .sub-06 .map-wrap { height:420px; margin-top:50px; background:gray; }
#container .sub-06 .office {}
#container .sub-06 .office > p { margin:40px 0 30px 0; font-size:27px; font-weight:bold; }
#container .sub-06 .office-info { display:flex; }
#container .sub-06 .office-info > div { flex-grow:1; padding-left:35px; border-right:1px solid#E2E2E2; }
#container .sub-06 .office-info > div:first-child { padding-left:0; }
#container .sub-06 .office-info > div:last-child { border:0; }
#container .sub-06 .office-info p { margin-bottom:5px; font-size:21px; }
#container .sub-06 .office-info p:after { display:none; }
#container .sub-06 .office-info span { font-size:16px; }
#container .sub-06 .siteLink {width: 100%; padding: 80px 10px 0; text-align: center;}
#container .sub-06 .siteLink a {display: block; color: #fff; border-radius: 100px; font-size: 30px; font-weight: 600; padding: 20px 0; width: 100%; background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 87% at 26% 20%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%); box-shadow: 2px 19px 31px rgba(0, 0, 0, 0.2); background-color: #003770;}
#container .sub-06 .siteLink a:first-child {margin-bottom: 50px;}

.bot_wrap {padding:40px 0 80px 0; background:#F4F4F4; }
.bot_Swiper {max-width:1200px; margin:0 auto;}
.bot_Swiper .title {font-size:24px; font-weight:700; margin-bottom:20px;}
.bot_Swiper ul li {padding:10px 0; background:#fff;}
.bot_Swiper ul li a {display:block; width:100%; height:100%; text-align:center;}
.bot_Swiper ul li a img {width:90%;}


/* 바이럴 viral section */
.sec.viral {
	background-image:url(/wl/img/viral_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
}
.sec.viral .wrapper {
	padding: clamp(60px, 4.17vw, 80px) 0;
	text-align:center;
	position:relative;
}
.sec.viral p {
	color:#fff;
	text-align:center;
}
.sec.viral .txt1 {
	font-size:clamp(28px, 2.08vw, 40px);
	line-height: 1.30;
	font-weight:600;
	padding-bottom:26px;
	font-family: 'Nanum Myeongjo', serif;
}
.sec.viral .txt2 {
	background: linear-gradient(90deg, #F5DF94 0%, #BC8E31 36.5%, #DCBB68 66%, #F1DA8F 100%), #D9D9D9;
	padding:clamp(10px, 1.04vw, 20px) clamp(16px, 1.93vw, 37px);
	display:inline-block;
}
.sec.viral .txt2 span {
	-webkit-text-stroke: .7px #D2AD57;
	line-height: 1.21;
	font-size:clamp(33px, 2.50vw, 48px);
	font-weight:700;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.sec.viral .txt2 span::after, .sec.viral .txt2 span::before {
	position:absolute;
	content:"";
	width:clamp(130px, 14.11vw, 271px);
	height:clamp(172px, 18.75vw, 360px);
	background-image:url(/wl/img/viral_leaf_left.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
	top:50%;
	transform:translateY(-50%);
	transition:.3s;
}
.sec.viral .txt2 span::after {
	right:11.67vw;
	transform:translateY(-50%) scaleX(-1);
}
.sec.viral .txt2 span::before{
	left:11.67vw;
}
.sec.viral .txt3 {
	padding-top:30px;
	line-height: 1.41;
	font-size:clamp(22px, 1.77vw, 34px);
	font-weight:400;
}
.sec.viral .txt3 span {
	color:#67C8FF;
	font-weight:700;
}

@media (max-width:1300px) {
	.sec.viral .txt2 span::after {
		right:6vw;
	}
	.sec.viral .txt2 span::before{
		left:6vw; 
	}
}
@media (max-width:1000px) {
	.sec.viral .txt2 span::after {
		right:20px;
	}
	.sec.viral .txt2 span::before{
		left:20px;
	}
	#container .sub-06 .siteLink {
		padding: clamp(50px, 8.00vw, 80px) 10px 0;
	}
	#container .sub-06 .siteLink a{
		font-size: clamp(18px, 3.00vw, 30px);

	}
	.main_lawyer_wrap .lawyer_name.brown span {
		font-size: clamp(16px, 3.00vw, 30px) !important;
	}
	
}
@media (max-width:900px) {
	.main_visual_sec .container .wrapper .cont_area .tit span{
		font-size: 38px;
	}
	.sec.viral .wrapper {
		position:unset;
	}
	.sec.viral .txt1 br, .sec.viral .txt3 br {
		display:block;
	}
	.sec.viral .txt2 {
		display:block;
		width:100%;
	}
	.sec.viral .txt2 span{
		position:relative;
	}
	.sec.viral .txt2 span::after, .sec.viral .txt2 span::before {
		background-image:url(/wl/img/viral_leaf_left_mo.png);
		transform:translate(-60%, -50%);
	}
	.sec.viral .txt2 span::after {
		right:0;
		transform:translate(85%, -50%) scaleX(-1);
	}
	.sec.viral .txt2 span::before{
		left:0; 
	}
}
@media (max-width:760px) {
	.sec.viral {
		background-image:url(/wl/img/viral_bg_mo.jpg);
	}
	.sec.viral .wrapper {
		padding: clamp(60px, 16.84vw, 128px) 0;
	}
	.sec.viral .txt1 {
		font-size:clamp(17px, 3.95vw, 30px);	
		padding-bottom:2.63vw;
	}
	.sec.viral .txt2{
		padding:2.37vw 0;
	}
	.sec.viral .txt2 span{
		font-size:clamp(19px, 5.92vw, 45px);
	}
	.sec.viral .txt2 span::after, .sec.viral .txt2 span::before {
		width:clamp(60px, 20.26vw, 154px);
		height:clamp(78px, 26.84vw, 204px);	
		transform:translate(0, -50%);
	}
	.sec.viral .txt2 span::after {
		right:-17vw;
		transform:translate(0, -50%) scaleX(-1);
	}
	.sec.viral .txt2 span::before{
		left:-8vw;
	}
	.sec.viral .txt3 {
		padding-top:3.95vw;
		font-size:clamp(12px, 4.47vw, 34px);
		letter-spacing:-0.4vw;
	}
}

@media (max-width:600px) {
	.main_visual_sec .container .wrapper .cont_area .tit span{
		font-size: 8.5vw;
	}
}