.scroll_on { opacity: 0; transition: all 1s;}
.scroll_on.active {opacity: 1 !important; transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}

.scroll_on02 { transition: all 1s; }
.scroll_on02.active {  }

.full-wrap { width:100%; }
.wrap { width: 1560px; margin: 0 auto; }

.wrap_1200 {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}

.wrap_1240 {
  margin: 0 auto;
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  word-break: keep-all;
}

/* head */
.head { position: absolute; left: 0; top: 0; z-index: 999; width: 100%; display: flex; flex-wrap: wrap; align-items: center; height: 90px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.sub_body .head { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.head.scrolled { position: fixed; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
.head .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.head .logo_img02 { display: none; }
.sub_body .logo_img01, .head.scrolled .logo_img01 { display: none; }
.sub_body .logo_img02, .head.scrolled .logo_img02 { display: inline-block; }

.menu_inr { display: flex; flex-wrap: wrap; gap: 0 80px; }
.menu_inr li a { color: #fff; font-size: 20px; font-weight: 600; }
.sub_body .menu_inr li a, .head.scrolled .menu_inr li a { color: #222; }

.menu-toggler, .mobile_menu { display: none; }

/* footer */
.main_footer .company_wrap {
  background-color: #343434;
  display: flex;
  justify-content: center;
  padding: 30px 0 40px;
}

.main_footer .company_wrap ul {
  width: 100%;
  max-width: 1400px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main_footer .company_wrap li {
  display: flex;
  gap: 15px;
  align-items: center;
}

.main_footer .company_wrap li+li::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 25px;
  background-color: #fff;
  margin-right: 40px;
}

.main_footer .company_wrap span {
  color: #fff;
  display: block;
}

.main_footer .company_wrap span.tit {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.5px;
  word-break: keep-all;
}

.main_footer .company_wrap span.sub_tit {
  font-weight: 400;
  font-size: 13px;
}

.footer { position: relative; padding: 80px 0; }
.footer:after { content:''; position: absolute; left: 0px; top: 0px; z-index:-1; width: 40%; height: 100%; border-radius: 0 30px 30px 0; background: #111523; }
.footer .wrap { display: flex; flex-wrap: wrap; }
.footer_left { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 590px; }
.ft_sns { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 20px; }
.footer_right { display: flex; flex-wrap: wrap; gap: 30px 0; width: calc(100% - 590px); padding-left: 80px; font-size: 16px; }
.footer_right ul { width: 100%; }
.footer_right ul li { color: #777; line-height: 1.7;}
.footer_right ul li.point { color: #111; font-weight: 700; }
.footer_right  a { font-weight: 700; }

.quick { position: fixed; right: 20px; bottom: 90px; z-index: 99; }
.quick_list { padding: 15px 0 30px; background: #fff; border-radius: 45px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15); }
.quick_list li { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 90px; height: 75px; }
.quick_list li:after { content:''; position: absolute; left: 5%; bottom: 0px; width: 90%; height: 1px; background: #ddd; }
.quick_list li:last-child:after { display: none; }
.quick_list li span { display: block; margin-top: 10px; font-size: 14px; font-weight: 600; word-break: keep-all; }

#top_btn { position: relative; bottom: 30px; left: 0; text-align: center; width: 90px; height: 90px; border: none; border-radius: 500px; background: #c29056; color: #fff; z-index: 90; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15); }
#top_btn:hover { }
#top_btn i { font-size: 24px; }
#top_btn span { display: block; }

.quick_online { position: sticky; left: 0; bottom: 0; z-index: 99; }
.quick_online form { position: relative; z-index: 99; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 0 20px; width: 100%; height: 90px; background: #040509 url('../image/main/quick_online_bg01.jpg') center right no-repeat; background-size: cover; color: #fff; }
.quick_online h3 { display: inline-block; background-image: linear-gradient(to right, #f6cea0, #c18847); background-clip: text; color: transparent; font-size: 28px; font-weight: 800; }
.quick_online_form { display: flex; flex-wrap: wrap; gap: 0 10px; }
.quick_online_form li { display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.quick_online_form li.agreebox input { width: 20px; height: 20px; margin-right: 5px; }
.quick_online_form li.agreebox label { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; text-align: right; width: 100%; font-weight: 400; }
.quick_online_form li.agreebox label a { margin-left: 10px; color: #fff; text-decoration: underline; }
.quick_online .online_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 200px; height: 50px; background-image: linear-gradient(to right, #C29056, #654725); border: none; border-radius: 5px; color: #fff; font-size: 18px; font-weight: 700; }

/* main */
.main_vis { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 190px 0px 100px; background: #111523; transition: opacity 1s ease; }
.main_vis.fade-out { opacity: 0; pointer-events: none; }
.main-text { color: #fff; word-break: keep-all; }
.main-text .text01 { margin-bottom: 30px; font-size: 55px; }
.main-text .text02 { color: rgba(255, 255, 255, 0.5); font-size: 32px; }
.main-text .text03 { margin-top: 30px; color: rgba(255, 255, 255, 1); font-size: 42px; font-weight: 600; line-height: 1; }

/* 페이드인 */
.fade-in { opacity: 0; transform: translateY(20px); animation: fadeUp 1s forwards; }
.fade-in.delay { animation-delay: 1.5s; }

@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 하이라이트 효과 */
.highlight { position: relative; display: inline-block; background-image: linear-gradient(to right, #f6cea0, #c18847); background-clip: text; color: transparent; font-weight: 700; }
/* .highlight::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 30%; background: #ffcc00; z-index: -1; animation: highlight 1s ease forwards; animation-delay: 0.5s; }
.delay .highlight::after { animation-delay: 2s; }

@keyframes highlight {
	from { width: 0; }
	to { width: 100%; }
}*/

.main_con { position: relative; padding: 150px 0; }

.main_con_title { margin-bottom: 80px; }
.main_con_title.align_C { text-align: center; }
.main_con_title h2 { line-height:1; }
.main_con_title h2 span.en_stitle { color: #be976a; font-family: "Marcellus"; font-size: 20px; text-transform: uppercase; }
.main_con_title h2 span.title { display: block; margin-top: 30px;  font-size: 52px; font-weight: 800; }
.main_con_title p { margin-top: 50px; color: #888; font-size: 20px; line-height: 1.6; word-break: keep-all; }

.main_con01 { position: relative; display: flex; flex-wrap: wrap; padding: 0; color: #fff; }
.main_con01_inr01 { background: url('../image/main/main_con01_bg01.jpg') center center no-repeat; background-size: cover; }
.main_con01_inr02 { background: url('../image/main/main_con01_bg02.jpg') center center no-repeat; background-size: cover; }
.main_con01_inr03 { background: url('../image/main/main_con01_bg03.jpg') center center no-repeat; background-size: cover; }
.main_con01_inr { flex: 1; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; height: auto; padding: 100px 0; }
.main_con01_inr .imgbox { width: 100%; margin-bottom: 40px; }
.main_con01_inr .imgbox img { max-width: 100%; }
.main_con01_inr .textbox { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; }
.main_con01_inr .textbox h3 { position: relative; text-align: center; margin-bottom: 30px; }
.main_con01_inr .textbox h3 span { display: inline-block; background-image: linear-gradient(to right, #f6cea0, #c18847); background-clip: text; color: transparent; font-size: 42px; font-weight: 800; }
.main_con01_inr .textbox p { margin-bottom: 30px; font-size: 24px; font-weight: 500; word-break: keep-all; }
.main_con01_inr .textbox .textlist { display: inline-flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 30px; }
.main_con01_inr .textbox .textlist li { position: relative; text-align: left; margin-bottom: 15px; padding-left: 20px; color: rgba(255, 255, 255, 0.8); font-size: 22px; word-break: keep-all; }
.main_con01_inr .textbox .textlist li:last-child { margin-bottom: 0px; }
.main_con01_inr .textbox .textlist li:after { content:''; position: absolute; left: 0px; top: 11px; width: 4px; height: 4px; border-radius: 4px; background: #be986b; }
.main_con01_inr .textbox .main_con01_btn01 { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 230px; height: 60px; border: 1px solid #c18847; border-radius: 5px; transition: 0.3s; }
.main_con01_inr .textbox .main_con01_btn01 span { display: inline-block; padding: 0 30px; background-image: linear-gradient(to right, #f6cea0, #c18847); background-clip: text; color: transparent; font-size: 20px; font-weight: 700; }
.main_con01_inr .textbox .main_con01_btn01:hover { border: 1px solid #f6cea0; }
.main_con01_btn02 { position: absolute; left: calc(50% - 185px); bottom: -40px; z-index: 9; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 370px; height: 80px; background-image: linear-gradient(to right, #C29056, #654725); border-radius: 5px; color: #fff; font-size: 24px; font-weight: 700; }
.main_con01_btn02 i { margin-left: 5px; }

.main_con02 { position: relative; background: #191919 url('../image/main/main_con02_bg01.jpg') center bottom no-repeat; background-attachment: fixed; color: #fff; }
.main_con02 .main_con_title { text-align: center; }
.main_con02 h3 { position: relative; text-align: center; margin-bottom: 50px; }
.main_con02 h3 span { display: inline-block; padding: 0 30px; background-image: linear-gradient(to right, #f6cea0, #c18847); background-clip: text; color: transparent; font-size: 36px; }
.main_con02 h3 span:after, .main_con02 h3 span:before { content:''; position: absolute; top: 50%; width: calc(50% - 110px); height: 2px; background-image: linear-gradient(to right, #f6cea0, #c18847); border-radius: 5px; }
.main_con02 h3 span:after { left: 0px; }
.main_con02 h3 span:before { right: 0px; }
.people_box { margin-bottom: 80px; }
.people_box:last-child { margin-bottom: 0px; }
.people_list { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 1.33%; }
.people_list.wh03 { width: 1200px; max-width: 100%; margin: 0 auto; }
.people_list.mb00 { margin-bottom: 0px; }
.people_list li { overflow: hidden; position: relative; width: 24%; min-height: 400px; background: url('../image/main/people_bg01.png'); border-radius: 10px; }
.people_list.wh03 li { width: 32%; }
.people_list li:hover { border: 1px solid transparent; border-radius: 10px; background-image: url('../image/main/people_bg01.png'), linear-gradient(to bottom, #C29056, #654725); background-origin: border-box; background-clip: content-box, border-box; }
.people_list li a { color: #fff; }
.people_list li .people_name { position: relative; z-index: 9; text-align: center; margin-top: 50px; }
.people_list li .people_name span { display: block; line-height: 1; }
.people_list li .people_name .cate { margin-bottom: 15px; color: #f6cea0; font-size: 24px; font-weight: 700; line-height: 1.3; word-break: keep-all; }
.people_list li .people_name .name { font-size: 20px; word-break: keep-all; }
.people_list li .people_img { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; }
.people_list li .people_img img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: bottom; }

.main_con03 .main_con_title { position: relative; margin-bottom: 50px; }
.main_con03 .swiper-button-prev { left: auto; right: 70px; }
.main_con03 .swiper-button-next { right: 0px; left: auto; }
.main_con03 .swiper-button-prev:after, .main_con03 .swiper-button-next:after { color: #aaa; font-size: 15px; font-weight: bold; }

.hd_sch_wr { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin-bottom: 50px; padding: 30px; background: #f4f4f4; border-radius: 5px; }
#hd_sch form { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 10px; }
#hd_sch h3 { overflow:hidden; position:absolute; font-size:0; line-height:0; }
#hd_sch { overflow: hidden; border-radius: 5px; }
#hd_sch #sch_stx { width: 830px; height: 60px; padding: 0 20px; background: #fff; border: 0; border-radius: 5px; font-size: 18px; }
#hd_sch #sch_submit { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width:180px; height: 60px; background-image: linear-gradient(to right, #C29056, #654725); border:0; border-radius: 5px; color:#fff; font-size:18px; font-weight: 600; cursor:pointer; }
#hd_sch #sch_submit i { margin-right: 10px; }

.main_con03_btnbox { text-align: center; margin-top: 80px; }
.main_con03_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 10px; width: 320px; height: 70px; background-image: linear-gradient(to right, #C29056, #654725); border: 0; border-radius: 5px; color: #fff; font-size: 1.2em; font-weight: 600; cursor: pointer; }

.tabs { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; }
.tabs li { overflow: hidden; position: relative; padding: 0 20px; }
.tabs li:after { content: ''; position: absolute; right: 0px; top: 10%; width: 1px; height: 80%; background: #ccc; }
.tabs li:last-child:after { display: none; }
.tabs li a { display: block; color: #999; font-size: 22px; font-weight: 600; -webkit-transition: all .3s ease; transition: all .3s ease; }
.tabs li a:hover { color: #222; }
.tabs li.active a, .tabs li.active a:hover  { color: #222; }

/*Tab Conent CSS*/
.tab_container { overflow: hidden; width: 100%; }
.tab_content { }

.main_con04 { padding: 80px 0; background: #be976a; }
.main_con04_wrap { width: 1330px; margin: 0 auto; }
.main_con04_btnbox01 { position: relative; width: 100%; margin-bottom: 20px; border: 3px solid transparent; border-radius: 5px; background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to bottom, #654725, #C29056, #654725); background-origin: border-box; background-clip: content-box, border-box; }
.main_con04_btnbox01 a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 114px; }
.main_con04_btnbox01 a .icon { margin-right: 20px; }
.main_con04_btnbox01 a .text h3 { margin-bottom: 5px; font-size: 30px; font-weight: 400; }
.main_con04_btnbox01 a .text h3 strong { font-weight: 800; }
.main_con04_btnbox02 { display: flex; flex-wrap: wrap; gap: 0 20px; }
.main_con04_btn { flex: 1; background: #fff; border-radius: 5px; }
.main_con04_btn a { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; padding: 40px 0; }
.main_con04_btn a h3 { width: 100%; font-size: 22px; font-weight: 400; }
.main_con04_btn a h3 strong { display: block; font-weight: 800; }
.main_con04_btn a .icon { display: block; width: 100%; margin: 30px 0px; }
.main_con04_btn a .icon img { transition: 0.3s; }
.main_con04_btn a:hover .icon img { filter: brightness(0.8); }
.main_con04_btnbox01 a span, .main_con04_btn a span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; text-align: center; width: 108px; height: 30px; background: #654725; border-radius: 500px; color: #fff; font-size: 14px; }
.main_con04_btnbox01 a span i, .main_con04_btn a span i { margin-left: 5px; }

.main_con05 { width: 96%; margin: 0 auto; padding-bottom: 0px; background: #333 url('../image/main/main_con05_bg01.jpg') center top no-repeat; background-size: cover; border-radius: 30px; color: #fff; }
.main_con05 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.main_con05 .main_con_title h2 span.title { color: #fff; }

.main_con05_form { width: 1024px; max-width: 100%; }
.main_con05_form form { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.main_con05_form ul { width: 100%; margin-bottom: 80px; }
.main_con05_form ul li { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.main_con05_form ul li.agreebox { margin-bottom: 0px; }
.main_con05_form ul li label { display: inline-flex; flex-wrap: wrap; align-items: center; width: 150px; font-size: 20px; font-weight: 700; }
.main_con05_form ul li input.frm_input, .main_con05_form ul li textarea { width: calc(100% - 150px); padding: 20px; border: none; border-radius: 10px; font-size: 20px; }
.main_con05_form ul li input.frm_input { height: 60px; }
.main_con05_form ul li textarea { height: 290px; }
.main_con05_form ul li input::placeholder, .main_con05_form ul li textarea::placeholder { color: #aaa; }
.main_con05_form ul li.agreebox label { justify-content: flex-end; text-align: right; width: 100%; font-size: 17px; font-weight: 400; }
.main_con05_form ul li.agreebox input { width: 20px; height: 20px; margin-right: 10px; }

.main_con05_btnbox { position: relative; display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: center; width: 500px; height: 100px; background: #fff; border-radius: 15px 15px 0 0; }
.main_con05_btnbox:after, .main_con05_btnbox:before { content:''; position: absolute; bottom: 0px; width: 30px; height: 30px; }
.main_con05_btnbox:after { left: -30px; background: url('../image/main/main_con05_deco01.png') right bottom no-repeat; }
.main_con05_btnbox:before { right: -30px; background: url('../image/main/main_con05_deco02.png') left bottom no-repeat; }
.main_con05_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 480px; height: 90px; background-image: linear-gradient(to right, #C29056, #654725); border: 0px; border-radius: 15px; color: #fff; font-size: 24px; font-weight: 700; transition: 0.3s; }
.main_con05_btn:hover { background: linear-gradient(to left, #C29056, #654725); }

.main_con06 { position: relative; padding: 60px 0; }
.main_con06_list { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 0 50px; }
.main_con06_list li img { max-width: 100%; }

.main_con07 { background: #f7f7f7; }
.main_con07 .wrap { display: flex; flex-wrap: wrap; }
.main_con07 .wrap > div { flex: 1; }
.main_con07 .wrap .tit_wrap { margin-bottom: 50px; }
.main_con07 .wrap .tit_wrap .desc { color: #C29056; font-size: 18px; font-weight: 500; }
.main_con07 .wrap .tit_wrap h3 { margin-top: 10px; font-size: 32px; font-weight: 700; line-height: 1.3; }
.main_con07 .wrap .tit_wrap h3 span { display: block; color: #C29056; font-weight: 700; word-break: keep-all; }
.main_con07 .desc_wrap .desc:not(.main_c) p { color: #666; font-size: 18px; line-height: 1.6; }
.main_con07 .desc_wrap .desc p.big_font { margin-top: 50px; font-size: 22px; font-weight: 400; color: #222; text-decoration: underline 1px; }
.main_con07 .desc_wrap .desc p.big_font span { text-decoration: underline 1px #C29056; }
.main_con07 .desc_wrap .desc p.big_font span { display: block; margin-top: 12px; color: #C29056; font-weight: 500; text-decoration: underline 1px #C29056; }
.main_con07 .img_wrap .con { display: inline-block; width: calc(50% - 15px); margin-inline: 5px; position: relative; margin-bottom: 10px; }
.main_con07 .img_wrap .con:nth-child(2n) { top: 60px; }
.main_con07 .img_wrap .con img { max-width: 100%; }
.main_con07 .img_wrap .con p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 100%; text-align: center; font-size: 24px; font-weight: 500; word-break: keep-all; }

.main_con08 {  }
.main_con08:after { content: ''; position: absolute; top: 0%; left: 0px; z-index: -1; width: 100%; height: 50%; background: #111523; }
.main_con08 .main_con_title h2 span.title { color: #fff; }

.main_con09 { display: flex; padding-block: 0; border-top: 1px solid #d4d4d4; }
.main_con09 .map_wrap { width: calc(2 * (100% / 3)); max-width: 1200px; background-color: #f5f5f5; max-height: 750px; height: 100vh; border-right: 1px solid #d4d4d4; }
.main_con09 .map_wrap .map { width: 100%; height: 100%; }
.main_con09 .tit_wrap { margin-bottom: 30px; color: #C29056; font-size: 36px; font-weight: 700; line-height: 1.3; }
.main_con09 .desc_wrap { display: inline-flex; flex-direction: column; justify-content: space-between; width: calc(100% / 3); max-width: 450px; padding: 60px; }
.main_con09 .desc_wrap .map_info { display: flex; gap: 15px; align-items: flex-start; margin-bottom: 20px; font-weight: 500; line-height: 1.5; }
.main_con09 .desc_wrap .map_info.location2, .main_con09 .desc_wrap .map_info .location_wrap { display: none; }
.main_con09 .desc_wrap .map_info.location2.active { display: flex; }
.main_con09 .desc_wrap .map_info .location_wrap.active { display: block; }
.main_con09 .desc_wrap span:not(.icon_wrap) { display: block; font-weight: 500; }
.main_con09 .desc_wrap .tell_01 { margin-bottom: 2px; font-size: 18px; font-weight: 700 !important; }
.main_con09 .desc_wrap .tell_02 { margin-bottom: 5px; color: #C29056; font-size: 22px; font-weight: 700 !important; }
.main_con09 .desc_wrap .desc { color: #666; font-size: 15px; }
.main_con09 .map_btn_wrap { display: flex; flex-direction: column; gap: 15px; width: 100%; }
.main_con09 .map_btn_wrap button { text-align: center; width: 100%; height: 50px; border: 1px solid #ccc; }
.main_con09 .map_btn_wrap button:hover { width: calc(100% + 2px); border: 2px solid #C29056; color: #C29056; font-weight: 700; }
.main_con09 .map_btn_wrap button.active { width: calc(100% + 2px); border: 2px solid #C29056; color: #C29056; font-weight: 700; }

/* sub */
.sub_title { position: relative; z-index: 9; text-align: left; margin-bottom: 80px; }
.sub_title p { margin-bottom: 30px; color: #aaa; }
.sub_title h2 { font-size: 55px; font-weight: 900; }

.sidemenu { margin-bottom: 80px; }
.sidemenu_list { display: flex; flex-wrap: wrap; justify-content: center; background: #f4f4f4; border-radius: 60px; }
.sidemenu_list li { width: 25%; }
.sidemenu_list li a { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; font-weight: 700; transition: 0.3s; }
.sidemenu_list li a:hover { color: #c18847; }
.sidemenu_list li.active a { background: #fff; border: 1px solid #c18847; border-radius: 500px; color: #c18847; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); }

.sub_contents { font-size: 18px; }
.page_cont { margin: 190px 0 0px; }
.board_cont { margin: 190px 0 100px; }

.subpage_inr { position: relative; padding: 150px 0; }
.subpage_inr:first-child { padding-top: 0; }

.introduce_inr01 { position: relative; padding-bottom: 0px; }
.highlighted-text { position: relative; width: 100%; margin-bottom: 150px; padding: 80px 0; font-size: 25px; font-weight: 600; line-height: 1.7; background: #f3f0ed; }
.introduce_inr01 .wrap { position: relative; padding-right: 600px; }
.highlighted-text h3 { margin-bottom: 50px; color: #be976a; font-size: 48px; font-weight: 800; line-height: 1.5; word-break: keep-all; }
.highlighted-text span { color: #ccc; transition: color 0.3s; }
.highlighted-text h3 span.active { color: #be976a; }
.highlighted-text span.active { color: #333; }

.sign_box { margin-top: 50px; }
.sign_box p { margin-bottom: 10px; color: #333; font-size: 19px; font-weight: bold; }

.introduce_imgbox { position: absolute; top: -140px; right: 0; width: 600px; max-width: 100%; }
.introduce_imgbox img { max-width: 100%; }

.contribution_inr { display: flex; flex-wrap: wrap; margin-bottom: 100px; }
.contribution_inr:last-child { margin-bottom: 0px; }
.contribution_inr01, .contribution_inr02 { flex-direction: row-reverse; justify-content: space-between; }
.contribution_inr02 { flex-direction: inherit; }
.contribution_inr_in { width: 50%; }
.contribution_left { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.contribution_inr_in h4 { margin: 20px 0 50px; font-size: 48px; font-weight: 800; }
.contribution_inr_in span.eng_stitle { display: inline-block; background-image: linear-gradient(to right, #f6cea0, #c18847); background-clip: text; -webkit-background-clip: text; color: transparent; text-transform: uppercase; font-size: 17px; font-weight: 900; }
.contribution_inr_in p { font-size: 21px; line-height: 1.7; word-break: keep-all; }
.contribution_inr01 .contribution_imgbox { padding-right: 80px; }
.contribution_inr02 .contribution_imgbox { padding-left: 80px; }
.contribution_imgbox img { max-width: 100%; border-radius: 40px 0; }

#targetSection { position: relative; }
#targetSection .inner { overflow: hidden; position: relative; height: auto; padding: 150px 0;}
#targetSection .effect-box { position: absolute; left: 0; top: 0; }
#targetSection .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 1; transition: opacity 1.5s ease; z-index: 1; }
#targetSection .text-box { position: relative; z-index: 3; text-align: left; width: 1560px; max-width: 96%; margin: 0 auto; color: #fff; line-height: 1.6; opacity: 1; transition: opacity 1.5s ease, transform 1.5s ease; }
#targetSection .text-box h3 { margin-bottom: 50px; font-size: 48px; font-weight: 800; line-height: 1.5; word-break: keep-all; }
#targetSection .text-box p { font-size: 25px; font-weight: 300; line-height: 1.7; word-break: keep-all; }
#targetSection .text-box p strong { font-weight: 700; }
#targetSection .text-box ul li { position: relative; text-align: left; margin-bottom: 15px; padding-left: 30px; color: rgba(255, 255, 255, 0.8); font-size: 25px; font-weight: 300; word-break: keep-all; }
#targetSection .text-box ul li:last-child { margin-bottom: 0px; }
#targetSection .text-box ul li:after { content: ''; position: absolute; left: 0px; top: 18px; width: 6px; height: 6px; border-radius: 6px; background: #be986b; }

/* 단계별 효과 */
#targetSection.step1 .effect-box img { width: 100%; }
#targetSection.step2 .overlay { opacity: 1; }
#targetSection.step2 .text-box { opacity: 1; transform: translate(-50%, -50%) translateY(0); }

.effect-box img { display: block; width: 100%; max-width: 100%; margin: 0 auto; transition: width 1s ease; }
.effect-box img.pc_img { display: block !important; }
.effect-box img.mo_img { display: none !important; }

.quick_banner { display: flex; flex-wrap: wrap; gap: 0 30px; }
.quick_banner li { overflow: hidden; position: relative; flex: 1; height: 250px; background: #111; border-radius: 10px; }
.quick_banner li a { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-size: 28px; font-weight: 600; }
.quick_banner li a img { display: block; width: 100%; height: 100%; object-fit: cover; }
.quick_banner li a span { position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; }
.quick_banner li a .overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: 0.3s; }
.quick_banner li a:hover .overlay { background: rgba(0, 0, 0, 0.3); }

.respond_inr01 .wrap { display: flex; flex-wrap: wrap; }
.respond_cont { display: flex; flex-wrap: wrap; gap: 50px 2%; width: 100%; }
.respond_cont .lawyer_inr { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; width: 49%; }
.respond_cont .lawyer_imgbox { overflow: hidden; position: relative; width: 320px; height: 420px; background-image: linear-gradient(to bottom, #272727, #0e0e0e); border-radius: 10px; }
.respond_cont .lawyer_imgbox img { max-width: 100%; }
.respond_cont .lawyer_textbox { width: calc(100% - 320px); padding-left: 50px; }
.respond_cont .lawyer_textbox .lawyer_name { margin-bottom: 30px; }
.respond_cont .lawyer_textbox .lawyer_name .cate { display: block; margin-bottom: 15px; font-size: 1.5em; font-weight: 800; line-height: 1; }
.respond_cont .lawyer_textbox .lawyer_name .cate i { margin-right: 10px; }
.respond_cont .lawyer_textbox .lawyer_name h4 { font-size: 1.3em; font-weight: 600; }
.respond_cont .lawyer_textbox .lawyer_info h5 { margin-bottom: 20px; font-size: 20px; font-weight: 800; }
.respond_cont .lawyer_textbox .lawyer_infolist {  }
.respond_cont .lawyer_textbox .lawyer_infolist li { position: relative; margin-bottom: 10px; padding-left: 20px; word-break: keep-all; }
.respond_cont .lawyer_textbox .lawyer_infolist li:last-child { margin-bottom: 0px; }
.respond_cont .lawyer_textbox .lawyer_infolist li:after { content:''; position: absolute; left: 0px; top: 9px; width: 7px; height:1px; background: #888; }

.press_latest { margin-bottom: 80px; padding: 100px 0; background: #f3f0ed; }
.press_latest .press_title { position: relative; }
.press_latest .press_title h3 { margin-bottom: 30px; font-size: 28px; }
.press_latest .swiper-button-prev, .press_latest .swiper-button-next { top: 0px; width: 40px; height: 40px; margin-top: 0px; border: none; }
.press_latest .swiper-button-prev { right: 45px; left: auto; }
.press_latest .swiper-button-next { right: 0px; left: auto; }
.press_latest .swiper-button-prev:after, .press_latest .swiper-button-next:after { font-size: 13px; font-weight: bold; }

.stepbox { margin-bottom: 50px; }
.step_list01 { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 40px; }
.step_list01 li { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 320px; padding: 50px 30px; background: #f3f0ed; border-radius: 10px; }
.step_list01 li .icon { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 90px; height: 90px; margin-bottom: 30px; background: #fff; border-radius: 500px; }
.step_list01 li .step { display: block; margin-bottom: 10px; color: #c18847; font-size: 15px; font-weight: 700; }
.step_list01 li h4 { font-size: 22px; word-break: keep-all; }

.counsel_inr { width: 96%; margin: 0 auto; padding: 100px 0 0; margin-bottom: 100px; background: #333 url('../image/main/main_con05_bg01.jpg') center top no-repeat; background-size: cover; border-radius: 30px; color: #fff; }
.counsel_inr .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.counsel_title h2 { line-height:1; }
.counsel_title h2 span.en_stitle { color: #be976a; font-family: "Marcellus"; font-size: 20px; text-transform: uppercase; }
.counsel_title h2 span.title { display: block; margin-top: 30px;  font-size: 52px; font-weight: 800; }
.counsel_form { width: 1024px; max-width: 100%; }
.counsel_form form { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.counsel_form ul { width: 100%; margin-bottom: 60px; border-radius: 30px; }
.counsel_form ul li { display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.counsel_form ul li.agreebox { border-bottom: none; }
.counsel_form ul li label { display: inline-flex; flex-wrap: wrap; align-items: center; width: 180px; font-size: 20px; font-weight: 700; }
.counsel_form ul li input.frm_input, .counsel_form ul li textarea { width: calc(100% - 180px); padding: 10px 20px; border: 1px solid rgba(0, 0, 0, 0.2); }
.counsel_form ul li input.frm_input { height: 60px; }
.counsel_form ul li textarea { height: 350px; }
.counsel_form ul li input::placeholder, .counsel_form ul li textarea::placeholder { color: #aaa; }
.counsel_form ul li.agreebox label { justify-content: flex-end; text-align: right; width: 100%; font-size: 17px; font-weight: 400; }
.counsel_form ul li.agreebox input { width: 20px; height: 20px; margin-right: 10px; }

.counsel_btnbox { position: relative; display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: center; width: 500px; height: 100px; background: #fff; border-radius: 15px 15px 0 0; }
.counsel_btnbox:after, .counsel_btnbox:before { content:''; position: absolute; bottom: 0px; width: 30px; height: 30px; }
.counsel_btnbox:after { left: -30px; background: url('../image/main/main_con05_deco01.png') right bottom no-repeat; }
.counsel_btnbox:before { right: -30px; background: url('../image/main/main_con05_deco02.png') left bottom no-repeat; }
.counsel_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 480px; height: 90px; background-image: linear-gradient(to right, #C29056, #654725); border: 0px; border-radius: 15px; color: #fff; font-size: 24px; font-weight: 700; transition: 0.3s; }
.counsel_btn:hover { background: linear-gradient(to left, #C29056, #654725); }

.privacy { line-height: 1.6; }
.privacy h4 { margin-bottom: 20px; font-size: 1.15em; }
.privacy h5 { margin-bottom: 20px; font-size: 1.1em; }
.privacy .mb50 { margin-bottom: 50px; }
.privacy p { word-break: keep-all; }
.privacy table { margin-bottom: 50px; border-top: 2px solid #222; }
.privacy table th, .privacy table td { padding: 15px 20px; border-bottom: 1px solid #aaa; }
.privacy table th { width: 20%; border-right: 1px solid #aaa; }