@import url('https://cdn.jsdelivr.net/npm/pretendard@latest/dist/web/static/pretendard.css'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

html, body {margin: 0; padding: 0; width: 100%; height: 100%; overflow-x: hidden; font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
header {background-color: white; position: fixed; width: 100%; top: 0; z-index: 10; display: flex; height: 80px; box-sizing: border-box;}
ul {list-style-type: none; padding-inline-start: 0;} 
h1 {font-weight: 900;} 
p {margin: 0;} 
.header-content {display: flex; width: 100%; justify-content: space-between; align-items: center; padding-left: 10vw; padding-right: 10vw; box-sizing: border-box;}
.header-content a {display: flex; align-items: center; height: 100%;} 
.logo {width: 12vw;} 
nav ul {height: 100%; list-style: none; padding: 0; display: flex; margin: 0;} 
nav li {position: relative;} 
.header-content nav li {display: flex; align-items: center; justify-content: center;} 
.header-content nav li:nth-child(1) {position: relative; width: 11vw;} 
.header-content nav li:nth-child(2) {position: relative; width: 14vw;} 
.header-content nav li:nth-child(3) {position: relative; width: 8vw;} 
.header-content nav li:nth-child(4) {position: relative; width: 12vw;} 
.header-content nav li:nth-child(5) {position: relative; width: 8vw;} 
nav li ul {position: absolute; top: 100%; left: 0; background-color: white; padding: 0; border: 1px solid #ddd; width: max-content; z-index: 5; white-space: nowrap;} 
nav li ul li {width: 150px; padding: 5px 20px; text-align: left;} 
nav li ul li a {text-decoration: none; color: black;} 
nav a {text-decoration: none; color: black; font-weight: bold; display: block; text-align: center; font-size: 18px; padding: 10px 0;} 
.submenu {display: none; width: 100%; background-color: white; border-top: 1px solid #ddd; position: absolute; top: 100%; left: 0; padding: 0; box-sizing: border-box;} 
header:hover .submenu {display: flex;} 
header nav ul li:hover + .submenu .submenu-content .submenu-group ul:hover, header nav ul li:hover ~ .submenu .submenu-content .submenu-group ul:hover {border-top: 2px solid black;} 
.submenu-content {display: flex; justify-content: flex-end; width: 100%; text-align: center; margin-left: -10vw; box-sizing: border-box;} 
.submenu-group {display: flex; flex-direction: column; align-items: center;} 
.submenu-group:nth-child(1) {width: 11vw;} 
.submenu-group:nth-child(2) {width: 14vw;} 
.submenu-group:nth-child(3) {width: 8vw;} 
.submenu-group:nth-child(4) {width: 12vw;}
.submenu-group:nth-child(5) {width: 8vw;} 
.submenu-group ul {border-top: 3px solid transparent; list-style: none; padding: 10px 0; width: 100%; margin: 0;} 
.submenu-group ul li {margin: 10px 0; padding: 5px 0; border-bottom: 1px solid transparent;} 
.submenu-group ul li:hover {text-decoration: underline; text-underline-offset: 4px;} 
.submenu-group ul li a {font-size: 18px; text-decoration: none; color: black;} 

.hero {position: relative; width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; background: url('/home_img/hero-image.jpg') no-repeat center center; background-size: cover; margin-top:80px;} 
.hero-text {position: absolute; top: 20%; left: 11%; text-align: left;} 
.hero-text p {line-height: 1.5; margin: 10px 0; font-size: 1.3rem;} 
.hero-text h1 {font-size: 4.5rem; margin: 0; color: white; line-height: 1;} 
.hero-text .highlight {line-height: 1; color: #11265f;} 
.practice-areas {display: flex; gap: 1.5vw; margin-top: 20%;} 
.practice-areas a{all:unset;cursor:pointer;} 
.practice-area {text-align: center; display: flex; flex-direction: column; align-items: center;} 
.practice-area img {width: 4vw; margin-bottom: 5px;} 

.introduce {display: flex; justify-content: space-between; background-color: #11265f; color: white; padding: 10% 0 10% 10%;} 
.introduce-text {} 
.introduce-text h2 {font-size: 1.8rem; line-height: 1.5; margin: 0 0 50px 0;} 
.introduce-text p {font-size: 1.2rem; line-height: 1.6;} 
.introduce-photo {flex: 1; display: flex; flex-direction: column; margin-top: calc(3.2rem + 30px);} 
.lawyer-photo {display: flex; padding-right: 40%; flex-direction: row-reverse;} 
.lawyer-name {display: flex; padding-right: calc(40% + 6vw); flex-direction: row-reverse; margin-top: 5px; font-size: 1.2rem;} 
.lawyer-photo .introduce_rotate {width: 6vw; height: auto; padding-bottom: 25%;} 
.lawyer-photo .main_lawyer1 {width: 17vw; height: auto;} 
.rotated-text-container {position: relative; width: 25vw;} 
.rotated-text {position: absolute; top: 20%; right: 37%; width: 100%; font-size: 50px; font-weight: 900; transform: rotate(90deg); color: rgba(255, 255, 255, 0.35);} 
.lawyer-profile {display: flex; justify-content: space-between; align-items: center; padding: 50px 5vw; background-color: white;} 
.profile-photo {flex: 3.5;} 
.profile-photo img {width: 100%; height: auto; border-radius: 10px;} 
.profile-details {flex: 6.5; display: flex; flex-direction: column; position: relative; margin: 0 10vw 0 0; z-index: 2; justify-content: flex-end;} 
.profile-backtext {position: absolute; top: 5%; right: 5%; font-size: 5rem; font-weight: 900; color: rgba(0, 0, 0, 0.05); line-height: 1; z-index: 1;} 
.profile-line {width: 100%; border-bottom: 1px solid black; margin-top: 1em;} 
.profile-details h2 {font-size: 1.5rem; color: black; font-weight: 500; width: 80%; margin: 10px 0;} 
.profile-details h3 {font-size: 1.3rem; color: black; font-weight: 700; margin: 10px 0;} 
.profile-details ul {padding: 0; list-style: none; font-size: 1.2rem; margin: 0;} 
.profile-details ul li {position: relative; margin-bottom: 5px; padding-left: 10px; font-weight: 700; font-size: 1rem;} 
.profile-details ul li::before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 80%; background-color: #000;} 
.profile-experiences {list-style: none; display: flex; flex-wrap: wrap; gap: 20px;} 
.profile-experiences ul {list-style: none; padding: 0; font-size: 1.2rem; margin: 0; flex: 1;} 
.profile-experiences ul li {position: relative; margin-bottom: 5px; padding-left: 16px; font-weight: 700; font-size: 1rem;} 
.profile-experiences ul li::before {content: ''; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-right: 8px; font-weight: bold;} 
.media {width: 80%; margin: 0 auto; position:relative;}
.media-title{text-align:center;font-size:2rem; margin-bottom: 2vh; font-weight: bold;}
.media .swiper-container.media-swiper {position: relative; display: flex; width: 75%; margin: 0 auto;height: auto; overflow: hidden; margin-bottom: 10vh;} 
.media .swiper-button-prev, .media .swiper-button-next {position: absolute; background-image: url('/home_img/slide_left.png'), url('/home_img/slide_right.png');background-repeat: no-repeat;background-size: contain;width: 40px; height: 40px; color:black; font-weight:400; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 2;}
.media-swiper a {position:relative;}
.media-swiper a img {width:100%; height: 18vw;object-fit: cover;display: flex;justify-content: center;align-items: center;}
.media-swiper a .slide_text{position:absolute;width:100%;height:60px;background-color:rgba(255,255,255,0.8);bottom:0;text-align:center;display:flex;align-items:center;justify-content:center;color:black;font-size:1.1rem;}
.media .swiper-button-prev {position: absolute; background-image: url('/home_img/slide_left.png');background-repeat: no-repeat;background-size: contain;width: 80px; height: 80px; color:black; font-weight:400; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 2; left: 5%;}
.media .swiper-button-next {position: absolute; background-image: url('/home_img/slide_right.png');background-repeat: no-repeat;background-size: contain;width: 80px; height: 80px; color:black; font-weight:400; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 2; right: 6%;}
.media .swiper-button-prev:after{content:''}
.media .swiper-button-next:after{content:''}

.location {background-color: #11265f; padding: 100px 0;} 
.location-title {display: flex; justify-content: center; align-items: center; color: white; font-size: 2rem; font-weight: bold;} 
.location-info {display: flex; justify-content: center; color: white; margin-top: 40px;} 
.location-info > div {margin-right: 20px;} 
.location-info > div:last-child {margin-right: 0;} 
.google-map {display: flex; justify-content: center; margin: 20px auto 0 auto; width: 80%; height: 600px;} 
.google-map iframe {width: 100%; height: 100%; border: 0;} 
footer {} 
#sw-brand {padding: 30px 0; border-top: 1px solid #ddd;} 
#sw-brand .c {max-width: 80%; margin: 0 auto; position: relative; display: flex; justify-content: space-between;} 
#sw-brand .swiper-container {width: calc(100% - 160px); margin: 0; z-index: 1; overflow: hidden;} 
#sw-brand .swiper-slide .image {position: relative; height: 60px; background-repeat: no-repeat; background-size: contain; background-position: center; transition: all .3s ease;} 
#sw-brand .swiper-slide .none {height: 100%; padding: 10px;} 
#sw-brand .ctrl {display: flex; align-items: center; z-index: 2;} 
#sw-brand .ctrl .playstop {border-left: none; border-right: none; font-size: .75rem;} 
#sw-brand .ctrl .playstop .fa-play {display: block;} 
#sw-brand .ctrl .playstop .fa-pause {display: none;} 
#sw-brand .ctrl .playstop.on .fa-play {display: none;} 
#sw-brand .ctrl .playstop.on .fa-pause {display: block;} 
#sw-brand .ctrl > * {cursor: pointer; color: #666; border: 1px solid #ddd; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;} 
.footer {background-color: #eee;} 
.inner {max-width: 80%; margin: 0 auto;} 
.flex {display: flex;} 
.paddingtop60 {padding-top: 60px;} 
.paddingbottom60 {padding-bottom: 60px;} 
.paddingbottom120 {padding-bottom: 120px;} 
.footer_logo {width: auto; height: 40px; padding-bottom: 40px;} 
.footer_info {display: flex; flex-wrap: wrap; padding: 0; margin: 0;} 
.footer_info li {margin-right: 30px; padding-bottom: 20px;} 
.footer_info li b {margin-right: 15px;} 
.footer_info li:nth-child(4) {flex-basis: 100%;} 
.footer_info li:last-child {margin-right: 0;} 
.site-link b {color: #999;} 
.modal {display: none; justify-content:center; align-items:center; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);} 
.modal-content {background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 60%; height: 60%; overflow-y: scroll;} 
.close-button {color: #aaa; float: right; font-size: 28px; font-weight: bold;} 
.close-button:hover, .close-button:focus {color: black; text-decoration: none; cursor: pointer;}





.page_top { width: 100%; height: 300px; overflow: hidden; position: relative; margin-top: 80px; }
.page_top img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; object-fit: cover; }

.intro{text-align:center;font-size:2rem;}
.intro_margin{width:100%;height:80px;}
.intro h1{margin:0;margin-bottom:30px;}
.details{width: 80%; margin: 0 auto;}
.details h2{margin-bottom:30px;margin-top:0;}
.details p{background-color:#ccc;padding:1vw 2vw;line-height:1.5;font-size:1.1rem;}
.process{width: 80%; margin: 0 auto;}
.process ul li{font-size:1.1rem;margin-bottom:10px;}
.process ul li::before {content: "■";margin-right: 5px;font-size: 1.1rem;font-family:none;}
.advantage{width: 80%; margin: 0 auto;}
.advantage_img{width:100%;}
.step{width: 80%; margin: 0 auto;}
.step_img{width:100%;border:1px solid black;}
.comparison{width: 80%; margin: 0 auto;}
.comparison table{width:100%;border-spacing:0;}
.comparison table thead{background-color: #11265f; color: white;}
.comparison th{font-weight:400;text-align:left;padding:3px;}
.comparison td{padding:3px;}
.comparison tr:nth-child(even){background-color:#ccc}

.apply {width:35%; margin: 0 auto 80px auto;}
.apply h1{text-align:center;font-size:2rem;font-weight:700;}
.apply p{font-size:1.5em;margin-bottom:1vw;font-weight:600;}
.apply form{width:100%;position:relative;}
.apply .input-group{width:100%;margin-bottom:2vw;display: flex;align-items: center;position:relative;display:flex;}
.apply .input-group select{width:100%;padding:15px;border:none;font-size:1.2rem;font-weight:600;appearance: none;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 5"><path fill="none" stroke="black" stroke-width="0.4" d="M0.5 1.5 L2.5 3.5 L4.5 1.5"/></svg>') no-repeat right center;background-color:#eee;outline: none;background-position-y: 50%;background-position-x: 98%;background-size:3%;}
.apply .input-group input{width:calc(100% - 15px);padding:15px 0 15px 15px;border:none;background-color:#eee;font-size:1.2rem;}
.custom-placeholder{position:absolute;top:50%;left:15px;font-size:1.2rem;transform:translateY(-50%);pointer-events:none;color:gray}
input:focus + .custom-placeholder,input:not(:placeholder-shown) + .custom-placeholder{display:none}
.apply .input-group textarea{width:calc(100% - 15px);min-height:350px;padding:15px 0 15px 15px;border:none;background-color:#eee;font-size:1.2rem;font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}

.apply .input-group .checkbox{display:flex;}
.apply .input-group .checkbox-text{line-height:30px;font-size:1.1rem;font-weight:600;font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
.apply .input-group input[type="checkbox"] {appearance: none; padding:0;width: 30px; height: 30px; padding: 5px;margin:0;margin-right:5px; border: none; background-image: url('/home_img/check_n.png');   background-size: 66% 66%; background-position: center; background-repeat: no-repeat; background-color:transparent; cursor: pointer;}
.apply .input-group input[type="checkbox"]:checked {background-image: url('/home_img/check_y.png'); background-size: 66% 66%; background-position: center; background-repeat: no-repeat; border: none;}
.apply .input-group .checkbox-agree {line-height:30px;background-color: transparent;border: none;font-size:1.1rem;font-weight:600;font-family: 'Pretendard', 'Noto Sans KR', sans-serif;cursor:pointer;}

.submit-button{width:100%;padding:15px;background-color: #11265f;border: none;color:white;font-size:1.1rem;font-weight:600;font-family: 'Pretendard', 'Noto Sans KR', sans-serif;cursor:pointer;}

.form-right-img{position:absolute;top:0;margin-left:1vw;width:7vw;height:auto;}


.board {width:80%; margin: 0 auto 80px auto;}
.board h1{text-align:center;font-size:2rem;font-weight:700;}

.board table{width:100%;border-top:2px solid #888; cursor: pointer;}
.board table a{all: unset;display:flex;padding:3vw;border-bottom:1px solid #eee;}
.board table a:hover .table_img img{transform: scale(1.12);}
.board table a:hover .table_img img, 
.board table a:hover .wr_subject:before {width: 100%;} 

.board .table_img { margin-right: 5vw; width: 25vw; height: 18vw; overflow: hidden; position: relative; }
.board .table_img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease-in-out; position: absolute; top: 0; left: 0; }

.board .table_content{display:flex;flex-direction:column;justify-content:center;}

.board .wr_subject{font-size:1.6rem;font-weight:600;margin-bottom:2vw;position:relative;width:fit-content;}
.board .wr_subject:before{content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; transition-duration: 350ms; background: #333;}

.board .wr_seo_title{font-size:1.2rem;font-weight:400;margin-bottom:4vw;width:fit-content;}
.board .wr_datetime{font-size:1.2rem;font-weight:400;}

.page-navigation{display:flex;justify-content:center;margin-top:4vw;font-size: 1.2rem;}
.page-navigation img{width:2.2vw;height:2.2vw;}
.page-navigation a{all: unset; margin: 0 0.2vw;cursor:pointer;}

.page-navigation-this{width:2.2vw;height:2.2vw;margin: 0 0.2vw;background:url('/home_img/page_this.png') no-repeat center center;background-size:contain;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:white;}
.page-navigation-num{width:2.2vw;height:2.2vw;margin: 0 0.2vw;background:url('/home_img/page_num.png') no-repeat center center;background-size:contain;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:black;}

.wr_title{width:80%;margin:0 auto;}
.wr_title h1{font-size:2rem;}
.wr_title .information{display:flex;}
.wr_title .wr_hit{margin-left:20px;}
.wr_line{width:80%;margin:2vw auto;border-bottom: 1px solid #ccc;}

.wr_content{width:80%;margin:0 auto;}
.wr_content img{width:60%;}

.view-another{width:80%;margin:0 auto;}
.view-another a{all:unset;cursor:pointer;}
.view-another li{border-top:1px solid #ddd;padding:calc(var(--view-row-padding,30px) - 5px) var(--view-row-padding,10px);font-size:1.125rem;display:flex;align-items:center;}
.view-another li:nth-child(2){border-bottom:1px solid #ddd;}
.view-another li span[class*="-tit"]{position:relative;padding-right:70px;margin-right:20px;white-space:nowrap;}
.view-another li span.prev-tit:before{top:calc(50% - 3px);border-top:1px solid #666;border-left:1px solid #666;transform:rotate(45deg);}
.view-another li span.next-tit:before{top:3px;border-bottom:1px solid #666;border-left:1px solid #666;transform:rotate(-45deg);}
.view-another li span[class*="-tit"]:before{content:"";position:absolute;right:20px;width:10px;height:10px;}
.view-another li .none{color:#ccc}
.view-another .view-btn-box{display:flex;justify-content:center;}
.view-another .view-btn-box .btn{padding:1vw 2vw;border:1px solid #ccc;margin:4vw 0 4vw;}

#additional-info{display:none; font-size:1rem; width: 100%; font-weight: 600;margin-bottom:1vw;}


#sub-visual { position:relative; background-color:#888; overflow:hidden; }
#sub-visual::after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background-color:rgba(0, 0, 0, .3); }
#sub-visual .content { position:absolute; left:50%; bottom:50px; transform:translateX(-50%); margin-top:50px; color:#fff; width:100%; z-index:2; }
#sub-visual .desc { font-weight: 300; }
#sub-visual .head { font-size:3rem; font-weight:600; animation-delay:0.5s; margin-top:5px; margin-bottom:0; }

#sub-visual .swiper-slide .img { height: 550px; background: none center/cover no-repeat; transform: scale(1.1); transition:transform 3s ease-in-out; }
#sub-visual .swiper-slide.swiper-slide-active .img { transform: scale(1); }
.field_list{display: flex;justify-content: center;padding: 0;list-style-type: none;}
.field_list li a{all:unset;}
.field_list li{width:8%;text-align:center;cursor:pointer;}
.field_list li:nth-child(3),.field_list li:nth-child(4) {width: 6%;}
.field_list li.active {font-weight: bold;}


/* type1 */
#type1 {height:auto;display:flex;flex-direction:column;}

#type1 .re_pers_1 {background-color:#192852;display:flex;justify-content:center;margin:0 auto;width:90%;padding:0 5%;}
#type1 .re_pers_11{flex:0.5;display:flex;min-height:20vw;position:relative;margin:5% 5% 5% 0%;}
#type1 .re_pers_11 span{color:#00aebb;font-weight:900;font-size:2rem;display:flex;justify-content:center;width:100%;}
#type1 .re_pers_11 img{position:absolute;width:100%;height:auto;bottom:0;left:0;}
#type1 .re_pers_12{flex:1.5;display:flex;flex-direction:column;min-height:20vw;position:relative;margin:5% auto;}
#type1 .re_pers_121{display:flex;}
#type1 .re_pers_1211{width:27%;border-top:4px solid #00aebb;margin-right:3%;}
#type1 .re_pers_1211 .content{color:white;font-weight:bold;font-size:1.2rem;margin-top:20px;line-height:1.5;}
#type1 .re_pers_1212{width:70%;border-top:2px solid #aaa;}
#type1 .re_pers_1212 .content{color:white;font-weight:bold;font-size:1.0rem;margin-top:22px;line-height:2;}
#type1 .re_pers_1212 .content span{color:#00aebb}
#type1 .re_pers_122{display:flex;margin-top:5vw;}
#type1 .re_pers_1221{width:27%;border-top:4px solid #c2a456;margin-right:3%;}
#type1 .re_pers_1221 .content{color:white;font-weight:bold;font-size:1.2rem;margin-top:20px;line-height:1.5;}
#type1 .re_pers_1222{width:70%;border-top:2px solid #aaa;}
#type1 .re_pers_1222 .content{color:white;font-weight:bold;font-size:1.0rem;margin-top:22px;line-height:2;}
#type1 .re_pers_1222 .content span{color:#c2a456}

#type1 .re_pers_2 {background-color:white;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:75%;padding:0 5%;}
#type1 .re_pers_21 {margin-top:60px;}
#type1 .re_pers_211 {margin:10px 0 20px 0;}
#type1 .re_pers_211 span{font-size:2rem;font-weight:700;color:#192852;border-top: 5px solid #192852;}
#type1 .re_pers_212 {display:flex;flex-wrap:wrap;justify-content:space-between;}
#type1 .re_pers_2121, #type1 .re_pers_2122 {width:calc(25% - 1vw);margin-bottom:2vw;border-radius:20px;padding: 2vw 0 2vw 0;}
#type1 .re_pers_2121 {background-color:#192852;}
#type1 .re_pers_2122 {background-color:#ccc;}
#type1 .re_pers_2121 img, #type1 .re_pers_2122 img {width:30%;height:auto;margin:0 auto;display:block;}
#type1 .re_pers_2121 h1 {display:block;text-align:center;color:white;}
#type1 .re_pers_2122 h1 {display:block;text-align:center;color:black;}
#type1 .re_pers_2121 span {display:block;text-align:center;color:white;}
#type1 .re_pers_2122 span {display:block;text-align:center;color:black;}
#type1 .re_pers_22 {margin-top:40px;}
#type1 .re_pers_221 {margin:10px 0 20px 0;}
#type1 .re_pers_221 span{font-size:2rem;font-weight:700;color:#192852;border-top: 5px solid #192852;}
#type1 .re_pers_222 {width:100%;}
#type1 .re_pers_222 img {width:100%;}


#type1 .re_pers_3 { margin: 40px 0 0 0; padding: 60px 0; background-image: url('/home_img/re_pers_3.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
#type1 .re_pers_31 { position: relative; z-index: 2; width: 80%; max-width: 1000px; margin: 0 auto; padding: 30px; background-color: white; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
#type1 .re_pers_31 h1 { text-align: left; margin-bottom: 30px; color: #333; font-size: 28px; font-weight: bold; }
#type1 .re_pers_311 { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; background-color: white; }
#type1 .re_pers_311 th, #type1 .re_pers_311 td { border: none; padding: 15px 20px; text-align: center; color: black; font-weight: bold; background-position: bottom; background-size: 100% 1px; background-repeat: no-repeat; }
#type1 .re_pers_311 th { background-color: #f8f8f8; color: black; font-size:1.3rem; background-size: 100% 4px; padding-bottom: 20px; }
#type1 .re_pers_311 th:nth-child(1) { background-image: linear-gradient(to right, transparent 5%, #808080 5%, #808080 95%, transparent 95%); }
#type1 .re_pers_311 th:nth-child(2) { background-image: linear-gradient(to right, transparent 5%, #004098 5%, #004098 95%, transparent 95%); }
#type1 .re_pers_311 th:nth-child(3) { background-image: linear-gradient(to right, transparent 5%, #00aebb 5%, #00aebb 95%, transparent 95%); }
#type1 .re_pers_311 tr:not(:last-child) td { background-image: linear-gradient(to right, transparent 5%, #808080 5%, #808080 95%, transparent 95%); background-size: 100% 1px;}
#type1 .re_pers_311 tr:last-child td:nth-child(1) { background-image: linear-gradient(to right, transparent 5%, #808080 5%, #808080 95%, transparent 95%); background-size: 100% 4px; padding-bottom: 10px; }
#type1 .re_pers_311 tr:last-child td:nth-child(2) { background-image: linear-gradient(to right, transparent 5%, #004098 5%, #004098 95%, transparent 95%); background-size: 100% 4px; padding-bottom: 10px; }
#type1 .re_pers_311 tr:last-child td:nth-child(3) { background-image: linear-gradient(to right, transparent 5%, #00aebb 5%, #00aebb 95%, transparent 95%); background-size: 100% 4px; padding-bottom: 10px; }
#type1 .re_pers_311 td:nth-child(2) span { color: #004098; }
#type1 .re_pers_311 td:nth-child(3) span { color: #00aebb; }


/* type2 */
#type2 {height:auto;display:flex;flex-direction:column;}

#type2 .re_pers_1 {background-color:#12393c;display:flex;justify-content:center;margin:0 auto;width:90%;padding:0 5%;}
#type2 .re_pers_11{flex:0.5;display:flex;min-height:20vw;position:relative;margin:5% 5% 5% 0%;}
#type2 .re_pers_11 span{color:#00aebb;font-weight:900;font-size:2rem;display:flex;justify-content:center;width:100%;}
#type2 .re_pers_11 img{position:absolute;width:100%;height:auto;bottom:0;left:0;}
#type2 .re_pers_12{flex:1.5;display:flex;flex-direction:column;min-height:20vw;position:relative;margin:5% auto;}
#type2 .re_pers_121{display:flex;}
#type2 .re_pers_1211{width:27%;border-top:4px solid #00aebb;margin-right:3%;}
#type2 .re_pers_1211 .content{color:white;font-weight:bold;font-size:1.2rem;margin-top:20px;line-height:1.5;}
#type2 .re_pers_1212{width:70%;border-top:2px solid #aaa;}
#type2 .re_pers_1212 .content{color:white;font-weight:bold;font-size:1.0rem;margin-top:22px;line-height:2;}
#type2 .re_pers_1212 .content span{color:#00aebb}
#type2 .re_pers_122{display:flex;margin-top:5vw;}
#type2 .re_pers_1221{width:27%;border-top:4px solid #c2a456;margin-right:3%;}
#type2 .re_pers_1221 .content{color:white;font-weight:bold;font-size:1.2rem;margin-top:20px;line-height:1.5;}
#type2 .re_pers_1222{width:70%;border-top:2px solid #aaa;}
#type2 .re_pers_1222 .content{color:white;font-weight:bold;font-size:1.0rem;margin-top:22px;line-height:2;}
#type2 .re_pers_1222 .content span{color:#c2a456}

#type2 .re_pers_2 {background-color:white;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:75%;padding:0 5%;}
#type2 .re_pers_21 {margin-top:60px;}
#type2 .re_pers_211 {margin:10px 0 20px 0;}
#type2 .re_pers_211 span{font-size:2rem;font-weight:700;color:#12393c;border-top: 5px solid #12393c;}
#type2 .re_pers_212 {display:flex;flex-wrap:wrap;justify-content:space-between;}
#type2 .re_pers_2121, #type2 .re_pers_2122 {width:calc(33.3333% - 1vw);margin-bottom:2vw;border-radius:20px;padding: 2vw 0 2vw 0;}
#type2 .re_pers_2121 {background-color:#12393c;}
#type2 .re_pers_2122 {background-color:#ccc;}
#type2 .re_pers_2121 img, #type2 .re_pers_2122 img {width:30%;height:auto;margin:0 auto;display:block;}
#type2 .re_pers_2121 h1 {display:block;text-align:center;color:white;}
#type2 .re_pers_2122 h1 {display:block;text-align:center;color:black;}
#type2 .re_pers_2121 span {display:block;text-align:center;color:white;}
#type2 .re_pers_2122 span {display:block;text-align:center;color:black;}
#type2 .re_pers_22 {margin-top:40px;}
#type2 .re_pers_221 {margin:10px 0 20px 0;}
#type2 .re_pers_221 span{font-size:2rem;font-weight:700;color:#12393c;border-top: 5px solid #12393c;}
#type2 .re_pers_222 {width:100%;}
#type2 .re_pers_222 img {width:100%;}


#type2 .re_pers_3 { margin: 40px 0 0 0; padding: 60px 0; background-image: url('/home_img/re_pers_3.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
#type2 .re_pers_31 { position: relative; z-index: 2; width: 80%; max-width: 1000px; margin: 0 auto; padding: 30px; background-color: white; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
#type2 .re_pers_31 h1 { text-align: left; margin-bottom: 30px; color: #333; font-size: 28px; font-weight: bold; }
#type2 .re_pers_311 { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; background-color: white; }
#type2 .re_pers_311 th, #type2 .re_pers_311 td { border: none; padding: 15px 20px; text-align: center; color: black; font-weight: bold; background-position: bottom; background-size: 100% 1px; background-repeat: no-repeat; }
#type2 .re_pers_311 th { background-color: #f8f8f8; color: black; font-size:1.3rem; background-size: 100% 4px; padding-bottom: 20px; }
#type2 .re_pers_311 th:nth-child(1) { background-image: linear-gradient(to right, transparent 5%, #808080 5%, #808080 95%, transparent 95%); }
#type2 .re_pers_311 th:nth-child(2) { background-image: linear-gradient(to right, transparent 5%, #004098 5%, #004098 95%, transparent 95%); }
#type2 .re_pers_311 th:nth-child(3) { background-image: linear-gradient(to right, transparent 5%, #00aebb 5%, #00aebb 95%, transparent 95%); }
#type2 .re_pers_311 tr:not(:last-child) td { background-image: linear-gradient(to right, transparent 5%, #808080 5%, #808080 95%, transparent 95%); background-size: 100% 1px;}
#type2 .re_pers_311 tr:last-child td:nth-child(1) { background-image: linear-gradient(to right, transparent 5%, #808080 5%, #808080 95%, transparent 95%); background-size: 100% 4px; padding-bottom: 10px; }
#type2 .re_pers_311 tr:last-child td:nth-child(2) { background-image: linear-gradient(to right, transparent 5%, #004098 5%, #004098 95%, transparent 95%); background-size: 100% 4px; padding-bottom: 10px; }
#type2 .re_pers_311 tr:last-child td:nth-child(3) { background-image: linear-gradient(to right, transparent 5%, #00aebb 5%, #00aebb 95%, transparent 95%); background-size: 100% 4px; padding-bottom: 10px; }
#type2 .re_pers_311 td:nth-child(2) span { color: #004098; }
#type2 .re_pers_311 td:nth-child(3) span { color: #00aebb; }

/* type3 */
#type3 {height:auto;display:flex;flex-direction:column;}
#type3 .background {display:flex;justify-content:flex-end;padding-right: 10%;align-items:center;background-image: url('/home_img/type3.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
#type3 .background .outbox {display:flex;flex-direction:row;background-color:rgba(255,255,255,0.9);margin:5vw 0;text-align:center;}
#type3 .background .outbox h1{width:10vw;font-size:2rem;color:#12393c;margin:5vw 0;font-weight:900;}
#type3 .background .inbox {display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;text-align:left;margin:5vw 0;}
#type3 .background .inbox .inbox1{color:black;font-weight:700;}
#type3 .background .inbox .line{background-color:#12393c;width:90%;height:5px;margin:1.5vw 0;}
#type3 .background .inbox .inbox2{color:#12393c;font-weight:700;}

/* type4 */
#type4 {height:auto;display:flex;flex-direction:column;}
#type4 .background {display:flex;justify-content:flex-start;padding-left: 10%;align-items:center;background-image: url('/home_img/type4.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
#type4 .background .outbox {display:flex;flex-direction:row;background-color:rgba(255,255,255,0.9);margin:5vw 0;text-align:center;}
#type4 .background .outbox h1{width:10vw;font-size:2rem;color:#00aebb;margin:5vw 0;font-weight:900;}
#type4 .background .inbox {display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;text-align:left;margin:5vw 0;}
#type4 .background .inbox .inbox1{color:black;font-weight:700;}
#type4 .background .inbox .line{background-color:#00aebb;width:90%;height:5px;margin:1.5vw 0;}
#type4 .background .inbox .inbox2{color:#00aebb;font-weight:700;}

/* type5 */
#type5 {height:auto;display:flex;flex-direction:column;}
#type5 .background {display:flex;justify-content:center;align-items:center;background-image: url('/home_img/type5.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
#type5 .background .outbox {display:flex;justify-content:center;align-items:center;background-color:transparent;width:31vw;height:31vw;margin:5vw 0;border:3px solid white}
#type5 .background .inbox {display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#10265e;width:30vw;height:30vw;margin:5px;text-align:center;}
#type5 .background .inbox h1{font-size:2rem;color:#c2a456;margin:1rem 0;font-weight:900;}
#type5 .background .inbox p{font-size:1.3rem;color:white;margin:0.6rem 0;font-weight:900;}
#type5 .background .inbox span{font-size:1rem;color:#c2a456;margin:0.6rem 0;font-weight:900;}

/* type6 */
#type6 {height: auto; display: flex; flex-direction: column;}
#type6 .background {background-color: #10265e; display: flex; width: 100%;}
#type6 .left {flex: 6; color:#a7cdfa;text-align:center;font-weight:700;display:flex;justify-content:center;align-items:center;flex-direction:column;}
#type6 .left h1{font-size:2.5rem;margin:3vw 0;}
#type6 .left .line{width:2px;height:6vw;background-color:white;}
#type6 .left p{font-size:1.5rem;color:white;line-height:1.5;margin:3vw 0;}
#type6 .left span{font-size:1.2rem;line-height:1.5;}

#type6 .right {flex: 4; display: flex; align-items: center; justify-content: center;}
#type6 .right img {max-width: 100%; height: 100%;}

/* type7 */
#type7 .re_pers_1 {background-color:#12393c;display:flex;justify-content:center;margin:0 auto;width:95%;padding:0 5% 0 0;}
#type7 .re_pers_11{flex:1;display:flex;position:relative;margin:10% 5% 5% 0%;}
#type7 .re_pers_11 span{color:#c2a456;font-weight:900;font-size:2rem;display:flex;justify-content:center;width:100%;}
#type7 .re_pers_11 img{width:100%;height:fit-content;}
#type7 .re_pers_12{flex:2;display:flex;flex-direction:column;min-height:20vw;position:relative;margin:10% auto;}
#type7 .re_pers_121{display:flex;}
#type7 .re_pers_1211{width:27%;border-top:4px solid #c2a456;margin-right:3%;}
#type7 .re_pers_1211 .content{color:white;font-weight:bold;font-size:2.5rem;margin-top:20px;line-height:1.5;}
#type7 .re_pers_1212{width:70%;border-top:2px solid #aaa;}
#type7 .re_pers_1212 .content{color:white;font-weight:bold;font-size:1.0rem;margin-top:22px;line-height:1.8;}
#type7 .re_pers_1212 .content span{color:#c2a456}
#type7 .re_pers_1212 .content2{color:#c2a456;font-weight:bold;font-size:1.0rem;margin-top:5vw;line-height:1.5;}


/* 하단 고정 바 */
.fixed-bottom { display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; width: 100%; height: 60px; background-color: black; box-sizing: border-box; z-index: 1; padding: 0 15px; border-top:3px solid #c2a456;}
.fixed-bottom .white_logo { width: auto; height: 30px; margin: auto 0; }
.fixed-bottom .white_logo img { width: auto; height: 100%; }
.fixed-bottom .consult-title { color: white; font-size: 2rem; font-weight: bold; margin-left: 20px; }
.fixed-bottom .phone-number { color: #c2a456; font-size: 2rem; font-weight: bold; margin-left: 20px; }
.fixed-bottom .line { background-color: white; width: 1px; height: 2rem; margin: auto 20px auto 15px; }
.fixed-bottom .consult-form { display: flex; align-items: center; }
.fixed-bottom .input-group { display: flex; align-items: center; position: relative; }
.fixed-bottom input[type="tel"] { width: 15vw; height: 30px; margin-right: 10px; border: none; border-radius: 0; border-bottom: 1px solid white; background-color: transparent; color: white; font-size:1.2rem;text-align:left;outline: none;}
.fixed-bottom input[type="tel"]:focus {outline: none;}
.fixed-bottom input[type="tel"]::placeholder { color: white; position: absolute; bottom: 3px; }
.fixed-bottom .checkbox { display: flex; align-items: center; margin-left: auto; }
.fixed-bottom .checkbox input { margin-right: 5px; }
.fixed-bottom .checkbox-text { color: white; font-size: 12px; }
.fixed-bottom .fixed-submit-button { font-size: 1.2rem; background-color: #c2a456; color: white; border: none; padding: 8px 30px; border-radius: 20px; cursor: pointer; font-weight: 700; margin: 0 20px 0 10px; }
.fixed-bottom .image-button {background-color:transparent;border: none; cursor: pointer; display: flex; flex-direction: column; justify-content: center; width: 50px; height: 50px; border-radius: 50%; color: white; font-size: 10px;} 
.fixed-bottom .image-button img{width: 100%;height:auto;}

@media (max-width: 1600px) {
.fixed-bottom { height: 60px; padding: 0 10px; }
.fixed-bottom .white_logo { height: 25px; }
.fixed-bottom .consult-title { font-size: 1rem; margin-left: 15px; }
.fixed-bottom .phone-number { font-size: 1rem; margin-left: 15px; }
.fixed-bottom .line { height: 0.8rem; margin: auto 15px auto 10px; }
.fixed-bottom input[type="tel"] { width: 15vw; font-size: 1rem; height:unset;}
.fixed-bottom input[type="tel"]::placeholder { font-size: 1rem; }
.fixed-bottom .checkbox-text { font-size: 10px; }
.fixed-bottom .fixed-submit-button { font-size: 1rem; padding: 6px 20px; margin: 0 15px 0 8px; }
.fixed-bottom .image-button { width: 40px; height: 40px; }
}

@media (max-width: 1200px) {
.fixed-bottom { height: 60px; padding: 0 10px; }
.fixed-bottom .white_logo { height: 20px; }
.fixed-bottom .consult-title { font-size: 0.8rem; margin-left: 10px; }
.fixed-bottom .phone-number { font-size: 0.8rem; margin-left: 10px; }
.fixed-bottom .line { height: 0.8rem; margin: auto 10px auto 5px; }
.fixed-bottom input[type="tel"] { width: 15vw; font-size: 0.8rem; height:unset;}
.fixed-bottom input[type="tel"]::placeholder { font-size: 0.6rem; }
.fixed-bottom .checkbox-text { font-size: 8px; }
.fixed-bottom .fixed-submit-button { font-size: 1rem; padding: 6px 10px; margin: 0 10px 0 5px; }
.fixed-bottom .image-button { width: 40px; height: 40px; }
}