@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');



* {outline:none;}

.fp-viewing-sec1 #quick .mainTop {display:none;}

.fp-viewing-sec4 .header .header_in > .logo.one {display:none;}
.fp-viewing-sec4 .header .header_in > .logo.two {display:block;}
.fp-viewing-sec4 .gnb ul li > a {color:var(--black);}
.fp-viewing-sec4 .header .header_in .top_util ul li span {color:var(--black);}


.fp-viewing-sec6 .header .header_in > .logo.one {display:none;}
.fp-viewing-sec6 .header .header_in > .logo.two {display:block;}
.fp-viewing-sec6 .gnb ul li > a {color:var(--black);}
.fp-viewing-sec6 .header .header_in .top_util ul li span {color:var(--black);}


/* 국문 페이지 7번 섹션 (뉴스) - 어두운 로고 */
html[lang="ko"] .fp-viewing-sec7 .header .header_in > .logo.one {display:none;}
html[lang="ko"] .fp-viewing-sec7 .header .header_in > .logo.two {display:block;}
html[lang="ko"] .fp-viewing-sec7 .gnb ul li > a {color:var(--black);}
html[lang="ko"] .fp-viewing-sec7 .header .header_in .top_util ul li span {color:var(--black);}

/* 영문 페이지 6번 섹션 (Contact) - 흰색 로고 */
html[lang="en"] .fp-viewing-sec6 .header .header_in > .logo.one {display:block;}
html[lang="en"] .fp-viewing-sec6 .header .header_in > .logo.two {display:none;}
html[lang="en"] .fp-viewing-sec6 .gnb ul li > a {color:var(--white);}
html[lang="en"] .fp-viewing-sec6 .header .header_in .top_util ul li span {color:var(--white);}



/* 풀페이지 */
.section {position: relative; width: 100%; height: var(--vh); box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; z-index: 1; overflow: hidden;}
.section .fp-overflow {position: relative; width: 100%; height: var(--vh); overflow: hidden; display: flex; justify-content: center; flex-direction: column;}
.fp-height-auto {height: auto !important; overflow: visible !important; display: block !important;}
.fp-height-auto > .fp-overflow {display:block; overflow-y: auto;}

.section.bg::before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;  z-index: -1; /* transform:scale(1.2); */}
.section.bg.action::before  {/* transition:all 3s ease; transform:scale(1); */}

.moveSectionDown {display:block; position:absolute; bottom:46px; left:50%; transform:translateX(-50%); z-index:90;}
.moveSectionDown::before {content:'\ead0'; font-size:29px; font-family:var(--icon); color:var(--white); display:block; line-height:1; transition:all 0.3s ease;}
.moveSectionDown:hover::before {color:var(--main) !important; transition:all 0.3s ease;}

#program .moveSectionDown::before, #certificate .moveSectionDown::before, #news .moveSectionDown::before{color:rgba(34,34,34,0.5);}
/* 풀페이지 */



.ani_eff {transform:translateY(70px); opacity:0; visibility:hidden; transition:all 0.5s ease;}
.ani_eff_left {transform:translateX(-70px); opacity:0; visibility:hidden; transition:all 0.5s ease;}
.ani_eff_right {transform:translateX(70px); opacity:0; visibility:hidden; transition:all 0.5s ease;}
.section.action .ani_eff {transform:translateY(0); opacity:1; visibility:visible; transition:all 0.5s ease;}
.section.action .ani_eff_left {transform:translateX(0); opacity:1; visibility:visible; transition:all 0.5s ease;}
.section.action .ani_eff_right {transform:translateX(0); opacity:1; visibility:visible; transition:transform 0.5s ease, opacity 0.5s ease, visibility 0.5s ease;}

.section.action .delay1 {transition-delay:0.5s !important;}
.section.action .delay2 {transition-delay:0.6s !important;}
.section.action .delay3 {transition-delay:0.7s !important;}






/* 배경 */
.full_bg {position:fixed; top:0; left:0; background:url("/img/fullpage_bg.jpg")no-repeat center / cover; width:100%; height:var(--vh); z-index:-1; transition:background 0.5s ease;}
html[lang="ko"] .fp-viewing-sec8 .full_bg,
html[lang="en"] .fp-viewing-sec6 .full_bg {background:var(--blue_black) url("/img/fullpage_last_bg.png")no-repeat center / cover; transition:background 0.5s ease;}
#about::before {background:url("/img/about_bg.jpg")no-repeat center / cover;}
#work::before {background:url("/img/work_bg.jpg")no-repeat center / cover;}
#attorneys::before {background:url("/img/attorneys_bg.jpg")no-repeat center / cover;}
/* #contact {background:rgba(31,38,44,0.8);} */
/* 배경 */

html[lang="en"] .fp-viewing-sec6 .header.up .header_in > .logo.one {display:none;}
html[lang="en"] .fp-viewing-sec6 .header.up .header_in > .logo.two {display:block;}
/* [Fix] 영문 메인 sec6 헤더 hover 시 텍스트 색상 수정 */
html[lang="en"] .fp-viewing-sec6 .header.up .gnb ul li > a,
html[lang="en"] .fp-viewing-sec6 .header.up .header_in .top_util ul li a,
html[lang="en"] .fp-viewing-sec6 .header.up .header_in .top_util ul li span {
  
  color: var(--black) !important;
}





/* 공통 CSS */
.sm-tit {display:block; color: var(--main); font-family: var(--eng); font-size: 0.7777rem; font-weight: 700; line-height:128.571%; letter-spacing: 0.044rem; text-transform: uppercase;}
.fs60 {color: var(--white); font-size: 3.333rem; font-weight: 700; line-height:120%; letter-spacing:-0.263rem;}
html[lang="en"] .fs60 { letter-spacing: normal !important; }
.fs60 b {letter-spacing:inherit; line-height:inherit;}
.fs30 {color: var(--main); font-size: 1.666rem; font-weight: 700; line-height:140%; letter-spacing:-0.088rem;}
.fs24 {color: var(--white); font-size: 1.333rem; font-weight: 500; line-height:141.667%; letter-spacing: -0.075rem;}
.fs20 {color:rgba(34,34,34,.7); font-size: 1.11rem; font-weight: 400; line-height:  170%; letter-spacing: -0.088rem;}
html[lang="en"] .fs20 { letter-spacing: normal !important; }

.more-btn {display:block; position:relative;  width: 200px; height: 66px; box-sizing:Border-box; background:var(--main); border-radius:50px;  overflow:hidden; border:2px solid var(--main);}
.more-btn span {position:relative; z-index:10; width: 100%; height: 100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; color: var(--white); font-family: var(--eng); font-size: 0.777rem; font-weight: 700; line-height:1; letter-spacing: 0.044rem; text-transform: uppercase; transition:all 0.3s ease; padding:0 15px 0 25px;  box-sizing:border-box;}
.more-btn i {position:relative; width: 35px; height: 35px; display:block;  font-style:normal; text-align:center;}
.more-btn i::before {content:'\e941'; font-size:21px; display:block; margin:0 auto; color:var(--main); font-weight:400; font-family:var(--icon); line-height:35px;}
.more-btn i::after {content:''; width: 100%; height: 100%; background:var(--white); border-radius:100%; position:absolute; top:0; left:0; z-index:-1; transition:all 0.3s ease;}
.more-btn:hover span {color:var(--main); transition:all 0.3s ease;}
.more-btn:hover i::after {transform:scale(10); transition:all 0.3s ease;}


.tit-box {margin:0 0 50px;}
.tit-box .sm-tit {margin:0 0 20px;}


/* 스크롤 */
 .scroll_down{display:inline-block; font-size:13px; font-weight:500; color:var(--white); line-height:120%; font-family:var(--eng); text-align:center; position:absolute; left:50%; bottom:36px; transform:translateX(-50%); z-index: 9999;}
 .scroll_down span{display:block; width:20px; height:30px; border-radius:20px; box-sizing:border-box; border:1px solid rgba(255,255,255,.5); position:relative; margin:12px auto 0;}
 .scroll_down span:after{content:''; display:block; width:2px; height:5px; background:#fff; border-radius:2px; position:absolute; left:50%; top:8px; margin-left:-1px; animation:scroll_down 1s linear infinite;}


@keyframes scroll_down {
	0%,100% { transform:translateY(0); opacity: 1;}
	50% { transform:translateY(2px); opacity: 0.5;}
}

@keyframes fadeIn {
	0% { opacity: 0;}
	100% {opacity: 1;}
}
/* 공통 CSS */



/* slick - 페이지, 좌우버튼 */
.v_control {position:absolute; bottom:100px; left:5%; width:90%; z-index:90; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 20px;}
.v_control .slick-arrow {display:block;}
.v_control .slick-arrow::before {content:'\e5e1'; display:block; font-size:30px; line-height:1; display:block; font-family:var(--icon); color:var(--white); font-weight:200;}
.v_control #prev, .v_control #prev2 {transform: scaleX(-1);}
.v_control #next {}
.v_control .slick-page {display:flex; flex-wrap:wrap; align-items:center; gap:0 4px; }
.v_control .slick-page li {color: rgba(255, 255, 255, 0.50);  font-family: var(--eng); font-size: 0.777rem; font-weight: 700; line-height: 1; letter-spacing: 0.7px; text-transform: uppercase;}
.v_control .slick-page li.cur {color:var(--white);}

.v_control.black_ver .slick-page li {color:var(--basic);}
.v_control.black_ver .slick-page li.cur {color:var(--main);}
.v_control.black_ver .slick-arrow::before {color:rgba(34,34,34,0.3);}
/* slick - 페이지, 좌우버튼 */













/******* Visual *******/
#visual {width:100%; overflow: hidden; background:var(--black); position: relative;}
#visual .slick-arrow{opacity: 1;}
#visual .slick-arrow:hover{opacity: 0.5;}

#visual .visual_in{width: 100%; height: 100%; position: relative;}
#visual .visual_in .slick-list, #visual .visual_in .slick-track {height:100%;}
#visual .visual_in .roll{position:relative; width: 100%; height:100%;}
#visual .visual_in .roll div{}
#visual .visual_in .roll .v_txt {position: absolute; left: 50%; top:45%; transform:translate(-50%,-50%); text-align:center; z-index: 9999;}

#visual .visual_in .roll .v_txt::before {content:''; width:82px; height:90px; background:url("/img/v_ci.svg")no-repeat center; position:relative; display:block; margin:0 auto 18px;  transition:all .5s 0.2s ease; transform:translateY(60px); opacity:0;}
#visual .visual_in .roll .v_txt h2 {color: var(--white); font-size: 4.444rem; font-weight: 300; line-height:123.5%; letter-spacing: -0.35rem; transition:all .5s 0.3s ease; transform:translateY(60px); opacity:0;}
/* 영문 페이지의 h2 letter-spacing 수정 */
html[lang="en"] #visual .visual_in .roll .v_txt h2 { letter-spacing: normal !important; }

#visual .visual_in .roll .v_txt h2 b {line-height:inherit; letter-spacing:inherit;}
#visual .visual_in .roll .v_txt p {color: var(--white); font-size: 1.333rem; font-weight: 700; line-height:150%; letter-spacing: -0.105rem; margin:30px 0 0; transition:all .5s 0.4s ease; transform:translateY(60px); opacity:0;}
html[lang="en"] #visual .visual_in .roll .v_txt p { letter-spacing: normal !important; }
#visual .visual_in .roll .v_bg {position: absolute; left: 0; top:0; width: 100%; height: 100%;}
#visual .visual_in .roll .v_bg .bg {width: 100%; height: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition:transform 3000ms  ease-in-out; -moz-transition:transform 3000ms ease-in-out; -o-transition:transform 3000ms ease-in-out; -ms-transition:transform 3000ms ease-in-out; transition:transform 3000ms ease-in-out;}

/* 효과 */
#visual .visual_in .roll.action .v_bg .bg{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
#visual .visual_in .roll.action .v_txt::before {transform:translateY(0); opacity:1;}
#visual .visual_in .roll.action .v_txt h2 {transform:translateY(0); opacity:1;}
#visual .visual_in .roll.action .v_txt p {transform:translateY(0); opacity:1;}
/******* Visual *******/






#about {}
#about .tit-box {text-align:center;}
#about .tit-box .fs60 {font-weight:300;}
#about .tit-box .fs60 .line {position:relative;}
#about .tit-box .fs60 .line::after {content:''; width:105%; height:50%; background:var(--main); position:absolute; bottom:0; left:0; z-index:-1; transform:translateX(-1%);}
#about .w1050 {max-width:1050px; margin:0 auto; width:90%;}
#about .odometer-formatting-mark {display:none !important;}
#about .odometer {display:block; width:100%;}
#about .odometer .odometer-inside {width:100%; max-width:802px; display:flex; flex-wrap:wrap; justify-content:center; gap:15px; margin:0 auto;}
#about .odometer .odometer-inside * {font-family: var(--eng); font-size: 6.666rem; font-weight: 800; line-height:145%; color: var(--white); text-align: center; }
#about .odometer .odometer-digit {position:relative; width:calc((100%  - 60px) / 5); aspect-ratio: 3 / 3.85; background:url("/img/num_frame.svg")no-repeat center / 100% auto; }
#about .odometer .odometer-digit::after {content:''; width:75%; height:50%; position:absolute; top:50%; left:50%; background:url("/img/num_line.svg")no-repeat center / 100% auto; transform:translate(-50%,-50%);}

.odometer-digit-inner {width:100%; height:100%;}
.odometer-ribbon { width:100%; height:100%;}
.odometer-value {width:100%; height:100%; line-height:160% !important;} 


#about .fs35 {color: var(--white); text-align: center; font-size: 1.9444rem; font-weight: 400; line-height:102.857%; letter-spacing: -0.153rem; margin:26px 0 65px;}
#about .about_info {display:flex; flex-wrap:wrap; justify-content:space-between; border-top:1px solid rgba(255,255,255,0.3); padding-top:35px; align-items:center;}
#about .about_info .awards {display:flex; flex-wrap:nowrap; gap:0 20px;}
#about .about_info .awards dd {}
#about .about_info .awards dd .stxt {line-height:155.556%; letter-spacing: -0.079rem; color:rgba(255,255,255,0.7);}
#about .about_info .awards dd .fs24 {font-weight: 700; margin:0 0 7px;}
#about .about_info .awards dd .fs16 {color: var(--white); letter-spacing: -0.07rem; font-size:0.88rem;}


#about .about_info .btn-wrap {display:flex; flex-wrap:wrap; align-items:center; gap:0 28px;}


/******* Areas of work *******/
#work {position:relative;}
#work .bg-list {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
#work .bg-list li {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; visibility:hidden; transition:all 0.5s ease;}
#work .bg-list li.on {opacity:1; visibility:visible; transition:all 0.5s ease;}

#work .w1590 {position:relative; z-index:10;}
#work .work-list {display: grid; grid-template-columns: repeat(3, 1fr);}
#work .work-list li {background:rgba(255,255,255,0.06); backdrop-filter: blur(5px); border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box; transition:all 0.5s ease;}
#work .work-list li:nth-of-type(3n) {border-right:0;}
#work .work-list li:nth-of-type(-n+3) {border-bottom:1px solid rgba(255,255,255,0.2);}
#work .work-list li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:100%; padding:54px 50px; box-sizing:Border-box; transition:all 0.5s ease;}
#work .work-list li .in {width:calc(100% - 120px);}
#work .work-list li .in .sm-tit {margin:5px 0 0; color:rgba(255,255,255,0.5);}
#work .work-list li .icon {width:100px; text-align:center;}

#work .work-list li.on {border-color:var(--main); transition:all 0.5s ease;}
#work .work-list li.on a {background:var(--main); transition:all 0.5s ease;}
/******* Areas of work *******/








/******* Program *******/
#program {}
#program .w1590 {position:relative;}
#program .tit-box {width:50%; margin:0 0 55px auto; padding-left:100px; box-sizing:border-box;}
#program .tit-box .fs60 {color: var(--black); font-weight: 300;}
#program .program_roll {position:absolute; top:50%; left:0; width:50%; transform:translateY(-50%);}
#program .program_roll .roll img {max-width:100%;}

#program .program_tBox {width:50%; margin:0 0 0 auto; padding-left:100px; box-sizing:border-box;}
#program .program_tBox .roll {position:relative; padding-right:220px; box-sizing:border-box;}
#program .program_tBox .num {width: 45px; height: 45px; line-height:41px; display:block; text-align:center; border-radius:100%; border:2px solid var(--main); box-sizing:border-box; letter-spacing: 0.36px; color: var(--main); font-family: var(--eng); font-style: normal; font-weight: 700;}
#program .program_tBox .fs30 {margin:20px 0 10px;}
#program .program_tBox .roll .more-btn {position:absolute; bottom:2px; right:0;}
/******* Program *******/





/******* Attorneys info *******/
#attorneys {overflow:hidden !important;}
#attorneys .fp-overflow {align-content:flex-end; flex-wrap:wrap; flex-direction:unset;} 
#attorneys .w1590 {display:flex; flex-wrap:wrap; align-items:center;height:100%;}
#attorneys .tit-box {width:400px; padding-top:0;}
#attorneys .tit-box .fs60 {margin:0 0 50px;}
#attorneys .attorneys-cont {position:relative; width:calc(100% - 400px); display:flex; flex-wrap:wrap; align-items:center; height:100%; overflow:hidden;}
/* #attorneys .attorneys-cont > div {width:100%; display:flex; flex-wrap:wrap; align-items:center;} */
#attorneys .attorneys-cont .people {position:absolute; top:0; left:0; width:476px; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; z-index:-1;}
#attorneys .attorneys-cont .people img {/* max-width:100%; */ transform:translateY(20%);}
#attorneys .attorneys-cont .people-info {width:calc(100% - 476px); padding-left:70px; box-sizing:border-box;/*  transform:translateY(-15%); */ margin-left:auto;}
#attorneys .attorneys-cont .people-info h3 {font-size: 1.944rem; font-weight: 400; line-height:137.143%; letter-spacing:-0.153rem; color:rgba(255,255,255,0.8); padding-bottom:27px; margin-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.3);}
#attorneys .attorneys-cont .people-info h3 b {font-size:3.333rem; font-weight: 700; line-height:120%; letter-spacing: -0.263rem; color:var(--white); display:inline-block; margin-right:15px;}
#attorneys .attorneys-cont .people-info h4 {font-weight:500; color:var(--white);}
#attorneys .attorneys-cont .people-info .stxt {line-height:177.778%; letter-spacing: -0.079rem; color:rgba(255,255,255,0.7); margin:43px 0 25px;}
html[lang="en"] #attorneys .attorneys-cont .people-info .stxt { letter-spacing: normal !important; }
#attorneys .attorneys-cont .people-info .fs32 {display:block; width:100%; color: var(--white); font-size: 1.7777rem; font-weight: 700; line-height: 112.5%; letter-spacing: -0.14rem; margin:0 0 -5px;}
#attorneys .attorneys-cont .people-info .fs30 {display:inline-block; color:var(--white); text-decoration:none; position:relative; }
#attorneys .attorneys-cont .people-info .fs30::after {content:''; width:100%; height:85%; position:absolute; bottom:0; left:0; z-index:-1; background:var(--main);}
/******* Attorneys info *******/





/******* Certificate *******/
#certificate {}
#certificate .w1590 {display:flex; flex-wrap:wrap;}
#certificate .tit-box {width:540px; margin-top:-30px;}
#certificate .tit-box .fs60 {font-weight: 300; color: var(--black);}
#certificate .tit-box u.fs20 {position:relative; z-index:10; display:inline-block; color: var(--main); font-weight: 700; line-height: 170%; letter-spacing: -0.088rem; text-decoration:none; margin:37px 0 20px;}
#certificate .tit-box u.fs20::after {content:''; width:100%; height:70%; background:var(--main); opacity:0.1; z-index:-1; position:absolute; bottom:0; left:0;}
#certificate .tit-box .stxt {line-height:177.778%; letter-spacing: -0.079rem;}
#certificate .certi-list {width:calc(100% - 540px); display: grid;  grid-template-columns: repeat(3, 1fr); grid-gap:30px; margin-top:60px;}
#certificate .certi-list li {aspect-ratio: 3 / 4; padding:40px; box-sizing:border-box; background:url("/img/certi_frame.svg")no-repeat center / 100%; position:relative; z-index:10;}
#certificate .certi-list li::after {content:''; width:100%; height:10%; background:url("/img/frame_shadow.png")no-repeat center bottom / 100%; position:absolute; bottom:0; left:0; z-index:-1; transform:translateY(70%); opacity:0.8;}
#certificate .certi-list li img {width: 100%;}

/******* Certificate *******/





/******* D A  News *******/
#news .slick-arrow {position:absolute; border:0; padding:0; font-size:0; outline:none; cursor:pointer; display:block; transition:all .3s linear; position: absolute; z-index: 9999; background:transparent; top:-100px;}
#news .slick-arrow::before {content:'\e5e1'; font-size:40px; display:block; line-height:1; color:var(--basic); font-family:var(--icon); font-weight:300;}
#news .slick-prev {transform: scaleX(-1); right:60px;}
#news .slick-next {right:0;}

#news .tit-box {}
#news .tit-box .fs60 {color:var(--black);}
#news .news-roll {}
#news .news-roll .slick-list {margin:0 -15px; padding-bottom:20px !important;}
#news .news-roll dl {background: var(--white); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); margin:0 15px;}
#news .news-roll dl dt {aspect-ratio: 3 / 1.96; overflow: hidden;}
#news .news-roll dl dt img {display: block; width: 100%; height: 100%; object-fit: cover;}
#news .news-roll dl dd {padding:30px 30px 35px; box-sizing:border-box;}
#news .news-roll dl dd h3 {color: var(--black); font-size: 1.11rem; font-weight: 500; line-height:170%; letter-spacing: -0.088rem; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; margin:0 0 2px;}
#news .news-roll dl dd .stxt {font-size: 0.888rem; font-weight: 400; line-height:175%; letter-spacing: -1.12px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 3.2rem;}
#news .more-btn {margin:20px auto 0;}
/******* D A  News *******/





#contact {}
#contact .form_wrap {display:flex; flex-wrap:wrap; align-content:center; height:var(--vh);}
#contact .form_wrap .tit-box {width:45%; padding-top:24px; padding-right:5%; box-sizing:border-box;}
#contact .form_wrap .tit-box .fs20 {font-weight: 700; color:var(--white); margin:0 0 18px;}
#contact .form_wrap .tit-box .fs20::before {content:''; width:20px; height:2px; border-radius:20px; background:var(--white); margin:40px 0 50px; display:block; position:relative;}
#contact .form_wrap .tit-box ul {}
#contact .form_wrap .tit-box ul li {font-family:var(--eng); color:rgba(255,255,255,0.7); padding-left:23px; box-sizing:border-box; position:relative;}
#contact .form_wrap .tit-box ul li::before {font-size:18px; font-family:var(--icon); display:block; position:absolute; top:1px; left:0; font-variation-settings: 'FILL' 1;}
#contact .form_wrap .tit-box ul li.address::before {content:'\e158';}
#contact .form_wrap .tit-box ul li.tel::before {content:'\e0b0';}
#contact .form_wrap .tit-box ul li.fax::before {content:'\e8ad';}
#contact .form_wrap .contact-form {width:55%;}
/* html[lang="en"] #contact::after {background:url("/img/frame_shadow.png")no-repeat center bottom / 100%; position:absolute; bottom:0; left:0; z-index:-1; transform:translateY(70%); opacity:0.8;} */
html[lang="en"] #contact {background:var(--blue_black) url("/img/fullpage_last_bg.png")no-repeat center / cover; transition:background 0.5s ease;}

.form_table {}
.form_table * {outline:none;}
.form_table input {width:100%; line-height:30px; padding:0; background:transparent; font-size:0.88rem; letter-spacing: -0.07rem; border:0; color:var(--basic);}
.form_table select {width:100%; line-height:30px; padding:0; background:transparent url("/img/cat_arrow_bk.svg") no-repeat right 15px center/10px auto;  font-size:0.88rem; letter-spacing: -0.07rem; border:0; color:var(--basic);}
.form_table textarea {width:100%; height:110px; padding:0; background:transparent; font-size:0.88rem; letter-spacing: -0.07rem; border:0; color:var(--basic);}
.form_table .hyp {width:20px; text-align:center; font-size:0.888rem;}
.form_table dl {padding:20px; box-sizing:border-box; display:flex; flex-wrap:wrap; border-radius: 5px; background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(4px); margin:0 0 1px;}
.form_table dl dt {width:130px; color: var(--black); font-size: 0.88rem; font-weight: 500; line-height:175%; letter-spacing: -0.07rem;}
.form_table dl dd {width:calc(100% - 130px); padding-left:22px; box-sizing:border-box; border-left:1px solid #cacbcb; display:flex; flex-wrap:wrap; align-items:center; }
.form_table dl dd .sub_txt {font-size:0.88rem; line-height:175%; letter-spacing:-0.07rem; width:100%; margin:2px 0 0;}
.form_table dl dd .sub_txt a {line-height:inherit; letter-spacing:inherit;}

.form_table .select_num, .form_table .input_num {width:calc((100% - 40px) / 3);}
.form_table .select_email {border-left:1px solid #cacbcb; padding-left:24px;}
.form_table .select_email, .form_table .email_input {width:calc((100% - 20px) / 3);}
.form_table input[id="vcode"] {width:calc(100% - 80px); line-height:33px;}


.contact-form .submit {margin:30px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:15px 20px; position:relative;}
.contact-form .submit .privacy_agree {position:absolute; top:-20px; left:0; width:100%; transform:translateY(-100%);}
.contact-form .submit .privacy_agree textarea {width:100%; padding:15px; box-sizing:border-box; font-size:0.88rem; line-height:175%; letter-spacing:-0.07rem; color:var(--basic);}
.privacy_head {font-size:0;}
.privacy_head label {color: var(--white); font-size: 0.888rem; font-weight: 400; line-height:175%; letter-spacing: -1.12px;}
html[lang="en"] .privacy_head label { letter-spacing: normal !important; }
.privacy_head label .option {font-size: inherit; line-height:inherit; letter-spacing:inherit; cursor:pointer; font-weight: 500; text-decoration:underline; margin-left:8px; text-underline-offset: 4px;}

.privacy_head input[type="checkbox"] {display:inline-block; vertical-align:middle; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; width: 20px; height: 20px; border-radius: 3px; border:1px solid rgba(255,255,255,0.7); box-sizing:border-box; margin:0 8px 0 0 !important; position:relative; top:-6px;}
.privacy_head input[type="checkbox"]:checked {background:var(--white);}
.privacy_head input[type="checkbox"]:checked::before {content:'\e5ca'; font-size:16px; line-height:18px; font-family:var(--icon); display:block; color:var(--black); text-align:center;}


.partner-list {width:100%; display: grid;  grid-template-columns: repeat(6, 1fr); grid-gap:30px; padding:0 0 100px;}
.partner-list li img {width:100%; }







/*******************************************************************************
    @media 1700px
*******************************************************************************/
@media all and (max-width:1700px){



#program br {display:none;}



#attorneys .tit-box {width:320px;}
#attorneys .attorneys-cont {width:calc(100% - 320px);}
#attorneys .attorneys-cont .people {width:330px; position:relative;}
#attorneys .attorneys-cont .people-info {width:calc(100% - 330px);}
/* 
#attorneys .attorneys-cont .people {width:35%;}
#attorneys .attorneys-cont .people img {max-width:135%;}
#attorneys .attorneys-cont .people-info {width:65%; padding-left:6%;}
 */
#certificate .certi-list li {padding:20px;}




}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){


#program .tit-box {padding-left:5%;}
#program .program_tBox .roll .more-btn {position:relative; bottom:0; margin:30px 0 0;}
#program .program_tBox {padding-left:5%;}
#program .program_tBox .roll {padding-right:0;}





#certificate .tit-box {width:480px; margin-top:0;}
#certificate .certi-list {grid-gap:15px; width:calc(100% - 480px); margin-top:0;}




}
/*******************************************************************************
    @media 1300px
*******************************************************************************/
@media all and (max-width:1300px){


#certificate .tit-box {width:100%; text-align:center;}
#certificate .tit-box br {display:none;}
#certificate .certi-list {grid-gap:15px; width:100%;}

#attorneys .w1590 {height:auto;}
#attorneys .tit-box {width:100%; padding-top:0; position:relative;}
#attorneys .tit-box .fs60 {margin:0;}
#attorneys .tit-box .more-btn {position:absolute; bottom:0; right:0;}
#attorneys .attorneys-cont {width:100%; height:auto;}
#attorneys .attorneys-cont .people {height:660px;}
#attorneys .attorneys-cont .people img {max-width:400px; transform:translateY(0);}
#attorneys .attorneys-cont .people-info {transform:translateY(-15%);}

}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

.tit-box {margin:0 0 35px;}
.tit-box .sm-tit {margin:0 0 15px;}

.fs60 {font-size:2.8888rem;}
.fs30 {font-size:1.4444rem;}
.fs24 {font-size:1.222rem;}

#visual .visual_in .roll .v_txt {}
#visual .visual_in .roll .v_txt::before {width:60px; height:66px; background-size:100% auto;}
#visual .visual_in .roll .v_txt h2 {font-size:3.333rem;}

#work .work-list li a {padding:35px 30px;}
#work .work-list li .in {width:100%; order:2; text-align:center;}
#work .work-list li .icon {width:100%; text-align:center; order:1; margin:0 0 15px;}
#work .work-list li .icon img {max-width:60px;}


#program .tit-box {margin:0 0 25px auto;}
#program .program_tBox .num {width:34px; height:34px; line-height:30px;}


#attorneys .fp-overflow {align-content:center;}
#attorneys .w1590 {position:relative; padding-bottom:80px;}
#attorneys .tit-box {text-align:center; position:static;}
#attorneys .tit-box .more-btn {right:50%; transform:translateX(50%);}
#attorneys .attorneys-cont .people {width:100%; height:485px; overflow:hidden; text-align:center; justify-content:center; -webkit-mask-image:linear-gradient(to bottom, #000 50%, transparent 100%, transparent 100%);}
#attorneys .attorneys-cont .people img {max-width:200px;}
#attorneys .attorneys-cont .people-info {width:100%; text-align:center; margin:-200px 0 0; padding-left:0;}
#attorneys .attorneys-cont .people-info h3 {font-size:1.444rem; padding-bottom:0; border-bottom:0; margin-bottom:20px;}
#attorneys .attorneys-cont .people-info h3 b {font-size:2.222rem;}
#attorneys .attorneys-cont .people-info .stxt {margin:20px 0 12px;}




#certificate .tit-box u.fs20 {margin:20px 0 10px;}
#certificate .certi-list li {padding:6%;}


#news .slick-arrow {top:-80px;}
#news .news-roll dl dd {padding:20px 20px 25px;}

#contact .form_wrap .tit-box {width:100%; padding-top:0;}
#contact .form_wrap .tit-box .fs20 {margin:12px 0 7px;}
#contact .form_wrap .tit-box .fs20::before {display:none;}
#contact .form_wrap .tit-box ul {display:flex; flex-wrap:wrap; gap:0 15px;}
#contact .form_wrap .contact-form {width:100%;}

.partner-list {grid-template-columns: repeat(3, 1fr); grid-gap:10px; padding:0 0 80px;}



}
/*******************************************************************************
    @media 780px
*******************************************************************************/
@media all and (max-width:780px){

#about .odometer .odometer-inside * {font-size:14vw;}


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


.moveSectionDown {bottom:90px; display:none !important;}
.moveSectionDown::before {font-size:20px;}




.tit-box {text-align:center; margin:0 0 30px;}
.tit-box .sm-tit {margin:0 0 10px;}

.fs60 {font-size:2rem; letter-spacing:-0.15rem;}
.fs30 {font-size:1.2333rem;}
.fs24 {font-size:1.111rem;}

.more-btn {width:155px; height:45px;}
.more-btn span {padding:0 12px 0 20px;}
.more-btn i {width:25px; height:25px;}
.more-btn i::before {font-size:18px; line-height:25px;}

.v_control {gap:0 13px; bottom:100px;}
.v_control .slick-arrow::before {font-size:20px;}
.v_control .slick-page li {font-size:0.9222rem;}





#visual .visual_in .roll .v_txt::before {width:44px; height:48px; margin:0 auto 15px;}
#visual .visual_in .roll .v_txt h2 {font-size:2.444rem; letter-spacing:-0.2rem;}
#visual .visual_in .roll .v_txt p {font-size:1.222rem; margin:15px 0 0;}


#about .odometer .odometer-inside {gap:10px;}
#about .odometer .odometer-digit {width:calc((100%  - 40px) / 5);}
#about .odometer .odometer-inside * {font-size:13vw;}
#about .fs35 {font-size:1.333rem; margin:12px 0 25px;}

#about .about_info .awards {align-items:center; width:100%; justify-content:center;}
#about .about_info .awards dt img {width:65px; height:auto;}
#about .about_info .btn-wrap {justify-content:space-between; margin:20px 0 0; width:100%;}

#work .work-list {grid-template-columns: repeat(2, 1fr);}
#work .work-list li a {padding:18px;}
#work .work-list li .in {width:100%; order:2; text-align:center;}
#work .work-list li .in .sm-tit {display:none;}
#work .work-list li .icon {margin:0 0 5px;}
#work .work-list li .icon img {max-width:40px; max-height:40px;}

#work .work-list li:nth-of-type(3) {border-right:1px solid rgba(255,255,255,0.2);}
#work .work-list li:nth-of-type(2n) {border-right:0;}
#work .work-list li:nth-of-type(-n+4) {border-bottom:1px solid rgba(255,255,255,0.2);}


#program .tit-box {width:100%; padding-left:0; margin: 0 0 15px auto;}
#program .tit-box .fs60 {font-size:1.5rem;}
#program .program_tBox .roll .more-btn {position:relative; bottom:0;}

#program .program_roll {position:relative; width:100%; top:0; transform:translateY(0); max-height:22vh;}
#program .program_roll .roll{text-align:center;}
#program .program_roll .roll img {max-width:80%; max-height:100%;}

#program .program_tBox {width:100%; margin-top:-25px; padding-left:0;}
#program .program_tBox .roll {position:relative; text-align:center; /* width:100% !important; */}
#program .program_tBox .num {background:var(--white); font-size:13px; margin:0 auto;}
#program .program_tBox .roll .more-btn {margin:20px auto 100px;}

#program .program_tBox .slick-track {display:block;}
#program .program_tBox .slick-track:after {content:''; display:block; clear: both;}
#program .program_tBox .slick-track .roll {float:left;}

/* .program_tBox .slick-list {width:90%;} */




#attorneys .w1590 {padding-bottom:40px;}
#attorneys .tit-box {margin:0 0 15px;}
#attorneys .tit-box .fs60 {font-size:1.5rem;}
/* #attorneys .attorneys-cont .people {height:200px;} */
#attorneys .attorneys-cont .people {height:330px;}
#attorneys .attorneys-cont .people img {max-width:165px;}
#attorneys .attorneys-cont .people-info {margin:-185px 0 0;}
#attorneys .attorneys-cont .people-info br {display:none;}
#attorneys .attorneys-cont .people-info h3 {font-size:1.222rem; margin-bottom:5px;}
#attorneys .attorneys-cont .people-info h3 b {font-size:1.666rem; margin-right:8px;}
#attorneys .attorneys-cont .people-info .stxt {margin:12px 0 6px;}


#news .slick-arrow {top:-60px;}
#news .slick-arrow::before {font-size:30px;}
#news .slick-prev {right:auto; left:0;}

#news .news-roll { overflow:visible;}
#news .news-roll .slick-list {overflow:visible; margin:0 -2px; width:85%;}
#news .news-roll dl {margin:0 5px;}
#news .more-btn {margin:10px auto 0;}



#contact .form_wrap {height:auto; padding:130px 0 40px;}
#contact .form_wrap .tit-box ul {display:flex; flex-wrap:wrap; justify-content:center; gap:0 10px;}


.form_table input {line-height:20px; font-size:0.9444rem;}
.form_table select {line-height:20px; padding:0; background:transparent url("/img/cat_arrow_bk.svg") no-repeat right 10px center/10px auto; font-size:0.9444rem;}
.form_table textarea {height:60px;}

.form_table dl {padding:10px 10px;}
.form_table dl dt{width:70px}
.form_table dl dd{width:calc(100% - 70px); padding-left:10px;}

/*.form_table dl dt {width:100%; border-bottom:1px solid #cacbcb; padding-bottom:7px; margin-bottom:9px;}
.form_table dl dd {width:100%; padding-left:0; border-left:0;}*/

.form_table .email_input{width:calc((100% - 20px) / 2);}
.form_table .select_email{width:100%; padding:8px 0 0 0; margin-top:8px; border-left:0; border-top:1px solid var(--border);}

.contact-form .submit {justify-content:center;}
.contact-form .submit .agree_con {width:100%; text-align:center;}

.partner-list {grid-gap:5px; padding:0 0 60px;}






}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){


}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){

#about .about_info .btn-wrap  {justify-content:center; text-align:center;}
#about .about_info .btn-wrap br {display:none;}
#about .about_info .btn-wrap .fs24 {width:100%; margin:0 0 18px;}

}