@charset "utf-8";

/* 색 설정 */
:root {
    --main-color: #C1A78E;
    --black-color : #222;
    --white-color : #fff
}

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* 스크롤 커스텀 */
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--main-color); border-radius: 10px;}

/* 드래그 블록 커스텀 */
::selection { background-color:var(--main-color); color:#fff; }


/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1200px; margin:0 auto; }

.paging_box{ margin-top: 40px; padding:10px 0; display:flex; align-items: center; justify-content: center; }

@media screen and (max-width: 650px) { 

}
select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }
p{ word-break: keep-all; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 3vw; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

/* header */
header{ background-color: #222; color: #fff; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255.4); position: fixed; left: 0; top: 0; width: 100%; z-index: 99;  }
header.active{ background-color: rgba(0, 0, 0, .2); }
header .inner{ display: flex; align-items: center; justify-content: space-between; }
header .menu-list{ display: flex; align-items: center; gap: 20px; }
header .menu-list > li > a{ transition: color .5s; }
header .menu-list > li > a:hover{ color: var(--main-color); }
header .menu-btn{ display: none; background-color: transparent; border: none; }
header .menu-btn .icon{ width: 30px; }
header .tel-box{ border-radius: 4px; padding: 2px; display: block; background: linear-gradient( to right,rgba(145, 121, 98, 1),rgba(76, 76, 76, 1)); }
header .tel-box .number{ font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 5px; padding: 8px 20px; background-color: #222;  }

@media screen and (max-width: 1250px) { 
    header .menu-list{ display: none; }
    header .menu-wrap{ display: flex; align-items: center; gap: 20px; }
    header .menu-btn{ display: block; }
}

@media screen and (max-width: 950px) { 
    header .logo{ width: 150px; }
    header .menu-wrap{ gap: 10px; }
    header .tel-box .number{ font-size: 16px; padding: 4px 10px; }
}
@media screen and (max-width: 650px) { 
    header .logo{ width: 130px; }
    header .tel-box .number{ font-size: 12px; padding: 4px 7px; }
}

/* .slide-close-bg */
.slide-close-bg{ opacity: 0; visibility: hidden; cursor: pointer; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(10px); }
.slide-close-bg.show{ opacity: 1; visibility: visible; }

/* .slide-menu */
.slide-menu{ padding: 20px; position: fixed; right: -300px; top: 0; width: 90%; transition: right .5s; max-width: 300px; height: 100%; z-index: 999; background-color: #fff; }
.slide-menu.show{ right: 0; }
.slide-menu .btn-wrap{ display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
.slide-menu .btn-wrap .logo{ width: 140px; }
.slide-menu .btn-wrap .close-btn{ background: transparent; border: none; }
.slide-menu .menu-list > li { border-bottom: 1px solid #efefef; }
.slide-menu .menu-list > li > a{ display: block; padding: 15px 0; }


/* footer */
footer{ padding: 80px 0; color: #fff; background-color: #222; border-top: 10px solid #917962; }
footer .inner{ display: flex; flex-wrap: wrap; }
footer .content-div{ width: 775px; padding-left: 80px;  }
footer .item-list{ display: flex; gap: 50px; }
footer .item-list > li{ flex-shrink: 0; }
footer .item-list > li:nth-child(1){ width: 45%; }
footer .item-list > li:nth-child(2){ width: 15%; }
footer .item-list > li:nth-child(3){ width: 15%; }
footer .item-list .title{ font-weight: 700; font-size: 18px; }
footer .item-list .content{ margin-top: 10px; font-size: 15px; }
footer .bar{ margin: 20px 0; width: 100%; height: 1px; background-color: #d9d9d9; opacity: .4; }

footer .copy-right{ width: 100%; font-size: 15px; opacity: .2; }

@media screen and (max-width: 1250px) { 
    footer{ padding-top: 50px; }
    footer .logo{ width: 206px; }
    footer .content-div{ width: 100%; padding: 0; margin-top: 20px; }
    footer .item-list{ flex-direction: column; gap: 10px; }
    footer .item-list .content{ margin-top: 5px; }
    footer .copy-right{ margin-top: 30px; }
    footer .item-list > li:nth-child(1){ width: 100%; }
    footer .item-list > li:nth-child(2){ width: 100%; }
    footer .item-list > li:nth-child(3){ width: 100%; }
}
@media screen and (max-width: 950px) { 
    footer .logo{ width: 150px; }
}
@media screen and (max-width: 650px) { 
    footer{ padding:30px 0 20px 0; }
    footer .logo{ width: 130px; }
    footer .item-list .title{ font-size: 14px; }
    footer .item-list .content{ font-size: 13px; }
    footer .copy-right{ font-size: 12px; }
}

/* .floating-menu */
.floating-menu{ position: fixed; right: 50px; bottom: 50px; }
.floating-menu > li + li{ margin-top: 8px; }
.floating-menu .item{ background-image: url('../img/common/floating-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; color: #917962; font-size: 14px; font-weight: 500; width: 74px; height: 74px; border-radius: 50%; flex-direction: column; border: 1px solid #917962; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #fff; }

@media screen and (max-width: 1490px) { 
    .floating-menu{ right: 10px; bottom: 10px; }
}
@media screen and (max-width: 950px) { 
    .floating-menu .item{ width: 50px; height: 50px; }
    .floating-menu .item .text{ display: none; }
    .floating-menu .item .icon{ width: 50%; }
}
@media screen and (max-width: 650px) { 
    .floating-menu{ right: 5px; bottom: 10px; }
}

/* .main .banner-section */
.main .banner-section{ min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 100px 0; background-image: url("../img/main/banner-section/background.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .banner-section .blur-div{ font-size: 18px; line-height: 1.5em; margin-top: 48px; padding: 137px 0 70px 0; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; border: 1px solid #FFF; background-color: rgba(0, 0, 0, 0.10); backdrop-filter: blur(33px); border-radius: 10px;  }
.main .banner-section .blur-div .bubble{ position: absolute; top: -48px; }
.main .banner-section .blur-div .bg-div{ font-size: 20px; font-weight: 500; margin-top: 5px; background-color: #222; border-radius: 4px; padding: 5px 28px; }
.main .banner-section .blur-div .bg-div b{ color: #C1A78E; font-weight: 700; }
.main .banner-section .blur-div .item-list{ max-width: 100%; display: flex; margin-top: 20px; gap: 28px; width: 874px; display: flex; justify-content: space-between; }
.main .banner-section .blur-div .item-list > li{ width: calc(100% / 3); }
.main .banner-section .blur-div .item-list .item{ display: flex; flex-direction: column; align-self: center; justify-content: center;  border-radius: 10px; border: 1px solid #FFF;  padding: 26px 0; background-color: #222; }
.main .banner-section .blur-div .item-list .item .icon{ width: 100px; height: 100px; border-radius: 50%; background-color: #333; margin: 0 auto; background-repeat: no-repeat; background-position: center; }
.main .banner-section .blur-div .item-list .item .t1{ margin-top: 6px; font-weight: 800; font-size: 20px; }
.main .banner-section .blur-div .item-list .item .t2{ font-weight: 500; margin-top: 4px; font-size: 16px; color: #BCBCBC; }
.main .banner-section .blur-div .item-list .item .t2 .active{ color: #C1A78E; font-size: 1.25em; }
.main .banner-section .blur-div .big-center{ margin-top: 20px; font-weight: 700; font-size: 22px; }
.main .banner-section .moBr{ display: none; }
.main .banner-section .blur-div .big-center .gold{ color: #C1A78E; font-weight: 700; }
.main .banner-section .blur-div .kakao-link{ bottom: -32px; font-family: 'Pyeong Chang'; position: absolute; background-color: #C1A78E; padding: 16px 50px; border-radius: 14px; }
.main .banner-section .blur-div .kakao-link b{ font-weight: 700; }
.main .banner-section .scroll-div{ margin-top: 60px; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.main .banner-section .scroll-div .text{ font-weight: 700; }

@media screen and (max-width: 1250px) { 
    .main .banner-section{ min-height: unset; }
    .main .banner-section .blur-div{ font-size: 16px; padding: 64px 20px 70px 20px; }
    .main .banner-section .blur-div .bubble{ width: 400px; top: -50px; }
    .main .banner-section .blur-div .bg-div{ font-size: 18px; }
    .main .banner-section .blur-div .big-center{ font-size: 18px; }
    .main .banner-section .blur-div .item-list{ gap: 15px; }
    .main .banner-section .blur-div .item-list .item .t2{ font-size: 14px; }
    .main .banner-section .blur-div .item-list .item .icon{ width: 60px; height: 60px; background-size: auto 40px; }
}
@media screen and (max-width: 850px) { 
    .main .banner-section .blur-div{ padding: 40px 20px 50px 20px; }
    .main .banner-section .blur-div .bubble{ width: 300px; max-width: 100%; top: -42.5px; }
    .main .banner-section .blur-div .item-list{ gap: 1.5vw; }
    .main .banner-section .blur-div .item-list .item{ border-radius: 5px; }
    .main .banner-section .blur-div .item-list .item .t2{ font-size: 1.8vw; line-height: 1.5em; }
    .main .banner-section .blur-div .item-list .item .t1{ font-size: 2.2vw; }
}
@media screen and (max-width: 650px) { 
    .main .banner-section{ padding-bottom: 50px; }
    .main .banner-section .blur-div{ font-size: 14px; } 
    .main .banner-section .blur-div .bg-div{ font-size: 16px; }
    .main .banner-section .blur-div .item-list{ flex-wrap: wrap; justify-content: center; }
    .main .banner-section .blur-div .item-list > li{ width: 100%; }
    .main .banner-section .blur-div .item-list .item{ padding: 16px 0; }
    .main .banner-section .blur-div .item-list .item .t1{ font-size: 16px; }
    .main .banner-section .blur-div .item-list .item .t2{ font-size: 14px; }
    .main .banner-section .blur-div .big-center{ font-size: 16px; }
    .main .banner-section .moBr{ display: inline-block; }
    .main .banner-section .blur-div .kakao-link{ padding: 10px 20px; border-radius: 5px; }
    .main .banner-section .blur-div .kakao-link .icon{ width: 20px; }
}

/* .main .allinone-section */
.main .allinone-section{ color: #fff; padding: 80px 0; background-image: url('../img/main/allinone-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .main-title{ text-align: center; font-size: 34px; font-weight: 500; }
.main .main-title b{ font-weight: 700; }
.main .main-title .gold{ color: #C1A78E; }
.main .main-title .moBr{ display: none; }
.main .allinone-section .inner{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .allinone-section .label{ font-size: 18px; font-weight: 700; margin-top: 10px; background-color: #222; border-radius: 4px; padding: 8px 24px; }
.main .allinone-section .content-wrap{ font-size: 18px; font-weight: 700; line-height: 1.5em; margin-top: 35px; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; }
.main .allinone-section .content-wrap .space-content .gold{ position: relative; color: #FFB063; }
.main .allinone-section .content-wrap .space-content .gold.bar::after{ content:''; display: block; width: 660px; height: 1px; background-color: #fff; position: absolute; left: calc(100% + 20px); bottom: 0; }
.main .allinone-section .content-wrap .space-content:nth-child(2){ text-align: right; }

@media screen and (max-width: 1250px) { 
    .main .main-title{ font-size: 30px; }
    .main .allinone-section .content-wrap .space-content .gold.bar::after{ display: none; }
    .main .allinone-section .label{ font-size: 16px; }
}
@media screen and (max-width: 950px) { 
    .main .allinone-section .content-wrap{ flex-direction: column; align-items: center; gap: 30px;  }
    .main .allinone-section .content-wrap .space-content:nth-child(1){ text-align: center; }
    .main .allinone-section .content-wrap .space-content:nth-child(2){ text-align: center; }
}
@media screen and (max-width: 650px) { 
    .main .main-title{ font-size: 24px; }
    .main .allinone-section{ padding: 50px 0; }
    .main .main-title .moBr{ display: inline-block; }
    .main .allinone-section .label{ font-size: 14px; padding: 4px 12px; }
    .main .allinone-section .content-wrap{ font-size: 14px; }
}

/* .main .representative-section */
.main .representative-section{ color: #fff; padding: 84px 0; background-image: url('../img/main/representative-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .representative-section .icon{ display: block; margin: 0 auto; }
.main .representative-section .main-title{ margin-top: 24px; }
.main .representative-section .main-title b{ font-weight: 700; }
.main .representative-section .half-box{ margin: 0 auto; max-width: 1000px; margin-top: 80px; display: flex; align-items: center; gap: 80px; }
.main .representative-section.reverse .half-box{ flex-direction: row-reverse; }
.main .representative-section .half-box .profile{ flex-shrink: 0; }
.main .representative-section .half-box .profile .img-div{ margin: 0 auto; width: 294px; height: 319px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .representative-section .half-box .profile .name-div{ justify-content: center; background-color: #222; border-radius: 4px; padding: 8px 56px; display: flex; align-items: center; gap: 35px; }
.main .representative-section .half-box .profile .name-div .gold{ color: var(--main-color); font-size: 1.25em; }
.main .representative-section .half-box .profile .content-div{ margin-top: 15px; line-height: 1.5em; }
.main .representative-section .half-box .content{ flex-grow: 1; }
.main .representative-section .half-box .content .box-div{ display: flex; align-items: flex-start; gap: 25px; }
.main .representative-section .half-box .content .box-div + .box-div{ margin-top: 56px; }
.main .representative-section .half-box .content .box-div .number{ flex-shrink: 0; width: 33px; font-style: italic; font-size: 45px; font-weight: 700; background: linear-gradient(175deg, #C1A78E -42.77%, rgba(193, 167, 142, 0) 168.58% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.main .representative-section .half-box .content .box-div .t1{ font-size: 30px; font-weight: 700; }
.main .representative-section .half-box .content .box-div .t2{ margin-top: 16px; line-height: 1.5em; font-size: 19px; }
.main .representative-section .bottom-div{ margin-top: 84px; display: flex; gap: 16px; }
.main .representative-section .bottom-div .content-div{ flex-grow: 1; padding: 20px 40px; border-radius: 4px; background-color: #383B3E; font-size: 18px; line-height: 1.5em;  }
.main .representative-section .bottom-div .content-div .gold{ color: var(--main-color); }
.main .representative-section .bottom-div .content-div b{ font-weight: 700; }
.main .representative-section .bottom-div .btn-a{ flex-shrink: 0; position: relative; background-color: #C1A78E; border-radius: 4px; display: flex; position: relative; align-items: center; justify-content: center; width: 350px; flex-shrink: 0; gap: 6px; }
.main .representative-section .bottom-div .btn-a .info{ background-color: #222; border-radius: 100px; position: absolute; top: -16px; padding: 4px 30px; border-radius: 100px; }
.main .representative-section .bottom-div .btn-a .icon{ margin: 0; }
.main .representative-section .bottom-div .btn-a .text{ font-size: 20px; font-weight: 700; }

@media screen and (max-width: 1250px) { 
    .main .representative-section .half-box .content .box-div .number{ margin-top: -18px; }
    .main .representative-section .half-box .content .box-div .t1{ font-size: 24px; }
    .main .representative-section .half-box .content .box-div .t2{ font-size: 16px; }
    .main .representative-section .half-box .content .box-div .t2 br{ display: none; }
    .main .representative-section .bottom-div .content-div{ font-size: 16px; word-break: keep-all; padding: 20px; }
    .main .representative-section .bottom-div .btn-a{ width: 330px; }
    .main .representative-section .bottom-div .btn-a .text{ font-size: 16px; }
}
@media screen and (max-width: 950px) { 
    .main .representative-section .half-box{ gap: 20px; }
}
@media screen and (max-width: 800px) { 
    .main .representative-section .half-box{ gap: 30px; flex-direction: column; }
    .main .representative-section.reverse .half-box{ gap: 30px; flex-direction: column; }
    .main .representative-section .half-box .profile .content-div{ text-align: center; }
    .main .representative-section .half-box .content{ width: 100%; }
}
@media screen and (max-width: 650px) { 
    .main .representative-section{ padding: 50px 0; }
    .main .representative-section .half-box{ margin-top: 20px; }
    .main .representative-section .half-box .content .box-div + .box-div{ margin-top: 20px; }
    .main .representative-section .half-box .content .box-div .number{ width: 22px; }
    .main .representative-section .half-box .profile .name-div{ font-size: 14px; padding: 8px 20px; }
    .main .representative-section .half-box .profile .content-div{ font-size: 14px; }
    .main .representative-section .half-box .content .box-div{ gap: 10px; }
    .main .representative-section .half-box .content .box-div .number{ font-size: 28px; margin-top: -7px; }
    .main .representative-section .half-box .content .box-div .t1{ font-size: 18px; }
    .main .representative-section .half-box .content .box-div .t2{ margin-top: 5px; font-size: 14px; }

    .main .representative-section .bottom-div{ margin-top: 30px; flex-wrap: wrap; gap: 30px; }
    .main .representative-section .bottom-div .content-div{ font-size: 14px; width: 100%; }
    .main .representative-section .bottom-div .btn-a{ width: 100%; padding: 20px; }
    .main .representative-section .bottom-div .btn-a .info{ font-size: 14px; }
    .main .representative-section .bottom-div .btn-a .text{ font-size: 16px; }
}

/* .main .design-section */
.main .design-section{ padding: 100px 0; color: #fff; background-image: url('../img/main/design-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .design-section .icon{ margin: 0 auto; display: block; }
.main .design-section .main-title{ margin-top: 20px; }
.main .main-content{ line-height: 1.5em; text-align: center; font-size: 18px; margin-top: 10px; }
.main .main-content b{ font-weight: 700; }
.main .main-content .moBr{ display: none; }
.main .design-section .item-list{ margin-top: 27px; display: grid; grid-gap: 27px; grid-template-columns: repeat(3,1fr); }
.main .design-section .item-list .item{ text-align: center; height: 100%; background-color: #5E5E5E; border-radius: 4px; box-shadow: 10px 18px 21px 0 rgba(0, 0, 0, 0.15); }
.main .design-section .item-list .item .title-div{ padding: 20px; background-color: #393B3E; }
.main .design-section .item-list .item .title-div .number{ font-size: 40px; font-weight: 900; }
.main .design-section .item-list .item .title-div .text{ font-weight: 500; margin-top: 5px; font-size: 22px; }
.main .design-section .item-list .item .content-div{ padding: 48px 0; line-height: 1.5em; }
.main .design-section .item-list .item .icon-div{ background-color: #535455; margin: 0 auto; background-repeat: no-repeat; background-position: center;  width: 143px; height: 143px; border-radius: 50%;  } 
.main .design-section .item-list .item .content{ line-height: 1.5em; font-size: 20px; margin-top: 20px; }
.main .design-section .item-list .item .content b{ font-weight: 700; }
.main .label-content{ background-color: #222; padding: 20px 10px; border-radius: 4px; text-align: center; margin: 0 auto; font-size: 18px; line-height: 1.5em; margin-top: 27px; width: 100%; max-width: 550px; color: #fff; line-height: 1.5em;  } 
.main .label-content b{ font-weight: 700; }
.main .label-content .gold{ color: #C1A78E; }

@media screen and (max-width: 1250px) {
    .main .main-content{ font-size: 16px; }
    .main .design-section .item-list{ grid-gap: 10px; }
    .main .design-section .item-list .item .title-div{ padding: 15px 10px; }
    .main .design-section .item-list .item .title-div .number{ font-size: 30px; }
    .main .design-section .item-list .item .title-div .text{ font-size: 18px; }
    .main .design-section .item-list .item .content-div{ padding: 20px 10px; }
    .main .design-section .item-list .item .icon-div{ width: 80px; height: 80px; background-size: auto 50%; }
    .main .design-section .item-list .item .content{ margin-top: 10px; font-size: 16px; }
    .main .label-content{ padding: 10px; font-size: 16px; }
}
@media screen and (max-width: 950px) {
    .main .design-section .item-list { grid-template-columns: repeat(1,1fr); }
    .main .design-section .item-list .item .content{ word-break: keep-all; }
}
@media screen and (max-width: 650px) {
    .main .design-section{ padding: 50px 0; }
    .main .main-content{ font-size: 14px; }
    .main .main-content .moBr{ display: inline-block; }
    .main .design-section .item-list .item .title-div{ padding: 10px; }
    .main .design-section .item-list .item .title-div .number{ font-size: 20px; }
    .main .design-section .item-list .item .title-div .text{ font-size: 16px; }
    .main .design-section .item-list .item .content{ font-size: 14px; }
    .main .label-content{ font-size: 14px; }
}

/* .main .guide-section */
.main .guide-section{ padding: 100px 0; background-image: url('../img/main/guide-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .guide-section .quotes{ display: block; margin: 0 auto; }
.main .guide-section .main-title{ margin-top: 20px; color: #222; }
.main .guide-section .step-table{ margin-top: 20px; border: 1px solid #917962; }
.main .guide-section .step-table .title-div{ display: flex; align-items: center; justify-content: center; padding: 16px 10px; font-weight: 700; font-size: 20px; color: #fff; text-align: center; position: relative; background-color: #917962; }
.main .guide-section .step-table .title-div .title1-wrap{ padding: 0 22px; display: flex; align-items: center; justify-content: center; position: relative; }
.main .guide-section .step-table .title-div .position-right{ white-space: nowrap; left: 100%; position: absolute; font-weight: 400; font-size: 16px; right: 50%; }
.main .guide-section .step-table .content-div:nth-child(1){ border-top: unset; }
.main .guide-section .step-table .half-div .content-div{ border-top: unset; }
.main .guide-section .step-table .content-div{ padding: 54px 36px 30px 36px; display: flex; align-items: flex-start; gap: 16px; background-color: #fff; border-top: 1px solid #917962; }
.main .guide-section .step-table .content-div.bg2{ background-color: rgba(244, 242, 240, 1); }
.main .guide-section .step-table .content-div.type2{ align-items: center; padding: 14px 36px 14px 36px; }
.main .guide-section .step-table .content-div.type2 .number{ margin-top: 34px; }
.main .guide-section .step-table .content-div .number{ flex-shrink: 0; display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; }
.main .guide-section .step-table .content-div .number .num{ width: 38px; height: 38px; border-radius: 50%; font-size: 22px; font-weight: 500; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #917962; color: #fff; }
.main .guide-section .step-table .content-div .label{ text-align: center; flex-shrink: 0; max-width: 100%; width: 204px; font-size: 22px; color: #fff; background-color: #917962;  padding: 7px 20px; border-radius: 10px;  }
.main .guide-section .step-table .content-div .content{ padding-left: 15px; line-height: 1.5em; font-size: 18px; flex-grow: 1; }
.main .guide-section .step-table .content-div .dot-box{ flex-shrink: 0; width: 100%; max-width: 490px; color: #fff; line-height: 1.5em; background-color: #393B3E; border-left: 6px solid #C1A78E; padding: 14px 32px; flex-shrink: 0; }
.main .guide-section .step-table .content-div .dot-box .title{ color: #C1A78E; font-weight: 700; font-size: 18px; }
.main .guide-section .step-table .content-div .dot-box .dot{ margin-top: 4px; position: relative; padding-left: 10px; }
.main .guide-section .step-table .content-div .dot-box .dot::before{ content:'•'; position: absolute; left: 0; top: 0; }
.main .guide-section .step-arrow{ margin: 10px auto; display: block; }
.main .guide-section .title-box{ margin: 0 auto; color:#fff; text-align: center; background-color: #917962; width: 100%; max-width: 540px; padding: 18px 10px; font-size: 20px; font-weight: 700; }
.main .guide-section .half-div{ display: flex; flex-wrap: wrap; }
.main .guide-section .half-div .content-div{ width: 50%; }
.main .guide-section .half-div .content-div + .content-div{ border-left: 1px solid #917962; }
.main .guide-section .half-div .content-div.color2 .number .num{ background-color: #423324; } 
.main .guide-section .half-div .content-div.color2 .label{ background-color: #423324; } 
.main .guide-section .half-div .content-div .label.top-label{ position: relative; }
.main .guide-section .half-div .content-div .label.top-label::before{ width: 100%; left: 0; display: block; position: absolute; bottom: calc(100% + 5px); text-align: center; }
.main .guide-section .half-div .content-div .label.top-label.yes-label::before{ content:'있음'; color: #917962; }
.main .guide-section .half-div .content-div .label.top-label.no-label::before{ content:'없음'; color: #423324; }
.main .guide-section .step-table .content-div.not-pd{ padding: 0; }
.main .guide-section .step-table .content-div.not-pd .content{ padding: 0; }
.main .guide-section .step-table .content-div.not-pd .dot-box{ max-width: unset; border-left: none; }

@media screen and (max-width: 1250px) {
    .main .guide-section .half-div .content-div{ padding: 30px 20px; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
    .main .guide-section .step-table .content-div.type2{ padding: 30px 20px; }
    .main .guide-section .step-table .content-div .content{ font-size: 16px; }
    .main .guide-section .step-table .content-div .label{ font-size: 18px; width: 175px; }
    .main .guide-section .step-table .content-div .dot-box{ padding: 10px 20px; max-width: 465px; }
    .main .guide-section .title-box{ font-size: 18px; }
    .main .guide-section .half-div .content-div .label.top-label{ margin-top: 30px; }
}
@media screen and (max-width: 1100px) {
    .main .guide-section .step-table .content-div{ flex-direction: column; text-align: center; align-items: center; justify-content: center; }
    .main .guide-section .step-table .content-div.not-pd{ width: 100%; background-color: #393B3E; }
    .main .guide-section .step-table .content-div.not-pd .dot-box{ width: 100%; }
    .main .guide-section .step-table .content-div .dot-box{ text-align: left; }
}
@media screen and (max-width: 950px) {
    .main .guide-section .main-title .moBr{ display: inline-block; }
    .main .guide-section .step-table .title-div .position-right{ position: static; display: block; }
    .main .guide-section .step-table .title-div .title1-wrap{ flex-direction: column; gap: 5px; }
    .main .guide-section .step-table .title-div .title1-wrap .moBr{ display: inline-block; }
    .main .guide-section .step-table .content-div .number{ margin-top: 0; }
    .main .guide-section .step-table .content-div.type2 .number{ margin-top: 0; }
    .main .guide-section .step-table .content-div.not-pd .content{ width: 100%; }
    .main .guide-section .step-table .content-div .content{ padding-left: 0; }

}
@media screen and (max-width: 650px) {
    .main .guide-section{ padding: 50px 0; }
    .main .guide-section .step-table .title-div{ font-size: 16px; }
    .main .guide-section .title-box{ font-size: 16px; padding: 10px; }
    .main .guide-section .arrow-1{ width: 10px; }
    .main .guide-section .step-arrow{ max-width: 200px; }
    .main .guide-section .step-arrow.arrow1{ width: 10px; }
    .main .guide-section .step-table .content-div{ padding: 20px; gap: 5px; }
    .main .guide-section .step-table .content-div.type2{ padding: 20px; }
    .main .guide-section .step-table .content-div .number{ gap: 5px; }
    .main .guide-section .step-table .content-div .number .num{ font-size: 15px; width: 30px; height: 30px; }
    .main .guide-section .step-table .content-div .label{ border-radius: 4px; padding: 5px 10px; font-size: 14px; }
    .main .guide-section .step-table .content-div .dot-box{ font-size: 14px; }
    .main .guide-section .step-table .content-div .dot-box .title{ font-size: 16px; }
    .main .guide-section .step-table .content-div .content{ max-width: 200px; width: 100%; word-break: keep-all; font-size: 14px; }
    .main .guide-section .step-table .content-div .content br{ display: none; }
    .main .guide-section .step-table .content-div.not-pd .content{ max-width: unset; }
}

/* .main .success-section */
.main .success-section{ padding: 100px 0; background-image: url('../img/main/success-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .success-section .icon{ margin: 0 auto; display: block; }
.main .success-section .main-title{ margin-top: 20px; color: #fff; }
.main .success-section .main-content{ color: #fff; }
.main .success-section .item-list{ margin-top: 30px; display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.main .success-section .item-list .item{ padding: 20px; height: 100%; display: flex; flex-direction: column; background-color: #F4F2F0; border-radius: 10px; box-shadow: 3.653px 8.218px 17.35px 0 rgba(0, 0, 0, 0.15); border: 2px solid #917962; }
.main .success-section .item-list .item .title-box{ text-align: center; padding: 10px; border-radius: 10px; background-color: #393B3E; color: #fff; font-size: 20px; font-weight: 700; }
.main .success-section .item-list .item .sub-list{ flex-grow: 1; margin-top: 10px; display: flex; flex-direction: column; gap: 4px; }
.main .success-section .item-list .item .sub-list > li{ flex-grow: 1; }
.main .success-section .item-list .item .sub-list .sub{ height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 500; padding: 11px 10px; text-align: center; border-radius: 4px; background-color: #EAE6E2; }
.main .success-section .item-list .item .label-div{ font-weight: 700; color: #7f7f7f; font-size: 20px; margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 5px; }
.main .success-section .item-list .item .label-div .black{ color: #222; }
.main .success-section .bar-text{ margin-top: 24px; gap: 26px; display: flex; align-items: center; justify-content: center; }
.main .success-section .bar-text .bar{ flex-grow: 1; height: 1px; background-color: #C1A78E;  }
.main .success-section .bar-text .text{ flex-shrink: 0; font-size: 24px; color: var(--main-color); }
.main .success-section .btn-wrap{ margin-top: 30px; display: flex; align-items: center; justify-content: center; }
.main .success-section .btn-wrap .link-btn{ text-align: center; background-color: #917962; border-radius: 100px; padding: 16px 20px; width: 100%; max-width: 540px; color: #fff; font-weight: 700; font-size: 20px; }

@media screen and (max-width: 1250px) {
    .main .success-section .item-list .item{ word-break: keep-all; font-size: 14px; }
    .main .success-section .item-list .item .title-box{ font-size: 16px; }
    .main .success-section .item-list .item .label-div{ font-size: 18px; }
    .main .success-section .bar-text .text{ font-size: 18px; }
    .main .success-section .btn-wrap .link-btn{ font-size: 18px; max-width: 300px; }
}
@media screen and (max-width: 1100px) {
    .main .success-section .item-list{ grid-template-columns: repeat(2,1fr); }
}
@media screen and (max-width: 650px) {
    .main .success-section{ padding: 50px 0; }
    .main .success-section .item-list{ gap: 10px; }
    .main .success-section .item-list .item{ padding: 5px; }
    .main .success-section .item-list .item .label-div{ margin: 10px 0; }
    .main .success-section .bar-text .text{ font-size: 14px; }
    .main .success-section .btn-wrap .link-btn{ font-size: 16px; }
}
@media screen and (max-width: 410px) {
    .main .success-section .item-list{ grid-template-columns: repeat(1,1fr); }
}

/* .main .collect-section */
.main .collect-section{ padding: 100px 0; background-image: url('../img/main/collect-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .collect-section .icon{ display: block; margin: 0 auto; }
.main .collect-section .main-title{ margin-top: 20px; color: #fff; }
.main .collect-section .main-content{ color:#fff; }
.main .collect-section .item-list{ margin-top: 40px; display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr); }
.main .collect-section .item-list .item{ display: flex; flex-direction: column; height: 100%; background-color: #5E5E5E; border-radius: 10px; }
.main .collect-section .item-list .item .box1{ padding: 18px 10px; }
.main .collect-section .item-list .item .box1{ text-align: center; color: #fff; display: block; margin: 0 auto; }
.main .collect-section .item-list .item .box1 .t1{ font-size: 22px; font-weight: 700; line-height: 1.25em; }
.main .collect-section .item-list .item .box2{ flex-grow: 1; display: flex; flex-direction: column; justify-content: center; font-size: 18px; padding: 15px 42px; background-color: #393B3E; line-height: 1.5em; color: #fff;  }
.main .collect-section .item-list .item .box2 p{ position: relative; padding-left: 13px; }
.main .collect-section .item-list .item .box2 p::before{ content:'-'; position: absolute; left: 0; top: 0; }
.main .collect-section .item-list .item .box3{ padding: 16px 30px; padding-bottom: 28px; }
.main .collect-section .item-list .item .box3 .bubble{ font-size: 18px; text-align: center; position: relative; background-color: #fff; border-radius: 10px; padding: 35px; }
.main .collect-section .item-list .item .box3 .bubble .tail{ position: absolute; bottom: -12px; right: 10px; }

@media screen and (max-width: 1250px) {
    .main .collect-section .item-list{ grid-gap: 10px; }
    .main .collect-section .item-list .item .box1 .profile{ width: 50px; }
    .main .collect-section .item-list .item .box1 .t1{ font-size: 18px; }
    .main .collect-section .item-list .item .box2{ font-size: 16px; }
    .main .collect-section .item-list .item .box3 .bubble{ padding: 20px; font-size: 16px; }
}
@media screen and (max-width: 950px) {
    .main .collect-section .item-list{ grid-template-columns: repeat(1,1fr); }
    .main .collect-section .item-list .item .box3 .bubble{ margin: 0 auto; max-width: 300px; }
    .main .collect-section .item-list .item .box2{ align-items: center; }
    .main .collect-section .item-list .item .box2 p{ width: 100%; max-width: 300px; }
}
@media screen and (max-width: 650px) {
    .main .collect-section{ padding: 50px 0; }
    .main .collect-section .item-list .item{ font-size: 14px; border-radius: 5px; }
    .main .collect-section .item-list .item .box1 .t1{ margin-top: 5px; font-size: 16px; }
    .main .collect-section .item-list .item .box2{ padding: 20px; }
    .main .collect-section .item-list .item .box2 p{ max-width: unset; font-size: 14px; }
    .main .collect-section .item-list .item .box3 .bubble{ font-size: 14px; }
}

/* .main .qna-section */
.main .qna-section{ padding: 80px 0; background-image: url('../img/main/qna-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .qna-section .icon{ display: block; margin: 0 auto; }
.main .qna-section .main-title{ margin-top: 20px; color: #fff; }
.main .qna-section .main-content{ color: #fff; }
.main .qna-section .qna-list{ margin-top: 30px; }
.main .qna-section .qna-list > li + li{ margin-top: 6px; } 
.main .qna-section .qna-list .item{ padding: 0 25px; color: #fff; border-radius: 10px; border: 1px solid #C1A78E; background-color: #5E5E5E; box-shadow: 4px 10px 4px 0 rgba(0, 0, 0, 0.15); }
.main .qna-section .qna-list .item .qna-box{ background-position: left 0 top 20px; background-repeat: no-repeat; padding: 20px 0; padding-left: 40px; display: flex; gap: 20px;  }
.main .qna-section .qna-list .item .qna-box .text{ line-height: 1.5em; flex-grow: 1;  }
.main .qna-section .qna-list .item .qna-box .arrow-btn{ transition: transform .5s; background-color: transparent; border: none;  }
.main .qna-section .qna-list .item .qna-box.show .arrow-btn{ transform: rotate(180deg); }
.main .qna-section .qna-list .item .qna-box.q-box{ cursor: pointer; font-size: 18px; font-weight: 700; background-image: url('../img/main/qna-section/q-icon.svg'); }
.main .qna-section .qna-list .item .qna-box.a-box{ display: none; padding-top: 20px; border-top: 1px solid #C1A78E; font-size: 18px; background-image: url('../img/main/qna-section/a-icon.svg'); }

@media screen and (max-width: 1250px) {
    .main .qna-section .qna-list .item .qna-box.q-box{ font-size: 16px; }
    .main .qna-section .qna-list .item .qna-box.a-box{ font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .main .qna-section{ padding: 50px 0; }
    .main .qna-section .qna-list .item .qna-box.q-box{ font-size: 14px; }
    .main .qna-section .qna-list .item .qna-box.a-box{ font-size: 14px; }
}

/* .main .apply-section */
.main .apply-section{ padding: 100px 0; background-image: url('../img/main/apply-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .apply-section .icon{ display: block; margin: 0 auto; }
.main .apply-section .apply-box{ padding: 40px; background-color: #2B2B2B; margin: 0 auto; max-width: 870px; margin-top: 35px; border-top: 10px solid #917962; }
.main .apply-section .main-title{ margin-top: 20px; color: #fff; }
.main .apply-section .main-content{ color: #fff; }
.main .apply-section .label{ color: #fff; }
.main .apply-section .apply-box .formList .iptBox .ipt{ color: #fff; background: transparent; border: 1px solid #E1E1E1; border-radius: 2px; }
.main .apply-section .apply-box .formList .iptBox .ipt::placeholder{ color: rgba(255,255,255,.2); }
.main .apply-section .btn-wrap{ margin-top: 18px; display: flex; align-items: center; justify-content: center; }
.main .apply-section .btn-wrap .submit-button{ background-color: #917962; color: #fff; border-radius: 100px; padding: 12px 10px; font-weight: 700; border: none; width: 100%; max-width: 270px; }


@media screen and (max-width: 650px) {
    .main .apply-section{ font-size: 14px; padding: 50px 0; }
    .main .apply-section .apply-box{ padding: 20px; }
}

/* .lawyer-popup-section */
.lawyer-popup-section{ transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; padding: 10px; width: 100%; height: 100%; z-index: 99; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,.8); }
.lawyer-popup-section.show{ opacity: 1; visibility: visible; }
.lawyer-popup-section .popupcontent-arti{ width: 100%; max-width: 700px;  }
.lawyer-popup-section .popupcontent-arti .btn-wrap{ display: flex; justify-content: flex-end; }
.lawyer-popup-section .popupcontent-arti .btn-wrap .close-btn{ background-color: transparent; border: none; }
.lawyer-popup-section .popupcontent-arti .scroll-div{ -ms-overflow-style: none; scrollbar-width: none;  overflow-y: scroll; max-height: 70vh; background-color: #393B3E; border: 1px solid #C1A78E; margin-top: 5px; }
.lawyer-popup-section .popupcontent-arti .scroll-div::-webkit-scrollbar{ display: none; }
.lawyer-popup-section .popupcontent-arti .top-title{ background-color: #222; padding: 20px 10px; text-align: center; color: #C1A78E; text-align: center; font-size: 22px; font-weight: 700; }
.lawyer-popup-section .popupcontent-arti .content-wrap{ padding: 16px 26px; color: #fff; }
.lawyer-popup-section .popupcontent-arti .content-wrap .number{ margin-top: 8px; font-size: 18px; font-weight: 700; line-height: 1.25em; }
.lawyer-popup-section .popupcontent-arti .content-wrap .content{ margin-top: 8px; line-height: 1.5em; }
.lawyer-popup-section .popupcontent-arti .content-wrap .dash-box{ margin-top: 12px; line-height: 1.5em; padding: 10px 20px; background-color: #333538; border-radius: 4px; }
.lawyer-popup-section .popupcontent-arti .content-wrap .dash-box p{ position: relative; padding-left: 13px; }
.lawyer-popup-section .popupcontent-arti .content-wrap .dash-box p::before{ content:'-'; position: absolute; left: 0; top: 0; }
.lawyer-popup-section .popupcontent-arti .content-wrap .gold{ color: #C1A78E; }
.lawyer-popup-section .popupcontent-arti .content-wrap .bar{ margin: 20px 0; height: 1px; background-color: #616265;  }
.lawyer-popup-section .popupcontent-arti .thick-bar{ margin: 36px 0; height: 4px; background-color: #917962; }
.lawyer-popup-section .popupcontent-arti .name-box b{ padding-right: 10px; color: #fff; font-weight: 700; font-size: 24px; }
.lawyer-popup-section .popupcontent-arti .name-box span{ color: #7F7F7F; font-weight: 700; }
.lawyer-popup-section .popupcontent-arti .info-div{ margin-top: 20px; }
.lawyer-popup-section .popupcontent-arti .info-div .title{ font-weight: 700; color: #917962; font-size: 18px; margin-bottom: 10px; }
.lawyer-popup-section .popupcontent-arti .info-div p.dot{ line-height: 1.5em; padding-left: 10px; position: relative;  }
.lawyer-popup-section .popupcontent-arti .info-div p.dot::before{ content:'•'; position: absolute; left: 0; top: 0; }

@media screen and (max-width: 1250px) {
    .lawyer-popup-section .popupcontent-arti .top-title{ font-size: 18px; }
}
@media screen and (max-width: 650px) {
    .lawyer-popup-section .popupcontent-arti .name-box b{ font-size: 20px; padding-right: 5px; }
    .lawyer-popup-section .popupcontent-arti .top-title{ font-size: 16px; }
    .lawyer-popup-section .popupcontent-arti .content-wrap{ font-size: 14px; }
    .lawyer-popup-section .popupcontent-arti .content-wrap .number{ font-size: 16px; }
}


.service-popup-section{ transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; padding: 3vw; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, .5); }
.service-popup-section.show{ opacity: 1; visibility: visible; }
.service-popup-section .content-arti{ width: 100%; max-width: 1200px; }
.service-popup-section .content-arti .btn-wrap{ display: flex; justify-content: flex-end; margin-bottom: 10px; }
.service-popup-section .content-arti .btn-wrap .close-btn{ background: transparent; border: none; }
.service-popup-section .content-arti .content-div{ max-height: 70vh; overflow-y: scroll; }
.service-popup-section .content-arti .content-div .title-div{ background-color: #222; padding: 23px 10px; text-align: center; color: #C1A78E; font-size: 22px; font-weight: 500; }
.service-popup-section .content-arti .content-div .table-div{ display: flex; background-color: #5E5E5E; }
.service-popup-section .content-arti .content-div .table-div .box{ line-height: 1.5em; display: flex; align-items: center; justify-content: center; color: #fff; padding: 16px 10px; text-align: center; border-bottom: 1px solid #393B3E; }
.service-popup-section .content-arti .content-div .table-div .box + .box{ border-left: 1px solid #393B3E; }
.service-popup-section .content-arti .content-div .table-div .box1{ flex-shrink: 0; width: 159px; }
.service-popup-section .content-arti .content-div .table-div .box2{ width: calc(100% / 3); }
.service-popup-section .content-arti .content-div .table-div .box3{ width: 100%; }
.service-popup-section .content-arti .content-div .table-div .box4{ width: calc(100% / 2); }
.service-popup-section .content-arti .content-div .table-div .bg1{ border-top: 1px solid #646464; font-size: 1.15em; color: #fff; font-weight: 700; background-color: #222; }
.service-popup-section .content-arti .content-div .table-div b{ font-weight: 700; }
.service-popup-section .content-arti .content-div .table-div .yello{ color: #EEA763; }
.service-popup-section .content-arti .content-div .table-div .gray{ color: #CECECE; }
.service-popup-section .mo{padding: 0 0 20px 0; background-color: #000; display: none; }

@media screen and (max-width: 1250px) {
    .service-popup-section .content-arti .content-div .title-div{ font-size: 16px; padding: 10px; }
    .service-popup-section .content-arti .content-div .table-div .box{ font-size: 14px; }
    .service-popup-section .content-arti .content-div .table-div .box1{ width: 80px; }
}
@media screen and (max-width: 950px) {
    .service-popup-section .content-arti .content-div .table-div .box br{ display: none; }
}
@media screen and (max-width: 650px) {
    .service-popup-section .content-arti .content-div .table-div .box{ word-break: keep-all; padding: 10px 5px; }
    .service-popup-section .pc{ display: none; }
    .service-popup-section .mo{ display: block; }
    .service-popup-section img{ max-width: 100%; }
}

/* .sec_top */
.sec_top{ padding-top: 79px; }

@media screen and (max-width: 950px) {
    .sec_top{ padding-top: 68px; }
}
@media screen and (max-width: 650px) {
    .sec_top{ padding-top: 67px; }
}