/* --------------------------------common------------------------------ */
.sec {position: relative; width:100%;}
.sec .inner {position:relative; width: 92%; max-width: 1320px; margin: 0 auto;}
.title {font-weight: 300; font-family: 'Ydestreet';  color: #222;}
.title strong {font-weight: 700;}
.btn_go_sec_05 {position: fixed; right: 5%; bottom: 5%; padding: 0.75rem 1.5rem; line-height: 142%; border-radius: 0 1rem 0 1rem; font-size: 1.125rem; cursor: pointer;  font-family: 'Ydestreet'; font-weight: 800; z-index: 99; background-color: #005A56; color: #fff;}
.btn_go_sec_05::after {content: ""; display: inline-block; width: 2.75rem; height: 1rem;background: url(../images/sub2/btn_fixed.svg) no-repeat right top/auto 100%; vertical-align: middle;}
@media screen and (max-width:767px) {
    .btn_go_sec_05 {right: 2%; bottom: 2%; padding: 0.625rem 1rem; font-size: 1rem;}
    .btn_go_sec_05::after {width: 2.25rem; height: 1rem;}
}/* sm */
/* --------------------------------common end------------------------------ */


/* --------------------------------sec_01------------------------------ */
.sec_01 {margin-top: 90px; padding: 8.75rem 0; background: url(../images/sub2/sec_01_bg.jpg) no-repeat top left/ cover; overflow: hidden;}
.sec_01 .title {font-size: 2.75rem;}
.sec_01 .title strong {font-size: 4.375rem;}
.sec_01 .sub_title {margin-top: 2.5rem; font-size: 1.625rem; color: #A5A5A5;}
.sec_01 [class^="img_"] img {display: block; width: 100%; opacity: 0; transform: translateY(50px); transition: all 0.5s;}
.sec_01 .img_01 {width: 40rem; margin-top: 8.75rem;}
.sec_01 .img_02,
.sec_01 .img_03 {position: absolute;}
.sec_01 .img_02 {right: 10%; bottom: 10%; width: 29.375rem;}
.sec_01 .img_03 {right: 0; bottom: -8.75rem; width: 23.75rem;}
.sec_01 [class^="img_"].on img {opacity: 1; transform: translateY(0)}
.sec_01 .img_02 img {transition-delay: 0.3s;}
.sec_01 .img_03 img {transition-delay: 0.6s;}
@media screen and (max-width: 1400px){
    .sec_01 {margin-top: 84px;}
    .sec_01 .img_02 {width: 24rem;}
    .sec_01 .img_03 {width: 20rem;}
}/* lg */
@media screen and (max-width:1024px) {
    .sec_01 {margin-top: 64px;}
    .sec_01 .img_02 {left: 55%; right: auto; bottom: 20%; width: 20rem;}
}/* md */
@media screen and (max-width:767px) {
    .sec_01 {margin-top: 54px; padding: 8.75rem 0 4rem; background: url(../images/sub2/sec_01_bg_mo.jpg) no-repeat top left/ cover;}
    .sec_01 .title {font-size: 1.75rem;}
    .sec_01 .title strong {font-size: 3rem;}
    .sec_01 .sub_title {margin-top: 1rem;  font-size: 1.375rem;}
    .sec_01 .img_01 {width: 100%; margin-top: 3rem; transform: scale(1.05);}
    .sec_01 .img_01::before {content: ""; display: block; width: 104%; height: 0.875rem; margin-left: -2%; margin-bottom: 0.5rem; background: url(../images/sub2/sec_01_bg_deco.png) no-repeat center left/ cover;}
    .sec_01 .img_02 {position: static; width: 60%; margin: 0 auto; transform: translateX(-2rem);}
    .sec_01 .img_03 {left: 50%; right: auto; bottom: -4rem; width: 50%;}

    .sec_01 .link_wrap {top: -6rem;}
}/* sm */
/* --------------------------------sec_01 end------------------------------ */


/* --------------------------------sec_02------------------------------ */
.sec_02 {padding: 8.75rem 0; overflow-x: hidden;}
.sec_02 .inner {max-width: 1500px;}
.sec_02 .slide_wrap [class^="cont_"] {width: calc(100% - 12rem); max-width: 1320px; margin: 0 auto;}
/*슬라이드 컨텐츠*/
.sec_02 .slide_wrap .title {font-size: 2.75rem}
.sec_02 .slide_wrap .desc {font-size: 1.375rem; color: #444; line-height: 150%; word-break: keep-all; letter-spacing: -1px;}
.sec_02 .slide_wrap .desc span {font-weight: 800; color: #00827D;}
.sec_02 .slide_wrap figure img {display: block; width: 100%;}
.sec_02 .cont_verti {display: flex;}
.sec_02 .cont_verti .title {margin-bottom: 2.5rem;}
.sec_02 .cont_verti figure {flex: 1;}
.sec_02 .cont_01 {gap: 4.5rem;}
.sec_02 .cont_01 figure {margin-top: 14.125rem;}
.sec_02 .cont_01 .desc:last-child {margin-top: 1.5rem;}
.sec_02 .cont_02 figure {width: 100%; margin-top: 2.75rem;}
.sec_02 .cont_02 .img_mo {display: none;}
.sec_02 .cont_02 .text_box {display: flex; gap: 4rem;}
.sec_02 .cont_02 .desc {flex: 1;}
.sec_02 .cont_03 {gap: 2rem;}
.sec_02 .cont_03 figure {margin-top: 12rem;}
.sec_02 .cont_03 .text_box {position: relative;}
.sec_02 .cont_03 .btn_wrap {position: absolute; left: 0; bottom: 0;}
.sec_02 .cont_03 .btn_wrap button {position: relative; width: 13.375rem; height: 4.375rem; background-color: #005A56; transition: background 0.3s linear; overflow: hidden; cursor: pointer;  font-family: 'Ydestreet'; font-size: 1.625rem; font-weight: 800; color: #fff;}
.sec_02 .cont_03 .btn_wrap::after,
.sec_02 .cont_03 .btn_wrap button::after {content: "";position: absolute;top: 0; left: -4.375rem ; height: 4.375rem; width: 3.125rem; background: rgba(255, 255, 255, 0.4);transition: all 0.4s linear;transform: skewX(20deg) translateX(0);}
.sec_02 .cont_03 .btn_wrap.ani::after {transform: skewX(20deg) translateX(19rem);}
.sec_02 .cont_03 .btn_wrap button:hover::after {transform: skewX(20deg) translateX(19rem);}
/*슬라이드 버튼*/
.sec_02 .control .btn_prev,
.sec_02 .control .btn_next {position: absolute; top: 50%; width: 3.75rem; height: 3.75rem; border-radius: 50%; transform: translateY(125%); background-color: #F6F6F6; z-index: 10; cursor: pointer; background-size: auto 100%; background-repeat: no-repeat; transition: all 0.3s;}
.sec_02 .control .btn_prev {left: 0;  background-position: center left;}
.sec_02 .control .btn_next {right: 0;  background-position: center right;}
.sec_02 .control .btn_prev::before,
.sec_02 .control .btn_next::before,
.sec_02 .control .btn_prev::after,
.sec_02 .control .btn_next::after {content: ""; ;position: absolute; display: block; transition: all 0.3s;}
.sec_02 .control .btn_prev::before,
.sec_02 .control .btn_next::before {left: 50%; top: 50%; width: 0.75rem; height: 1.5rem; transform: translate(-50%,-50%); background: url(../images/sub2/sec_02_btn.svg) no-repeat center/100% auto;}
.sec_02 .control .btn_prev::before {transform: translate(-50%,-50%) rotate(180deg);}
.sec_02 .control .btn_prev::after,
.sec_02 .control .btn_next::after {right: 45%; top: 50%; width: 3rem; height: 0.125rem; transform: translate(0,-100%); background-color: #DDD;}
.sec_02 .control .btn_prev::after {left: 45%; transform: translate(0,-50%);}
.sec_02 .control .btn_prev:hover,
.sec_02 .control .btn_next:hover {background-color: #EEE;}
.sec_02 .control .btn_prev:hover::before,
.sec_02 .control .btn_next:hover::before {background: url(../images/sub2/sec_02_btn_hover.svg) no-repeat center/100% auto;}
.sec_02 .control .btn_prev:hover::after,
.sec_02 .control .btn_next:hover::after {width: 3.5rem; background-color: #CCC;}
.sec_02 .control .swiper-button-disabled {display: none;}
.sec_02 .text_box * {opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.4s;}
.sec_02 .text_box .desc {transition-delay: 0.8s;}
.sec_02 .text_box .btn_wrap {transition-delay: 1.2s;}
.sec_02 .text_box.on * {opacity: 1; transform: translateY(0);}
@media screen and (max-width: 1500px){
    /*슬라이드 컨텐츠*/
    .sec_02 .slide_wrap .title {font-size: 2.25rem}
    .sec_02 .slide_wrap .desc {font-size: 1.125rem;}
    .sec_02 .cont_01 figure {margin-top: 11rem;}
    /*슬라이드 버튼*/
    .sec_02 .control .btn_prev,
    .sec_02 .control .btn_next {transform: translateY(50%);}
}/* xlg */
@media screen and (max-width:1200px) {
    /*슬라이드 컨텐츠*/
    .sec_02 .cont_01 {gap: 2rem;}
    .sec_02 .cont_02 figure {margin-top: 1rem;}
    .sec_02 .cont_03 .btn_wrap button {width: 12rem; height: 4rem; font-size: 1.375rem;;}
    .sec_02 .cont_03 .btn_wrap::after,
    .sec_02 .cont_03 .btn_wrap button::after {left: -4rem ; height: 4rem; width: 2.75rem;}
    .sec_02 .cont_03 .btn_wrap.ani::after {transform: skewX(20deg) translateX(16.75rem);}
    .sec_02 .cont_03 .btn_wrap button:hover::after {transform: skewX(20deg) translateX(16.75rem);}
}/* lg */
@media screen and (max-width:1024px) {
    /*슬라이드 컨텐츠*/
    /*.sec_02 .slide_wrap [class^="cont_"] {width: calc(100% - 22rem);}*/
    .sec_02 .slide_wrap .title {font-size: 1.75rem; margin-bottom: 0;}
    .sec_02 .slide_wrap .desc {font-size: 1rem;}
    .sec_02 .slide_wrap figure {flex: none; width: 100%; max-width: 36.25rem; margin-top: 0;}
    .sec_02 .cont_verti {flex-wrap: wrap; justify-content: center;}
    .sec_02 .cont_01 .text_box {display: flex; gap: 2rem;}
    .sec_02 .cont_02 .text_box {flex-wrap: wrap;gap: 2rem; text-align: center; justify-content: center;}
    .sec_02 .cont_02 .text_box .desc {flex: none; width: 100%;}
    .sec_02 .cont_02 figure {margin: 3rem auto 0;}
    .sec_02 .cont_02 figure img {transform: scale(1.2); transform-origin: left;}
    .sec_02 .cont_03 {gap: 6rem;}
    .sec_02 .cont_03 .inner_box {display: flex; gap: 2rem;}
    .sec_02 .cont_03 .btn_wrap {left: auto; right: 13%; bottom: -55%; width: 12rem;}
    .sec_02 .cont_03 .btn_wrap button {width: 12rem; height: 3.5rem; font-size: 1.125rem;}
    /*슬라이드 버튼*/
    .sec_02 .control .btn_prev,
    .sec_02 .control .btn_next {transform: translateY(100%);}
}/* md */
@media screen and (max-width:767px) {
    .sec_02 {padding: 4rem 0;}
    /*슬라이드 컨텐츠*/
    .sec_02 .slide_wrap [class^="cont_"] {width: 100%;}
    .sec_02 .slide_wrap .text_box {text-align: center; flex-wrap: wrap; justify-content: center;}
    .sec_02 .slide_wrap .title {width: 100%;}
    .sec_02 .cont_01 {gap: 3rem;}
    .sec_02 .cont_02 .img_de {display: none;}
    .sec_02 .cont_02 .img_mo {display: block; transform: scale(1);}
    .sec_02 .cont_03 {gap: 4rem;}
    .sec_02 .cont_03 .inner_box {flex-wrap: wrap; justify-content: center; gap: 1.5rem;}
    .sec_02 .cont_03 .btn_wrap {position: static; margin: 2rem auto 0;}
    .sec_02 .cont_03 .btn_wrap::after,
    .sec_02 .cont_03 .btn_wrap button::after {left: -3.5rem ; height: 3.5rem; width: 2.5rem;}
    .sec_02 .cont_03 .btn_wrap.ani::after {transform: skewX(20deg) translateX(16.5rem);}
    .sec_02 .cont_03 .btn_wrap button:hover::after {transform: skewX(20deg) translateX(16.5rem);}
    /*슬라이드 버튼*/
    /*.sec_02 .control .btn_prev,*/
    /*.sec_02 .control .btn_next {width: 2.25rem; height: 2.25rem; transform: translate(0,-50%);}*/
    /*.sec_02 .control .btn_prev {left: -2%;}*/
    /*.sec_02 .control .btn_next {right: -2%;}*/
    /*.sec_02 .control .btn_prev::before,*/
    /*.sec_02 .control .btn_next::before {width: 0.625rem; height: 1rem;}*/
    /*.sec_02 .control .btn_prev::after,*/
    /*.sec_02 .control .btn_next::after {width: 2rem; height: 1px;}*/
    /*.sec_02 .control .btn_prev::after {transform: translate(0,-50%);}*/
    /*.sec_02 .control .btn_prev:hover,*/
    /*.sec_02 .control .btn_next:hover {background-color: #F6F6F6;}*/
    /*.sec_02 .control .btn_prev:hover::before,*/
    /*.sec_02 .control .btn_next:hover::before {background: url(../images/sub2/sec_02_btn.svg) no-repeat center/100% auto;}*/
    /*.sec_02 .control .btn_prev:hover::after,*/
    /*.sec_02 .control .btn_next:hover::after {width: 2rem; background-color: #DDD;}*/
    .sec_02 .control .btn_prev,
    .sec_02 .control .btn_next {top: 20rem; width: 30px; height: 30px; transform: translate(0,0); background-size: auto 100%; background-repeat: no-repeat;}
    .sec_02 .control .btn_prev {left: 1%; background-image: url(../images/sub2/sec_04_prev.svg);}
    .sec_02 .control .btn_next {right: 1%; background-image: url(../images/sub2/sec_04_next.svg);}
    .sec_02 .control .btn_prev::before,
    .sec_02 .control .btn_next::before,
    .sec_02 .control .btn_prev::after,
    .sec_02 .control .btn_next::after {display: none;}
    .sec_02 .control .btn_prev:hover,
    .sec_02 .control .btn_next:hover {background-color: #F6F6F6;}
    .sec_02 .control .btn_next.on {animation: blink 2s infinite ease-in-out; animation-delay: 1s;}
}/* sm */
/* --------------------------------sec_02 end------------------------------ */


/* --------------------------------sec_03------------------------------ */
.sec_03 {min-height: 100vh; padding-top: 8.75rem; background: url(../images/sub2/sec_03_bg.jpg) no-repeat top right/cover; overflow: hidden;}
.sec_03 .title {margin-bottom: 1rem; font-size: 2.5rem; line-height: 158%; text-align: center;}
.sec_03 .title strong {font-size: 3.5rem;}
/*토글버튼*/
.sec_03 .toggle_wrap {text-align: center;}
.sec_03 .toggle_wrap label {position: relative; display: inline-flex;align-items: center;gap: 0.5rem;cursor: pointer;}
.sec_03 .toggle_wrap [type="checkbox"] {appearance: none; position: relative; border-radius: 3.125em;width: 7.625rem; height: 3.25em; background-color: #00AE8C}
.sec_03 .toggle_wrap [type="checkbox"]::before {content: "";position: absolute;top: 0.25rem;left: 0.25rem;width: 2.75rem;height: 2.75rem;border-radius: 50%; background-color: #fff;transition: transform 0.5s;}
.sec_03 .toggle_wrap [type="checkbox"]:checked {background-color: #E9E9E9;}
.sec_03 .toggle_wrap [type="checkbox"]:checked::before {transform: translateX(calc(150% + 0.25rem));}
.sec_03 .toggle_wrap span {position: absolute; font-weight: 600; font-size: 1.25rem; color: #fff;}
.sec_03 .toggle_wrap span.on {left: calc(2.75rem + 0.25rem + 0.5rem);}
.sec_03 .toggle_wrap span.off {right: calc(2.75rem + 0.25rem + 1rem); color: #B8B8B8; display: none;}
/*컨텐츠*/
.sec_03 .cont_wrap {position: relative; margin-top: 6rem;}
.sec_03 .cont_wrap .img img {display: block; width: 100%;}
.sec_03 .cont_wrap .top {margin-bottom: 1rem; }
.sec_03 .cont_wrap h3 {display: inline-block; padding: 0.625rem 0.75rem; border-radius: 0.5rem 0 0.5rem 0.5rem; font-size: 1.375rem; font-weight: 700; color: #fff; background-color: #00827D; font-family: 'Ydestreet'; }
.sec_03 .cont_wrap p {font-size: 1.125rem; line-height: 148%; word-break: keep-all}
.sec_03 .cont_wrap .line {position: absolute;}
.sec_03 .cont_wrap .text_box li {position: absolute; left: 50%; }
.sec_03 .cont_wrap .info figure {position: relative; width: 7.5rem;}
.sec_03 .cont_wrap .info figure img {display: block; width: 100%;}
/*접혔을때*/
.sec_03 .fold_wrap {opacity: 0; visibility: hidden; transition: opacity 0.5s;}
.sec_03 .fold_wrap.on {opacity: 1; visibility: visible;}
.sec_03 .fold_wrap .img {width: 100%; max-width: 32.75rem; margin: 0 auto;}
.sec_03 .fold_wrap .line {top: 1.25rem; height: 0.625rem;}
.sec_03 .fold_wrap .text_01 {top: 20%; transform: translateX(-240%);}
.sec_03 .fold_wrap .text_01 .line {right: -9rem; width: 13.875rem; background: url(../images/sub2/sec_03_text_line_01.svg) no-repeat top left/auto 100%;}
.sec_03 .fold_wrap .text_02 {top: 20%; width: 21.375rem; transform: translateX(100%);}
.sec_03 .fold_wrap .text_02 .line {left: -9rem; width: 7.875rem; background: url(../images/sub2/sec_03_text_line_02.svg) no-repeat top right/auto 100%;}
.sec_03 .fold_wrap .text_02 .info {position: relative; display: flex; align-items: center; gap: 0.75rem; margin-top: 1.5rem;}
.sec_03 .fold_wrap .text_02 .info figure::after {content: ''; position: absolute; left: 0; bottom: 0; width: 5.75rem; height: 5.75rem; transform: translate(-50%,50%); background: url(../images/sub2/sec_03_text_img_03.svg) no-repeat center/100% auto; z-index: -1;}
.sec_03 .fold_wrap .text_02 .info .text {flex: 1;}
.sec_03 .fold_wrap .text_02 .info p {font-size: 1rem; color: #555;}
.sec_03 .fold_wrap .text_02 .info h4 {display: inline-block; width: 2.5rem}
.sec_03 .fold_wrap .text_02 .info h4 img {display: block; width: 100%;}
.sec_03 .fold_wrap .text_03 {top: 65%; transform: translateX(140%);}
.sec_03 .fold_wrap .text_03 .line {left: -20.5rem; width: 19.5rem; background: url(../images/sub2/sec_03_text_line_03.svg) no-repeat top right/auto 100%;}
/*펼쳤을때*/
.sec_03 .open_wrap {position: absolute; left: 50%; top: 0; width: 100%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: opacity 0.5s;}
.sec_03 .open_wrap.on {opacity: 1; visibility: visible;}
.sec_03 .open_wrap .img {width: 100%; max-width: 67.5rem; margin: 0 auto;}
.sec_03 .open_wrap .text_01 {top: -14.5%; transform: translateX(-300%);}
.sec_03 .open_wrap .text_01 .line {top: 1.25rem; right: -7rem; width: 9.25rem; height: 9.5rem; background: url(../images/sub2/sec_03_text_line_04.svg) no-repeat top left/100% auto;}
.sec_03 .open_wrap .text_02 {top: -25%; transform: translateX(115%);}
.sec_03 .open_wrap .text_02 .line {top: 9.25rem; left: -12rem; width: 11.375rem; height: 7.75rem; background: url(../images/sub2/sec_03_text_line_05.svg) no-repeat top right/100% auto;}
.sec_03 .open_wrap .text_02 .info {margin-bottom: 0.75rem;}
.sec_03 .open_wrap .text_02 .info figure::after {content: ''; position: absolute; right: 0; top: 0; width: 3.875rem; height: 3.875rem; transform: translate(50%,-50%); background: url(../images/sub2/sec_03_text_img_04.svg) no-repeat center/100% auto; z-index: -1;}
/*ani*/
.sec_03 .title {opacity: 0; transform: translateY(50px); transition: opacity 0.5s, transform 0.5s;}
.sec_03 .title.ani {opacity: 1; transform: translateY(0);}
.sec_03 .toggle_wrap {opacity: 0; transform: translateY(50px); transition: opacity 0.5s, transform 0.5s;}
.sec_03 .toggle_wrap.ani {opacity: 1; transform: translateY(0); transition-delay: 0.3s;}
.sec_03 .fold_wrap .text_box {opacity: 0; transition: opacity 0.5s}
.sec_03 .fold_wrap .text_box.ani {opacity: 1; transition-delay: 0.6s;}
@media screen and (max-width:1500px) {
    /*컨텐츠*/
    .sec_03 .cont_wrap .text_box p br {display: none;}
    /*접혔을때*/
    .sec_03 .fold_wrap .text_box li {width: 15rem;}
    .sec_03 .fold_wrap .text_01 {transform: translateX(-220%);}
    .sec_03 .fold_wrap .text_01 .line {right: -5.5rem; width: 10rem;}
    .sec_03 .fold_wrap .text_02 {top: 15%; transform: translateX(115%);}
    .sec_03 .fold_wrap .text_02 .line {left: -4rem; width: 3rem;}
    .sec_03 .fold_wrap .text_02 .info {flex-wrap: wrap; gap: 0; margin-top: 1rem;}
    .sec_03 .fold_wrap .text_02 .info figure {order: 2;}
    .sec_03 .fold_wrap .text_02 .info .text {display: flex; gap: 0.5rem; width: 100%; margin-bottom: 1rem; order: 1; flex: auto;}
    .sec_03 .fold_wrap .text_02 .info .text p {flex: 1;}
    .sec_03 .fold_wrap .text_03 {top: 70%; transform: translateX(110%);}
    .sec_03 .fold_wrap .text_03 .line {left: -15rem; width: 14rem;}
    /*펼쳤을때*/
    .sec_03 .open_wrap .text_box li {width: 15rem;}
    .sec_03 .open_wrap .text_01 {transform: translateX(-200%);}
    .sec_03 .open_wrap .text_01 .line {right: -5rem;}
    .sec_03 .open_wrap .text_02 {top: -30%; transform: translateX(115%); text-align: right;}
    .sec_03 .open_wrap .text_02 .line {top: 14.5rem; left: -11.5rem; width: 11.375rem; height: 5rem;;}
    .sec_03 .open_wrap .text_02 .info {display: flex; justify-content: right;}
}/* xlg */
@media screen and (max-width:1200px) {
    .sec_03 .title {font-size: 2.25rem;}
    .sec_03 .title strong {font-size: 3.25rem;}
}/* lg */
@media screen and (max-width:1024px) {
    .sec_03 .title {font-size: 2rem;}
    .sec_03 .title strong {font-size: 3rem;}
    /*접혔을때*/
    .sec_03 .fold_wrap .text_box li {width: 10rem;}
    .sec_03 .fold_wrap .text_01 {transform: translateX(-250%);}
    .sec_03 .fold_wrap .text_01 .line {right: -3.25rem; width: 4rem;}
    .sec_03 .fold_wrap .text_02 {transform: translateX(160%);}
    .sec_03 .fold_wrap .text_02 .line {left: -3.5rem;}
    .sec_03 .fold_wrap .text_02 .info .text {flex-wrap: wrap;}
    .sec_03 .fold_wrap .text_02 .info .text p {flex: auto; width: 100%;}
    .sec_03 .fold_wrap .text_03 {top: 78%; transform: translateX(155%);}
    .sec_03 .fold_wrap .text_03 .line {left: -14.5rem; }
    /*펼쳤을때*/
    .sec_03 .open_wrap .text_box li {width: 10rem;}
    .sec_03 .open_wrap .text_01 {top: -24%; transform: translateX(-250%);}
    .sec_03 .open_wrap .text_01 .line {top: 8rem; right: -9rem; height: 4rem;}
    .sec_03 .open_wrap .text_02 {top: -30%; transform: translateX(160%);}
    .sec_03 .open_wrap .text_02 .line {top: 9.5rem;}
    .sec_03 .open_wrap .text_02 .info {position: absolute; right: 0; bottom: -8rem; margin-bottom: 0;}
}/* md */
@media screen and (max-width:767px) {
    .sec_03 {padding-top: 4rem;}
    .sec_03 .title {font-size: 1.5rem;}
    .sec_03 .title strong {font-size: 2.25rem;}
    /*토글버튼*/
    .sec_03 .toggle_wrap label {gap: 0.5rem;}
    .sec_03 .toggle_wrap [type="checkbox"] {border-radius: 3.125em;width: 6.5rem; height: 2.75em;}
    .sec_03 .toggle_wrap [type="checkbox"]::before {top: 0.25rem;left: 0.25rem;width: 2.25rem;height: 2.25rem;}
    .sec_03 .toggle_wrap [type="checkbox"]:checked::before {transform: translateX(calc(150% + 0.35rem));}
    .sec_03 .toggle_wrap span {font-size: 1.125rem;}
    .sec_03 .toggle_wrap span.on {left: calc(2.25rem + 0.25rem + 0.5rem);}
    .sec_03 .toggle_wrap span.off {right: calc(2.25rem + 0.25rem + 0.75rem);}
    /*컨텐츠*/
    .sec_03 .cont_wrap {margin-top: 20rem;}
    .sec_03 .cont_wrap .info figure {width: 5rem;}
    /*접혔을때*/
    .sec_03 .fold_wrap .img {width: 330px; max-width: unset;}
    .sec_03 .fold_wrap .text_box li {text-align: center;}
    .sec_03 .fold_wrap .text_box li h3 {display: block; width: 100%; font-size: 1.25rem;}
    .sec_03 .fold_wrap .text_box .bot p {padding: 0.5rem; border-radius: 0.5rem; background-color: #E7F5F2;}
    .sec_03 .fold_wrap .text_01 {top: 25%; transform: translateX(-125%);}
    .sec_03 .fold_wrap .text_01 .line {left: -1.5rem; top: -40%; right: auto; width: 4rem; transform: rotate(-55deg); transform-origin: right;}
    .sec_03 .fold_wrap .text_02 {top: -35%; transform: translateX(25%);}
    .sec_03 .fold_wrap .text_02 .line {top: 120%; left: 5.5rem; width: 5rem; transform: rotate(-70deg);}
    .sec_03 .fold_wrap .text_02 .info {justify-content: right; position: absolute; left: -140%; top: 0; width: 13rem; margin-top: 0;}
    .sec_03 .fold_wrap .text_02 .info .text {text-align: right; justify-content: right;}
    .sec_03 .fold_wrap .text_03 {top: 70%; transform: translateX(25%);}
    .sec_03 .fold_wrap .text_03 .line {top: -10%; left: -4.5rem; width: 5rem; transform: rotate(60deg);}
    /*펼쳤을때*/
    .sec_03 .open_wrap {top: auto; bottom: 4rem;}
    .sec_03 .open_wrap .img {width: 330px; max-width: unset;}
    .sec_03 .open_wrap .text_01 {top: -109%; transform: translateX(-125%);}
    .sec_03 .open_wrap .text_01 .line {top: 12rem; right: -1rem; width: 7rem; height: 12rem;  background: url(../images/sub2/sec_03_text_line_06.svg) no-repeat top left/100% auto;}
    .sec_03 .open_wrap .text_02 {top: -150%; transform: translateX(25%);}
    .sec_03 .open_wrap .text_02 .line {top: 18rem; left: 1.5rem; width: 6.5rem; height: 15rem; background: url(../images/sub2/sec_03_text_line_07.svg) no-repeat top right/100% auto;}
    .sec_03 .open_wrap .text_02 .info {bottom: -6rem; }
    .sec_03 .open_wrap .text_02 .info figure::after {right: auto; top: auto; left: 0; bottom: 0; transform: translate(-50%,50%);}
}
/* --------------------------------sec_03 end------------------------------ */


/* --------------------------------sec_04------------------------------ */
.sec_04 {position: relative; padding-top: 8.75rem; background: url(../images/sub2/sec_04_bg.jpg) no-repeat top right/100% auto; overflow-x: hidden;}
.sec_04 >.inner::before {content: ""; position: absolute; left: 0; bottom: 0; transform: translateX(calc(-100% + 720px)); width: 3000%; height: 80%; background-color: #fff; z-index: 9;}
.sec_04 .title {font-size: 2.875rem;}
.sec_04 figure {width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.sec_04 h2 {margin-top: 1rem;}
/*큰슬라이드*/
.sec_04 .big_slide_wrap {position: absolute; left: 0; bottom: 140px; width: 720px; height: 420px; z-index: 10; background-color: #fff;}
.sec_04 .big_slide_wrap figure {height: 420px; border-radius: 0 40px 40px 40px;}
.sec_04 .big_slide_wrap h2 {display: flex; gap: 0.5rem; align-items: center; font-size: 1.625rem; color: #00827D; font-weight: 600; background-color: #fff;}
.sec_04 .big_slide_wrap h2::after,
.sec_04 .big_slide_wrap h2::before {content: ""; display: inline-block; width: 0.875rem; height: 0.875rem; background: url(../images/sub2/sec_04_title_img.svg) no-repeat center/100% auto;}
.sec_04 .big_slide_wrap .swiper-slide h2 {opacity: 0;}
.sec_04 .big_slide_wrap .swiper-slide-active h2 {opacity: 1;}
/*작은슬라이드*/
.sec_04 .slide_wrap {position: relative; margin-top: 160px; padding-left: 400px; z-index: 0;}
.sec_04 .slide_wrap .swiper-container {overflow: visible;}
.sec_04 .slide_wrap .swiper-wrapper {display: flex; align-items: flex-end}
.sec_04 .slide_wrap .swiper-slide {width: 320px;}
.sec_04 .slide_wrap .swiper-slide-active .cont {opacity: 0; transition: opacity 0.2s;}
.sec_04 .slide_wrap figure {height: 320px; border-radius: 20px;}
.sec_04 .slide_wrap h2 {font-size: 1.25rem; color: #999;}
/*버튼*/
.sec_04 .control {display: flex; gap: 1rem; margin-top: 40px;}
.sec_04 .control .btn_prev,
.sec_04 .control .btn_next {position: static; display: block; width: 60px; height: 60px; border-radius: 50%; background-color: #F6F6F6; z-index: 10; cursor: pointer; background-size: auto 100%; background-repeat: no-repeat;}
.sec_04 .control .btn_prev {background-image: url(../images/sub2/sec_04_prev.svg);}
.sec_04 .control .btn_next {background-image: url(../images/sub2/sec_04_next.svg);}
/*안내문구*/
.sec_04 .info {margin-top: 8.375rem; padding: 1.5rem 0; background-color: #333; text-align: center;}
.sec_04 .info h3 {font-size: 1.125rem; color: #CECECE; line-height: 142%;}
.sec_04 .info p {margin-top: 0.25rem; font-size: 1rem; color: #898989; line-height: 148%;}
@media screen and (max-width:1200px) {
    .sec_04 {padding-top: 4rem;}
    .sec_04 .inner::before {transform: translateX(calc(-100% + 500px));}
    /*큰슬라이드*/
    .sec_04 .big_slide_wrap {bottom: 110px; width: 500px; height: 340px;}
    .sec_04 .big_slide_wrap figure {height: 340px;}
    /*작은슬라이드*/
    .sec_04 .slide_wrap {padding-left: 260px;}
    .sec_04 .slide_wrap .swiper-slide {width: 240px;}
    .sec_04 .slide_wrap figure {height: 240px; border-radius: 16px;}
    /*버튼*/
    .sec_04 .control {gap: 0.75rem; margin-top: 30px;}
    .sec_04 .control .btn_prev,
    .sec_04 .control .btn_next {width: 40px; height: 40px;}
    /*안내문구*/
    .sec_04 .info {margin-top: 4rem;}
}
@media screen and (max-width:767px) {
    .sec_04 .inner::before {display: none;}
    .sec_04 .title {font-size: 1.75rem;}
    /*큰슬라이드*/
    .sec_04 .big_slide_wrap {position: static; width: 100%; height: auto; margin-top: 2rem;}
    .sec_04 .big_slide_wrap figure {height: 0; padding-bottom: 75%; border-radius: 0 20px 20px 20px;}
    .sec_04 .big_slide_wrap h2 {justify-content: center; font-size: 1.25rem;}
    /*작은슬라이드*/
    .sec_04 .slide_wrap {display: none;}
    /*버튼*/
    .sec_04 .control {display: block; margin-top: 0;}
    .sec_04 .control .btn_prev,
    .sec_04 .control .btn_next {position: absolute; bottom: 38%; width: 30px; height: 30px;}
    .sec_04 .control .btn_prev {left: 1%;}
    .sec_04 .control .btn_next {right: 1%;}
}
/* --------------------------------sec_04 end------------------------------ */


/* --------------------------------sec_05------------------------------ */
.sec_05 {position: relative; padding: 8.75rem 0; background: url(../images/sub2/sec_05_bg.jpg) no-repeat top right/cover; overflow-x: hidden;}
.sec_05 .inner {max-width: 1080px;}
.sec_05 .title {margin-bottom: 6rem; font-size: 2.875rem; color: #005A56; line-height: 152%; text-align: center;}
.sec_05 .title strong {font-size: 3.125rem;}
.sec_05 .inner_box {position: relative; margin-bottom: 4rem; padding: 3.25rem 3rem 4.5rem; background-color: #fff; box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.05);}
.sec_05 .inner_box::after,
.sec_05 .inner_box::before {content: ""; position: absolute;}
.sec_05 .inner_box::after {top: 25%; left: 80%; width: 20rem; height: 18.5rem; background: url(../images/sub2/sec_05_img_01.png) no-repeat center/contain;}
.sec_05 .inner_box::before {bottom: 0; left: 102%; width: 1.5rem; height: 6.875rem; background: url(../images/sub2/sec_05_img_02.svg) no-repeat center/100% auto;}
/*컨텐츠*/
.sec_05 .box:nth-child(1) {padding-bottom: 1.75rem; border-bottom: 1px solid #DBE4EB;}
.sec_05 .box:nth-child(1) h3 {position: relative; display: inline-block; padding: 1.125rem 1rem; font-size: 1.75rem; line-height: 100%; font-weight: 600; background-color: rgba(207,239,238,0.5); transform: translateX(-1rem);}
.sec_05 .box:nth-child(1) h3::before {content: ""; position: absolute; left: -3.375rem; top: 0; width: 3.375rem; height: 100%; background-color: #1EB8B1; opacity: 0.5;}
.sec_05 .box:nth-child(2) {padding: 3rem 0; border-bottom: 1px dashed #DBE4EB;}
.sec_05 .box:nth-child(2) li {display: flex; gap: 1rem}
.sec_05 .box:nth-child(2) li:not(:last-child) {margin-bottom: 1.75rem;}
.sec_05 .box:nth-child(2) h3 {width: 5.625rem; height: 2.375rem; line-height: 2.375rem; border-radius: 0.75rem; background-color: #EDF3F2; color: #568B89; font-size: 1.125rem; text-align: center; font-weight: 600;}
.sec_05 .box:nth-child(2) p {flex: 1; font-size: 1.25rem; line-height: 180%; font-weight: 500; word-break: keep-all;}
.sec_05 .box:nth-child(2) span {font-size: 1rem; font-weight: 400; color: #666;}
.sec_05 .box:nth-child(3) {padding-top: 3rem;}
.sec_05 .box:nth-child(3) h3 {width: 9.875rem; height: 2.375rem; margin-bottom: 1.5rem; line-height: 2.375rem; border-radius: 0.75rem; background-color: #00827D; color: #fff; font-size: 1.125rem; text-align: center; font-weight: 600;}
.sec_05 .box:nth-child(3) .top {padding: 1.5rem 0; background-color: #F9F9FA; border-bottom: 1px dashed #E2E5E9}
.sec_05 .box:nth-child(3) h4 {margin-bottom: 0.5rem; font-size: 1.375rem; font-weight: 800; color: #222;}
.sec_05 .box:nth-child(3) p {font-size: 1rem; color: #555; font-weight: 500;}
.sec_05 .box:nth-child(3) h5 {padding: 1.5rem 0; font-size: 1.25rem; color: #00827D; font-weight: 500;}
.sec_05 .box:nth-child(3) h5 span {font-weight: 800;}
.sec_05 .box:nth-child(3) ul {display: flex; gap: 1.25rem}
.sec_05 .box:nth-child(3) li {flex: 1; border: 1px solid #ECEFF3; border-radius: 0.75rem; overflow: hidden; text-align: center; background-color: #fff; box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.05);}
.sec_05 .box:nth-child(3) li.end .top {background-color: #ddd;}
.sec_05 .box:nth-child(3) li.end h4,
.sec_05 .box:nth-child(3) li.end p {color: #666;}
/*버튼*/
.sec_05 .btn_link {display: block; width: 13.375rem; height: 4.375rem; margin: 0 auto; text-align: center; line-height: 4.375rem; background-color: #005A56; overflow: hidden; cursor: pointer; font-family: 'Ydestreet'; font-size: 1.625rem; font-weight: 800; color: #fff;}
/*ani*/
.sec_05 .inner_box::after {opacity: 0; transform: translateY(50px); transition: opacity 0.5s, transform 0.5s;}
.sec_05 .inner_box.ani::after {opacity: 1; transform: translateY(0);}
@media screen and (max-width:1024px) {
    .sec_05 .title {margin-bottom: 4rem; font-size: 2rem;}
    .sec_05 .title strong {font-size: 2.5rem;}
    .sec_05 .inner_box {margin-bottom: 3rem;}
    .sec_05 .inner_box::after {top: 20%; left: 70%; width: 18rem; height: 16.5rem;}
    /*컨텐츠*/
    .sec_05 .box:nth-child(3) ul {justify-content: space-between; flex-wrap: wrap; gap: 1.75rem 1.5rem;}
    .sec_05 .box:nth-child(3) li {flex: auto; width: 40%;}
    /*버튼*/
    .sec_05 .btn_link {width: 12rem; height: 4rem; line-height: 4rem; font-size: 1.375rem;}
}/* md */
@media screen and (max-width:767px) {
    .sec_05 {padding: 4rem 0;}
    .sec_05 .title {margin-bottom: 2rem; font-size: 1.75rem;}
    .sec_05 .title strong {font-size: 2rem;}
    .sec_05 .inner_box {margin-bottom: 2.5rem; padding: 2.25rem 1.75rem 3.5rem;}
    .sec_05 .inner_box::after {top: 0; left: 65%; width: 12rem; height: 10.5rem;}
    /*컨텐츠*/
    .sec_05 .box:nth-child(1) h3 {padding: 1rem 0.75rem; font-size: 1.5rem; transform: translateX(0rem);}
    .sec_05 .box:nth-child(1) h3::before {left: -2.5rem; width: 2.5rem;}
    .sec_05 .box:nth-child(2) {padding: 2rem 0;}
    .sec_05 .box:nth-child(2) li {display: block;}
    .sec_05 .box:nth-child(2) h3 {margin-bottom: 0.5rem;}
    .sec_05 .box:nth-child(3) {padding-top: 2rem;}
    .sec_05 .box:nth-child(3) ul {justify-content: space-between; flex-wrap: wrap; gap: 2rem 1.5rem;}
    .sec_05 .box:nth-child(3) li {flex: auto; width: 40%;}
    .sec_05 .box:nth-child(3) .top {padding: 1.25rem 0;}
    .sec_05 .box:nth-child(3) h4 {font-size: 1.25rem;}
    .sec_05 .box:nth-child(3) h5 {padding: 1.25rem 0; font-size: 1.125rem;}
    /*버튼*/
    .sec_05 .btn_link {width: 12rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.125rem;}
}/* sm */
/* --------------------------------sec_05 end------------------------------ */


/* --------------------------------sec_06------------------------------ */
.sec_06 {position: relative; padding: 8.75rem 0; background: url(../images/sub2/sec_06_bg.jpg) no-repeat top right/cover; overflow-x: hidden;}
.sec_06 .inner {max-width: 1080px;}
.sec_06 .title {margin-bottom: 6rem; font-size: 2.875rem; color: #fff; line-height: 152%; text-align: center;}
.sec_06 .title strong {font-size: 3.125rem;}
.sec_06 .inner_box {position: relative; margin-bottom: 4rem; padding: 3.25rem 3rem 4.5rem; background-color: #fff; box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.05);}
.sec_06 .inner_box::after,
.sec_06 .inner_box::before {content: ""; position: absolute;}
.sec_06 .inner_box::after {top: 32%; left: 65%; width: 20rem; height: 18.5rem; background: url(../images/sub2/sec_06_img_01.png) no-repeat center/contain;}
.sec_06 .inner_box::before {bottom: 0; left: 102%; width: 0.75rem; height: 29rem; background: url(../images/sub2/sec_06_img_05.png) no-repeat center/100% auto;}
/*컨텐츠*/
.sec_06 .box:nth-child(1) {padding-bottom: 1.75rem; border-bottom: 1px solid #DBE4EB;}
.sec_06 .box:nth-child(1) h3 {position: relative; display: inline-block; padding: 1.125rem 1rem; font-size: 1.75rem; line-height: 100%; font-weight: 600; background-color: rgba(209,247,245,0.5); transform: translateX(-1rem);}
.sec_06 .box:nth-child(1) h3::before {content: ""; position: absolute; left: -3.375rem; top: 0; width: 3.375rem; height: 100%; background-color: #7AF3EE; opacity: 0.5;}
.sec_06 .box:nth-child(2) {padding: 3rem 0; border-bottom: 1px dashed #DBE4EB;}
.sec_06 .box:nth-child(2) ul {display: flex; justify-content: space-between;}
.sec_06 .box:nth-child(2) li {display: flex; flex-wrap: wrap; align-items: center; position: relative; width: 24%; padding: 2.625rem 1.125rem 1.75rem; background-color: #FFF9C6; text-align: center; box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.05);}
.sec_06 .box:nth-child(2) h3 {position: absolute; left: 50%; top: 0; padding: 0.815rem 1rem; transform: translate(-50%,-50%); font-size: 1.125rem; font-weight: 800; color: #fff; background-size: contain; background-position: center; background-repeat: no-repeat;}
.sec_06 .box:nth-child(2) li:nth-child(1) h3 {background-image: url(../images/sub2/sec_06_title_img_01.svg)}
.sec_06 .box:nth-child(2) li:nth-child(2) h3 {padding: 0.815rem 0.75rem; background-image: url(../images/sub2/sec_06_title_img_02.svg)}
.sec_06 .box:nth-child(2) li:nth-child(3) h3 {background-image: url(../images/sub2/sec_06_title_img_03.svg)}
.sec_06 .box:nth-child(2) li:nth-child(4) h3 {background-image: url(../images/sub2/sec_06_title_img_04.svg)}
.sec_06 .box:nth-child(2) p {width: 100%; word-break: keep-all; font-size: 1.25rem; line-height: 168%;}
.sec_06 .box:nth-child(2) p strong {font-weight: 800;}
.sec_06 .box:nth-child(3) {padding: 3rem 0; border-bottom: 1px dashed #DBE4EB;}
.sec_06 .box:nth-child(3) li {display: flex; gap: 1rem}
.sec_06 .box:nth-child(3) li:not(:last-child) {margin-bottom: 1.75rem;}
.sec_06 .box:nth-child(3) h3 {width: 7.75rem; height: 2.375rem; line-height: 2.375rem; border-radius: 0.75rem; background-color: #EDF3F2; color: #568B89; font-size: 1.125rem; text-align: center; font-weight: 600;}
.sec_06 .box:nth-child(3) p {flex: 1; font-size: 1.25rem; line-height: 180%; font-weight: 500; word-break: keep-all;}
.sec_06 .box:nth-child(3) strong {font-weight: 800;}
.sec_06 .box:nth-child(3) span {position: relative; display: inline-block; margin-left: 0.5rem; color: #00827D; font-weight: 800; z-index: 1;}
.sec_06 .box:nth-child(3) span::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 104%; height: 50%;background-color: #FFF7B2; transform: translateX(-50%); z-index: -1;}
.sec_06 .box:nth-child(4) {padding: 3rem 0 4rem 0;}
.sec_06 .box:nth-child(4) h3 {width: 4.25rem; height: 2.375rem; line-height: 2.375rem; border-radius: 0.75rem; text-align: center;  background-color: #EDF3F2; color: #568B89; font-size: 1.125rem; font-weight: 600;}
.sec_06 .box:nth-child(4) ul {display: flex; justify-content: center; gap: 4rem; margin-top: 1.5rem;}
.sec_06 .box:nth-child(4) figure {width: 15rem;}
.sec_06 .box:nth-child(4) figure img {display: block; width: 100%;}
.sec_06 .box:nth-child(4) .text_box {margin-top: 1.5rem; text-align: center;}
.sec_06 .box:nth-child(4) h4 {display: inline-block; margin-bottom: 1.125rem; padding: 0.75rem 1.25rem; line-height: 100%; background-color: #34B2AD; border-radius: 3.125rem; color: #fff; font-size: 1.5rem; font-weight: 800;}
.sec_06 .box:nth-child(4) h4 span {font-size: 1.875rem;}
.sec_06 .box:nth-child(4) p {margin-bottom: 0.25rem; font-size: 1.25rem;}
.sec_06 .box:nth-child(4) h5 {font-size: 1.375rem; font-weight: 800;}
.sec_06 .box:nth-child(5) .btn_wrap {display: flex; justify-content: center; gap: 1rem; width: 100%;}
.sec_06 .box:nth-child(5) .btn_wrap [class^="btn_"] {padding: 1.125rem 3.125rem; border-radius: 31.25rem; font-weight: 800; text-align: center; font-size: 1.625rem; cursor: pointer;}
.sec_06 .box:nth-child(5) .btn_copy {border: 2px solid #00AE8C; color: #00AE8C; background-color: #ffffff;}
.sec_06 .box:nth-child(5) .btn_insta {border: 2px solid #00AE8C; color: #ffffff; background-color: #00AE8C;}
.sec_06 .box:nth-child(5) input {position: absolute; right: 0; bottom: 0; opacity: 0;}
/*버튼*/
.sec_06 .btn_link {display: block; width: 13.375rem; height: 4.375rem; margin: 0 auto; text-align: center; line-height: 4.375rem; background-color: #005A56; overflow: hidden; cursor: pointer; font-family: 'Ydestreet'; font-size: 1.625rem; font-weight: 800; color: #fff;}
/*유의사항*/
.sec_06 .info_box {position: relative; margin-top: 8.75rem; padding: 3.25rem 3rem; background-color: #fff; box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.05);}
.sec_06 .info_box h6 {display: flex; align-items: center; gap: 0.25rem; margin-bottom: 1.75rem; padding-bottom: 1.75rem; font-size: 1.25rem; font-weight: 800; border-bottom: 1px solid #DBE4EB;}
.sec_06 .info_box h6::before {content: ""; display: inline-block; width: 1.5rem; height: 1.5rem; background: url(../images/sub2/ico_info.svg) no-repeat center center/100% auto;}
.sec_06 .info_box li {position: relative; padding-left: 1rem; line-height: 146%; font-size: 1.125rem; font-weight: 300; word-break: keep-all;}
.sec_06 .info_box li::before {content: ""; position: absolute; left: 0; top: 0.5rem; width: 0.25rem; height: 0.25rem;margin-right: 0.5rem; border-radius: 100%; background-color: #444; }
.sec_06 .info_box li:not(:last-child) {margin-bottom: 0.75rem;}
/*ani*/
.sec_06 .inner_box::after {opacity: 0; transform: translateY(50px); transition: opacity 0.5s, transform 0.5s;}
.sec_06 .inner_box.ani::after {opacity: 1; transform: translateY(0);}
@media screen and (max-width:1024px) {
    .sec_06 .title {margin-bottom: 4rem; font-size: 2rem;}
    .sec_06 .title strong {font-size: 2.5rem;}
    .sec_06 .inner_box {margin-bottom: 3rem;}
    .sec_06 .inner_box::after {top: 47%; left: 67%; width: 18rem; height: 16.5rem;}
    /*컨텐츠*/
    .sec_06 .box:nth-child(2) ul {flex-wrap: wrap; gap: 3rem 0;}
    .sec_06 .box:nth-child(2) li {width: 48%;}
    .sec_06 .box:nth-child(4) figure {width: 12rem;}
    .sec_06 .box:nth-child(5) .btn_wrap [class^="btn_"] {padding: 1rem 2.75rem; font-size: 1.315rem;}
    /*버튼*/
    .sec_06 .btn_link {width: 12rem; height: 4rem; line-height: 4rem; font-size: 1.375rem;}
}/* md */
@media screen and (max-width:767px) {
    .sec_06 {padding: 4rem 0;}
    .sec_06 .title {margin-bottom: 2rem; font-size: 1.75rem;}
    .sec_06 .title strong {font-size: 2rem;}
    .sec_06 .inner_box {margin-bottom: 2.5rem; padding: 2.25rem 1.75rem 3.5rem;}
    .sec_06 .inner_box::after {top: 58%; left: 56%; width: 12rem; height: 10.5rem;}
    .sec_06 .box:nth-child(1) h3 {padding: 1rem 0.75rem; font-size: 1.5rem; transform: translateX(0rem);}
    .sec_06 .box:nth-child(1) h3::before {left: -2.5rem; width: 2.5rem;}
    /*컨텐츠*/
    .sec_06 .box:nth-child(2) {padding: 2rem 0;}
    .sec_06 .box:nth-child(2) li {width: 100%;}
    .sec_06 .box:nth-child(3) {padding: 2rem 0;}
    .sec_06 .box:nth-child(3) li {display: block;}
    .sec_06 .box:nth-child(3) h3 {margin-bottom: 0.5rem;}
    .sec_06 .box:nth-child(4) {padding: 2rem 0 3rem;}
    .sec_06 .box:nth-child(4) ul {justify-content: space-between; gap: 0;}
    .sec_06 .box:nth-child(4) li {width: 30%;}
    .sec_06 .box:nth-child(4) figure {width: 100%;}
    .sec_06 .box:nth-child(4) h4 {padding: 0.5rem 0.75rem; font-size: 1.125rem;}
    .sec_06 .box:nth-child(4) h4 span {font-size: 1.25rem;}
    .sec_06 .box:nth-child(4) h5 {font-size: 1.25rem;}
    .sec_06 .box:nth-child(5) .btn_wrap {gap: 0.75rem;}
    .sec_06 .box:nth-child(5) .btn_wrap [class^="btn_"] {flex: 1; padding: 1rem; font-size: 1.25rem}
    /*버튼*/
    .sec_06 .btn_link {width: 12rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.125rem;}
    /*유의사항*/
    .sec_06 .info_box {margin-top: 4rem; padding: 2.25rem 1.75rem;}
    .sec_06 .info_box h6 {margin-bottom: 1.25rem; padding-bottom: 1.25rem;}
}/* sm */
/* --------------------------------sec_06 end------------------------------ */


/* --------------------------------sec_07------------------------------ */
.sec_07 {position: relative; padding: 8.75rem 0; overflow-x: hidden;}
.sec_07 .inner {max-width: 1080px;}
.sec_07 h2 {margin-bottom: 3rem; padding-bottom: 3rem; line-height: 100%; font-size: 2.375rem; color: #00847E; border-bottom: 1px solid #DBE4EB; font-weight: 700;}
.sec_07 li {padding: 2rem 1.5rem; background-color: #F9F9FA; border-radius: 0.75rem;}
.sec_07 li:not(:last-child) {margin-bottom: 1.5rem;}
.sec_07 li h3 {margin-bottom: 0.625rem; font-size: 1.25rem; font-weight: 600; color: #222;}
.sec_07 li p {padding-left: 1rem; font-size: 1rem; line-height: 158%; word-break: keep-all;}
.sec_07 .video_wrap {padding: 0;}
.sec_07 .video_wrap video {display: block; width: 100%;}
@media screen and (max-width:767px) {
    .sec_07 {padding: 4rem 0;}
    .sec_07 h2 {margin-bottom: 2rem; padding-bottom: 2rem; font-size: 1.75rem;}
    .sec_07 li {padding: 1.5rem 1rem; border-radius: 0.5rem;}
}/* sm */
/* --------------------------------sec_07 end------------------------------ */


/* --------------------------------sec_08------------------------------ */
.sec_08 {padding: 3.5rem 0; background-color: #333;}
.sec_08 .inner {display: flex; justify-content: space-between; max-width: 1080px;}
.sec_08 .title {font-size: 1.625rem; font-weight: 900; color: #fff; line-height: 140%;}
.sec_08 ul {display: flex; gap: 2.5rem;}
.sec_08 li {width: 4.375rem; height: 4.375rem;}
.sec_08 button {display: block; width: 100%; height: 100%; cursor: pointer;}
.sec_08 .btn_band {background: url(../images/sub2/btn_band.png) no-repeat center center/100% auto;}
.sec_08 .btn_facebook {background: url(../images/sub2/btn_facebook.png) no-repeat center center/100% auto;}
.sec_08 .btn_kakao {background: url(../images/sub2/btn_kakao.png) no-repeat center center/100% auto;}
.sec_08 .btn_url {background: url(../images/sub2/btn_url.png) no-repeat center center/100% auto;}
@media screen and (max-width:767px) {
    .sec_08 {padding: 2.5rem 0;}
    .sec_08 .inner {flex-wrap: wrap; gap: 1.5rem 0;}
    .sec_08 .title {width: 100%; font-size: 1.35rem; text-align: center;}
    .sec_08 ul {width: 100%; justify-content: center; gap: 1.5rem;}
    .sec_08 li {width: 4rem; height: 4rem;}
}/* sm */
/* --------------------------------sec_08 end------------------------------ */


/* --------------------------------ani------------------------------ */
@keyframes blink {
    0% {opacity:1;}
    10% {opacity:1;}
    40% {opacity:0;}
    90% {opacity:1;}
    100% {opacity:1;}
}
/* --------------------------------ani end------------------------------ */