@charset "utf-8";
/* CSS Document */


/* ------------------------- Reset : Start ------------------------- */
html,body {width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {padding:0;margin:0;}
body {overflow-x:hidden;position:relative;background:#FFF;color:#000;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body,th,td,input,select,textarea,button,pre {font-family:'SUIT Variable', 'Pretendard Variable', 'MalgunGothic', sans-serif;font-weight:400;line-height:1;letter-spacing:-0.04em;}
table {border-collapse:collapse;}
fieldset,img {border:none;}
img {max-width:100%;vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
input, input:focus, button:focus, textarea:focus {outline:none;}
button {border:0 none;background-color:transparent;cursor:pointer;}
a {text-decoration:none;cursor:pointer;}
address,caption,cite,code,dfn,em,var,strong,b {font-weight:400;font-style:normal;}
blockquote::before,blockquote::after,q::before,q::after {content:none;}
blockquote,q {quotes:none;}
figure {line-height:0;}
*,*::before,*::after {box-sizing:border-box;}



/* MediaQuery : Start */
@media (max-width: 1515px) {
    body {
        overflow-x: auto;
        min-width: 1500px;
    }
}
/* MediaQuery : End */
/* ------------------------- Reset : End ------------------------- */





/* ------------------------- Cont : Start ------------------------- */
.inner {
    width: 1200px;
    margin: auto;
}

[class*="section-"] .box-txt {
    text-align: center;
}
[class*="section-"] .box-txt .tit {
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 700;
    font-size: 41px;
    color: #00342A;
}
[class*="section-"] .box-txt .tit .fc-point {
    color: #00B159;
}
[class*="section-"] .box-txt .txt-sub {
    margin: 18px 0 68px;
    font-weight: 700;
    font-size: 23px;
    color: #00342A;
}



/* ----- Header : Start ----- */
.header {
    display: flex;
    align-items: center;
    padding: 0 40px;
    background-color: #FFF;
}
.header > [class*="btn-"] {
    display: block;
    width: 38px;
    height: 38px;
    text-indent: -9999px;
}
.header > .btn-back {
    background: url(/dual2/images/btn-back.png) no-repeat;
}
.header > .btn-close {
    background: url(/dual2/images/btn-close.png) no-repeat;
}
.header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
}
.header .logo {
    display: block;
    width: 193px;
    height: 42px;
    text-indent: -9999px;
    background: url(/dual2/images/logo.png) no-repeat;
}


/* Nav : Start */
.header .nav {
    display: flex;
}
.header .nav-item {
    position: relative;
    padding: 0 35px;
}
.header .nav-item:last-child {
    padding-right: 0;
}
.header .nav-item::after {
    content: '';
    position: absolute;
    top: 1px;
    right: 0;
    width: 1px;
    height: 15px;
    background-color: #000;
}
.header .nav-item:last-child:after {
    display: none;
}
.header .nav-link {
    padding: 5px;
    font-weight: 700;
    font-size: 17px;
    color: #000;
}
/* Nav : End */
/* ----- Header : End ----- */



/* ----- Main : Start ----- */
.main {
    color: #FFF;
}
.main .row-01 .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 375px;
    padding-right: 44px;
}
.main .row-01 {
    text-align: right;
    background: linear-gradient(to top, #00856D, #00AB87);
}
.main .row-01 .obj {
    align-self: flex-end;
    width: 484px;
    height: 181px;
    margin-bottom: 50px;
}
.main .row-01 .txt-sub {
    font-weight: 700;
    font-size: 34px;
}
.main .row-01 .tit {
    margin: 20px 0 30px;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 700;
    font-size: 68px;
    letter-spacing: -0.025em;
}
.main .row-01 .btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 78px;
    padding: 0 47px;
    font-weight: 800;
    font-size: 26px;
    background-color: #FFF;
    color: #008169;
    border-radius: 39px;
}
.main .row-01 .btn::after {
    content: '>';
    font-size: 32px;
}

.main .row-02 {
    background-color: #004033;
}
.main .row-02 .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 76px;
}
.main .row-02 .btn-list {
    display: flex;
}
.main .row-02 .btn-item {
    position: relative;
    padding: 0 100px;
}
.main .row-02 .btn-item::after {
    content: '';
    position: absolute;
    top: 1px;
    right: 0;
    width: 2px;
    height: 31px;
    background-color: #FFF;
}
.main .row-02 .btn-item:last-child:after {
    display: none;
}
.main .row-02 .btn-link {
    padding: 10px;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 600;
    font-size: 31px;
    color: #FFF;
}
/* ----- Main : End ----- */



/* ----- Section-01 : Start ----- */
.section-01 {
    padding: 75px 0 96px;
}
.section-01 .box-txt .txt-sub {
    font-weight: 600;
}
.section-01 .row {
    display: flex;
    justify-content: space-between;
}
.section-01 .row [class*="col-"] {
    width: 367px;
    height: 367px;
    padding: 28px 0 0 32px;
    line-height: 1.3;
    color: #FFF;
    border-radius: 30px;
}
.section-01 .row .tit {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 29px;
}
.section-01 .row .tit .fc-point {
    font-size: 29px;
    color: #BBFB83;
}
.section-01 .row .txt-sub {
    font-weight: 500;
    font-size: 18px;
}

.section-01 .row .col-01 {
    background: #008176 url(/dual2/images/sec01-obj01.png) no-repeat right bottom;
}
.section-01 .row .col-02 {
    background: #008961 url(/dual2/images/sec01-obj02.png) no-repeat right bottom;
}
.section-01 .row .col-03 {
    background: #14B262 url(/dual2/images/sec01-obj03.png) no-repeat right bottom;
}
/* ----- Section-01 : End ----- */



/* ----- Section-02 : Start ----- */
.section-02 {
    position: relative;
    padding-top: 75px;
    background-color: #F3F5F5;
}
.section-02 .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 34px;
}
.section-02 .row [class*="col-"] {
    overflow: hidden;
    position: relative;
    width: 367px;
    height: 391px;
    padding: 30px 39px 28px;
    background-color: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.03);
    border-radius: 30px;
}
.section-02 .row .fs-small {
    display: block;
    font-weight: 700;
    font-size: 22px;
}
.section-02 .row .fs-large {
    font-size: 32px;
}
.section-02 .row .tit {
    position: relative;
    z-index: 1;
    height: 118px;
    font-weight: 800;
    font-size: 27px;
    line-height: 1.2;
    color: #18211F;
}
.section-02 .row .tit::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 278px;
    height: 2px;
    background-color: #008176;
}
.section-02 .row .group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    height: calc(100% - 130px);
    margin-top: 12px;
    line-height: 1.3;
}
.section-02 .row .box-img {
    position: absolute;
    pointer-events: none;
    cursor: default;
}
.section-02 .row .txt-sub {
    font-weight: 700;
    font-size: 19px;
}
.section-02 .row .txt-sub .fc-point {
    font-weight: 800;
    color: #008961;
}
.section-02 .row .box-list .txt-sub {
    position: relative;
    padding-left: 10px;
    font-weight: 500;
    font-size: 18px;
}
.section-02 .row .box-list .txt-sub::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #000;
    border-radius: 50%;
}

.section-02 .row .col-01 .box-img {
    top: 3px;
    right: -9px;
}
.section-02 .row .col-02 .box-img {
    top: 0;
    right: -10px;
}
.section-02 .row .col-03 .box-img {
    top: 3px;
    right: -12px;
}
.section-02 .row .col-04 .box-img {
    top: 8px;
    right: -7px;
}
.section-02 .row .col-05 .box-img {
    top: 0;
    right: -12px;
}
.section-02 .row .col-06 .box-img {
    top: -1px;
    right: -10px;
}
.section-02 .row .col-07 .box-img {
    top: 1px;
    right: -4px;
}
.section-02 .row .col-08 .box-img {
    top: 1px;
    right: -10px;
}
.section-02 .row .col-09 .box-img {
    top: -1px;
    right: -6px;
}
.section-02 .row .col-10 .box-img {
    top: 5px;
    right: 7px;
}
.section-02 .row .col-10 .box-list .txt-sub {
    font-size: 16px;
}
.section-02 .row .col-11 .box-img {
    top: 3px;
    right: -9px;
}
.section-02 .row .col-12 .box-img {
    top: 23px;
    right: 22px;
}
.section-02 .row .col-13 .box-img {
    top: -1px;
    right: -9px;
}
.section-02 .row .col-14 .box-img {
    top: 1px;
    right: -10px;
}
.section-02 .row .col-15 .box-img {
    top: 3px;
    right: -4px;
}


/* Collapse : Start */
.section-02 .collapse:not(.show) {
    overflow: hidden;
    height: 775px;
}
.section-02 .collapsing {
    overflow: hidden;
    height: 775px;
    transition: height 0.35s ease;
}
.section-02 .collapse.show {
    padding-bottom: 121px;
}

.section-02 .box-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 150px 0 46px;
    text-align: center;
}
.section-02 .box-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.15) 100%), linear-gradient(to bottom, transparent 0%, rgba(243, 245, 245, 0.3) 30%, rgba(243, 245, 245, 0.6) 55%, rgba(243, 245, 245, 0.65) 75%, #F3F5F5 120%);
}
.section-02 .collapse.show + .box-btn::before {
    display: none;
}
.section-02 .btn-more {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 324px;
    height: 65px;
    font-weight: 700;
    font-size: 23px;
    background-color: #008164;
    color: #FFF;
    border-radius: 33px;
}
.section-02 .btn-more::after {
    content: '';
    position: absolute;
    top: 0;
    right: 54px;
    bottom: 0;
    width: 18px;
    height: 11px;
    margin: auto;
    background: url(/dual2/images/sec02-btn-ico-arrow.png) no-repeat;
    transition: transform 0.3s ease;
}
.section-02 .btn-more[aria-expanded="true"]::after {
    transform: rotate(180deg);
}
/* Collapse : End */
/* ----- Section-02 : End ----- */



/* ----- Section-03 : Start ----- */
.section-03 {
    position: relative;
    z-index: 1;
    padding: 75px 0 57px;
    background: linear-gradient(150deg, #008164 30%, #00817F 100%);
}
.section-03::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(/dual2/images/sec03-bg01.png) no-repeat top 112px right, url(/dual2/images/sec03-bg02.png) no-repeat bottom 58px left;
    mix-blend-mode: multiply;
}
.section-03 .inner {
    padding: 0 82px;
}
.section-03 .box-txt .txt-sub,
.section-03 .box-txt .tit {
    color: #FFF;
}
.section-03 .box-txt .txt-sub {
    font-weight: 500;
}
.section-03 [class*="row-"] {
    padding: 28px 54px;
    margin-bottom: 41px;
    background-color: #FFF;
    border-radius: 30px;
}
.section-03 [class*="row-"] .num {
    display: inline-block;
    width: 34px;
    height: 34px;
    font-size: 21px;
    line-height: 34px;
    text-align: center;
    background-color: #008176;
    color: #FFF;
    border-radius: 50%;
}
.section-03 [class*="row-"] .tit {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 27px;
    color: #002421;
}
.section-03 [class*="row-"] .tit .fc-point {
    color: #008176;
}
.section-03 [class*="row-"] .txt-sub {
    font-weight: 600;
    font-size: 19px;
    line-height: 1.3;
    color: #001814;
}

.section-03 .row-01 {
    background: #FFF url(/dual2/images/sec03-obj01.png) no-repeat top 16px right 46px;
}
.section-03 .row-02 {
    background: #FFF url(/dual2/images/sec03-obj02.png) no-repeat top -7px right 57px;
}
.section-03 .row-03 {
    background: #FFF url(/dual2/images/sec03-obj03.png) no-repeat top 13px right 35px;
}
/* ----- Section-03 : End ----- */



/* ----- Section-04 : Start ----- */
.section-04 {
    padding: 70px 0 46px;
    background-color: #F3F5F5;
}
.section-04 .box-txt .txt-sub {
    margin-bottom: 98px;
    color: #18211F;
}
.section-04 .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 34px;
}
.section-04 .row:last-child {
    justify-content: center;
}
.section-04 .row [class*="col-"] {
    display: flex;
    flex-direction: column;
    width: 367px;
    height: 372px;
    background-color: #FFF;
    border-radius: 20px;
}
.section-04 .row [class*="col-"] .group-01 {
    height: 186px;
    text-align: center;
    border-radius: 20px 20px 0 0;
}
.section-04 .row [class*="col-"] .group-02 {
    padding: 26px 36px;
}
.section-04 .row .tit {
    margin-bottom: 20px;
    font-weight: 800;
    font-size: 28px;
    line-height: 1.2;
}
.section-04 .row .txt-sub {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    color: #1A2625;
}
.section-04 .row .txt-desc {
    padding: 7px 20px;
    font-weight: 600;
    font-size: 18px;
    background-color: #FFF;
    color: #1A2625;
    border-radius: 16px;
}

.section-04 .row .col-01 .group-01 {
    background-color: #008176;
}
.section-04 .row .col-01 .group-01 .obj {
    margin-top: -17px;
}
.section-04 .row .col-01 .tit {
    color: #00534C;
}

.section-04 .row .col-02 .group-01 {
    background-color: #008961;
}
.section-04 .row .col-02 .group-01 .obj {
    margin-top: -26px;
}
.section-04 .row .col-02 .tit {
    color: #006648;
}

.section-04 .row .col-03 .group-01 {
    background-color: #14B262;
}
.section-04 .row .col-03 .group-01 .obj {
    margin-top: -22px;
}
.section-04 .row .col-03 .tit {
    color: #009E4E;
}
/* ----- Section-04 : End ----- */



/* ----- Section-05 : Start ----- */
.section-05 {
    padding: 80px 0 166px;
}
.section-05 .row {
    display: flex;
    justify-content: space-between;
}
.section-05 .obj {
    margin-top: 60px;
}
.section-05 .box-txt {
    text-align: left;
}
.section-05 .box-txt .txt-sub {
    margin-bottom: 56px;
    color: #18211F;
}


/* Accordion : Start */
.section-05 .accordion {
    width: 650px;
}
.section-05 .accordion .collapse:not(.show) {
    display: none;
}
.section-05 .accordion .collapsing {
    overflow: hidden;
    height: 0;
    transition: height 0.35s ease;
}

.section-05 .accordion-item {
    border-bottom: 1px solid #008176;
}
.section-05 .accordion-button {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 28px 0;
    font-weight: 700;
    font-size: 24px;
    color: #18211F;
}
.section-05 .accordion-body {
    padding-bottom: 28px;
}
.section-05 .accordion-body .txt-sub {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #18211F;
}

.section-05 .accordion-button::after {
    content: ">";
    font-weight: 800;
    font-size: 30px;
    transition: transform 0.2s ease-in-out;
    color: #009465;
}
.section-05 .accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
}
/* Accordion : End */
/* ----- Section-05 : End ----- */



/* ----- Btn-Float : Start ----- */
.btn-float {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    border-bottom: 7px solid #000;
}
.btn-float .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    width: 467px;
    height: 80px;
    padding-top: 7px;
    margin: auto;
    font-weight: 700;
    font-size: 35px;
    background-color: #000;
    color: #FFF;
    border-radius: 30px 30px 0 0;
}
.btn-float .btn::after {
    content: '>';
    font-size: 33px;
}
/* ----- Btn-Float : End ----- */
/* ------------------------- Cont : End ------------------------- */





/* ------------------------- Footer : Start ------------------------- */
.footer {
    padding: 50px 0 160px;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.7;
    letter-spacing: -0.04em;
    background-color: #EAEAEA;
    color: #18211F;
}
.footer .title {
    font-weight: 700;
    font-size: 25px;
}
.footer .top {
    margin-bottom: 45px;
}
.footer .top .box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.footer .top .ico-info {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: -6px;
    margin-right: 5px;
    background: url(/dual2/images/ico-footer-info.png) no-repeat;
    vertical-align: middle;
}
.footer .top .number {
    font-weight: 700;
    font-size: 15px;
    color: #6D6D6D;
}
.footer .top .dot {
    position: relative;
    padding-left: 8px;
}
.footer .top .dot::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #18211F;
    border-radius: 50%;
}
.footer .bottom .box-list {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}
.footer .bottom .box-list .title {
    font-weight: 800;
    font-size: 18px;
}
.footer .bottom .box-list span {
    letter-spacing: normal;
}
/* ------------------------- Footer : End ------------------------- */