@charset "utf-8";

/* g5 */
.ctt_admin{display:none;}
.sound_only{display:none;}

:root{--navy:#0E1424; --blue:#19314B; --gold:#BFB180; --gray:#f2f2f2; --line:#d8d8d8;}

body{min-width:320px; min-width:1000px; background:#fff; color:#000; font-size:16px;}

/* COMMON */
.wrap{width:100%; max-width:866px; margin:0 auto;}
/*@media (max-width:1000px){
  .wrap{max-width:calc(100% - 40px);}
}*/

.logo{}
.logo img{}

.header{position:fixed; top:-34px; left:0; z-index:100; width:100%; color:#fff; transition:0.75s ease-in-out; /* background:rgba(33,42,63,.76);*/}
.header.load{top:0;}
.sub .header{top:0;}
.sub.scroll .header{}
.header_inner{display:flex; position:relative; height:34px; align-items:center; justify-content:space-between;}
.header_inner:before{position:absolute; top:0; left:50%; bottom:0; width:100vw; background-color:rgba(33,42,63,.76); content:''; transform:translateX(-50%); transition:0.75s ease-in-out;}
.sub .header_inner:before{background:rgba(105, 105, 105, 0.30); transition-duration:0.25s;}
.scroll .header_inner:before{background-color:rgba(0, 0, 0, 0.70);}
.lang{display:flex; position:relative; padding:0 10px; font-size:12px; align-items:center; gap:13px;}
.lang a{transition:0.25s ease-in-out;}
.lang a:hover{color:#BFB180;}
.lang span{width:1px; height:12px; background:rgba(255,255,255,.55);}
.gnb{position:relative;}
.gnb ul{display:flex; padding:0 10px; gap:30px;}
.gnb a{font-size:12px; vertical-align:middle; transition:0.25s ease-in-out;}
.gnb a:hover{color:#BFB180;}
.header_logo{display:flex; position:relative; height:120px; transition:0.25s ease-in-out; align-items:center; justify-content:center;}
.main .header_logo{display:none;}
.header_logo:before,
.header_logo:after{position:absolute; left:0; right:0; height:1px; content:''; transition:0.25s ease-in-out;}
.header_logo:before{top:0;}
.scroll .header_logo:before{opacity:0.5; background-color:#8B8B8B;}
.scroll.detail .header_logo:before{display:none;}
.header_logo:after{opacity:0.3; bottom:0; background-color:#fff;}
.header_logo img{width:183px;}
.scroll .header_logo{background:rgba(0, 0, 0, 0.70);}

/* MAIN */
.video_wrap{display:flex; position:fixed; top:0; left:0; right:0; bottom:0; align-items:center; justify-content:center;}

.video_wrap.blur .main_video{filter:blur(10px);}

.main_video{position:fixed; top:-30px; left:-30px; right:-30px; bottom:-30px; width:calc(100vw + 60px); height:calc(100vh + 60px); transition:filter 0.75s; object-fit:cover;}

.main_visual{display:flex; overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100vh; min-height:760px; align-items:center; justify-content:center;/* position:relative;*/}

@keyframes heroZoom{
  to{transform:scale(1.09);}
}
.main_visual .logo{position:absolute; top:calc(50% - 60px); left:0; right:0; width:366px; margin:0 auto; text-align:center;}

/* 스크롤 시 로고 스타일 (JS에서 동적으로 제어하므로 고정 값은 제거하거나 기본값 유지) */
/*.scroll .main_visual .logo{top:79px; width:183px;}
*/
.main_visual .scroll_text{display:flex; position:absolute; left:50%; bottom:23px; color:#fff; font-size:12px; text-align:center; cursor:pointer; animation:scrollUpDown 1.5s ease-in-out infinite; transform:translateX(-50%); transition:0.5s ease-in-out; flex-direction:column; gap:7px; align-items:center;}

@keyframes scrollUpDown{
  0%, 100%{transform:translate(-50%, 0);}
  50%{transform:translate(-50%, -10px);}
}
.scroll .main_visual .scroll_text{opacity:0; visibility:hidden;}

.scroll_text i{display:block; position:relative; width:28px; height:34px; margin:10px auto 0; animation:scrollArrowMove 1.4s ease-in-out infinite;}

.scroll_text i:before{position:absolute; top:0; right:6px; width:1px; height:32px; background:#fff; content:"";}

.scroll_text i:after{position:absolute; left:4px; bottom:2px; width:12px; height:12px; border-bottom:1px solid #fff; border-left:1px solid #fff; content:""; transform:rotate(-45deg);}

@keyframes scrollArrowMove{
  0%{opacity:.65; transform:translateY(0);}
  50%{opacity:1; transform:translateY(8px);}
  100%{opacity:.65; transform:translateY(0);}
}

.motion_item{opacity:0; transform:translateY(70px); transition:opacity .9s ease, transform .9s ease;}

.motion_item.show{opacity:1; transform:translateY(0);}

.logo_line span{color:#999; font-size:18px; font-weight:700; text-align:center; flex-shrink:0;}

/* HOME */
.main_section{display:flex; min-height:100vh; flex-direction:column; justify-content:end;}
.main_section.sec1{margin-top:100vh;}
.main_section.sec3{min-height:calc(100vh - 100px); padding-bottom:78px;}
.white_box{position:relative; background:#fff;}
.white_box h2{color:#000; font-size:32px; font-weight:500; text-align:center;}
.about_box{padding:20px 0 0; text-align:center;}
.about_box p{margin-top:27px; font-size:16px; font-weight:500;}
.logo_line_wrap{width:100%; margin-top:15px;}
.logo_line{padding:10px 0; align-items:center;}
.logo_line span,
.logo_line .swiper-slide{display:flex; width:auto; align-items:center; justify-content:center;}
.logo_line img{height:25px;}

/* Swiper Marquee effect - linear transition */
.logo-swiper .swiper-wrapper{transition-timing-function:linear !important;}
.service_box{overflow:hidden; margin-top:95px; padding-bottom:19px;}
.service_box h2{padding:25px 0 28px;}
.core_service{display:flex; padding:37px 61px 0 65px; background:#F3F3F3; gap:44px; align-items:center;}
.core_intro{width:150px; flex-shrink:0;}
.core_intro p{position:relative; padding:20px 0; font-size:12px; font-weight:400;}
.core_intro p:before,
.core_intro p:after{display:block; position:absolute; left:0; width:68px; height:1px; background:var(--gold); content:"";}
.core_intro p:before{top:0;}
.core_intro p:after{bottom:0;}
.line_btn{position:relative; min-width:91px; height:26px; margin-top:29px; border:1px solid #2F3A4C; background-color:#FFF; color:#2F3A4C; font-size:10px; font-weight:300; text-align:center; line-height:24px; transition:0.25s ease-in-out;}
.line_btn:before{position:absolute; top:0; right:0; bottom:0; width:0; background-color:var(--gold); content:''; transition:width 0.25s ease-in-out;}
.line_btn span{position:relative;}
.line_btn:hover{border-color:var(--gold); color:#fff;}
.line_btn:hover:before{left:0; right:auto; width:100%;}
.core_cards{display:flex; background:var(--blue); color:#fff;}
.core_cards article{position:relative; padding:45px 23px 31px; transition:opacity 0.3s ease-in-out; flex:1 0 0;}
.core_cards:hover article{opacity:0.5;}
.core_cards article:hover{opacity:1;}
.core_cards article:before{position:absolute; top:32px; right:19px; width:0; height:2px; background-color:var(--gold); content:''; transition:width 0.25s ease-in-out;}
.core_cards article:hover:before{left:19px; right:auto; width:calc(100% - 38px);}
.core_cards h3{overflow:hidden; margin-bottom:18px; font-size:14px; font-weight:500; text-overflow:ellipsis; line-height:28px; white-space:nowrap;}
.core_cards p{display:-webkit-box; overflow:hidden; height:96px; font-size:10px; text-overflow:ellipsis; line-height:12px; -webkit-box-orient:vertical; -webkit-line-clamp:5;}

/* HOME INSIGHTS */
.home_insight_box{padding:25px 77px;}

.home_insight_box h2{margin-bottom:30px;}

.home_insight_grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:12px 8px;}

.home_insight_grid a{display:block; position:relative; min-height:195px; padding:20px 30px; background:#F3F3F3; transition:.25s ease-in-out;}
.home_insight_grid a *{transition:.25s ease-in-out;}
.home_insight_grid a:before{opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid var(--gold); content:''; transition:0.25s ease-in-out;}
.home_insight_grid a:after{opacity:0; position:absolute; right:18px; bottom:18px; width:13px; height:13px; background:url(../images/home_insights_arrow.svg) no-repeat; content:''; transition:0.25s ease-in-out;}

.home_insight_grid span{display:block; margin-bottom:30px; color:var(--gold); font-size:10px; /* font-weight:500;*/}

.home_insight_grid h3{overflow:hidden; color:var(--blue); font-size:14px; font-weight:500; text-overflow:ellipsis; white-space:nowrap;}

.home_insight_grid p{display:-webkit-box; overflow:hidden; height:80px; margin-top:12px; color:var(--blue); font-size:12px; text-overflow:ellipsis; line-height:16px; /* font-weight:500;*/-webkit-box-orient:vertical; -webkit-line-clamp:5;}

.home_insight_grid em{display:block; margin-top:12px; font-size:10px; /* font-weight:500;*/}

.home_insight_grid a.big{background:url(../images/home_insights_bg.jpg) no-repeat center / cover; grid-column:span 2;}
.home_insight_grid a.big span{color:#fff;}
.home_insight_grid a.big h3{color:#fff;}
.home_insight_grid a.big p{color:#fff;}
.home_insight_grid a.big em{color:#fff;}

.home_insight_grid a:hover{box-shadow:0 5px 4px 0 rgba(0, 0, 0, 0.25);}
.home_insight_grid a:not(.big):hover{background:#FFF;}
.home_insight_grid a:hover:before{opacity:1;}
.home_insight_grid a:hover:after{opacity:1;}
.home_insight_grid a:hover span{color:var(--gold);}
.home_insight_grid a:hover h3{color:var(--gold);}
.home_insight_grid a:hover p{color:var(--gold);}
.home_insight_grid a:hover em{color:var(--gold);}

/* HOME CONTACT */
.home_contact_box{margin-top:95px; padding:25px 20px 39px; text-align:center;}

.home_contact_box h2{position:relative; padding-bottom:15px;}

.home_contact_list{display:flex; max-width:476px; margin:0 auto; padding-top:32px; border-top:1px solid #272C4A; flex-direction:column; gap:11px;}

.home_contact_list dl{display:grid; min-height:61px; padding:18px 19px; background:#f1f1f1; text-align:left; grid-template-columns:54px 1fr; align-items:center; gap:7px;}

.home_contact_list dt{color:var(--gold); font-size:14px; /* font-weight:500;*/}

.home_contact_list dd{color:#333; font-size:14px; /* font-weight:500;*/}


/* SUB VISUAL */
.sub_visual{height:359px; padding-top:223px; background:center/cover no-repeat; color:#fff; text-align:center;}
.sub_visual:before{position:absolute; content:"";}
.sub_visual .logo{margin-bottom:105px;}
.sub_visual h2{font-size:32px; font-weight:700;}
.sub_visual p{margin-top:8px; font-size:11px;}
.service_visual{background-image:url(../images/services_visual_bg.jpg);}
.pro_visual{background-image:url(../images/professionals_visual_bg.jpg);}

/* SERVICES */
.service_section{background:#F3F3F3;}
.service_section:after{display:block; height:264px; background:url(../images/services_bottom_bg.jpg) no-repeat center / cover; content:'';}
.section_desc{display:flex; height:114px; padding:0 20px; background:#fff; color:#414141; font-size:16px; font-weight:500; text-align:center; line-height:1.31; align-items:center; justify-content:center;}
.service_grid{display:grid; padding:45px 0 50px; grid-template-columns:repeat(2,1fr); gap:5px;}
.service_grid a{display:flex; position:relative; position:relative; height:83px; background:#fff; font-size:20px; font-weight:500; transition:0.15s ease-in-out; align-items:center; justify-content:center;}
.service_grid a:before{opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid var(--gold); content:''; transition:0.15s ease-in-out;}
.service_grid a:after{position:absolute; top:50%; right:20px; width:11px; height:17px; background:url(../images/services_arrow.svg) no-repeat center / cover; content:''; transform:translateY(-50%);}
.service_grid a:hover{color:var(--gold); font-weight:700;}
.service_grid a:hover:before{opacity:1;}

/* DETAIL */
.detail_page{background:#fff;}
.detail_page:after{display:block; height:139px; background:url(../images/services_bottom_bg_gray.jpg) no-repeat center / cover; content:'';}
.detail_head{display:flex; height:359px; padding:239px 20px 7px; background:url(../images/services_visual_bg_gray.jpg) no-repeat center / cover; text-align:center; flex-direction:column; align-items:center; justify-content:space-between;}
.detail_head h2{color:#000; font-size:32px; font-weight:500;}
.detail_head p{margin:12px auto 0; color:#414141; font-size:10px; text-align:left;}
.detail_head p span{color:#969696;}
.detail_inner{display:grid; margin:36px auto 0; grid-template-columns:180px 1fr;}
.side_tab{}
.side_tab a{display:block; padding:10px 14px; border-left:4px solid #C7C7C7; font-size:20px; font-weight:500;}
.detail_content > p{padding:0 14px; font-size:13px; line-height:1.38; /* font-weight:500;*/}
.detail_content h3{margin:57px 0 22px; font-size:20px; font-weight:500;}
.acco{border-top:1px solid #D3D3D3;}
.acco_item{/* border-top:1px solid #D3D3D3;*/}
.acco_item:last-child{/* border-bottom:1px solid #ddd;*/}
.acco_item .acco_btn{display:flex; position:relative; width:100%; padding:22px 14px; border-bottom:1px solid #D3D3D3; font-size:14px; font-weight:500; justify-content:space-between;}
.acco_item .acco_btn span{position:absolute; top:50%; right:20px; width:12px; height:12px; font-size:0; transform:translateY(-50%); transition:0.25s ease-in-out;}
.acco_item.active .acco_btn span{transform:translateY(-50%) rotate(90deg);}
.acco_item .acco_btn span:before,
.acco_item .acco_btn span:after{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:2px; margin:auto; background-color:var(--gold); content:''; transition:0.25s ease-in-out;}
.acco_item .acco_btn span:after{transform:rotate(90deg);}
.acco_item.active .acco_btn span:before{width:0;}
.acco_item > div{padding:9px 14px; border-bottom:1px solid #D3D3D3; font-size:12px; line-height:1.5;}
.acco_item ul{/* margin-top:24px;*/}
.acco_item ul li{position:relative; padding-left:18px;}
.acco_item ul li:before{position:absolute; top:8px; left:7px; width:3px; height:3px; border-radius:50%; background-color:#000; content:'';}

/* PROFESSIONALS */
.professionals_section{/* padding:0 0 100px;*/ /* background:#f2f2f2;*/}
.professionals_section:after{display:block; height:264px; background:url(../images/professionals_bottom_bg.jpg) no-repeat center top / cover; content:'';}
.professionals_section .section_desc{background-color:#F3F3F3;}
.people_list{display:flex; max-width:741px; margin:75px auto; flex-direction:column; gap:45px;}
.people_item{display:flex;/* padding-bottom:28px; */background-color:rgba(249, 249, 249, 0.80);color:inherit;text-decoration:none;cursor:pointer;align-items: start;}
.people_list .box{padding:34px 42px 34px 52px; flex:1 0 0;}
.people_list img{width:170px; flex-shrink:0;}
.people_list .name{font-size:24px; font-weight:600;}
.people_list .text{display:block; margin:5px 0 18px; padding-bottom:20px; border-bottom:2px solid var(--gold); font-size:12px; font-weight:300;}
.people_list .text2{font-size:14px;line-height:1.42;display: inline-block;}
.network_wrap{position:relative; padding:67px 0 100px; background-color:#F3F3F3;}
.network_title{text-align:center;}
.network_title h2{font-size:32px; font-weight:600;}
.network_title p{margin-top:8px; font-size:11px;}
.map_area{position:relative; max-width:720px; margin:55px auto 70px; text-align:center;}
.map_area img{width:100%;}
.map_area .pin{position:absolute; width:0; height:0;}
.map_area .pin:before,
.map_area .pin:after{position:absolute; content:'';}
.map_area .pin:before{top:-4px; left:-4px; z-index:10; width:8px; height:8px; border-radius:50%; background-color:var(--blue);}
.map_area .pin:after{opacity:0; position:absolute; top:-4px; left:-4px; width:8px; height:8px; border-radius:50%; background-color:var(--blue); content:'';}
.map_area .pin:hover:after{animation:pulse 1.5s infinite;}
@keyframes pulse{
  0%{opacity:0.5; transform:scale(1);}
  100%{opacity:0; transform:scale(4);}
}
.map_area .pin.active:before{top:-5px; left:-5px; width:10px; height:10px;}
.map_area .pin.active:after{/*width:10px;height:10px;top:-5px;left:-5px;animation:pulse 1.5s infinite;*/}
.map_area .pin.active i{}
.map_area .pin.active span{/* color:var(--gold);*/ /* font-weight:700;*/}
.map_area .pin i{position:absolute; top:50%; right:0; height:1px; background-color:var(--blue); content:''; transform:translateY(-50%);}
.map_area .pin span{position:absolute; top:50%; left:10px; color:var(--blue); font-size:11px; font-weight:500; white-space:nowrap; transform:translateY(-50%);}
.map_area .pin span:before{}
.map_area .pin.n01{top:25.1%; left:9.2%;}
.map_area .pin.n01 i{right:0; width:61px;}
.map_area .pin.n01 span{left:auto; right:66px;}
.map_area .pin.n02{top:32%; left:4.3%;}
.map_area .pin.n02 i{right:0; width:24px;}
.map_area .pin.n02 span{left:auto; right:29px;}
.map_area .pin.n03{top:35.8%; left:6.7%;}
.map_area .pin.n03 i{right:0; width:43px;}
.map_area .pin.n03 span{left:auto; right:48px;}
.map_area .pin.n04{top:39.8%; left:5.9%;}
.map_area .pin.n04 i{right:0; width:35px;}
.map_area .pin.n04 span{left:auto; right:40px;}
.map_area .pin.n05{top:43.8%; left:4.4%;}
.map_area .pin.n05 i{right:0; width:23px;}
.map_area .pin.n05 span{left:auto; right:28px;}
.map_area .pin.n06{top:34.5%; left:8.8%;}
.map_area .pin.n06 i{left:0; width:35px;}
.map_area .pin.n06 span{left:41px;}
.map_area .pin.n07{top:38.3%; left:7.6%;}
.map_area .pin.n07 i{left:0; width:45px;}
.map_area .pin.n07 span{left:51px;}
.map_area .pin.n08{top:42.8%; left:8.2%;}
.map_area .pin.n08 i{left:0; width:41px;}
.map_area .pin.n08 span{left:46px;}
.map_area .pin.n09{top:47.4%; left:41.8%;}
.map_area .pin.n10{top:54.2%; left:35.6%;}
.map_area .pin.n11{top:80%; left:41.2%;}
.map_area .pin.n12{top:34.1%; left:74.4%;}
.map_area .pin.n13{top:43%; left:78.2%;}
.network_grid{display:grid; max-width:876px; margin:0 auto; grid-template-columns:repeat(2,1fr); gap:66px 62px;}
.network_grid .network_item{display:grid; padding:0 0 40px; background:#fff; grid-template-columns:105px 1fr; gap:18px;}
.network_grid img{width:106px;}
.network_grid .box{padding:29px 36px 0 0;}
.network_grid .name{font-size:16px;}
.network_grid .text{display:block; margin:3px 0 12px; padding-bottom:7px; border-bottom:1.5px solid var(--gold); font-size:10px; font-weight:200;}
.network_grid .text2{font-size:12px;line-height:1.25;display: inline-block;}

.professional_detail{position:relative; background:#fff;}
.professional_detail:before{position:absolute; top:0; left:50%; width:100vw; height:453px; background:linear-gradient(180deg, #8F8F8F 0%, #C1C1C1 23.08%, #F5F5F5 100%); content:''; transform:translateX(-50%);}

.pro_top{display:flex; position:relative; padding:226px 0 74px; gap:50px; align-items:end;}

.pro_photo img{width:364px; height:364px; object-fit:cover;}

.pro_name{margin-bottom:90px;}

.pro_name h2{font-size:48px; font-weight:700;}

.pro_name > p{margin-top:5px; font-size:16px; font-weight:500;}

.pro_contact{margin-top:36px; color:#727272; font-size:12px; font-weight:500;}

.pro_contact span{display:block;}

.pro_path{margin:0 0 108px auto; color:#414141; font-size:10px; line-height:18px; /* font-weight:500;*/}
.pro_path a{}
.pro_path span{color:#969696;}
.pro_path strong{font-weight:700;}

.pro_detail_inner{display:grid; padding:0 0 72px; grid-template-columns:150px 1fr; gap:90px;}

/*.pro_side_tab{position:sticky; top:80px; border-left:4px solid var(--gold); align-self:start;}

.pro_side_tab a{display:block; padding:9px 0 9px 18px; color:#111; font-size:21px; font-weight:700;}

.pro_side_tab a.active,
.pro_side_tab a:hover{color:var(--gold);}
*/
.pro_detail_content{display:flex; flex-direction:column;gap:40px;}
.pro_section{}

.pro_section h3{margin-bottom:9px; padding:0 14px 21px; border-bottom:1px solid #d7d7d7; font-size:20px; font-weight:600;}

.pro_section p{padding:0 14px; font-size:14px; line-height:1.28; /* font-weight:500;*/}

.pro_section p + p{margin-top:24px;}

.pro_section p strong{font-weight:600;}

/* 기존 서비스 상세도 sticky/active용 */
.side_tab{position:sticky; top:174px; margin:6px 0; align-self:start;}

.detail_content{padding-bottom:123px;}
.detail_content > p,
.detail_content h3{}

.side_tab a.active{border-color:var(--gold);}

/* INSIGHT */
.insight_visual{min-height:650px; padding:223px 0 106px; background:url(../images/insights_bg.jpg) no-repeat center / cover; color:#fff; text-align:center;}
.insight_visual h2{font-size:32px; font-weight:700;}
.insight_visual > h3{max-width:786px; margin:82px auto 0; padding:0 20px; font-size:24px; font-weight:600; text-align:left; line-height:46px;}
.insight_visual > p{position:relative; margin-top:8px; padding-bottom:76px; font-size:11px; font-weight:500;}
.insight_visual > p:after{opacity:0.5; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#fff; content:'';}
.feature_cards{display:grid; max-width:786px; margin:0 auto; padding:0 20px; text-align:left; grid-template-columns:repeat(3,1fr); gap:16px;}
.feature_cards a{min-height:200px; padding:24px 25px; border:2px solid #B5B5B5; background:#fff; color:#000; transition:0.25s ease-in-out;}
.feature_cards a:hover{border-color:var(--gold); box-shadow:5px 5px 4px 0 rgba(0, 0, 0, 0.25);}
.feature_cards a *{transition:0.25s ease-in-out;}
.feature_cards span{color:var(--gold); font-size:8px; font-weight:500; text-decoration:underline;}
.feature_cards h3{margin:24px 0 8px; font-size:14px; font-weight:500;}
.feature_cards p{height:72px; font-size:12px; line-height:24px; /* font-weight:500;*/}
.feature_cards em{display:block; color:#777; color:#919191; font-size:10px;}
.feature_cards a:hover h3{color:var(--gold);}
.feature_cards a:hover p{color:var(--gold);}
.feature_cards a:hover em{color:var(--gold);}
.insight_list_section{padding:47px 0 101px; background:#F3F3F3;}
.insight_list_section h2{max-width:786px; margin:0 auto; padding:0 20px; font-size:24px; font-weight:600; text-align:left; line-height:46px;}
.post_list{max-width:746px; margin:0 auto; border-top:0.5px solid #2D2D2D;}
.post_list li{border-bottom:1px solid #F3F3F3; background:#fff;}
.post_list a{display:flex; position:relative; padding:20px; gap:10px; justify-content:space-between; flex-direction:column;}
.post_list strong{display:block; font-size:16px; font-weight:500; transition:0.25s ease-in-out;}
.post_list a:hover strong{color:var(--gold);}
.post_list span{position:absolute; top:0; right:20px; bottom:0; height:20px; margin:auto 0; color:#7A7A7A; font-size:10px; line-height:20px;}
.post_list em{color:#7A7A7A; font-size:10px; font-weight:500;}
.more_btn{display:flex; width:198px; height:36px; margin:17px auto 0; font-size:12px; font-weight:500; text-align:center; align-items:center; justify-content:center; gap:4px;}
.more_btn:after{content:'+'; color:var(--gold); font-weight:700; transform:translateY(-1px);}

/* ARTICLE */
.article_head{position:relative; max-width:786px; margin:0 auto; padding:224px 20px 40px; text-align:center;}
.article_head:before{position:absolute; top:0; left:50%; bottom:0; width:100vw; background-color:#F3F3F3; content:''; transform:translateX(-50%);}
.article_head > span{display:flex; position:relative; color:var(--gold); font-size:14px; font-weight:500; flex-direction:column; align-items:center; gap:10px;}
.article_head > span:after{display:block; width:27px; height:1px; background-color:var(--gold); content:'';}
.article_head h2{position:relative; margin:29px 0 56px; font-size:32px; font-weight:500;}
.article_head em{position:relative; color:#7A7A7A; font-size:10px; font-weight:500; line-height:36px;}
.article_head p{position:absolute; top:164px; right:0; color:#414141; font-size:10px;}
.article_head p span{color:#969696;}
.article_body{max-width:706px; margin:69px auto 147px; padding:0 20px;}
.article_body h3{margin-bottom:25px; color:var(--gold); font-size:20px;}
.article_body h4{margin:50px 0 0; font-size:20px;}
.article_body p,
.article_body li{font-size:13px; line-height:18px;}
.article_body p strong{display:block; margin-top:18px; font-weight:400;}
.article_body ul{}
.article_body li{position:relative; padding-left:18px;}
.article_body li:before{position:absolute; top:8px; left:7px; width:3px; height:3px; border-radius:50%; background-color:#000; content:'';}

/* ABOUT */
.about_detail{padding-bottom:51px; text-align:center;}
.about_intro{padding:185px 20px 32px; background:#fff;}
.about_intro .section_desc{height:90px;}
.about_intro:after, .case_area:after{display:block; position:relative; width:3px; height:23px; margin:-5px auto 0; background:var(--gold); content:"";}
.about_cards{position:relative; z-index:1; background:url(../images/about_bg.jpg) no-repeat center / cover;}
.about_cards .box{display:grid; max-width:810px; margin:0 auto; padding:118px 20px 183px; grid-template-columns:repeat(2,1fr); gap:15px 18px;}
.about_cards .box div{min-height:238px; padding:61px 34px 0; border:1px solid var(--gold); background:rgba(255,255,255,.78); backdrop-filter:blur(10px);}
.about_cards .box h3{margin-bottom:20px; font-size:18px; font-weight:700;}
.about_cards .box p{font-size:14px;word-break: keep-all;}
.case_area{position:relative; max-width:786px; margin:-5px auto 0; padding:33px 20px 70px;}
.case_area:before{position:absolute; top:0; left:50%; bottom:0; width:100vw; background-color:#F3F3F3; content:''; transform:translateX(-50%);}
.case_area:after{position:absolute; left:0; right:0; bottom:-56px; margin:0 auto;}
.case_area h2{position:relative; margin:0 0 22px; font-size:24px; font-weight:500; line-height:90px;}
.case_area ul{position:relative;}
.case_area li{padding:40px 64px; border-top:1px solid var(--gold); text-align:left;}
.case_area li strong{font-size:16px; font-weight:700;}
.case_area li p{margin-top:15px; font-size:14px; /* font-weight:500;*/}
.reserve_btn{position:relative; width:190px; margin-top:90px; border:1px solid #2F3A4C; background:#fff; color:#2F3A4C; font-size:24px; font-weight:500; line-height:39px; transition:0.25s ease-in-out;}
.reserve_btn:before{position:absolute; top:0; right:0; bottom:0; width:0; background-color:var(--gold); content:''; transition:0.25s ease-in-out;}
.reserve_btn:hover{border-color:var(--gold); color:#fff;}
.reserve_btn:hover:before{left:0; right:auto; width:100%;}
.reserve_btn span{position:relative;}

/* CONTACT */
.contact_page{padding:0 0 62px; background:#F3F3F3;}
.contact_visual{height:auto; padding:223px 20px 54px; background-color:#fff; color:#000;}
.contact_info{display:flex; max-width:846px; height:79px; margin:72px auto 0; border:5px solid #F3F3F3; background:#fff; justify-content:center; align-items:center; gap:76px;}
.contact_info strong{font-size:16px; font-weight:500;}
.contact_info span{color:#727272; font-size:14px; font-weight:500;}
.contact_info span:before{margin-right:8px; color:var(--gold);}
.contact_info span em{color:var(--gold);}
.contact_form{max-width:846px; margin:61px auto 0; padding:55px 92px 62px; background:#fff;}
.contact_form > p{margin-bottom:49px; color:#727272; font-size:14px; font-weight:500;}
.contact_form h3{margin-bottom:28px; padding-bottom:8px; border-bottom:1px solid var(--gold); color:var(--gold); font-size:16px;}
.contact_form label{display:block; margin-bottom:21px; color:#727272; font-size:14px;}
.contact_form label span{color:var(--gold);}
.form_row.two{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.contact_form input,
.contact_form textarea{display:block; width:100%; height:46px; margin-top:5px; padding:0 10px; border-radius:5px; background:#F3F3F3; font-size:14px;}
.contact_form textarea{height:118px; padding:12px 10px;}
.contact_form .line{height:1px; margin:31px 0 31px; background-color:var(--gold);}
.contact_form button[type="submit"]{width:100%; height:46px; border-radius:5px; background:var(--gold); color:#fff; font-size:20px; font-weight:500;}

/* FOOTER */
.footer{}
.sub .footer{background:var(--navy);}
.footer .wrap{display:grid; position:relative; padding:26px 0; background:var(--navy); color:#fff; grid-template-columns:1.2fr 1fr 1fr;}
.sub .footer .wrap{border:1px solid #000;}
.footer div{position:relative; padding:0 20px; /* min-height:70px;*/}
.footer div + div:before{opacity:0.5; position:absolute; top:0; left:0; bottom:0; width:1px; height:43px; margin:auto 0; background-color:#BFB180; content:'';}
.footer strong{display:block; margin-bottom:12px; font-size:10px; font-weight:400;}
.footer p{font-size:10px;}
.footer a{display:block; font-size:10px; font-weight:400;}
.footer a + a{margin-top:12px;}
.top_btn{position:fixed; right:40px; bottom:40px; width:47px; height:47px; border:1px solid #C6C0C0; background:#fff; background:#fff url(../images/top_arrow.svg) no-repeat center; font-size:0;}